:root { --tste-labtechco-skincolor: #1db04c; --tste-labtechco-skincolor-dark: #1db04c; --tste-labtechco-skincolor-light: #f6faff; --tste-labtechco-first-gradient: #04b454; --tste-labtechco-second-gradient: #1db04c; --tste-labtechco-logo-font-family: Arimo; --tste-labtechco-logo-font-backup-family: Arial, Helvetica, sans-serif; --tste-labtechco-logo-font-variant: regular; --tste-labtechco-logo-font-font-size: 26; --tste-labtechco-logo-font-line-height: 27; --tste-labtechco-logo-font-color: #202020; --tste-labtechco-logo-font-font: google; --tste-labtechco-topbar-bg-color: skincolor; --tste-labtechco-topbar-bg-custom-color: #ffffff; --tste-labtechco-topbar-text-color: white; --tste-labtechco-topbar-text-custom-color: #000000; --tste-labtechco-topbar-breakpoint: 1200px; --tste-labtechco-header-menuarea-height: 60px; --tste-labtechco-header-menu-bg-color: skincolor; --tste-labtechco-header-menu-bg-custom-color: rgba(0,0,0,0.31); --tste-labtechco-sticky-header-menu-bg-color: darkgrey; --tste-labtechco-sticky-header-menu-bg-custom-color: #ffffff; --tste-labtechco-header-height: 105px; --tste-labtechco-header-bg-custom-color: rgba(0,0,0,0); --tste-labtechco-logo-max-height: 60px; --tste-labtechco-header-height-sticky: 90px; --tste-labtechco-sticky-header-bg-custom-color: #ffffff; --tste-labtechco-menu-breakpoint: 1200px; --tste-labtechco-mainmenufont-family: Poppins; --tste-labtechco-mainmenufont-backup-family: Arial, Helvetica, sans-serif; --tste-labtechco-mainmenufont-variant: 700; --tste-labtechco-mainmenufont-font-size: 14; --tste-labtechco-mainmenufont-line-height: 20; --tste-labtechco-mainmenufont-letter-spacing: 1; --tste-labtechco-mainmenufont-color: #000000; --tste-labtechco-mainmenufont-font: google; --tste-labtechco-stickymainmenufontcolor: #000000; --tste-labtechco-mainmenu-active-link-color: custom; --tste-labtechco-mainmenu-active-link-custom-color: #1db04c; --tste-labtechco-dropdownmenufont-family: Poppins; --tste-labtechco-dropdownmenufont-backup-family: Arial, Helvetica, sans-serif; --tste-labtechco-dropdownmenufont-variant: 500; --tste-labtechco-dropdownmenufont-text-transform: uppercase; --tste-labtechco-dropdownmenufont-font-size: 15; --tste-labtechco-dropdownmenufont-line-height: 16; --tste-labtechco-dropdownmenufont-letter-spacing: 0.5; --tste-labtechco-dropdownmenufont-color: #000000; --tste-labtechco-dropdownmenufont-font: google; --tste-labtechco-dropmenu-active-link-custom-color: #3368c6; --tste-labtechco-titlebar-height: 400px; --tste-labtechco-skincolor-rgb: 29,176,76; --tste-labtechco-skincolor-dark-rgb: 29,176,76; --tste-labtechco-skincolor-light-rgb: 246,250,255; --tste-labtechco-mainmenufont-color-rgb: 0,0,0; --tste-labtechco-stickymainmenufontcolor-rgb: 0,0,0; --tste-labtechco-dropdownmenufont-color-rgb: 0,0,0; } @media (max-width:767px) { .table .wpb_wrapper{overflow-x:scroll;} } .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-title a:hover{color:#fff !important;} /*------------------------------------------------------------------ * theme-style.php index * [Table of contents] 1. Background color 2. Topbar Background color 3. Element Border color 4. Textcolor 5. Boxshadow 6. Header / Footer background color 7. Footer background color 8. Logo Color 9. Genral Elements 10. "Center Logo Between Menu" options 11. Floating Bar -------------------------------------------------------------------*/ /** * 0. Background properties * ---------------------------------------------------------------------------- */ body{background-color:#ffffff;background-position:0% 0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;} body > .ts-bg-layer{background-color:#ffffff;} body .site-content-wrapper{background-position:0% 0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;} .themestek-fbar-box-w{background-position:0% 0%;background-size:cover;background-repeat:repeat;background-attachment:scroll;} .ts-mmmenu-override-yes #site-header-menu #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li.mega-menu-item ul.mega-sub-menu, #site-header-menu #site-navigation div.nav-menu > ul > li ul{background-color:#eef1f5;background-position:center top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;} .ts-mmmenu-override-yes #site-header-menu #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li.mega-menu-item ul.mega-sub-menu, #site-header-menu #site-navigation div.nav-menu > ul > li ul > .ts-bg-layer{background-color:#eef1f5;} #site-header-menu #site-navigation div.nav-menu > ul > li:nth-child(1) ul, .ts-mmmenu-override-yes #site-header-menu #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li.mega-menu-item:nth-child(1) ul.mega-sub-menu{background-position:0% 0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;} #site-header-menu #site-navigation div.nav-menu > ul > li:nth-child(2) ul, .ts-mmmenu-override-yes #site-header-menu #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li.mega-menu-item:nth-child(2) ul.mega-sub-menu{background-position:0% 0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;} #site-header-menu #site-navigation div.nav-menu > ul > li:nth-child(3) ul, .ts-mmmenu-override-yes #site-header-menu #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li.mega-menu-item:nth-child(3) ul.mega-sub-menu{background-position:0% 0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;} #site-header-menu #site-navigation div.nav-menu > ul > li:nth-child(4) ul, .ts-mmmenu-override-yes #site-header-menu #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li.mega-menu-item:nth-child(4) ul.mega-sub-menu{background-position:0% 0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;} #site-header-menu #site-navigation div.nav-menu > ul > li:nth-child(5) ul, .ts-mmmenu-override-yes #site-header-menu #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li.mega-menu-item:nth-child(5) ul.mega-sub-menu{background-position:0% 0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;} #site-header-menu #site-navigation div.nav-menu > ul > li:nth-child(6) ul, .ts-mmmenu-override-yes #site-header-menu #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li.mega-menu-item:nth-child(6) ul.mega-sub-menu{background-position:0% 0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;} #site-header-menu #site-navigation div.nav-menu > ul > li:nth-child(7) ul, .ts-mmmenu-override-yes #site-header-menu #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li.mega-menu-item:nth-child(7) ul.mega-sub-menu{background-position:0% 0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;} #site-header-menu #site-navigation div.nav-menu > ul > li:nth-child(8) ul, .ts-mmmenu-override-yes #site-header-menu #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li.mega-menu-item:nth-child(8) ul.mega-sub-menu{background-position:0% 0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;} #site-header-menu #site-navigation div.nav-menu > ul > li:nth-child(9) ul, .ts-mmmenu-override-yes #site-header-menu #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li.mega-menu-item:nth-child(9) ul.mega-sub-menu{background-position:0% 0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;} #site-header-menu #site-navigation div.nav-menu > ul > li:nth-child(10) ul, .ts-mmmenu-override-yes #site-header-menu #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li.mega-menu-item:nth-child(10) ul.mega-sub-menu{background-position:0% 0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;} div.ts-titlebar-wrapper{background-image:url('https://labtechco-demo.pbminfotech.com/labtechco-demo5/wp-content/uploads/sites/10/2019/05/demo4-slider-1.jpg');background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;} .footer{background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;} .first-footer{background-position:0% 0%;background-size:auto;background-repeat:no-repeat;background-attachment:fixed;} .second-footer{background-position:0% 0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;} .bottom-footer-text{background-position:center center;background-size:auto;background-repeat:no-repeat;background-attachment:fixed;} .error404 .site-content-wrapper{background-image:url('http://labtechco.themestek.com/labtechco-demo4/wp-content/uploads/sites/10/2018/08/404.jpg');background-color:rgba(9,22,42,0.8);background-position:center top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;} .error404 .site-content-wrapper > .ts-bg-layer{background-color:rgba(9,22,42,0.8);} .uconstruction_background{background-image:url('http://labtechco.themestek.com/labtechco-demo4/wp-content/uploads/sites/10/2021/01/uconstruction-bg.jpg');background-color:#222222;background-position:center top;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;} .uconstruction_background > .ts-bg-layer{background-color:#222222;} /** * 0. Font properties * ---------------------------------------------------------------------------- */ .headerlogo a.home-link{font-family:"Arimo", Arial, Helvetica, sans-serif;font-weight:400;font-size:26px;line-height:27px;color:#202020;} #site-header-menu #site-navigation div.nav-menu > ul > li > a, .ts-mmmenu-override-yes #site-header-menu #site-navigation .mega-menu-wrap .mega-menu.mega-menu-horizontal > li.mega-menu-item > a{font-family:"Poppins", Arial, Helvetica, sans-serif;font-weight:700;font-size:14px;line-height:20px;letter-spacing:1px;color:#000000;} ul.nav-menu li ul li a, div.nav-menu > ul li ul li a, .ts-mmmenu-override-yes #site-header-menu #site-navigation .mega-menu-wrap .mega-menu.mega-menu-horizontal .mega-sub-menu a, .ts-mmmenu-override-yes #site-header-menu #site-navigation .mega-menu-wrap .mega-menu.mega-menu-horizontal .mega-sub-menu a:hover, .ts-mmmenu-override-yes #site-header-menu #site-navigation .mega-menu-wrap .mega-menu.mega-menu-horizontal .mega-sub-menu a:focus, .ts-mmmenu-override-yes #site-header-menu #site-navigation .mega-menu-wrap .mega-menu.mega-menu-horizontal .mega-sub-menu a.mega-menu-link, .ts-mmmenu-override-yes #site-header-menu #site-navigation .mega-menu-wrap .mega-menu.mega-menu-horizontal .mega-sub-menu a.mega-menu-link:hover, .ts-mmmenu-override-yes #site-header-menu #site-navigation .mega-menu-wrap .mega-menu.mega-menu-horizontal .mega-sub-menu a.mega-menu-link:focus, .ts-mmmenu-override-yes #site-header-menu #site-navigation .mega-menu-wrap .mega-menu.mega-menu-horizontal .mega-sub-menu > li.mega-menu-item-type-widget{font-family:"Poppins", Arial, Helvetica, sans-serif;font-weight:500;text-transform:uppercase;font-size:15px;line-height:16px;letter-spacing:0.5px;color:#000000;} #site-header-menu #site-navigation .mega-menu-wrap .mega-menu.mega-menu-horizontal .mega-sub-menu > li.mega-menu-item > h4.mega-block-title{font-family:"Poppins", Arial, Helvetica, sans-serif;font-weight:400;font-size:17px;line-height:16px;letter-spacing:1px;color:#ffffff;} .ts-titlebar h1.entry-title, .ts-titlebar-textcolor-custom .ts-titlebar-main .entry-title{font-family:"Poppins", Arial, Helvetica, sans-serif;font-weight:700;text-transform:uppercase;font-size:48px;line-height:58px;letter-spacing:1px;color:#dd9933;} .ts-titlebar .entry-subtitle, .ts-titlebar-textcolor-custom .ts-titlebar-main .entry-subtitle{font-family:"Poppins", Arial, Helvetica, sans-serif;font-weight:400;font-size:19px;line-height:22px;letter-spacing:1px;color:#dd9933;} .ts-titlebar .breadcrumb-wrapper, .ts-titlebar .breadcrumb-wrapper a{font-family:"Poppins", Arial, Helvetica, sans-serif;font-weight:500;font-size:14px;line-height:24px;color:#eeee22;} body{font-family:"Poppins", Arial, Helvetica, sans-serif;font-weight:400;font-size:14px;line-height:22px;color:#595959;} h1{font-family:"Poppins", Arial, Helvetica, sans-serif;font-weight:400;font-size:45px;line-height:47px;color:#1db04c;} h2{font-family:"Poppins", Arial, Helvetica, sans-serif;font-weight:400;font-size:40px;line-height:47px;color:#1db04c;} h3{font-family:"Poppins", Arial, Helvetica, sans-serif;font-weight:400;font-size:28px;line-height:42px;color:#1db04c;} h4{font-family:"Poppins", Arial, Helvetica, sans-serif;font-weight:400;font-size:24px;line-height:38px;color:#1db04c;} h5{font-family:"Poppins", Arial, Helvetica, sans-serif;font-weight:400;font-size:20px;line-height:34px;color:#1db04c;} h6{font-family:"Poppins", Arial, Helvetica, sans-serif;font-weight:400;font-size:14px;line-height:28px;color:#333333;} .ts-element-heading-wrapper .ts-vc_general .ts-vc_cta3_content-container .ts-vc_cta3-content .ts-vc_cta3-content-header h2, .ts-heading-subheading h2{font-family:"Poppins", Arial, Helvetica, sans-serif;font-weight:400;font-size:40px;line-height:47px;color:#1db04c;} .ts-element-heading-wrapper .ts-vc_general .ts-vc_cta3_content-container .ts-vc_cta3-content .ts-vc_cta3-content-header h4, .ts-vc_general.ts-vc_cta3.ts-vc_cta3-color-transparent.ts-cta3-only .ts-vc_cta3-content .ts-vc_cta3-headers h4, .ts-heading-subheading .ts-custom-subtitle, .ts-ihbox .ts-ihbox-contents .ts-ihbox-subheading{font-family:"Poppins", Arial, Helvetica, sans-serif;font-weight:400;text-transform:uppercase;font-size:16px;line-height:20px;color:#333333;} .ts-element-heading-wrapper .ts-vc_general.ts-vc_cta3 .ts-vc_cta3-content p, .ts-heading-subheading .ts-heading-desc{font-family:"Poppins", Arial, Helvetica, sans-serif;font-weight:400;font-size:16px;line-height:28px;color:#333333;} .widget-area.sidebar .widget_search .wp-block-search__label, .widget-area.sidebar .widget_block .wp-block-group h2, body .widget .widget-title, body .widget .widgettitle, #site-header-menu #site-navigation .mega-menu-wrap .mega-menu.mega-menu-horizontal .mega-sub-menu > li.mega-menu-item > h4.mega-block-title, .portfolio-description h2, .themestek-portfolio-details h2, .themestek-portfolio-related h2{font-family:"Poppins", Arial, Helvetica, sans-serif;font-weight:400;text-transform:uppercase;font-size:16px;line-height:24px;color:#333333;} .woocommerce button.button, .woocommerce-page button.button, input, .ts-vc_btn, .ts-vc_btn3, .ts-header-text-area.ts-header-button-w a, .woocommerce-page a.button, .button, .wpb_button, button, .woocommerce input.button, .woocommerce-page input.button, .tp-button.big, .woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .themestek-post-readmore a, .elementor-widget-button .elementor-button, .ts-ptablebox-style-1 .ts-ptable-btn a span, .ts-ihbox-btn a{font-family:"Poppins", Arial, Helvetica, sans-serif;font-weight:400;} .wpb_tabs_nav a.ui-tabs-anchor, body .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a, .vc_progress_bar .vc_label, .vc_tta.vc_general .vc_tta-tab > a, .vc_toggle_title > h4, .elementor-widget-progress .elementor-title, .elementor-widget-tabs .elementor-tab-title, .elementor-accordion .elementor-tab-title{font-family:"Poppins", Arial, Helvetica, sans-serif;font-weight:400;text-transform:uppercase;font-size:16px;} .entry-content .themestek-box h3, .ts-ihbox .ts-ihbox-contents .ts-ihbox-heading, .ts-ihbox .ts-vc_general.ts-vc_cta3 .ts-custom-heading{font-family:"Poppins", Arial, Helvetica, sans-serif;font-weight:400;text-transform:uppercase;font-size:16px;} .ts-testimonialbox-style-7 blockquote.themestek-testimonial-text, .ts-ihbox-style-14.ts-ihbox .ts-ihbox-icon-wrapper, .ts-servicebox-style-9.themestek-box .themestek-box-category a, .ts-servicebox-style-9:before, .ts-ihbox-style-15 .ts-ihbox-icon-wrapper.ts-ihbox-icon-type-text, .ts-servicebox-style-10 .themestek-box-desc li, .ts-servicebox-style-11.themestek-box-service .themestek-box-category a, .ts-servicebox-style-11:before, .ts-testimonialbox-style-8 blockquote.themestek-testimonial-text, .ts-blogbox-style-6 .ts-meta-line.cat-links a, .ts-blogbox-style-7 .ts-meta-line.cat-links a, .ts-portfoliobox-style-7 .themestek-box .themestek-box-category a, .ts-marquestyle-01 li, .ts-marquestyle-02 li, .ts-tab-new-home.elementor-widget-tabs .elementor-tab-title, .ts-ihbox.ts-ihbox-style-16 .ts-ihbox-inner svg text, .ts-action-box-style-1 .ts-action-box-circle-wrap .ts-svg-btn span, .ts-header-style-13 .ts-header-button-wrap .ts-header-button a, .ts-footer-menu-split.widget_nav_menu.widget ul>li a, .ts-vc_btn-large .ts-vc_btn3.ts-vc_btn3-size-lg.ts-vc_btn3-style-classic{font-family:"Poppins", Arial, Helvetica, sans-serif;font-weight:400;text-transform:uppercase;} .ts-ihbox-style-15.ts-ihbox .ts-ihbox-contents h2.ts-ihbox-heading, .ts-ihbox-style-15.ts-ihbox .ts-ihbox-contents h2.ts-custom-heading{font-family:"Poppins", Arial, Helvetica, sans-serif;font-weight:400;text-transform:uppercase;} /** * 0. Text link and hover color properties * ---------------------------------------------------------------------------- */ a{color:#1db04c;} a:hover{color:#202020;} /** * 0. Header bg color * ---------------------------------------------------------------------------- */ /** * 0. Sticky header bg color * ---------------------------------------------------------------------------- */ /** * 0. header menu bg color * ---------------------------------------------------------------------------- */ /** * 0. Sticky menu bg color * ---------------------------------------------------------------------------- */ /** * 0. Header button bg color * ---------------------------------------------------------------------------- */ @media (min-width: 1200px){ .ts-header-style-2 .ts-header-block .ts-vc_btn3-container .ts-vc_btn3, .ts-header-style-2 .ts-header-text-area.ts-header-button-w a, .ts-header-style-4 .ts-header-block .ts-vc_btn3-container .ts-vc_btn3, .ts-header-style-4 .ts-header-text-area.ts-header-button-w a{ background-color:#031b4e !important; } } @media (min-width: 1200px){ .ts-header-style-2 .ts-header-block .ts-vc_btn3-container .ts-vc_btn3:hover, .ts-header-style-2 .ts-header-text-area.ts-header-button-w a:hover, .ts-header-style-4 .ts-header-block .ts-vc_btn3-container .ts-vc_btn3:hover, .ts-header-style-4 .ts-header-text-area.ts-header-button-w a:hover { background-color:#031b4e !important; } } /** * 0. List style special style * ---------------------------------------------------------------------------- */ .wpb_row .vc_tta.vc_general.vc_tta-color-white:not(.vc_tta-o-no-fill) .vc_tta-panel-body .wpb_text_column{ color:var(--tste-labtechco-general-font-color); } /** * 0. Page loader css * ---------------------------------------------------------------------------- */ .ts-page-loader-wrapper{background-image:url("http://zimtas.au/wp-content/themes/labtechco/images/loader1.gif")} /** * 0. Floating bar * ---------------------------------------------------------------------------- */ /* This is Titlebar Background color */ /* This is Titlebar Text color */ .ts-titlebar-wrapper .ts-titlebar-inner-wrapper{ height: 400px; } .ts-header-overlay .themestek-titlebar-wrapper .ts-titlebar-inner-wrapper{ padding-top: 135px; } /* Logo Max-Height */ .headerlogo img{ max-height: var(--tste-labtechco-logo-max-height); } .is_stuck .headerlogo img{ max-height: 60px; } span.ts-sc-logo.ts-sc-logo-type-image { position: relative; display: block; z-index: 1; } /** * Topbar Background color * ---------------------------------------------------------------------------- */ /* Show/hide topbar in some devices */ @media (max-width: 1200px){ .themestek-pre-header-wrapper{ display: none !important; } } .main-form.rounded-form input[type="text"]:focus, .main-form.rounded-form input[type="email"]:focus, .main-form.rounded-form textarea:focus, .main-holder .site #content table.cart td.actions .input-text:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, input.input-text:focus, select:focus, blockquote{ border-color: var(--tste-labtechco-skincolor); } /* Dynamic main menu color applying to responsive menu link text */ .header-controls .search_box i.tsicon-fa-search, .righticon i, .menu-toggle i, .header-controls a{ color: rgb( var(--tste-labtechco-mainmenufont-color-rgb); , 1) ; } .menu-toggle i:hover, .header-controls a:hover { color: var(--tste-labtechco-skincolor) !important; } .ts-mmmenu-override-yes #site-header-menu #site-navigation .mega-menu-wrap .mega-menu.mega-menu-horizontal .mega-sub-menu > li.mega-menu-item-type-widget div{ color: rgb( var(--tste-labtechco-dropdownmenufont-color-rgb) , 0.8); font-weight: normal; } /*Logo Color --------------------------------*/ span.site-title{ color: var(--tste-labtechco-logo-font-color); } /** * Heading Elements * ---------------------------------------------------------------------------- */ .ts-textcolor-skincolor h1, .ts-textcolor-skincolor h2, .ts-textcolor-skincolor h3, .ts-textcolor-skincolor h4, .ts-textcolor-skincolor h5, .ts-textcolor-skincolor h6, .ts-textcolor-skincolor .ts-vc_cta3-content-header h2{ color: var(--tste-labtechco-skincolor) !important; } .ts-textcolor-skincolor .ts-vc_cta3-content-header h4{ color: rgb( var(--tste-labtechco-skincolor-rgb) , 0.90) !important; } .ts-textcolor-skincolor .ts-vc_cta3-content .ts-cta3-description{ color: rgb( var(--tste-labtechco-skincolor-rgb) , 0.60) !important; }Max Width for dynamic .ts-textcolor-skincolor{Max Width for dynamic color: rgb( var(--tste-labtechco-skincolor-rgb) , 0.60); } .ts-textcolor-skincolor a{ color: rgb( var(--tste-labtechco-skincolor-rgb) , 0.80); } /** * Floating Bar * ---------------------------------------------------------------------------- */ /* Show/hide topbar in some devices */ @media (max-width: 1200px){ .themestek-fbar-btn, .themestek-fbar-box-w{ display: none !important; } } /** * 1. Textcolor * ---------------------------------------------------------------------------- */ .widget-area.sidebar .widget.widget_block a:hover, .themestek-pre-header-wrapper .top-contact li a:hover, footer a:hover, blockquote:after, section.error-404 .ts-big-icon, /* Icon basic color */ .ts-icolor-skincolor, .ts-bgcolor-darkgrey ul.labtechco_contact_widget_wrapper li a:hover, .ts-vc_general.ts-vc_cta3.ts-vc_cta3-color-skincolor.ts-vc_cta3-style-classic .ts-vc_cta3-content-header, .ts-vc_icon_element-color-skincolor, .ts-bgcolor-skincolor .themestek-pagination .page-numbers.current, .ts-bgcolor-skincolor .themestek-pagination .page-numbers:hover, .ts-dcap-txt-color-skincolor, /* Global Button */ .ts-vc_general.ts-vc_btn3.ts-vc_btn3-style-text.ts-vc_btn3-color-white:hover, article.post .entry-title a:hover, .comment-reply-link, /* Global */ .ts-skincolor-strong strong, .ts-skincolor, .ts-element-heading-wrapper .ts-vc_general .ts-vc_cta3_content-container .ts-vc_cta3-content .ts-vc_cta3-content-header h4.ts-skincolor, /* lsit style */ .ts-list-style-disc.ts-list-icon-color-skincolor li, .ts-list-style-circle.ts-list-icon-color-skincolor li, .ts-list-style-square.ts-list-icon-color-skincolor li, .ts-list-style-decimal.ts-list-icon-color-skincolor li, .ts-list-style-upper-alpha.ts-list-icon-color-skincolor li, .ts-list-style-roman.ts-list-icon-color-skincolor li, .ts-list.ts-skincolor li .ts-list-li-content, .ts-search-results-pages-w .ts-list-li-content a:hover, .ts-textcolor-white a:hover, .ts-fid-icon-wrapper i, .ts-textcolor-skincolor, .ts-textcolor-skincolor a, .themestek-box-title h4 a:hover, /* Text color skin in row secion*/ .ts-background-image.ts-row-textcolor-skin h1, .ts-background-image.ts-row-textcolor-skin h2, .ts-background-image.ts-row-textcolor-skin h3, .ts-background-image.ts-row-textcolor-skin h4, .ts-background-image.ts-row-textcolor-skin h5, .ts-background-image.ts-row-textcolor-skin h6, .ts-background-image.ts-row-textcolor-skin .ts-element-heading-wrapper h2, .ts-background-image.ts-row-textcolor-skin .themestek-testimonial-title, .ts-background-image.ts-row-textcolor-skin a, .ts-background-image.ts-row-textcolor-skin .item-content a:hover, .ts-row-textcolor-skin h1, .ts-row-textcolor-skin h2, .ts-row-textcolor-skin h3, .ts-row-textcolor-skin h4, .ts-row-textcolor-skin h5, .ts-row-textcolor-skin h6, .ts-row-textcolor-skin .ts-element-heading-wrapper h2, .ts-row-textcolor-skin .themestek-testimonial-title, .ts-row-textcolor-skin a, .ts-row-textcolor-skin .item-content a:hover, .sidebar .widget_recent_comments li.recentcomments a:hover, .sidebar .themestek_widget_recent_entries a:hover, .sidebar .widget_recent_entries a:hover, .sidebar .widget_meta a:hover, .sidebar .widget_categories a:hover, .sidebar .widget_archive li a:hover, .sidebar .widget_pages li a:hover, .sidebar .widget_nav_menu li a:hover, ul.ts-recent-post-list > li .post-date, .single-ts-portfolio .nav-links a:hover, .author-info .ts-author-social-links-wrapper ul li a:hover, .ts-team-details-line .ts-team-list-value a:hover, .ts-team-details-line i, .ts-pf-details-heading i, .ts-pf-single-content-wrapper .ts-social-share-links ul li a:hover, .ts-custom-bt .ts-vc_general.ts-vc_btn3:hover, .ts-custom-bt .ts-vc_btn3.ts-vc_btn3-style-text.ts-vc_btn3-size-md.ts-vc_btn3-icon-left:not(.ts-vc_btn3-o-empty) .ts-vc_btn3-icon, ul.labtechco_contact_widget_wrapper li:before, .ts-featured-meta-wrapper .ts-metaline .ts-meta-line:not(.cat-links) a:hover, .themestek-boxes-view-carousel:not(.themestek-boxes-col-one) .themestek-boxes-row-wrapper .slick-arrow:hover:before, .ts-custom-col-style ul.ts-pricelist-block li .service-price, .themestek-box-team-style-3 .themestek-box-team-position, .themestek-box-team-style-3 .themestek-box-content-inner .themestek-teambox-email i, .themestek-box-team-style-3 .themestek-box-content-inner .themestek-teambox-email a:hover, body .appointment input[type="submit"], .ts-vc_general.ts-vc_btn3-color-skincolor, .ts-icon-skincolor-strong strong, .ts-icon-skincolor i, .ts-team-social-links li a:hover, .ts-skincolor h3, .themestek-box-testimonial .themestek-author-name, .themestek-box-testimonial .themestek-author-name a, h3.ts-fid-inner span:first-child, .themestek-box.ts-portfoliobox-style-6 .themestek-box-link a:hover, .ts-featured-meta-wrapper .ts-meta-line i, .themestek-box-blog .themestek-box-title h4 a:hover, .themestek-box-blog .themestek-blogbox-footer-readmore a:hover, .themestek-blogbox-footer-readmore a:hover, .ts-featured-meta-wrapper .ts-meta-line a:hover{ color: var(--tste-labtechco-skincolor); } /** * 2. Background * ---------------------------------------------------------------------------- */ /*Appointment-form*/ .select2-container--default .select2-results__option--highlighted[aria-selected], /* Custom Subheading */ .ts-heading-shape-rounded h4.ts-custom-heading:before, .edit-link a:hover, /* Search result */ .ts-team-member-single-content-wrapper .ts-team-social-links li a:hover, /* Blogbox */ /* Header bacground color */ .themestek-pre-header-wrapper .social-icons li > a:hover, .site-header-menu.ts-sticky-bgcolor-skincolor.is_stuck, .is_stuck.ts-sticky-bgcolor-skincolor, .ts-bgcolor-skincolor, .ts-skincolor-bg, .ts-col-bgcolor-skincolor .ts-bg-layer-inner, .ts-bgcolor-skincolor > .ts-bg-layer, footer#colophon.ts-bgcolor-skincolor > .ts-bg-layer, .ts-titlebar-wrapper.ts-bgcolor-skincolor .ts-titlebar-wrapper-bg-layer, .ts-titlebar-wrapper.ts-breadcrumb-on-bottom .ts-titlebar .breadcrumb-wrapper .container, .themestek-pagination .page-numbers.current, .themestek-pagination .page-numbers:hover, .ts-social-share-links ul li a:hover, /*Search Result Page*/ .ts-sresults-title small a, .ts-sresult-form-wrapper, .widget.labtechco_category_list_widget li a:hover, .widget.themestek_widget_list_all_posts ul > li.ts-post-active a, .widget.labtechco_category_list_widget li.current-cat a, .widget.themestek_widget_list_all_posts ul > li a:hover, .widget-area.sidebar .widget_search .wp-block-search__label:after, .widget-area.sidebar .widget_block .wp-block-group h2:after, .sidebar h3.widget-title:after, mark, ins, .tagcloud a:hover, .ts_prettyphoto .vc_single_image-wrapper:after, #totop, .ts-commonform input[type="submit"], .ts-sortable-list .ts-sortable-link a:hover, .ts-sortable-list .ts-sortable-link a.selected, .comment-body .reply a:hover, .themestek-pf-single-content-bottom .ts-pf-single-category-w a:hover, .themestek-box-portfolio.themestek-box-view-overlay .themestek-icon-box:hover, .ts-vc_icon_element-background-color-skincolor, .footer .widget-title:after, .wpb-js-composer .vc_tta-shape-square.vc_tta-color-black .vc_tta-panel.vc_active .vc_tta-panel-title > a:after, .wpb-js-composer .vc_tta-color-black.vc_tta-style-outline .vc_tta-tab.vc_active > a:after, .ts-vc_general.ts-vc_btn3.ts-vc_btn3-color-skincolor.ts-vc_btn3-style-outline:hover, .ts-vc_general.ts-vc_btn3.ts-vc_btn3-color-skincolor:not(.ts-vc_btn3-style-text):not(.ts-vc_btn3-style-outline), .vc_progress_bar.vc_progress-bar-color-skincolor .vc_single_bar .vc_bar, .themestek-box-blog-classic .ts-blog-classic-datebox-overlay, button, input[type="submit"], .ts-col-bgcolor-skincolor, .ts-blogbox-style-4:hover .themestek-meta-date, .ts-bold-list.ts-list.ts-list-style-icon li i, .ts-bold-list .elementor-icon-list-items li i, .ts-ihbox-style-left-icon-skin-hover:hover, .ts-ihbox-hoverstyle-1:hover, .ts-featured-meta-wrapper .ts-featured-meta-comments-tableper, .themestek-box-view-overlay.themestek-portfolio-box-view-overlay-icon-desc .themestek-media-link a, .ts-vc_btn3.ts-vc_btn3-color-black.ts-vc_btn3-style-classic:hover, .ts-vc_btn3.ts-vc_btn3-color-black, .ts-vc_btn3.ts-vc_btn3-color-black.ts-vc_btn3-style-flat:hover, .themestek-teambox-left-image .themestek-box-content ul li a:hover{ background-color: var(--tste-labtechco-skincolor); } .comment-body .reply a, .themestek-box-team-style4 .themestek-box-content, .twentytwenty-handle, .ts-teambox-style-5.themestek-box .ts-team-social-links li a, .themestek-box-team-style-3.themestek-box .ts-team-social-links li a:hover, .themestek-portfolio-box-view-overlay-simple.themestek-box-view-overlay .themestek-overlay, .themestek-portfolio-box-view-overlay-two-icon-title.themestek-box-view-overlay .themestek-overlay, .themestek-portfolio-box-view-overlay-two-icon-skin.themestek-box-view-overlay .themestek-overlay{ background-color: rgb( var(--tste-labtechco-skincolor-rgb) , 0.80) ; } .ts-bt-skincolor{ background-color: var(--tste-labtechco-skincolor) !important; } .ts-col-bgcolor-dark{ background-color: var(--tste-labtechco-skincolor-dark); } /** * 3. Tabs and Accordion * ---------------------------------------------------------------------------- */ /******** Tab style ********/ /* Tab flat style */ .wpb-js-composer .vc_tta-style-flat.vc_tta-color-skincolor .vc_tta-tab>a, .wpb-js-composer .vc_tta-style-flat.vc_tta-color-skincolor .vc_tta-panel .vc_tta-panel-heading, .wpb-js-composer .vc_tta-style-flat.vc_tta-color-skincolor .vc_tta-panel.vc_active .vc_tta-panel-heading, .wpb-js-composer .vc_tta-style-flat.vc_tta-color-skincolor .vc_tta-tab>a:focus, .wpb-js-composer .vc_tta-style-flat.vc_tta-color-skincolor .vc_tta-tab>a:hover, .wpb-js-composer .vc_tta-style-flat.vc_tta-color-skincolor .vc_tta-tab.vc_active>a, /* Tab modern style */ .wpb-js-composer .vc_tta-style-modern.vc_tta-color-skincolor .vc_tta-tab>a, .wpb-js-composer .vc_tta-style-modern.vc_tta-color-skincolor .vc_tta-panel .vc_tta-panel-heading, /* Tab classic style */ .wpb-js-composer .vc_tta-style-modern.vc_tta-shape-square.vc_tta-color-skincolor .vc_tta-panel.vc_active .vc_tta-panel-title>a:hover, .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-modern.vc_tta-color-skincolor.vc_tta-shape-square .vc_tta-panel .vc_tta-panel-heading:hover, .wpb-js-composer .vc_tta-style-modern.vc_tta-shape-square.vc_tta-color-skincolor .vc_tta-panel.vc_active .vc_tta-panel-title>a, .wpb-js-composer .vc_tta-style-classic.vc_tta-color-skincolor .vc_tta-tab.vc_active > a, .wpb-js-composer .vc_tta-style-classic.vc_tta-color-skincolor .vc_tta-tab > a:focus, .wpb-js-composer .vc_tta-style-classic.vc_tta-color-skincolor .vc_tta-tab > a:hover, .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-classic.vc_tta-color-skincolor .vc_tta-panel .vc_tta-panel-heading:hover, .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-classic.vc_tta-color-skincolor.vc_tta-shape-square .vc_tta-panel .vc_tta-panel-heading:hover, .wpb-js-composer .vc_tta-style-classic.vc_tta-color-skincolor .vc_tta-tab.vc_active > a, .wpb-js-composer .vc_tta-style-classic.vc_tta-color-skincolor .vc_tta-panel.vc_active .vc_tta-panel-title>a{ background-color: var(--tste-labtechco-skincolor); } .wpb-js-composer .vc_tta-style-flat.vc_tta-color-skincolor:not(.vc_tta-o-no-fill) .vc_tta-panel .vc_tta-panel-body{ background-color: rgb( var(--tste-labtechco-skincolor-rgb) , 0.80); } /* Tab outline style */ .wpb-js-composer .vc_tta-container .vc_tta-style-outline.vc_tta.vc_general.vc_tta-color-skincolor .vc_tta-tab.vc_active>a { border-color: var(--tste-labtechco-skincolor); color: var(--tste-labtechco-skincolor); } .wpb-js-composer .vc_tta-style-outline.vc_tta-color-skincolor .vc_tta-panel .vc_tta-panel-heading, .wpb-js-composer .vc_tta-style-outline.vc_tta-color-skincolor .vc_tta-tab>a { border-color: var(--tste-labtechco-skincolor); color: var(--tste-labtechco-skincolor); } .wpb-js-composer .vc_tta-style-outline.vc_tta-color-skincolor .vc_tta-panel .vc_tta-panel-heading:hover, .wpb-js-composer .vc_tta-style-outline.vc_tta-color-skincolor .vc_tta-tab>a:focus, .wpb-js-composer .vc_tta-style-outline.vc_tta-color-skincolor .vc_active .vc_tta-tab>a:hover{ background-color: var(--tste-labtechco-skincolor); } .wpb-js-composer .vc_tta-color-skincolor.vc_tta-style-outline .vc_tta-tab>a:focus, .wpb-js-composer .vc_tta-color-skincolor.vc_tta-style-outline .vc_tta-tab>a:hover { background-color: var(--tste-labtechco-skincolor); } .wpb-js-composer .vc_tta-style-outline.vc_tta-color-skincolor .vc_tta-panel.vc_active .vc_tta-panel-title>a{ color: var(--tste-labtechco-skincolor); } .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-classic.vc_tta-color-skincolor .vc_tta-controls-icon::after, .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-classic.vc_tta-color-skincolor .vc_tta-controls-icon::before, .wpb-js-composer .vc_tta-color-skincolor.vc_tta-style-outline:not(.vc_tta-o-no-fill) .vc_tta-panel .vc_tta-panel-body, .wpb-js-composer .vc_tta-accordion.vc_tta-style-outline.vc_tta-color-skincolor .vc_tta-panel.vc_active .vc_tta-panel-heading{ border-color: var(--tste-labtechco-skincolor); } /******** Accordion style ********/ /* Tab classic style */ .wpb-js-composer .vc_tta-color-skincolor.vc_tta-style-classic:not(.vc_tta-o-no-fill) .vc_tta-panel .vc_tta-panel-body { background-color: var(--tste-labtechco-skincolor); } .wpb-js-composer .vc_tta-accordion.vc_tta-style-classic.vc_tta-color-skincolor .vc_tta-panel.vc_active .vc_tta-panel-heading, .wpb-js-composer .vc_tta-accordion.vc_tta-style-classic.vc_tta-color-skincolor .vc_tta-panel .vc_tta-panel-heading:focus, .wpb-js-composer .vc_tta-accordion.vc_tta-style-classic.vc_tta-color-skincolor .vc_tta-panel .vc_tta-panel-heading:hover { background-color: var(--tste-labtechco-skincolor); } /** * Border color * ---------------------------------------------------------------------------- */ .ts-vc_btn3-style-outline.ts-vc_btn3-color-skincolor:not(.ts-vc_btn3-style-text), .wpb-js-composer .vc_tta-color-skincolor.vc_tta-style-modern .vc_tta-tab>a{ border-color: var(--tste-labtechco-skincolor); } .main-form .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: var(--tste-labtechco-skincolor) transparent transparent transparent; } .main-form .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent var(--tste-labtechco-skincolor) transparent; border-width: 0 4px 5px 4px; } /* Progress Bar Section */ .vc_progress_bar .vc_general.vc_single_bar.vc_progress-bar-color-skincolor span.ts-vc_label_units.vc_label_units:before, span.ts-vc_label_units.vc_label_units:before{ border-color: var(--tste-labtechco-skincolor) transparent; } .nav-links .nav-next:before, .nav-links .nav-previous:before{ border-bottom-color: var(--tste-labtechco-skincolor); } body table.booked-calendar td.today .date span, body table.booked-calendar th{ border-color: var(--tste-labtechco-skincolor) !important; } .slick-dots li.slick-active button{ box-shadow: inset 0 0 0 2px var(--tste-labtechco-skincolor); } /******** Gradient ********/ .ts-bgcolor-gradient { background-image: -ms-linear-gradient(bottom, var(--tste-labtechco-first-gradient) 0%, var(--tste-labtechco-second-gradient) 100%); background-image: linear-gradient(to bottom, var(--tste-labtechco-first-gradient) , var(--tste-labtechco-second-gradient) ); } .ts-bgcolor-gradient{ background-image: -ms-linear-gradient(bottom, var(--tste-labtechco-first-gradient) 0%, var(--tste-labtechco-second-gradient) 100%); background-image: linear-gradient(to right, var(--tste-labtechco-first-gradient) , var(--tste-labtechco-second-gradient) ); } /******** Dark BG ********/ #bbpress-forums .bbp-search-form input[type="submit"], .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .ts-search-overlay .ts-site-searchform button, .wpb-js-composer .vc_tta-color-skincolor.vc_tta-style-flat .vc_tta-tab>a, .ts-search-form-wrapper input[type="submit"], .ts-search-form-tabs-w .ts-search-form-tab.ts-search-form-tab-current a span, body .appointment input[type="submit"]:hover, .ts-bg.ts-bgcolor-darkgrey > .ts-bg-layer, .ts-col-bgcolor-darkgrey, .ts-col-bgcolor-darkgrey .ts-bg-layer-inner, .site-header-menu.ts-sticky-bgcolor-darkgrey.is_stuck, .ts-bgcolor-darkgrey, button, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, .ts-vc_btn3.ts-vc_btn3-color-black, .ts-vc_btn3.ts-vc_btn3-color-black.ts-vc_btn3-style-flat, .ts-vc_general.ts-vc_btn3.ts-vc_btn3-color-skincolor:not(.ts-vc_btn3-style-text):not(.ts-vc_btn3-style-outline):hover, .ts-sresults-title small .label-default[href]:hover, .themestek-box-blog-style2 .themestek-blog-classic-footer-readmore a:hover, .ts-vc_btn3.ts-vc_btn3-color-white.ts-vc_btn3-style-flat:hover, .ts-vc_btn3.ts-vc_btn3-color-default.ts-vc_btn3-style-flat:hover, .widget .download .item-download, .ts-col-bgcolor-darkgrey.ts-col-bgimage-yes .ts-bg-layer-inner, .ts-bgcolor-darkgrey.ts-bg.ts-bgimage-yes > .ts-bg-layer-inner{ background-color: var(--tste-labtechco-skincolor-dark); } .ts-vc_btn3.ts-vc_btn3-size-lg.ts-vc_btn3-style-custom:hover, .vc_tta-color-black.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading:hover, .vc_tta-color-black.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading{ background-color: var(--tste-labtechco-skincolor-dark) !important; } .widget-area.sidebar .widget.widget_block a, .wpb-js-composer .vc_tta-style-modern.vc_tta-shape-square.vc_tta-color-skincolor .vc_tta-panel .vc_tta-panel-title>a, span.bbp-admin-links a, #bbpress-forums .bbp-topic-title a.bbp-topic-permalink, #bbpress-forums a.bbp-forum-title, .woocommerce .woocommerce-order-details table.shop_table thead th, .edit-link a, .ts-play-text-box p a, .ts-icon-play-after-bg .vc_single_image-wrapper:after, span.ts-vc_label_units.vc_label_units, .wpb-js-composer .vc_tta-style-classic.vc_tta-color-skincolor .vc_tta-tab.vc_active>a, .wpb-js-composer .vc_tta-style-classic.vc_tta-color-skincolor .vc_tta-panel.vc_active .vc_tta-panel-title>a, .wpb-js-composer .vc_tta-style-classic.vc_tta-color-skincolor .vc_tta-tab.vc_active > a, .wpb-js-composer .vc_tta.vc_tta-style-classic.vc_general.vc_tta-color-skincolor .vc_tta-tab.vc_active>a, .wpb-js-composer .vc_tta-style-classic.vc_tta-color-skincolor .vc_tta-tab > a, .wpb-js-composer .vc_tta-style-classic.vc_tta-color-skincolor .vc_tta-panel.vc_active .vc_tta-panel-title>a, .wpb-js-composer .vc_tta-style-classic.vc_tta-color-skincolor .vc_tta-panel-title, .wpb-js-composer .vc_tta-style-classic.vc_tta-color-skincolor .vc_tta-tab > a, .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-classic.vc_tta-color-skincolor .vc_tta-panel .vc_tta-panel-title > a, .themestek-box-testimonial .themestek-testimonial-text, .ts-ihbox .ts-vc_general.ts-vc_cta3 h4.ts-custom-heading, .ts-search-form-tabs-w .ts-search-form-tab.ts-search-form-tab-current a, .ts-search-form-tabs-w .ts-search-form-tab a, .ts-search-results-pages-w .ts-list-li-content a, .ts-bold-list.ts-list.ts-list-style-icon .ts-list-li-content, .widget.labtechco_category_list_widget li a, .ts-team-social-links li a, .ts-team-details-line .ts-team-list-title, .ts-team-details-line .ts-team-list-value a, .themestek-box-team-style-3 .themestek-box-content-inner .themestek-teambox-email a, .themestek-box-team .themestek-box-title h4 a, .nav-links a, .ts-pf-view-style-2 .ts-pf-top-content .ts-pf-details-heading, .author-info .ts-author-social-links-wrapper ul li a, .themestek-box-team .themestek-box-title h4 a, .themestek-box-blog .themestek-box-title h4 a, .themestek-box h3 a{ color: var(--tste-labtechco-skincolor-dark); } .ts-ihbox .ts-vc_general.ts-vc_btn3{ color: var(--tste-labtechco-skincolor-dark) !important; } /************************ Mega Main Menu **************************/ ul.nav-menu li ul li a, div.nav-menu > ul li ul li a, .ts-mmmenu-override-yes #site-header-menu #site-navigation .mega-menu-wrap .mega-menu.mega-menu-horizontal .mega-sub-menu a{ opacity: 0.95; } #site-header-menu #site-navigation div.nav-menu > ul > li li.current_page_ancestor > a, #site-header-menu #site-navigation div.nav-menu > ul > li li.current_page_item > a, #site-header-menu #site-navigation div.nav-menu > ul > li li.current_page_parent > a, #site-header-menu #site-navigation div.nav-menu > ul > li li.current-menu-ancestor > a, #site-header-menu #site-navigation div.nav-menu > ul > li li.current-menu-parent > a, #site-header-menu #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li.mega-menu-item ul.mega-sub-menu li.current-menu-item > a, #site-header-menu #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li.mega-menu-item ul.mega-sub-menu li.mega-current-menu-item > a, #site-header-menu #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li.mega-menu-item ul.mega-sub-menu li.mega-current-menu-ancestor > a{ opacity: 1; } .ts-search-overlay input[type="search"]{ border-bottom-color: var(--tste-labtechco-skincolor); } /* Blog box style */ .widget_recent_entries a, .footer .social-icons li > a, .themestek-box-blog-classic .more-link-wrapper a:hover{ color: var(--tste-labtechco-skincolor); } .themestek-boxes-testimonial.themestek-boxes-view-carousel.themestek-boxes-col-one.ts-boxes-carousel-arrows-below.ts-right-arrow .themestek-boxes-row-wrapper .slick-next, .themestek-boxes-testimonial.themestek-boxes-view-carousel.themestek-boxes-col-one.ts-boxes-carousel-arrows-below.ts-right-arrow .themestek-boxes-row-wrapper .slick-prev, .ts-team-member-single-content-wrapper .ts-team-social-links li a{ background-color: var(--tste-labtechco-skincolor); } .ts-search-overlay{ background-color: rgb( var(--tste-labtechco-skincolor-rgb) , 0.90); } .ts-search-overlay .ts-site-searchform button, .ts-search-form-wrapper input[type="submit"], .ts-search-form-tabs-w .ts-search-form-tab.ts-search-form-tab-current a span{ background-color: var(--tste-labtechco-skincolor-dark); } .ts-col-bgcolor-grey > .ts-bg-layer-inner, .ts-bg.ts-bgcolor-grey > .ts-bg-layer, .ts-col-bgcolor-grey .ts-bg-layer-inner, .ts-bgcolor-grey, .site-header.ts-sticky-bgcolor-grey.is_stuck, .site-header-menu.ts-sticky-bgcolor-grey.is_stuck, .tagcloud a, .comment-body, .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-classic.vc_tta-color-skincolor .vc_tta-panel .vc_tta-panel-heading, .wpb-js-composer .vc_tta-style-classic.vc_tta-color-skincolor .vc_tta-tab > a, /*.wpb-js-composer .vc_tta-style-classic.vc_tta-color-skincolor .vc_tta-tab.vc_active>a, .wpb-js-composer .vc_tta-style-classic.vc_tta-color-skincolor .vc_tta-panel.vc_active .vc_tta-panel-title>a, .wpb-js-composer .vc_tta-style-classic.vc_tta-color-skincolor .vc_tta-tab.vc_active > a, .wpb-js-composer .vc_tta.vc_tta-style-classic.vc_general.vc_tta-color-skincolor .vc_tta-tab.vc_active>a,*/ .wpb-js-composer .vc_tta-style-classic.vc_tta-color-skincolor .vc_tta-tab > a , .single-ts-service .site-content #sidebar-left.sidebar { background-color: var(--tste-labtechco-skincolor-light); } .comment-body { border: 1px solid var(--tste-labtechco-skincolor-light); } .comment-body:after, .comment-body:before { border-color: transparent var(--tste-labtechco-skincolor-light) transparent transparent; } /************************ End Mega Main Menu **************************/ /************************ Woocommece and bbPress **************************/ #bbpress-forums li.bbp-header, #bbpress-forums .bbp-search-form input[type="submit"]:hover, .ts-header-icons .ts-header-wc-cart-link span.number-cart, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt:disabled, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce .woocommerce-message .button, .woocommerce div.product .woocommerce-tabs ul.tabs li a:before, .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{ background: var(--tste-labtechco-skincolor); } .woocommerce-info, .woocommerce-message{ border-top-color: var(--tste-labtechco-skincolor); } .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.order_details li strong, .woocommerce ul.products li.product a:hover, .woocommerce ul.product_list_widget li a:hover h2, .woocommerce .star-rating span, .woocommerce-info::before, .woocommerce-message::before{ color: var(--tste-labtechco-skincolor); } .woocommerce-pagination ul li a:hover, .woocommerce-pagination ul li span, .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current{ background: var(--tste-labtechco-skincolor); border-color: var(--tste-labtechco-skincolor); } /* elementor CSS */ /*========================================== Row / Colum Background Base Css ==========================================*/ .ts-col-stretched-yes .ts-stretched-div{ position: absolute; height: 100%; width: 100%; top:0; left: 0; width: auto; z-index: 1; overflow: hidden; } .ts-col-stretched-left .ts-stretched-div{ margin-left: -500px; right: 0; } .ts-col-stretched-right .ts-stretched-div{ margin-right: -500px; right: 0; } .elementor-section.elementor-top-section.ts-bg-image-over-color.ts-bgimage-yes:before, .elementor-column.elementor-top-column.ts-bgimage-yes.ts-bg-image-over-color > .ts-stretched-div:before, .elementor-column.elementor-top-column.ts-bg-image-over-color > .elementor-widget-wrap:before, .elementor-column.elementor-top-column.ts-bg-image-over-color > .elementor-column-wrap:before{ background-color: transparent !important; } .elementor-column.ts-col-stretched-yes.ts-bgimage-yes{ background-image: none; background-color: transparent; } .ts-bgimage-over-bgcolor.ts-bgimage-yes .ts-stretched-div:before, .ts-bgimage-over-bgcolor.ts-bgimage-yes:before{ background-color: transparent !important } .elementor-top-section:before, .ts-col-stretched-yes .ts-stretched-div:before, .elementor-column.elementor-top-column .elementor-widget-wrap:before, .elementor-column.elementor-top-column .elementor-column-wrap:before, .elementor-inner-column > div:before, .elementor-inner-section:before{ position: absolute; height: 100%; width: 100%; top: 0; left: 0; content: ""; display: block; z-index: 1; } /* -------------------------------------- * Row Colum - Global BG Color * ---------------------------------------*/ /*--- Main RoW BG ---*/ .elementor-section.elementor-top-section.ts-bgcolor-skincolor, .elementor-section.elementor-top-section.ts-bgcolor-skincolor:before, .elementor-section.elementor-inner-section.ts-bgcolor-skincolor { background-color: var(--tste-labtechco-skincolor); } /*--- Main Row BG - with image ---*/ .elementor-section.elementor-top-section.ts-bgcolor-skincolor.ts-bgimage-yes:before{ background-color: rgb( var(--tste-labtechco-skincolor-rgb) , 0.90 ); } /*--- Main Colum BG - ---*/ .elementor-column.elementor-top-column.ts-bgcolor-skincolor:not(.ts-bgimage-yes) .elementor-widget-wrap > .ts-stretched-div, .elementor-column.elementor-top-column.ts-bgcolor-skincolor.ts-bg-image-over-color .elementor-widget-wrap > .ts-stretched-div, .elementor-column.elementor-top-column.ts-bgcolor-skincolor:not(.ts-col-stretched-yes) > .elementor-widget-wrap, .elementor-column.elementor-top-column.ts-bgcolor-skincolor.ts-bg-image-over-color:not(.ts-col-stretched-yes) > .elementor-widget-wrap, .elementor-column.elementor-top-column.ts-bgcolor-skincolor:not(.ts-bgimage-yes) .elementor-column-wrap > .ts-stretched-div, .elementor-column.elementor-top-column.ts-bgcolor-skincolor.ts-bg-image-over-color .elementor-column-wrap > .ts-stretched-div, .elementor-column.elementor-top-column.ts-bgcolor-skincolor:not(.ts-col-stretched-yes) > .elementor-column-wrap, .elementor-column.elementor-top-column.ts-bgcolor-skincolor.ts-bg-image-over-color:not(.ts-col-stretched-yes) > .elementor-column-wrap{ background-color: var(--tste-labtechco-skincolor) !important; } /*--- Main Colum BG - with image ---*/ .elementor-column.elementor-top-column.ts-bgcolor-skincolor.ts-bgimage-yes:not(.ts-col-stretched-yes) > .elementor-widget-wrap:before, .elementor-column.elementor-top-column.ts-bgcolor-skincolor.ts-bgimage-yes:not(.ts-bg-image-over-color) .elementor-widget-wrap .ts-stretched-div:before, .elementor-column.elementor-top-column.ts-bgcolor-skincolor .elementor-widget-wrap .ts-bgimage-yes.ts-stretched-div:before, .elementor-column.elementor-top-column.ts-bgcolor-skincolor.ts-bgimage-yes:not(.ts-col-stretched-yes) > .elementor-column-wrap:before, .elementor-column.elementor-top-column.ts-bgcolor-skincolor.ts-bgimage-yes:not(.ts-bg-image-over-color) .elementor-column-wrap .ts-stretched-div:before, .elementor-column.elementor-top-column.ts-bgcolor-skincolor .elementor-column-wrap .ts-bgimage-yes.ts-stretched-div:before{ background-color: rgb( var(--tste-labtechco-skincolor-rgb) , 0.90 ); } /*--- Inner Colum BG ---*/ .elementor-inner-section.ts-bgcolor-skincolor{ background-color: var(--tste-labtechco-skincolor) !important; } /*--- Inner Row - without image ---*/ .elementor-inner-section.ts-bgcolor-skincolor:not(.ts-bg-image-over-color):before{ background-color: rgb( var(--tste-labtechco-skincolor-rgb) , 0.90 ); } /*--- Inner Colum BG ---*/ .elementor-inner-column.ts-bgcolor-skincolor > div.elementor-column-wrap, .elementor-inner-column.ts-bgcolor-skincolor > div.elementor-widget-wrap{ background-color: var(--tste-labtechco-skincolor) !important; } /*--- Inner Colum BG - with image ---*/ .elementor-inner-column.ts-bgcolor-skincolor:not(.ts-bg-image-over-color) > div.elementor-column-wrap:before, .elementor-inner-column.ts-bgcolor-skincolor:not(.ts-bg-image-over-color) > div.elementor-widget-wrap:before{ background-color: rgb( var(--tste-labtechco-skincolor-rgb) , 0.90 ); } /*====== End --- Row Colum - Global BG Color ======*/ /* -------------------------------------- * Row Colum - Light BG Color * ---------------------------------------*/ /*--- Main RoW BG ---*/ .elementor-section.elementor-top-section.ts-bgcolor-grey, .elementor-section.elementor-top-section.ts-bgcolor-grey:before, .elementor-section.elementor-inner-section.ts-bgcolor-grey { background-color: var(--tste-labtechco-skincolor-light); } /*--- Main Row BG - with image ---*/ .elementor-section.elementor-top-section.ts-bgcolor-grey.ts-bgimage-yes:before{ background-color: rgb( var(tste-labtechco-skincolor-light-rgb) , 0.60 ); } /*--- Main Colum BG - ---*/ .elementor-column.elementor-top-column.ts-bgcolor-grey:not(.ts-bgimage-yes) .elementor-widget-wrap > .ts-stretched-div, .elementor-column.elementor-top-column.ts-bgcolor-grey.ts-bg-image-over-color .elementor-widget-wrap > .ts-stretched-div, .elementor-column.elementor-top-column.ts-bgcolor-grey:not(.ts-col-stretched-yes) > .elementor-widget-wrap, .elementor-column.elementor-top-column.ts-bgcolor-grey.ts-bg-image-over-color:not(.ts-col-stretched-yes) > .elementor-widget-wrap, .elementor-column.elementor-top-column.ts-bgcolor-grey:not(.ts-bgimage-yes) .elementor-column-wrap > .ts-stretched-div, .elementor-column.elementor-top-column.ts-bgcolor-grey.ts-bg-image-over-color .elementor-column-wrap > .ts-stretched-div, .elementor-column.elementor-top-column.ts-bgcolor-grey:not(.ts-col-stretched-yes) > .elementor-column-wrap, .elementor-column.elementor-top-column.ts-bgcolor-grey.ts-bg-image-over-color:not(.ts-col-stretched-yes) > .elementor-column-wrap{ background-color: var(--tste-labtechco-skincolor-light) !important; } /*--- Main Colum BG - with image ---*/ .elementor-column.elementor-top-column.ts-bgcolor-grey.ts-bgimage-yes:not(.ts-col-stretched-yes) > .elementor-widget-wrap:before, .elementor-column.elementor-top-column.ts-bgcolor-grey.ts-bgimage-yes:not(.ts-bg-image-over-color) .elementor-widget-wrap .ts-stretched-div:before, .elementor-column.elementor-top-column.ts-bgcolor-grey .elementor-widget-wrap .ts-bgimage-yes.ts-stretched-div:before, .elementor-column.elementor-top-column.ts-bgcolor-grey.ts-bgimage-yes:not(.ts-col-stretched-yes) > .elementor-column-wrap:before, .elementor-column.elementor-top-column.ts-bgcolor-grey.ts-bgimage-yes:not(.ts-bg-image-over-color) .elementor-column-wrap .ts-stretched-div:before, .elementor-column.elementor-top-column.ts-bgcolor-grey .elementor-column-wrap .ts-bgimage-yes.ts-stretched-div:before{ background-color: rgb( var(tste-labtechco-skincolor-light-rgb) , 0.60 ); } /*--- Inner Colum BG ---*/ .elementor-inner-section.ts-bgcolor-grey{ background-color: var(--tste-labtechco-skincolor-light) !important; } /*--- Inner Row - without image ---*/ .elementor-inner-section.ts-bgcolor-grey:not(.ts-bg-image-over-color):before{ background-color: rgb( var(tste-labtechco-skincolor-light-rgb) , 0.60 ); } /*--- Inner Colum BG ---*/ .elementor-inner-column.ts-bgcolor-grey > div.elementor-column-wrap, .elementor-inner-column.ts-bgcolor-grey > div.elementor-widget-wrap{ background-color: var(--tste-labtechco-skincolor-light) !important; } /*--- Inner Colum BG - with image ---*/ .elementor-inner-column.ts-bgcolor-grey:not(.ts-bg-image-over-color) > div.elementor-column-wrap:before, .elementor-inner-column.ts-bgcolor-grey:not(.ts-bg-image-over-color) > div.elementor-widget-wrap:before{ background-color: rgb( var(tste-labtechco-skincolor-light-rgb) , 0.60 ); } /*====== End --- Row Colum - Light BG Color ======*/ /* -------------------------------------- * Row Colum - Secondary BG Color * ---------------------------------------*/ /*--- Main RoW BG ---*/ .elementor-section.elementor-top-section.ts-bgcolor-darkgrey, .elementor-section.elementor-top-section.ts-bgcolor-darkgrey:before, .elementor-section.elementor-inner-section.ts-bgcolor-darkgrey { background-color: var(--tste-labtechco-skincolor-dark); } /*--- Main Row BG - with image ---*/ .elementor-section.elementor-top-section.ts-bgcolor-darkgrey.ts-bgimage-yes:before{ background-color: rgb( var(--tste-labtechco-skincolor-dark-rgb) , 0.85 ); } /*--- Main Colum BG - ---*/ .elementor-column.elementor-top-column.ts-bgcolor-darkgrey:not(.ts-bgimage-yes) .elementor-widget-wrap > .ts-stretched-div, .elementor-column.elementor-top-column.ts-bgcolor-darkgrey.ts-bg-image-over-color .elementor-widget-wrap > .ts-stretched-div, .elementor-column.elementor-top-column.ts-bgcolor-darkgrey:not(.ts-col-stretched-yes) > .elementor-widget-wrap, .elementor-column.elementor-top-column.ts-bgcolor-darkgrey.ts-bg-image-over-color:not(.ts-col-stretched-yes) > .elementor-widget-wrap, .elementor-column.elementor-top-column.ts-bgcolor-darkgrey:not(.ts-bgimage-yes) .elementor-column-wrap > .ts-stretched-div, .elementor-column.elementor-top-column.ts-bgcolor-darkgrey.ts-bg-image-over-color .elementor-column-wrap > .ts-stretched-div, .elementor-column.elementor-top-column.ts-bgcolor-darkgrey:not(.ts-col-stretched-yes) > .elementor-column-wrap, .elementor-column.elementor-top-column.ts-bgcolor-darkgrey.ts-bg-image-over-color:not(.ts-col-stretched-yes) > .elementor-column-wrap{ background-color: var(--tste-labtechco-skincolor-dark) !important; } /*--- Main Colum BG - with image ---*/ .elementor-column.elementor-top-column.ts-bgcolor-darkgrey.ts-bgimage-yes:not(.ts-col-stretched-yes) > .elementor-widget-wrap:before, .elementor-column.elementor-top-column.ts-bgcolor-darkgrey.ts-bgimage-yes:not(.ts-bg-image-over-color) .elementor-widget-wrap .ts-stretched-div:before, .elementor-column.elementor-top-column.ts-bgcolor-darkgrey .elementor-widget-wrap .ts-bgimage-yes.ts-stretched-div:before, .elementor-column.elementor-top-column.ts-bgcolor-darkgrey.ts-bgimage-yes:not(.ts-col-stretched-yes) > .elementor-column-wrap:before, .elementor-column.elementor-top-column.ts-bgcolor-darkgrey.ts-bgimage-yes:not(.ts-bg-image-over-color) .elementor-column-wrap .ts-stretched-div:before, .elementor-column.elementor-top-column.ts-bgcolor-darkgrey .elementor-column-wrap .ts-bgimage-yes.ts-stretched-div:before{ background-color: rgb( var(--tste-labtechco-skincolor-dark-rgb) , 0.85 ); } /*--- Inner Colum BG ---*/ .elementor-inner-section.ts-bgcolor-darkgrey{ background-color: var(--tste-labtechco-skincolor-dark) !important; } /*--- Inner Row - without image ---*/ .elementor-inner-section.ts-bgcolor-darkgrey:not(.ts-bg-image-over-color):before{ background-color: rgb( var(--tste-labtechco-skincolor-dark-rgb) , 0.85 ); } /*--- Inner Colum BG ---*/ .elementor-inner-column.ts-bgcolor-darkgrey > div.elementor-column-wrap, .elementor-inner-column.ts-bgcolor-darkgrey > div.elementor-widget-wrap{ background-color: var(--tste-labtechco-skincolor-dark) !important; } /*--- Inner Colum BG - with image ---*/ .elementor-inner-column.ts-bgcolor-darkgrey:not(.ts-bg-image-over-color) > div.elementor-column-wrap:before, .elementor-inner-column.ts-bgcolor-darkgrey:not(.ts-bg-image-over-color) > div.elementor-widget-wrap:before{ background-color: rgb( var(--tste-labtechco-skincolor-dark-rgb) , 0.85 ); } /* -------------------------------------- * Row Colum - White BG Color * ---------------------------------------*/ /*--- Main RoW BG ---*/ .elementor-section.elementor-top-section.ts-bgcolor-white, .elementor-section.elementor-top-section.ts-bgcolor-white:before, .elementor-section.elementor-inner-section.ts-bgcolor-white { background-color: #fff; } /*--- Main Row BG - with image ---*/ .elementor-section.elementor-top-section.ts-bgcolor-white.ts-bgimage-yes:before{ background-color: rgba( var(--ts-labtechco-white-color-rgb) , 0.60 ); } /*--- Main Colum BG - ---*/ .elementor-column.elementor-top-column.ts-bgcolor-white:not(.ts-bgimage-yes) .elementor-widget-wrap > .ts-stretched-div, .elementor-column.elementor-top-column.ts-bgcolor-white.ts-bg-image-over-color .elementor-widget-wrap > .ts-stretched-div, .elementor-column.elementor-top-column.ts-bgcolor-white:not(.ts-col-stretched-yes) > .elementor-widget-wrap, .elementor-column.elementor-top-column.ts-bgcolor-white.ts-bg-image-over-color:not(.ts-col-stretched-yes) > .elementor-widget-wrap, .elementor-column.elementor-top-column.ts-bgcolor-white:not(.ts-bgimage-yes) .elementor-column-wrap > .ts-stretched-div, .elementor-column.elementor-top-column.ts-bgcolor-white.ts-bg-image-over-color .elementor-column-wrap > .ts-stretched-div, .elementor-column.elementor-top-column.ts-bgcolor-white:not(.ts-col-stretched-yes) > .elementor-column-wrap, .elementor-column.elementor-top-column.ts-bgcolor-white.ts-bg-image-over-color:not(.ts-col-stretched-yes) > .elementor-column-wrap{ background-color: #fff !important; } /*--- Main Colum BG - with image ---*/ .elementor-column.elementor-top-column.ts-bgcolor-white.ts-bgimage-yes:not(.ts-col-stretched-yes) > .elementor-widget-wrap:before, .elementor-column.elementor-top-column.ts-bgcolor-white.ts-bgimage-yes:not(.ts-bg-image-over-color) .elementor-widget-wrap .ts-stretched-div:before, .elementor-column.elementor-top-column.ts-bgcolor-white .elementor-widget-wrap .ts-bgimage-yes.ts-stretched-div:before, .elementor-column.elementor-top-column.ts-bgcolor-white.ts-bgimage-yes:not(.ts-col-stretched-yes) > .elementor-column-wrap:before, .elementor-column.elementor-top-column.ts-bgcolor-white.ts-bgimage-yes:not(.ts-bg-image-over-color) .elementor-column-wrap .ts-stretched-div:before, .elementor-column.elementor-top-column.ts-bgcolor-white .elementor-column-wrap .ts-bgimage-yes.ts-stretched-div:before{ background-color: rgba( var(--ts-labtechco-white-color-rgb) , 0.60 ); } /*--- Inner Colum BG ---*/ .elementor-inner-section.ts-bgcolor-white{ background-color: #fff !important; } /*--- Inner Row - without image ---*/ .elementor-inner-section.ts-bgcolor-white:not(.ts-bg-image-over-color):before{ background-color: rgba( var(--ts-labtechco-white-color-rgb) , 0.60 ); } /*--- Inner Colum BG ---*/ .elementor-inner-column.ts-bgcolor-white > div.elementor-column-wrap, .elementor-inner-column.ts-bgcolor-white > div.elementor-widget-wrap{ background-color: #fff !important; } /*--- Inner Colum BG - with image ---*/ .elementor-inner-column.ts-bgcolor-white:not(.ts-bg-image-over-color) > div.elementor-column-wrap:before, .elementor-inner-column.ts-bgcolor-white:not(.ts-bg-image-over-color) > div.elementor-widget-wrap:before{ background-color: rgba( var(--ts-labtechco-white-color-rgb) , 0.60 ); } /*====== End --- Row Colum - White BG Color ======*/ /* -------------------------------------- * Row Colum - Gradient BG Color * ---------------------------------------*/ /*--- Main RoW BG ---*/ .elementor-section.elementor-top-section.ts-elementor-bg-color-gradient, .elementor-section.elementor-top-section.ts-elementor-bg-color-gradient:before, .elementor-section.elementor-inner-section.ts-elementor-bg-color-gradient { background-image: -ms-linear-gradient(right, var(--tste-labtechco-first-gradient) 0%, var(--tste-labtechco-second-gradient) 100%); background-image: linear-gradient(to right, var(--tste-labtechco-first-gradient) , var(--tste-labtechco-second-gradient) ); } /*--- Main Row BG - with image ---*/ .elementor-section.elementor-top-section.ts-elementor-bg-color-gradient.ts-bgimage-yes:before{ background-image: -ms-linear-gradient(right, var(--tste-labtechco-first-gradient) 0%, var(--tste-labtechco-second-gradient) 100%); background-image: linear-gradient(to right, var(--tste-labtechco-first-gradient) , var(--tste-labtechco-second-gradient) ); opacity: 0.5; } /*--- Main Colum BG - ---*/ .elementor-column.elementor-top-column.ts-elementor-bg-color-gradient:not(.ts-bgimage-yes) .elementor-widget-wrap > .ts-stretched-div, .elementor-column.elementor-top-column.ts-elementor-bg-color-gradient.ts-bg-image-over-color .elementor-widget-wrap > .ts-stretched-div, .elementor-column.elementor-top-column.ts-elementor-bg-color-gradient:not(.ts-col-stretched-yes) > .elementor-widget-wrap, .elementor-column.elementor-top-column.ts-elementor-bg-color-gradient.ts-bg-image-over-color:not(.ts-col-stretched-yes) > .elementor-widget-wrap, .elementor-column.elementor-top-column.ts-elementor-bg-color-gradient:not(.ts-bgimage-yes) .elementor-column-wrap > .ts-stretched-div, .elementor-column.elementor-top-column.ts-elementor-bg-color-gradient.ts-bg-image-over-color .elementor-column-wrap > .ts-stretched-div, .elementor-column.elementor-top-column.ts-elementor-bg-color-gradient:not(.ts-col-stretched-yes) > .elementor-column-wrap, .elementor-column.elementor-top-column.ts-elementor-bg-color-gradient.ts-bg-image-over-color:not(.ts-col-stretched-yes) > .elementor-column-wrap{ background-image: -ms-linear-gradient(right, var(--tste-labtechco-first-gradient) 0%, var(--tste-labtechco-second-gradient) 100%); background-image: linear-gradient(to right, var(--tste-labtechco-first-gradient) , var(--tste-labtechco-second-gradient) ); } /*--- Main Colum BG - with image ---*/ .elementor-column.elementor-top-column.ts-elementor-bg-color-gradient.ts-bgimage-yes:not(.ts-col-stretched-yes) > .elementor-widget-wrap:before, .elementor-column.elementor-top-column.ts-elementor-bg-color-gradient.ts-bgimage-yes:not(.ts-bg-image-over-color) .elementor-widget-wrap .ts-stretched-div:before, .elementor-column.elementor-top-column.ts-elementor-bg-color-gradient .elementor-widget-wrap .ts-bgimage-yes.ts-stretched-div:before, .elementor-column.elementor-top-column.ts-elementor-bg-color-gradient.ts-bgimage-yes:not(.ts-col-stretched-yes) > .elementor-column-wrap:before, .elementor-column.elementor-top-column.ts-elementor-bg-color-gradient.ts-bgimage-yes:not(.ts-bg-image-over-color) .elementor-column-wrap .ts-stretched-div:before, .elementor-column.elementor-top-column.ts-elementor-bg-color-gradient .elementor-column-wrap .ts-bgimage-yes.ts-stretched-div:before{ background-image: -ms-linear-gradient(right, var(--tste-labtechco-first-gradient) 0%, var(--tste-labtechco-second-gradient) 80%); background-image: linear-gradient(to right, var(--tste-labtechco-first-gradient) , var(--tste-labtechco-second-gradient) ); opacity: 0.5; } /*--- Inner Colum BG ---*/ .elementor-inner-section.ts-elementor-bg-color-gradient{ background-image: -ms-linear-gradient(right, var(--tste-labtechco-first-gradient) 0%, var(--tste-labtechco-second-gradient) 100%); background-image: linear-gradient(to right, var(--tste-labtechco-first-gradient) , var(--tste-labtechco-second-gradient) ); } /*--- Inner Row - without image ---*/ .elementor-inner-section.ts-elementor-bg-color-gradient:not(.ts-bg-image-over-color):before{ background-image: -ms-linear-gradient(right, var(--tste-labtechco-first-gradient) 0%, var(--tste-labtechco-second-gradient) 100%); background-image: linear-gradient(to right, var(--tste-labtechco-first-gradient) , var(--tste-labtechco-second-gradient) ); opacity: 0.5; } /*--- Inner Colum BG ---*/ .elementor-inner-column.ts-elementor-bg-color-gradient > div.elementor-column-wrap, .elementor-inner-column.ts-elementor-bg-color-gradient > div.elementor-widget-wrap{ background-image: -ms-linear-gradient(right, var(--tste-labtechco-first-gradient) 0%, var(--tste-labtechco-second-gradient) 100%); background-image: linear-gradient(to right, var(--tste-labtechco-first-gradient) , var(--tste-labtechco-second-gradient) ); } /*--- Inner Colum BG - with image ---*/ .elementor-inner-column.ts-elementor-bg-color-gradient:not(.ts-bg-image-over-color) > div.elementor-column-wrap:before, .elementor-inner-column.ts-elementor-bg-color-gradient:not(.ts-bg-image-over-color) > div.elementor-widget-wrap:before{ background-image: -ms-linear-gradient(right, var(--tste-labtechco-first-gradient) 0%, var(--tste-labtechco-second-gradient) 100%); background-image: linear-gradient(to right, var(--tste-labtechco-first-gradient) , var(--tste-labtechco-second-gradient) ); } /*====== End --- Row Colum - Gradient BG Color ======*/ /* ********************* Responsive Menu Code Start *************************** */ .headerlogo, .ts-header-icon{ height: var(--tste-labtechco-header-height); line-height: var(--tste-labtechco-header-height); } /* Header sticky animation */ @keyframes menu_sticky { 0% {margin-top:-120px;opacity: 0;} 50% {margin-top: -64px;opacity: 0;} 100% {margin-top: 0;opacity: 1;} } /** * Responsive Menu * ---------------------------------------------------------------------------- */ @media (max-width: 1200px){ body.ts-slider-yes{ background-image: none; } .ts-slider-yes .headerlogo .standardlogo{ display: inline-block; } .ts-slider-yes .headerlogo .crosslogo{ display: none; } .ts-header-text-area, .ts-header-icon.ts-header-wc-cart-link{ display: none; } /*** Header Section ***/ .site-header-main.ts-table{ margin: 0; width: auto; display: block; } .site-header-main.ts-table .ts-table-cell { display: block; } .ts-header-icon{ padding-right: 0px; padding-left: 20px; position: relative; } .site-title{ width: inherit; } /*** Navigation ***/ .main-navigation { clear: both; } .site-branding, .menu-themestek-main-menu-container, #site-header-menu { float: none; } /*** Responsive Menu ***/ .righticon{ position: absolute; right: 20px; z-index: 33; top: 15px; display: block; } .righticon i{ font-size:20px; cursor:pointer; display:block; line-height: 0px; } .closepanel{ display: none; } .closepanel { position: absolute; z-index: 99; right: 27px; top: 25px; display: block; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; text-align: center; cursor: pointer; font-size: 18px; color: #000; border: 1px solid #000; } .admin-bar .closepanel { top: 45px; } /*** Default menu box ***/ /* #site-header-menu #site-navigation div.nav-menu > ul{ position: absolute; padding: 10px 20px; left: 0px; box-shadow: rgba(0, 0, 0, 0.12) 3px 3px 15px; border-top: 3px solid var(--tste-labtechco-skincolor); background-color: #333; z-index: 100; width: 100%; top: var(--tste-labtechco-header-height); } */ #site-header-menu #site-navigation div.nav-menu > ul{ background-color: #eef1f5; } /* #site-header-menu #site-navigation div.nav-menu > ul, #site-header-menu #site-navigation div.nav-menu > ul ul { overflow: hidden; max-height: 0px; } #site-header-menu #site-navigation div.nav-menu > ul ul ul{ max-height: none; } #site-header-menu #site-navigation div.nav-menu > ul > li{ position: relative; text-align: left; } #site-header-menu #site-navigation.toggled-on div.nav-menu > ul{ display: block; max-height: 10000px; } #site-header-menu #site-navigation.toggled-on div.nav-menu > ul ul.open { max-height: 10000px; } */ #site-header-menu #site-navigation div.nav-menu > ul ul{ background-color: transparent !important; } #site-header-menu #site-navigation div.nav-menu > ul > li a{ display: block; padding: 15px 25px; text-decoration: none; line-height: 18px; height: auto; line-height: 18px !important; } #site-header-menu #site-navigation div.nav-menu > ul ul a{ margin: 0; display: block; /* padding: 15px 15px 15px 0px; */ } #site-header-menu #site-navigation div.nav-menu > ul > li li a:before{ font-family: "FontAwesome"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; margin-right: .2em; text-align: center; opacity: .8; font-variant: normal; text-transform: none; font-size: 13px; content: "\f105"; margin-right: 8px; display: none; } #site-header-menu #site-navigation div.nav-menu > ul > li a{ display: inline-block; } #site-header-menu #site-navigation div.nav-menu > ul > li > a, .righticon i { color: rgb( var(--tste-labtechco-dropdownmenufont-color-rgb) , 1); } /* #site-header-menu #site-navigation div.nav-menu > ul li { border-bottom: 1px solid rgb( var(--tste-labtechco-dropdownmenufont-color-rgb) , 0.15); } */ #site-header-menu #site-navigation div.nav-menu > ul li li:last-child{ border-bottom: none; } /* Dynamic main menu color applying to responsive menu link text */ .menu-toggle i, .ts-header-icons a{ color: rgb( var(--tste-labtechco-mainmenufont-color-rgb) , 1) ; } .ts-labtechco-icon-bars, .ts-labtechco-icon-bars:before, .ts-labtechco-icon-bars:after{ background: rgb( var(--tste-labtechco-mainmenufont-color-rgb) , 1); } .ts-header-style-2 .main-navigation:not(.toggled-on) .ts-labtechco-icon-bars, .ts-header-style-2 .main-navigation .ts-labtechco-icon-bars:before, .ts-header-style-2 .main-navigation .ts-labtechco-icon-bars:after{ background: #031b4e; } /* sticky footer bottom margin */ body .site-content-wrapper { margin-bottom: 0px !important; } /*** Classic header cross ***/ .ts-headerstyle-1.ts-slider-yes #ts-home{ display: none; } /*** Max mega menu css ***/ #site-navigation .mega-menu-wrap .mega-menu-toggle{ display: block; position: absolute; width: 30px; background: none; z-index: 1; top: 50%; right: 0; } #site-navigation .mega-menu-wrap{ position: inherit; } #site-navigation .mega-menu-wrap .mega-menu-toggle.mega-menu-open + #mega-menu-themestek-main-menu { z-index: 9; } #site-navigation .mega-menu-wrap .righticon{ display: none; } #site-header-menu #site-navigation .mega-menu-wrap .mega-menu.mega-menu-horizontal > li.mega-menu-item > a{ color: inherit !important; } .themestek-maxmegamenu-active .site-header-main.ts-table{ height: var(--tste-labtechco-header-height); } .themestek-sticky-header { display: none!important; } /* Responsive menu */ /*=== Responsive menu ===*/ .ts-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 .ts-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%); } .ts-mobile-menu-bg{ display: block; } .ts-responsive-icons{ display: flex; align-items: center; } .ts-responsive-icons .ts-cart-wrapper, .ts-responsive-icons .ts-header-search-btn{ font-size: 17px; } .ts-responsive-icons .ts-cart-wrapper i::before{ font-weight: 700; } .ts-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 .ts-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%); } .ts-navbar > div.nav-menu { background-color: #eef1f5; 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; } .ts-navbar > div.nav-menu.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; } .ts-navbar > div.nav-menu > ul{ padding: 90px 0; } .admin-bar .ts-navbar > div.nav-menu > ul{ padding-top: 100px; } .ts-navbar > div.nav-menu > ul li a { color: #000 !important; padding: 15px 25px; height: auto; display: inline-block; } .ts-navbar>div.nav-menu>ul ul { padding-left: 1em; overflow: hidden; display: none; list-style: none; } .ts-navbar ul .sub-menu.open, .ts-navbar ul .children.open { display: block; } .ts-navbar li { position: relative; } .ts-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: rgba(0, 0, 0, 0.80); } .ts-navbar ul ul { background-color: transparent !important; } .ts-header-search-form-wrapper .search-form { margin: 0 70px; } .ts-mobile-search { display: block; } .ts-mobile-search .ts-header-search-btn { display: block; position: absolute; right: 60px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .site-header .ts-sticky-header { display: none !important; } /*=== Responsive Logo ===*/ .ts-responsive-logo-yes .ts-sticky-logo, .ts-responsive-logo-yes .ts-main-logo { display: none; } .ts-responsive-logo-yes .ts-responsive-logo { display: inline-block; } /*=== Responsive header background color ===*/ .ts-responsive-header-bgcolor-globalcolor .ts-header-wrapper { background-color: var(--ts-emphires-global-color)!important; } .ts-responsive-header-bgcolor-white .ts-header-wrapper { background-color: #fff !important; } .ts-responsive-header-bgcolor-blackish .ts-header-wrapper { background-color: #222 !important; } .menu-toggle{ position: absolute; top: 50%; right: 0px; font-size: 30px; margin-top: -15px; } } @media (min-width: 1201px) { /* @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } */ @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } /*=== Sticky common css ===*/ header .themestek-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; } header.themestek-fixed-header .themestek-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 header.themestek-fixed-header .themestek-sticky-header { top: 32px; } .themestek-sticky-header .headerlogo{ height: var(--tste-labtechco-header-height-sticky) ; line-height: var(--tste-labtechco-header-height-sticky); } header:not(.ts-header-style-3):not(.ts-header-style-7):not(.ts-header-style-10):not(.ts-header-style-11):not(.ts-header-style-12):not(.ts-header-style-13) .themestek-sticky-header .site-header-main{ display: flex; align-items: center; -ms-flex-pack: justify!important; justify-content: space-between!important; } .themestek-sticky-header .site-header-menu.container, .themestek-sticky-header .site-header-menu.container .site-header-menu-inner .container, .themestek-sticky-header .ts-header-top-wrapper.container{ max-width: none; padding-right: 0px; padding-left: 0px; margin-right: unset; margin-left: unset; width: auto; } .ts-header-style-3 .themestek-sticky-header .themestek-social-links-wrapper, header .themestek-sticky-header #site-header-menu #site-navigation, .themestek-sticky-header .ts-header-icons, .themestek-sticky-header .headerlogo, .themestek-sticky-header .ts-header-icon, .themestek-sticky-header #site-header-menu #site-navigation div.nav-menu > ul, .themestek-sticky-header #site-header-menu #site-navigation div.nav-menu > ul > li, .themestek-sticky-header #site-header-menu #site-navigation div.nav-menu > ul > li > a{ height: var(--tste-labtechco-header-height-sticky) ; line-height: var(--tste-labtechco-header-height-sticky); } .themestek-sticky-header #site-header-menu{ margin-left: auto; } header .ts-header-block div.themestek-sticky-header .ts-header-icons > *:nth-child(2):after{ background-color: rgb( var(--tste-labtechco-stickymainmenufontcolor-rgb) , 0.15) ; } header .ts-vc_btn3-container{ margin-bottom: 0px; } header #site-header-menu #site-navigation{ height: var(--tste-labtechco-header-height); line-height: var(--tste-labtechco-header-height); } .site-header .ts-vc_btn3-container{ margin-bottom: 0; } .ts-headerstyle-classic-overlay .ts-header-icons{ margin-right: 0; } /* Header full */ .site-header-main.container-full { padding: 0 50px; } .ts-stickable-header.is_stuck{ box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.06); } .ts-header-text-area, .ts-header-icon, .social-icons, .headerlogo, #site-header-menu #site-navigation div.nav-menu > ul, #site-header-menu #site-navigation div.nav-menu > ul > li, #site-header-menu #site-navigation div.nav-menu > ul > li > a { transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } .ts-header-text-area, #site-header-menu #site-navigation .nav-menu, #site-header-menu, .ts-header-icons, .ts-header-icon, .menu-themestek-main-menu-container{ float: right; } .navbar{ vertical-align: top; } .menu-toggle { display: none; z-index: 10; } .menu-toggle i{ color:#fff; font-size:28px; } .toggled-on li, .toggled-on .children { display: block; } #site-header-menu #site-navigation .nav-menu-wrapper > ul { margin: 0; padding: 0; } #site-header-menu #site-navigation div.nav-menu > ul{ margin: 0px; } #site-header-menu #site-navigation div.nav-menu > ul > li{ height:var(--tste-labtechco-header-height); line-height:var(--tste-labtechco-header-height) ; } #site-header-menu #site-navigation div.nav-menu > ul > li { margin: 0 0px 0 0; display: inline-block; position: relative; vertical-align: top; } #site-header-menu #site-navigation div.nav-menu > ul > li > a{ display: block; margin: 0px 18px 0px 18px; padding: 0px; text-decoration: none; position: relative; z-index: 1; height:var(--tste-labtechco-header-height); line-height:var(--tste-labtechco-header-height) ; } #site-header-menu #site-navigation div.nav-menu > ul{ height:var(--tste-labtechco-header-height); } #site-header-menu #site-navigation div.nav-menu>ul { margin: 0px; padding: 0px; } .is_stuck #site-header-menu #site-navigation div.nav-menu > ul{ height: var(--tste-labtechco-header-height-sticky); } /*WordPress Dropdown Menu*/ .ts-dmenu-active-color-skin #site-header-menu #site-navigation div.nav-menu > ul > li li.current-menu-ancestor > a, .ts-dmenu-active-color-skin #site-header-menu #site-navigation div.nav-menu > ul > li li.current-menu-item > a, .ts-dmenu-active-color-skin #site-header-menu #site-navigation div.nav-menu > ul > li li.current_page_item > a, .ts-dmenu-active-color-skin #site-header-menu #site-navigation div.nav-menu > ul > li li.current_page_ancestor > a{ color: var(--tste-labtechco-skincolor) ; } /* Main Menu Active Link Color --------------------------------*/ .ts-mmenu-active-color-custom #site-header-menu #site-navigation div.nav-menu > ul > li.current_page_item > a, .ts-mmenu-active-color-custom #site-header-menu #site-navigation div.nav-menu > ul > li.current_page_ancestor > a, .ts-mmenu-active-color-custom #site-header-menu #site-navigation div.nav-menu > ul > li.current_page_parent > a, .ts-mmenu-active-color-custom #site-header-menu #site-navigation div.nav-menu > ul > li.current-menu-ancestor > a, .ts-mmenu-active-color-custom .ts-mmmenu-override-yes #site-header-menu #site-navigation div.nav-menu > ul > li.current_page_item > a{ color: var(--tste-labtechco-mainmenu-active-link-custom-color); } /*** Defaultsenu ***/ .ts-dmenu-active-color-skin #site-header-menu #site-navigation div.nav-menu > ul > li li:hover > a, .ts-dmenu-active-color-skin #site-header-menu #site-navigation div.nav-menu > ul > li li:hover > a{ color: var(--tste-labtechco-skincolor); } .ts-mmenu-active-color-skin #site-header-menu #site-navigation div.nav-menu > ul > li.current-menu-ancestor > a, .ts-mmenu-active-color-skin #site-header-menu #site-navigation div.nav-menu > ul > li.current_page_item > a, .ts-mmenu-active-color-skin #site-header-menu #site-navigation div.nav-menu > ul > li.current_page_ancestor > a, .ts-mmenu-active-color-skin #site-header-menu #site-navigation div.nav-menu > ul > li:hover > a{ color: var(--tste-labtechco-skincolor); } .ts-mmenu-active-color-custom .site-header .social-icons li > a:hover, .ts-mmenu-active-color-custom .ts-header-icons .ts-header-search-link a:hover, .ts-mmenu-active-color-custom .ts-header-icons .ts-header-wc-cart-link a:hover, .ts-mmenu-active-color-custom #site-header-menu #site-navigation div.nav-menu > ul > li:hover > a{ color: var(--tste-labtechco-mainmenu-active-link-custom-color); } .ts-mmenu-active-color-custom #site-header-menu #site-navigation div.nav-menu > ul > li > a:before{ background-color: var(--tste-labtechco-mainmenu-active-link-custom-color); } #site-header-menu #site-navigation div.nav-menu > ul > li > a{ margin: 0px 15px 0px 15px; } .themestek-main-menu-more-than-six #site-header-menu #site-navigation div.nav-menu > ul > li > a{ margin: 0px 12px 0px 12px; } .themestek-sticky-header #site-header-menu #site-navigation div.nav-menu > ul > li > a, .themestek-sticky-header .ts-header-icons .ts-header-wc-cart-link a, .themestek-sticky-header .social-icons li > a, .themestek-sticky-header .ts-header-icons .ts-header-search-link a, .is_stuck .ts-header-icons .ts-header-search-link a, .is_stuck #site-header-menu #site-navigation div.nav-menu > ul > li > a, .site-header.is_stuck .social-icons li > a, .site-header.is_stuck .ts-header-icons .ts-header-wc-cart-link a, #site-header-menu.is_stuck #site-navigation div.nav-menu > ul > li > a{ color: var(--tste-labtechco-stickymainmenufontcolor); } .ts-header-icons .ts-header-wc-cart-link a, .site-header .social-icons li > a, .ts-header-icons .ts-header-search-link a{ color: rgb( var(--tste-labtechco-mainmenufont-color-rgb) , 1) ; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } .site-header .social-icons li > a:hover, .ts-header-icons .ts-header-wc-cart-link a:hover, .ts-header-icons .ts-header-search-link a:hover{ color: var(--tste-labtechco-skincolor) ; } /*** ts-header-icons ***/ .ts-header-icon{ position: relative; } .ts-header-icons > *{ padding: 0 20px; } .ts-header-icons > *:nth-child(2):after{ content: ''; width: 1px; height: 30px; background-color: rgb( var(--tste-labtechco-mainmenufont-color-rgb) , 0.25) ; position: absolute; right: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /*** Sub Navigation Section ***/ #site-header-menu #site-navigation div.nav-menu > ul > li ul{ box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.20); } header#masthead #site-header-menu #site-navigation div.nav-menu > ul li.last ul.sub-menu{ left: auto; right: 0px !important; } header#masthead #site-header-menu #site-navigation div.nav-menu > ul li.last ul.sub-menu ul.sub-menu, header#masthead #site-header-menu #site-navigation div.nav-menu > ul li.lastsecond ul.sub-menu ul.sub-menu{ left: -100%; } #site-header-menu #site-navigation div.nav-menu > ul ul { width: 250px; padding: 0px; } #site-header-menu #site-navigation div.nav-menu > ul ul li > a { margin: 0; display: block; padding: 12px 0px; position: relative; } #site-header-menu #site-navigation div.nav-menu > ul ul li > a{ padding: 15px 20px; } #site-header-menu #site-navigation div.nav-menu > ul ul li:hover > a{ background: #fff; } #site-header-menu #site-navigation div.nav-menu > ul ul li > a{ -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #site-header-menu #site-navigation div.nav-menu > ul li:hover > ul { opacity: 1; display: block; visibility: visible; height: auto; } #site-header-menu #site-navigation div.nav-menu > ul li > ul ul { border-left: 0; left: 100%; top: 0; } #site-header-menu #site-navigation ul ul li { position: relative; } #site-header-menu #site-navigation div.nav-menu > ul ul { text-align: left; position: absolute; visibility: hidden; display: block; opacity: 0; line-height: 14px; margin: 0; list-style: none; left: 0; border-radius: 0; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); background-clip: padding-box; transition: all .2s ease; z-index: 99; } /*** Sep Section ***/ #site-header-menu #site-navigation div.nav-menu ul ul > li { border-bottom: 1px solid transparent; } .ts-dmenu-sep-grey #site-header-menu #site-navigation div.nav-menu ul ul > li{ border-bottom-color: rgba(0, 0, 0, 0.10); } .ts-dmenu-sep-white #site-header-menu #site-navigation div.nav-menu ul ul > li { border-bottom-color: rgba(255, 255, 255, 0.20); } /*** Sticky Header Height ***/ header .is_stuck #site-header-menu #site-navigation, .is_stuck .headerlogo, .is_stuck .ts-header-icon, .is_stuck #site-header-menu #site-navigation div.nav-menu > ul > li, .is_stuck #site-header-menu #site-navigation div.nav-menu > ul > li > a{ height: var(--tste-labtechco-header-height-sticky) ; line-height: var(--tste-labtechco-header-height-sticky); } /*** Sub Navigation menu ***/ #site-header-menu #site-navigation div.nav-menu > ul > li > ul { top: auto; border-top: 3px solid var(--tste-labtechco-skincolor); } /*** Sticky Sub Navigation menu ***/ .is_stuck #site-header-menu #site-navigation div.nav-menu > ul > li > ul{ top: var(--tste-labtechco-header-height-sticky); } .site-header-main.container-fullwide{ padding-left: 30px; padding-right: 0px; } /*** Header Icon border ***/ .ts-header-icons{ height: var(--tste-labtechco-header-height); } .is_stuck .ts-header-icons{ border-left-color: rgb( var(--tste-labtechco-stickymainmenufontcolor-rgb) , 0.15) ; height: var(--tste-labtechco-header-height-sticky); } header .is_stuck .site-header:after{ border-bottom-color: rgb( var(--tste-labtechco-stickymainmenufontcolor-rgb) , 0.15) ; } /*** ThemeStek Center Menu ***/ .ts-header-menu-position-center #site-header-menu{ float: none; } .ts-header-menu-position-center #site-header-menu #site-navigation{ text-align: center; width: 100%; } .ts-header-menu-position-center #site-header-menu #site-navigation .nav-menu{ float: none; right: 0; left: 0; text-align: center; } .ts-header-menu-position-center .site-header-menu.ts-table-cell{ display: block; } .ts-header-menu-position-center .headerlogo, .ts-header-menu-position-center .ts-header-icon{ position: relative; z-index: 2; } /*** ThemeStek Left Menu ***/ .ts-header-menu-position-left #site-header-menu{ float: none; display: block; } .ts-header-menu-position-left #site-header-menu #site-navigation .nav-menu{ float: none; } .ts-header-menu-position-left .site-branding{ padding-right: 25px; } /* Header Social link */ .site-header .themestek-social-links-wrapper{ float: right; } .site-header .social-icons { padding-top: 0; padding-bottom: 0; } .site-header.is_stuck { position: fixed; width:100%; top:0; z-index: 999; margin:0; animation-name: menu_sticky; -webkit-box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25); -moz-box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25); box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25); padding: 0; } #site-header-menu #site-navigation div.nav-menu ul ul > li:last-child{ border-bottom: none !important; } /*** Ts Header Style Infostack ***/ .ts-header-style-infostack #site-header-menu #site-navigation div.nav-menu > ul > li > a:before{ bottom: 18px; } .ts-infostack-right-content .info-widget *{ margin-bottom: 0; } .ts-infostack-right-content .info-widget h3{ font-size: 15px; line-height: 25px; font-weight: normal; color: #999; } .ts-infostack-right-content .info-widget i{ font-size: 25px; color: var(--tste-labtechco-skincolor); } .ts-infostack-right-content .info-widget .media-right, .ts-infostack-right-content .info-widget .media-left{ padding: 0; } .ts-infostack-right-content .info-widget .media-left .icon{ margin-right: 15px; background-color: #f6faff; width: 55px; height: 55px; line-height: 55px; text-align: center; border-radius: 50%; } .ts-infostack-right-content .info-widget h6{ font-size: 19px; font-weight: 500; line-height: 29px; color: #09162a; letter-spacing: 1px; } /*** Max mega menu css ***/ #mega-menu-wrap-themestek-main-menu { clear: none; position: inherit; float: right; margin-top: 44.5px; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } .is_stuck #mega-menu-wrap-themestek-main-menu { margin-top: 37px; ; } .ts-header-text-area, .ts-header-icon, #site-header-menu #site-navigation div.nav-menu > ul, #site-header-menu #site-navigation div.nav-menu > ul > li{ transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; } } /* ********************** Responsive Menu Code END **************************** */ /* -------------------------------------- * ts-responsive-icons * ---------------------------------------*/ .ts-responsive-icons{ position: absolute; top: 30px; left: 20px; display: none; } .admin-bar .ts-responsive-icons{ top: 60px; } .ts-responsive-icons > div{ margin: 0 10px; } .ts-responsive-icons > div:first-child{ margin-left: 0; } .ts-responsive-icons .ts-header-wc-cart-link .number-cart { position: absolute; top: -13px; left: 11px; background-color: var(--tste-labtechco-skincolor); color: #fff; line-height: 15px; width: 15px; text-align: center; border-radius: 50%; font-size: 11px; } /******************************************************/ /******************* Custom Code **********************/ body{font-family: Poppins, sans-serif !important;} /******************************************************/