/*! Theme Name: Clay Brook Theme URI: http://underscores.me/ Author: Underscores.me Author URI: http://underscores.me/ Description: Description Version: 1.0.0 Tested up to: 5.4 Requires PHP: 5.6 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: clay-brook Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned. Clay Brook is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Generic - Normalize - Box sizing # Base - Typography - Elements - Links - Forms ## Layouts # Components - Navigation - Posts and pages - Comments - Widgets - Media - Captions - Galleries # plugins - Jetpack infinite scroll # Utilities - Accessibility - Alignments --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Generic --------------------------------------------------------------*/ /* Normalize --------------------------------------------- */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /*This is Added in live*/ header.siteHeader{ transition:0.3s ease-in-out; } .stickyDisplay{ display:none; } .menuStick .stickyDisplay{ display:block; } .menuStick .normalDisplay{ display:none; } header.siteHeader.menuStick { background-color: #fff; position: fixed !important; z-index:99999; padding-top:15px; padding-bottom:15px; } header.siteHeader.menuStick *{ color:#000; } header.siteHeader.menuStick .menuHamContainer svg path,header.siteHeader.menuStick .searchBtn svg path,header.siteHeader.menuStick .location svg path{ stroke:#000; } header.siteHeader.menuStick .logoContainer svg{ } header.siteHeader.menuStick .rightLogin li a{ color:#000; } header.siteHeader.menuStick .logoContainer path{ fill:#000; } /*Banner*/ .smallBanner .bannerInnerSlider .bannerContent{ /* bottom: 80px; top:unset; */ } .smallBanner .bannerInnerSlider video,.bannerInnerSlider video{ height: 100vh; -o-object-fit: cover; object-fit: cover; width: 100%; } div#load-more-products,div#load-more-installations { text-align: center; margin-top: 20px; margin-bottom: 80px; dsplay:inline-block; max-width:150px; margin-left:auto; margin-right:auto; cursor:pointer; } div#load-more-products,div#load-more-installations { border: 1px rgba(230, 230, 230, 1) solid; padding:18px 20px; } div#load-more-products:hover,div#load-more-installations:hover{ background-color:#000; color:#fff; } div#load-more-products:hover svg path,div#load-more-installations:hover svg path{ stroke: #fff; } .innerCard { margin-bottom: 30px; } .singlePage .pageCOntnent{ max-width:100%; } .wp-block-image { margin-top: 20px; margin-bottom: 20px; } .prodSec{ overflow-x:hidden; } .produCatContainer img{ width:100%; } .colorOption li a { position: relative; } .colorOption li a.active{ } .colorOption li a.active:after { content: ''; background:url('data:image/svg+xml,'); height: 72px; width: 72px; display: block; position: absolute; background-repeat: no-repeat; top: 4px; left: 21px; } .colorOption li a.active img{ outline: 1px #000 solid; outline-offset: 2px; border-radius: 50%; } .contactPage h1.wp-block-heading { font-weight: 300; font-size: 28px; line-height: 150%; margin-bottom: 60px; } .ff-default .ff-el-input--label label { font-size: 14px; color: #000; font-weight:300; } .ff-el-input--content select, .ff-el-input--content input, .ff-el-input--content textarea { border: 0 !important; border-bottom: 1px #000 solid !important; border-radius: 0 !important; padding: 0 !important; padding-bottom: 11px !important; color: #000 !important; font-family: 'Roboto' !important; } .ff-default .ff_btn_style { background-color: #000 !important; width: 100%; border-radius: 0; padding-top: 20px; padding-bottom: 20px; font-size: 14px; letter-spacing: 2px; font-weight: 300; text-transform: uppercase; margin-top: 40px; } .ff-default .ff_btn_style svg path{ stroke:#fff; } p.contactInfo strong { font-size: 22px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; } p.contactInfo { font-size: 12px; margin-top:40px; } .fluentform .ff-el-group { margin-bottom: 40px; } .searchFields form{ width: 100%; position: relative; margin-bottom:60px; } .searchFields form input { width: 100%; height: 58px; border: 0; border-bottom: 1px #000 solid; padding-left:40px; font-size:20px; font-weight:300; } .searchFunction { position: absolute; top: 15px; } .searchFields form button{ position: absolute; right: 0; border: 0; background: #fff; top: 15px; font-size: 16px; font-weight: 300; } div#product-archive-results p { color: rgba(0, 0, 0, 1); letter-spacing: 0; margin-top: 80px; text-align: center; font-sze:22px; } div#product-archive-results p.suggestionSearch { font-size: 28px; color: #000; margin-bottom: 52px; text-align: left; } div#product-archive-results .prodInn h4 { font-size: 18px; font-weight: 400; color: #000; margin-top: 16px; letter-spacing: 1px; } .singlePage.pageContentPage .pageCOntnent h2, .singlePage.pageContentPage .pageCOntnent h4, .singlePage.pageContentPage .pageCOntnent h4, .singlePage.pageContentPage .pageCOntnent h5, .singlePage.pageContentPage .pageCOntnent h6 { font-weight: 600; text-transform: uppercase; font-size: 28px; letter-spacing: 7px; margin-bottom: 16px; } .singlePage .pageCOntnent p{ margin-bottom:25px; } .getbackBtn a { text-transform: uppercase; font-weight: 600; letter-spacing: 2px; color:#000; } .wholeProgressIndicator { height: 1px; width: 100%; background-color: rgba(108, 108, 108, 0.4); } .tabandScrollbar ul { display: flex; justify-content: space-between; } .tabandScrollbar ul li{ flex: 1; text-align: center; padding-bottom:25px; position:relative; } .tabandScrollbar ul li a{ font-weight: 300; font-size: 14px; text-align: center; color:rgba(0, 0, 0); text-transform:capitalize; } .tabandScrollbar { position: sticky; top: 71px; background-color: transparent; padding-bottom: 41px; } .tabandScrollbar.activeScrollbar { background-color: #fff; } .contentInnStory a { color: #333; display:block; margin-top:15px; } .contentInnStory a:after { color: blue; background-image: url("data:image/svg+xml,%3Csvg width='15' height='8' viewBox='0 0 15 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 4H13L9.5 7.5' stroke='%23000'%3E%3C/path%3E%3C/svg%3E"); content: ''; height: 8px; width: 15px; display: inline-block; margin-left: 10px; top: -2px; position: relative; } .contentInnStory{ padding-top:40px; padding-bottom:40px; } .contentInnStory h3 { font-size: 36px; font-weight: 400; text-align: center; max-width: 1100px; margin: 0 auto; margin-bottom:30px; text-transform:capitalize; } .contentInnStory img{ padding-top:70px; } .stickyLogo { position: sticky; top: 50%; z-index:-1; } .storyImgInn { margin-bottom: 0; } .contentInnStory p { max-width: 800px; margin: 0 auto; color: rgb(0, 0, 0); line-height: 229%; font-size: 16px; } .wholeContentWrapper hr:last-child { display: none; } .tabandScrollbar ul li:after { content: ''; height: 7px; width: 7px; display: block; background-color: rgba(0,0,0,0.5); position: absolute; left: 50%; border-radius: 50%; bottom: -3px; } .tabandScrollbar ul li a.active { color: rgba(0, 0, 0, 1) !important; font-weight:500; letter-spacing: 2px; } .tabandScrollbar ul li a.active:after { background-color: rgba(0,0,0,1) !important; } .storyPageContent{ padding-top:100px; padding-bottom:100px; } .storyPageContent p{ font-weight: 400; font-size: 14px; line-height: 229.99999999999997%; color:rgba(68, 68, 68, 0.85); } .storyPageContent p strong{ font-weight: 600; color:rgba(0, 0, 0, 1) } /*FAQ page*/ .accordion-button:not(.collapsed) { background-color: #fff !important; border: 0 !important; } button.accordion-button { font-weight: 300; font-size: 28px; line-height: 48px; text-transform: capitalize; color: #000 !important; } button.accordion-button { box-shadow: unset !important; } .accordion-item { border: 0 !important; border-bottom: 1px rgba(179, 179, 179, 1) solid !important; margin-top: 40px; padding-bottom: 40px; } .accordion-body { padding: 0 !important; padding-top: 40px !important; } button.accordion-button { padding: 0 !important; } .accordion-body p { font-size: 16px; line-height: 230%; } .faqSec .accordion-button::after{ width: 200px; background-image: url("data:image/svg+xml,%3Csvg width='138' height='15' viewBox='0 0 138 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.18476 3.984C6.10476 3.896 5.98877 3.804 5.83677 3.708C5.68477 3.604 5.50477 3.508 5.29677 3.42C5.08877 3.332 4.86476 3.26 4.62476 3.204C4.38476 3.148 4.13677 3.12 3.88077 3.12C3.32077 3.12 2.90476 3.224 2.63276 3.432C2.36076 3.64 2.22476 3.928 2.22476 4.296C2.22476 4.568 2.30076 4.784 2.45276 4.944C2.60476 5.096 2.83676 5.224 3.14876 5.328C3.46077 5.432 3.85277 5.544 4.32477 5.664C4.90077 5.8 5.40077 5.964 5.82477 6.156C6.24876 6.34 6.57276 6.588 6.79676 6.9C7.02077 7.212 7.13277 7.624 7.13277 8.136C7.13277 8.568 7.05277 8.94 6.89277 9.252C6.73277 9.564 6.50877 9.82 6.22077 10.02C5.93277 10.212 5.60076 10.356 5.22477 10.452C4.84877 10.54 4.44477 10.584 4.01276 10.584C3.58876 10.584 3.16476 10.54 2.74077 10.452C2.32477 10.364 1.92476 10.236 1.54076 10.068C1.16476 9.892 0.816765 9.68 0.496765 9.432L1.10876 8.28C1.21276 8.384 1.36076 8.5 1.55276 8.628C1.75276 8.748 1.98076 8.864 2.23676 8.976C2.50076 9.088 2.78477 9.184 3.08877 9.264C3.40077 9.336 3.71677 9.372 4.03676 9.372C4.57276 9.372 4.98076 9.28 5.26076 9.096C5.54877 8.904 5.69277 8.632 5.69277 8.28C5.69277 7.992 5.60077 7.764 5.41677 7.596C5.23277 7.42 4.96477 7.272 4.61277 7.152C4.26077 7.032 3.84076 6.912 3.35276 6.792C2.79276 6.64 2.32476 6.476 1.94876 6.3C1.57276 6.116 1.28876 5.884 1.09676 5.604C0.912765 5.316 0.820765 4.952 0.820765 4.512C0.820765 3.952 0.956765 3.48 1.22876 3.096C1.50076 2.704 1.86876 2.412 2.33276 2.22C2.80476 2.02 3.33276 1.92 3.91677 1.92C4.30077 1.92 4.66477 1.964 5.00876 2.052C5.35277 2.132 5.67277 2.244 5.96877 2.388C6.27277 2.532 6.54877 2.696 6.79676 2.88L6.18476 3.984ZM17.8767 1.98V10.5H16.5207V6.744H12.2247V10.5H10.8807V1.98H12.2247V5.544H16.5207V1.98H17.8767ZM25.7387 10.56C25.1227 10.56 24.5667 10.44 24.0707 10.2C23.5747 9.96 23.1467 9.636 22.7867 9.228C22.4267 8.812 22.1467 8.348 21.9467 7.836C21.7547 7.316 21.6587 6.784 21.6587 6.24C21.6587 5.672 21.7627 5.132 21.9707 4.62C22.1787 4.1 22.4667 3.64 22.8347 3.24C23.2027 2.832 23.6347 2.512 24.1307 2.28C24.6347 2.04 25.1787 1.92 25.7627 1.92C26.3707 1.92 26.9227 2.044 27.4187 2.292C27.9227 2.54 28.3507 2.872 28.7027 3.288C29.0627 3.704 29.3387 4.168 29.5307 4.68C29.7307 5.192 29.8307 5.716 29.8307 6.252C29.8307 6.82 29.7267 7.364 29.5187 7.884C29.3187 8.396 29.0347 8.856 28.6667 9.264C28.2987 9.664 27.8627 9.98 27.3587 10.212C26.8627 10.444 26.3227 10.56 25.7387 10.56ZM23.0267 6.24C23.0267 6.64 23.0907 7.028 23.2187 7.404C23.3467 7.78 23.5267 8.116 23.7587 8.412C23.9987 8.7 24.2867 8.928 24.6227 9.096C24.9587 9.264 25.3347 9.348 25.7507 9.348C26.1827 9.348 26.5667 9.26 26.9027 9.084C27.2387 8.908 27.5187 8.672 27.7427 8.376C27.9747 8.072 28.1507 7.736 28.2707 7.368C28.3907 6.992 28.4507 6.616 28.4507 6.24C28.4507 5.84 28.3867 5.456 28.2587 5.088C28.1387 4.712 27.9587 4.38 27.7187 4.092C27.4787 3.796 27.1907 3.564 26.8547 3.396C26.5267 3.228 26.1587 3.144 25.7507 3.144C25.3187 3.144 24.9347 3.232 24.5987 3.408C24.2627 3.584 23.9787 3.82 23.7467 4.116C23.5147 4.412 23.3347 4.744 23.2067 5.112C23.0867 5.48 23.0267 5.856 23.0267 6.24ZM36.318 2.016H37.578L38.634 4.908L39.702 2.016H40.962L39.498 5.808L40.77 8.94L43.422 1.98H44.898L41.406 10.5H40.242L38.646 6.684L37.038 10.5H35.862L32.382 1.98H33.846L36.51 8.94L37.782 5.808L36.318 2.016ZM53.2463 10.5V1.98H56.2703C57.1903 1.98 57.9583 2.172 58.5743 2.556C59.1903 2.932 59.6503 3.444 59.9543 4.092C60.2663 4.732 60.4223 5.444 60.4223 6.228C60.4223 7.092 60.2503 7.844 59.9063 8.484C59.5703 9.124 59.0903 9.62 58.4663 9.972C57.8423 10.324 57.1103 10.5 56.2703 10.5H53.2463ZM59.0543 6.228C59.0543 5.628 58.9423 5.1 58.7183 4.644C58.5023 4.18 58.1863 3.82 57.7703 3.564C57.3623 3.3 56.8623 3.168 56.2703 3.168H54.5903V9.312H56.2703C56.8703 9.312 57.3743 9.176 57.7823 8.904C58.1983 8.632 58.5143 8.264 58.7303 7.8C58.9463 7.336 59.0543 6.812 59.0543 6.228ZM70.0802 9.312V10.5H64.2362V1.98H69.9722V3.168H65.5802V5.592H69.3842V6.708H65.5802V9.312H70.0802ZM80.1186 3.168H77.2866V10.5H75.9306V3.168H73.0866V1.98H80.1186V3.168ZM85.3243 1.98H86.5963L89.9083 10.5H88.4923L87.5923 8.184H84.3043L83.4163 10.5H81.9883L85.3243 1.98ZM87.3283 7.188L85.9603 3.456L84.5443 7.188H87.3283ZM93.3619 10.5V1.98H94.7059V10.5H93.3619ZM99.0315 10.5V1.98H100.375V9.312H104.947V10.5H99.0315ZM113.479 3.984C113.399 3.896 113.283 3.804 113.131 3.708C112.979 3.604 112.799 3.508 112.591 3.42C112.383 3.332 112.159 3.26 111.919 3.204C111.679 3.148 111.431 3.12 111.175 3.12C110.615 3.12 110.199 3.224 109.927 3.432C109.655 3.64 109.519 3.928 109.519 4.296C109.519 4.568 109.595 4.784 109.747 4.944C109.899 5.096 110.131 5.224 110.443 5.328C110.755 5.432 111.147 5.544 111.619 5.664C112.195 5.8 112.695 5.964 113.119 6.156C113.543 6.34 113.867 6.588 114.091 6.9C114.315 7.212 114.427 7.624 114.427 8.136C114.427 8.568 114.347 8.94 114.187 9.252C114.027 9.564 113.803 9.82 113.515 10.02C113.227 10.212 112.895 10.356 112.519 10.452C112.143 10.54 111.739 10.584 111.307 10.584C110.883 10.584 110.459 10.54 110.035 10.452C109.619 10.364 109.219 10.236 108.835 10.068C108.459 9.892 108.111 9.68 107.791 9.432L108.403 8.28C108.507 8.384 108.655 8.5 108.847 8.628C109.047 8.748 109.275 8.864 109.531 8.976C109.795 9.088 110.079 9.184 110.383 9.264C110.695 9.336 111.011 9.372 111.331 9.372C111.867 9.372 112.275 9.28 112.555 9.096C112.843 8.904 112.987 8.632 112.987 8.28C112.987 7.992 112.895 7.764 112.711 7.596C112.527 7.42 112.259 7.272 111.907 7.152C111.555 7.032 111.135 6.912 110.647 6.792C110.087 6.64 109.619 6.476 109.243 6.3C108.867 6.116 108.583 5.884 108.391 5.604C108.207 5.316 108.115 4.952 108.115 4.512C108.115 3.952 108.251 3.48 108.523 3.096C108.795 2.704 109.163 2.412 109.627 2.22C110.099 2.02 110.627 1.92 111.211 1.92C111.595 1.92 111.959 1.964 112.303 2.052C112.647 2.132 112.967 2.244 113.263 2.388C113.567 2.532 113.843 2.696 114.091 2.88L113.479 3.984Z' fill='black'/%3E%3Cpath d='M134.5 0L134.5 13L131 9.5' stroke='black'/%3E%3C/svg%3E%0A"); height: 12px; background-size: contain; background-position: right; } .faqSec .accordion-button:not(.collapsed)::after { transform: rotate(0) !important; background-image: url("data:image/svg+xml,%3Csvg width='129' height='15' viewBox='0 0 129 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.20522 3.98V12.5H5.84922V8.744H1.55322V12.5H0.209218V3.98H1.55322V7.544H5.84922V3.98H7.20522ZM11.5272 12.5V3.98H12.8712V12.5H11.5272ZM17.1967 12.5V3.98H20.2207C21.1407 3.98 21.9087 4.172 22.5247 4.556C23.1407 4.932 23.6007 5.444 23.9047 6.092C24.2167 6.732 24.3727 7.444 24.3727 8.228C24.3727 9.092 24.2007 9.844 23.8567 10.484C23.5207 11.124 23.0407 11.62 22.4167 11.972C21.7927 12.324 21.0607 12.5 20.2207 12.5H17.1967ZM23.0047 8.228C23.0047 7.628 22.8927 7.1 22.6687 6.644C22.4527 6.18 22.1367 5.82 21.7207 5.564C21.3127 5.3 20.8127 5.168 20.2207 5.168H18.5407V11.312H20.2207C20.8207 11.312 21.3247 11.176 21.7327 10.904C22.1487 10.632 22.4647 10.264 22.6807 9.8C22.8967 9.336 23.0047 8.812 23.0047 8.228ZM34.0306 11.312V12.5H28.1866V3.98H33.9226V5.168H29.5306V7.592H33.3346V8.708H29.5306V11.312H34.0306ZM43.1819 12.5V3.98H46.2059C47.1259 3.98 47.8939 4.172 48.5099 4.556C49.1259 4.932 49.5859 5.444 49.8899 6.092C50.2019 6.732 50.3579 7.444 50.3579 8.228C50.3579 9.092 50.1859 9.844 49.8419 10.484C49.5059 11.124 49.0259 11.62 48.4019 11.972C47.7779 12.324 47.0459 12.5 46.2059 12.5H43.1819ZM48.9899 8.228C48.9899 7.628 48.8779 7.1 48.6539 6.644C48.4379 6.18 48.1219 5.82 47.7059 5.564C47.2979 5.3 46.7979 5.168 46.2059 5.168H44.5259V11.312H46.2059C46.8059 11.312 47.3099 11.176 47.7179 10.904C48.1339 10.632 48.4499 10.264 48.6659 9.8C48.8819 9.336 48.9899 8.812 48.9899 8.228ZM60.0157 11.312V12.5H54.1717V3.98H59.9077V5.168H55.5157V7.592H59.3197V8.708H55.5157V11.312H60.0157ZM70.0542 5.168H67.2222V12.5H65.8662V5.168H63.0222V3.98H70.0542V5.168ZM75.2598 3.98H76.5318L79.8438 12.5H78.4278L77.5278 10.184H74.2398L73.3518 12.5H71.9238L75.2598 3.98ZM77.2638 9.188L75.8958 5.456L74.4798 9.188H77.2638ZM83.2975 12.5V3.98H84.6415V12.5H83.2975ZM88.967 12.5V3.98H90.311V11.312H94.883V12.5H88.967ZM103.415 5.984C103.335 5.896 103.219 5.804 103.067 5.708C102.915 5.604 102.735 5.508 102.527 5.42C102.319 5.332 102.095 5.26 101.855 5.204C101.615 5.148 101.367 5.12 101.111 5.12C100.551 5.12 100.135 5.224 99.8628 5.432C99.5908 5.64 99.4548 5.928 99.4548 6.296C99.4548 6.568 99.5308 6.784 99.6828 6.944C99.8348 7.096 100.067 7.224 100.379 7.328C100.691 7.432 101.083 7.544 101.555 7.664C102.131 7.8 102.631 7.964 103.055 8.156C103.479 8.34 103.803 8.588 104.027 8.9C104.251 9.212 104.363 9.624 104.363 10.136C104.363 10.568 104.283 10.94 104.123 11.252C103.963 11.564 103.739 11.82 103.451 12.02C103.163 12.212 102.831 12.356 102.455 12.452C102.079 12.54 101.675 12.584 101.243 12.584C100.819 12.584 100.395 12.54 99.9708 12.452C99.5548 12.364 99.1548 12.236 98.7708 12.068C98.3948 11.892 98.0468 11.68 97.7268 11.432L98.3388 10.28C98.4428 10.384 98.5908 10.5 98.7828 10.628C98.9828 10.748 99.2108 10.864 99.4668 10.976C99.7308 11.088 100.015 11.184 100.319 11.264C100.631 11.336 100.947 11.372 101.267 11.372C101.803 11.372 102.211 11.28 102.491 11.096C102.779 10.904 102.923 10.632 102.923 10.28C102.923 9.992 102.831 9.764 102.647 9.596C102.463 9.42 102.195 9.272 101.843 9.152C101.491 9.032 101.071 8.912 100.583 8.792C100.023 8.64 99.5548 8.476 99.1788 8.3C98.8028 8.116 98.5188 7.884 98.3268 7.604C98.1428 7.316 98.0508 6.952 98.0508 6.512C98.0508 5.952 98.1868 5.48 98.4588 5.096C98.7308 4.704 99.0988 4.412 99.5628 4.22C100.035 4.02 100.563 3.92 101.147 3.92C101.531 3.92 101.895 3.964 102.239 4.052C102.583 4.132 102.903 4.244 103.199 4.388C103.503 4.532 103.779 4.696 104.027 4.88L103.415 5.984Z' fill='black'/%3E%3Cpath d='M124.5 15L124.5 2L128 5.5' stroke='black'/%3E%3C/svg%3E%0A"); } section.siteSec.faqSec { margin-top: 100px; margin-bottom: 100px; } .stickySvg svg { max-width: 100%; } body .searchBox .searchInnerContainer .searchWrap input{ color:#000; } .siteFooter .waterMarkSvg{ z-index: -1; } .siteFooter #menu-privacy-menu{ justify-content:flex-end; } .location-filter select { border: 0 !important; border-bottom: 1px #000 solid !important; border-radius: 0 !important; padding: 0 !important; padding-bottom: 11px !important; margin-bottom: 40px; width:100%; background-color:#fff; color:#000; } .location-filter label { font-size: 12px; } #get-location-btn { font-weight: 300; font-size: 12px; line-height: 100%; letter-spacing: 1px; text-transform: uppercase; background-color: transparent; border: 0; width: 100%; text-align: right; margin-bottom: 40px; } .location-card p { font-weight: 300; font-size: 16px; line-height: 229.99999999999997%; color:rgba(0, 0, 0, 1); } .location-card > div p,.location-card > div p a{ font-size:16px; color:rgba(0, 0, 0, 1); } .location-card > div{ display: flex; flex-wrap: wrap; gap: 25px; row-gap: 5px; } .whyUsSecInner { display: block; width: 100%; } .text-wrapper { top: 70px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; /* Adjust this to control spacing between lines */ margin-bottom:40px; background-color:#fff; z-index:99; } .text-line { cursor: pointer; transition: opacity 0.3s ease; margin: 20px 0; } .whyUsSecInner .text-line.active { opacity: 1 !important; font-size:52px; letter-spacing: 0; } .text-line:not(.active) { opacity: 0.1; } .text-line { /* No special positioning needed - they'll flow normally in the flex container */ } section.bannerSec .homeCrollIcon{ width:2px; } body .prodDispOverText a,.color-finishes-tabs #colorFinishesTabContent .innerCard a { cursor: url('data:image/svg+xml,'), pointer; } .produCatContainer .dispCatCOntent{ width:100%; z-index:9; } body .customiZeBox{ z-index:99999; } body .numberCount{ top:120px; } .boxImageBox img { width: 100%; } .customiZeBox .colorCust{ height:70vh; overflow-y:auto; } .slider-navigation .nav-tabs{ border-bottom:0; } /*Bespoke Card*/ .bespokeCard{ position:relative; } .bespokeCardContent { position: absolute; bottom: 30px; z-index: 9; left: 50%; transform: translate(-50%); white-space: nowrap; } .bespokeCardContent a.siteLink { color: #fff; display: flex; align-items: center; gap: 8px; transition:0.3s ease-in-out; } .bespokeSec{ padding-top:100px; padding-bottom:100px; } .bespokeSec h3 { font-weight: 300; font-size: 22px; line-height: 28px; vertical-align: middle; margin-bottom: 20px; } .bespokeSec p{ font-weight: 300; font-size: 16px; line-height: 229.99999999999997%; letter-spacing: 0%; margin-bottom:40px; } .bespokeCard:after { content: ''; height: 100%; width: 100%; background: linear-gradient(-360deg, black, transparent); position: absolute; left: 0; } /*Menu Page*/ .nav-pills .nav-link { font-weight: 300; font-size: 18px; line-height: 120%; letter-spacing: 0; text-transform: capitalize; color: rgba(0, 0, 0, 1); } .nav-pills .nav-link:hover{ color: rgba(0, 0, 0, 1); } body .menuBox{ z-index:999999; } body .menuBox.openMenu{ width:65%; } .slider-navigation .progress-container, .slider-navigation .nav-tabs { max-width: 1280px; margin: 0 auto; } @media(max-width:767px){ body .menuBox.openMenu{ width:100%; } .colorCust .active.colorOption .active a:after{ left:0; } } .bodyMenuOpen:after { content: ''; height: 100vh; width: 100%; display: block; background-color: #00000085; position: fixed; left: 0; top: 0; z-index: 99999; } .closeMenuBox { padding: 0 12px 30px; } .boxImageBox .radioCharger ul li a{ color: rgb(74 74 74); } .boxImageBox .radioCharger ul li a.active { text-decoration: underline; color: rgb(0, 0, 0); } body .whyUsSecInner .text-line{ margin-bottom:0; margin-top:0; } body .innerCard img{ object-fit:cover; } /* .slide:nth-child(1) .slide-content { margin-top: -100px; } */ .slide:nth-child(2) .slide-content { margin-top: 100px; } .slide:nth-child(3) .slide-content { margin-top: -200px; } .slide:nth-child(4) .slide-content { margin-top: 200px; } p.bannerSubtitle { text-align: center; } .filterToggle{ margin-top:25px; } .colorCust .active.colorOption .active a{ position:relative; display:block; } .colorCust .active.colorOption .active img { outline: 1px #000 solid; border-radius: 50%; outline-offset: 2px; } .colorCust .active.colorOption .active a:after { content: ''; height: 71px; width: 71px; background-image: url("data:image/svg+xml,%3Csvg width='26' height='18' viewBox='0 0 26 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 11.6015L6.20387 16.5274C6.86951 17.1575 7.9305 17.1575 8.59614 16.5274L25 1' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); display: block; position: absolute; top: 0; background-repeat: no-repeat; background-position: center center; text-align: center; left: 9px; } .customiZeBox .colorCust::-webkit-scrollbar { width: 14px; } .customiZeBox .colorCust::-webkit-scrollbar-thumb { background-clip: content-box; border: 4px solid transparent; border-radius: 7px; box-shadow: inset 0 0 0 10px; } .customiZeBox::-webkit-scrollbar { width: 1px; } .customiZeBox::-webkit-scrollbar-thumb { background-clip: content-box; border: 1px solid transparent; border-radius: 7px; box-shadow: inset 0 0 0 10px; } .searchBox{ z-index:99999; } .product-raw-description > p > strong { font-size: 18px; font-weight: 700; color: #333; } body .fancybox__container { z-index: 99999; } .locations-list .location-card h3{ margin-bottom: 15px; line-height: 30px; } .subProd{ font-size: 16px; margin-bottom: 10px; } .content-item { position: sticky; z-index: -1; padding-top:50px; } .content-item.active { opacity: 1 !important; visibility: visible !important; } .feature-tab.active:after { bottom: 11px; } div#block-11 a[target="_blank"]{ position:relative; } div#block-11 a[target="_blank"]:hover:after{ opacity:0.5; } div#block-11 a[target="_blank"]:after { color: blue; background-image: url("data:image/svg+xml,%3Csvg width='15' height='8' viewBox='0 0 15 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 4H13L9.5 7.5' stroke='%23000'%3E%3C/path%3E%3C/svg%3E"); content: ''; height: 8px; width: 15px; display: inline-block; margin-left: 10px; top: -2px; position: relative; } .copyRightText{ font-size:14px; } header.siteHeader.noFixed a.touchMenu { color: currentColor; } .subsTitle{ font-size: 15px; margin-left: 80px; margin-top: -36PX; margin-bottom: 32px; } @media(min-width:767px){ .product-gallery-thumbnails .swiper-wrapper { display: block; } .map-column { height: max-content; position: sticky; top: 100px; } } @media(max-width:767px){ .contactPage img { height: 420px; object-fit: cover; width: 100%; margin-bottom:40px; } .contactPage .pageCOntnent h1{ text-align:left; } .contactPage .pageCOntnent{ margin-bottom:20px; } p.contactInfo strong { font-size: 14px; } .singlePage.pageContentPage .pageCOntnent h2, .singlePage.pageContentPage .pageCOntnent h4, .singlePage.pageContentPage .pageCOntnent h4, .singlePage.pageContentPage .pageCOntnent h5, .singlePage.pageContentPage .pageCOntnent h6 { font-size: 24px; letter-spacing: 3px; } .tabandScrollbar{ padding-bottom:24px; top: 30px; } .tabandScrollbar ul li a { display: none; } .storyPageContent { padding-top: 60px; padding-bottom: 60px; } .contentInnStory h3 { font-size: 28px; margin-bottom: 15px; margin-top: 0; } .contentInnStory img { padding-top: 40px; } .storyImgInn{ margin-bottom:0; } div#block-11 a[target="_blank"]{ position:relative; } .contentInnStory a:after { color: blue; background-image: url("data:image/svg+xml,%3Csvg width='15' height='8' viewBox='0 0 15 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 4H13L9.5 7.5' stroke='%23000'%3E%3C/path%3E%3C/svg%3E"); content: ''; height: 8px; width: 15px; display: inline-block; margin-left: 10px; top: -2px; position: relative; } .contentInnStory { padding-top: 40px; padding-bottom: 40px; } header.siteHeader.menuStick { padding-top: 5px; padding-bottom: 5px; } .slider-navigation span { display: none; } body .menuBox { padding: 25px 25px; z-index:99999; } .mobileMneuHeader { border-bottom: 1px #000 solid; margin-bottom:20px; padding-bottom:25px; } ul.mobile-menu-list li a { font-size: 22px; line-height: 120%; letter-spacing: 3px; vertical-align: middle; text-transform: uppercase; } ul.mobile-menu-list li a.has-children{ font-weight: 300; } .mobileMneuHeader a svg { stroke: #000; height: 33px; } .text-wrapper{ top:49px; } .bannerInnerSlider.smallBanner .bannerContent h2 { font-size: 32px; } .whyUsSecInner .text-line.active{ font-size:36px; } .whyUsSecBox p,.whyUsSecBox .content-item span{ font-size:14px !important; } section.siteSec.faqSec{ margin-bottom:50px; } } .video-horizontal-slider-3d:before { content: ''; height: 100%; width: 100%; position: absolute; left: 0; top: 0; display: block; background-color: #00000059; z-index: 9; } .singlePage .pageCOntnent img { height: max-content; } .pageCOntnent a { color: var(--primaryColor); font-weight: 300; } .installationCard.innerCard img{ object-fit:cover; } figure.wp-block-gallery { margin-bottom: 20px; } .float-end{ opacity:0; } a:hover .float-end{ opacity:1; } .nav-pills .nav-link.active span { opacity: 1; } #v-pills-tabContent .nav-pills .nav-link { font-size: 18px; } .touchMenu{ color:#fff; font-size:16px; font-weight:400; } .touchMenu:hover{ color:#fff; } /* New footer code */ .wp-block-tnp-minimal { padding: 0 !important; } .tnp-field-button button{ border: 2px #000 solid; font-weight: 300; font-size: 12px; line-height: 100%; text-align: center; text-transform: capitalize; padding: 18px 10px; background-color: #000; color: #fff; } .newsletterBox form { display: flex; gap: 20px; } .newsletterBox .tnp-email { height: 48px; font-family: 'Roboto'; font-weight: 300; font-size: 14px; line-height: 200%; background-color: transparent; border: 0; border-bottom: 1px #CFCFCF solid; width: 100%; color: #000; } .newsletterBox .tnp-field-email { flex: 0 0 70%; } .siteFooter .salesOfficesBox .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg{ fill:#000; } .widget.widget_block ul.wp-block-list li a { margin-bottom: 20px; font-size: 14px; display: block; text-align: left; line-height:28px; } .bannerverticalSlider, .wrapper{ overflow:hidden; } .threeColBan.smallBanner .bannerInnerSlider .bannerContent .banner-title{ font-size:28px; } .page-template-home .bannerInnerSlider.smallBanner .bannerContent h2{ font-size:48px; } @media(min-width:1600px){ section#whyUsSec{ padding-top:225px; } } @media(min-width:1280px){ .siteHeader .container { max-width: 100%; padding-left: 50px; padding-right: 50px; } .siteFooter .container { max-width: 100%; padding-left: 50px; padding-right: 50px; } }