:root { --thsn-grevo-global-color: #007aff; --thsn-grevo-secondary-color: #ffffff; --thsn-grevo-gradient-color-first: #0078be; --thsn-grevo-gradient-color-last: #00b7ed; --thsn-grevo-logo-height: 40px; --thsn-grevo-sticky-logo-height: 40px; --thsn-grevo-responsive-logo-height: 35px; --thsn-grevo-link-color-normal: #ffffff; --thsn-grevo-link-color-hover: #0078be; --thsn-grevo-responsive-breakpoint: 1200px; --thsn-grevo-white-color: #ffffff; --thsn-grevo-light-bg-color: #eff3f5; --thsn-grevo-blackish-color: #101010; --thsn-grevo-blackish-bg-color: #101010; --thsn-grevo-preheader-bgcolor-custom: #ff5e15; --thsn-grevo-header-height: 110px; --thsn-grevo-header-background-color: #ffffff; --thsn-grevo-menu-background-color: #ffffff; --thsn-grevo-sticky-header-height: 90px; --thsn-grevo-sticky-header-background-color: #ffffff; --thsn-grevo-main-menu-typography-font-family: Quicksand; --thsn-grevo-main-menu-typography-variant: 700; --thsn-grevo-main-menu-typography-font-size: 14px; --thsn-grevo-main-menu-typography-line-height: 20px; --thsn-grevo-main-menu-typography-letter-spacing: 0px; --thsn-grevo-main-menu-typography-color: #ffffff; --thsn-grevo-main-menu-typography-text-transform: uppercase; --thsn-grevo-main-menu-typography-font-weight: 700; --thsn-grevo-main-menu-typography-font-style: normal; --thsn-grevo-main-menu-sticky-color: #101010; --thsn-grevo-main-menu-sticky-active-color: #8cc63f; --thsn-grevo-titlebar-height: 410px; --thsn-grevo-footer-1-col-width: 30%; --thsn-grevo-footer-2-col-width: 25%; --thsn-grevo-footer-3-col-width: 23%; --thsn-grevo-footer-4-col-width: 22%; --thsn-grevo-global-color-rgb: 0, 122, 255; --thsn-grevo-secondary-color-rgb: 255, 255, 255; --thsn-grevo-white-color-rgb: 255, 255, 255; --thsn-grevo-light-bg-color-rgb: 239, 243, 245; --thsn-grevo-blackish-color-rgb: 16, 16, 16; --thsn-grevo-blackish-bg-color-rgb: 16, 16, 16; --thsn-grevo-main-menu-typography-color-rgb: 255, 255, 255; } /* CSS :root ends here */ .thsn-max-mega-menu-override #page #site-navigation .mega-menu-wrap > ul > li.mega-menu-flyout > ul.mega-sub-menu,.thsn-navbar ul ul,.thsn-navbar ul ul:before{background-color:#ffffff;background-repeat:repeat;background-position:center center;background-size:cover;background-attachment:scroll;}.thsn-max-mega-menu-override #page #site-navigation .mega-menu-wrap > ul > li:nth-child(1) > ul.mega-sub-menu{background-color:#ffffff;background-repeat:repeat;background-position:center center;background-size:cover;background-attachment:scroll;}.thsn-max-mega-menu-override #page #site-navigation .mega-menu-wrap > ul > li:nth-child(2) > ul.mega-sub-menu{background-color:#ffffff;background-repeat:repeat;background-position:center center;background-size:cover;background-attachment:scroll;}.thsn-max-mega-menu-override #page #site-navigation .mega-menu-wrap > ul > li:nth-child(3) > ul.mega-sub-menu{background-color:#ffffff;background-repeat:repeat;background-position:center center;background-size:cover;background-attachment:scroll;}.thsn-max-mega-menu-override #page #site-navigation .mega-menu-wrap > ul > li:nth-child(4) > ul.mega-sub-menu{background-color:#ffffff;background-repeat:repeat;background-position:center center;background-size:cover;background-attachment:scroll;}.thsn-max-mega-menu-override #page #site-navigation .mega-menu-wrap > ul > li:nth-child(5) > ul.mega-sub-menu{background-color:#ffffff;background-repeat:repeat;background-position:center center;background-size:cover;background-attachment:scroll;}.thsn-max-mega-menu-override #page #site-navigation .mega-menu-wrap > ul > li:nth-child(6) > ul.mega-sub-menu{background-color:#ffffff;background-repeat:repeat;background-position:center center;background-size:cover;background-attachment:scroll;}.thsn-title-bar-wrapper, .thsn-title-bar-wrapper.thsn-bg-color-custom:before{background-color:#f6f6f6;background-image:url("https://grevo-demo.pbminfotech.com/demo2/wp-content/uploads/sites/3/2021/11/titlebar-img.jpg");background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:scroll;}.site-footer, .site-footer.thsn-bg-color-custom:before{background-color:#0c0732;background-repeat:no-repeat;background-position:center top;background-size:contain;background-attachment:scroll;}.thsn-footer-widget-area, .thsn-footer-widget-area.thsn-bg-color-custom:before{background-color:#969696;background-repeat:repeat;background-position:center center;background-size:cover;background-attachment:scroll;}.thsn-footer-text-area, .thsn-footer-text-area.thsn-bg-color-custom:before{background-color:#0a0a0a;background-repeat:repeat;background-position:center center;background-size:cover;background-attachment:scroll;}.error404 .site-content-wrap, .error404 .thsn-bg-color-custom > .site-content-wrap:before{background-color:#444444;background-repeat:no-repeat;background-position:center top;background-size:cover;background-attachment:scroll;}.error404 .site-content-wrap, .error404 .thsn-bg-color-custom > .site-content-wrap:before{background-color:rgba(221,51,51,0.18);background-image:url("https://grevo-demo.pbminfotech.com/demo2/wp-content/uploads/sites/3/2021/11/404-bg.jpg");background-repeat:no-repeat;background-position:center top;background-size:cover;background-attachment:scroll;}body{font-family:Nunito Sans,sans-serif;font-weight:normal;font-size:16px;line-height:1.7;color:#60626d;text-transform:none;font-style:normal;}h1{font-family:Quicksand,sans-serif;font-weight:700;font-size:40px;line-height:44px;letter-spacing:0px;color:#101010;font-style:normal;}h2{font-family:Quicksand,sans-serif;font-weight:700;font-size:34px;line-height:38px;letter-spacing:0px;color:#101010;font-style:normal;}h3{font-family:Quicksand,sans-serif;font-weight:700;font-size:30px;line-height:34px;letter-spacing:0px;color:#101010;font-style:normal;}h4{font-family:Quicksand,sans-serif;font-weight:700;font-size:26px;line-height:30px;letter-spacing:0px;color:#101010;font-style:normal;}h5{font-family:Quicksand,sans-serif;font-weight:700;font-size:22px;line-height:26px;letter-spacing:0px;color:#101010;font-style:normal;}h6{font-family:Quicksand,sans-serif;font-weight:700;font-size:22px;line-height:26px;letter-spacing:0px;color:#101010;font-style:normal;}.thsn-heading-subheading .thsn-element-title{font-family:Quicksand,sans-serif;font-weight:700;font-size:40px;line-height:48px;letter-spacing:0px;color:#101010;text-transform:none;font-style:normal;}.thsn-heading-subheading .thsn-element-subtitle{font-family:Nunito Sans,sans-serif;font-weight:700;font-size:13px;line-height:20px;letter-spacing:0.8px;color:#101010;text-transform:uppercase;font-style:normal;}.thsn-ihbox.thsn-ihbox-style-hsbox .thsn-ihbox-content{font-family:Nunito Sans,sans-serif;font-weight:normal;font-size:16px;line-height:1.7;letter-spacing:0px;color:#60626d;text-transform:none;font-style:normal;}.thsn-footer-copyright-box h3,.themesion-sidebar .widget_search .wp-block-search__label, .themesion-sidebar .widget_block .wp-block-group h3, .widget.widget_block .wp-block-group > h2, .widget-title, .thsn-footer-copyright-box h3{font-family:Quicksand,sans-serif;font-weight:700;font-size:22px;line-height:26px;letter-spacing:0px;color:#131419;text-transform:none;font-style:normal;}.thsn-search-results-back-global-btn a, .thsn-search-results-load-btn a, .thsn-read-more-link a, .thsn-service-btn a, .thsn-header-button, .thsn-header-button2, .woocommerce ul.products li.product .onsale, .woocommerce div.product .woocommerce-tabs ul.tabs li a, .elementor-widget-button .elementor-button, .thsn-ptable-btn a, .thsn-service-btn, .thsn-ihbox-btn, .woocommerce .woocommerce-message .button, .woocommerce div.product form.cart .button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, button, html input[type=button], input[type=reset], input[type=submit], .thsn-service-button{font-family:Quicksand,sans-serif;font-weight:700;font-size:13px;line-height:18px;letter-spacing:0px;text-transform:uppercase;font-style:normal;}.site-content .thsn_widget_list_all_posts ul > li a,.themesion-sidebar .widget ul a,.thsn-portfolio-lines-wrapper .thsn-portfolio-line-title,.themesion-ele-fid-style-5 .thsn-fid-title, .thsn-ourhistory .label, .site-header .thsn-slider-area .hermes .tp-bullet:after,.thsn-pricing-table-box .themesion-ptable-price-w, .elementor-accordion .elementor-tab-title a, .thsn-service-style-1 .themesion-box-content:after, .thsn-blog-classic blockquote:not(.wp-block-quote):not(.has-text-color), #thsn-count-down .content_countdown .time_left,.thsn-ihbox-style-2 .thsn-ihbox-icon-type-text,.themesion-ele-fid-style-4 .thsn-fid-title, .single-post ul.thsn-list-box li,.thsn-team-single-style-1 .thsn-team-download,.elementor-widget-progress, .thsn-header-style-4 .thsn-label, .thsn-header-style-3 .thsn-social-label, .thsn-header-style-3 .thsn-social-links,.error404 a.thsn-home-back, .post-navigation .nav-links .nav-title, .post-navigation .nav-links .nav-title{font-family:Quicksand,sans-serif;font-weight:700;font-style:normal;}.thsn-blog-style-1 .thsn-meta-date-wrapper, .thsn-blog-style-2 .thsn-meta-date-wrapper, .themesion-ele-fid-style-2 .thsn-fid-title,.thsn-testimonial-style-1 .themesion-box-desc,.thsn-testimonial-style-2 .themesion-box-desc,.thsn-text-style-1 .elementor-widget-container, .single-service-contact-inner, #wpsl-search-wrap div label, #wpsl-stores ul li .wpsl-store-location p strong{font-family:Quicksand,sans-serif;font-weight:500;font-style:normal;}#thsn-count-down .countdown .time_description, .thsn-service-style-2 .thsn-service-cat h4, .thsn-service-style-3 .thsn-service-cat h4, .thsn-ihbox-style-11 .thsn-element-title,.single-post blockquote cite em{font-family:Nunito Sans,sans-serif;font-weight:800;font-style:normal;}.thsn-header-box-title{font-family:Nunito Sans,sans-serif;font-weight:normal;font-size:16px;line-height:24px;letter-spacing:0px;color:#60626d;text-transform:none;font-style:normal;}.thsn-header-box-content{font-family:Quicksand,sans-serif;font-weight:700;font-size:18px;line-height:24px;letter-spacing:0px;color:#131419;text-transform:none;font-style:normal;}body:not(.thsn-max-mega-menu-override) .thsn-navbar div > ul > li > a, .thsn-max-mega-menu-override #page #site-navigation .max-mega-menu > li.mega-menu-item > a.mega-menu-link{font-family:Quicksand,sans-serif;font-weight:700;font-size:14px;line-height:20px;letter-spacing:0px;color:#ffffff;text-transform:uppercase;font-style:normal;}.thsn-navbar ul ul a, .thsn-max-mega-menu-override #page #site-navigation .mega-menu-wrap > ul > li.mega-menu-flyout > ul.mega-sub-menu li.mega-menu-item a.mega-menu-link, .thsn-max-mega-menu-override #page #site-navigation .mega-menu-wrap > ul > li > ul.mega-sub-menu li.mega-menu-item > a:hover, .thsn-max-mega-menu-override #page #site-navigation .mega-menu-wrap > ul > li > ul.mega-sub-menu li.mega-menu-item > a:focus, .thsn-max-mega-menu-override #page #site-navigation .mega-menu-wrap > ul > li.mega-menu-megamenu > ul.mega-sub-menu ul:not(.menu) > li.mega-menu-item > a.mega-menu-link, .thsn-max-mega-menu-override #page #site-navigation .mega-menu-wrap > ul > li.mega-menu-megamenu > ul.mega-sub-menu li .widget_nav_menu ul.menu > li.mega-menu-item > a.mega-menu-link{font-family:Quicksand,sans-serif;font-weight:700;font-size:13px;line-height:20px;letter-spacing:0px;color:#101010;text-transform:uppercase;font-style:normal;}.thsn-max-mega-menu-override #page #site-navigation .mega-menu-wrap > ul > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title, .thsn-max-mega-menu-override #page #site-navigation .mega-menu-wrap > ul > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title{font-family:Quicksand,sans-serif;font-weight:700;font-size:18px;line-height:20px;letter-spacing:0px;color:#101010;text-transform:none;font-style:normal;}.thsn-tbar-title{font-family:Quicksand,sans-serif;font-weight:700;font-size:50px;line-height:70px;letter-spacing:-0.4px;color:#fff;text-transform:none;font-style:normal;}.thsn-tbar-subtitle{font-family:Nunito Sans,sans-serif;font-weight:normal;font-size:16px;line-height:1.5;letter-spacing:0px;color:#131419;text-transform:none;font-style:normal;}.thsn-breadcrumb, .thsn-breadcrumb a{font-family:Nunito Sans,sans-serif;font-weight:normal;font-size:15px;line-height:1.5;letter-spacing:0px;color:#131419;text-transform:none;font-style:normal;} /* -------------------------------------- * Common header bg * ---------------------------------------*/ .site-header .thsn-sticky-header.thsn-sticky-bg-color-globalcolor{ background-color: var(--thsn-grevo-global-color); } .site-header .thsn-sticky-header.thsn-sticky-bg-color-secondarycolor{ background-color: var(--thsn-grevo-secondary-color); } .site-header .thsn-sticky-header.thsn-sticky-bg-color-blackish{ background-color: var(--thsn-grevo-blackish-bg-color); } .site-header .thsn-sticky-header.thsn-sticky-bg-color-white{ background-color: var(--thsn-grevo-white-color); } .site-header .thsn-sticky-header.thsn-sticky-bg-color-light{ background-color: var(--thsn-grevo-light-bg-color); } /* -------------------------------------- * Custom background color and text color * ---------------------------------------*/ /* Custom preheader background color */ .thsn-pre-header-wrapper.thsn-bg-color-custom{ background-color: var(--thsn-grevo-preheader-bgcolor-custom); } /* Custom Header background color */ .thsn-header-wrapper.thsn-bg-color-custom{ background-color: var(--thsn-grevo-header-background-color); } /* Custom Menu area background color */ .thsn-header-menu-area.thsn-bg-color-custom{ background-color: var(--thsn-grevo-menu-background-color); } /* sticky-header-background-color */ .site-header.thsn-fixed-header .thsn-sticky-bg-color-custom{ background-color: var(--thsn-grevo-sticky-header-background-color); } /* Custom Menu text color */ body:not(.thsn-max-mega-menu-override) .thsn-sticky-header .thsn-navbar div > ul > li > a{ color: var(--thsn-grevo-main-menu-sticky-color); } /* Main Sticky Menu active text color */ body:not(.thsn-max-mega-menu-override) .thsn-sticky-header .thsn-navbar div > ul > li.current_page_item > a, body:not(.thsn-max-mega-menu-override) .thsn-sticky-header .thsn-navbar.thsn-main-active-color-globalcolor > div > ul >li.current-menu-parent > a { color: var(--thsn-grevo-main-menu-sticky-active-color); } /* -------------------------------------- * A tag * ---------------------------------------*/ a{ color: var(--thsn-grevo-link-color-normal); } a:hover{ color: var(--thsn-grevo-link-color-hover); } /* -------------------------------------- * site-title * ---------------------------------------*/ .site-title { height: var(--thsn-grevo-header-height); } .site-title img.thsn-main-logo{ max-height: var(--thsn-grevo-logo-height); } .site-title img.thsn-responsive-logo{ max-height: var(--thsn-grevo-responsive-logo-height); } /*=== Sticky logo ===*/ .site-header.thsn-fixed-header .site-title img.thsn-main-logo{ max-height: var(--thsn-grevo-sticky-logo-height); } /* -------------------------------------- * Global color * ---------------------------------------*/ .thsn-color-globalcolor, .thsn-globalcolor, .globalcolor{ color: var(--thsn-grevo-global-color) ; } /* -------------------------------------- * Global Color * ---------------------------------------*/ /*=== Global BG Color ===*/ .site-header .thsn-sticky-on.thsn-sticky-bg-color-globalcolor, .site-header .thsn-bg-color-globalcolor, .thsn-bg-color-globalcolor{ background-color: var(--thsn-grevo-global-color); } /*=== Global Text Color ===*/ .thsn-globalcolor, .thsn-skincolor{ color: var(--thsn-grevo-global-color); } /*=== Global Border Color ===*/ input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus, .post.sticky{ border-color: var(--thsn-grevo-global-color); } /* -------------------------------------- * Secondary Color * ---------------------------------------*/ /*=== Secondary BG Color ===*/ .thsn-bg-color-secondarycolor, .thsn-bg-color-secondary{ background-color: var(--thsn-grevo-secondary-color); } /* -------------------------------------- * Gradient Color * ---------------------------------------*/ /*=== Gradient BG Color ===*/ .elementor-widget-button.thsn-btn-color-gradient .elementor-button, .thsn-bg-color-gradient{ background-image: -ms-linear-gradient(right, var(--thsn-grevo-gradient-color-first) 0%, var(--thsn-grevo-gradient-color-last) 100%); background-image: linear-gradient(to right, var(--thsn-grevo-gradient-color-first) , var(--thsn-grevo-gradient-color-last) ); } .thsn-footer-section.thsn-bg-color-gradientcolor:before{ background-image: -ms-linear-gradient(right, var(--thsn-grevo-gradient-color-first) 0%, var(--thsn-grevo-gradient-color-last) 100%) !important; background-image: linear-gradient(to right, var(--thsn-grevo-gradient-color-first) , var(--thsn-grevo-gradient-color-last) ) !important; } .elementor-widget-button.thsn-btn-color-gradient .elementor-button { border-image-slice: 1; border-image-source: linear-gradient(to left, var(--thsn-grevo-gradient-color-first), var(--thsn-grevo-gradient-color-last)); } /* -------------------------------------- * Light Color * ---------------------------------------*/ .thsn-btn-style-flat.thsn-btn-color-light .elementor-button, .thsn-bg-color-light{ background-color: var(--thsn-grevo-light-bg-color); } .thsn-btn-style-text.thsn-btn-color-light .elementor-button{ color: var(--thsn-grevo-light-bg-color); } .thsn-btn-style-outline.thsn-btn-color-light .elementor-button{ border-color: var(--thsn-grevo-light-bg-color); color: var(--thsn-grevo-light-bg-color); } /* -------------------------------------- * White color * ---------------------------------------*/ .thsn-elementor-bg-color-globalcolor .thsn-btn-color-blackish .elementor-button:hover{ background-color:#fff; } /* -------------------------------------- * Woocommerce * ---------------------------------------*/ .thsn-cart-wrapper.thsn-show-cart-amount-no .woocommerce-Price-amount.amount{ display: none !important; } /* -------------------------------------- * thsn-responsive-icons * ---------------------------------------*/ .thsn-responsive-icons{ position: absolute; top: 30px; left: 20px; display: none; } .thsn-responsive-icons .thsn-header-search-btn { font-size: 18px; position: relative; top: 0; line-height: normal; } .admin-bar .thsn-responsive-icons{ top: 75px; } .thsn-responsive-icons > div{ margin: 0 10px; } .thsn-responsive-icons > div:first-child{ margin-left: 0; } .thsn-responsive-icons .thsn-cart-wrapper a { position: relative; padding-left: 30px; color: var(--thsn-grevo-blackish-color); } .thsn-responsive-icons .thsn-cart-wrapper.thsn-show-cart-amount-no a { padding-left: 25px; } .thsn-responsive-icons .thsn-cart-wrapper a:before { content: "\e83b"; font-family: "themesion-base-icons"; font-size: 20px; line-height: 20px; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); font-weight: 400; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } .thsn-responsive-icons .thsn-cart-wrapper .thsn-cart-count { position: absolute; top: -21px; left: 2px; background-color: var(--thsn-grevo-global-color); color: var(--thsn-grevo-white-color); line-height: 20px; width: 20px; text-align: center; border-radius: 50%; font-size: 13px; } /*==================================== End Dynamic color ====================================*/ /* * * * * MENU AND BREAKPOINT CSS * * * * * */ /*==================================== Max Width for dynamic breakpoint ====================================*/ @media (max-width: 1200px){ .thsn-header-top-area > .container{ position: relative; } .site-header .thsn-sticky-header { display: none !important; } .thsn-header-info-inner, .something{ display: none; } .navbar-expand-lg .navbar-nav{ -ms-flex-direction: unset !important; flex-direction: unset !important; } .thsn-header-menu-area-inner, .thsn-navbar{ display: block !important; } .nav-menu-toggle{ display: block; position: absolute; right: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: transparent; padding: 0; font-size: 35px; line-height: 35px; color: #2c2c2c; width: 40px; } .thsn-navbar > div{ background-color: #fff; } .sub-menu{ display: none; } .thsn-header-menu-area-wrapper{ min-height: auto !important; } .closepanel{ position: absolute; z-index: 99; right: 35px; top: 35px; display: block; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; text-align: center; cursor: pointer; font-size: 35px; } .admin-bar .closepanel{ top: 70px; } .closepanel { position: absolute; z-index: 99; right: 20px; margin-left: -20px; top: 30px; display: block; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; text-align: center; cursor: pointer; font-size: 25px; color: var(--thsn-grevo-blackish-color); border: 0; -webkit-transition: all 300ms ease; transition: all 300ms ease; } /*=== Responsive menu ===*/ .thsn-responsive-icons{ display: flex; } .active .thsn-mobile-menu-bg{ opacity: 1; width: 100%; visibility: visible; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } /*=== Responsive menu ===*/ .thsn-mobile-menu-bg{ display: block; } .thsn-mobile-menu-bg{ position: fixed; right: 0; top: 0; width: 0%; height: 100%; z-index: 99; background: rgba(0,0,0,0.90); -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%); transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } .active .thsn-mobile-menu-bg{ opacity: 1; width: 100%; visibility: visible; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .thsn-navbar > div { background-color: #fff; position: fixed; top: 0; right: -400px; z-index: 1000; width: 300px; height: 100%; padding: 0; display: block; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; -webkit-transform: translateX(400px); -ms-transform: translateX(400px); transform: translateX(400px); opacity: 0; } .thsn-navbar > div.active { right: 0px; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); visibility: visible; opacity: 1; overflow-y: scroll; -webkit-transition-delay: 600ms; -moz-transition-delay: 600ms; -ms-transition-delay: 600ms; -o-transition-delay: 600ms; transition-delay: 600ms; opacity: 1; } .thsn-navbar > div > ul{ padding: 90px 0; } .admin-bar .thsn-navbar > div > ul{ padding-top: 125px; } .thsn-navbar > div > ul li a { color: #000 !important; padding: 15px 25px; height: auto; display: inline-block; } .thsn-navbar > div > ul ul { padding-left: 1em; overflow: hidden; display: none; } ul .sub-menu.show, ul .children.show { display: block; } .thsn-navbar li{ position: relative; } .thsn-navbar ul.menu > li{ border-bottom: 1px solid rgba(0, 0, 0, 0.10); } .thsn-navbar div.menu > ul > li, .thsn-navbar ul.menu > li { border-bottom: 1px solid rgba(0, 0, 0, 0.10); } .sub-menu-toggle{ display: block; position: absolute; right: 25px; top: 15px; cursor: pointer; color: var(--thsn-grevo-blackish-color); } .thsn-navbar ul ul{ background-color: transparent !important; } .thsn-mobile-search{ display: block; } .thsn-mobile-search .thsn-header-search-btn{ display: block; position: absolute; right: 60px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /*=== Responsive Logo ===*/ .thsn-responsive-logo-yes .thsn-sticky-logo, .thsn-responsive-logo-yes .thsn-main-logo{ display: none; } .thsn-responsive-logo-yes .thsn-responsive-logo{ display: inline-block; } /*=== Responsive header background color ===*/ .thsn-responsive-header-bgcolor-globalcolor .thsn-header-wrapper{ background-color: var(--thsn-grevo-global-color) !important; } .thsn-responsive-header-bgcolor-white .thsn-header-wrapper{ background-color: #fff !important; } .thsn-responsive-header-bgcolor-blackish .thsn-header-wrapper{ background-color: #222 !important; } } /*==================================== End Max Break Point ====================================*/ /*==================================== Min Width for dynamic breakpoint ====================================*/ @media (min-width: 1201px){ .site-header .thsn-sticky-header { position: fixed; opacity: 0; visibility: hidden; background: #fff; left: 0px; top: 0px; box-shadow: 0 10px 20px rgb(0 0 0 / 20%); width: 100%; z-index: 0; transition: all 200ms ease; -moz-transition: all 200ms ease; -webkit-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; } .site-header.thsn-fixed-header .thsn-sticky-header { z-index: 999; opacity: 1; visibility: visible; -ms-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -op-animation-name: fadeInDown; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -ms-animation-duration: 300ms; -moz-animation-duration: 300ms; -op-animation-duration: 300ms; -webkit-animation-duration: 300ms; animation-duration: 300ms; -ms-animation-timing-function: linear; -moz-animation-timing-function: linear; -op-animation-timing-function: linear; -webkit-animation-timing-function: linear; animation-timing-function: linear; -ms-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -op-animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .admin-bar .site-header .thsn-sticky-header { top: 32px; } .thsn-responsive-logo{ display: none; } .nav-menu-toggle, .something{ display: none; } .thsn-sticky-on .site-title img.thsn-main-logo, .site-title img.thsn-sticky-logo{ max-height: var(--thsn-grevo-sticky-logo-height); } body .thsn-navbar > div > ul > li, body .thsn-navbar > div > ul > li > a{ line-height: var(--thsn-grevo-header-height) !important; height: var(--thsn-grevo-header-height) !important; } .thsn-sticky-header .thsn-navbar > div > ul > li, .thsn-sticky-header .thsn-navbar > div > ul > li > a, .thsn-sticky-header .site-title { line-height: var(--thsn-grevo-sticky-header-height) !important; height: var(--thsn-grevo-sticky-header-height) !important; } .thsn-navbar ul > li > ul > li.current-menu-item > a, .thsn-navbar ul > li > ul li.current_page_item > a, .thsn-navbar ul > li > ul li.current_page_ancestor > a, .thsn-navbar > div > ul > li:hover > a, .thsn-navbar > div > ul > li.current_page_item > a, .thsn-navbar > div > ul > li.current-menu-parent > a { color: var(--thsn-grevo-global-color); } .thsn-navbar ul > li > ul li.current_page_item > a:before, .thsn-navbar ul > li > ul li.current_page_ancestor > a:before, .thsn-navbar ul > li > ul li.current_page_parent > a:before{ background-color: var(--thsn-grevo-global-color); } .thsn-navbar ul > li > ul li:hover > a { color: var(--thsn-grevo-global-color) !important; } body:not(.thsn-max-mega-menu-override) .thsn-navbar > div > ul { position: relative; z-index: 597; } body:not(.thsn-max-mega-menu-override) .thsn-navbar > div > ul > li { float: left; min-height: 1px; vertical-align: middle; position: relative; } body:not(.thsn-max-mega-menu-override) .thsn-navbar > div > ul ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; } .thsn-navbar ul > li:hover > ul{ z-index: 600; } .thsn-navbar > div > ul li ul.thsn-nav-left{ left: inherit; right: 0; } body:not(.thsn-max-mega-menu-override) .thsn-navbar > div > ul li ul ul.thsn-nav-left{ left: -100%; right: 0; -webkit-transition: none; transition: none; } .thsn-navbar > div > ul ul li { float: none; } body:not(.thsn-max-mega-menu-override) .thsn-navbar > div > ul ul ul { top: 0; left: 100%; width: 190px; } .thsn-navbar > div > ul ul { margin-top: 0; } .thsn-navbar > div > ul ul li { font-weight: normal; } .thsn-navbar a { display: block; line-height: 1em; text-decoration: none; } /* Custom CSS Styles */ .thsn-navbar > ul { *display: inline-block; } .thsn-navbar:after, .thsn-navbar ul:after { content: ''; display: block; clear: both; } .thsn-navbar ul { text-transform: uppercase; } body:not(.thsn-max-mega-menu-override) .thsn-navbar ul ul { min-width: 270px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; box-shadow: 0px 10px 40px rgba(0,0,0,0.20); border-top: 3px solid var(--thsn-grevo-global-color); } body:not(.thsn-max-mega-menu-override) .thsn-navbar ul > li:hover > ul { visibility: visible; opacity: 1; } .thsn-navbar ul > li > ul > li > a{ padding: 15px 30px; } body:not(.thsn-max-mega-menu-override) .thsn-navbar ul > li > ul > li:hover > a{ padding-left: 40px; } .thsn-navbar ul ul a { border-bottom: 1px solid rgba(0, 0, 0, 0.10); border-top: 0 none; line-height: 150%; padding: 12px 20px; -webkit-transition: all .500s ease-in-out; transition: all .500s ease-in-out; } .thsn-navbar ul ul ul { border-top: 0 none; } .thsn-navbar ul ul li { position: relative; } .thsn-navbar ul li.last ul { left: auto; right: 0; } .thsn-navbar ul li.last ul ul { left: auto; right: 99.5%; } body:not(.thsn-max-mega-menu-override) .thsn-navbar div > ul > li > a{ margin: 0 20px; -webkit-transition: all .500s ease-in-out; transition: all .500s ease-in-out; } /* Dropdown Menu ( Globalcolor )*/ .thsn-navbar.thsn-dropdown-active-color-globalcolor ul > li > ul > li.current-menu-item > a, .thsn-navbar.thsn-dropdown-active-color-globalcolor ul > li > ul li.current_page_item > a, .thsn-navbar.thsn-dropdown-active-color-globalcolor ul > li > ul li.current_page_ancestor > a, /* Main Menu ( Globalcolor )*/ .thsn-navbar.thsn-main-active-color-globalcolor > div > ul > li:hover > a, .thsn-navbar.thsn-main-active-color-globalcolor > div > ul > li.current_page_item > a, .thsn-navbar.thsn-main-active-color-globalcolor > div > ul >li.current-menu-parent > a{ color: var(--thsn-grevo-global-color); } /* Dropdown Menu ( Secondarycolor )*/ .thsn-navbar.thsn-dropdown-active-color-secondarycolor ul > li > ul > li.current-menu-item > a, .thsn-navbar.thsn-dropdown-active-color-secondarycolor ul > li > ul li.current_page_item > a, .thsn-navbar.thsn-dropdown-active-color-secondarycolor ul > li > ul li.current_page_ancestor > a, /* Main Menu ( Secondarycolor )*/ .thsn-navbar.thsn-main-active-color-secondarycolor > div > ul > li:hover > a, .thsn-navbar.thsn-main-active-color-secondarycolor > div > ul > li.current_page_item > a, .thsn-navbar.thsn-main-active-color-secondarycolor > div > ul >li.current-menu-parent > a{ color: var(--thsn-grevo-secondary-color); } .thsn-header-menu-area .thsn-navbar div > ul > li, .thsn-header-menu-area .thsn-navbar div > ul > li > a, .thsn-header-menu-area{ height: 62px; line-height: 62px !important; } .thsn-header-menu-area.thsn-sticky-on .thsn-navbar div > ul > li, .thsn-header-menu-area.thsn-sticky-on .thsn-navbar div > ul > li > a, .thsn-header-menu-area.thsn-sticky-on{ height: 62px; line-height: 62px !important; } .thsn-header-menu-area{ position: relative; z-index: 10; } .thsn-navbar > div > ul > li.menu-item-has-children, .thsn-navbar > div > ul > li.page_item_has_children{ padding-right: 10px; } .thsn-navbar > div > ul > li.menu-item-has-children:after, .thsn-navbar > div > ul > li.page_item_has_children:after{ font-family: "themesion-base-icons"; font-size: 11px; content: "\e811"; position: absolute; top: 1px; right: 5px; -webkit-transition: all .500s ease-in-out; transition: all .500s ease-in-out; } .thsn-navbar > div > ul > li.current-menu-parent.menu-item-has-children:after{ color: var(--thsn-grevo-global-color); } .thsn-sticky-header .thsn-navbar > div > ul > li.current-menu-parent.menu-item-has-children:after { color: var(--thsn-grevo-main-menu-sticky-active-color); } /*=== thsn-search-cart-box ===*/ .thsn-search-cart-box .thsn-cart-wrapper a, .thsn-search-cart-box .thsn-header-search-btn a{ font-size: 20px; } .thsn-search-cart-box .thsn-cart-wrapper a .amount{ font-size: 16px; } .thsn-search-cart-box{ display: flex; align-items: center; position: relative; } .thsn-search-cart-box > *{ padding: 0 20px; position: relative; } .thsn-search-cart-box > *:nth-child(2)::after{ content: ''; width: 1px; height: 30px; background-color: rgba(var(--thsn-grevo-blackish-bg-color-rgb), 0.20); position: absolute; left: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .thsn-search-cart-box .thsn-cart-wrapper a, .thsn-search-cart-box .thsn-cart-details{ position: relative; } .thsn-search-cart-box .thsn-cart-count{ position: absolute; top: -18px; left: -18px; background-color: var(--thsn-grevo-global-color); color: #fff; height: 20px; line-height: 20px; width: 20px; text-align: center; border-radius: 50%; font-size: 12px; } .thsn-search-cart-box .thsn-cart-wrapper a:before { content: "\e83b"; font-family: "themesion-base-icons"; font-size: 22px; line-height: 22px; font-weight: normal; } } /*==================================== End Min Break Point ====================================*/ @media screen and (max-width: 1200px) { .thsn-pre-header-wrapper{ display: none; } } @media screen and (min-width: 992px) { .site-footer .thsn-footer-widget.thsn-footer-widget-col-1{ -ms-flex: 0 0 var(--thsn-grevo-footer-1-col-width); flex: 0 0 var(--thsn-grevo-footer-1-col-width); max-width: var(--thsn-grevo-footer-1-col-width); } .site-footer .thsn-footer-widget.thsn-footer-widget-col-2{ -ms-flex: 0 0 var(--thsn-grevo-footer-2-col-width); flex: 0 0 var(--thsn-grevo-footer-2-col-width); max-width: var(--thsn-grevo-footer-2-col-width); } .site-footer .thsn-footer-widget.thsn-footer-widget-col-3{ -ms-flex: 0 0 var(--thsn-grevo-footer-3-col-width); flex: 0 0 var(--thsn-grevo-footer-3-col-width); max-width: var(--thsn-grevo-footer-3-col-width); } .site-footer .thsn-footer-widget.thsn-footer-widget-col-4{ -ms-flex: 0 0 var(--thsn-grevo-footer-4-col-width); flex: 0 0 var(--thsn-grevo-footer-4-col-width); max-width: var(--thsn-grevo-footer-4-col-width); } }