/* Importing Fonts */ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap'); /* Default Page Styles */ body { font-family: 'Poppins', sans-serif; } body.no-scroll { overflow: hidden; } a { color: #003243; } div.offset { max-width: 1600px; padding: 0 3rem; } .button, button { font-size: 1rem; padding: 0.5rem 1.25rem; margin-bottom: 1.5em; text-transform: uppercase; border-radius: 8px; background-color: #9a9a74; color: #fff; border: 1px solid transparent; text-wrap: nowrap; white-space: nowrap; } .button:hover, button:hover { border-color: #9a9a74; color: #9a9a74; background-color: transparent; text-decoration: none;} /* Header Styles */ header.main-bt1a { position: fixed; background-color: #ebebe3; color:#003243;} header.main-bt1a div.header-account { display: none; height: 84px; } header.main-bt1a div.header-ribbon { background-color: #FFFFFF; } header.main-bt1a div.header-ribbon .offset { max-width: 1780px; } header.main-bt1a.sticky div.header-logo { width: 25%; padding: 12px 0 12px 6px; } header.main-bt1a div.offset { padding: 0% 2%; } header.main-bt1a div.header-contact { padding: 0%; min-height: 31px;} header.main-bt1a div.header-contact a { color:#003243; font-size:0.85em; } header.main-bt1a div.header-contact a.brochure { font-size:0.675em; padding: 0.1rem 0.75rem; border-radius: 24px; background-color: #003243; color: #003243; border: 1px solid #003243; transition: all 0.2s ease;} header.main-bt1a div.header-contact a.brochure:hover { background-color:#fff; color: #003243; border: 1px solid #003243; } header.main-bt1a div.header-contact .search-open { margin-left: 0.5rem; line-height: normal; font-size: 0.9375rem; vertical-align: middle;} header.main-bt1a div.header-contact .icon { padding: 0.15rem 0.5rem 0.15rem 0.5rem; font-size: 0.9375rem; font-weight: 600; line-height: 1.5rem; color: #003243; vertical-align: middle; } header.main-bt1a div.header-contact .icon.facebook { font-size: 1rem; padding: 0 0.5rem;} header.main-bt1a div.header-contact .icon.email { margin-right: 0.5rem; padding: 0rem 0rem 0rem 1.5rem; } header.main-bt1a div.header-contact .button { margin: 0%; padding: 0.063rem 1rem 0.125rem 1rem; font-size: 0.875rem; line-height: 1.5rem; font-weight: 400; text-transform: uppercase; letter-spacing: 0.05em; color: #FFFFFF; background-color: #1A87AB; } nav.main-bt1a ul li { padding: 1.25rem 0.25rem 1.25rem 0.25rem; } nav.main-bt1a ul li a { padding: 0.75rem 0.25rem; font-size: 0.9375rem; text-transform: uppercase; letter-spacing: 0.05em; position: relative; color: #003243; cursor: default; } nav.main-bt1a ul li:hover a { background-color: transparent; } nav.main-bt1a ul > li > a:after { content: ''; width: 0%; height: 2px; bottom: 6px; left: 50%; position: absolute; background-color: #9a9a74; opacity: 0; transform: translateX(-50%); transition: width 0.2s ease; } nav.main-bt1a ul > li:hover > a:after { width: 100%; opacity: 1; } nav.main-bt1a ul li a.current { color: #2B2B2B; } nav.main-bt1a ul li a.current:before { right: 0%; opacity: 1; background-color: #9a9a74; } nav.main-bt1a ul li a[href] { cursor: pointer; } nav.main-bt1a div.offset { padding: 0%; } nav.main-bt1a ul li div.drop { margin: 0% 0% 0% -34px; padding: 26px 38px 43px 38px; top: 90%; display: block; visibility: hidden; opacity: 0; background-color: #f8f8f8; transition: all 0.2s ease; box-shadow: 0px 19px 29px -5px rgba(0,0,0,0.19); -webkit-box-shadow: 0px 19px 29px -5px rgba(0,0,0,0.19); -moz-box-shadow: 0px 19px 29px -5px rgba(0,0,0,0.19);} nav.main-bt1a ul li div.drop ul { min-width: 242px; text-align: left; } nav.main-bt1a ul li div.drop ul li { padding: 0%; font-size: 0.875rem; line-height: 1.875rem; text-align: left; } nav.main-bt1a ul li div.drop ul li a { padding: 0%; width: auto; text-transform: none; display: inline-block; cursor: pointer; } nav.main-bt1a ul li:hover div.drop { top: 100%; visibility: visible; opacity: 1; } .sticky nav.main-bt1a > ul > li { transition: padding 0.3s ease; } .sticky nav.main-bt1a > ul > li > a { transition: padding 0s ease; } .shrink nav.main-bt1a > ul > li { padding: 0.5rem 0.25rem 0.5rem 0.25rem; } .shrink nav.main-bt1a > ul > li > a { padding: 0.5rem 0.125rem; } .block3 { display: flex; align-items: center; width: 25%; } .block3 .desktop-element { display: flex; align-items: center; justify-content: flex-end; width: 100%; } .block3 a { display: inline-flex; align-items: center; color: #9a9a74; font-size: 0.9375rem; font-weight: 500; margin-right: 1rem; } .block3 span.icon { color: #ffffff !important; margin-right: 0.5rem; } /* Template Styles */ section.main { padding-top: 116px !important; padding-bottom: 0px; } section.home { padding-top: 0px !important; padding-bottom: 0px; } /* Home Slideshow */ /* section.main .wg-slider.slider_1 { height: calc(100vh - 84px); overflow-y: hidden; } */ section.main .slider-wrapper { position: relative; } section.main .slider-wrapper .wg-slider .slides { padding-top: 100vh; } section.main .slider-wrapper .wg-slider .slide-image { background-size: cover; } section.main .slider-wrapper .wg-slider .slide-loading { background-size: auto; } section.main .slider-wrapper .wg-slider .slide-image img { object-fit: cover; } .wg-preloading { background-size: auto; } section.main .wg-slider .slide-caption .content h2 { color:#FFF; font-size: 2.75rem;} section.main .wg-slider .slide-caption .content p { color:#FFF; } .wg-slider .slide-caption { max-width: 1200px; background-color: rgba(0, 0, 0, .2); padding: 1rem 1rem; border-radius: 20px; } .wg-slider .slide-caption.caption-span-edge { bottom: 40%; } section.main .back-container { position: absolute; z-index: 10; bottom: 0; left: 50%; transform: translateX(-115px); height: 58px; width: 230px; } section.main .back-container a, section.main .back-container button { background: url('../images/more-background.png') center bottom no-repeat; color: #ffffff; text-transform: uppercase; height: 58px; display: inline-flex; width: 100%; text-align: center; justify-content: center; align-items: center; align-items: flex-end; padding-bottom: 0.5rem; } section.main .back-container button { display: flex; flex-direction: column; align-items: center; padding: 1rem 4rem 0.5rem; } section.main .back-container button .icon { font-size: 1.25rem; } section.main .back-container button.scroll-more > span { line-height: 1.2; } section.main .page_subheading { padding: 3rem 0 1rem; } section.main .project_header { height: 600px; display: flex; justify-content: center; align-items: center; background-position: center; } section.main .project_header div.content h1 { color: #ffffff; font-size: 2.25rem; } section.main .project_header div.content p { color: #ffffff; font-family: 'Lato', sans-serif; font-size: 1.5rem; font-weight: 300; } /* Causing issues on conact page - Cupboard image */ /* section.main .config_container .coltype_image picture { display: inline-block; width: 100%; } */ section.main .content > div > :last-child { margin-bottom: 0.5rem; } section.main .page_content { padding: 3rem 0; } section.main .page_content2col { padding: 3rem 0; } section.main .row_margin { margin : 3rem 0 0; } section.main .row_padding { margin : 3rem 0; } section.main .bottom_padding { padding : 0 0 3rem 0; } section.main .threecol_content, section.main .fourcol_content { max-width: 480px; padding-bottom:3rem; } section.main .threecol_content { margin: 0 0.5em; } section.main .threecol_content h2, section.main .fourcol_content h2 { font-size: 1.75rem; } section.main .threecol_content h3, section.main .fourcol_content h3 { font-size: 1.25rem; } section.main div.threecol_content div.content h2, section.main div.fourcol_content div.content h2 { font-size: 1.75rem; } section.main div.threecol_content div.content h3, section.main div.fourcol_content div.content h3 { font-size: 1.25rem; } section.main .bluetint_content { background:rgba(5,84,111,0.9)} section.main .blue_background { background-color: #10546b;} section.main .blue_background div.content h1, section.main .blue_background div.content p, section.main .blue_background div.content li { color: #FFFFFF;} section.main .blue_background div.content a { color: #9a9a74;} section.main .page_content .config_container { align-items: center; } section.main .page_content .config_container .column_1 { } section.main .page_content .config_container .column_2 { } section.main .vertical_top .config_container { align-items: normal; } section.main .config_row.row_12 { overflow:visible; } section.main div.left_offset div.content { max-width: 736px; width: 100%; margin-left: auto; padding: 4rem 5rem 4rem 1rem; } section.main div.right_offset div.content { max-width: 736px; width: 100%; margin-right: auto; padding:4rem 1rem 4rem 5rem; } section.main div.page_content2col div.left_offset div.content { max-width: 700px; width: 100%; margin-left: auto; padding: 0rem 5rem 0rem 1rem; } section.main div.page_content2col div.right_offset div.content { max-width: 700px; width: 100%; margin-right: auto; padding:0rem 1rem 0rem 5rem; } section.main div.contact_panel { padding: 30rem 0rem 15rem 0rem; } section.main div.hero_panel { padding: 30rem 0rem 10rem 0rem; } section.main div.left_offset img { float:right; } section.main .left_image img { margin-left:auto; } .enquiryForm.collapsible .step-container .step-section { padding: 0; } .enquiryForm.collapsible .step-container .field-block { padding: 0; } /* Content Styles */ section.main div.content h1 { font-family: 'Poppins', sans-serif; font-size: 2rem; font-weight: 400; color: #003243; text-transform: none; } section.main div.content h2 { font-family: 'Poppins', sans-serif; color:#786b59; font-size: 2rem; font-weight: 300; margin: 1.25em 0 0.5em;} section.main div.content h2.blue { font-family: 'Poppins', sans-serif; color:#003243; font-size: 2rem; font-weight: 300; margin: 1.25em 0 0.5em;} section.main div.content h3 { font-family: 'Poppins', sans-serif; font-size: 1.5rem; font-weight: 400; color: #9a9a74; text-transform: none; } section.main div.content h4 { font-family: 'Poppins', sans-serif; font-size: 1.25rem; font-weight: 400; color: #0e4a5e; text-transform: none; } section.main div.content h5 { font-family: 'Poppins', sans-serif; font-size: 1.125rem; font-weight: 400; color: #6d6d6d; text-transform: none; } section.main div.content h6 { font-family: 'Poppins', sans-serif; font-size: 1.125rem; font-weight: 400; color: #003243; text-transform: none; } section.main div.content p { font-family: 'Lato', sans-serif; font-size: 1rem; font-weight: 400; color: #6d6d6d; } section.main div.content li { color: #5b5b5b; font-family: 'Lato', sans-serif; font-size: 1rem; font-weight: 400; } section.main div.content a:hover { text-decoration: underline;} section.main div.content a.button { font-size: 1rem; padding: 0.5rem 1.25rem; margin-bottom: 1.5em; text-transform: uppercase; border-radius: 8px; background-color: #9a9a74; color: #fff; border: 1px solid transparent; text-wrap: nowrap; white-space: nowrap;} section.main div.content a.button:hover { border-color: #9a9a74; color: #9a9a74; background-color: transparent; text-decoration: none;} section.main div.content a.download { font-size: 1rem; padding: 0.5rem 3rem 0.5rem 1.25rem; margin-bottom: 1.5em; text-transform: uppercase; border-radius: 8px; background-color: #9a9a74; color: #fff; border: 1px solid transparent; text-wrap: nowrap; white-space: nowrap;} section.main div.content a.download:hover { border-color: #9a9a74; color: #9a9a74; background-color: transparent; background-image: url('../images/icons/pdf-on.svg'); text-decoration: none;} section.main div.content a.download { background-image: url('../images/icons/pdf.svg'); background-position-x: 97%; background-size: 22px 22px; background-position-y: center; background-repeat: no-repeat; } section.main div.content a.blue-button { font-size: 1rem; padding: 0.75rem 1.5rem; margin-bottom: 1.5em; text-transform: uppercase; border-radius: 8px; background-color: #003243; color: #fff; border: 1px solid transparent; text-wrap: nowrap; white-space: nowrap;} section.main div.content a.blue-button:hover { border-color: #FFFFFF; color: #FFFFFF; background-color: transparent; text-decoration: none; } section.main div.content a.white-button { font-size: 1rem; padding: 0.5rem 1.25rem; margin-bottom: 1.5em; text-transform: uppercase; border-radius: 0; background-color: #ffffff; color: #151515; border: 1px solid transparent; text-wrap: nowrap; white-space: nowrap;} section.main div.content a.white-button:hover { border-color: #ffffff; background-color: #151515; color: #ffffff; text-decoration: none;} section.main div.content a.grey-button { font-size: 1rem; padding: 0.5rem 1.25rem; margin-bottom: 1.5em; text-transform: uppercase; border-radius: 0; background-color: #5b5b5b; color: #fff; border: 1px solid transparent; text-wrap: nowrap; white-space: nowrap;} section.main div.content a.grey-button:hover { border-color: #5b5b5b; color: #5b5b5b; background-color: transparent; text-decoration: none;} section.main div.content div.block-text { min-height:340px; } section.main div.light-grey { background-color: #F7F7F7; } section.main div.light-grey.page_content { padding : 3rem 0 3rem 0; } section.main .page_header { display: flex; justify-content: center; align-items: center; height: 660px; position: relative; background-position-x: center; background-size: cover;} section.main .page_header div.content { padding: 30px 60px; border-radius: 10px; background: rgba(0,0,0,0.5); } section.main .page_header div.content h1 { font-family: 'Poppins', sans-serif; font-size: 2rem; font-weight: 500; margin: 0; color: #ffffff; text-align: center; position: relative; z-index: 10; } section.main .page_header div.content h2 { font-family: 'Poppins', sans-serif; font-size: 1.325rem; font-weight: 300; margin: 0.5em 0 0; color: #ffffff; text-align: center; position: relative; z-index: 10; } section.main .page_header div.content p { font-size: 1.125rem; font-weight: 300; margin: 0; color: #ffffff; text-align: center; position: relative; z-index: 10; } section.main .page_headersmall { display: flex; justify-content: center; align-items: center; height: 300px; position: relative; background-position-x: center; background-size: cover;} section.main .page_headersmall div.content { padding: 30px 60px; border-radius: 10px; background: rgba(0,0,0,0.5); } section.main .page_headersmall div.content h1 { font-family: 'Poppins', sans-serif; font-size: 2rem; font-weight: 500; margin: 0; color: #ffffff; text-align: center; position: relative; z-index: 10; } section.main .page_headersmall div.content h2 { font-family: 'Poppins', sans-serif; font-size: 1.325rem; font-weight: 300; margin: 0; color: #ffffff; text-align: center; position: relative; z-index: 10; } section.main .page_headersmall div.content p { font-size: 1.125rem; font-weight: 300; margin: 0; color: #ffffff; text-align: center; position: relative; z-index: 10; } section.main .page_subheading { padding: 3rem 0 1rem; } section.main .page_headertext { padding: 3rem 0 1rem; } section.main .project_header { height: 600px; display: flex; justify-content: center; align-items: center; background-position: center; } section.main .project_header div.content h1 { color: #ffffff; font-size: 1.875rem; } section.main .project_header div.content p { color: #ffffff; font-family: 'Lato', sans-serif; font-size: 1.5rem; font-weight: 400; } section.main .column_maxwidth div.offset { max-width: 1200px; margin-left:auto; margin-right:auto;} section.main .column_maxwidth .content { max-width: 1000px; margin-left:auto; margin-right:auto;} section.main .column_formwidth .content { max-width: 700px; margin-left:auto; margin-right:auto;} section.main .technical_section .config_container { flex-direction: column;} section.main .technical_section .column_maxwidth { max-width: 900px; margin-left:auto; margin-right:auto;} section.main .technical_block { max-width: 1200px; margin:40px auto; background-color: #ffffff; padding: 0 2em 1em;} section.main .technical_block td { padding: 0 4em 1em;} /* section.main .technical_block img { margin-top:-40px !important;} */ section.main .technical_block div.content img:not(.image_dimensions img) { margin: -40px auto 0.5em auto !important; } section.main .contact_text div.content h3 { color:#003243;} section.main .contact_text div.content h3 a { color:#9a9a74;} section.main .contact_text div.content h3 a:hover { text-decoration: underline;} section.main div.content .white { color:#FFFFFF;} section.main div.content .mossgreen { color: #9a9a74; } section.main div.content .darkblue { color: #003243; } section.main .panel_padding { padding: 2em 2em; } section.main div.content ul.tick { padding: 0px 0px 0px 0.5em; } section.main div.content ul.tick li { background-image: url(../images/icons/noun-tick.svg); background-repeat: no-repeat; background-position: 0 3px; background-size: 30px; padding: 0px 0px 0px 50px; line-height: 25px; list-style-type: none; font-weight: 400;} section.main div.content ul.circle { padding: 0px 0px 0px 0.5em; } section.main div.content ul.circle li { color:#0e4a5e; background-image: url(../images/icons/circle.svg); background-repeat: no-repeat; background-position: 0 9px; background-size: 10px; padding: 0px 0px 0px 30px; line-height: 28px; list-style-type: none; font-weight: 400;} section.main div.contact_panel div.content h2 { color:#FFFFFF; } section.main div.contact_panel div.content h2 a.button { font-size: 1.75rem; padding: 0.25rem 1.25rem;} /* News Template Styles */ section.main .content.header:after { content: ''; width: 100%; height: 100%; top: 0px; left: 0px; display: block; position: absolute; background-color: #212121; opacity: 0.42; z-index: 1; } section.main .content.header > .offset { z-index: 10; } section.main .detail-page > .offset { max-width: 1200px; } section.main .category-filters { margin: 0%; padding: 2rem 0% 1rem; text-align: center; } section.main .category-filters > img { margin: 0% auto; } section.main .category-filters .categories { margin: 1rem 0%; padding: 0%; list-style: none; display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: center; } section.main .category-filters .category { margin: 0% 2% 2% 0%; } section.main .category-filters .category > a { padding: 0.5rem 1.25rem; font-size: 1rem; display: block; color: #10546B; background-color: #FFFFFF; border: 1px solid #10546B; border-radius: 16px; transition: all 0.2s ease;} section.main .category-filters .category > a:hover { text-decoration: none !important; background-color: #E0E0E0; } section.main .category-filters .category.active > a { color: #FFFFFF; background-color: #10546B; } section.main .article-list { margin: 0%; } section.main .article-list .card { margin: 0% 1% 2% 1%; width: 23%; display: flex; flex-direction: column; background-color: #FFFFFF; border-radius: 4px; box-shadow: 0px 2px 12px 2px rgba(0,0,0,0.1); overflow: hidden; transition: all 0.2s ease; } section.main .article-list .card-image { padding-top: 65%; width: 100%; height: 0%; display: block; position: relative; background-color: #F0F0F0; overflow: hidden; color: #F0F0F0;} section.main .article-list .card-image > img { width: 100%; height: 100%; top: 0px; right: 0px; bottom: 0px; left: 0px; display: block; position: absolute; object-fit: cover; object-position: center; transition: all 0.2s ease; } section.main .article-list .card-image > .article-category { padding: 0.5rem 0.875rem; bottom: 0px; left: 0px; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; display: block; position: absolute; color: #FFFFFF; background-color: #9CA68A; } section.main .article-list .card-detail { padding: 1.25rem 1rem; position: relative; } section.main .article-list .card-label { margin: 0% 0% 1em 0%; font-size: 1.125rem; line-height: 1.125em; color: #10546B; transition: all 0.2s ease; } section.main .article-list .card-summary { margin: 0% 0% 0.5em 0%; color: #FFFFFF; } section.main .article-list .card-actions { padding: 0%; width: 100%; } section.main .article-list .card-actions .date { margin: 0%; width: 100%; min-height: 3.5rem; font-size: 1.125rem; display: block; color: #9CA68A; transition: all 0.2s ease; } section.main .article-list .card-actions .button { margin-top: 0.875rem; padding: 0.375em 1.25em; font-size: 0.875rem; color: #10546B; background-color: transparent; border: 1px solid #10546B; transition: all 0.2s ease; } section.main .article-list .card:hover { text-decoration: none !important; background-color: #9CA68A; text-decoration: none; box-shadow: 0px 2px 12px 2px rgba(0,0,0,0.2); } section.main .article-list .card:hover .card-image > img { opacity: 1; transform: scale(1.1); } section.main .article-list .card:hover .card-label { color: #FFFFFF; } section.main .article-list .card:hover .card-actions .date { color: #212121; } section.main .article-list .card:hover .card-actions .button { color: #FFFFFF; background-color: transparent; border-color: #FFFFFF; } section.main .article-list .card:nth-of-type(4n+1) { margin-left: 1%; } section.main .article-list .card:nth-of-type(4n+2) { margin-left: 1%; } section.main .article-list .card:nth-of-type(4n+3) { margin-left: 1%; } section.main .article-list .card:nth-of-type(4n+4) { margin-left: 1%; } section.main div.back-to-articles { margin: 0% 0% 2rem 0%; text-align: right; } section.main div.back-to-articles a.button { font-size: 0.875rem; padding: 0.75rem 1.5rem; text-transform: uppercase; border-radius: 8px; background-color: #003243; color: #fff; border: 1px solid #003243;} section.main div.back-to-articles a.button:hover { color: #003243; background-color: transparent; border: 1px solid #003243;} section.main .image-gallery { margin: 3rem auto 0% auto; max-width: 1016px; } section.main .image-gallery .image { padding: 9px 9px; display: block; position: relative; overflow: hidden; } section.main .image-gallery .image > img { width: calc(100% - 18px); height: calc(100% - 18px); top: 9px; right: 9px; bottom: 9px; left: 9px; display: block; position: absolute; object-fit: cover; object-position: center; } section.main .image-gallery > .flex-row { height: 468px; display: flex; flex-direction: row; align-items: stretch; } section.main .image-gallery > .flex-row:nth-of-type(2n+1) > :first-child { width: 65%; } section.main .image-gallery > .flex-row:nth-of-type(2n+1) > :last-child { flex: 1; } section.main .image-gallery > .flex-row:nth-of-type(2n+2) > :first-child { flex: 1; } section.main .image-gallery > .flex-row:nth-of-type(2n+2) > :last-child { width: 65%; } div.popup-panel a { text-decoration: none; } /* Case Studies Template Styles */ section.main .case-studies .card { margin: 0% 1.15% 2% 1.15%; width: 31%; display: flex; flex-direction: column; background-color: #FFFFFF; border-radius: 4px; box-shadow: 0px 2px 12px 2px rgba(0,0,0,0.1); overflow: hidden; transition: all 0.2s ease; } section.main .case-studies .card:nth-of-type(3n+1) { margin-left: 1.15%; } section.main .case-studies .card:nth-of-type(3n+2) { margin-left: 1.15%; } section.main .case-studies .card:nth-of-type(3n+3) { margin-left: 1.15%; } /* Latest Projects Styles */ section.main .image-gallery { margin: 0% auto; } section.main .image-gallery .image { } section.main .image-gallery img { width: calc(100% - 18px); height: calc(100% - 9px); display: block; position: absolute; object-fit: cover; object-position: center; } /* Slideshow Styles */ #page_slider { padding-bottom: 75px; } .page_slideshow { max-width: 1684px; margin: 0 auto; padding: 0 20px; } .page_slideshow .slick-slide { padding: 24px; } .page_slideshow .slick-prev:before { content: '\f053'; color: #9a9a74; font-family: 'Font Awesome 5 Pro'; font-size: 3.125rem; font-weight: 300; } .page_slideshow .slick-next:before { content: '\f054'; color: #9a9a74; font-family: 'Font Awesome 5 Pro'; font-size: 3.125rem; font-weight: 300; } /* Contact Syles */ div.page .search-popup { background-color: rgba(181, 190, 161, 1.0); } form.search .button, button { padding: 0.5rem 0.5rem; } /* Contact Syles */ section.main .form_container.form_1 .field-block .field-label { text-align: center; } section.main .form_container.form_1 .field-block.wgf271 .g-recaptcha, section.main .form_container.form_2 .field-block.wgf295 .g-recaptcha { display: flex; justify-content: center; } section.main .formBuilder .form-buttons .button, section.main .formBuilder .form-buttons button { font-family: 'Poppins', sans-serif; font-size: 1.0rem; padding: 0.5rem 1.25rem; text-transform: uppercase; border-radius: 8px; background-color: #9a9a74; color: #fff; border: 1px solid transparent; } section.main .formBuilder .form-buttons .button:hover, section.main .formBuilder .form-buttons button:hover { border-color: #9a9a74; color: #9a9a74; background-color: transparent; } /* Footer Styles */ footer.main-bt1a { background-color: #0e4a5e; padding: 0; } footer.main-bt1a div.offset { display: flex; max-width: 1632px; } footer.main-bt1a .footer-top { margin: auto; padding: 2.25em 0; width: 100%; background-color: #0e4a5e; position: relative; font-family: 'Lato', Arial, sans-serif; } footer.main-bt1a .footer-content { padding: 1.25rem 0; } footer.main-bt1a .footer-content, footer.main-bt1a .footer-details { width: 100%; text-align: left; vertical-align: top; display: inline-block; } footer.main-bt1a .footer-column li { line-height: 1.4; margin-bottom: 0.25rem; } footer.main-bt1a .footer_panel.panel_101 { display: flex; justify-content: space-between; width: 25%; } footer.main-bt1a .footer_panel.panel_101 > p { display: none; } footer.main-bt1a .footer_panel.panel_101 .cms_101 { display: flex; justify-content: space-between; width: 100%; } footer.main-bt1a .footer_panel.panel_101 .cms_101 > p { display: none; } footer.main-bt1a .footer_panel.panel_102 { text-align: center; width: 55%; } footer.main-bt1a .footer_panel.panel_103 { width: 20%; text-align: right; } footer.main-bt1a .footer_panel.panel_103 p { line-height: 2; margin: 0.5rem 0; } footer.main-bt1a .footer-heading { font-weight: 400; color: #FFFFFF; font-family: 'Poppins', sans-serif; font-size: 1rem; text-transform: uppercase; margin: 0.625rem 0; } footer.main-bt1a h3 { font-weight: 400; color: #FFFFFF; font-family: 'Poppins', sans-serif; font-size: 1rem; text-transform: uppercase; margin: 0 0 1rem 0; line-height:1rem;} footer.main-bt1a ul { list-style-type: none; margin: 0; padding: 0; } footer.main-bt1a a { color: #bfb59e; font-size: 0.875rem; } footer.main-bt1a .footer-left { width: 72%; } footer.main-bt1a .footer-right { width: 28%; } footer.main-bt1a .footer-right { font-family: 'Poppins', sans-serif; font-size: 0.825rem; } footer.main-bt1a .footer-right a { padding-right: 0.75rem; color:#FFFFFF; } footer.main-bt1a .footer-right span.icon { color: #fff; font-size: 1rem; font-weight: 300; } footer.main-bt1a .footer-right div.bottom { margin-top: 0.5rem; } footer.main-bt1a .footer-right div.bottom .icon.fa-phone { padding-right: 0.75rem; } footer.main-bt1a .footer-right .col_2 .content { width:auto; } footer.main-bt1a .footer-right .col_2 .content .frc_1 { width: 70%; } footer.main-bt1a .footer-right .col_2 .content .frc_2 { width: 30%; } .icon-padding { padding-right: 0.75rem; } .link-padding { padding-right: 0rem; } footer.main-bt1a .footer-copyright { background-color: #ffffff; padding: 1.0rem 0; } footer.main-bt1a .footer-copyright .offset { display: flex; justify-content: center; column-gap: 0.75rem; } footer.main-bt1a .footer-copyright p { color: #0e4a5e; font-family: 'Lato', sans-serif; font-weight: 300; letter-spacing: 2px; white-space: nowrap; } footer.main-bt1a .footer-copyright p:first-of-type:after { content: '|'; padding-left: 0.5rem; } footer.main-bt1a .footer-copyright img.webglu { display: none; } /* Cookie Styles */ div.cookie-content { background-color: #f7f7f7; } div.cookie-content p { font-size: .825rem; color:#6d6d6d; } div.cookie-content h2 { color:#786b59; } div.cookie-content button.cookie-default { color:#786b59; border: 1px solid #786b59 !important; font-size: 0.875rem;} .cookie-policy.centre .cookie-content .cookie-default { color:#786b59; border: 1px solid #786b59 !important; font-size: 0.875rem;} div.cookie-category .cookie-button .cookie_category-label { font-size: 0.825rem; color:#786b59;} @media only screen and (min-width: 0px) and (max-width: 1700px) { .page_slideshow { max-width: 1500px; } @media only screen and (min-width: 0px) and (max-width: 1600px) { .page_slideshow { max-width: 1400px; } @media only screen and (min-width: 0px) and (max-width: 1500px) { .page_slideshow { max-width: 1300px; } @media only screen and (min-width: 0px) and (max-width: 1400px) { .block3 .desktop-element { flex-direction: column; gap: 8px; } nav.main-bt1a li a { font-size: 0.875rem; } .page_slideshow { max-width: 1200px; } section.main .right_image img { padding-right:1rem; } section.main .left_image img { padding-left:1rem; } } @media only screen and (min-width: 0px) and (max-width: 1350px) { .block3 { width: 15%; } header.main-bt1a.sticky div.header-logo { width: 20%; } header.main-bt1a div.header-nav { width: 80%; } nav.main-bt1a li a { font-size: 0.825rem; } nav.main-bt1a ul li { padding: 1.25rem 0.2rem 0.75rem 0.2rem; } nav.main-bt1a ul li a { padding: 0.75rem 0.2rem; font-size: 0.825rem; } .shrink nav.main-bt1a > ul > li { padding: 0.5rem 0.2rem 0.5rem 0.2rem; } .shrink nav.main-bt1a > ul > li > a { padding: 0.5rem 0.2rem; } @media only screen and (min-width: 0px) and (max-width: 1300px) { .page_slideshow { max-width: 1100px; } section.main .technical_block { max-width: 1100px; } } @media only screen and (min-width: 0px) and (max-width: 1200px) { .block3 a { font-size: 0.825rem; } header.main-bt1a.sticky div.header-logo { width: 20%; } header.main-bt1a div.header-nav { width: 80%; } nav.main-bt1a li a { font-size: 0.8rem; } nav.main-bt1a ul li { padding: 1.25rem 0.15rem 0.75rem 0.15rem; } nav.main-bt1a ul li a { padding: 0.75rem 0.15rem; font-size: 0.8rem; } .shrink nav.main-bt1a > ul > li { padding: 0.5rem 0.15rem 0.5rem 0.15rem; } .shrink nav.main-bt1a > ul > li > a { padding: 0.5rem 0.15rem; } .page_slideshow { max-width: 1000px; } section.main .technical_block { max-width: 1000px; } } @media only screen and (min-width: 0px) and (max-width: 1100px) { .block3 a { font-size: 0.875rem; } header.main-bt1a.sticky div.header-logo { width: 20%; } header.main-bt1a div.header-nav { width: 80%; } nav.main-bt1a li a { font-size: 0.75rem; } nav.main-bt1a ul li { padding: 1.25rem 0.1rem 0.75rem 0.1rem; } nav.main-bt1a ul li a { padding: 0.75rem 0.1rem; font-size: 0.75rem; } .shrink nav.main-bt1a > ul > li { padding: 0.5rem 0.1rem 0.5rem 0.1rem; } .shrink nav.main-bt1a > ul > li > a { padding: 0.5rem 0.1rem; } section.main .page_content { padding: 3rem 0; } section.main .page_content2col { padding: 3rem 0; } section.main .row_margin { margin : 3rem 0 0; } section.main .row_padding { margin : 3rem 0; } section.main .bottom_padding { padding : 0 0 3rem 0; } section.main .threecol_content, section.main .fourcol_content { max-width: 380px; padding-bottom:3rem; } section.main .threecol_content { margin: 0 0.5em; } section.main .threecol_content h2, section.main .fourcol_content h2 { font-size: 1.75rem; } section.main .threecol_content h3, section.main .fourcol_content h3 { font-size: 1.25rem; } section.main div.threecol_content div.content h2, section.main div.fourcol_content div.content h2 { font-size: 1.5rem; } section.main div.threecol_content div.content h3, section.main div.fourcol_content div.content h3 { font-size: 1.125rem; } section.main div.content a.button { font-size: 0.875rem; padding: 0.5rem 1.0rem; } section.main div.left_offset div.content { max-width: 736px; width: 100%; margin-left: auto; padding: 3rem 5rem 3rem 1rem; } section.main div.right_offset div.content { max-width: 736px; width: 100%; margin-right: auto; padding:3rem 1rem 3rem 5rem; } .page_slideshow { max-width: 900px; } section.main .technical_block { max-width: 900px; } } @media only screen and (min-width: 0px) and (max-width: 1030px) { .block3 a { font-size: 0.875rem; } header.main-bt1a.sticky div.header-logo { width: 22%; } header.main-bt1a div.header-nav { width: 78%; } nav.main-bt1a li a { font-size: 0.70rem; } nav.main-bt1a ul li { padding: 1.25rem 0.1rem 0.70rem 0.1rem; } nav.main-bt1a ul li a { padding: 0.75rem 0.1rem; font-size: 0.70rem; } .shrink nav.main-bt1a > ul > li { padding: 0.5rem 0.1rem 0.5rem 0.1rem; } .shrink nav.main-bt1a > ul > li > a { padding: 0.5rem 0.1rem; } .page_slideshow { max-width: 900px; } section.main .threecol_content, section.main .fourcol_content { max-width: 280px; padding-bottom:3rem; } } @media only screen and (min-width: 0px) and (max-width: 900px) { .block3 a { font-size: 0.875rem; } header.main-bt1a.sticky div.header-logo { width: 15%; } header.main-bt1a div.header-nav { width: 85%; } nav.main-bt1a li a { font-size: 0.65rem; } nav.main-bt1a ul li { padding: 1.25rem 0.1rem 0.70rem 0.1rem; } nav.main-bt1a ul li a { padding: 0.75rem 0.1rem; font-size: 0.65rem; } .shrink nav.main-bt1a > ul > li { padding: 0.5rem 0.1rem 0.5rem 0.1rem; } .shrink nav.main-bt1a > ul > li > a { padding: 0.5rem 0.1rem; } } @media only screen and (min-width: 0px) and (max-width: 801px) { /* Header Tablet Styles */ .desktop-element { display: none; } .mobile-element { display: block !important; } header.main-bt1a { } header.main-bt1a div.header-logo { width: 70%; display: flex; align-items: center; } header.main-bt1a div.header-ribbon { min-height: 66px; } header.main-bt1a div.header-ribbon .offset { display: flex; align-items: center; justify-content: space-between; padding: 0 1.5rem; } header.main-bt1a div.mobile-commerce { flex: 1; display: flex !important; justify-content: flex-end; } header.main-bt1a div.mobile-commerce.col_4 .commerce-button.mobile-menu .button-label { display: none; } header.main-bt1a div.mobile-commerce .commerce-button { border-left: 0; font-size: 1.75rem; padding: 0.25rem 0.5rem; margin-left: 1rem; width: 40px; font-weight: 300; } header.main-bt1a div.mobile-commerce .commerce-button.mobile_telephone { align-self: center; font-size: 1.625rem; } header.main-bt1a div.mobile-commerce .commerce-button.mobile_menu:after { font-family: 'Font Awesome 5 Pro'; content: '\f0c9'; display: inline-block; transition: transform 300ms ease; } header.main-bt1a div.mobile-commerce .commerce-button.mobile_menu.open:after { font-family: 'Font Awesome 5 Pro'; content: '\f00d'; display: inline-block; transition: transform 300ms ease; } header.main-bt1a div.header-logo, header.main-bt1a.sticky div.header-logo { width: auto; } nav.main-bt1a { display: none; } .block3 { display: none; } #menu-container .slicknav_nav { background-color: #f8f8f8; border-top: 0; height: 100vh; } #menu-container .slicknav_nav li { border-bottom: 0; } #menu-container .slicknav_nav li:first-of-type { } #menu-container .slicknav_nav a { text-align: left; color: #003243; font-weight: 300; font-size: 1.25rem !important; text-transform:none; } /* Template Tablet Styles */ div.offset { padding: 0 1.5rem; } section.main { } section.home { padding-top: 0px !important; } .config_column { width: 100%; } .config_row.row_2 .config_container { flex-direction: column-reverse; } section.main .page_content { padding: 2rem 0; } section.main .page_content .config_container { flex-direction: column; align-items:unset; } /* section.main .page_content .config_container > * + * { margin-top: 2rem; } */ section.main .small_content { padding: 0; } section.main .small_content .page_content { padding: 4rem 1.5rem; } section.main .page_content .config_container .column_1 { padding: 0; } section.main .page_content .config_container .column_2 { padding: 0; } section.main .page_content .config_container .column_1.bottom_padding { padding : 0 0 3rem ; } section.main .page_header { padding: 0; display: flex; justify-content: center; align-items: center; height: 500px; } section.main .page_header div.content h1 { font-size: 2rem; } section.main .page-banner { height: 300px; } section.main .page-banner img { height: 300px; } /* section.main div.content h2 { font-size: 1.25rem; } */ /* section.main div.content h3 { font-size: 1.75rem; } */ section.main div.content h3 { font-size: 1.75rem; margin-bottom: 1rem; } .enquiryForm.collapsible .step-container .field-block { margin-top: 0.5rem; } .enquiryForm.collapsible button.enquiryFormSubmit { margin-top: 1rem; } .intro { margin-bottom: 1rem; } /* Latest Projects Tablet Styles */ #latest-projects { padding: 4rem 1.5rem; } section.main div.content .projects-listings.container { padding: 2rem 0 0; } section.main div.content .projects-listings.container .row { flex-direction: column; align-items: center; } section.main div.content .projects-listings a { width: 100%; margin-bottom: 2rem; } section.main div.content .projects-listings a .image-container { display: block; text-align: center; min-height: 0; } section.main div.content .projects-listings .project-title { text-align: center; } section.main div.content .projects-listings .project-location { text-align: center; } /* Footer Tablet Styles */ footer.main-bt1a .footer-content { padding: 2rem 0; } footer.main-bt1a div.offset { flex-direction: column; } footer.main-bt1a .footer_panel.panel_101 { width: 100%; flex-direction: column; align-items: center; } footer.main-bt1a .footer_panel.panel_101 .cms_101 { flex-direction: column; } footer.main-bt1a .footer_panel.panel_102 { width: 100%; } footer.main-bt1a .footer_panel.panel_102 { width: 100%; } footer.main-bt1a .footer_panel.panel_102 p:last-of-type img { width: 180px !important; height: auto !important; } footer.main-bt1a .footer_panel.panel_103 { width: 100%; } footer.main-bt1a .footer_panel.panel_103 p { text-align: center; } footer.main-bt1a .footer_panel.panel_103 > p { font-size: 0.75rem; } footer.main-bt1a .footer-content .footer-column { width: 100%; } footer.main-bt1a .footer-heading { text-align: center; cursor: pointer; } footer.main-bt1a .footer-heading:after { font-family: 'Font Awesome 5 Pro'; content: '\f078'; display: inline-block; margin-left: 0.5em; transition: transform 300ms ease; } footer.main-bt1a .footer-heading.open:after { transform: rotate(180deg); } footer.main-bt1a .footer-column { width: 100%; } footer.main-bt1a .footer-column li { text-align: center; } #footer-socials { display: flex; justify-content: center; align-items: center; padding-top: 1rem; } #footer-socials div.top { text-align: center; display: flex; justify-content: space-between; width: 75%; max-width: 400px; } #footer-socials div.bottom { text-align: center; margin-top: 0; } #footer-socials div.bottom .icon.fa-phone { padding-right: 0rem; } footer.main-bt1a .footer-copyright { padding: 1rem 0; } footer.main-bt1a .footer-copyright .offset { flex-direction: row; column-gap: 0.5rem; flex-wrap: wrap; padding: 0 0.5rem; } footer.main-bt1a .footer-copyright p { display: inline; font-size: 0.625rem; letter-spacing: 1px; } footer.main-bt1a .footer-copyright p:first-of-type:after { padding-left: 0.25rem; } #footer-socials a { padding-right: 0rem; } #footer-socials span.icon { font-size: 1.5rem; } footer.main-bt1a .footer-left { width: 100%; } footer.main-bt1a .footer-right { width: 100%; } footer.main-bt1a .footer-right .col_2 .content { width:100%; } footer.main-bt1a .footer-right .col_2 .content.frc_1 { width: 100%; text-align: center !important;} footer.main-bt1a .footer-right .col_2 .content.frc_2 { width: 100%; padding-top:1.0rem; text-align: center !important;} .icon-padding { padding-right: 0rem; } } @media only screen and (min-width: 0px) and (max-width: 800px) { section.main { padding-top: 107px !important; padding-bottom: 0px; } header.main-bt1a div.header-contact { display: none; } section.main .page_headertext { padding: 5rem 0 1rem; } section.main .config_container .config_column { flex-basis: 100%; } section.main .config_container .coltype_image { background-size: 100%; } section.main .page_content2col { padding: 0 0 3rem; } section.main div.left_offset { order:2;} section.main div.right_offset { order:2; padding: 0; margin:0;} section.main div.right_offset.manufacturing { margin-top:200px;} section.main div.process2 { order:2;} section.main div.left_offset div.content { max-width: 800px; width: 100%; margin-left: auto; padding: 1rem 1rem 1rem 1rem; } section.main div.right_offset div.content { max-width: 800px; width: 100%; margin-right: auto; padding:1rem 1rem 1rem 1rem; } section.main div.page_content2col div.left_offset div.content { max-width: 800px; width: 100%; margin-left: auto; padding: 0rem 1rem 0rem 1rem; } section.main div.page_content2col div.right_offset div.content { max-width: 800px; width: 100%; margin-right: auto; padding:0rem 1rem 0rem 1rem; } section.main .technical_section { padding: 1rem 1rem 2rem; } section.main .technical_block { margin:10px auto 60px; background-color: #ffffff; padding: 0 0.5em;} section.main .technical_block .page_content { padding: 0 0 3rem;} section.main .contact_left_content { flex-basis: 100%; } section.main .contact_map { flex-basis: 100%; } section.main div.content ul.circle { margin:0; } section.main div.content ul.circle li { background-position: 0 7px; line-height: 22px; } section.main .technical_section div.content img:not(.image_dimensions img) { margin: -40px auto 0.5em !important; } section.main .right_image img { padding-right:1rem; padding-left:1rem;} section.main .left_image img { padding-left:1rem; padding-right:1rem;} section.main div.content a.download { line-height: 3rem; } section.main div.content a.download::after{ content: "\a"; white-space: pre; } /* Header Mobile Styles */ header.main-bt1a div.header-ribbon { min-height:0%; } header.main-bt1a div.header-contact .icon { display: none; } header.main-bt1a div.header-contact .button.dark-blue { display: none; } header.main-bt1a div.header-logo { padding: 0%; } header.main-bt1a div.header-logo img { max-height:120%; } header.main-bt1a div.header-logo { max-width: none; width: 100%; padding: 6px 0 12px 6px;} header.main-bt1a.sticky div.header-logo { max-width: none; width: 100%; padding: 0px;} header.main-bt1a div.header-logo a, header.main-bt1a.sticky div.header-logo a { padding: 1.25rem 0%; height: 100%; } header.main-bt1a div.mobile-brochure { background-color: #9a9a74; } header.main-bt1a div.mobile-brochure .brochure-button { color: #FFFFFF; border-left: 0px; width: 16%;} header.main-bt1a div.mobile-brochure .brands .icon { font-family: 'Font Awesome 5 Brands'; } header.main-bt1a div.header-nav { width: 0%; } header.main-bt1a div.mobile-brochure .brochure-button { padding: 1.0em; border-left: 0px solid #525252; } header.main-bt1a div.mobile-brochure .brochure-button .icon { font-size: 22px; font-weight: 300; } /* Navigation Mobile Styles */ #menu-container ul { background-color: #EEEEEE; border: 0px !important; } #menu-container ul > li { border: 0px !important; } #menu-container ul > li a { font-size: 1.125rem !important; } #menu-container ul > li > ul { background-color: #f0f0f0; } #menu-container ul > li > ul > li a { font-size: 1rem !important; } #menu-container ul > li:first-child { padding-top: 1rem; } #menu-container ul > li:last-child { padding-bottom: 1rem; } /* Home Slideshoe */ section.main .slider-wrapper .wg-slider .slide-caption .content h2 { font-size: 1.625rem; padding: 0 0.5rem;} section.main .slider-wrapper .wg-slider .slide-caption .content p { } .wg-slider .slide-caption.caption-span-edge { bottom: 25%; } section.main .bluetint_content { margin-top:170px; background:rgba(5,84,111,1.0)} section.main div.content ul.tick li { background-image: url(../images/icons/noun-tick.svg); background-repeat: no-repeat; background-position: 0 3px; background-size: 30px; padding: 0px 0px 0px 50px; line-height: 38px; list-style-type: none; font-weight: 400;} section.main div.content div.block-text { min-height:10px; clear:both; padding-bottom:10px;} section.main div.content div.block-text img { float:none !important; margin: 0 !important;} section.main div.content p.planning img { float:none !important; margin: 0 !important;} section.main div.content p.flag img { margin: 0 !important; max-width: 250px; padding-bottom: 200px; } /* News Template Mobile Styles */ section.main .article-list .card { margin: 0% 1.5% 3% 1.5%; width: 47%; } section.main .article-list .card:nth-of-type(2n+1) { margin-left: 1.5%; } section.main .article-list .card:nth-of-type(2n+2) { margin-left: 1.5%; } section.main div.back-to-articles { margin: 0% 1rem 2rem 0%; text-align: right; } span.downloads { display:block; } } @media only screen and (min-width: 0px) and (max-width: 600px) { section.main .page_header { display: flex; justify-content: center; align-items:flex-end; height: 450px; position: relative; background-position-x: center; background-size: cover;} section.main .page_header div.content { padding: 20px 20px; margin: 0 0% 25%; border-radius: 10px; background: rgba(0,0,0,0.5); } section.main .page_header div.content h1 { font-family: 'Poppins', sans-serif; font-size: 1.5rem; font-weight: 500; margin: 0; color: #ffffff; text-align: center; position: relative; z-index: 10; } section.main .page_header div.content h2 { font-family: 'Poppins', sans-serif; font-size: 1.0rem; font-weight: 300; margin: 0; color: #ffffff; text-align: center; position: relative; z-index: 10; } section.main .page_header div.content p { font-size: 1.125rem; font-weight: 300; margin: 0; color: #ffffff; text-align: center; position: relative; z-index: 10; } section.main div.left_offset div.content { max-width: 736px; width: 100%; margin-left: auto; padding: 1rem 1rem; } section.main div.right_offset div.content { max-width: 736px; width: 100%; margin-right: auto; padding:1rem 1rem; } section.main div.contact_panel { padding: 30rem 0rem 15rem 0rem; } section.main .technical_block .page_content { padding: 0 0 3rem; } section.main .technical_block td { padding: 0 1em 0; display:block;} section.main div.right_offset.manufacturing { margin-top:90px;} /* Content Styles */ section.main div.content h1 { font-size: 1.5rem; } section.main div.content h2 { font-size: 1.5rem; margin: 1.25em 0 0.5em;} section.main div.content h2.blue { font-size: 1.375rem; margin: 1.25em 0 0.5em;} section.main div.content h3 { font-size: 1.125rem; } section.main div.content h4 { font-size: 1.rem; } section.main div.content h5 { font-size: 0.95rem; font-weight: 400; color: #6d6d6d; text-transform: none; } section.main div.content h6 { font-size: 0.95rem; font-weight: 400; color: #003243; text-transform: none; } section.main div.content p { font-family: 'Lato', sans-serif; font-size: 1rem; font-weight: 400; color: #6d6d6d; } section.main div.content li { color: #5b5b5b; font-family: 'Lato', sans-serif; font-size: 1rem; font-weight: 300; } section.main div.content p.flag img { margin: 0 !important; max-width: 150px; padding-bottom: 150px; } section.main .image-gallery .image { margin: 0% 0% 24px 0%; padding: 0%; padding-top: 75%; height: 0px; } section.main .image-gallery .image > img { width: 100%; height: 100%; top: 0px; right: 0px; bottom: 0px; left: 0px; } section.main .image-gallery > .flex-row { height: auto; display: block; } section.main .image-gallery > .flex-row:nth-of-type(2n+1) > :first-child { width: 100%; } section.main .image-gallery > .flex-row:nth-of-type(2n+1) > :last-child { width: 100%; } section.main .image-gallery > .flex-row:nth-of-type(2n+2) > :first-child { width: 100%; } section.main .image-gallery > .flex-row:nth-of-type(2n+2) > :last-child { width: 100%; } } @media only screen and (min-width: 0px) and (max-width: 480px) { /* Header Mobile Styles */ section.main .article-list .card { margin: 0% 0% 1.5rem 0%; width: 100%; } section.main .article-list .card:nth-of-type(1n+1) { margin-left: 0%; } } } @media only screen and (min-width: 0px) and (max-width: 400px) { /* Header Mobile Styles */ header.main-bt1a div.header-ribbon .offset { padding: 0 0.5rem; } header.main-bt1a div.mobile-commerce { max-width: 100px; } header.main-bt1a div.mobile-commerce .commerce-button { font-size: 1.5rem; margin-left: 0.5rem; } header.main-bt1a div.mobile-commerce .commerce-button.mobile_telephone { font-size: 1.5rem; } /* Content Mobile Styles */ section.main .page_content { padding: 2rem 0; } section.main .small_content .page_content { padding: 2rem 1.5rem; } footer.main-bt1a .footer-copyright p { font-size: 0.5rem } }