/* Theme Name: CityScapes 2016 Author: Sarah Petty Author URI: https://www.ppagraphics.com/ Description: Bootstrap v.3 basic theme child. Template: bootstrap-basic Version: 1.0.0 License: MIT License URI: http://opensource.org/licenses/MIT Text Domain: bootstrap-basic Domain Path: /languages/ Tags: white, gray, light, one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-menu, featured-images, front-page-post-form, post-formats, threaded-comments, translation-ready This theme built with Twitter Bootstrap v.3. It is basic theme with basic style for building new theme with Bootstrap. */ /*@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,900|Roboto:300,400,700|Khand:300,400,700');*/ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Tenor+Sans&display=swap'); /* Required WordPress CSS */ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .bypostauthor { } .print-only { display:none; } .print-only.logo { text-align:center; } .print-only.logo img { margin:0 auto; } /* WordPress gallery */ .gallery-caption { } .gallery { margin-bottom: 1.6em; } .gallery-item { display: inline-block; padding: 1.79104477%; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-icon img { margin: 0 auto; } .gallery-caption { color: #707070; color: rgba(51, 51, 51, 0.7); display: block; font-family: "Tenor Sans", "Montserrat", sans-serif; font-size: 12px; font-size: 1.2rem; line-height: 1.5; padding: 0.5em 0; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } .button product_type_simple { display:none } .wp-caption { border: 1px solid #ccc; margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 1.2% auto 0; max-width: 98%; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Shortcode Ultimate */ /*.su-row .su-column { margin-left:2% !important; }*/ /*.su-row .su-column:first-child, .entry-content .su-row .su-column:first-child { margin-left:0 !important; } .home-page .su-row .su-column:first-child, .home-page .entry-content .su-row .su-column:first-child { margin-left:2% !important; } */ .su-row.trim-styles .su-column:first-child { margin-left:4% !important; } [class*="su-column"] + [class*="su-column"]:last-child { float:left !important; } .su-column img { height:auto; } .su-row.popular-app .su-column { margin-left:2% !important; } .su-row .su-column.size-opt { margin-left:2%; } @media screen and (max-width:992px){ .su-row .su-column:first-child { margin-left:0 !important; } } /* Global styles */ html, body { height:100%; } body { font-family: "Tenor Sans", "Montserrat", sans-serif; font-size: 16px; background:#33332F; background:#FFFFFF; } h1 { line-height: 1.2em; font-weight:lighter; } h1.site-title-heading { margin-top: 0 !important; background: #49783D; padding: 20px; } h2 { font-size:28px; line-height: 1.2em; color:#076323/*#1c5630*/; } h3 { font-size:24px; line-height: 1.1em; } h4, h5, h6 { font-size:16px; line-height: 24px; } h1, h2, h4, h5, h6 { font-weight:normal; font-family:"Tenor Sans", "Montserrat", sans-serif; } h3 { font-family:"Tenor Sans", "Montserrat", sans-serif; } h3 small { font-size:90% !important; color:inherit !important; } .brochures h2 { font-size:24px; } img.cs-brochure { transform: rotate(-5deg); box-shadow: 2px 2px 5px rgb(0, 0, 0, .2); margin: 30px auto; } .column-label { margin-bottom: 20px; background: #000; color: #ffffff; padding: 5px 10px; font-weight: lighter; } a, a:visited, a:hover, a:active { color: #d08a00; } .btn-default { color: #d08a00 !important; } sup { top: -.25em; } ul { list-style-type:none; padding:0;} ul.withdots { list-style-type:disc; padding: 0 0 0 30px !important; } .site-content ul li, .site-content ol li { margin-bottom:10px; } .no-margin { margin:0px; } .categories-icon { color: #d08a00; } blockquote { color: #b3b3b3; font-weight: lighter; } .su-spoiler-style-default > .su-spoiler-content { padding-top:0px !important; padding-bottom:0px !important; } .su-spoiler-title { padding-bottom:0px !important; } .su-spoiler { margin-bottom:0px !important; } .su-spoiler ul li { margin-bottom:10px; } span.anchor { display: block; height: 105px; margin-top: -105px; visibility: hidden; } .height-auto { height:auto; } .larger-text { font-size: 1.05em; } .green-text { color:#1d5933; font-weight:normal; } .white-btn { font-weight:bold; border-color:#000 !important; } .white-btn span, .su-button.white-btn span { line-height:1.5em !important; padding:5px 20px !important; } .su-button.white-btn img { width:40px !important; height:auto !important; } .green-btn { font-weight:bold; border-color:#0c2b15 !important; border-bottom:4px solid #0c2b15 !important; border:none!important; background:#076323 !important; color:#FFFFFF !important; border-radius:0 !important; } .green-btn.wht-trim { border:1px solid #FFFFFF!important; } .green-btn span, .su-button.green-btn span { line-height:1.5em !important; padding:5px 10px !important; color:#FFFFFF !important; border:none !important; font-size:14px !important; font-weight:300; } .green-btn:hover { background:#FFFFFF !important; opacity:1 !important; border:1px solid #0c2b15 !important; border-bottom:4px solid #0c2b15 !important; } .su-button.green-btn:hover span { color:#076323 !important; } .su-row.disclaimer-text { color:#bcbcbc; font-size:8.5px; margin-top:4px; margin-bottom:0; } .su-row.disclaimer-text * { margin:0 !important; } @media screen and (min-width:768px) { .su-row.latchpin .su-column { padding:0 80px; } } .su-row.caps .su-column { padding:0 30px; } .outline-row.su-row { padding:10px; border:solid 1px #000;} .outline-row .su-column { font-size:14px; line-height:2em;} .planx-options .outline-row .su-column { margin-top:-27px !important; } .outline-row-label { display: inline-block; background: #fff !important; padding:3px 8px; margin-left:15px; width: initial; position: relative; bottom: 25px; font-weight:bold; border:1px solid #000000; } .outline-row p:nth-child(1) { margin:0; } .outline-row .margin-0 { margin:0 !important; } .outline-row.popular-app { margin-bottom:0; } .outline-row.popular-app .su-column-inner p { border-bottom:4px solid #eeeeee; text-align:center; margin:5px 0; } .insert-page .addtoany_share_save_container { display:none; } .right-align { text-align:right; } .left-align { text-align:left; } .nature-smt { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .nature-smt .nature-smt-bg { padding:50px; background:0 0 url(img/nature-screen-smt-bg.png); background-size:cover; color:#FFFFFF; } .nature-smt .nature-smt-bg h1, .nature-smt .nature-smt-bg h2 { color:#FFFFFF; padding-bottom:5px; margin-bottom:20px; font-size:40px; border-bottom:2px solid #FFFFFF; } .nature-smt .nature-smt-bg img { max-width:100%; height: auto;} .nature-smt .nature-smt-bg a.btn-primary { background:#FFFFFF; color:#739733; border:none !important; } .nature-smt .nature-smt-bg + div { padding:0; overflow: hidden; background:0 0 url(img/NS-SMT-Detail.jpg); background-size:cover; } .nature-smt .nature-smt-img { padding:0; overflow: hidden; background:0 0 url(img/NS-SMT-WallMount.jpg); background-size:cover; } span.ctct-label-top { display:none !important; } /*.slick-slider .slick-track, .woocommerce-product-gallery__image.single-product-main-image.slick-slide.slick-current.slick-active { min-width:100% !important; } .slick-prev.slick-arrow, .slick-next.slick-arrow { display:none !important; } .wpb-wl-gallery-slider-nav .slick-track .slick-slide { width:auto !important; }*/ @media screen and (max-width:767px) { .outline-row.popular-app .su-column { width: 50% !important; float: left !important; margin: 0 !important; } .outline-row>p:first-child { margin-top:-28px; position:relative; } .outline-row>p:first-child .outline-row-label { bottom:0; } .outline-row.popular-app .su-column-inner p { margin:5px; } .outline-row.popular-app .su-column-inner p:last-child { margin-bottom:0; } } @media screen and (max-width:435px) { .outline-row.popular-app .su-column { width: 100% !important; float: none !important; } } @media screen and (min-width:768px) { /*.su-row .su-column, .entry-content .su-row .su-column.no-margin { margin-left: 0 !important; } .su-row .su-column + .su-column { margin: 0; margin-left:2% !important; }*/ .outline-row .su-column { margin-top:-20px !important; } .brochures h2 { font-size:24px; padding:22px 0; } .brochures .no-pad h2 { padding:8px 0; } } @media screen and (min-width:1200px) { body { background:#333333; } #content, #main-header-wrap, #search-bar-wrap, .main-content-wrapper { background:#FFFFFF; } } #main-header-wrap, #search-bar-wrap { background:#FFFFFF; } #main-header-wrap { position:relative; box-shadow: 0 2px 5px rgba(0,0,0,.3); z-index: 1; } @media screen and (max-width:992px){ span.anchor { display: block; height: 170px; margin-top: -170px; visibility: hidden; } } @media screen and (max-width:767px){ .right-align { text-align:left; } } .full-width-image{ max-width:100%; height:auto; } /* Header elements */ #top-header { color: #ccc; font-size: 14px; padding: 0; font-weight:lighter; text-align:right; } #top-header a, #top-header a:visited, #top-header a:hover, #top-header a:active, #top-header a:focus { color: #ccc; text-decoration:none; } /* Quick Ship Box */ .quick-ship { height:30px; line-height:30px; } .quick-ship * { color:#a82b31; margin:0; padding:0; } .quick-ship img { margin:-3px 10px 0 0; max-height:20px; width:auto; } .quick-ship a { text-decoration:underline; } @media screen and (max-width:515px) { .quick-ship p { font-size:.75em; } } /* Header search bar */ #search-bar-wrap .container .row { padding:20px 0 0; } .search-input-wrap {float:right;} .search-input-wrap #form-search-input { max-height:30px; padding:5px; border-color:#000; border-right:0px; box-shadow:none;} .search-input-wrap .input-group-btn .btn { max-height: 30px; height:30px; width:30px; background: url('./img/search-icon.png') no-repeat center center !important; background-color: #ffffff; box-shadow: none; border-left: 0px; border-color: #000; } #site-wrapper { padding:0px; /*min-height:100%; margin-bottom:-140px;*/ } #site-wrapper:after { content: ""; display: block; } #top-header-wrap { background:#333333; padding:20px 0px 10px 0px;} .site-branding { margin-bottom:0px; } .site-branding img { margin-top:10px; } /* Navigation */ #main-header-wrap { } .navbar-default { font-size:12px; min-height:initial; background-image:none;filter:none;background:#fff; background-color:#fff; box-shadow:none;-webkit-box-shadow:0px; border-radius:0px;border:0px; letter-spacing:1px; margin-bottom:5px;} .navbar-default .navbar-nav>li>a { color:#ccc; padding:0px 20px;} .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { background:none; color:#0B5E24;} .navbar-default .navbar-nav>.menu-item-has-children.open>a, .navbar-default .navbar-nav>.menu-item-has-children.open>a:focus, .navbar-default .navbar-nav>.menu-item-has-children.open>a:hover { color:#fff;} .navbar-collapse { padding:0px; } .navbar-header .site-title-heading { display:none; } .site-title-logo img { width:auto; max-width:100%; height:auto; max-height:84px; } .navbar-nav>li>.dropdown-menu { padding-bottom:0px; padding-top:0; border:1px solid #ebebeb; margin-left:-1px; } /*.dropdown-menu { background-color:#000; background-color:rgba(0,0,0,0.5); border-radius:0px; border:0px; box-shadow:none; } .home .dropdown-menu { background-color:rgba(0,0,0,1.0); }*/ .dropdown-menu>li>a { font-size:12px; color:#ccc; padding:10px 20px; } .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { background:#000; background-color:#000; color:#fff; } /* Bootstrap nav fix */ .nav>li { position: relative; display: block !important; } /*.mobile-show, .nav>li.mobile-show { display:none !important; }*/ /* Sticky nav styles */ .stick #main-header-wrap { width:100%; margin-top: 0 !important;position: fixed;top: 0;z-index: 10000; background:#FFFFFF; box-shadow:0 2px 5px rgba(0,0,0,.3); padding-top:5px; } .stick #content { margin-top:90px; } div#patiovision, div#flyout { position:fixed; top:-72px; left:0; padding:10px 0; margin:0; width:100%; text-align:center; background:#0060ff; box-shadow:0 0 15px rgba(0,0,0,.5); z-index:9999999; -webkit-transition: 0.3s linear all; -moz-transition: 0.3s linear all; -ms-transition: 0.3s linear all; -o-transition: 0.3s linear all; transition: 0.3s linear all; } div#patiovision.show, div#flyout.show { top:0; } div#patiovision *, div#flyout * { color:#FFFFFF; font-size:1rem; margin:0; padding:0; } div#patiovision div, div#flyout div { width:100%; max-width:960px; margin:0 auto; position:relative; } div#patiovision a, div#flyout a { display:inline-block; padding:0 5px; height:40px; font-size:24px; line-height:40px; text-decoration:none; border:1px solid #FFFFFF; } div#patiovision a strong, div#flyout a strong { font-weight:normal; } div#patiovision span.close, div#flyout span.close { display:block; position:absolute; right:5px; top:7px; height:20px; opacity:.7; } @media screen and (max-width:992px){ .site-branding { margin-bottom:0px; } .site-title .site-title-heading, #top-header { text-align:center; } .search-input-wrap { float:left; margin-left:10px; } .secondary-navigation ul#menu-secondary-menu {float:left;} } @media screen and (max-width:767px){ .home #site-wrapper { min-height:initial; } #search-bar-wrap { padding:0px; } .search-input-wrap {float:none;} .secondary-navigation ul#menu-secondary-menu {float:none;text-align:center;} .secondary-navigation ul#menu-secondary-menu li {display:inline-block !important;float:none;} .secondary-navigation { display:none; } .site-branding { margin-bottom:0px; } .site-branding .site-title{ display:none; } .home .site-branding .site-title { display:block; } .navbar-header .site-title-heading { display:block; float:left; margin:30px 0 0 0; } .navbar-header .site-title-heading img {width:200px;height:auto;} .mobile-show, .nav>li.mobile-show { display:block !important; } .navbar .navbar-nav { float:none; } .nav>li { margin-bottom:10px; } .nav>li:last-child { margin-bottom:0px; } .navbar-nav { margin:7.5px 0; } .site-title .site-title-heading { padding-left:20px; } .navbar-default .navbar-nav>li a { margin:0; padding:0; border:none; } .navbar-default .navbar-nav .open .dropdown-menu>li>a { color:#ccc; } .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover { color:#fff; } .navbar-default .navbar-toggle { margin-top:37px; } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color:#fff; } .navbar .navbar-nav .open .dropdown-menu>.active>a, .navbar .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar .navbar-nav .open .dropdown-menu>.active>a:hover { background-image:none; background:000; } div#patiovision a, div#flyout a { font-size:16px; } div#patiovision a strong, div#flyout a strong { display:none !important; } #banner-wrapper.product-page .product-page-banner .caption-wrap .caption h1 img { margin:0 auto 20px; display:block; } } /* Default menu styles */ .navbar-nav.primary-menu { float:right; margin:55px 0 0 0;} .primary-menu>li.menu-item { padding:5px 0; } .primary-menu>li.menu-item.open { background:#076322; border-left: 1px solid #076322; border-right: 1px solid #076322; margin: 0 -1px; } .primary-menu li:first-child > a, .primary-menu li:last-child > a{ margin-top: 24px;} .primary-menu li:last-child > a, .primary-menu li.planx-menu > a { padding-right:0px !important; margin-right:0px !important; } .primary-menu li ul.sub-menu li { margin:0; padding:0; } .primary-menu li ul.sub-menu li a { padding:8px 15px 8px 10px!important; border-bottom:1px solid #ebebeb; background:#FFFFFF; } .primary-menu li ul.sub-menu li:last-child a { border-bottom:none; } .primary-menu .sub-menu li:first-child > a, .primary-menu .sub-menu li:last-child > a{ margin-top: 0px;} @media screen and (max-width:992px){ .home #metaslider_14_filmstrip.flexslider .slides li { text-align:center !important; } /*#menu-envisor-menu li a, #menu-covrit-menu li a, #menu-toughgate-menu li a, #menu-naturescreen-menu li a{ padding:0px 10px; } #menu-envisor-menu .sub-menu li a, #menu-covrit-menu .sub-menu li a, #menu-toughgate-menu .sub-menu li a, #menu-naturescreen-menu .sub-menu li a{ padding:10px 20px; } .primary-menu .logo-menu a, .primary-menu a { margin: 0px 10px; } .primary-menu a img { width:80%; height:auto; } .dropdown-menu { right: 0; left: initial; } /* Envisor button */ /*.primary-menu .envisor-menu a, .primary-menu .envisor-menu a:hover { margin-top: 14px !important; color:transparent !important; text-shadow: none !important; width: 79px; height: 25px; background: url('./img/NEW-envisor-logo.png') no-repeat top left !important; } /* Covrit button */ /*.primary-menu .covrit-menu a, .primary-menu .covrit-menu a:hover { margin-top: 14px !important; color:transparent !important; text-shadow: none !important; width: 66px; height: 25px; background: url('./img/NEW-covrit-logo.png') no-repeat top left !important; } /* ToughGate button */ /*.primary-menu .toughgate-menu a, .primary-menu .toughgate-menu a:hover { margin-top: 14px !important; color:transparent !important; text-shadow: none !important; width: 91px; height: 25px; background: url('./img/NEW-toughgate-logo.png') no-repeat top left !important; } /* NatureScreen button */ /*.primary-menu .naturescreen-menu a, .primary-menu .naturescreen-menu a:hover { margin-top:2px !important; color:transparent !important; text-shadow: none !important; width: 59px; height: 37px; background: url('./img/NEW-naturescreen-logo.png') no-repeat top left !important; } /* Planx button */ /*.primary-menu .planx-menu a, .primary-menu .planx-menu a:hover { margin-top:16px !important; color:transparent !important; text-shadow: none !important; width: 75px; height: 25px; background: url('./img/NEW-planx-logo.png') no-repeat top center !important; } */ } @media screen and (max-width:767px){ .navbar-header .site-title-heading { margin-top:10px; } .navbar-nav.primary-menu { float:none; margin-top:10px; } .primary-menu .logo-menu a, .primary-menu .logo-menu a:hover, .primary-menu a, .primary-menu a:hover { margin: 10px!important; background-image:none !important; color:#000 !important; width:initial !important; height:initial !important; } .primary-menu a { border:none !important; padding:0 !important; } .primary-menu>li.menu-item { padding:0 !important; margin:0 !important; border-bottom:1px solid #ebebeb; } .primary-menu>li.menu-item.open * { color:#FFFFFF !important; } .main-navigation .primary-menu li a { background:none !important; } .primary-menu li:first-child > a, .primary-menu li:last-child > a { margin-top:0px; } #menu-envisor-menu .sub-menu li a, #menu-covrit-menu .sub-menu li a, #menu-toughgate-menu .sub-menu li a, #menu-naturescreen-menu .sub-menu li a { padding: 5px 15px 5px 25px; } #prod-page-intro-right h3, #design-options h2 { margin-left:-15px; } #banner-wrapper { background:#FFFFFF !important; } #banner-wrapper .mobile-img { display:block !important; } #banner-wrapper .desktop-img { display:none !important; } } .site-title { margin-top:0px;margin-bottom:0; } /* Banners */ #banner-wrapper { max-width:1580px; max-width:100%; margin:0 auto; background: #f1f1f1; box-shadow: 0px 5px 6px #E6E6E6; box-shadow:none; border-top:1px solid #ddd; padding: 0 0 5px 0; position:relative;} .home #banner-wrapper { border-top:none; } #banner-wrapper.home-page { max-width:none; } #banner-wrapper img { max-width:100%; } #banner-wrapper .prod-slide img { max-width:100% !important; } #banner-wrapper img { width:100%; height:auto; } #banner-wrapper .mobile-img { display:none; } /* Hide the default navigation on the homepage, unless thin or mobile viewport */ /* Display main navigation 10-30-16 .home .main-navigation { display:none; } */ /* New Secondary Menu Styles - Phase 3 */ #menu-secondary-menu { float:right; } #menu-secondary-menu li a, #menu-secondary-menu li a:focus, #menu-secondary-menu li a:hover, .main-navigation .primary-menu li a, .main-navigation .primary-menu li a:focus , .main-navigation .primary-menu li a:hover { padding:3px 10px; margin:0px; background:#ffffff; color:#0B5E24; text-shadow:none; line-height:normal; font-size:14px;} #menu-secondary-menu li a, .main-navigation .primary-menu li a { border-left: solid 1px #0B5E24; } #menu-secondary-menu li:first-child a, .main-navigation .primary-menu li:first-child a { border-left:0px; } #menu-secondary-menu li:last-child a { padding-right:0px; } /* New Primary Menu Styles - Phase 3 */ .home .main-navigation, .main-navigation { position:relative; background:#ffffff; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a { box-shadow:none !important; } /* Home page banner */ .home #banner-wrapper { padding-bottom:0px; box-shadow: 05px 5px 6px #888; box-shadow:none; } /* Home banner overflow setting */ .home #banner-wrapper .metaslider { margin:0px auto; overflow: visible; } .home #metaslider_3777 { margin-bottom:0px; } .home #metaslider_3777 .layer { height:auto !important; width:75% !important; right:50px !important; left:25% !important; } .home #metaslider_3777 .layer strong { font-weight:500; } .home #metaslider_3777 .layer p { height:100%; } .home #metaslider_3777 .slide-3791 .layer-1 { margin-right:0; } .home #metaslider_3777 .slide-3791 .layer-1 img { width: 510px !important; height:176px !important; } .home #metaslider_3777 .slide-3791 .layer-2 { margin:25px 0 0 0; } .home #metaslider_3777 .slide-3791 .layer-2 p { margin:0px 15px 0 0; padding:20px; } .home #metaslider_3777 .slide-3791 .layer-3 { margin:80px 0 0 0; } .home #metaslider_3777 .slide-3791 .layer-3 p { margin:0px 30px 0px 0px; } .home #metaslider_3777 .banner-usa { margin:0px 0 0 10px !important; } #banner-wrapper .flex-direction-nav a { top:50% !important; bottom:20px !important; height:35px; background-color:rgba(7,99,35,.8); background-image:url('./img/bg_direction_nav.png'); } #banner-wrapper .flex-direction-nav .flex-prev { left: 0 !important; opacity:1.0; } #banner-wrapper .flex-direction-nav .flex-next { right: 0 !important; opacity:1.0; } #banner-wrapper.home-page .home-page-banner .slides li, #banner-wrapper.product-page .product-page-banner { position:relative; } #banner-wrapper.home-page .home-page-banner .caption-wrap, #banner-wrapper.product-page .product-page-banner .caption-wrap { position:absolute; top:0; left:42px; width:370px; height:100%; padding:0 !important; text-align:center; } #banner-wrapper.home-page .home-page-banner .caption-wrap .caption, #banner-wrapper.product-page .product-page-banner .caption-wrap .caption { padding:0 !important; } #banner-wrapper.home-page .home-page-banner .caption-wrap *, #banner-wrapper.product-page .product-page-banner .caption-wrap * { font-style:normal; color:#FFFFFF!important; } #banner-wrapper.home-page .home-page-banner .caption-wrap h2, #banner-wrapper.product-page .product-page-banner .caption-wrap h1 { color:#FFFFFF !important; margin:0; padding:20px 20px 0; text-shadow:2px 2px 2px rgba(0,0,0,.5); font-size:2em; line-height:1.125em; -webkit-hyphens: manual; -moz-hyphens: manual; -ms-hyphens: manual; hyphens: manual; text-transform:uppercase; } #banner-wrapper.home-page .home-page-banner .caption-wrap p, #banner-wrapper.product-page .product-page-banner .caption-wrap p { color:#FFFFFF; padding:20px 20px 0; font-size:1.25em; line-height:1.25em; } #banner-wrapper.home-page .home-page-banner .caption-wrap a, #banner-wrapper.product-page .product-page-banner .caption-wrap a { display:inline-block; padding:5px 8px; color:#FFFFFF; text-transform:uppercase; background:rgba(18,49,21,.7); border:2px solid #FFFFFF; } @media (max-width:991px) { #banner-wrapper.home-page .home-page-banner .caption-wrap, #banner-wrapper.product-page .product-page-banner .caption-wrap { background:rgba(7,99,35,.7) !important; padding-bottom:20px; } } @media (min-width:992px) { #banner-wrapper.home-page .home-page-banner .caption-wrap h2, #banner-wrapper.product-page .product-page-banner .caption-wrap h1 { padding:50px 20px 0; font-size:2.25em; line-height:1.125em; background:rgba(7,99,35,.7) !important; } #banner-wrapper.home-page .home-page-banner .caption-wrap h2 img { max-width:70% !important; height:auto; margin:0 auto 20px !important; } #banner-wrapper.home-page .home-page-banner .caption-wrap p, #banner-wrapper.product-page .product-page-banner .caption-wrap p { padding:40px 20px 0; margin-bottom:0; font-size:1.25em; line-height:1.25em; background:rgba(7,99,35,.7) !important; } #banner-wrapper.home-page .home-page-banner .caption-wrap span, #banner-wrapper.product-page .product-page-banner .caption-wrap span { position:relative; display:block; height:40px; margin:0; background:rgba(7,99,35,.7); -moz-border-radius:0 0 100% 100%; -webkit-border-radius:0 0 100% 100%; -o-border-radius:0 0 100% 100%; border-radius:0 0 100% 100%; } } @media (max-width:767px) { #content-social-icons { display:none; } #banner-wrapper.home-page .home-page-banner .caption-wrap, #banner-wrapper.product-page .product-page-banner .caption-wrap { display:none !important; position:relative; left:0; width:100%; height:auto; padding-bottom:20px !important; background:rgba(7,99,35,1) !important; } } /* Home Page */ .home-page #main h3 { color:#076323; font-size:18px; margin:10px 0 7px; } .home-page .products a.product-btn { display:inline-block; width:auto; padding:3px 5px; font-size:14px; text-transform:uppercase; color:#076323; border:1px solid #076323; } .inspiration-gallery h1 img { display:block; float:left; } .inspiration-gallery h1 { font-size:30px; font-weight:bold; line-height:1.5em; } #banner-wrapper.inspiration-gallery { box-shadow: inset 5px 5px 5px #E6E6E6; box-shadow:none; overflow:hidden; margin:0px auto; } .inspiration-gallery .metaslider { margin:0px auto; } .inspiration-gallery .caption-wrap { background: transparent !important; color: #000 !important; opacity: 1 !important; font-size: 16px !important; padding-left: 30px; padding-bottom: 60px;} .inspiration-gallery .caption-wrap em { display: block; font-size: 14px;} .inspiration-gallery .caption-wrap img { margin-bottom:5px !important; } .inspiration-gallery .filmstrip { margin: 20px 0px !important; padding: 40px; background: #e5e5e5 !important; border-radius:0px !important;} .inspiration-gallery .filmstrip .slides li { opacity: 1.0 !important; border: solid 1px #333 !important;} #banner-wrapper.inspiration-gallery .filmstrip .flex-direction-nav a { height:35px; background-color:#333333; background-image:url('./img/bg_direction_nav.png'); bottom:initial !important; top:50% !important; } #banner-wrapper.inspiration-gallery .filmstrip .flex-direction-nav .flex-prev { left: 5px !important; opacity:0.0; } #banner-wrapper.inspiration-gallery .filmstrip .flex-direction-nav .flex-next { right: 5px !important; opacity:0.0; } #banner-wrapper.inspiration-gallery .filmstrip:hover .flex-direction-nav .flex-prev, #banner-wrapper.inspiration-gallery .filmstrip:hover .flex-direction-nav .flex-next {opacity:1.0;} /* Additional menu items for homepage */ #home-banner-nav-wrap { width:100%; position:absolute; z-index:1; background:transparent; } #home-banner-nav { width:100%; position:relative; left:-50%; padding: 0 15px !important; margin:10px 0 0 0 !important; text-transform:uppercase; font-size: 12px; letter-spacing: 1px; color: #ccc; } /* Homepage navigation updates 11-2*/ #home-banner-nav .dropdown-menu, #home-banner-nav li.first, #home-banner-nav li.last {display:none;} @media screen and (max-width:1415px){ .home #banner-wrapper .metaslider { width:1580px; } } @media screen and (max-width:1200px){ .home #banner-wrapper .metaslider { width:100%; } } @media screen and (max-width:992px){ .home #metaslider_3777 .layer { width:90% !important; left:0px !important;} .home #metaslider_3777 .slide-3791 .layer-1 { display:none; } .home #metaslider_3777 .slide-3791 .layer-2 p { margin:35px 15px 0 0;} .home #metaslider_3777 .slide-3791 .layer-3 p { margin:20px 30px 0px 0px; } .home #metaslider_3777 .slide-3791 .content { margin-top:-150px; } .home #metaslider_3777 .slide-3791 .layer-3 { margin-top:100px; } .home #metaslider_3777 .banner-usa { margin-top:0px; } .home #metaslider_3777 .slide-3791 .layer-2 span { font-size: 20px !important; } .home #metaslider_3777 .slide-3791 .layer-3 span { font-size: 16px !important; } .inspiration-gallery .caption-wrap { bottom:60px !important; } } @media screen and (max-width:767px){ .home #metaslider_3777 img.msDefaultImage { opacity:0.5; } .home .flex-control-nav { display:none; } /*#banner-wrapper .flex-direction-nav .flex-prev { left:35% !important; } #banner-wrapper .flex-direction-nav .flex-next { right:35% !important; }*/ .inspiration-gallery .caption-wrap { bottom:60px !important; } } @media screen and (max-width:600px){ .home #metaslider_3777 .slide-3791 .content { display:none; } } @media screen and (max-width:480px){ } /* New (2018) Product Page */ .product-page-content h2 { font-weight:300; font-size:36px; margin-top:20px; margin-bottom:20px; font-weight:bold; } .product-page-content .feedback h2 { margin-bottom: 10px; } .product-page-content .feedback h3 { margin-bottom: 40px; } .product-page-content .full-width-tabs h2 { margin-top:20px !important; } .product-page-content h3.our-services { margin:20px 0; font-size:28px; } .product-page-content h3.our-services strong { text-transform:uppercase; display:inline-block; padding:0 20px; font-weight:bold; } .product-page-content h3.our-services img { width:28px; height:28px; margin-right:10px; vertical-align:baseline; } .product-page-content h3.color-wheel { padding-top:70px; font-weight:bold; /*color:#076323;*/ } .product-page-content h3.color-wheel img { margin:-70px 0 0; } .product-page-content h3.section-head { font-size:28px; /*text-transform: uppercase;*/ } .product-page-content h4 { font-size:20px; margin:20px 0 40px; font-weight:bold; clear:both; } .product-page-content { font-size:18px; line-height:1.5; } .product-page-content p { margin-bottom:20px; line-height:1.5; font-weight:300; } .product-page-content p.section-intro { text-align:center; margin-bottom:20px; } .product-page-content ul, .product-page-content ol { margin-bottom:20px; } .product-page-content a { color:#0060ff; text-decoration:underline; } .product-page-content .divider-row { padding-bottom: 60px !important; margin-bottom:60px; } .product-page-content .divider-row.reduced-padding { padding-bottom: 20px !important; } .product-page-content .su-column-inner img { max-height:none !important; } .product-page-content .abs .su-column-inner img { max-height:300px !important; width:auto; } .product-page-content .product-offset h3 { padding-left:50px; margin-top:-15px; margin-bottom:15px; } div.downloads { padding:20px; border:1px solid #d0d0d0; } div.downloads h3 { padding:13px 0; width:auto; margin:0 50px; font-size:1.5em; color:#006325; letter-spacing: 5px } div.downloads p { margin:5px 0; } div.downloads a { display:block; width:100%; color:#006325; text-decoration:none; } div.downloads a:hover { text-decoration:underline; } div.full-width-tabs, div.feedback, div.slant-lft, div.slant-rgt { margin-left:-25px; margin-right:-25px; padding: 0 25px 100px; margin-bottom:40px; position: relative; overflow:hidden; z-index: 1; } div.slant-lft:after, div.slant-rgt:after { width: 100%; content: ""; display: block; height: 90px; bottom:-40px; left:0; position: absolute; border-top:10px solid #006325; /*box-shadow:0 -5px 15px rgba(0,0,0,.3);*/ background:#FFFFFF; z-index: -1; } /*div.slant-rgt:after { -webkit-transform: skewY(3deg); -moz-transform: skewY(3deg); -ms-transform: skewY(3deg); -o-transform: skewY(3deg); transform: skewY(3deg); }*/ .indent-text .envpanel li strong { padding-left: 60px; display: inline-block; } .envpanel li strong em { font-weight:normal; } div.slant-lft-margin15{ margin-left:-15px !important; margin-right:-15px !important; padding: 0 25px 100px; margin-bottom:40px; position: relative; overflow:hidden; z-index: 1; } div.full-width-tabs { padding:0 0 150px; } div[class="full-width-tabs"] { padding:0; } div.full-width-tabs .tabcontent { border-left:none; border-right:none; border-bottom:none; padding:20px 21px 0; } div.full-width-tabs .responsive-tabs__list { margin-left:20px !important; } div.full-width-tabs .responsive-tabs .responsive-tabs__list__item { background:#e9e9e9; text-decoration:none; } div.full-width-tabs .responsive-tabs .responsive-tabs__list__item:first-child { margin-left:20px; } div.full-width-tabs .responsive-tabs .responsive-tabs__list__item--active { background:#FFFFFF; } div.full-width-tabs img { margin-top:20px !important; } div.feedback { position: relative; margin-top:70px; margin-bottom:-80px; padding:70px 20px; background:#e0e0e0; } div.feedback:after { position:absolute; display:block; width: 400%; height:100%; top:0; left:-100%; content: ''; background:#e0e0e0; z-index: -1; } #post-7013.post-7013 div.feedback { margin-bottom:-40px; } div.feedback-nomargin { margin: -15px!important; margin-bottom: -20px !important; } .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th { white-space:pre-wrap; } .table-bordered, .table-bordered>tfoot>tr>td { border:none !important; } .spotlight figure.wp-caption, .product-options figure.wp-caption { border:none; position:relative; overflow:hidden; } .spotlight figure.wp-caption img, .product-options figure.wp-caption img { width:100%; max-width:100%; margin:0; } .spotlight figure.wp-caption .wp-caption-text { position:absolute; left:10px; bottom:10px; margin:0; line-height:normal; text-align:left; font-style:italic; font-weight:bold; font-size:16px; color:#FFFFFF; text-shadow:2px 2px 2px rgba(0,0,0,.7); -webkit-text-shadow:2px 2px 2px rgba(0,0,0,.7); -o-text-shadow:2px 2px 2px rgba(0,0,0,.7); -moz-text-shadow:2px 2px 2px rgba(0,0,0,.7); } .product-page-content .product-options figure.wp-caption { margin-bottom:5px; cursor:alias; } .product-page-content .product-options figure.wp-caption + h3 { margin-top:0; } .product-options figure.wp-caption .wp-caption-text { position:absolute; left:0; top:0; width:100%; height:100%; margin:0; padding:20px; background:rgba(111,121,131,.7); text-align:center; font-size:20px; font-weight:normal; /*line-height:1.125;*/ color:#FFFFFF; font-family:"Tenor Sans", "Montserrat", sans-serif; text-shadow:2px 2px 2px rgba(0,0,0,.7); -webkit-text-shadow:2px 2px 2px rgba(0,0,0,.7); -o-text-shadow:2px 2px 2px rgba(0,0,0,.7); -moz-text-shadow:2px 2px 2px rgba(0,0,0,.7); transition:all ease-in-out .3s; -webkit-transition:all ease-in-out .3s; -moz-transition:all ease-in-out .3s; -o-transition:all ease-in-out .3s; opacity:0; } .product-options figure.wp-caption:focus .wp-caption-text, .product-options figure.wp-caption:hover .wp-caption-text { opacity:1; } .product-page-content h4 span.glyphicon:before { position:absolute; bottom:10px; right:10px; width:26px; height:26px; display:inline-block; padding:1px; font-size:24px; color:#0060ff; background:#FFFFFF; border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; -webkit-border-radius:50%; z-index:2; } .product-page-content h4 span.glyphicon:before { position:relative; bottom:auto; right:auto; } .product-page-content h4 span:hover span.glyphicon:before { color:#FFFFFF; background:#0060ff; } .wpcp-carousel-section:not(.wpcp-product-carousel) .wpcp-single-item { background:none !important; } .product-page-content .customer-fav ul { list-style:none; margin:0; padding:0; } .product-page-content .customer-fav ul li { margin:0 0 20px; padding:0; text-align:center; } .product-page-content .customer-fav ul li img { max-width:100%; height:auto; } .product-page-content ul.specs { margin:0 0 20px; padding:0; list-style:none; border-bottom:1px solid #e9e9e9; } .product-page-content ul.specs li { position:relative; margin:0; padding:5px 0 5px 40%; border-top:1px solid #e9e9e9; } .product-page-content ul.specs li strong { position:absolute; left:0; top:0; display:block; width:38%; height:100%; padding:5px; background:#f9f9f9; } .product-page-content #faq { position:relative; overflow: hidden; height: 400px; } .product-page-content #faq.full { height:auto; } .product-page-content #faq:after { content:''; display:block; width:100%; height:100px; position:absolute; bottom:0; left:0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.75+50,1+75 */ background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.75) 50%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.75) 50%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .product-page-content #faq.full:after { display:none; } .product-page-content .faq .su-spoiler-icon { position:relative; top:0; display:inline-block; font-size:20px; width:50px; height:50px; margin-right:10px; text-align:center; line-height:50px; padding:0; color:#FFFFFF; font-weight:bold; background:#076325; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; } .product-page-content .faq .su-spoiler:nth-child(1) .su-spoiler-icon:before { content:'1'; display:block; } .product-page-content .faq .su-spoiler:nth-child(2) .su-spoiler-icon:before { content:'2'; display:block; } .product-page-content .faq .su-spoiler:nth-child(3) .su-spoiler-icon:before { content:'3'; display:block; } .product-page-content .faq .su-spoiler:nth-child(4) .su-spoiler-icon:before { content:'4'; display:block; } .product-page-content .faq .su-spoiler:nth-child(5) .su-spoiler-icon:before { content:'5'; display:block; } .product-page-content .faq .su-spoiler:nth-child(6) .su-spoiler-icon:before { content:'6'; display:block; } .product-page-content .faq .su-spoiler:nth-child(7) .su-spoiler-icon:before { content:'7'; display:block; } .product-page-content .faq .su-spoiler:nth-child(8) .su-spoiler-icon:before { content:'8'; display:block; } .product-page-content .faq .su-spoiler:nth-child(9) .su-spoiler-icon:before { content:'9'; display:block; } .product-page-content .faq .su-spoiler:nth-child(10) .su-spoiler-icon:before { content:'10'; display:block; } .product-page-content .faq .su-spoiler:nth-child(11) .su-spoiler-icon:before { content:'11'; display:block; } .product-page-content .faq .su-spoiler:nth-child(12) .su-spoiler-icon:before { content:'12'; display:block; } .product-page-content .faq .su-spoiler:nth-child(13) .su-spoiler-icon:before { content:'13'; display:block; } .product-page-content .faq .su-spoiler:nth-child(14) .su-spoiler-icon:before { content:'14'; display:block; } .product-page-content .faq .su-spoiler:nth-child(15) .su-spoiler-icon:before { content:'15'; display:block; } .product-page-content .faq .su-spoiler:nth-child(16) .su-spoiler-icon:before { content:'16'; display:block; } .product-page-content .faq .su-spoiler:nth-child(17) .su-spoiler-icon:before { content:'17'; display:block; } .product-page-content .faq .su-spoiler:nth-child(18) .su-spoiler-icon:before { content:'18'; display:block; } .product-page-content .faq .su-spoiler { margin-bottom:30px !important; } .product-page-content .faq .su-spoiler-title { font-size:20px; } .product-page-content .faq .su-spoiler-content { padding-left:95px !important; padding-right:95px !important; } .nature-bg { margin-left:-15px; margin-right:-15px; margin-bottom:80px !important; margin-top:-50px; padding:100px 0; text-align: center; font-size:36px; color:#FFFFFF; background:0 0 url("img/AskAboutPlantMisters-BKG.jpg"); } a.btn-primary { font-size:16px; padding:8px 13px 4px; border-bottom-width:4px !important; border-color:#006325 !important; color:#FFFFFF; text-transform:uppercase; text-decoration:none; box-shadow:2px 2px 5px rgba(0,0,0,.4); -webkit-box-shadow:2px 2px 5px rgba(0,0,0,.4); -o-box-shadow:2px 2px 5px rgba(0,0,0,.4); -moz-box-shadow:2px 2px 5px rgba(0,0,0,.4); /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4ea46e+0,006325+100 */ background: #4ea46e; /* Old browsers */ background: -moz-linear-gradient(top, #4ea46e 0%, #006325 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #4ea46e 0%,#006325 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #4ea46e 0%,#006325 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ea46e', endColorstr='#006325',GradientType=0 ); /* IE6-9 */ } a.btn-primary:hover, a.btn-primary:focus, a.btn-primary:active, .nature-bg a.btn-primary{ background:#FFFFFF !important; color:#006325 !important; } .qtip-content { line-height:1.25; } @media screen and (min-width:768px) { .product-page-content p.section-intro { margin:0 22% 40px; } .product-page-content .customer-fav ul li { float:left; width:45%; } .product-page-content .customer-fav ul li:last-child { float:right; } } /* Contact Us Page */ .su-row .su-column.form-container { padding:20px; background:#e5e5e5; margin-left:0 !important; } .form-container h3 { margin-bottom:0; margin-top:0; font-size:24px; } .form-container #ff_form5 input, .form-container #ff_form5 textarea { width:98%; padding:1%; border:none; } .form-container #ff_form5 input#bfCaptchaEntry { width:90%; } .form-container #ff_form5 #bfElementGroupNoWrap2089 { width:100%; margin-bottom:20px; } .form-container #ff_form5 #bfElementGroupNoWrap2089 * { color:#0B5E24 !important; } .form-container #ff_form5 #bfElementGroupNoWrap2089 input { width:auto; } .form-container #ff_form5.bfQuickMode label { color:#999999; font-size:12px; } .form-container #ff_form5.bfQuickMode #bfElemWrap2072 { margin-bottom:20px; } .form-container #ff_form5.bfQuickMode #bfSubmitButton { float:none; padding:8px 25px !important; font-size:18px; text-transform:uppercase; background:#0B5E24 !important; } .contact-sidebar img.border { width:98%; height:auto; padding:1%; margin-bottom:20px; background:#cedfd3; } .contact-sidebar a { color:#0B5E24; text-decoration:none; } /* Product page banner text */ #product-banner, .home #metaslider_3777 .caption-wrap { position: absolute; bottom: 0; z-index: 2; margin: 0px auto; width: 600px; padding: 20px; left: 0%; background-color: #ffffff; background: rgba(255,255,255,0.8) !important; line-height:1.75em; transition:all .45s;} #product-banner .col-md-12 { padding:0px; } #product-banner h1 { margin-top:0px; margin-bottom:0; padding:5px 10px; } #product-banner.full-prod-banner, .home #metaslider_3777 .caption-wrap { width: 100% !important; top: auto !important; bottom: 20px !important; padding:10px 2.5% 10px 2.5%; font-style:normal; font-size:22px; } .home #metaslider_3777 .caption-wrap { padding-top:10px; top:20px !important; bottom: auto !important; } #product-banner.full-prod-banner h1, .home #metaslider_3777 .caption-wrap .caption { line-height:1.2em; } #product-banner.full-prod-banner h1 img, .home #metaslider_3777 .caption-wrap img { margin: -20px 0px 10px 0px; } #product-banner.full-prod-banner h1 img, .home #metaslider_3777 .caption-wrap img { float:left; max-height:60px; display:inline-block; margin-top:-10px; margin-right:10px; width:auto; vertical-align:baseline; margin-bottom:0; } #banner-wrapper .caption-wrap { background:transparent !important; opacity:1.0 !important; padding:10px 5%; font-style: italic; font-weight: lighter; color: #000;} #banner-wrapper .prod-caption-1 { font-size:16px; text-align:right; position:absolute; width:50%; bottom:10px; right:10px; } #banner-wrapper .prod-caption-2 { font-size:14px; position:absolute; width:35%; bottom:10px; left:10px; } #banner-wrapper .prod-caption-1, #banner-wrapper .prod-caption-2 { line-height:1.25em; clear:both; } #banner-wrapper.wht-text .prod-caption-1, #banner-wrapper.wht-text .prod-caption-2 { color:#FFFFFF !important; } #product-banner.full-prod-banner h1 span, .home #metaslider_3777 .caption-wrap .caption span { float:left; } #banner-wrapper .prod-caption-1 img, #banner-wrapper .prod-caption-2 img { display:inline; margin: -5px 0 0 0 !important;} #metaslider_3798 .caption-wrap { display:none; } li.gfield input + label, li.gfield select + label { opacity:0; height:5px; } li.gfield input { width:100% !important; } @media screen and (max-width:1415px){ #product-banner.full-prod-banner h1 { width:100%; } } @media screen and (min-width:768px) { .site-title { padding-left:24px; } .site-title + div, .search-input-wrap, #top-header-wrap div.container { padding-right:37px } #product-banner.full-prod-banner h1, .home #metaslider_3777 .caption-wrap .caption { float:left; max-width:100%; margin:10px 0; font-weight:600 } #product-banner.full-prod-banner h1.bigger { max-width:100%; } #product-banner.full-prod-banner h1 span, .home #metaslider_3777 .caption-wrap .caption span { max-width:65%; font-size:18px; } #address-container { width:95%; margin:0 2.5%; } li.split.gfield { width:49%; float:left; clear:left; } li.split.gfield + li.split.gfield { float:right; clear:none; } li.split.gfield input { width:100% !important; } } @media screen and (max-width:991px){ /*#product-banner.full-prod-banner { padding:20px 5%; }*/ #product-banner.full-prod-banner h1 { margin:0px; line-height:1.5em; } #banner-wrapper .prod-caption-1 { padding-bottom:25px; } } @media screen and (max-width:1080px){ #product-banner.full-prod-banner h1 span, .home #metaslider_3777 .caption-wrap .caption span { max-width:70%; font-size:18px; line-height:normal; } #product-banner.full-prod-banner h1 { line-height:normal; } } @media screen and (min-width:1081px) { #product-banner.full-prod-banner h1 span, .home #metaslider_3777 .caption-wrap .caption span { max-width:80%; font-size:22px; } .home #metaslider_3777 .slide-3927 .caption-wrap .caption span { max-width:78%; } } @media screen and (min-width:768px) and (max-width:849px){ #product-banner.full-prod-banner h1 span, .home #metaslider_3777 .caption-wrap .caption span { max-width:65%; } } @media screen and (min-width:992px) { #product-banner { background-color: #ffffff; background: rgba(255,255,255,0.8) !important;} } @media screen and (max-width:767px){ #banner-wrapper .caption-wrap, #banner-wrapper .prod-caption-1, #banner-wrapper .prod-caption-2 { display:none; } #product-banner.full-prod-banner { position: relative; bottom: auto !important; margin: 0 !important; background: #FFFFFF !important; } #product-banner.full-prod-banner h1 span { max-width:none !important; } } @media screen and (max-width:599px){ #product-banner.full-prod-banner { padding:10px 2.5%; } #product-banner.full-prod-banner h1 img { margin:0; width:25%; height:auto; } /*#product-banner.full-prod-banner h1 span { font-size:12px; }*/ } @media screen and (max-width:470px){ /*#product-banner.full-prod-banner h1 span { font-size:10px; }*/ } /* Sub Page */ .sub-page .page-header { padding:0 10px; margin-top:60px; margin-bottom:0; border-bottom:none; } .sub-page .page-header>h1 { margin-top:0; margin-bottom:0; padding-bottom:0; font-weight:normal !important; } .sub-page .su-tabs-nav span { font-weight:bold; color:#0B5E24; font-size:18px; text-decoration:underline; border:1px solid #cccccc; border-bottom:none; } .sub-page .su-tabs-nav span.su-tabs-current { color:#000000; text-decoration:none; border: 1px solid #999999; border-bottom:none; position: relative; z-index: 1; background: #FFFFFF; } .sub-page .su-tabs-panes { border: 1px solid #999999; background: #FFFFFF; margin-top: -1px; position: relative; z-index: 0; } .sub-page .su-tabs-pane { font-size:16px; } .sub-page .featured-img img { width: 100%; height: auto; } /* Careers page */ .main-content-wrapper.careers>.container { text-align:center; } .main-content-wrapper.careers .entry-content { text-align:left; } .main-content-wrapper.careers .entry-content h1 { font-size:32px; text-align:center; line-height:normal; margin:0 0 20px 0; color:#076323/*#1c5630*/; } .main-content-wrapper.careers .entry-content h2 { margin:40px 0; font-size:1em; line-height:normal; font-weight:normal; color:#000000; border:none; } .main-content-wrapper.careers .entry-content h2 strong { font-size:1.25em; font-weight:bold; color:#076323/*#1c5630*/; } .main-content-wrapper.careers div.divider-row { border-bottom-color:#076323/*#1c5630*/ !important; } .main-content-wrapper.careers ul.no-style { list-style:none; } .main-content-wrapper.careers ul.no-style li { padding:0; margin:0; } .main-content-wrapper.careers .steps h3 { text-align:center; color:#076323/*#1c5630*/; font-weight:bold; } .main-content-wrapper.careers .steps .application p { padding-left:15px; margin-bottom:10px; text-indent:-15px; } .main-content-wrapper.careers .steps .application p:last-child { margin-top:15px; } .main-content-wrapper.careers .steps .application p strong { color:#076323/*#1c5630*/; } .main-content-wrapper.careers .steps .application h4 { float:right; margin:0 0 10px 20px; padding:0 0 0 20px; font-weight:bold; color:#076323/*#1c5630*/; font-size:16px; } .main-content-wrapper.careers .steps .application h4 a { color:#076323/*#1c5630*/; } .main-content-wrapper.careers .steps .application h4 img { margin-left:-20px; } /* Quick Ship Page */ .quick-links a { display:block; position:relative; height:45px; margin-bottom:25px; padding-left:60px; line-height:45px; text-transform:uppercase; } .quick-links a img { position:absolute; left:0; top:0; } form.options-form label { text-align:center!important; } form.options-form input#qty { text-align:center!important; padding:10px; height:40px; } form.options-form button.submit { padding:8px; margin:15px 0; border:1px solid #a0171e; text-transform:uppercase; font-size:24px; background:none; text-align:center; } form.options-form button.submit img { vertical-align:middle; margin-right:10px; } form#ff_form7 span.bfRequired { display:none; } form#ff_form7 .bfSubmitButton, form#ff_form7 .bfCancelButton, button.bfCancel { float:left; padding:10px; font-size:24px; width:250px; margin:5px; text-align:center; } form#ff_form7 .bfSubmitButton { background:#748fa0 !important; } form.options-form ul.design-opts.col2 img { max-height:250px; } form.options-form ul.colors li { max-width: 100px; } form.options-form ul.colors li label.no-pad span { width:94px; height:94px; } /* Customize the label (the container) */ form.options-form label { display: block; position: relative; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-bottom:40px; } form.options-form label.no-pad { padding-bottom:0; } /* Hide the browser's default checkbox */ form.options-form label input { position: absolute; opacity: 0; cursor: pointer; } /* Create a custom checkbox */ form.options-form label .checkmark { position: absolute; bottom: 0; left: 50%; margin-left:-15px; height: 30px; width: 30px; background-color: #eee; -moz-box-shadow:none; -webkit-box-shadow:none; -o-box-shadow:none; box-shadow:none; } /* On mouse-over, add a grey background color */ form.options-form label:hover input ~ .checkmark { background-color: #ccc; } /* When the checkbox is checked, add a blue background */ form.options-form label input:checked ~ .checkmark { background-color: #076323; } /* Create the checkmark/indicator (hidden when not checked) */ form.options-form label .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ form.options-form label input:checked ~ .checkmark:after { display: block; } /* Style the checkmark/indicator */ form.options-form label .checkmark:after { left: 11px; top: 3px; width: 10px; height: 20px; border: solid white; border-width: 0 5px 5px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } /* Payment Page */ #payment label { width:100%; margin:0; } #payment input, #payment select { width:97%; padding:1.5%; color:#2e2e2e; } @media screen and (min-width:768px) { .site-title { padding-left:24px; } .site-title + div, .search-input-wrap, #top-header-wrap div.container { padding-right:37px } .main-content-wrapper.careers>.container { background:0 0 no-repeat url(img/careers-background.jpg) #FFFFFF; } .main-content-wrapper.careers .entry-content { width:78%; margin:0 auto; } .main-content-wrapper.careers .entry-content h1 { font-size:72px; } .main-content-wrapper.careers .steps h3 { padding-top:175px; padding-right:42px; text-align:right; background:right bottom no-repeat url(img/3-steps.png); border-right:4px solid #076323/*#1c5630*/; } .main-content-wrapper.careers .steps h3 strong { display:none; } .main-content-wrapper.careers .steps .application { padding-top:10px; } .main-content-wrapper.careers .steps .application * { margin:0; padding:0; } .sub-page .entry-content>h1, .sub-page .page-header>h1 { padding-right:400px; } .enclosure-type img { width:auto; max-width:100%; height:auto; max-height:198px; } form#ff_form7 #contactFormSection1 label { width:110px; margin:0; padding:1% 0; } form#ff_form7 #contactFormSection1 input { width: 83%; padding:1%; } form#ff_form7 #contactFormSection1 #bfElemWrap2248 label, form#ff_form7 #details label { width:auto; margin-right:10px; padding:0; } form#ff_form7 #details label { padding:8px 0; } form#ff_form7 #details input[type=text] { width:60px; padding:8px; text-align:center; } form#ff_form7 #details #bfElemWrap2278 { float:left; width:20%; margin:0; } form#ff_form7 #details #bfElemWrap2318 { float:left; width:80%; margin:0; } form#ff_form7 #details #bfElementGroupNoWrap2318, form#ff_form7 #contactFormSection1 #bfElemWrap2248 { width:auto; padding:8px 0 !important; } form#ff_form7 #details #bfElementGroupNoWrap2318 label { font-weight:normal; } form#ff_form7 #details #bfElemWrap2293, form#ff_form7 #details #bfElemWrap2295 { clear:left; } form#ff_form7 #details #bfElemWrap2293, form#ff_form7 #details #bfElemWrap2294, form#ff_form7 #details #bfElemWrap2295, form#ff_form7 #details #bfElemWrap2296, form#ff_form7 #details #bfElemWrap2301 { float:left; width:31%; margin:0; } form#ff_form7 #details select { margin-top:8px; } /* Payment Page */ #payment label { width:33%; margin-right: 1%; } #payment input, #payment select { width:62%; } } @media screen and (min-width:768px) and (max-width:1006px) { .main-content-wrapper.careers .steps h3 { font-size:14px; } } /*@media (min-width: 1416px) { .home .container { width: 1400px; } }*/ @media (min-width: 1200px) { .container { width: 100% !important; } } @media (min-width: 1500px) { .container { width: 1580px !important; } } /* Product pages */ #content-social-icons { float:right; clear:both; margin:10px 0px; } #content-social-icons .widget_text, #content-social-icons .widget_a2a_share_save_widget, #content-social-icons .widget_text .footer-social-icon { float:left; } #content-social-icons .widget_text .footer-social-icon {display:block; float:left; margin:2px 10px 5px 0px;} #content-social-icons .widget_text #cs-hz-icon-wrap-new { margin-top:0px;} #content-social-icons #a2a_share_save_widget-3 { margin:5px 0px; } #content-social-icons .a2a_button_email, #content-social-icons .a2a_button_print, #content-social-icons .addtoany_share_save { float:left; margin-right:10px; } .inner-content-wrapper {clear:both;} .inner-content-wrapper .post, .inner-content-wrapper .page { padding-top:0px; } .inner-content-wrapper ul { list-style-type:disc; padding-left:15px; } #prod-page-intro-left { float: left; width: 20%; margin-left: 1.7%; font-size: 18px;} #prod-page-intro-left img.prod-left-intro-logo { margin-right: -20px; } #prod-page-intro-left p { line-height:normal; } #prod-page-intro-left p>span { display:inline-block; color:#076323/*#1c5630*/ !important; padding:5px 0; font-style:italic; } #prod-page-intro-left p>span span { display:block; font-size:12px; } #prod-page-intro-right { width: 74%; float: left; padding-left: 1.7%; margin-left: 1.7%; margin-top: 65px; border-left: solid 1px #000000/*#076323#1c5630*/;} #prod-page-intro-right h3, #design-options h2 { float:left; font-weight:300; font-size:32px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; position:relative; padding:0 10px; width:auto; white-space:nowrap; } #design-options h2 { float:none; display:inline-block; margin:30px auto 20px auto; } #design-options h2 * { font-weight:300 !important; } #prod-page-intro-right h3:before, #design-options h2:before { content:""; position:absolute; left:10px; top:-10px; border-left: 1px solid #cccccc; height:170%; } #prod-page-intro-right h3:after, #design-options h2:after { content:""; position:absolute; top:-10px; border-right: 1px solid #cccccc; height:170%; } #design-options .trim-styles h2:before, #design-options .trim-styles h2:after { height:120px; } #prod-page-intro-right h3 + *, #design-options h2 + * { clear:both; } #prod-page-intro-right ul li strong, #prod-page-intro-right ul li em { /*color:#076323#1c5630*/; font-style:normal; } #prod-page-intro-right .turn-key strong { font-size:18px; } /* Builder sections */ #build-to-order { position:relative; max-width:1580px; margin:0 auto; background-size:auto 100%; box-shadow: 5px 5px 5px #ddd, -5px -5px 5px #ddd; box-shadow:none; border-top:1px solid #ddd; border-bottom:1px solid #ddd; } #build-to-order .container { width:100%; } #build-to-order.naturescreen-builder, #build-to-order.planx-builder { color:#FFFFFF; } #build-to-order.naturescreen-builder #builder-buttons h1, #build-to-order.planx-builder #builder-buttons h1 { color:#FFFFFF; } #build-to-order .su-row .su-column { margin-left:0 !important; } /*#build-to-order.envisor-builder { background: #ffffff url('./img/Envisor_background.jpg') no-repeat 15% bottom; }*/ #build-to-order .builder-image { width:100%; height:100%; z-index:0; overflow:hidden; margin-bottom:55px; } #build-to-order.toughcrate-builder .builder-image { margin-bottom:0; } #build-to-order .builder-image p { margin:0; padding:0; } #build-to-order .builder-image img { width:100%; height:auto; min-height:175px; } #build-to-order .builder-image .caption { position: absolute; top: 5%; left:20px; z-index: 1; right: auto; text-align: left; color: #FFFFFF; font-style:italic; } #builder-buttons { text-align:right; } #builder-buttons h1 { color: #0c6025; font-weight: bold; margin-bottom:0; } #builder-buttons .white-btn { min-width:225px; } ul.cs-wire { display:inline-block; width:100%; max-width:544px; margin:0; padding:0; list-style:none; padding-top:50px; vertical-align:top; } ul.cs-wire li { display:inline-block; width:100%; max-width:32%; margin:0; padding:0; } ul.cs-wire li.wire-14ga { max-width:100%; margin-top:60px; } ul.cs-wire li.wire-14ga strong { font-size:22px; } ul.cs-wire li strong:after { display:block; content:''; margin:15px auto; width:14px; height:14px; background:#105a35; border-radius:50%; } ul.cs-wire li.wire-8ga strong:after { width:17px; height:17px; margin-bottom:12px; } ul.cs-wire li.wire-6ga strong:after { width:22px; height:22px; margin-bottom:7px; } ul.cs-wire li.wire-14ga strong:after { width:9px; height:9px; margin-bottom:20px auto; } p.cs-wire { display:inline-block; width:642px; max-width:100%; } p.cs-wire img { vertical-align:normal; width:100%; height:auto; } ul.cs-wire li canvas { display:none; margin:15px auto; background:#105a35; border-radius:50%; } /* Revit and Gallery Buttons */ div.su-row.builder-options { margin:70px 20px 120px 0; position:relative; } #build-to-order div.su-row.builder-options { position:absolute; margin:0; left:50px; top:50px; text-align:left; max-width:275px; } #build-to-order.planx-builder div.su-row.builder-options { top:auto; bottom:100px; } div.su-row.revit-gal-buttons { position:absolute; left:0; bottom:0; width:100%; margin-bottom:0; background:#b2b2b2; text-align:center; } div.su-row.revit-gal-buttons a { color:#FFFFFF; display:block; margin:8px 0; padding:10px 0; font-size:20px; } div.su-row.revit-gal-buttons > .su-column:first-child a { border-right:1px solid #000000; } div.su-row.revit-gal-buttons.single-col > .su-column:first-child a, div.su-row.revit-gal-buttons > .su-column.su-column-size-1-1 a { border-right:none !important; } div.su-row.revit-gal-buttons.single-col > .su-column { margin-left:0 !important; } div.su-row.revit-gal-buttons a img { vertical-align:top; } /* Design options sections */ ul.design-opts { margin:0; padding:0; list-style:none; } #design-options .su-row { text-align:center; } #design-options .su-row * { text-align:left; } #design-options .su-row.colors-row div.su-column:first-child, #design-options .su-row.colors-row div.su-column:first-child > div { text-align:right; } #design-options .naturescreen-options [class*="su-column"] + [class*="su-column"]:last-child { float:right !important; } #design-options .naturescreen-options .su-column ul.design-opts { margin-bottom:0; } #wall-options .naturescreen-options.frames ul { list-style:none; margin:0; padding:0 !important; } #wall-options .naturescreen-options.frames ul li { margin:0 0 20px 0; padding:0; text-align:center; font-weight:bold; font-size:18px; } #wall-options .naturescreen-options.frames ul li img { display:block; max-width:90%; margin:0 auto 10px; } #wall-options .naturescreen-options.frames1 ul { list-style:none; margin:0; padding:0 !important; } #wall-options .naturescreen-options.frames1 ul li { margin:0 0 20px 0; padding:0; text-align:center; font-weight:bold; font-size:18px; } #wall-options .naturescreen-options.frames1 ul li img { display:block; width: 93%; max-width:90%; margin:0 auto 10px; } @media screen and (min-width:768px) { #wall-options .naturescreen-options.frames ul li { margin:0; padding:0; float:left; width:14.285714285714286%; text-align:center; font-weight:bold; font-size:18px; } #wall-options .naturescreen-options.frames1 ul li { margin:0; padding:0; float:left; width:20%; text-align:center; font-weight:bold; font-size:18px; } } #design-options .divider-row, .product-page-content .divider-row, .careers .divider-row { border-bottom: solid 4px #cccccc; padding-bottom: 20px; } #design-options ul li { margin-bottom:0px; } #design-options ul.design-opts li { font-size:12px; } ul.usa-icon, .made-in-usa p, p.made-in-usa { display:inline-block; padding-right:40px; background: url('./img/Made-in-USA_blue-xs.png') no-repeat bottom right; } #design-options .su-row .su-column.made-in-usa { padding-bottom:20px; } #design-options .su-row .su-column.made-in-usa, #design-options .su-row .su-column.made-in-usa * { text-align:right; } p.made-in-usa { padding-top:20px; } ul.no-style { margin-bottom:0; } ul.no-style li { padding-left:25px; text-indent:-25px; } .made-in-usa p { color:#0077c0; } #design-options ul.design-opts li, .su-column-size-1-5 p { text-align:center; margin:0 0 15px 0; } #design-options .su-column-size-4-5 ul.design-opts.col2 li { text-align:left !important; } ul.design-opts li img, .su-column-size-1-5 img { margin-bottom:8px; } #design-options h2+.su-column-size-3-5, #design-options .su-column-size-3-5:first-child, #design-options h2+.su-column-size-2-5, #design-options .su-column-size-4-5 { padding-bottom:20px; margin-bottom: 20px; border-bottom:1px solid #dddddd; } #design-options .colors-row h3 { margin-bottom:0; } #design-options .graphic-options .col3 { margin-bottom:-15px; } #design-options .graphic-options .col3 + p { margin-left:2%; font-size:12px; color:#076323/*#1c5630*/; } #design-options .specific h3 span { color:#076323/*#1c5630*/ !important; } #design-options h4 { margin-bottom:5px; font-size:20px; font-weight:700; line-height:normal; } .su-row.planx-accessories { padding:20px 0 !important; } .planx-accessories .su-column-size-2-5 { text-align:center; } .planx-accessories h3 { color:#1d5933; } .planx-accessories h3 img { display:block; margin:0 auto; } .su-row.note h3 { font-style:italic; color:#0c6025; text-align:center!important; font-size:24px; margin:25px 5%; line-height:1em; } .accessories .su-column-inner { position:relative; background:#999999; overflow:hidden; } .accessories .su-column-inner * { margin:0; padding:0; } .accessories .su-column-inner img { width:100%; height:auto; opacity:.3; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .accessories .su-column-inner:hover img { opacity:1; } .accessories .su-column-inner p+p { position:absolute; top:10px; left:10px; font-weight:bold; font-style:italic; } .accessories .su-column-inner h3 { position:absolute; top:0; left:0; width:100%; height:100%; } .accessories .su-column-inner a { display:block; width:100%; padding:40% 0; font-size:30px; text-align:center; color:#000000; text-decoration:none; } ul.colors, ul.colors li { display:inline-block; list-style:none; margin:0; padding:0; } ul.colors li { max-width:80px; margin-right:20px; margin-bottom:10px; font-weight:bold; font-size:1.125rem; position:relative; text-align:center !important; vertical-align:top; } ul.colors li span { display:block; width:74px; height:74px; margin:0 auto; margin-bottom:8px; overflow:hidden; box-shadow:2px 2px 10px rgba(0,0,0,.4); } ul.colors + p { clear:both; } .center, .center * { text-align:center !important; } ul.colors li span.alabaster { background:#fefcfd; } ul.colors li span.almond { background:#e4e0cb; } ul.colors li span.cypress-moss { background:#b7b294; } ul.colors li span.forrest-green, ul.colors li span.forest-green { background:#2b4731; } ul.colors li span.shadow-gray { background:#d9d3c7; } ul.colors li span.slate-gray { background:#766d5c; } ul.colors li span.dark-bronze { background:#453634; } ul.colors li span.oyster { background:#b2a088; } ul.colors li span.putty { background:#e6ddcc; } ul.colors li span.ranchero-red { background:#7d432d; } ul.colors li span.sagebrush { background:#bd9861; } ul.colors li span.khaki { background:#d4b98c; } ul.colors li span.mansard-brown { background:#341e07; } ul.colors li span.nighthawk, ul.colors li span.textured-nighthawk, ul.colors li span.nighthawk-textured { background:#130900; } ul.colors li span.igloo-white { background:#4f1ef; } ul.colors li span.winter-white { background:#f4f2f1; } ul.colors li span.light-stone { background:#cfc3a5; } ul.colors li span.ash-gray { background:#8e857e; } ul.colors li span.polar-white { background:#ededee; } ul.colors li span.sandstone { background:#d7caac; } ul.colors li span.brownstone { background:#ab9982; } ul.colors li span.regal-gray { background:#e0e0db; } ul.colors li span.white, ul.colors li span.textured-white { background:#fefcfd; } ul.colors li span.satin-black, ul.colors li span.textured-black, ul.colors li span.black-textured { background:#000000; } ul.colors li span.city-green, ul.colors li span.city-textured-green, ul.colors li span.city-green-textured { background:#2b4731; } /*ul.colors li span.city-brown { background:#4f382d; } */ ul.colors li span.city-brown, ul.colors li span.city-textured-brown, ul.colors li span.city-brown-textured { background:#1F0F04; } ul.colors.swatch li span.silver, ul.colors li span.silver, ul.colors li span.silver-satin { background:0 0 no-repeat url(img/swatch/silver.jpg); } ul.colors li span.ashwood { background:0 0 no-repeat url(img/swatch/ashwood.jpg); } ul.colors li span.beechwood { background:0 0 no-repeat url(img/swatch/beechwood.jpg); } ul.colors li span.cedar { background:0 0 no-repeat url(img/swatch/cedar.jpg); } ul.colors li span.chestnut { background:0 0 no-repeat url(img/swatch/chestnut.jpg); } ul.colors li span.olivewood { background:0 0 no-repeat url(img/swatch/olivewood.jpg); } ul.colors li span.sequoia { background:0 0 no-repeat url(img/swatch/sequoia.jpg); } ul.colors li span.slate { background:0 0 no-repeat url(img/swatch/slate.jpg); } ul.colors li span.acacia { background:0 0 no-repeat url(img/swatch/acacia.jpg); } ul.colors.swatch li span.brownstone { background:0 0 no-repeat url(img/swatch/brownstone.jpg); } ul.colors li span.kona { background:0 0 no-repeat url(img/swatch/kona.jpg); } ul.colors li span.morado { background:0 0 no-repeat url(img/swatch/morado.jpg); } ul.colors li span.silver-oak { background:0 0 no-repeat url(img/swatch/silver-oak.jpg); } ul.colors.swatch li span.slate-gray { background:0 0 no-repeat url(img/swatch/slate-gray.jpg); } ul.colors.swatch li span.coastline { background:0 0 no-repeat url(img/swatch/coastline.jpg); } ul.colors.swatch li span.english-walnut { background:0 0 no-repeat url(img/swatch/english-walnut.jpg); } ul.colors.swatch li span.weathered-teak { background:0 0 no-repeat url(img/swatch/weathered-teak.jpg); } ul.colors.swatch li span { background-size:cover !important; } div.su-row.gray-bg { background:#e0e0e0; padding:40px 40px 30px; margin-bottom:0; } @media screen and (min-width:768px) { div.su-row.gray-bg img { margin-top:-25px; } } ul.centered-specs { list-style-type:none; padding:0; } ul.centered-specs li { margin-bottom:0; } ul.centered-specs li:before { display:inline-block; content:'•'; margin-right:10px; font-size:22px; } .specs h4 { margin-bottom: 10px; font-size: 20px; color: #076323; font-weight: 600; line-height: normal; } div.solution-divide { padding-top:40px; margin-top:40px; border-top:1px solid #e1e1e1; } div.boxed-in div { text-align:center; } div.boxed-in p { display: inline-block; margin: 20px auto 0 !important; padding: 20px; border: 1px solid #076323; } div.custom-mesh ul { position:relative; list-style: none; margin: 0; padding: 0; } div.custom-mesh ul li { float:left; width: 33%; margin:0; padding:0; } div.custom-mesh ul li h2, div.custom-mesh h3 { margin-top:0; } @media screen and (max-width:767px) { div.custom-mesh ul li { display: inline-block; width: 100%; margin:0; padding:0; } } @media screen and (min-width:768px) { #prod-page-intro-right .turn-key { margin-top:38px; padding-left:20px; border-left:1px solid #cccccc; } .toughgate-builder div.su-row.builder-options, .naturescreen-builder div.su-row.builder-options, .planx-builder div.su-row.builder-options { margin-top:25%; } #build-to-order.toughgate-builder { clear:both; border-top:none; padding-top:25px; } .toughgate-builder div.su-row.revit-gal-buttons { position: relative; } ul.design-opts { float:left; width:100%; margin-bottom:20px; } ul.design-opts.custom-graphics { float:left; width:auto; } ul.design-opts.custom-graphics + h3 { color:#076323; margin-top:0; } ul.design-opts li { float:left; width:23%; padding:0 1%; } .shift3 ul.design-opts li:nth-child(5n) { margin-left:23%; } ul.design-opts.col2 li { width:48%; } ul.design-opts.col3 li { width:31.3%; } ul.design-opts.col6 li { width:14.6%; } ul.design-opts.col7 li { width:14.25%; } .planx-planters .su-column-size-2-5 ul.design-opts li { width:100%; } .planx-beds ul.design-opts.col3 li { width:33.3%; } .toughgate-styles ul.design-opts li { float:left; width:24%; padding:0 2%; font-weight:bold; } .toughgate-styles + .toughgate-styles ul.design-opts li { height:auto; } .toughgate-styles ul.design-opts.col2 li { width:46%; } .toughgate-styles ul.design-opts.col3 li { width:29.3%; } .toughgate-styles ul.design-opts.col6 li { width:14.6%; } .toughgate-styles ul.design-opts li, .naturescreen-mesh ul.design-opts li { text-align:left !important; display:inline-block; font-weight:normal; padding-top:5px; } .toughgate-styles ul.design-opts li strong, .naturescreen-mesh ul.design-opts li span { display:inline-block; width:100%; padding-bottom:5px; text-align:center !important; font-weight:bold; } #design-options ul.specific-color li { float:left; width:auto; margin:0; } #design-options ul.specific-color li.first { width:20%; margin-right:2%; text-align:right !important; } #design-options ul.specific-color li.first * { text-align:right !important; } #design-options ul.specific-color li.first h2 { margin-top:0; } #design-options ul.specific-color li.swatches { width:40%; } #design-options ul.specific-color li.swatches-1, #design-options ul.specific-color li.swatches-2 { width:38%; margin-left:1%; } #design-options ul.specific-color li.last { width:34%; margin:0 0 10px 2%; padding-left:2%; padding-bottom:10px; border-left:1px solid #dddddd; } ul.design-opts li:nth-child(5) { clear:left; } ul.design-opts.col3 li:nth-child(5), ul.design-opts.col6 li:nth-child(5), ul.design-opts.col7 li:nth-child(5) { clear:none; } .su-column-size-2-5 ul.design-opts li { width:50%; } ul.design-opts li img, .su-column-size-1-5 img { max-height:160px; width:auto; } ul.design-opts.col3 li img { max-height:295px; width:auto; } .planx-beds ul.design-opts li img { max-width:250px; max-height:none; } .planx-planters ul.design-opts li img { max-height:225px; } .su-column-size-2-5 ul.design-opts li img { max-width:67%; } .su-column-size-2-5 ul.design-opts.col2-5 li img { max-width:78%; } #design-options h2+.su-column-size-3-5, #design-options h2+p+.su-column-size-3-5, #design-options h2+.su-spacer+.su-column-size-3-5, #design-options .su-column-size-3-5:first-child, #design-options h2+.su-column-size-2-5, #design-options h2+p+.su-column-size-2-5, #design-options h2+.su-spacer+.su-column-size-2-5, #design-options .su-column-size-4-5, .su-column.rgt-line { border-bottom:none; margin-bottom:0; padding-bottom:0; border-right:1px solid #dddddd; } .su-column.lt-line { border-bottom:none; margin-bottom:0; padding-bottom:0; padding-left:20px; border-left:1px solid #dddddd; } #design-options .specific { padding-left:20px; padding-top:30px; padding-bottom:30px; border-left:1px solid #dddddd; } #design-options .su-row .su-column.specific, /*.entry-content .su-row .su-column { margin-left:2% !important; }*/ #design-options .specific.naturescreen { float:left; width:auto; border-left:none; text-align:right; } #design-options .specific.naturescreen h2 { margin-top:0; } #design-options img.color-float-rt { float:right; width:auto; height:auto; margin:0 20px 0 0; } #design-options .su-column.move-up { margin-top:-47px; } #design-options .su-column.move-up p:nth-child(2) { margin-top:20px; } .planx-accessories .su-column-size-2-5 img { float:right; } .planx-accessories h3 { margin-top:25px !important; width:70%; } .planx-accessories h3 img { display:inline-block; vertical-align:text-top; margin:0; } p.split { width:49%; float:right; } p.split + ul.colors { float:left; width:50%; } .responsive-tabs .responsive-tabs__list__item { font-weight:bold; color:#0B5E24 !important; font-size:18px; text-decoration:underline; border-color:#cccccc !important; } .responsive-tabs .responsive-tabs__list__item--active, .responsive-tabs .responsive-tabs__list__item--active:hover { color:#000000 !important; text-decoration:none; border-color:#999999 !important; background: #FFFFFF; } .responsive-tabs .responsive-tabs__panel { border-color:#999999 !important; } div.custom-mesh h3:before { display:inline-block; width:33%; margin:-15px 5px 0 0; content:' '; border-bottom:3px solid #076323; border-left:3px solid #076323; height:15px; vertical-align:middle; } div.custom-mesh h3:after { display:inline-block; width:33%; margin:-15px 0 0 5px; content:' '; border-bottom:3px solid #076323; border-right:3px solid #076323; height:15px; vertical-align:middle; } div.custom-mesh ul li h3 { display:none; } .su-column.margin10 { margin-left:10% !important; } } @media print { a:link:after, a:visited:after { content: "" !important; } #wpadminbar, #main-header-wrap, #search-bar-wrap, #site-footer div.site-footer { display:none!important; } .print-only, #site-footer div#footer-row-copyright { display:block !important; } #build-to-order { page-break-before: always; } #build-to-order .builder-image { margin-bottom:0; } #build-to-order .builder-image img { float:left; min-height:225px; } #build-to-order .builder-image + div.su-row.builder-options { bottom:70px; } div.su-row.revit-gal-buttons { position:relative; } h1, h2, h3, h4, h5, h6 { font-weight:bold !important; } img { width:auto !important; height:auto !important; max-width:100% !important; } #content { margin-top:0!important; } .outline-row>p:first-child { margin-top:-28px; position:relative; } .outline-row>p:first-child .outline-row-label { bottom:0; background-color:#FFFFFF; } .su-row h2 + .su-column, .su-row .su-column:first-child { margin-left:0 !important; } .green-btn span, .su-button.green-btn span { font-size:12px !important; } #prod-page-intro-right .turn-key { margin-top:38px; padding-left:20px; border-left:1px solid #cccccc; } .toughgate-builder div.su-row.builder-options, .naturescreen-builder div.su-row.builder-options, .planx-builder div.su-row.builder-options { margin-top:25%; } ul.design-opts { float:left; width:100%; margin-bottom:20px; } ul.design-opts li { float:left; width:23%; padding:0 1%; } ul.design-opts.col2 li { width:48%; } ul.design-opts.col3 li { width:31.3%; } ul.design-opts.col6 li { width:14.6%; } ul.design-opts.col7 li { width:14.25%; } .planx-planters .su-column-size-2-5 ul.design-opts li { width:100%; } .planx-beds ul.design-opts.col3 li { width:33.3%; } .toughgate-styles ul.design-opts li { float:left; width:24%; padding:0 2%; font-weight:bold; } .toughgate-styles + .toughgate-styles ul.design-opts li { height:auto; } .toughgate-styles ul.design-opts.col2 li { width:46%; } .toughgate-styles ul.design-opts.col3 li { width:29.3%; } .toughgate-styles ul.design-opts.col6 li { width:14.6%; } .toughgate-styles ul.design-opts li, .naturescreen-mesh ul.design-opts li { text-align:left !important; display:inline-block; font-weight:normal; padding-top:5px; } .toughgate-styles ul.design-opts li strong, .naturescreen-mesh ul.design-opts li span { display:inline-block; width:100%; padding-bottom:5px; text-align:center !important; font-weight:bold; } #design-options ul.specific-color li { float:left; width:auto; margin:0; } #design-options ul.specific-color li.first { width:20%; margin-right:2%; text-align:right !important; } #design-options ul.specific-color li.first * { text-align:right !important; } #design-options ul.specific-color li.first h2 { margin-top:0; } #design-options ul.specific-color li.swatches { width:40%; } #design-options ul.specific-color li.swatches-1, #design-options ul.specific-color li.swatches-2 { width:38%; margin-left:1%; } #design-options ul.specific-color li.last { width:34%; margin:0 0 10px 2%; padding-left:2%; padding-bottom:10px; border-left:1px solid #dddddd; } ul.design-opts li:nth-child(5) { clear:left; } ul.design-opts.col3 li:nth-child(5), ul.design-opts.col6 li:nth-child(5), ul.design-opts.col7 li:nth-child(5) { clear:none; } .su-column-size-2-5 ul.design-opts li { width:50%; } ul.design-opts li img, .su-column-size-1-5 img { max-height:160px; width:auto; } .planx-beds ul.design-opts li img { max-width:250px; max-height:none; } .planx-planters ul.design-opts li img { max-height:225px; } .su-column-size-2-5 ul.design-opts li img { max-width:67%; } .su-column-size-2-5 ul.design-opts.col2-5 li img { max-width:78%; } #design-options h2+.su-column-size-3-5, #design-options h2+p+.su-column-size-3-5, #design-options h2+.su-spacer+.su-column-size-3-5, #design-options .su-column-size-3-5:first-child, #design-options h2+.su-column-size-2-5, #design-options h2+p+.su-column-size-2-5, #design-options h2+.su-spacer+.su-column-size-2-5, #design-options .su-column-size-4-5 { border-bottom:none; margin-bottom:0; padding-bottom:0; border-right:1px solid #dddddd; } #design-options .specific { padding-left:20px; padding-top:30px; padding-bottom:30px; border-left:1px solid #dddddd; } #design-options .su-row .su-column.specific, .entry-content .su-row .su-column { margin-left:2% !important; } #design-options .specific.naturescreen { float:left; width:auto; border-left:none; text-align:right; } #design-options .specific.naturescreen h2 { margin-top:0; } #design-options img.color-float-rt { float:right; width:auto; height:auto; margin:0 20px 0 0; } #design-options .su-column.move-up { margin-top:-47px; } #design-options .su-column.move-up p:nth-child(2) { margin-top:20px; } .planx-accessories .su-column-size-2-5 img { float:right; } .planx-accessories h3 { margin-top:25px !important; width:70%; } .planx-accessories h3 img { display:inline-block; vertical-align:text-top; margin:0; } } @media screen and (max-width:767px) { .mobile-center { text-align:center !important; display:block; } #build-to-order .builder-image .caption { display:none; } div.su-row.revit-gal-buttons .su-column { margin-bottom:0 !important; } div.su-row.revit-gal-buttons { position:relative; } #build-to-order .builder-image { margin-bottom:0; } #build-to-order div.su-row.builder-options { position:relative; left:auto; top:auto; bottom:auto!important; margin:20px; max-width:none; } #builder-buttons p { color: #333 !important; } #builder-buttons h1 { color: #0c6025 !important; } #build-to-order.envisor-builder .builder-image img, #build-to-order.covrit-builder .builder-image img { margin-right:50px; width:115%; float:right; } div.su-row.revit-gal-buttons { background:none; } div.su-row.revit-gal-buttons a { padding:2px 0 !important; margin:0!important; background:#b2b2b2; } div.su-row.revit-gal-buttons > .su-column:first-child a { border-right:none; margin-bottom:5px !important; } div.su-row.builder-options { margin-bottom:140px; } #design-options .colors-row .su-column-size-1-6 * { text-align:center !important; } #design-options ul.specific-color li.first, #design-options ul.specific-color li.first *, #design-options ul.specific-color li.swatches, #design-options ul.specific-color li.swatches-1, #design-options ul.specific-color li.swatches-2 { text-align:center !important; margin-bottom:15px; } #design-options ul.design-opts img { width:100%; height:auto; max-width:250px; } #footer-turnkey p { font-size:20px; } .turn-key { display:none !important; } p.iframe-container#desktop-frame { display:none !important; } p.iframe-container#mobile-frame { display:block !important; } } @media screen and (max-width:992px){ #prod-page-intro-left { width:100%; float:none; } #prod-page-intro-left p { display:none; } #prod-page-intro-left p:first-child { display:block; text-align:center; margin:-20px 0 20px; } #prod-page-intro-left p:first-child img { margin:0 auto; } #prod-page-intro-right {width: 100%; margin-left: 0px; margin-top:0px; padding-left: 0px; border-left: 0px;} } /* Envisor product page .page-template-page-envisor #product-banner-info img.product-banner-img { width:250px; height: auto; } */ @media screen and (min-width:600px) { /* Covrit product page */ .page-template-page-covrit #product-banner-info img.product-banner-img { width:auto; height: 80px; } /* ToughGate product page */ .page-template-page-toughgate #product-banner-info img.product-banner-img { width:auto; height: 70px; } /* NatureScreen product page */ .page-template-page-naturescreen #product-banner-info img.product-banner-img { width:auto; height: 100px; } } @media screen and (max-width:1415px){ #product-banner { width: 1120px; left: 0; right: 0; } } @media screen and (max-width:1140px){ .page-template-page-envisor .metaslider, .page-template-page-covrit .metaslider, .page-template-page-toughgate .metaslider, .page-template-page-naturescreen .metaslider{ overflow:hidden; } /*.page-template-page-envisor .metaslider .slides img, .page-template-page-covrit .metaslider .slides img, .page-template-page-toughgate .metaslider .slides img, .page-template-page-naturescreen .metaslider .slides img, .page-template-page-planx .metaslider .slides img { width:1400px; }*/ #product-banner { width: 100%; left: initial; right: initial; } } @media screen and (max-width:992px){ #product-banner .text-box{ line-height:1.25em; } #product-banner { padding:20px; } } @media screen and (max-width:767px){ #product-banner .text-box{ display:none; } } @media screen and (max-width:600px){ #product-banner { top:0; bottom:0; padding: 40px 20px 20px 20px;} .page-template-page-naturescreen #product-banner { padding:20px; } #product-banner .text-box{ display:none; } .page-template-page-envisor .metaslider .slides img, .page-template-page-covrit .metaslider .slides img, .page-template-page-toughgate .metaslider .slides img, .page-template-page-naturescreen .metaslider .slides img, .page-template-page-planx .metaslider .slides img { width:100%; } .page-template-page-planx #product-banner { padding-top:20px; } } /* Main content areas */ .home .main-content-wrapper { max-width:1580px; margin:0 auto; padding-top:10px; background:#FFFFFF; } .home #main-column .page { padding:0px; margin-bottom:0; } .home #main-column .page .jim-home { float:left; margin-top:-50px; opacity: .65; box-shadow: 3px 0px 3px #555; } .home #main-column .page blockquote { z-index: 5; position: relative; width: 60%; margin: 50px auto 20px auto; padding: 15px 25px; text-align: right; font-size: 20px; background: rgba(255,255,255,0.65); color: #000; font-style: italic; line-height: normal; font-weight: normal; } .home #main-column .page blockquote .quote-author { font-size: 14px; margin-top: 5px; display: block; } @media screen and (max-width:1200px){ .home #main-column .page blockquote { width: 50%; } } @media screen and (min-width:1416px){ .home .main-content-wrapper { max-width:1580px; } } @media screen and (max-width:992px){ .home #main-column .page .home-pic-wrap, .home #main-column .page blockquote { float:left; } .home #main-column .page blockquote { margin-left:40px; text-align:left; } .home #main-column .page .jim-home { margin-top:0px; } } @media screen and (max-width:767px){ .home .main-content-wrapper { padding:0px; } .home #main-column .page .home-pic-wrap { display:none; } .home #main-column .page blockquote { margin:40px 0; text-align:center; width: 100%; } .home #main-column .page .jim-home { margin-top:0px; } } .container { background:#FFFFFF; } #top-header-wrap .container, .home-page .container, #build-to-order .container, #site-footer .container { background:none; } @media (min-width: 768px) and (max-width:1200px) { .container { width: 95%; } } #main-column .post, #main-column .page, .site-content .image-attachment { border:0px; padding:20px 10px; clear:both; } #main-column .post a.btn, #main-column .page a.btn { transition:all .35s;} #main-column .post a.btn:hover, #main-column .page a.btn:hover, #main-column .post a.btn:focus, #main-column .page a.btn:focus { color:#a25231; border-color:#a25231; } #main-column .resources-block { background:#eeeeee; padding-left:20px; padding-bottom:10px;} .home-resources { padding: 0 10px 10px 10px; background: #eeeeee; } .home-resources .su-spoiler-title { margin-bottom:5px; } .home-resources a {display:block;margin-bottom:10px;} @media screen and (max-width:767px){ .column-header { text-align:left !important; } } /* Image attachment */ .image-attachment .entry-content .addtoany_share_save_container { display:none !important; } /* Plant recommendations */ a.zone-2, a.zone-3, a.zone-4, a.zone-5, a.zone-6, a.zone-7, a.zone-8, a.zone-9 { display: block; text-align: center; color: #333333; font-weight: bold; padding: 5px 10px; margin-bottom: 20px; } a.zone-2{ background: #a0a3c8; background: -webkit-gradient(linear, left top, left bottom, from(#b5b8d4), to(#a0a3c8)); background: -webkit-linear-gradient(top, #b5b8d4, #a0a3c8); background: -moz-linear-gradient(top, #b5b8d4, #a0a3c8); background: -ms-linear-gradient(top, #b5b8d4, #a0a3c8); background: -o-linear-gradient(top, #b5b8d4, #a0a3c8); background: linear-gradient(top, #b5b8d4, #a0a3c8); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#b5b8d4', endColorstr='#a0a3c8'); text-shadow: none; border-radius: 5px; box-shadow: 0px 1px 1px rgba(0,0,0,0.5); border: 1px solid #a0a3c8; } a.zone-3 { background-image: -webkit-gradient(linear, left top, left bottom, from(#d996b5), to(#d17faa)); background-image: -webkit-linear-gradient(top, #d996b5, #d17faa); background-image: -moz-linear-gradient(top, #d996b5, #d17faa); background-image: -ms-linear-gradient(top, #d996b5, #d17faa); background-image: -o-linear-gradient(top, #d996b5, #d17faa); background-image: linear-gradient(top, #d996b5, #d17faa); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#d996b5', endColorstr='#d17faa'); text-shadow: none; border-radius: 5px; box-shadow: 0px 1px 1px rgba(0,0,0,0.5); border: 1px solid #d17faa; } a.zone-4 { background-image: -webkit-gradient(linear, left top, left bottom, from(#966ccc), to(#835fb3)); background-image: -webkit-linear-gradient(top, #966ccc, #835fb3); background-image: -moz-linear-gradient(top, #966ccc, #835fb3); background-image: -ms-linear-gradient(top, #966ccc, #835fb3); background-image: -o-linear-gradient(top, #966ccc, #835fb3); background-image: linear-gradient(top, #966ccc, #835fb3); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#966ccc', endColorstr='#835fb3'); text-shadow: none; border-radius: 5px; box-shadow: 0px 1px 1px rgba(0,0,0,0.5); border: 1px solid #835fb3; } a.zone-5{ background-image: -webkit-gradient(linear, left top, left bottom, from(#72a3d7), to(#669ad2)); background-image: -webkit-linear-gradient(top, #72a3d7, #669ad2); background-image: -moz-linear-gradient(top, #72a3d7, #669ad2); background-image: -ms-linear-gradient(top, #72a3d7, #669ad2); background-image: -o-linear-gradient(top, #72a3d7, #669ad2); background-image: linear-gradient(top, #72a3d7, #669ad2); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#72a3d7', endColorstr='#669ad2'); text-shadow: none; border-radius: 5px; box-shadow: 0px 1px 1px rgba(0,0,0,0.5); border: 1px solid #669ad2; } a.zone-6 { background-image: -webkit-gradient(linear, left top, left bottom, from(#80bc77), to(#6fb570)); background-image: -webkit-linear-gradient(top, #80bc77, #6fb570); background-image: -moz-linear-gradient(top, #80bc77, #6fb570); background-image: -ms-linear-gradient(top, #80bc77, #6fb570); background-image: -o-linear-gradient(top, #80bc77, #6fb570); background-image: linear-gradient(top, #80bc77, #6fb570); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#80bc77', endColorstr='#6fb570'); text-shadow: none; border-radius: 5px; box-shadow: 0px 1px 1px rgba(0,0,0,0.5); border: 1px solid #6fb570; } a.zone-7 { background-image: -webkit-gradient(linear, left top, left bottom, from(#c0d081), to(#a2c162)); background-image: -webkit-linear-gradient(top, #c0d081, #a2c162); background-image: -moz-linear-gradient(top, #c0d081, #a2c162); background-image: -ms-linear-gradient(top, #c0d081, #a2c162); background-image: -o-linear-gradient(top, #c0d081, #a2c162); background-image: linear-gradient(top, #c0d081, #a2c162); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#c0d081', endColorstr='#a2c162'); text-shadow: none; border-radius: 5px; box-shadow: 0px 1px 1px rgba(0,0,0,0.5); border: 1px solid #a2c162; } a.zone-8 { background-image: -webkit-gradient(linear, left top, left bottom, from(#f6ec8d), to(#f4e671)); background-image: -webkit-linear-gradient(top, #f6ec8d, #f4e671); background-image: -moz-linear-gradient(top, #f6ec8d, #f4e671); background-image: -ms-linear-gradient(top, #f6ec8d, #f4e671); background-image: -o-linear-gradient(top, #f6ec8d, #f4e671); background-image: linear-gradient(top, #f6ec8d, #f4e671); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#f6ec8d', endColorstr='#f4e671'); text-shadow: none; border-radius: 5px; box-shadow: 0px 1px 1px rgba(0,0,0,0.5); border: 1px solid #f4e671; } a.zone-9 { background-image: -webkit-gradient(linear, left top, left bottom, from(#e7c068), to(#e1a83d)); background-image: -webkit-linear-gradient(top, #e7c068, #e1a83d); background-image: -moz-linear-gradient(top, #e7c068, #e1a83d); background-image: -ms-linear-gradient(top, #e7c068, #e1a83d); background-image: -o-linear-gradient(top, #e7c068, #e1a83d); background-image: linear-gradient(top, #e7c068, #e1a83d); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#e7c068', endColorstr='#e1a83d'); text-shadow: none; border-radius: 5px; box-shadow: 0px 1px 1px rgba(0,0,0,0.5); border: 1px solid #e1a83d; } /* News and installations */ #news-installs-wrapper { border-top: 1px solid #E2E2E2; background-color: #fdfdfd; padding:20px 0 40px 0; } /* News section */ .rpwwt-widget { clear:both; } .rpwwt-widget .widget-title, #news-installs .widget-title { font-size: 18px; font-weight: bold; text-transform:uppercase; margin-bottom:0; } .rpwwt-widget ul li { padding: 0 20px 0 0; } .rpwwt-widget ul li img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .rpwwt-widget ul li a .rpwwt-post-title, .rpwwt-widget ul li a .rpwwt-post-title:hover, .rpwwt-widget ul li a .rpwwt-post-title:focus { color:#000; } .rpwwt-widget ul li .rpwwt-post-excerpt { color:#b3b3b3; font-weight: lighter; } #rpwwt-recent-posts-widget-with-thumbnails-3 { position:relative; } #rpwwt-recent-posts-widget-with-thumbnails-3 ul {width:97%; padding:1.45%; padding-bottom: 60px; max-height:525px; overflow:scroll; border:1px solid #dddddd; } #rpwwt-recent-posts-widget-with-thumbnails-3:after { content:" "; position:absolute; z-index:5; bottom:0; left:0; width:93%; height: 60px; background: bottom left repeat-x url(img/news-background.png); margin: 0 1px 1px 1px; } @media screen and (min-width:991px) { .sidebar.archives-sub { margin-top:-90px; } } /* Featured installations */ .widget_ess_grid .widget-title, h2.ess_grid_title, .ess_grid_title { background: #E3E3E3; font-size: 13px; font-weight: bold; padding: 0 5px; margin-bottom: 20px; } .widget_ess_grid .widget-title { text-transform:none !important; } #projectprof_grid .esg-pagination { margin:0 0 20px 0; } .esg-media-cover-wrapper .esg-tc a.esgbox:hover { text-decoration:none; } .esgbox-wrap .esgbox-title { font-weight:normal !important; } #projectprof_grid .esg-allfilter { display:none; } #projectprof_grid .esg-allfilter, #projectprof_grid .esg-filterbutton span { display:none; } #projectprof_grid .esg-filter-wrapper { margin-bottom: 15px; } #projectprof_grid .esg-filterbutton { border: 0px solid #fff; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; padding: 0px; margin-right: 30px; box-shadow: none; opacity: 0.5; } #projectprof_grid .esg-filterbutton.selected { opacity: 1.0; } #projectprof_grid .esg-filterbutton[data-filter="filter-envisor-project-profiles"]{ width:79px; height:20px; background:url('./img/filter-envisor.png') no-repeat; } #projectprof_grid .esg-filterbutton[data-filter="filter-covrit-project-profiles"] { width:70px; height:27px; background:url('./img/filter-covrit.png') no-repeat; } #projectprof_grid .esg-filterbutton[data-filter="filter-toughgate-project-profiles"] { width:95px; height:27px; background:url('./img/filter-toughgate.png') no-repeat; } #projectprof_grid .esg-filterbutton[data-filter="filter-naturescreen-project-profiles"] { width:70px; height:40px; background:url('./img/filter-naturescreen.png') no-repeat; } #projectprof_grid .esg-filterbutton[data-filter="filter-planx"] { width:88px; height:25px; background:url('./img/filter-planx.png') no-repeat; } /* Forms */ /* Blog subscription page */ ul#emma-form-elements li.emma-form-row { width: 50% !important; float:left; clear:none; } ul#emma-form-elements #emma-form-submit { float: left !important; margin-left: 20px; } #emma-form-submit { border-radius: 0px ; border-color: #E2E2E2 !important; text-transform: lowercase; font-weight: lighter; background: #000 !important; color: #fff !important; letter-spacing: 1px; font-size: 13px; padding: 5px 10px; } ul#emma-form-elements .emma-form-input { border-color: #E2E2E2 !important; padding: 5px 10px; float:none!important; width:99% !important; } /* BreezingForms */ .bfSubmitButton, #gform_submit_button_2 { border-radius: 0px; border-color: #E2E2E2 !important; background: #000 !important; color: #fff !important; letter-spacing: 1px; font-size: 13px; border-width: 1px; padding: 5px 10px; } .bfSectionDescription { background-color: #000!important; padding: 0px; color: #ffffff; margin-bottom: 20px; clear: both; padding: 10px 10px 2px 10px; font-size: 18px; font-weight: lighter !important; letter-spacing: 1px; } .bfQuickMode section.bfElemWrap { padding:5px 0px !important; } /* Request sample */ #bfElemWrap527 #ff_elem527 { width: 92%; border: 0px; margin: 10px 0 0 0; background: #000; padding: 5px; color: #fff; font-weight: lighter; font-size: 14px; text-align: center; } /* Request quote */ #bfElemWrap1429, #bfElemWrap1594, #bfElemWrap1757, #bfElemWrap1758 { display: none; } #bfElementGroupNoWrap910, #bfElementGroupNoWrap919, #bfElementGroupNoWrap920, #bfElementGroupNoWrap925, #bfElementGroupNoWrap930, #bfElementGroupNoWrap931, #bfElementGroupNoWrap932, #bfElementGroupNoWrap933, #bfElementGroupNoWrap972, #bfElementGroupNoWrap973, #bfElementGroupNoWrap974, #bfElementGroupNoWrap975 { width: 100%; background-color: #ffffff; } #bfElementGroupNoWrap910 input[type=radio], #bfElementGroupNoWrap919 input[type=radio], #bfElementGroupNoWrap920 input[type=radio], #bfElementGroupNoWrap925 input[type=radio], #bfElementGroupNoWrap930 input[type=radio], #bfElementGroupNoWrap931 input[type=radio], #bfElementGroupNoWrap932 input[type=radio], #bfElementGroupNoWrap933 input[type=radio], #bfElementGroupNoWrap972 input[type=radio], #bfElementGroupNoWrap973 input[type=radio], #bfElementGroupNoWrap974 input[type=radio], #bfElementGroupNoWrap975 input[type=radio] { display: none; } /* Quote form - wall panels */ label#bfGroupLabel910, label#bfGroupLabel910_1, label#bfGroupLabel910_2, label#bfGroupLabel910_3, label#bfGroupLabel910_4, label#bfGroupLabel910_5 { display: block; width: 310px; min-width: 310px; height: 440px; float: left; clear: none; position: inherit; margin: 0px; background-repeat: no-repeat; } label#bfGroupLabel910_2, label#bfGroupLabel910_3, label#bfGroupLabel910_4, label#bfGroupLabel910_5 { height: 242px; } label#bfGroupLabel910 { background-image: url('./img/310-abs-panel.jpg'); } label#bfGroupLabel910_1 { background-image: url('./img/310-metal-panel.jpg'); } label#bfGroupLabel910_2 { background-image: url('./img/310-plankwall-panel.jpg'); } label#bfGroupLabel910_3 { clear: left; background-image: url('./img/310-Polyeurthane-panel.jpg'); } label#bfGroupLabel910_4 { background-image: url('./img/310-IPE-panel.jpg'); } label#bfGroupLabel910_5 { background-image: url('./img/310-naturescreen-panel.jpg'); } label#bfGroupLabel925 { display: block; width: 310px; min-width: 310px; height: 93px; float: left; clear: none; position: inherit; margin: 0px; background-repeat: no-repeat; } label#bfGroupLabel925 { background-image: url('./img/310-post-colors.jpg'); } label#bfGroupLabel930 { background-image: url('./img/310-innova-panel.jpg'); } label#bfGroupLabel930_1 { background-image: url('./img/310-park-collection-panel.jpg'); } #ff_elem693 { border:0px; } label#bfGroupLabel930, label#bfGroupLabel930_1 { display: block; width: 310px; min-width: 310px; height: 407px; float: left; clear: none; position: inherit; margin: 0px; background-repeat: no-repeat; } label#bfGroupLabel920, label#bfGroupLabel920_1, label#bfGroupLabel920_2 { display: block; width: 310px; min-width: 310px; height: 165px; float: left; clear: none; position: inherit; margin: 0px; background-repeat: no-repeat; } label#bfGroupLabel920, label#bfGroupLabel932 { background-image: url('./img/310-plankwall-deepwood-pvc-colors-1.jpg'); } label#bfGroupLabel920_1, label#bfGroupLabel932_1 { background-image: url('./img/310-plankwall-deepwood-pvc-colors-2.jpg'); } label#bfGroupLabel920_2, label#bfGroupLabel932_2 { background-image: url('./img/310-plankwall-deepwood-pvc-colors-3.jpg'); } label#bfGroupLabel932, label#bfGroupLabel932_1, label#bfGroupLabel932_2 { display: block; width: 310px; min-width: 310px; height: 230px; float: left; clear: none; position: inherit; margin: 0px; background-repeat: no-repeat; } label#bfGroupLabel933 { background-image: url('./img/310-bollards-1.jpg'); } label#bfGroupLabel933_1 { background-image: url('./img/310-bollards-2.jpg'); } label#bfGroupLabel933_2 { background-image: url('./img/310-bollards-3.jpg'); } label#bfGroupLabel933, label#bfGroupLabel933_1, label#bfGroupLabel933_2 { display: block; width: 310px; min-width: 310px; height: 180px; float: left; clear: none; position: inherit; margin: 0px; background-repeat: no-repeat; } label#bfGroupLabel972 { background-image: url('./img/310-envisor-vertical.jpg'); } label#bfGroupLabel972_1 { background-image: url('./img/310-envisor-canted.jpg'); } label#bfGroupLabel972, label#bfGroupLabel972_1 { display: block; width: 310px; min-width: 310px; height: 196px; float: left; clear: none; position: inherit; margin: 0px; background-repeat: no-repeat; } label#bfGroupLabel973 { background-image: url('./img/310-envisor-panel-1.jpg'); } label#bfGroupLabel973_1 { background-image: url('./img/310-envisor-panel-2.jpg'); } label#bfGroupLabel973_2 { background-image: url('./img/310-envisor-panel-3.jpg'); } label#bfGroupLabel973_3 { background-image: url('./img/310-envisor-panel-4.jpg'); } label#bfGroupLabel973, label#bfGroupLabel973_1, label#bfGroupLabel973_2, label#bfGroupLabel973_3 { display: block; width: 280px; min-width: 280px; height: 196px; float: left; clear: none; position: inherit; margin: 0px; background-repeat: no-repeat; } label#bfGroupLabel919, label#bfGroupLabel919_1 { display: block; width: 310px; min-width: 310px; height: 165px; float: left; clear: none; position: inherit; margin: 0px; background-repeat: no-repeat; } label#bfGroupLabel919, label#bfGroupLabel931, label#bfGroupLabel974 { background-image: url('./img/310-abs-metal-innova-colors-1.jpg'); } label#bfGroupLabel931, label#bfGroupLabel931_1, label#bfGroupLabel974, label#bfGroupLabel974_1 { display: block; width: 310px; min-width: 310px; height: 165px; float: left; clear: none; position: inherit; margin: 0px; background-repeat: no-repeat; } label#bfGroupLabel919_1, label#bfGroupLabel931_1, label#bfGroupLabel974_1 { background-image: url('./img/310-abs-metal-innova-colors-2.jpg'); } label#bfGroupLabel975 { background-image: url('./img/310-envisor-trim-1.jpg'); } label#bfGroupLabel975_1 { background-image: url('./img/310-envisor-trim-2.jpg'); } label#bfGroupLabel975_2 { background-image: url('./img/310-envisor-trim-3.jpg'); } label#bfGroupLabel975, label#bfGroupLabel975_1, label#bfGroupLabel975_2 { display: block; width: 275px; min-width: 275px; height: 275px; float: left; clear: none; position: inherit; margin: 0px; background-repeat: no-repeat;} @media screen and (max-width:767px){ #bfElemWrap527 { display:none; } } /* Archives & blog posts */ .archive .page-header .page-title { text-transform: uppercase; font-weight: bold; } .archive #main-column .post { padding: 40px 10px 10px 0; } .archive #main-column .post .entry-meta, .post .entry-meta { padding-top: 10px; margin-top:10px; margin-bottom:10px; border-top: solid 1px #E2E2E2; } .page .entry-meta { margin-bottom:20px; color:#999; } .byline { display:none; } .post-thumbnail img { width:100%; height:auto; margin-bottom:20px; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ background-color: #000000; border-color: #000000; } .pagination>li:first-child>a, .pagination>li:first-child>span { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .pagination>li:last-child>a, .pagination>li:last-child>span{ border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .pagination>li>a, .pagination>li>span, .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { color: #d08a00;} /* Blog comment form */ #comments input#submit { background: #fdfdfd; border-radius: 0px; border-color: #E2E2E2; text-transform: lowercase; font-weight: lighter; color: #000; } /* Sidebars */ .sidebar { padding: 40px 0; } .sidebar .navbar-form { padding: 0px; margin:0 0 40px 0; } .sidebar .navbar-form input, .sidebar .navbar-form .btn { border-radius:0px; border-color:#E2E2E2; text-transform:lowercase; font-weight:lighter;} .sidebar .navbar-form .btn { background: #fdfdfd; } #sidebar-left .widget, #sidebar-right .widget { padding-right: 0px; padding-left: 0px; border: 0px; } #sidebar-left, #sidebar-right { padding:40px 0px; } /* Our team */ #team-archive{ margin: 20px 0px; float:left; } #team-archive h1.column-label { margin-bottom:0px; } #team-archive .team{ float:left; height: 100%; overflow: hidden; width:48%; margin: 20px 10px 0px 10px; text-align: center;} #team-archive .team img.wp-post-image{ margin: 0px auto 0px auto; width:100%; height:auto; } #team-archive .team:nth-child(n+3), #team-archive #post-747.team{ margin-right:0px;} #team-archive .team:nth-child(n+3)~.team{ width:19%; margin: 20px .5% 0px; } #team-archive #post-741.team{ clear:right; } /*#team-archive #post-2714.team { clear:left; }*/ #team-archive .navigation{ display:none; } .single-team #content{ } .team-member-profile a.back-to-team{ display: block; text-align: right; margin-bottom: 0px; } .team-member-profile a.back-to-team span.close-text{text-decoration:underline;} .team-member-profile a.back-to-team span.close-button{ font-size: 150%; padding-left: 10px; } .team-member-profile .team-member-name-wrap{ padding-bottom:24px; background: transparent url('img/team-arrow.png') no-repeat 70% bottom; position:relative; z-index:9; top:24px; } .team-member-profile h1.team-member-name{ background-color: #000000; padding: 10px; color: #ffffff; font-size: 1.5em; margin:0px;} .team-member-profile #team-member-image{padding-left:0;} .team-member-profile #team-member-image img.wp-post-image, .team-member-profile #team-member-image img.attachment-full{ width:100%; height:auto; } .team-member-profile .team-member-wrap{float: left;margin-right: 0px;} .team-member-profile .team-member-wrap .type-team{padding-top: 30px;} .team-member-profile .team-member-wrap h1, .team-member-profile .team-member-wrap h1.source-sans{font-family: "Tenor Sans", "Montserrat", sans-serif!important; text-transform:uppercase;} #team-profile-wrap { margin:0 0 20px 0; float:left; } #team-address-wrapper { border-top:solid 1px #000; padding:20px 0 0 0; clear:both;} #team-address-wrapper h2{ margin-top:0px;} #team-address-wrapper p { margin:0px; } @media screen and (max-width:1200px){ #team-archive .team { width: 23.453608%; } #team-archive .team:nth-child(n+5)~.team { width:10.695876%; } } @media screen and (max-width:1024px){ #team-archive .team { width: 23%; } #team-archive .team:nth-child(n+5)~.team { width:10.166667%; } .team-member-profile .team-member-name-wrap { background:transparent; } .team-member-profile #team-member-image { padding:0px; } .team-member-profile .team-member-wrap h1 { margin-top:0px; text-align:center;} .team-member-profile .team-member-wrap a { display:block; text-align:center; margin:0px auto; } .team-member-profile .team-member-wrap a img { float:none; } } @media screen and (max-width:768px){ #team-archive .team { width: 22.1428571%; margin: 20px 2.8571429% 0px 0px;} #team-archive .team:nth-child(n+5)~.team { width:17%; margin: 10px;} #team-address-wrapper { padding: 20px 15px; } #team-address-wrapper img { clear: both; float: none; margin: 0px 0 20px 0; width:100%;height:auto;} } @media screen and (max-width:480px){ #team-archive .team { width: 100%; margin: 20px 0 0 0; } #team-archive .team img.wp-post-image { padding:0 15px; } #team-archive .team:nth-child(n+5)~.team { width:50%; margin:20px 0 0 0; } } /* Footer */ #site-footer { background:#333333; color:#dbdbdb; font-size:11px; line-height:1.0em; border-top:solid 0px #ffffff; padding-bottom:20px; padding-top:20px; /*margin-top:120px;*/ } #site-footer, .site-wrapper:after { min-height:105px; } #site-footer ul li { float:left; margin-right:10px; padding-right:10px; border-right:solid 1px #999;} #site-footer ul li:last-child { float:left; margin-right:10px; padding-right:10px; border-right:0px;} .footer-left-logos img { margin-right:10px; max-width:60px; } .footer-widget-title { font-size:14px; color:#dbdbdb; margin:0px 0px 10px 0px; } #site-footer ul.footer-menu li, #site-footer ul.footer-menu li:last-child { float:none;margin:2px 0px;padding:0px;border-right:0px; } #site-footer ul.footer-menu li.credit-card { margin-top:20px; } .footer-menu, .footer-widget-title { color:#dbdbdb; font-weight:lighter; margin-bottom:5px; font-size:18px; } .footer-menu li a, .footer-menu li a:hover { color:#dbdbdb; font-size:12px; background:none !important; padding:3px 0px; } .footer-menu li a:hover { text-decoration:underline; } .footer-right-connect #text-25 { width:100%; position:relative; } .footer-right-connect #text-25 .ctct-form-wrapper { position:relative; } .footer-right-connect #text-25 .ctct-message.success { position:absolute; width:100%; height:100%; background:#333333; color:#FFFFFF; padding-top:5%; text-align:center; } .footer-right-connect #text-25 h1 { font-size:16px; margin:0 0 5px; font-weight:lighter; line-height:normal; } .footer-right-connect .emma-widget, .footer-right-connect .ctct-form-wrapper { margin-bottom:10px; } .footer-right-connect .ctct-form-wrapper label, .footer-right-connect .ctct-disclosure { display:none; } .footer-right-connect ul#emma-form-elements { margin-top:5px; } .footer-right-connect ul#emma-form-elements li.emma-form-row { padding-right:0px; border-right:0px; } .footer-right-connect ul#emma-form-elements li.emma-cf, .footer-right-connect .ctct-form-field.ctct-form-field-email { float: left; width:75% !important; } .footer-right-connect .ctct-form-field.ctct-form-field-submit { float:right; width:24%; } .footer-right-connect .ctct-form-field.ctct-form-field-submit input { padding:0; margin:0; width:100%; text-align:center; height:43px; line-height:43px; background:#b2b2b2; color:#333333; border:none; } .footer-right-connect ul#emma-form-elements li.emma-form-row-last { width:25% !important; } .footer-right-connect ul#emma-form-elements .emma-form-input, .footer-right-connect .ctct-form-wrapper input { padding:10px; font-size:14px; width:100%; color:#333333; } #emma-form input[type="submit"], #emma-form a#emma-form-submit { font-size:14px; border-radius: 0px ; border:none !important; height:41px; line-height:41px; padding:0 20px !important; } .footer-right-connect ul#emma-form-elements #emma-form-submit { margin-left:10px; text-transform:capitalize; padding:13px; background:#b2b2b2 !important; color:#333 !important; border:0px; border-radius: 5px; font-size:14px; font-weight:normal; } .footer-right-connect #emma-widget-2 h1, .footer-right-connect #emma-widget-3 h1 { margin:0px; font-size:14px; font-weight:lighter; line-height:normal; width:100%; } .footer-right-connect .emma-form-label { display:none; } .footer-right-connect #emma-email {width:100% !important;} .footer-right-connect .widget_text p { margin:0; } .footer-right-connect .widget_text, .footer-right-connect .widget_a2a_share_save_widget, .footer-right-connect .widget_text .footer-social-icon { float:left; } .footer-right-connect .widget_text .footer-social-icon, #a2a_share_save_widget-2 a, #a2a_share_save_widget-3 a, #a2a_share_save_widget-4 a {display:block; float:left; margin:5px 10px 5px 0px; height:20px !important; line-height:20px;} .footer-right-connect .widget_text #cs-hz-icon-wrap-new { margin-top:0px;} .footer-right-connect #a2a_share_save_widget-2, #a2a_share_save_widget-3, .footer-right-connect #a2a_share_save_widget-4 { margin:0 !important; } .footer-right-connect .a2a_button_email, .footer-right-connect .a2a_button_print, .footer-right-connect .addtoany_share_save { float:left; margin-right:10px; } #footer-row-copyright .widget_text, #footer-row-copyright .widget_text a, #footer-row-copyright .widget_text a:hover { color: #dbdbdb; } #footer-row-copyright .widget_text a:hover { text-decoration:underline; } #footer-row-copyright span.text-label { display:inline-block; float:left; } #footer-row-copyright li.phone-numbers div.widget_text { float:left; margin-left:5px;} .footer-contact-info { font-size:12px; } @media screen and (max-width:767px){ .footer-right-connect ul#emma-form-elements #emma-form-submit { width:80%; } .footer-contact-info-menu { text-align:left; margin:20px 0; } .footer-contact-info-menu li { display:block; border-right:0px !important; margin:10px 0px 20px 0px !important; padding:0px !important; } .footer-contact-info-menu li, .footer-contact-info-menu span.text-label, #footer-row-copyright li.phone-numbers div.widget_text, .footer-contact-info-menu li:last-child { float:none !important; } #footer-row-copyright li.phone-numbers div.widget_text { margin-left:0px; } .footer-contact-info-menu span.text-label {margin-bottom:10px;} #site-footer ul.footer-menu { line-height:normal; } } /* Pre-loader wrapper */ #loader-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background: #000000; opacity:1; } /* Pre-loader */ #loader { display: none; position: relative; left: 50%; top: 50%; width: 250px; height: 83px; margin: -75px 0 0 -125px; z-index: 1500; overflow: hidden; } /* Loader left and right box */ #loader-wrapper .loader-section { position: fixed; top: 0; width: 51%; height: 100%; background: #222222; z-index: 1000; display:none; } #loader-wrapper .loader-section.section-left { left: 0; } #loader-wrapper .loader-section.section-right { right: 0; } #loader .loader-img { width:250px; height:83px; position:absolute;} /* Vertical lines */ #loader-img-1 { top:-83px; } /* Top horizontal lines */ #loader-img-2 { right:-250px; } /* Bottom horizontal lines */ #loader-img-3 { left:-250px; } /* Logo opacity */ #loader-img-4 { opacity: 0; } /* Vertical lines animation */ #loader-img-1 { animation-name:vertical-lines; animation-duration: 3s; animation-timing-function: ease; animation-iteration-count: 1; animation-direction: normal; animation-delay: 0s; animation-fill-mode: forwards; } @keyframes vertical-lines { 0% { top:-83px; } 100% { top:0px; } } /* Top horizontal lines animation */ #loader-img-2 { animation-name:top-horizontal-lines; animation-duration: 3s; animation-timing-function: ease; animation-iteration-count: 1; animation-direction: normal; animation-delay: 1s; animation-fill-mode: forwards; } @keyframes top-horizontal-lines { 0% { right:-250px; } 100% { right: 0px; } } /* Bottom horizontal lines animation */ #loader-img-3 { animation-name:bottom-horizontal-lines; animation-duration: 3s; animation-timing-function: ease; animation-iteration-count: 1; animation-direction: normal; animation-delay: 1s; animation-fill-mode: forwards; } @keyframes bottom-horizontal-lines { 0% { left:-250px; } 100% { left: 0px; } } /* Logo opacity animation */ #loader-img-4 { animation-name:cs-logo; animation-duration: 3s; animation-timing-function: ease; animation-iteration-count: 1; animation-direction: normal; animation-delay: 2s; animation-fill-mode: forwards; } @keyframes cs-logo { 0% { opacity:0; } 100% { opacity:1; } } /* Loaded animations */ .loaded #loader-wrapper .loader-section.section-left { -webkit-transform: translateX(-100%); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: translateX(-100%); /* IE 9 */ transform: translateX(-100%); /* Firefox 16+, IE 10+, Opera */ } .loaded #loader-wrapper .loader-section.section-right { -webkit-transform: translateX(100%); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: translateX(100%); /* IE 9 */ transform: translateX(100%); /* Firefox 16+, IE 10+, Opera */ } .loaded #loader { opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .loaded #loader-wrapper { visibility: hidden; } .loaded #loader-wrapper .loader-section.section-right, .loaded #loader-wrapper .loader-section.section-left { -webkit-transition: all 0.3s 0.3s ease-out; transition: all 0.3s 0.3s ease-out; } .loaded #loader-wrapper { /*-webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%);*/ opacity:0; -webkit-transition: all 0.3s 0.6s ease-out; transition: all 0.3s 0.6s ease-out; } .no-js #loader-wrapper { display: none; } /* Device-specific media queries */ /* ----------- iPhone 4 and 4S ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { } /* Portrait */ @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { } /* Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { } /* ----------- iPhone 5 and 5S ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) { #product-banner { padding: 20px; } .page-template-page-naturescreen #product-banner-info img.product-banner-img{ height: 75px; } #loader-wrapper {display:none;} } /* Portrait */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { #product-banner { padding: 20px; } .page-template-page-naturescreen #product-banner-info img.product-banner-img { height: 75px; } #loader-wrapper {display:none;} } /* Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { #product-banner { padding: 20px; } .page-template-page-naturescreen #product-banner-info img.product-banner-img { height: 75px; } #loader-wrapper {display:none;} } /* AddToAny social sharing buttons */ .a2a_menu, .a2a_menu_inside, .a2a_menu a, .a2a_tabs div, .a2a_menu_find_container, .a2a_menu_powered_by,.a2a_floating_style { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } a.a2a_menu_show_more_less{display:none!important;} .a2a_menu a{ color:transparent!important; width:32px!important; height:32px!important; } .a2a_mini{ width: auto!important; padding: 0px!important; } .a2a_kit a.a2a_button_facebook, .a2a_kit a.a2a_button_twitter, .a2a_kit a.a2a_button_google_plus{ display:none!important; } .a2a_default_style .a2a_svg, .a2a_floating_style .a2a_svg{ border-radius:0px!important; } /* AddtoAny custom icon images*/ .a2a_s_a2a{ background: #ffffff url('./img/share-icon.png') no-repeat 0 0 !important; width: 100px!important; height: 45px!important; } .cs-fb-icon{ background: #ffffff url('./img/cs-fb-icon.png') no-repeat 0 0 !important; } .a2a_s_print{ background: #ffffff url('./img/cs-print-icon.png') no-repeat 0 0 !important; } .a2a_s_email{ background: #ffffff url('./img/cs-email-icon.png') no-repeat 0 0 !important; } .a2a_i_facebook, .a2a_s_facebook{ background: #ffffff url('./img/facebook.png') no-repeat!important; background-position: 0px -595px!important; width:32px!important; height:32px!important; color:transparent!important; padding: 0px!important; border-radius: 0px!important; } .a2a_i_twitter, .a2a_s_twitter{ background: #ffffff url('./img/twitter.png') no-repeat!important; background-position: 0px -2006px!important; width:32px!important; height:32px!important; color:transparent!important; padding: 0px!important; border-radius: 0px!important; } .a2a_i_linkedin, .a2a_s_linkedin{ background: #ffffff url('./img/linkedin.png') no-repeat!important; background-position: 0px -1088px!important; width:32px!important; height:32px!important; color:transparent!important; padding: 0px!important; border-radius: 0px!important; } .a2a_i_pinterest, .a2a_s_pinterest{ background: #ffffff url('./img/pinterest.png') no-repeat!important; background-position: 0px -1530px!important; width:32px!important; height:32px!important; color:transparent!important; padding: 0px!important; border-radius: 0px!important; } .a2a_menu a:hover .a2a_i_facebook, .a2a_menu a:hover .a2a_s_facebook{ background-position: -32px -595px!important; } .a2a_menu a:hover .a2a_i_twitter, .a2a_menu a:hover .a2a_s_twitter{ background-position: -32px -2006px!important; } .a2a_menu a:hover .a2a_i_linkedin, .a2a_menu a:hover .a2a_s_linkedin{ background-position: -32px -1088px!important; } .a2a_menu a:hover .a2a_i_pinterest, .a2a_menu a:hover .a2a_s_pinterest{ background-position: -32px -1530px!important; } #a2a_share_save_widget-2 .a2a_button_email img, #a2a_share_save_widget-2 .a2a_button_print img, #a2a_share_save_widget-3 .a2a_button_email img, #a2a_share_save_widget-3 .a2a_button_print img, #a2a_share_save_widget-4 .a2a_button_email img, #a2a_share_save_widget-4 .a2a_button_print img { display:none; } #a2a_share_save_widget-2 .a2a_button_email, #a2a_share_save_widget-2 .a2a_button_email:hover, #a2a_share_save_widget-3 .a2a_button_email, #a2a_share_save_widget-3 .a2a_button_email:hover, #a2a_share_save_widget-4 .a2a_button_email, #a2a_share_save_widget-4 .a2a_button_email:hover { display:block; width:20px; height:15px; background: url('./img/social-email_icon.png') no-repeat center center; } #a2a_share_save_widget-2 .a2a_button_print, #a2a_share_save_widget-2 .a2a_button_print:hover, #a2a_share_save_widget-3 .a2a_button_print, #a2a_share_save_widget-3 .a2a_button_print:hover, #a2a_share_save_widget-4 .a2a_button_print, #a2a_share_save_widget-4 .a2a_button_print:hover { display:block; width:20px; height:18px; background: url('./img/social-print_icon.png') no-repeat center center; } #a2a_share_save_widget-2 .a2a_button_print span, #a2a_share_save_widget-2 .a2a_button_email span, #a2a_share_save_widget-3 .a2a_button_print span, #a2a_share_save_widget-3 .a2a_button_email span, #a2a_share_save_widget-4 .a2a_button_print span, #a2a_share_save_widget-4 .a2a_button_email span { display:none !important; } /* Maintenance page */ .maintenance .main-container { text-align:center; } .maintenance .logotype .logo-box {} .maintenance .logotype .logo-box h1.site-title, .maintenance .logotype .logo-box-retina { display:none; } .lightbox-content img { max-width:100%; height:auto; } .su-lightbox a.lightbox-link { display:block; position:relative; padding: 0; max-width: 245px; margin: 0px auto;} /*.su-lightbox a.lightbox-link:hover { background-image:url('./img/lightbox-button.png'); }*/ .su-lightbox a.lightbox-link:before { content: ' '; display: block; position: absolute; right: 0; top: 10px; width: 25px; height: 25px; z-index: 1; opacity: 1.0; background-image: url('./img/lightbox-button.png'); background-repeat: no-repeat; background-position: center center; transition:all .35s;-moz-transition:all .35s;-webkit-transition:all .35s;} /*.su-lightbox a.lightbox-link:hover:before { opacity:1.0; }*/ .su-lightbox a.lightbox-link img { max-width:100%;height:auto; } .mfp-bg.mfp-ready {z-index: 11000;} .mfp-wrap.mfp-ready {z-index: 11001;} /* ----------- iPhone 6 ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) { #loader-wrapper {display:none;} } /* Portrait */ @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { #loader-wrapper {display:none;} } /* Landscape */ @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { #loader-wrapper {display:none;} } /* ----------- iPhone 6+ ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) { #loader-wrapper {display:none;} } /* Portrait */ @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) { #loader-wrapper {display:none;} } /* Landscape */ @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { #loader-wrapper {display:none;} } /* ----------- Galaxy S3 ----------- */ /* Portrait and Landscape */ @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) { #loader-wrapper {display:none;} } /* Portrait */ @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) { #loader-wrapper {display:none;} } /* Landscape */ @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) { #loader-wrapper {display:none;} } /* ----------- Galaxy S4 ----------- */ /* Portrait and Landscape */ @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) { #loader-wrapper {display:none;} } /* Portrait */ @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { #loader-wrapper {display:none;} } /* Landscape */ @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) { #loader-wrapper {display:none;} } /* ----------- Galaxy S5 ----------- */ /* Portrait and Landscape */ @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) { #loader-wrapper {display:none;} } /* Portrait */ @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { #loader-wrapper {display:none;} } /* Landscape */ @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) { #loader-wrapper {display:none;} } /* ----------- HTC One ----------- */ /* Portrait and Landscape */ @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) { #loader-wrapper {display:none;} } /* Portrait */ @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { #loader-wrapper {display:none;} } /* Landscape */ @media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) { #loader-wrapper {display:none;} } /* ----------- iPad mini ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { } /* Portrait */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) { .product-row .su-column { width:50%; float:left !important; margin-left: 0!important;} } /* Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) { .product-row .su-column { width:33%; float:left !important; margin-left: 0!important; } } /* ----------- iPad 1 and 2 ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { } /* Portrait */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) { .product-row .su-column { width:50% !important; float:left !important; margin-left: 0!important; } } /* Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) { .product-row .su-column { width:33% !important; float:left !important; margin-left: 0!important; } } /* ----------- iPad 3 and 4 ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { } /* Portrait */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { .product-row .su-column { width:50% !important; float:left !important; margin-left: 0!important; } } /* Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { .product-row .su-column { width:33% !important; float:left !important; margin-left: 0!important; } } /* WooCommerce */ .woocommerce ul.products { margin-top:20px !important; } li.product.type-product { position:relative; } li.product.type-product a.button.ajax_add_to_cart, li.product.type-product a.quick_view.button span, form.woocommerce-ordering { display:none !important; } .woocommerce ul.products li.product { overflow:hidden; } .woocommerce ul.products li.product:hover { cursor: pointer;} .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width:30% !important; margin:0 0 3% 3% !important; } .woocommerce ul.products li.product:nth-of-type(3n+4), .woocommerce-page ul.products li.product:nth-of-type(3n+4) { clear:left; } .woocommerce ul.products li.product a img, .woocommerce ul.products li.product .button { margin:0 !important; } .woocommerce ul.products li.product h2.woocommerce-loop-product__title + .button, .woocommerce ul.products li.product div.wpb_wl_ajax_disabled.wpb_wl_preview_area.wpb_wl_preview_area_fixed.wpb_wl_btn_auto_on { display:none !important; } .woocommerce ul.products li.product a h2.woocommerce-loop-product__title { position:absolute; bottom:0; left:0; width:100%; padding:10px 15px; text-align:center; line-height:normal; color:#FFFFFF; background:rgba(0,0,0,.6); -moz-transition:ease-in-out all 0.3s; -webkit-transition:ease-in-out all 0.3s; transition:ease-in-out all 0.3s; opacity:0; } .wpb_wl_preview h2.woocommerce-loop-product__title { position:absolute; bottom:0; left:0; width:100%; padding:10px 15px; text-align:center; line-height:normal; color:#FFFFFF; background:rgba(0,0,0,.6); -moz-transition:ease-in-out all 0.3s; -webkit-transition:ease-in-out all 0.3s; transition:ease-in-out all 0.3s;} li.product.type-product a.quick_view.button { position:absolute; top:0; left:0; width:100%; height:100%; z-index:999; background:none; border:none; border-radius:0; } .woocommerce ul.products li.product span img { min-width:270px; min-height: 180px; } div.results-container { display:block; width:100%; padding:5px; background:#e5e5e5; } div.results-container p { float:none !important; margin:0 !important; } div.results-container span.searched-cat { float:left; width:auto; display:block; padding:3px; background:#FFFFFF; border:1px solid #555555; } li.sf-field-taxonomy-product_cat h4 { font-size:18px; color:#076323; padding-bottom:10px; margin:0 0 10px; border-bottom:1px solid #e1e1e1; } li.sf-field-taxonomy-product_cat > ul > li { padding-bottom:10px !important; padding-top:0 !important; margin-bottom:10px !important; border-bottom:1px solid #e1e1e1; } li.sf-field-taxonomy-product_cat > ul > li > input, li.sf-field-taxonomy-product_cat > ul > li > label .sf-count { display:none; } li.sf-field-taxonomy-product_cat > ul > li > label { margin-left:0; text-transform:uppercase; } li.sf-field-taxonomy-product_cat > ul > li > ul li { padding:0; margin-bottom:0; font-size:14px; } li.sf-field-taxonomy-product_cat > ul > li > ul label { font-weight:normal; } /* Inspiration Gallery Page and Banners */ #wcqv_contend .images { width:70%; } #wcqv_contend .summary { width:30%; } #woocommerce-result-count-filters input { display:none; } #woocommerce-result-count-filters label.woocommerce-result-count-filter-item { cursor:pointer; padding-right:4px; } .woocommerce-product-details__short-description h3 { color:#006325; margin:0; font-weight:bold; } .wpb_wl_summary h3 { color:#006325; margin:0; font-weight:bold; } .woocommerce-product-details__short-description h3, .wpb_wl_summary h3, .woocommerce-product-details__short-description p, .wpb_wl_summary p, .woocommerce-product-details__short-description ul, .wpb_wl_summary ul, .woocommerce-product-details__short-description li { margin-top:0; font-size:15px; } .wpb_wl_summary li { margin-top:0; font-size:15px; } .woocommerce-product-details__short-description ul { margin-left:20px; list-style:disc; } .wpb_wl_summary ul { margin-left:20px; list-style:disc; } .wcqv_prev, .wcqv_next { background:#FFFFFF; } .wcqv_next_title, .wcqv_next_title *, .wcqv_prev_title, .wcqv_prev_title * { color:#000000 !important; } .woocommerce ul.products li.first, .woocommerce-page ul.products li.first { clear:none; } #wcqv_contend .product .xtra-images .thumbnails { padding:0; } .woocommerce-page div.product div.thumbnails a { width:auto; } .woocommerce-page div.product div.thumbnails a img { margin:0 !important; padding:0; } .woocommerce div.product div.images img { height:auto; width:100%; padding:10px; } .woocommerce div.product div.images > a > img.attachment-shop_single.size-shop_single.wp-post-image { margin:0 auto; } #wcqv_contend .product .xtra-images .thumbnails a { margin-right:1.5% !important; width:30%; } .woocommerce #wcqv_contend .product .xtra-images .thumbnail img { display: block; width: 100%; float: left; box-shadow: none; border-radius: 0; border: 1px solid #222; } #wcqv_contend .product .xtra-images .thumbnails a.last + a.first { clear:none; } .woocommerce ul.products li.product, .woocommerce-page ul.products { clear:none; float:left !important; width:100%; max-width:900px; } .woocommerce ul.products li.product:nth-child(2n), .woocommerce-page ul.products li.product:nth-child(2n) { float:left; } .woocommerce ul.products li.product:nth-child(2n):nth-of-type(3n+4), .woocommerce-page ul.products li.product:nth-child(2n):nth-of-type(3n+4), .woocommerce-page ul.products:nth-of-type(3n+4) { clear:left !important; } li.sf-item-182, li.sf-item-200, li.sf-item-211 { display:none!important; } .warning-callout { border:2px solid #da3832; padding:20px; } .warning-callout h2 { color:#FFFFFF !important; background:#da3832; padding:10px 0; margin:-20px -20px 20px !important; } .warning-callout h4 { font-size:1.875rem; margin:15px 0; } .warning-callout ul { padding-left:40px; } .warning-callout ul li { position:relative; } .warning-callout ul li:before { position:absolute; left:-20px; width:10px; content: ''; height: 20px; border-left:10px solid #da3832; border-top:10px solid transparent; border-bottom:10px solid transparent; } .warning-callout h4, .warning-callout p, .warning-callout li { margin-bottom:20px !important; } .warning-callout + h1 { border-top:none !important; } @media screen and (min-width:768px) { .warning-callout h4 { padding:0 100px; } } .gardenbutton { display: inline-block; text-align: left; vertical-align: middle; padding: 12px 24px 13px 50px; background: #f47a2f; font: normal normal bold 20px arial; color: #ffffff !important; text-decoration: none; position: relative; } .gardenbutton:before{ content: ""; display: inline-block; height: 30px; width: 30px; line-height: 24px; margin: 0; position: absolute; top: 50%; left: 10px; margin-top:-15px; background: url(https://www.cityscapesinc.com/wp-content/uploads/2018/03/sprout_icon.png) no-repeat left center transparent; background-size: 100% 100%; } .pad40{ padding: 0px 40px; } /* Accordian styles */ .su-accordion .resources .su-spoiler, .resources .su-spoiler { border: 2px solid #676767; border-radius: 20px; padding: 15px 5px; margin: 10px; } .su-accordion.resources .su-spoiler .su-spoiler-title { border-bottom: none !important; font-size: 23px!important; color:#076323 !important; background-color: #fff !important; background: #fff !important; margin-bottom: 5px; line-height: 26px; padding-left: 7px !important; } .su-spoiler-style-default>.su-spoiler-title { padding-left: 7px; padding-right: 0; } .su-accordion .resources .su-spoiler .su-spoiler-title .su-spoiler-icon, .su-spoiler-icon { display: none !important; } .resources .su-spoiler-closed { border: none !important; border-bottom: 2px solid #676767 !important; border-radius: 0px !important; margin: 5px !important; padding: 5px !important; } .accordion-sub{ font-size: 20px; text-transform: uppercase; text-align: center; padding-top: 10px; font-weight: 500; } .accordion-rounded-div{ border: 2px solid #076323; border-radius: 20px; padding: 20px; margin: 20px; margin-top: 0px; } .accordion-rounded-div h4{ text-align: center; margin: 5px; font-weight: 300; color: #076323; text-transform: capitalize; } .accordion-rounded-div h3{ text-align: center; margin: 5px; font-weight: 300; color: #414141; text-transform: uppercase; } .accordion-rounded-div ul.connect-icons h4, .accordion-rounded-div ul.connect-icons h4 a{ text-align: left; margin: 0px; font-weight: 600; color: #414141; text-transform: capitalize; } ul.resource-icons{ display: inline-block; list-style-type: none; margin: 0 auto; width: 100%; text-align: center; padding: 0px; } ul.resource-icons li{ display: inline-block; list-style-type: none; padding: 3px 4px; } ul.resource-big-icons li{ display: inline-block; list-style-type: none; padding: 5px 20px;vertical-align: top; } .resource-big-icons-div { border: 2px solid #676767 !important; } ul.connect-icons{ display: inline-block; list-style-type: none; margin: 0px; width: 100%; } ul.connect-icons li{ display: inline-block; list-style-type: none; padding: 0px; margin : 0px; } .resources-row .resources-column { margin: 0 0 0 1% !important; } @media screen and (min-width:768px) { /*#wcqv_contend .images { overflow:hidden; margin-bottom:0; } #wcqv_contend .product .xtra-images .thumbnails { position:absolute; bottom:-48px; -moz-transition:ease-in-out all 0.4s; -webkit-transition:ease-in-out all 0.4s; -o-transition:ease-in-out all 0.4s; transition:ease-in-out all 0.4s; } #wcqv_contend .product .xtra-images .thumbnails:hover { bottom:0; background:rgba(255,255,255,.8); }*/ #wcqv_contend .product .xtra-images .thumbnails:before { display:block; content:'More Images'; color:#000; font-weight:bold; } .woocommerce ul.products li.product:hover a h2.woocommerce-loop-product__title { top:auto; bottom:0; opacity:1; } .wcqv_prev:hover, .wcqv_next:hover { width:50px; } .wcqv_prev { left:12.5% !important; } .wcqv_next { right:12.5% !important; } } @media screen and (max-width:767px) { #wcqv_contend .product .xtra-images .thumbnails { position:static !important; } .remodal.remodal-is-opened { top:15%; left:2%; right:2%; bottom:2%; } } /* ======================================================== ================ EXTRA CLASSES BY MAC ================== ======================================================== */ /* these rules style the image presented via woo-quick-view */ /* make overlay less black */ div.remodal-overlay.remodal-is-opened { background: rgba(0, 0, 0, 0.25) !important; } /* adjust drop shadow */ div.remodal.remodal-is-initialized.remodal-is-opened { box-shadow: 3px 3px 23px 5px rgba( 0, 0, 0, .25 ); } /* add border to close button */ button.remodal-close { width:50px; height:50px; text-align:center; } button.remodal-close:before { font-size:48px; line-height:50px; position:relative; width:auto; } /* remove top item title */ h1.product_title.entry-title { display: none; } /* add space around the image */ div.images img { padding: 20px; } /* remove focus ring on this object only */ div.remodal.remodal-is-initialized.remodal-is-opened:focus { outline: none; } /* remove the categories listing from the image popup display */ div#wcqv_contend span.posted_in { display: none; } @media only screen and ( min-width: 771px ) { /* align text to image top */ div.woocommerce-product-details__short-description { margin-top: 0; } } /* - = - */ /* these rules style the photo gallery */ /* boolean classes */ .photo-gallery-search-label-collapsed {} .photo-gallery-search-label-expanded {} /* label header indicator ( + / - ) */ .photo-gallery-cityscapes-green { color: rgb( 0, 99, 37 ); } /* make the

elements behave horizontally */ div.results-container > p { display: inline-block; } /* position the category breadcrumb container */ div.results-container p#woocommerce-result-count-filters { position: absolute; margin-left: 77px !important; } /* category breadcrumbs text */ label.woocommerce-result-count-filter-item { background: white; display: inline-block; border: 1px solid #989898; padding-left: 4px; font-weight: 400; border-radius: 2px; margin-right: 10px; } /* category breadcrumbs input */ label.woocommerce-result-count-filter-item input { margin-left: 8px; margin-right: 6px; } /* HTML FORM STLES */ .htmlform-secton-header, .htmlform-secton-header .gsection_title, h2.gsection_title, .gform_wrapper h2.gsection_title{ color: #2B5335 !important; font-size: 24px !important; } .htmlform-input-headings .gfield_label{ font-family: "Tenor Sans", "Montserrat", sans-serif; color: #333333; font-size: 18px; font-weight: 600; text-transform: uppercase; text-align: center; } .htmlform-input{ color: #414141; font-size: 16px; font-weight: 100; vertical-align: top; } .htmlform-input-headings .gfield_checkbox li input[type=checkbox], input[type=checkbox] { border-radius: 0px !important; border: 1px solid #2B5335 !important; vertical-align: top !important; margin-top: 4px !important; margin-right: 10px!important; outline: 2px solid #2B5335; } .gform_wrapper .gsection { border-bottom: 1px solid #066323 !important; } .gform_wrapper .gsection{ margin: 0px; padding: 0px; } .gfield_label{ font-family: "Tenor Sans", "Montserrat", sans-serif; color: #333333; font-size: 18px; font-weight: 600; text-transform: uppercase; text-align: center !important; } .gfield_radio li input[type=radio]:checked +label { border-top: 1px solid #FFF; } .radioselect{ border: 1px solid #FF0000; } .htmlform-header{ background-color: #195532; padding: 40px; } .htmlform-header h2{ color: #FFF; text-transform: uppercase; font-family: "Tenor Sans", "Montserrat", sans-serif; font-size: 32px; padding-bottom: 4px; border-bottom: 2px solid #fff; text-align: center; } .htmlform-header h4{ color: #FFF; text-align: center; } .htmlformcontainer{ padding: 0px 50px; } ul#input_3_22 li { display: inline-block; height: auto; height: 180px; width: 24%; } ul#input_3_23 li { display: inline-block; height: auto; height: 180px; width: 50% } ul#input_3_35 li{ display: inline-block; height: auto; height: 180px; width: 14%; } ul#input_3_26 li{ display: inline-block; height: auto; height: 320px; width: 16%; } li#field_3_26, li#field_3_35 { width: 100%; margin-top: -30px; } ul#input_3_26 li input { width: 100% !important; display: block; text-align: center; clear: both; margin-top: 130px; margin: 300px auto 0 40%; } ul#input_3_22 li input, ul#input_3_23 li input, ul#input_3_35 li input { width: 100% !important; display: block; text-align: center; clear: both; margin-top: 130px; margin: 150px auto 0 40%; } li.gfmc-column.gfmc-row-4-column.gfmc-row-4-col-2-of-2 { width: 35% !important; border-left: 2px dotted #195532; } li.gfmc-column.gfmc-row-4-column.gfmc-row-4-col-1-of-2 { width: 65% !important; } .radio-inline label.gfield_label { text-align: center !important; width: 100%; } @media screen and (max-width: 600px){ li.gfmc-column.gfmc-row-4-column.gfmc-row-4-col-1-of-2 { width: 100% !important; } li.gfmc-column.gfmc-row-4-column.gfmc-row-4-col-2-of-2 { width: 100% !important; border-left: none; } ul#input_3_35 li{ display: inline-block; height: auto; height: 180px; width: 25%; } ul#input_3_26 li{ display: inline-block; height: auto; height: 320px; width: 33%; } } /* Payment page custom styles */ #main-header-wrap { background-color:white; position: relative; display: flex; flex-direction: column; } #main-header-wrap .main-navigation { background-color: transparent; position: relative; margin-right: auto; display: block; width: 100%; } #main-header-wrap .site-title { padding-left: 0; width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; display:flex; align-items: center; } #main-header-wrap .site-title-heading { display: inline-block; padding-left: 30px; padding-right: 30px; padding-top: 10px } .site-title-heading img { height: auto; width: 100%; max-width: 175px; } .header-hero-title { position: relative; color: #000000; font-size: 2.5vw; line-height:normal; margin:0; font-family: "Tenor Sans", "Montserrat", sans-serif; text-align: center; max-width: 100%; display: inline-block; padding:0 50px; } #site-footer { background-color: rgba(37, 40, 42, 1.0); position: relative; display: flex; } #site-footer .container { margin-top: auto; margin-bottom: auto; } #site-footer .footer-copyright { text-align: center; font-size: 14px; line-height: 19px; color: #fff; } @media(max-width:767px) { #main-header-wrap { margin-bottom: 20px; } .site-title-heading img { width: 100px; max-width: 100%;; } .header-hero-title { font-size: 24px; line-height: 1.2em!important; } } /* ======================================================== ======================= END ============================ ======================================================== */