a:link { text-decoration: none; } body { background-color: #1f1f1f; margin-left: 0.8%; margin-right: 0.8%; color: #ddd; font-family: "PT Sans", sans-serif; font-weight: 400; font-style: normal; font-size: 18px; } div.site-footer { display: none; } div.site-branding { display: none; } #mega-menu-primary > li.astm-search-menu.is-menu.popup.menu-item { position: absolute; margin-top: -66px; right: 0px; } .site-header { background-color: transparent; } #menusticky #mega-menu-primary > li.astm-search-menu.is-menu.popup.menu-item { position: fixed; padding-top: 34px; margin-right: 29px; } #is-popup-wrapper { z-index: 9999999999999; } .entry-title a { color: #fff; } .is-right-sidebar { display: none; } .entry-title { margin-top: 0px; } div.is-ajax-search-details, div.is-ajax-search-result { z-index: 9999999999999!important; } .main-navigation, .main-navigation ul ul { background-color: transparent; } .grid-container { max-width: 100%; } .secondheader h2 { font-size: 12px!important; } #golddividingline { width: 100%; height: 1px; background-color: #b2990f; margin-top: 54px; margin-bottom: 47px; } #linesf1 { width: 100%; background-color: #555; padding: 57px 0px; background-image: url(/wp-content/uploads/2025/03/sellyoak1.jpg); background-size: cover; background-repeat: no-repeat; } #advert { width: 84.6%; float: right; height: 210px; background-color: #fff; margin-top: -221px; background-image: url(/wp-content/uploads/2025/03/advert1.jpg); background-size: cover; background-position: center; border: 9px solid #fff; background-repeat: no-repeat; } #advert2 { width: 50%; float: right; height: 210px; background-color: #fff; margin-top: -221px; background-image: url(/wp-content/uploads/2025/03/advert2.jpg); background-size: cover; background-position: right center; border: 9px solid #fff; background-repeat: no-repeat; } #advert3 { width: 84.6%; float: right; height: 210px; background-color: #fff; margin-top: -221px; background-image: url(/wp-content/uploads/2025/03/advert3.jpg); background-size: cover; background-position: center; border: 9px solid #fff; background-repeat: no-repeat; } #advert4 { width: 84.6%; float: right; height: 210px; background-color: #fff; margin-top: -221px; background-image: url(/wp-content/uploads/2025/03/advert4.jpg); background-size: cover; background-position: center; border: 9px solid #fff; background-repeat: no-repeat; } #advert5 { width: 84.6%; float: right; height: 210px; background-color: #fff; margin-top: -221px; background-image: url(/wp-content/uploads/2025/03/advert5.jpg); background-size: cover; background-position: center; border: 9px solid #fff; background-repeat: no-repeat; } #advert7 { width: 84.6%; float: right; height: 210px; background-color: #fff; margin-top: -221px; background-image: url(/wp-content/uploads/2025/03/advert7.jpg); background-size: cover; background-position: center; border: 9px solid #fff; background-repeat: no-repeat; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); } .os-mac #mega { height: 459px; } #mega-menu-item-12 > ul { left: -15px!important; } #mega-menu-item-13 > ul { left: -39px!important; } #mega-menu-item-14 > ul { left: -39px!important; } #mega-menu-item-15 > ul { left: -73px!important; } #mega-menu-item-16 > ul { left: -84px!important; } .team a:link { color: #b2990f; } .team a:hover { color: #fff; } .team a:visited { color: #b2990f; } #menusticky #mega-menu-item-12 > ul { left: 25.4%!important; width: 893px!important; } #menusticky #mega-menu-item-13 > ul { left: 24%!important; width: 893px!important; } #menusticky #mega-menu-item-14 > ul { left: 24%!important; width: 893px!important; } #menusticky #mega-menu-item-15 > ul { left: 22.2%!important; width: 893px!important; } #menusticky #mega-menu-item-16 > ul { left: 21.6%!important; width: 893px!important; } #menusticky #mega-menu-item-17 > ul { left: 29%!important; width: 893px!important; } .team { display: block; padding: 14px 40px 0px 40px; } .marginup { margin-top: -15px; } #mega { display: block; border-right: 1px solid #ddd; padding-right: 25px; margin-top: 10px; height: 448px; } #mega a:link { color: #222; display: block; width: 100%; font-size: 12px; line-height: normal; margin-bottom: 15px; } #mega a:hover { color: #b2990f; display: block; width: 100%; font-size: 12px; line-height: normal; margin-bottom: 15px; } #mega a:visited { color: #222; display: block; width: 100%; font-size: 12px; line-height: normal; margin-bottom: 15px; } #mega2 { display: block; border-right: 0px solid #ddd; padding-right: 25px; margin-top: 10px; } #mega2 a:link { color: #222; display: block; width: 100%; font-size: 12px; line-height: normal; margin-bottom: 15px; } #mega2 a:hover { color: #b2990f; display: block; width: 100%; font-size: 12px; line-height: normal; margin-bottom: 15px; } #mega2 a:visited { color: #222; display: block; width: 100%; font-size: 12px; line-height: normal; margin-bottom: 15px; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu { top: 50px; } #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator { display: none; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus { border-bottom: 5px solid #aa8e2a; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { margin-left: 55px; } #brassheader { width: 100%; height: 120px; } #brasslogo { width: 50%; height: 115px; background-image: url(/wp-content/uploads/2024/12/Brass-Facilities-Logo-Landscape-White-Box-CMYK.svg); background-position: left top; background-repeat: no-repeat; margin-top: 18px; float: left; } #brasstel { width: 50%; color: #fff; text-align: right; float: left; font-size: 28px; margin-top: 18px; font-family: "PT Sans", sans-serif; font-weight: 400; font-style: normal; } .grid-container { clear: both; padding: 0px; } #mega-menu-wrap-primary { margin-top: -40px; margin-bottom: 10px; } #brassheader a:link { color: #fff; } #brassheader a:hover { color: #b2990f; } #brassheader a:visited { color: #fff; } #box1, #box2, #box3, #box4, #box5, #box6, #box7, #box8 { height: 300px; width: 100%; background-color: #999; position: relative; background-size: cover; background-repeat: no-repeat; } #box1 { background-image: url(/wp-content/uploads/2024/12/box1.jpg); } #box2 { background-image: url(/wp-content/uploads/2024/12/box2.jpg); } #box3 { background-image: url(/wp-content/uploads/2024/12/box3.jpg); } #box4 { background-image: url(/wp-content/uploads/2024/12/box4.jpg); } #box5 { background-image: url(/wp-content/uploads/2024/12/box5.jpg); } #box6 { background-image: url(/wp-content/uploads/2024/12/box6.jpg); } #box7 { background-image: url(/wp-content/uploads/2024/12/box7.jpg); } #box8 { background-image: url(/wp-content/uploads/2024/12/box8.jpg); } .neattext a:link { color: #b2990f; } .neattext a:hover { color: #b2990f; } .neattext a:visited { color: #b2990f; } :where(.transparent.wp-block-columns.is-layout-flex) { gap: 1em; } .separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation, .inside-page-header { background-color: transparent; } #box1title { position: absolute; bottom: 0; right: 0; background-color: rgba(255, 255, 255, 0.85); padding: 20px; text-transform: uppercase; letter-spacing: 0.05em; font-size: 22px; text-align: right; color: #777; line-height: 25px; width: 80%; font-family: "open sans", sans-serif; font-weight: 400; } #boxline { width: 100%; height: 4px; background-color: #b2990f; margin-top: 10px; } #mobile { display: none; } #desktop a:hover { filter: grayscale(95%); } #whylist ul { text-align: center!important; color: #b2990f; margin: 0px; list-style: none; } #whylist li { border-bottom: 1px solid #555; margin-top: 8px; padding-bottom: 8px; } h1 { text-transform: uppercase; font-size: 34px; font-family: "PT Sans", sans-serif; font-weight: 400; font-style: normal; color: #ddd; letter-spacing: 0.03em; margin-top: 45px; margin-bottom: 27px; } h2 { text-transform: uppercase; font-size: 34px; font-family: "PT Sans", sans-serif; font-weight: 400; font-style: normal; color: #ddd; letter-spacing: 0.03em; margin-top: 49px; margin-bottom: 27px; } h3 { font-size: 34px; font-family: "PT Sans", sans-serif; font-weight: 400; font-style: normal; color: #ddd; letter-spacing: 0.03em; margin-top: 18px; margin-bottom: 12px; } h4 { text-transform: uppercase; font-size: 34px; font-family: "PT Sans", sans-serif; font-weight: 400; font-style: normal; color: #ddd; letter-spacing: 0.03em; margin-top: 50px; margin-bottom: 20px; } .neattext { padding: 0px 380px; } .neattext2 { padding: 0px 40px; margin-bottom: -12px; } .padme { padding: 0px 150px; } .padme b,strong { color: #b2990f; font-size: 22px; display: block; margin-bottom: 9px; margin-top: 5px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.2em; } .padme a:link { color: #ddd; } .padme a:hover { color: #b2990f; } .padme a:visited { color: #ddd; } .buttonbrass a:hover { filter: grayscale(95%)!important; } #homeboxbig1 { width: 100%; height: 695px; background-color: #777; position: relative; background-image: url(/wp-content/uploads/2024/12/bigbox1.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; } #homeboxbig2 { width: 100%; height: 695px; background-color: #777; position: relative; background-image: url(/wp-content/uploads/2024/12/bigbox2.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; } #bigboxtxt { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 50%; padding: 40px; background-color: rgba(255, 255, 255, 0.85); color: #777; line-height: normal; } :where(.bigboxes.wp-block-columns.is-layout-flex) { gap: 1em!important; } .highlight { display: block; font-size: 32px; text-transform: uppercase; padding-bottom: 4px; margin-bottom: 10px; border-bottom: 5px solid #b2990f; font-family: "Lexend Giga", sans-serif; font-weight: 300; letter-spacing: -0.05em; } .read-more { background-color: #b2990f; padding: 8px 8px 8px 15px; width: 60%; color: #fff; text-transform: uppercase; display: block; font-weight: 900; font-size: 16px; letter-spacing: 0.1em; margin-top: 33px; background-image: url(/wp-content/uploads/2024/12/play.svg); background-size: contain; background-position: right center; background-repeat: no-repeat; background-size: 30px auto; } #bigboxtxt a:link { color: #fff!important; } #bigboxtxt a:hover { color: #fff!important; filter: grayscale(95%)!important; } #bigboxtxt a:visited { color: #fff!important; } :where(.lowercols.wp-block-columns.is-layout-flex) { gap: 0px; } .iconbox { border-right: 1px solid #b2990f; } .iconbox p { padding: 0px 40px 0px 40px; margin: 0px 0px 0px 0px; } .iconbox2 p { padding: 0px 40px 0px 40px; margin: 0px 0px 0px 0px; } h3 a:link { color: #ddd; } h3 a:hover { color: #b2990f; } h3 a:visited { color: #ddd; } #menusticky { width: 98.4%; padding: 10px 0px 10px 0px; position: fixed; background-color: #555; z-index: 99999999; display: none; border-bottom: 6px solid #b2990f; } #menusticky #mega-menu-wrap-primary { margin: 0px; } #menusticky #mega-menu-wrap-primary #mega-menu-primary { text-align: center; right: 25px; } #brassfooter { width: 100%; padding: 50px 0px; border-top: 1px solid #b2990f; color: #ddd; height: 600px; font-size: 15px; } #brassfooter a:link { color: #ddd; } #brassfooter a:hover { color: #b2990f; } #brassfooter a:visited { color: #ddd; } #designedby a:link { color: #ddd; } #designedby a:hover { color: #b2990f; } #designedby a:visited { color: #ddd; } #fcol1 { width: 25%; height: 350px; background-image: url(/wp-content/uploads/2024/12/footlogo.svg); background-position: left top; background-repeat: no-repeat; background-size: 266px auto; padding-top: 166px; float: left; } #fcol2 { width: 23%; float: left; padding-top: 123px; line-height: 40px; } #fcol3 { width: 25%; float: left; padding-top: 123px; line-height: 40px; } #fcol4 { width: 20%; float: left; padding-top: 123px; line-height: 40px; } #fcol5 { width: 7%; float: left; padding-top: 123px; } .foothead { font-size: 20px; display: block; margin-bottom: -15px; } #fb { width: 25px; height: 25px; clear: both; background-image: url(/wp-content/uploads/2024/12/fb.png); background-size: contain; background-position: left top; background-repeat: no-repeat; margin-top: 60px; opacity: 0.7; } #x { width: 25px; height: 25px; clear: both; padding: 33px 0px; background-image: url(/wp-content/uploads/2024/12/x.png); background-size: contain; background-position: left center; background-repeat: no-repeat; opacity: 0.7; } #in { width: 25px; height: 25px; clear: both; background-image: url(/wp-content/uploads/2024/12/in.png); background-size: contain; background-position: left top; background-repeat: no-repeat; opacity: 0.7; } #designedby { width: 100%; text-align: center; padding: 22px; font-size: 14px; border-top: 1px solid #b2990f; } #formpadding { width: 890px; margin: 0 auto; } .forminator-ui#forminator-module-229.forminator-design--material .forminator-button-submit { width: 100%; } #upplz { margin-top: 5px; } #line4 { width: 100%; height: 1px; background-color: #b2990f; } .bitofpad { padding-top: 8px; } #innersocials2 { width: 155px; margin: 0 auto; clear: both; margin-top: 44px; } #innerfb { width: 30px; height: 30px; float: left; background-image: url(/wp-content/uploads/2024/12/fb.png); background-size: contain; background-repeat: no-repeat; opacity: 0.7 } #innerx { width: 30px; height: 30px; float: left; background-image: url(/wp-content/uploads/2024/12/x.png); background-size: contain; background-repeat: no-repeat; margin: 0px 30px; opacity: 0.7 } #innerin { width: 30px; height: 30px; float: left; background-image: url(/wp-content/uploads/2024/12/in.png); background-size: contain; background-repeat: no-repeat; opacity: 0.7 } .signoff { padding-top: 17px; color: #b2990f; } .no-sidebar .entry-content .alignfull { margin-left: 0px; margin-right: 0px; } @media only screen and (max-width: 1800px) { #menusticky #mega-menu-item-12 > ul { left: 23%!important; } #menusticky #mega-menu-item-13 > ul { left: 22%!important; } #menusticky #mega-menu-item-14 > ul { left: 22%!important; } #menusticky #mega-menu-item-15 > ul { left: 20.2%!important; } #menusticky #mega-menu-item-16 > ul { left: 19.2%!important; } #menusticky #mega-menu-item-17 > ul { left: 26.2%!important; } } @media only screen and (max-width: 1700px) { .neattext { padding: 0px 180px; } #menusticky #mega-menu-item-13 > ul { left: 21%!important; } #menusticky #mega-menu-item-14 > ul { left: 21%!important; } #menusticky #mega-menu-item-15 > ul { left: 19.2%!important; } #menusticky #mega-menu-item-16 > ul { left: 18.2%!important; } #menusticky #mega-menu-item-17 > ul { left: 25.2%!important; } } @media only screen and (max-width: 1600px) { #menusticky #mega-menu-item-12 > ul { left: 21%!important; } #menusticky #mega-menu-item-13 > ul { left: 19%!important; } #menusticky #mega-menu-item-14 > ul { left: 19%!important; } #menusticky #mega-menu-item-15 > ul { left: 17.1%!important; } #menusticky #mega-menu-item-16 > ul { left: 16.1%!important; } #menusticky #mega-menu-item-17 > ul { left: 25.1%!important; } } @media only screen and (max-width: 1500px) { #menusticky #mega-menu-item-12 > ul { left: 18%!important; } #menusticky #mega-menu-item-13 > ul { left: 16%!important; } #menusticky #mega-menu-item-14 > ul { left: 16%!important; } #menusticky #mega-menu-item-15 > ul { left: 14.1%!important; } #menusticky #mega-menu-item-16 > ul { left: 13.1%!important; } #menusticky #mega-menu-item-17 > ul { left: 22.1%!important; } } @media only screen and (max-width: 1300px) { .neattext { padding: 0px 5%; } #box1title { font-size: 14px; line-height: normal; font-weight: 600; width: 100%;} .highlight { font-size: 20px; } #bigboxtxt { font-size: 14px; } .read-more { width: 100%; font-size: 14px; } #fcol1 { background-size: 215px auto; } .padme { padding: 0px 30px; } #menusticky #mega-menu-item-12 > ul { left: 13%!important; } #menusticky #mega-menu-item-13 > ul { left: 11%!important; } #menusticky #mega-menu-item-14 > ul { left: 11%!important; } #menusticky #mega-menu-item-15 > ul { left: 9.1%!important; } #menusticky #mega-menu-item-16 > ul { left: 8.1%!important; } #menusticky #mega-menu-item-17 > ul { left: 17.1%!important; } } @media only screen and (max-width: 1125px) { #brassfooter { font-size: 11px; } .foothead { font-size: 14px; } #fcol1 { padding-top: 155px; } #fcol2, #fcol3, #fcol4, #fcol5 { padding-top: 102px; } #formpadding { width: 100%; margin: 0 auto; } #menusticky #mega-menu-item-12 > ul { left: 8%!important; } #menusticky #mega-menu-item-13 > ul { left: 6%!important; } #menusticky #mega-menu-item-14 > ul { left: 6%!important; } #menusticky #mega-menu-item-15 > ul { left: 2.1%!important; } #menusticky #mega-menu-item-16 > ul { left: 1.1%!important; } #menusticky #mega-menu-item-17 > ul { left: 9%!important; } } @media only screen and (max-width: 1024px) { #mega-menu-wrap-primary { display: none; } #rmp_menu_trigger-26 { top: 63px!important; } .highlight { font-size: 18px; } #menusticky { display: none!important; } #rmp-menu-wrap-26 .rmp-menu-item-link { font-size: 20px; height: 55px; line-height: 55px; } #fcol1 { background-size: 195px auto; padding-top: 146px; } #fcol2, #fcol3, #fcol4, #fcol5 { padding-top: 92px; line-height: 27px; } #brassfooter { height: 495px; } } @media only screen and (max-width: 930px) { #fcol1, #fcol2, #fcol3, #fcol4, #fcol5 { width: 100%; text-align: center; } #fcol2, #fcol3, #fcol4, #fcol5 { padding-top: 50px; } #x, #in { margin: 0 auto; background-position: center; } #fb { margin: 30px auto 0 auto; background-position: center; } #fcol1 { background-position: center top; } #brassfooter { font-size: 16px; height: 1605px; } .foothead { font-size: 20px; } #fcol1 { height: 506px; } } @media only screen and (max-width: 768px) { #brasstel { font-size: 20px; } #desktop { display: none; } #mobile { display: block; margin-top: 0px; } :where(.wp-block-columns.is-layout-flex) { gap: 1em; } #box1title { font-size: 14px; line-height: normal; } h1 { font-size: 28px; } .iconbox { border-right: 0px solid #b2990f; } .iconbox p { padding: 0px 40px 30px 40px; margin: 0px 0px 0px 0px; } .iconbox2 p { padding: 0px 40px 30px 40px; margin: 0px 0px 0px 0px; } h4 { margin-top: 0px; } .signoff { padding-top: 0px; } #mobspace12 { width: 100%; height: 50px; } } @media only screen and (max-width: 500px) { #brasslogo { width: 100%; background-size: 340px auto; background-position: left 21px; } #brasstel { width: 100%; text-align: center; margin-top: 0px; position: relative; font-size: 24px; background-color: #555; padding: 5px 0px; } #brassheader { position: relative; z-index: 999; } body { margin-left: 4%; margin-right: 4%; } #rmp_menu_trigger-26 { top: 38px!important; right: 4%!important; } #desktop { display: none; } #mobile { display: block; margin-top: -2px; } #box1, #box2, #box3, #box4, #box5, #box6, #box7, #box8 { height: 200px; width: 100%; background-color: #999; position: relative; } #box1title { position: absolute; bottom: 0; right: 0; background-color: rgba(255, 255, 255, 0.9); padding: 8px; text-transform: uppercase; letter-spacing: normal; font-size: 11px; text-align: right; color: #777; line-height: normal; width: 100%; text-align: center; font-weight: 800; } :where(.wp-block-columns.is-layout-flex) { gap: 0.9em; } h1 { font-size: 24px; } #bigboxtxt { width: 80%; } #formpadding { margin-top: -23px; } .neattext2 { padding: 0px 40px 20px 40px; } #linesf1 { width: 100%; background-color: #555; padding: 57px 0px; background-image: url(/wp-content/uploads/2025/03/sellyoak1.jpg); background-size: cover; background-repeat: no-repeat; border: 1px solid #b2990f; margin-top: 58px; } .lessonmobabout { height: 0px!important; } .team { padding-left: 0px; padding-right: 0px; } .mobgap { padding-top: 50px; } .mobgap2 { margin-top: 20px; } div.rmp-menu-subarrow { right: 132px!important; } .entry-title a { color: #fff!important; } }