/* Theme Name: Custom Shade and Shutter Theme URI: http://www.customshadeandshutter.com Author: Ivzweb Author URI: https://ivzweb.com Description: A custom wordpress theme. Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: white, light, flexible-width, responsive */ /*** The new CSS reset - version 1.11 (last updated 20.9.2023) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug - The "html" element is excluded, otherwise a bug in Chrome breaks the CSS hyphens property (https://github.com/elad2412/the-new-css-reset/issues/36) */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Fix mobile Safari increase font-size on landscape mode */ html { -moz-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-inline-size: 100%; max-block-size: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ /*input, textarea { -webkit-user-select: auto; }*/ /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; appearance: revert; } /* preformatted text - use only for this feature */ :where(pre) { all: revert; box-sizing: border-box; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* remove default dot (•) sign */ ::marker { content: initial; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable="false"])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable="true"]) { -webkit-user-drag: element; } /* Revert Modal native behavior */ :where(dialog:modal) { all: revert; box-sizing: border-box; } /*** NORMALIZE **/ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } .gallery-filter li input[type=checkbox]{ all: revert!important; } #page { width: 100%; max-width: 2200px; margin: 0 auto; overflow: hidden; position: relative; } .body-wrapper .content1, .body-wrapper .content2{ padding-left: 15px; padding-right: 15px; } .products-banner .products-content-home h4.biloh4{ margin-bottom: 10px!important; } /*#carousel1 .slick-list{ height: auto!important; }*/ .body-wrapper .content2 .biloh3{ margin-bottom: 20px; } .banner .overlay-banner-text{ display: flex; justify-content: center; align-items: center; } .overlay-banner-text .banner-text-wrap{ line-height: 50px; } .top-header .call-top a{ color: #4F4D4B; } .top-header .call-top a:hover{ opacity:0.8; } .wsp-pages-list li{ position:relative; } .wsp-pages-list li:before{ container:''; position:absolute; width: 8px; height:8px; left:0; top:0; background-color:#4f4d4b; border-radius:50%; } .home .banner{ height: 744px; } .home .banner img{ object-fit: cover; } .page-id-2084 .accordion .accordion-item:nth-child(2) .accordion-content-grid img{ height: 215px; object-fit: cover; } .page-id-2084 .accordion .accordion-item:last-child .accordion-content-grid .item p:first-child{ height: 286px; display: flex; justify-content:center; align-items: center; } .accordion .bilo16strong{ padding-top: 5px; padding-bottom:5px; } /*.page-id-2084 .banner{ height: 694px; overflow: hidden; }*/ .photo-slider-large div{ height: 670px; } .photo-slider-large div img{ height: 100%; object-fit: cover; width: 100%; } .gallery-carousel .photo-slider-nav .slick-slide, .gallery-carousel .photo-slider-nav .slick-slide div{ height: 135px; } .gallery-carousel .photo-slider-nav .slick-slide img{ width: 100%; height: 100%; object-fit: cover; } .other-content p{ padding-bottom: 30px; } .other-content p:last-child{ padding-bottom:0; } .two-column-carousel .carousel-item .item-desc-list p{ padding-bottom: 30px; } .two-column-carousel .carousel-item .item-desc-list p:last-child{ padding-bottom:0; } .two-column-carousel .carousel-item .item-desc-list h4 + h4{ position:relative; margin-top: 15px; padding-top: 15px; } .two-column-carousel .carousel-item .item-desc-list h4 + h4:before{ content:''; position: absolute; width: 100%; height: 1px; left:0; top: 0px; background-color: #4f4d4b; } .page-id-7 h1, .page-id-64 h1{ font-size:inherit!important; } .page-id-7 .body-wrapper p, .page-id-22 .body-wrapper p, .page-id-64 .body-wrapper p, .page-id-22 .body-wrapper h3{ padding-bottom: 25px; } .body-wrapper ul { padding-bottom: 25px; } .body-wrapper ul li { position: relative; padding: 0 0 10px 15px; display: table; } .body-wrapper ul li:before { content: ''; width: 6px; height: 6px; background: #4f4d4b; position: absolute; left: 0px; top: 10px; border-radius: 50%; } .body-wrapper ol { list-style: none; counter-reset: num; } .body-wrapper ol li { counter-increment: num; padding-left: 15px; position: relative; padding-bottom: 10px; } .body-wrapper ol li:before { content: counter(num) ". "; color: #4f4d4b; left: 0; position: absolute; top: 0; } .biloh4strong, .carousel .item-desc h4{ padding-bottom:8px; } .cta-fullwidth + .content-container{ padding-top:50px; } h2.content2h2{ padding-bottom:25px; } .page-id-1108 .subscribe-wrapper{ display:none!important; } .carousel__list{ } .carousel__item{ width: 437px; height: 437px; padding-inline: 20px; opacity:1!important; } .carousel__item img{ width:100%; height: 100%; object-fit:cover; opacity:1!important; } .be-inspired p{ margin-block-start:0!important; } .beinspired-gallery{ padding-block:110px; } .beinspired-gallery .wp-block-columns{ align-items:center!important; justify-content:center!important; } .beinspired-gallery .container{ max-width: inherit!important; width:100vw; margin-inline: calc(-50vw + 50%); padding-inline:0; } .page-template-page-combo-products .banner{ margin-block-start:0; padding-block-start:75px; } .combo-content{} .image-with-desc{ } .image-with-desc .wrap{ display:flex; justify-content:space-between; align-items: center; flex-wrap:wrap; padding-block:110px; } .image-with-desc .wrap .img, .image-with-desc .wrap .desc{ width:48%; } .image-with-desc .wrap .img{ height: 691px; } .image-with-desc .wrap .img img{ width: 100%; height: 100%; object-fit:cover; } .image-with-desc .wrap .desc h2{ font-family: bilo,sans-serif; text-transform:uppercase; font-size:48px; line-height:1; } .image-with-desc .wrap .desc p{ margin-block-start:25px; } .image-with-desc .wrap .desc .cta-btn{ margin-block-start:40px; } .image-with-desc .wrap .desc .cta-btn a{ width:280px; } .image-with-desc .wrap:first-child{ flex-direction:row-reverse; padding-block-end:0; } .image-with-desc + .beinspired-gallery{ padding-block-start:0; } .beinspired-gallery .title-desc{ width: 100%; max-width: 1366px; margin: 0 auto; display:flex; justify-content:space-between; align-items: center; flex-wrap:wrap; padding-block-end:110px; } .beinspired-gallery .title-desc h2{ font-family: bilo,sans-serif; font-size:48px; text-transform:uppercase; } .beinspired-gallery .title-desc p{ max-width: 68%; } .page-template-page-combo-products .content2{ padding-block:110px; } .page-template-page-combo-products .content2 h2{ font-family: bilo,sans-serif; letter-spacing: .1em; text-transform:uppercase; font-size:48px; line-height:1; } .page-template-page-combo-products .content2 p{ margin-block-start:20px; } .page-template-page-combo-products .content2 .home-why{ padding-block-start:30px; justify-content:center; } .page-template-page-combo-products .content2 .home-why .col.col-4{max-width:inherit; width:auto; margin-inline:15px; } .overlay-btext{ position:absolute; width:100%; left:0; top:75px; height:300px; display:flex; justify-content:center; align-items: center; background-color:rgba(79,163,193,0.61); flex-direction:column; } .overlay-btext h2{ font-family: bilo,sans-serif; color:#fff; font-size:48px; text-transform:uppercase; line-height:1; } .overlay-btext h4{font-family: bilo,sans-serif; color:#fff; font-size:24px; text-transform:uppercase; margin-block-start:25px; } .page-template-page-combo-products .content-container h3{ font-family: bilo,sans-serif; font-size:32px; text-transform:uppercase; } .page-id-2392 .content-container h3{ margin-block-start:60px; } .announcement-section{ background-color: #52626c; font-weight: 700; font-size: 16px; color: #fff; text-transform: uppercase; padding-block:15px; text-align:center; } .announcement-section span:empty{ display: none!important;} #st-2.st-right{ display:none!important; } .gallery-carousel + .content2 .home-why{ flex-wrap:inherit!important; justify-content:center!important; gap:50px; } .gallery-carousel + .content2 .home-why .col.col-4, .gallery-carousel + .content2 .home-why .col{ max-width:inherit!important; width:176px!important; } .carousel .item-desc-list li::before{ background: transparent!important; } .carousel .item-desc-list li{ padding-inline-start: 0!important; } /*** blog 5 13 2025 **/ .new-layout{ max-height: 600px; overflow: hidden; position: relative;} .new-layout .title{ position: absolute; top: calc(100% - 200px); left: 0; z-index: 10; transform: translate(0%, -50%); width: 100%; text-align: center; background-color: rgb(255 255 255 / .7); text-align: center; } .new-layout .title h1{ font-family: cormorant-garamond, serif; font-weight: 700; font-size: 60px; color: #52626C; } .new-layout .blog-limg img{ width: 100%; height: 100%; object-fit: cover; object-position: 20%;} .blog-wrapper{ padding-block: 50px; } .blog-lists-content{ display: flex; justify-content: space-between; flex-wrap: wrap; } .blog-lists{ width: 65%;} .blog-sidebar{ width: 30%;} .blog-lists-content { & .blog-lists{ display: flex; justify-content: space-between; flex-wrap: wrap; & article{ width: calc(100% / 2 - 30px); padding-inline: 15px; padding-block: 15px; border-radius: 5px; border: 1px solid #4F4D4B; margin-block-end: 25px; & .img{ height: 170px; overflow: hidden; margin-block-end: 15px; & img{ width: 100%; height: 100%; object-fit: cover; } } & h2{ font-size: 26px; color: #4F4D4B; line-height: 1; font-weight: bold; } & a{ font-size: 26px; color: #4F4D4B; } & .post-date{ padding-block: 8px;} & .entry-content { p{ font-size: 18px; line-height: 1.2;} a{ &.read-more{ color: #99C4D4; font-size: 20px; margin-block-start: 8px; display: inline-block; } } } } & .blog-post-detail{ & h1{ line-height: 1.1;} & img{ margin-block-start: 25px; } } } & .blog-content { & :is(h2, h3, h4, h5){ margin-block-start: 25px;} & h3{ font-size: 32px;} & p{ margin-block-start: 25px;} & ul{ margin-block-start: 10px; & li{ position: relative; padding: 0 0 0 15px; display: table; &::before{ content: ''; width: 6px; height: 6px; background: #4F4D4B; border-radius: 50%; position: absolute; left: 0; top: 8px;} } } & ol{ counter-reset: item; & li{ display: block; position: relative; padding: 0 0 0 20px; margin-bottom: 10px; &::before{ content: counter(item) ". "; counter-increment: item; color: #4F4D4B; position: absolute; left: 0; } } } & table{ margin-block-start: 25px; margin-block-end: 50px; border-left: 1px solid #4F4D4B; border-top: 1px solid #4F4D4B; border-bottom: 1px solid #4F4D4B; & td{ padding-inline: 8px; padding-block: 8px; border-bottom: 1px solid #4F4D4B; vertical-align: middle; border-right: 1px solid #4F4D4B; } } } } .blog-sidebar{ & h3{ font-size: 36px; font-weight: bold; color: #52626C; } & ul{ margin-block-start: 25px; & li{ & a{ font-size: 18px; color: #4F4D4B; &:hover{ color: #99C4D4; } } } } & article{ padding-block: 10px; border-bottom: 1px solid #4F4D4B ; &.recent-post{ margin-block-start: 0px; } &:first-child{ margin-block-start: 15px;} & h2{ font-size: 20px; color: #4F4D4B; line-height: 1; font-weight: bold; a{ color: #4F4D4B; line-height: 1; &:hover{ color: #99C4D4; } } } & p{font-size: 16px; font-weight: normal; color: #52626C;} } & .archive-posts{ margin-block-start: 50px;} & h3 + article{ margin-block-start: 30px!important;} } html:has(.single-post){ overflow-x: hidden; } .single-post{ &:has(.blog-lists-content){ & .gallerybanner{ & img{ height: 380px; object-fit: cover; } & .overlay-banner-text{ position: static; transform: none; } } } } .page-template-blog-template{ &:has(.blog-lists-content){ & .gallerybanner{ & img{ height: 380px; object-fit: cover; } & .overlay-banner-text{ position: static; transform: none; } } } } html:has(.archive){ overflow-x: hidden; } .archive{ &:has(.blog-lists-content){ & .gallerybanner{ & img{ height: 380px; object-fit: cover; } & .overlay-banner-text{ position: static; transform: none; } } } } .archive-post{ & .post-date{ padding-block-end: 15px; } & .readmore{ max-width: 250px; margin-block-start: 25px; } } @media only screen and (max-width: 1199px) { .blog-wrapper{ padding-inline: 15px; & .blog-lists-content { & .blog-lists { & article { width: calc(100% / 2 - 15px); } } } } } @media only screen and (max-width: 991px) { .blog-wrapper{ padding-inline: 15px; & .blog-lists-content { & .blog-lists { & article { width: 100%; } } } } } @media only screen and (max-width: 767px) { .blog-wrapper{ padding-inline: 15px; padding-block-start: 25px; & .blog-lists-content { & .blog-content{ & :is(h2){ font-size: 32px; } } & .blog-lists { width: 100%; & .blog-post-detail{ & h1{ font-size: 34px; } } } & .blog-sidebar{ width: 100%; margin-block-start: 50px; } } } .single-post{ &:has(.blog-lists-content){ & .gallerybanner{ & .overlay-banner-text{ margin-block-start: 15px; } } } } .page-template-blog-template { &:has(.blog-lists-content) { & .gallerybanner { & .overlay-banner-text { margin-block-start: 15px; } } } } .archive{ &:has(.blog-lists-content){ & .gallerybanner{ & .overlay-banner-text{ margin-block-start: 15px; } } } } .wrap-table{ overflow: scroll; width: 350px; & table{ width: 500px; } } } .page:has(.subscribe-wrapper iframe) iframe{ width: 445px; height: 465px; } @media only screen and (min-width: 1200px){ .products-banner p:has(img){ height:750px; } .products-banner p img{ width: 100%; height:100%; object-fit:cover; } /*#carousel1 .slick-list{ height: auto!important; }*/ .gallery-carousel .photo-slider-nav .slick-prev, .gallery-carousel .photo-slider-nav .slick-next{ top: -220%!important;} .page-id-44 #carousel1 .carousel-item{ display: flex; align-items: center; } .page-id-44 #carousel1 .carousel-item:last-child{ display: block!important;} } @media only screen and (min-width: 992px){ .page-id-2084 .banner{ height: 694px; overflow: hidden; } .home .banner .overlay-banner-text{ font-size:50px; } .home .content1 + .content-border .content2{ padding-block-start:32px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .products-banner{ height: auto; } .products-banner img{ width: 100%; height: 100%; object-fit: cover; } .footer-top-container{ padding: 0 15px!important; } .navigation-menu .menu li a{ padding-left: 8px!important; padding-right: 8px!important; } .carousel .slick-prev{ left:-20px!important; } .carousel .slick-next{ right: -20px!important; } .gallery-container{ justify-content: space-between!important; } .gallery-container .gallery-grid{ max-width: 70%!important; } .body-wrapper .container{ max-width: 1140px!important; } .page-template-page-combo-products .beinspired-gallery .container{ max-width:100%!important; padding-inline:0!important } .beinspired-gallery .title-desc{ padding-inline:15px!important; } .products-banner p:has(img){ height:850px; } } @media only screen and (max-width: 1199px) { .navigation-menu .menu li a{ font-size: 15px; padding: 32px 5px!important;} .navigation-menu .menu li li a{ padding-block:12px!important; } .products-banner{ height: auto; } .products-banner p{ height: 100%; } .products-banner img{ width: 100%; height: 100%; object-fit: cover; } .products-banner p:has(img){ height:850px; } .footer-top-container{ padding: 0 15px!important; } .products-banner .products-content-home{ padding-left: 40px!important; padding-right: 40px!important; } .products-banner .products-content-home h3{ font-size: 42px!important; } .carousel .slick-prev{ left:-20px!important; } .carousel .slick-next{ right: -20px!important; } .slick-slide img{ margin: auto!important; } .top-header .btn-top{ margin-left: 20px; } .gallery-carousel{ padding-left: 100px; padding-right: 100px; } .gallery-carousel .photo-slider-nav .slick-prev{ left: -50px!important; } .gallery-carousel .photo-slider-nav .slick-next{ right: -50px!important; } .gallery-container{ justify-content: space-between!important; } .gallery-container .gallery-grid{ max-width: 70%!important; } .body-wrapper .container{ max-width: 960px!important; } .page-template-page-combo-products .beinspired-gallery .container{ max-width:100%!important; } .beinspired-gallery .title-desc{ padding-inline:15px; } .mail-box .wpcf7-not-valid-tip{ position:absolute; left:50%; transform:translate(-50%,0); white-space:nowrap; } .mail-box .btn-submit{ position:relative; top:5px; } .mail-box p{ position:relative; display: flex; } .mail-box p .wpcf7-spinner{ position:absolute; margin-inline:15px 0; } .subscribe-footer{ width:100%!important; } .mail-box .wpcf7-form-control-wrap{ width:90%; } .mail-box .wpcf7.js{ width: 40%; margin-inline:auto; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { html .gallery-carousel .photo-slider-nav .slick-prev,html .gallery-carousel .photo-slider-nav .slick-next{ top: -250%; -webkit-transform: translate(0, -250%); -ms-transform: translate(0, -250%); transform: translate(0, -250%);} } @media only screen and (max-width: 991px) { .navigation-menu .menu li a{ padding: 12px!important; } .logo{ max-width: 100%; } .subscribe-column{ justify-content: center; } .subscribe-column .subscribe-img{ display: none; } .subscribe-wrapper{ top: 0!important; margin-bottom: 0!important; } img.lazy{ display: block; margin:auto; } .banner .overlay-banner-text{ display: flex; justify-content: center; align-items: center; } .overlay-banner-text .banner-text-wrap{ line-height:1!important;} #footer .social{ display: flex; justify-content: flex-end; } #footer .social a{ margin-left:10px; } .body-wrapper .content2 .biloh3, .body-wrapper .content2 h2{ margin-top: 40px; margin-bottom: 20px; } #footer{ margin-top: 50px; } .body-wrapper .container{ max-width: 720px!important; } .gallery-container .gallery-grid{ max-width: 100%!important; padding-left:0!important; } .gallery-filter{ max-width: 100%!important; margin-bottom: 20px; } .gallery-grid-item h4{ margin-top: 8px!important; } .gallery-grid-item{ max-width: 31.2%!important;} .home .banner{ height: 100%; } .overlay-btext{ position:relative; top:0; } .image-with-desc .wrap{ flex-direction:column!important; } .image-with-desc .wrap .img{ width:100%; margin-block-end:50px; } .image-with-desc .wrap .desc{ width: 100%; } .image-with-desc .wrap .desc .cta-btn a{ margin-inline:auto; } .beinspired-gallery .title-desc p{ max-width: 100%; padding-block-start:25px; } .page-template-page-combo-products .content2 h2{ margin-block-start:0 } .page-template-page-combo-products .content2 .home-why{ margin-block-end:0; } .page-template-page-combo-products #footer{ margin-block-start:0; } #header .container{ position:relative; } #header .toggle-nav{ top:22px!important; } .mail-box{ flex-direction:column; gap:25px; } .mail-box h3{ margin-block-start:25px!important; } .mail-box .btn-submit{ height:20px!important; width:20px!important; } .photo-slider-large div{ height:350px; } .gallery-carousel .photo-slider-nav .slick-slide, .gallery-carousel .photo-slider-nav .slick-slide div{ height:80px; } .navigation-menu .menu li:has(.sub-menu) a{ position:relative; } .navigation-menu .menu li:has(.sub-menu) a:after{ content: ''; border-right: 2px solid #52626C; border-top: 2px solid #52626C; transform: rotate(45deg); width:10px; height:10px; position:relative; top:7px; left:5px; } .navigation-menu .menu li:has(.sub-menu) li a:after{ display:none; } .gallery-carousel+.content2 .home-why{ flex-wrap:wrap!important; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .products-banner .products-content-overlay-left, .products-banner .products-content-overlay-right{ width: 60%!important;} /*.navigation-menu{ padding-block-start:90px; }*/ } @media only screen and (min-width: 700px) and (max-width: 1450px) { #st-2{ top:215px!important; } } @media only screen and (max-width: 767px) { .body-wrapper .content2{ padding-top: 30px; } .products-banner{ height: auto!important; } #footer .social{ justify-content: flex-start; } .mail-box h3{ margin-top: 15px; } .gallery-carousel{ padding-left: 50px; padding-right: 50px; margin-bottom:0!important; } .gallery-carousel .photo-slider-nav .slick-prev::before, .gallery-carousel .photo-slider-nav .slick-next::before{ width: 25px!important; height: 25px!important; } .has-arrow::after{ width: 15px!important; height: 15px!important; top: 5px!important; } .content-border-bottom + .content-container.content2{ padding-top:0!important; } .body-wrapper .container{ max-width: 540px!important; } .carousel__item{ width: 250px; height: 250px; padding-inline: 10px; } .beinspired-gallery{ padding-block:80px; } .page-template-page-combo-products .content2 .home-why{ justify-content:center; max-width:100%; } .page-template-page-combo-products .content2 .home-why .col.col-4{ } .page-template-page-combo-products .beinspired-gallery .container{ max-width:100%!important; } .beinspired-gallery .title-desc{ padding-inline:0px; } .overlay-btext{ height:200px; } .page-template-page-combo-products .overlay-btext h2{ font-size:28px!important; } .overlay-btext h4{ font-size:18px; } .banner{ margin-top:235px!important; } .products-banner p:has(img){ height:auto; } .container.content-border{ margin-block-end:0!important; } .products-banner .products-content-home h3{ line-height:1!important; } .mail-box .wpcf7.js{ width: 80%; } .two-column-carousel{ padding-block-start: 25px; } .cta-btn{ margin-inline:calc(-50vw + 50%)!important; } } @media only screen and (max-width: 575px){ .body-wrapper .container{ padding-left: 15px; padding-right: 15px; } .page-template-page-combo-products h2{ font-size:40px!important; } .announcement-section{ font-size:15px; line-height:1.1; padding-inline:50px; } .top-header{ padding-block-start:10px; } .slick-prev::before, .slick-next::before{ width:30px!important; height:30px!important; } .carousel .slick-prev{ left:-25px!important; } .carousel .slick-next{ right:-25px!important; } .photo-slider-nav .slick-list{ display:none; } .gallery-carousel .photo-slider-nav .slick-prev, .gallery-carousel .photo-slider-nav .slick-next{ top:-180px!important; transform:none!important; -webkit-transform: none!important; } .gallery-carousel+.content2 .home-why{ gap:0px; } .page:has(.subscribe-wrapper iframe) iframe{ width: 100%; height: 500px;} } @media only screen and (max-width: 542px){ .toggle-nav{ top: 125px!important; } .page-template-page-combo-products .banner{ padding-top:102px; } } @media only screen and (max-width: 480px){ .overlay-banner-text .banner-text-wrap{ line-height:1; } .home-why .col, .home-why .col.col-4{ max-width: 100%!important; margin-top: 25px!important; } .gallery-grid-item{ max-width: 48%!important;} .announcement-section{ padding-inline:20px; } }