/* Site Colours */ /* Old Colours :root { --green: #1e5634; --dark-green: #1b4e30; --light-green: #4fdc87; --black: #483d3f; --light-green-alt: #50dc88; --light-grey : #f5f5f5; --light-grey-text : #c0c0c0; --light-grey-text-alt : #766e6f; --sea-green: #5a9672; --green-alt: #1fab56; } */ :root { --green: #1c4508; /* Forest Green */ --dark-green: #173807; /* Dark Green */ --light-green: #95a800; /* Chartreuse */ --black: #424541; --light-green-alt: #95a800; --light-grey : #f5f5f5; --light-grey-text : #b3b5b3; --light-grey-text-alt : #766e6f; --sea-green: #6a906c; /* Celadon */ --green-alt: #95a800; --subscribe-image-green : #35800f; --heading-green: #305e43; --logo-green: #215530; } /* Page Setup Styles */ html { background-color: #FFFFFF; } body { font-family: 'Poppins', sans-serif; } div.offset { padding: 0% 10px; max-width: 1500px; } div.offset.narrow { max-width: 1350px; } div.offset.extra_narrow { max-width: 1050px; } section.main { padding: 0%; } div.popup-panel { color: var(--black); } form .field-block { color: var(--black); } section.main div.content { width: 100%; } /* Heading & Paragraph Styles */ section.main div.content h1 { margin: 0% 0% 1.2em 0%; font-family: 'Poppins', sans-serif; font-size: 1.75em; line-height: 1.2em; font-weight: 300; text-transform: none; color: var(--black); } section.main div.content h2 { margin: 0.8em 0% 0.4em 0%; font-family: 'Poppins', sans-serif; font-size: 1.875em; line-height: 1.2em; font-weight: 400; text-transform: none; color: var(--black); } section.main div.content h3 { margin: 1.227em 0% 0.864em 0%; font-family: 'Poppins', sans-serif; font-size: 1.375em; line-height: 1.364em; font-weight: 400; text-transform: none; color: var(--black); } section.main div.content h4 { margin: 1.75em 0% 1em 0%; font-family: 'Poppins', sans-serif; font-size: 1.25em; line-height: 1.5em; font-weight: 600; text-transform: none; color: var(--black); } section.main div.content h5 { margin: 1.5em 0% 1em 0%; font-family: 'Poppins', sans-serif; font-size: 1.125em; line-height: 1.5em; font-weight: 400; text-transform: none; color: var(--black); } section.main div.content h6 { margin: 1.75em 0% 1em 0%; font-family: 'Poppins', sans-serif; font-size: 1em; line-height: 1.5em; font-weight: 600; text-transform: none; color: var(--black); } section.main div.content p { margin: 0% 0% 1.5em 0%; font-family: 'Poppins', sans-serif; font-size: 1em; line-height: 1.5em; font-weight: 400; text-transform: none; color: var(--black); } section.main div.content a { font-family: 'Poppins', sans-serif; color: #024d0c; } a.link { font-family: 'Poppins', sans-serif; color: #024d0c; } section.main div.content ul, section.main div.content ol { margin: 0% 0% 1.5em 0%; padding: 0% 0% 0% 32px; color: var(--black); } section.main div.content li { margin: 0% 0% 0.5em 0%; font-family: 'Poppins', sans-serif; font-size: 1em; line-height: 1.5em; font-weight: 400; text-transform: none; color: var(--black); } section.main div.content a.button, a.button, section.main div.content button, button, .button { margin: 0%; padding: 10px 24px; min-width: 0px; font-family: 'Poppins', sans-serif; font-size: 1em; line-height: 1em; color: #FFFFFF; background-color: var(--black); border: 1px solid var(--black); border-radius: 6px; cursor: pointer; text-align: center; } .button.light-green.button.small { background-color: var(--light-green); color: #FFF; padding: 5px 10px; font-size: 0.75rem; min-width: 105px; border-radius: 6px; border: 0; } .button.light-green.button.small:hover { background-color: var(--black); color: #FFF; } section.main div.content a.button:hover, a.button:hover, section.main div.content button:hover, button:hover { background-color: #FFF; color: var(--black); } section.main div.content a.button.small, a.button.small, section.main div.content button.small, button.small { padding: 5px 10px; font-size: 0.75rem; min-width: 105px; border-radius: 6px; } .button.small + .button.small { margin-left: 1rem; } section.main div.content a.button.large, a.button.large, section.main div.content button.large, button.large { padding: 20px 36px; font-size: 1.125rem; } section.main div.content a.button.sea-green, a.button.sea-green, section.main div.content button.sea-green, button.sea-green { color: #FFF; background-color: var(--sea-green); border-color: var(--sea-green); } section.main div.content a.button.sea-green:hover, a.button.sea-green:hover, section.main div.content button.sea-green:hover, button.sea-green:hover { color: var(--green); } section.main div.content a.button.green, a.button.green, section.main div.content button.green, button.green { color: #FFF; background-color: var(--dark-green); border-color: var(--dark-green); } section.main div.content a.button.green:hover, a.button.green:hover, section.main div.content button.green:hover, button.green:hover { color: var(--light-green); } section.main div.content a.button.light-green, a.button.light-green, section.main div.content button.light-green, button.light-green { background-color: var(--light-green); border-color: var(--light-green); } h1,h2,h3,h4,h5,h6,p,li { font-family: 'Poppins', sans-serif; color: var(--black); } a:hover { color: var(--light-green); } a.light-green:hover { color: var(--dark-green); } section.main div.content h1.white, section.main div.content h2.white, section.main div.content h3.white, section.main div.content h4.white, section.main div.content p.white { color: #FFF; } section.main div.content h1.green, section.main div.content h2.green, section.main div.content h3.green, section.main div.content h4.green, section.main div.content p.green {color: var(--green); } section.main div.content h1.light-green, section.main div.content h2.light-green, section.main div.content h3.light-green, section.main div.content h4.light-green, section.main div.content p.light-green { color: var(--light-green); } section.main div.content span.red { color: red; } section.main div.content p.text { line-height: 1.25rem; margin-bottom: 2rem; } section.main div.content p.medium { font-size: 1.25rem; margin-bottom: 2.5rem; } /* Icons & Buttons */ .button.icon { font-family: 'Font Awesome 6 Pro'; padding: 8px; box-shadow: none; font-size: 1.25rem; background-color: transparent; border: none; font-weight: 300; } .button.icon:hover { color: var(--light-green); } .button.icon:first-of-type { padding-left: 0; } .button.icon:last-of-type { padding-right: 0; } .button.icon.brands { font-family: 'Font Awesome 5 Brands'; } div.social-media { display: flex; justify-content: right; align-items: center; } div.social-media.header .button.icon { color: var(--green); font-size: 1.125rem; } div.social-media.header .button.icon:hover { color: var(--light-green); } /* Header Styles */ /* header.main-et1b { z-index: 1000; max-width: 1500px; } */ /* header.main-et1b div.header-quickbar { z-index: 10; position: absolute; right: 10px; margin-top: 1.5rem; color: var(--green); } */ header.main-et1b div.header-quickbar .block1 { margin-right: 1rem; font-size: 1.125rem; font-weight: 300; } header.main-et1b div.header-quickbar .block2 .social-media { margin-right: 1.5rem; } header.main-et1b div.header-quickbar .subscribe { background-color: transparent; color: var(--green); padding: 4px 12px; border: 1px solid var(--green); border-radius: 7px; font-size: 0.875rem; } header.main-et1b div.header-quickbar .subscribe:hover { background-color: var(--green); color: #FFF; } header.main-et1b div.header-ribbon { background-color: #FFF; color: var(--black); } header.main-et1b.shrink div.header-ribbon { max-width: 1500px; margin: auto; } header.main-et1b div.offset { padding: 0 10px; max-width: 1500px; } header.main-et1b div.header-logo img { margin: 0; padding: 8px 0; } /* header.main-et1b .header-quickbar .offset { display: flex; align-items: center; padding: 0; } */ header.main-et1b .header-quickbar .offset .block2 { display: flex; align-items: center; } /* Updated Styles to go in line with sticky */ header.main-et1b.sticky { z-index: 1000; } header.main-et1b div.header-quickbar { max-width: 1500px; margin: auto; width: 100%; height: 0; } header.main-et1b.sticky.shrink div.header-quickbar .offset { height: 0; } header.main-et1b div.header-quickbar .offset { display: flex; align-items: center; padding: 0 calc(10px + 1.2rem) 0; justify-content: right; z-index: 9; height: 50px; transition: height 300ms ease; overflow: hidden; } /* Navigation */ nav.main-et1b { vertical-align: bottom; padding: 0 0px 0 6%; width: 77.5%; } nav.main-et1b li a { color: var(--green); padding: 0.5em 1.2rem 0.5em; font-size: 1.125rem; transition: padding 300ms ease; } nav.main-et1b > ul > li { padding: 3.35em 0 1em; transition: padding 300ms ease; } header.main-et1b.shrink nav.main-et1b > ul > li { padding: 1em 0 1em; } nav.main-et1b li:last-of-type a { padding-right: calc(1.2rem - 20px); } nav.main-et1b li:last-of-type a:after { left: calc(50% + 6px); } nav.main-et1b li:hover a { background-color: transparent; } nav.main-et1b li { height: auto; } nav.main-et1b ul { text-align: right; } nav.main-et1b li ul li a { padding: 1rem; color: #FFF; } nav.main-et1b li .drop { width: fit-content; left: 0; background-color: var(--heading-green); } nav.main-et1b li:nth-last-child(3) .drop { left: auto; } nav.main-et1b li:nth-last-child(2) .drop { left: auto; } nav.main-et1b li:nth-last-child(1) .drop { left: auto; } nav.main-et1b li .drop ul { min-width: 250px; } nav.main-et1b li .drop li { width: fit-content; } nav.main-et1b li div.drop-column { display: flex; } nav.main-et1b li div.drop-image { display: none; } nav.main-et1b li div.drop-column ul { padding: 2rem 0; } nav.main-et1b li div.drop-column ul:nth-of-type(n+2) li a { padding: 3px 30px 3px 0; } nav.main-et1b li div.drop-column ul:nth-of-type(n+2) li a:after { left: calc(50% - 15px); } nav.main-et1b li div.drop-column ul:nth-of-type(n+2) li:hover a:after { width: calc(100% - 30px); left: calc(50% - 15px); } nav.main-et1b li div.drop-column ul li a { width: auto; font-size: 1rem; display: inline-block; padding:3px 30px; font-weight: 300; } /* nav.main-et1b li div.drop-column ul li:last-of-type a { padding: 1rem 20px 0; } nav.main-et1b li div.drop-column ul li:first-of-type a { padding: 1rem 20px 0; } */ nav.main-et1b div.drop ul > li > a:after { bottom: 4px; height: 1px; background-color: #FFF; } nav.main-et1b div.drop ul > li:hover > a:after { width: calc(100% - 60px); left: calc(50%); } nav.main-et1b li:last-of-type a:after { left: calc(50% + 10px); } header.main-et1b .mobile-commerce a .button-label { display: none; } nav.main-et1b ul > li > a:after { content: ''; width: 0%; height: 3px; bottom: 15px; left: 50%; position: absolute; background-color: var(--light-green); opacity: 0; transform: translateX(-50%); transition: width 0.2s ease; } nav.main-et1b ul > li:hover > a:after { width: 90%; opacity: 1; } nav.main-et1b li a.current:after { width: 90%; opacity: 1;} nav.main-et1b li a.current { color: var(--green); } /* Popup Summer Sale Custom Styles */ nav.main-et1b li.page_131 a { background-color: #f28f3b; color: #FFF; border-radius: 45px; transition: all 300ms ease; } nav.main-et1b ul > li.page_131:hover > a:after { opacity: 0; } nav.main-et1b ul > li.page_131:hover > a { background-color: #fca75d; } nav.main-et1b li.page_131 a.current:after { opacity: 0; } /* Home page Slideshow Styles */ .wg-slider .slide-caption.caption-float-box { padding: 0 3%; bottom: 33%; } .wg-slider .slide-caption.caption-float-box .content-large { display: flex; max-width: 1100px; justify-content: space-between; background-color: transparent; } .wg-slider .slide-caption.caption-float-box .faded-box { background-color: rgb(0,0,0,0.5); padding: 2.5rem 3rem; position: relative; } .wg-slider .slide-caption.caption-float-box .faded-box p { color: #FFF; font-size: 1.125rem; font-weight: 300; padding-right: 50px; text-align: left; margin: 0; padding-bottom: 3px; } .wg-slider .slide-caption.caption-float-box .faded-box h2 { color: #FFF; font-size: 2.25rem; font-weight: 300; text-align: left; margin: 0 0 2rem; } .wg-slider .slide-caption.caption-float-box .faded-box a.button { position: absolute; right: 3rem; bottom: 2.5rem; font-family: 'Font Awesome 6 Pro'; font-weight: 300; padding: 0; font-size: 2rem; color: var(--light-green-alt); background-color: transparent; border: none; } /* Homepage Background Image Styles */ .config_row.background_image_home { height: 900px; display: flex; align-items: center; } .config_row.background_image_home .offset { max-width: 1100px; } .config_row.background_image_home .config_container { justify-content: center; margin-top: 10rem; } .config_row.background_image_home .config_column { background-color: rgb(0,0,0,0.3); padding: 2.5rem 3rem; min-width: 490px; position: relative; flex: 0 1 auto; margin: 0 1.5rem 2rem 1.5rem; } .config_row.background_image_home .config_column p { color: #FFF; font-size: 1.125rem; font-weight: 300; padding-right: 50px; text-align: left; margin: 0; padding-bottom: 3px; } .config_row.background_image_home .config_column h2 { color: #FFF; font-size: 2.25rem; font-weight: 300; text-align: left; margin: 0 0 2rem; } .config_row.background_image_home .config_column span { transition: all ease 300ms; position: absolute; right: 0rem; bottom: 0.5rem; font-family: 'Font Awesome 6 Pro'; font-weight: 300; padding: 0; font-size: 2rem; color: var(--light-green-alt); background-color: transparent; border: none; } .config_row a.config_column:hover span { color: #FFF; } /* Header Sticky Styles */ /* header.main-et1b.sticky { position: fixed; transition: box-shadow 0.75s ease; -webkit-transition: box-shadow 0.75s ease; -moz-transition: box-shadow 0.75s ease; } header.main-et1b.sticky div.header-quickbar { max-height: 44px; overflow: hidden; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; } header.main-et1b.sticky div.header-quickbar div.offset { opacity: 1; visibility: visible; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } header.main-et1b.sticky div.header-logo { height: 100%; top: 0px; left: 0px; display: block; position: absolute; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } header.main-et1b.sticky div.header-logo img { max-height: 100%; } header.main-et1b.shrink { box-shadow: 0px -10px 34px rgba(0,0,0,0.6); } header.main-et1b.shrink div.header-quickbar { padding: 0%; max-height: 12px; } header.main-et1b.shrink div.header-quickbar div.offset { opacity: 0; visibility: hidden; } header.main-et1b.shrink div.header-logo { padding: 10px 7px 14px 15px; } header.main-et1b.shrink div.header-logo a.logo:after { opacity: 0; visibility: hidden; } header.main-et1b.shrink div.header-logo a.logo img { margin: 0%; } .sticky nav.main-et1b { padding: 0% 0% 0% 28%; width: 100%; } .sticky nav.main-et1b ul li a { padding: 55px 8px 46px 9px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; } .shrink nav.main-et1b ul li a { padding: 28px 8px 24px 9px; } */ /* Background Image Styles */ section.main .config_row.background_image { display: flex; align-items: center; height: 628px; } section.main .config_row.background_image h2 { font-size: 3rem; font-weight: 600; } section.main .config_row.background_image p { font-size: 2.25rem; font-weight: 500; line-height: 2.5rem; } section.main .config_row.background_image a.button { font-size: 1.75rem; font-weight: 400; padding: 2rem 3rem; } section.main .config_row.background_image .config_container { flex-wrap: nowrap; } section.main .config_row.background_image .custom_config_container { display: flex; flex-wrap: wrap; } section.main .config_row.background_image .custom_config_container .column_1 { padding-right: 5%; flex-basis: calc(100% - 300px); } section.main .config_row.background_image .custom_config_container .column_2 { display: flex; align-items: end; min-width: 300px; justify-content: right; } section.main .config_row.background_image a.open_subscribe_popup { background-color: var(--subscribe-image-green); border: 3px solid #FFF; } /* Enquiry popup Panel Styles */ div.popup-background { width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 1000000000; text-align: center; white-space: nowrap; position: fixed; } div.popup-panel.enquiries { padding: 0 20px; border-radius: 10px; max-width: 750px; transition: max-width ease 500ms; } div.popup-panel.enquiries div.form_html { padding: 3rem 1.5rem; display: flex; } div.popup-panel.enquiries div.form_html a.button { width: 32%; margin-right: 4%; display: flex; align-items: center; justify-content: center; } div.popup-panel.enquiries div.form_html a.button:last-of-type { margin-right: 0; } div.popup-panel.enquiries div.form_html .form_container { width: 100%; } div.popup-panel.enquiries.form_detail { background-position: top center; background-repeat: no-repeat; background-color: #FFF; background-size: 100% 140px; } div.popup-panel.enquiries.form_detail div.form_html { padding: 0 1.5rem 3rem; } div.popup-panel.enquiries.form_detail a.back.button { margin: 1rem 0 0 1rem; } div.popup-panel.enquiries span.close { opacity: 0.7; top: 10px; } div.popup-panel.enquiries span.close:hover { opacity: 1; } div.popup-panel.enquiries .form_completemessage { text-align: center; } div.popup-panel.enquiries div.heading h2 { padding: 0 2rem; text-align: center; font-weight: 500; font-size: 1.75rem; } div.popup-panel.enquiries.rhs { position: fixed; top: 276px; right: 0; max-width: 300px; padding: 0; height: 0; overflow: hidden; transition: height 300ms ease; } div.popup-panel.enquiries.rhs div.form_html { flex-direction: column; align-items: center; padding: 2.75rem 1rem 1.75rem; } div.popup-panel.enquiries.rhs div.form_html a.button { width: 100%; margin-right: 0%; margin-bottom: 4%; } div.popup-panel.enquiries.rhs div.form_html a.button:last-of-type { margin-bottom: 0; } /* Custom Form Styles */ .field-block textarea { height: 150px; } /* Breadcrumb Styles */ #breadcrumb { display: flex; justify-content: right; background-color: var(--light-grey); color: var(--light-grey-text); text-align: right; padding: 1rem 0; font-size: 0.875rem; } /* Row config Styles */ .config_row .config_column.coltype_content { display: flex; align-items: center; } .config_row .config_column.coltype_image { display: flex; } .config_row .config_column.coltype_image:last-of-type { display: flex; justify-content: right; } /* List Styles */ section.main div.content ol.black-circle { list-style: none; counter-reset: item; padding: 0; } section.main div.content ol.black-circle > li { counter-increment: item; margin-bottom: 5px; margin-left: 4rem; position: relative; } section.main div.content ol.black-circle > li:before { position: absolute; left: -3.125rem; top:5px; margin-right: 10px; content: counter(item); background: var(--black); border-radius: 100%; color: white; width: 35px; height: 35px; text-align: center; display: flex; justify-content: center; align-items: center; } section.main div.content ol.black-circle ul { margin: 1rem 0; } /* Footer Styles */ footer.main-et1a { background-color: var(--dark-green); } footer.main-et1a .offset { max-width: 1350px; } footer.main-et1a .footer-top { background-color: var(--green); } footer.main-et1a .footer-top p { color: #FFF; font-size: 1rem; } footer.main-et1a .footer-top p.header { text-transform: uppercase; margin: 0 0 0.5rem; } footer.main-et1a .footer-top p.text { text-transform: none; font-weight: 300; line-height: 1.25rem; margin: 0 0 0.25rem; } footer.main-et1a .footer-top p.text span { display: inline-block; } footer.main-et1a .footer-container { padding: 4em 0 2.5em; } footer.main-et1a .footer-right .content:nth-child(1) { padding-right: 1rem; } footer.main-et1a .footer-right .content:nth-child(2) { text-align: right; padding-left: 1rem; border-left: 1px solid #FFF; } footer.main-et1a .footer-left ul.col-2 { max-width: 260px; } footer.main-et1a .footer-top p, footer.main-et1a li.footer-heading { font-size: 1rem; font-weight: 600; color: #FFF; } footer.main-et1a .footer-left ul { padding: 0 1em 0 0; } footer.main-et1a li { font-size: 1rem; line-height: 1.5em; font-weight: 300; } footer.main-et1a .footer-left { width: 60%; } footer.main-et1a .footer-right { width: 40%; } footer.main-et1a .footer-copyright { padding: 0; } footer.main-et1a .footer-copyright p { color: #FFF; line-height: 1rem; padding: 0.5rem 0; } footer.main-et1a .button.icon:hover { background-color: transparent; color: var(--light-green); } /* Mobile Menu Styles */ #menu-container ul li { border: 0; } #menu-container .slicknav_menu > ul > li:first-of-type { padding-top: 2rem; } #menu-container .slicknav_menu > ul > li:last-of-type { padding-bottom: 2rem; } header.main-et1b .slicknav_nav { background-color: var(--heading-green); border-top: 0; } header.main-et1b .slicknav_nav li .slicknav_arrow:after { content: '\58'; } header.main-et1b .slicknav_nav a { color: #FFF; font-size: 1.25rem !important; font-weight: 300; } header.main-et1b .slicknav_nav li ul li a { font-size: 1.1rem !important; padding: 6px 24px 6px 48px; } #menu-container ul li.current > a { color: var(--light-green); } #menu-container ul li.current > a span { color: #FFF } header.main-et1b .slicknav_nav li.subscribe { padding: 1rem 1.5rem 4rem; } header.main-et1b .slicknav_nav li.subscribe a.button { max-width: 400px; margin: auto; padding: 1rem; background-color: transparent; border: 1px solid var(--light-green); } /* Form Styles */ form.formBuilder .button, form.formBuilder button { background-color: var(--black); border: 1px solid var(--black); border-radius: 6px; color: #FFF; } form.formBuilder .button:hover, form.formBuilder button:hover { background-color: #FFF; color: var(--black); } form.formBuilder.collapsible .step-container { overflow: hidden; transition: height 300ms ease; } form.formBuilder.collapsible .step-container .step-header { background-color: var(--green); color: #FFF; border-radius: 6px; } form.formBuilder.collapsible .step-container.open .step-header { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .collapsible .step-container .step-section { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .error { background-color:#a02a2a !important ; } section.main form.formBuilder p.error, form.formBuilder p.error { border-top-left-radius: 6px; border-top-right-radius: 6px; } section.main form.formBuilder ul.error, form.formBuilder ul.error { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } /* Buy a wood land customer form styles */ .form_5 form .field-block label { display: flex; } .form_5 form .field-block label.date .field-label { width: 51%; } .wg_popup_2 .popup-content { display: flex; } .wg_popup_2 .popup-content .left { display: flex; width: 50%; } .wg_popup_2 .popup-content .left picture { display: flex; margin: 0; background-color: #95a800; justify-content: center; } .wg_popup_2 .popup-content .left p { display: flex; margin: 0; } .wg_popup_2 .popup-content .right { display: flex; width: 50%; flex-direction: column; background-color: #95a800; padding: 3rem 2rem; } .wg_popup_2 .popup-content .right h2 { font-size: 2.75rem; color: #FFF; margin: 0; font-weight: 500; text-transform: uppercase; line-height: 1em; } .wg_popup_2 .popup-content .right h3 { font-size: 3.75rem; color: #fff24e; text-transform: uppercase; line-height: 1.25em; margin: 0 0 1rem; } .wg_popup_2 .popup-content .right p { font-size: 1rem; color: var(--green); font-weight: 600; } .wg_popup_2 .popup-content .right a.button { border: 1px solid #fff24e; color: #FFF; background-color: transparent; } .wg_popup_2 .popup-content .right a.button:hover { color: #fff24e; } /* Cookies Popup Hide Background */ .popup-background.popup-background.cookie-background { display: none; } @media only screen and (min-width: 0px) and (max-width: 1500px) { /* nav.main-et1b li a { padding: 4.5em 1.2rem 1.4em; } */ } @media only screen and (min-width: 0px) and (max-width: 1300px) { nav.main-et1b li a { padding: 0.5em; font-size: 1rem; } } @media only screen and (min-width: 0px) and (max-width: 1100px) { nav.main-et1b li a { padding: 0.35em; font-size: 0.875rem; } } @media only screen and (min-width: 0px) and (max-width: 1000px) { /* nav.main-et1b li a { padding: 4.5em 0.25rem 1.4em; font-size: 1rem; } */ /* Slideshow Styles */ .wg-slider .slide-caption.caption-float-box .content-large { flex-direction: column; max-width: 600px; } .wg-slider .slide-caption.caption-float-box .faded-box { padding: 1rem 3rem; } .wg-slider .slide-caption.caption-float-box .faded-box:first-of-type { margin-bottom: 1rem; } .wg-slider .slide-caption.caption-float-box .faded-box a.button { bottom: 1rem; } .wg-slider .slide-caption.caption-float-box { bottom: 10%; } } @media only screen and (min-width: 0px) and (max-width: 900px) { nav.main-et1b li a { font-size: 0.8rem; } } @media only screen and (min-width: 0px) and (max-width: 800px) { /* Mobile Standard Styles */ div.offset { padding: 0 3%; } /* Mobile Header Styles */ header.main-et1b div.offset { padding: 0; } header.main-et1b div.mobile-commerce { background-color: var(--green); color: #FFF; } header.main-et1b div.mobile-commerce .commerce-button { width: 16.66667%; border-left: none; font-size: 1.75rem; font-weight: 300; } header.main-et1b div.header-logo img { object-fit: contain; } header.main-et1b div.header-logo a, header.main-et1b.sticky div.header-logo a { display: flex; justify-content: center; } header.main-et1b.sticky { position: fixed; } header.main-et1b div.header-ribbon .offset { display: block; } /* Mobile Footer Styles */ footer.main-et1a .footer-left, footer.main-et1a .footer-right { width: 100%; } footer.main-et1a .footer-container { padding: 2em 0 0.5em; } footer.main-et1a .footer-left ul.col-2 { max-width: 800px; width: 100%; text-align: center; } footer.main-et1a .footer-right .content { width: 100%; } footer.main-et1a .footer-right .content:nth-child(1) { padding: 0; text-align: center; } footer.main-et1a .footer-right .content:nth-child(1) p { margin: 0; } footer.main-et1a .footer-right .content:nth-child(2) { border: none; text-align: center; padding-left: 0; } footer.main-et1a .footer-top p.text { max-width: 280px; margin: auto; } div.social-media { justify-content: center; } /* Mobile Slideshow Styles */ .wg-slider .slide-caption.caption-float-box .content-large { display: none; } .wg-slider .slide-caption.caption-float-box .content-thumb { display: flex; flex-direction: column; background-color: transparent; max-width: 450px; } /* Mobile Background Image Styles */ section.main .config_row.background_image { background-position: bottom center; } section.main .config_row.background_image h2 { font-size: 3rem; font-weight: 600; text-align: center;} section.main .config_row.background_image p { font-size: 2rem; font-weight: 500; text-align: center; line-height: 2.25rem; } section.main .config_row.background_image a.button { font-size: 1.75rem; font-weight: 400; padding: 2rem 3rem; } section.main .config_row.background_image .config_container { flex-wrap: wrap; } section.main .config_row.background_image .custom_config_container .column_1 { padding-right: 0; flex-basis: 100%; } section.main .config_row.background_image .custom_config_container .column_2 { min-width: 200px; flex-basis: 100%; justify-content: center; padding-top: 0; } /* Mobile Home Image Styles */ .config_row.background_image_home .config_column { padding: 1.5rem 1.5rem; } .config_row.background_image_home .config_column h2 { font-size: 1.75rem; } /* Row Config */ .config_row .config_column { order: 1; width: 100%; } .config_row .config_column.coltype_image:last-of-type { justify-content: center; order: 0; } .config_row .config_column.coltype_image { justify-content: center; } /* Popup Summer Sale Custom Styles */ .wg_popup_2 .popup-content { display: flex; flex-wrap: wrap; } .wg_popup_2 .popup-content .left { width: 100%; } .wg_popup_2 .popup-content .left picture { width: 100%; } .wg_popup_2 .popup-content .left p { width: 100%; } .wg_popup_2 .popup-content .right { width: 100%; } } @media only screen and (min-width: 0px) and (max-width: 600px) { /* Mobile Background Image Styles */ section.main .config_row.background_image { background-position: bottom center; height: 944px; } section.main .config_row.background_image h2 { font-size: 3rem; font-weight: 600; text-align: center;} section.main .config_row.background_image p { font-size: 2rem; font-weight: 500; text-align: center; } section.main .config_row.background_image a.button { font-size: 1.75rem; font-weight: 400; padding: 2rem 3rem; } section.main .config_row.background_image .config_container { flex-wrap: wrap; } section.main .config_row.background_image .column_1 { padding-right: 0; flex-basis: 100%; } section.main .config_row.background_image .column_2 { min-width: 200px; flex-basis: 100%; justify-content: center; padding-top: 0; } .config_row.background_image_home { height: 600px; } /* .config_row.background_image_home .custom_config_container { margin-top: 5rem; } .config_row.background_image_home .custom_config_container .config_column { min-width: 90%; padding: 1.5rem 1rem; } */ .config_row.background_image_home .config_column { min-width: 90%; } .config_row.background_image_home .config_container { margin-top: 0rem; } /* Mobile Enquiries Popup Styles */ div.popup-panel.enquiries div.form_html { flex-direction: column; align-items: center; } div.popup-panel.enquiries div.form_html a.button { width: 100%; margin-right: 0%; margin-bottom: 4%; } div.popup-panel.enquiries div.form_html a.button:last-of-type { margin-bottom: 0; } /* Buy a wood land customer form styles */ .form_5 form .field-block label { display: block; } .form_5 form .field-block label.date .field-label { width: 100%; } } @media only screen and (min-width: 0px) and (max-width: 500px) { .wg-slider .slide-caption.caption-float-box .faded-box { padding: 1rem; } .wg-slider .slide-caption.caption-float-box .faded-box h2 { font-size: 1.75rem; margin: 0 0 1rem; } .wg-slider .slide-caption.caption-float-box .faded-box a.button { right: 1rem; } /* Mobile Popup Styles */ div.popup-panel.enquiries > div { flex-wrap: wrap; } div.popup-panel.enquiries > div a.button { width: 100%; margin-right: 0; margin-bottom: 1rem; } div.popup-panel.enquiries > div a.button:last-of-type { margin-bottom: 0; } }