/*------------------------------------------------------------------ * 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:center top;background-size:auto;background-repeat:no-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://www.sfsm.fr/files/2025/04/banderole.png');background-color:transparent;background-position:center top;background-size:auto;background-repeat:no-repeat;background-attachment:scroll;} div.ts-titlebar-wrapper > .ts-bg-layer{background-color:transparent;} .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-color:transparent;background-position:0% 0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;} .second-footer > .ts-bg-layer{background-color:transparent;} .bottom-footer-text{background-color:transparent;background-position:center center;background-size:auto;background-repeat:no-repeat;background-attachment:fixed;} .bottom-footer-text > .ts-bg-layer{background-color:transparent;} .error404 .site-content-wrapper{background-image:url('https://www.sfsm.espci.fr/wp-content/themes/labtechco/images/404-bg.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('https://www.sfsm.espci.fr/wp-content/themes/labtechco/images/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:"Roboto Condensed", Arial, Helvetica, sans-serif;font-weight:700;text-transform:uppercase;font-size:14px;line-height:16px;letter-spacing:1px;color:#031b4e;} 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:"Roboto", Arial, Helvetica, sans-serif;font-weight:500;text-transform:uppercase;font-size:12px;line-height:16px;letter-spacing:0.5px;color:#09162a;} #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:"Vollkorn", Arial, Helvetica, sans-serif;font-weight:700;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:"Roboto Condensed", Arial, Helvetica, sans-serif;font-weight:400;text-transform:inherit;color:#ffffff;} .ts-titlebar .entry-subtitle, .ts-titlebar-textcolor-custom .ts-titlebar-main .entry-subtitle{font-family:"Roboto Condensed", Arial, Helvetica, sans-serif;font-weight:400;color:#ffffff;} .ts-titlebar .breadcrumb-wrapper, .ts-titlebar .breadcrumb-wrapper a{font-family:"Roboto", Arial, Helvetica, sans-serif;font-weight:500;color:#ffffff;} body{font-family:"Work Sans", Tahoma, Geneva, sans-serif;font-weight:400;font-size:15px;line-height:24px;color:#8893b9;} h1{font-family:"Roboto Condensed", Arial, Helvetica, sans-serif;font-weight:700;font-size:30px;line-height:40px;color:#031b4e;} h2{font-family:"Roboto Condensed", Arial, Helvetica, sans-serif;font-weight:700;font-size:26px;line-height:36px;color:#031b4e;} h3{font-family:"Roboto Condensed", Arial, Helvetica, sans-serif;font-weight:700;font-size:22px;line-height:32px;color:#031b4e;} h4{font-family:"Roboto Condensed", Arial, Helvetica, sans-serif;font-weight:700;font-size:18px;line-height:28px;color:#031b4e;} h5{font-family:"Roboto Condensed", Arial, Helvetica, sans-serif;font-weight:700;font-size:14px;line-height:24px;color:#031b4e;} h6{font-family:"Roboto Condensed", Arial, Helvetica, sans-serif;font-weight:700;font-size:10px;line-height:20px;color:#031b4e;} .ts-element-heading-wrapper .ts-vc_general .ts-vc_cta3_content-container .ts-vc_cta3-content .ts-vc_cta3-content-header h2{font-family:"Roboto Condensed", Arial, Helvetica, sans-serif;font-weight:300;font-size:40px;line-height:50px;color:#031b4e;} .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{font-family:"Roboto Condensed", Arial, Helvetica, sans-serif;font-weight:400;text-transform:uppercase;font-size:18px;line-height:20px;color:#031b4e;} .ts-element-heading-wrapper .ts-vc_general.ts-vc_cta3 .ts-vc_cta3-content p{font-family:"Work Sans", Arial, Helvetica, sans-serif;font-weight:500;font-size:18px;line-height:24px;color:#031b4e;} 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:"Roboto Condensed", Arial, Helvetica, sans-serif;font-weight:700;text-transform:uppercase;font-size:20px;line-height:24px;color:#031b4e;} .woocommerce button.button, .woocommerce-page button.button, input, .ts-vc_btn, .ts-vc_btn3, .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{font-family:"Roboto Condensed", 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{font-family:"Roboto Condensed", Arial, Helvetica, sans-serif;font-weight:400;text-transform:uppercase;font-size:14px;} /** * 0. Text link and hover color properties * ---------------------------------------------------------------------------- */ a{color:#3368c6;} 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-infostack .ts-header-block .ts-vc_btn3-container .ts-vc_btn3, .ts-headerstyle-classic-2 .ts-header-block .ts-vc_btn3-container .ts-vc_btn3{ background-color:#3368c6 !important; } } @media (min-width: 1200px){ .ts-header-style-infostack .ts-header-block .ts-vc_btn3-container .ts-vc_btn3:hover, .ts-headerstyle-classic-2 .ts-header-block .ts-vc_btn3-container .ts-vc_btn3:hover{ background-color:#3368c6 !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:#8893b9; } /** * 0. Page loader css * ---------------------------------------------------------------------------- */ .ts-page-loader-wrapper{background-image:url(https://www.sfsm.fr/wp-content/themes/labtechco/images/loader1.gif)} /** * 0. Floating bar * ---------------------------------------------------------------------------- */ /* This is Titlebar Background color */ .ts-header-overlay .ts-titlebar-wrapper .ts-titlebar-inner-wrapper{ padding-top: 105px; } /* This is Titlebar Text color */ .ts-titlebar-wrapper .ts-titlebar-main h1.entry-title{ color: #ffffff !important; } .ts-titlebar-wrapper .ts-titlebar-main h3.entry-subtitle{ color: #ffffff !important; } .ts-titlebar-main .breadcrumb-wrapper, .ts-titlebar-main .breadcrumb-wrapper a:hover{ /* Breadcrumb */ color: rgba( 255,255,255 , 1) !important; } .ts-titlebar-main .breadcrumb-wrapper a{ /* Breadcrumb */ color: rgba( 255,255,255 , 0.7) !important; } .ts-titlebar-wrapper .ts-titlebar-inner-wrapper{ height: 200px; } .ts-header-overlay .themestek-titlebar-wrapper .ts-titlebar-inner-wrapper{ padding-top: 135px; } .themestek-header-style-3.ts-header-overlay .ts-titlebar-wrapper .ts-titlebar-inner-wrapper{ padding-top: 160px; } /* Logo Max-Height */ .headerlogo img{ max-height: 120px; } .is_stuck .headerlogo img{ max-height: 90px; } 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-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: #3368c6; } /* 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: rgba( 3,27,78 , 1) ; } .menu-toggle i:hover, .header-controls a:hover { color: #3368c6 !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: rgba( 9,22,42 , 0.8); font-weight: normal; } /*Logo Color --------------------------------*/ h1.site-title{ color: #202020; } /** * 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: #3368c6 !important; } .ts-textcolor-skincolor .ts-vc_cta3-content-header h4{ color: rgba( 51,104,198 , 0.90) !important; } .ts-textcolor-skincolor .ts-vc_cta3-content .ts-cta3-description{ color: rgba( 51,104,198 , 0.60) !important; } .ts-textcolor-skincolor{ color: rgba( 51,104,198 , 0.60); } .ts-textcolor-skincolor a{ color: rgba( 51,104,198 , 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 * ---------------------------------------------------------------------------- */ .ts-col-bgcolor-darkgrey .ts-ihbox-style-5.ts-ihbox i, .ts-servicebox-style-2.themestek-box h3 a:hover, .ts-servicebox-style-1.themestek-box .themestek-box-category a, .themestek-pre-header-wrapper .top-contact li a:hover, footer a:hover, blockquote:after, section.error-404 .ts-big-icon, /* Pricing table */ .ts-ptablebox-style-1 .ts-ihbox-icon-wrapper, /* Slick Slider */ .themestek-boxes-row-wrapper .slick-arrow:not(.slick-disabled):hover:before, /* 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-ptablebox-style-1 .ts-vc_btn3.ts-vc_btn3-color-inverse.ts-vc_btn3-style-flat, .ts-ptablebox-featured-col .ts-ptablebox-style-1 .ts-sbox-icon-wrapper, .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-col-bgcolor-darkgrey .ts-testimonialbox-style-2.themestek-box-testimonial .themestek-box-content:after, .ts-testimonialbox-style-2.themestek-box-testimonial .themestek-box-content .themestek-box-title:after, .ts-testimonialbox-style-1.themestek-box-testimonial .themestek-box-content:after, .ts-testimonialbox-style-2.themestek-box-testimonial .themestek-author-name a:hover, .ts-testimonialbox-style-1.themestek-box-testimonial .themestek-author-name a:hover, .ts-testimonialbox-style-3.themestek-box-testimonial .themestek-box-content:after, .ts-testimonialbox-style-3.themestek-box-testimonial .themestek-box-content .themestek-author-name, .ts-testimonialbox-style-3.themestek-box-testimonial .themestek-box-content .themestek-author-name a, .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"], .themestek-box-blog.ts-blogbox-style-2 .ts-featured-meta-wrapper .ts-meta-line a, .ts-vc_general.ts-vc_btn3-color-skincolor, .ts-icon-skincolor-strong strong, .ts-icon-skincolor i, .ts-ihbox-style-4 .ts-ihbox-icon-type-text, .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, .ts-portfoliobox-style-1.themestek-box h3 a:hover, .ts-portfoliobox-style-3.themestek-box h3 a:hover, .themestek-box.ts-portfoliobox-style-1 .themestek-box-category a, .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: #3368c6; } /** * 2. Background * ---------------------------------------------------------------------------- */ .edit-link a:hover, /* Search result */ .ts-team-member-single-content-wrapper .ts-team-social-links li a:hover, /* Pricing table */ .ts-ptablebox-style-1 .ts-sbox-icon-wrapper, .ts-ptablebox-style-1 .ts-vc_btn3.ts-vc_btn3-color-inverse.ts-vc_btn3-style-flat:hover, .ts-ptablebox-featured-col .ts-ptablebox-style-1 .themestek-ptable-main, /* Blogbox */ .ts-blogbox-style-2 .ts-featured-meta-wrapper .ts-meta-line.cat-links, /* Header bacground color */ .themestek-pre-header-wrapper .social-icons li > a:hover, .ts-header-overlay .site-header.ts-sticky-bgcolor-skincolor.is_stuck, .site-header-menu.ts-sticky-bgcolor-skincolor.is_stuck, .ts-header-style-infostack .site-header .ts-stickable-header.is_stuck.ts-sticky-bgcolor-skincolor, .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, .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, .ts-ptablebox-style-1 .ts-vc_btn3.ts-vc_btn3-color-inverse.ts-vc_btn3-style-flat:hover, .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-ihbox-style-3.ts-ihbox:hover, .ts-ihbox-style-4 .ts-vc_cta3-headers:after, .ts-ihbox-style-left-icon-skin-hover:hover, .ts-ihbox-hoverstyle-1:hover, .ts-ihbox-style-4 .ts-ihbox-big-number-text:after, .ts-featured-meta-wrapper .ts-featured-meta-comments-tableper, .themestek-box-view-overlay.themestek-portfolio-box-view-overlay-icon-desc .themestek-media-link a, .themestek-teambox-left-image .themestek-box-content ul li a:hover{ background-color: #3368c6; } .comment-body .reply a, .themestek-box-team-style4 .themestek-box-content, .twentytwenty-handle, .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: rgba( 51,104,198 , 0.80) ; } .ts-bt-skincolor{ background-color: #3368c6 !important; } /** * 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-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, .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: #3368c6; } .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: rgba( 51,104,198 , 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: #3368c6; color: #3368c6; } .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: #3368c6; color: #3368c6; } .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: #3368c6; } .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: #3368c6; } .wpb-js-composer .vc_tta-style-outline.vc_tta-color-skincolor .vc_tta-panel.vc_active .vc_tta-panel-title>a{ color: #3368c6; } .ts-ptablebox-style-1 .ts-vc_btn3.ts-vc_btn3-color-inverse.ts-vc_btn3-style-flat, .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: #3368c6; } /******** 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: #3368c6; } .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: #3368c6; } /** * Border color * ---------------------------------------------------------------------------- */ .ts-clientbox-style-2:hover .themestek-item-thumbnail, .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: #3368c6; } .main-form .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #3368c6 transparent transparent transparent; } .main-form .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #3368c6 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: #3368c6 transparent; } .nav-links .nav-next:before, .nav-links .nav-previous:before{ border-bottom-color: #3368c6; } body table.booked-calendar td.today .date span, body table.booked-calendar th{ border-color: #3368c6 !important; } .slick-dots li.slick-active button{ box-shadow: inset 0 0 0 2px #3368c6; } /************************ 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-servicebox-style-2*/ .ts-servicebox-style-2 .themestek-serviceimagebox{ border-color: #3368c6; } .ts-ihbox-style-6 .ts-ihbox-icon-wrapper{ background-color: #3368c6; } .ts-search-overlay input[type="search"]{ border-bottom-color: #3368c6; } /* Blog box style */ .widget_recent_entries a, .footer .social-icons li > a, .ts-bgcolor-skincolor .ts-blogbox-style-1 .ts-post-format-icon-w i, .ts-blogbox-style-1 .themestek-blogbox-footer-left a:hover, .themestek-box-blog-classic .more-link-wrapper a:hover, .ts-blogbox-style-1 .ts-entry-meta-wrapper a, .ts-blogbox-style-1 .ts-entry-meta-wrapper{ color: #3368c6; } .ts-blogbox-style-1 .ts-post-format-icon-w { border-top-color: #3368c6; } .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: #3368c6; } .ts-servicebox-style-2 .themestek-overlay{ background-color: rgba( 51,104,198 , 0.80); } .ts-search-overlay{ background-color: rgba( 51,104,198 , 0.90); } .ts-blogbox-style-1 .ts-post-format-icon-w, .ts-headerstyle-classic.ts-slider-yes #ts-home{ border-top-color: #3368c6; } .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: #031b4e; } .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, .ts-header-overlay .site-header.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, .ts-servicebox-style-1{ background-color: #f6faff; } .comment-body { border: 1px solid #f6faff; } .comment-body:after, .comment-body:before { border-color: transparent #f6faff 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: #3368c6; } .woocommerce-info, .woocommerce-message{ border-top-color: #3368c6; } .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: #3368c6; } .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: #3368c6; border-color: #3368c6; } /* ********************* Responsive Menu Code Start *************************** */ .headerlogo, .ts-header-icon{ height: 105px; line-height: 105px; } /* 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 15px; 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: 0px; z-index: 33; top: 15px; display: block; } .righticon i{ font-size:20px; cursor:pointer; display:block; line-height: 0px; } /*** 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 #3368c6; background-color: #333; z-index: 100; width: 100%; top: 105px; } #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 0px; 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: rgba( 9,22,42 , 1); } #site-header-menu #site-navigation div.nav-menu > ul li { border-bottom: 1px solid rgba( 9,22,42 , 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: rgba( 3,27,78 , 1) ; } .ts-labtechco-icon-bars, .ts-labtechco-icon-bars:before, .ts-labtechco-icon-bars:after{ background: rgba( 3,27,78 , 1); } .ts-headerstyle-infostack .main-navigation:not(.toggled-on) .ts-labtechco-icon-bars, .ts-headerstyle-infostack .main-navigation .ts-labtechco-icon-bars:before, .ts-headerstyle-infostack .main-navigation .ts-labtechco-icon-bars:after{ background: #031b4e; } #site-header-menu #site-navigation div.nav-menu > ul{ padding-right: 15px; padding-left: 15px; } #site-header-menu #site-navigation div.nav-menu > ul ul{ list-style: none; } .ts-header-icons{ position: absolute; top: 4px; float: none; right: 53px; margin-right: 0px; } #site-header-menu #site-navigation div.nav-menu > ul > li ul{ display: block !important; height: auto !important; } #site-header-menu #site-navigation div.nav-menu > ul > li ul{ background-image: none !important; } #site-header-menu #site-navigation div.nav-menu > ul > li ul{ background: none; background-image: none; } .ts-header-overlay .ts-titlebar-wrapper .ts-titlebar-inner-wrapper{ padding-top: 0px; } #site-header-menu #site-navigation .menu-toggle { top: 33px; display: block; position: absolute; right: 0; width: 40px; background: none; z-index: 1; outline: none; padding: 0; line-height: normal; } /* Display None */ .ts-infostack-right-content, #site-header-menu #site-navigation div.nav-menu > ul{ display: none; } .ts-header-style-infostack .ts-stickable-header-w{ height: auto !important; } .ts-header-style-infostack .ts-header-top-wrapper.container{ width: 100%; } /* sticky footer bottom margin */ body .site-content-wrapper { margin-bottom: 0px !important; } /*** Classic header cross ***/ .ts-header-overlay .ts-header-icons, .ts-header-overlay .site-header .themestek-social-links-wrapper, .ts-headerstyle-classic.ts-slider-yes #ts-home{ display: none; } .ts-header-overlay .site-header-main.ts-table{ margin: 0; } .ts-header-overlay .site-header .headerlogo{ display: inline-block; } .ts-header-overlay #site-header-menu #site-navigation .menu-toggle{ right: 30px; } .ts-header-overlay .site-header .headerlogo{ border-right: 0 !important; } } @media (min-width: 1200px) { header #site-header-menu #site-navigation{ height: 105px; line-height: 105px; } .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-stickable-header{ z-index: 12; } .ts-header-overlay .site-header .themestek-social-links-wrapper, .ts-header-text-area, .ts-header-icon, .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-icon{ position: relative; } .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: 105px; line-height: 105px !important; } #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: 105px; line-height: 105px; } #site-header-menu #site-navigation div.nav-menu > ul{ height: 105px; } .is_stuck #site-header-menu #site-navigation div.nav-menu > ul{ height: 25px; } /*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: #3368c6 ; } /*** 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: #3368c6 ; } .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: #3368c6 ; } #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; } .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-menu.is_stuck #site-navigation div.nav-menu > ul > li > a{ color: #031b4e; } .site-header .social-icons li > a, .ts-header-icons .ts-header-search-link a{ color: rgba( 3,27,78 , 1) ; } .site-header .social-icons li > a:hover, .ts-header-icons .ts-header-search-link a:hover{ color: #3368c6 ; } .ts-header-style-classic .site-header.ts-bgcolor-white .ts-header-icons .ts-header-wc-cart-link a:hover span.number-cart{ color: #fff; } /*** 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: 25px ; line-height: 25px; } /*** Sub Navigation menu ***/ #site-header-menu #site-navigation div.nav-menu > ul > li > ul { top: auto; border-top: 3px solid #3368c6; } /*** Sticky Sub Navigation menu ***/ .is_stuck #site-header-menu #site-navigation div.nav-menu > ul > li > ul{ top: 25px; } .site-header-main.container-fullwide{ padding-left: 30px; padding-right: 0px; } /*** Header Icon border ***/ .ts-header-icons{ position: relative; height: 105px; } .is_stuck .ts-header-icons{ border-left-color: rgba( 3,27,78 , 0.15) ; height: 25px; } header .is_stuck .site-header:after{ border-bottom-color: rgba( 3,27,78 , 0.15) ; } /*** Header Text Area ***/ .ts-header-style-classic:not(.ts-header-invert) .container-fullwide #site-header-menu{ margin-right:20px; } /*** 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; } .ts-header-icons .ts-header-icon{ margin-left: 24px; } .ts-header-icons .ts-header-icon:last-child{ margin-left: 10px; } .ts-header-style-infostack:not(.ts-header-invert) .ts-header-top-wrapper.container-fullwide{ padding-left: 15px; padding-right: 15px; } .ts-header-style-infostack .ts-stickable-header:not(.is_stuck) .container-fullwide .site-header-menu-middle{ top: 105px; } #site-header-menu #site-navigation div.nav-menu ul ul > li:last-child{ border-bottom: none !important; } /*** Tm Header Style Infostack ***/ .ts-header-style-infostack #site-header-menu #site-navigation .nav-menu ul, .ts-header-style-infostack #site-header-menu #site-navigation .nav-menu{ float: left; height: auto; } .ts-header-style-infostack #site-header-menu #site-navigation .nav-menu{ margin-left: 20px; } .ts-header-style-infostack #site-header-menu #site-navigation{ position: relative; } .ts-header-style-infostack #site-header-menu #site-navigation:after{ content: ""; position: absolute; z-index: 1; width: 55px; height: 55px; font-size: 30px; line-height: 55px; text-align: center; width: 0; height: 0; border-top: 30px solid #fff; border-right: 30px solid transparent; left: 5px; top: 5px; } .ts-header-style-infostack #site-header-menu{ float: none; padding: 0; } .ts-header-style-infostack #site-header-menu #site-navigation div.nav-menu > ul > li{ vertical-align: top; } .ts-header-style-infostack #site-header-menu #site-navigation div.nav-menu > ul > li > a{ padding: 0px 25px 0px 25px; margin: 0; } .ts-header-style-infostack #site-header-menu #site-navigation div.nav-menu > ul > li > a:before{ bottom: 18px; } .ts-header-style-infostack .ts-header-widgets-tableper{ position: relative; float: right; z-index: 112; height: 105px; margin-bottom: 35px; text-align: right; vertical-align: middle; display: table; } .ts-header-style-infostack .ts-header-widgets-tableper .header-widget{ display: table-cell; padding: 0 24px; position: relative; vertical-align: middle; height: 100%; margin: 0; text-align: left; padding-right: 0; } .ts-header-style-infostack .header-content-main .header-content, .ts-header-style-infostack .header-content-main .header-icon{ display: table-cell; vertical-align: middle; } .ts-header-style-infostack .ts-vc_icon_element { margin-bottom: 0px; } .ts-header-style-infostack .ts-bgcolor-grey .header-content-main .header-content, .ts-header-style-infostack .ts-bgcolor-white .header-content-main .header-content{ color: rgba(0, 0, 0, 0.8); } .ts-header-style-infostack .ts-bgcolor-skincolor .header-content-main .header-content, .ts-header-style-infostack .ts-bgcolor-darkgrey .header-content-main .header-content { color: rgba( 255,255,255,0.7); } .ts-header-style-infostack .ts-bgcolor-skincolor .ts-vc_icon_element.ts-vc_icon_element-outer .ts-vc_icon_element-inner, .ts-header-style-infostack .ts-bgcolor-darkgrey .ts-vc_icon_element.ts-vc_icon_element-outer .ts-vc_icon_element-inner{ color: #fff; } header.ts-header-style-infostack .site-header:after{ display: none; } .ts-header-style-infostack .ts-header-icons{ padding-left: 0px; } .ts-header-style-infostack .ts-header-icon.ts-header-btn-w{ padding-right: 0px; display: block; text-align: center; color: #fff; width: auto; } .ts-header-style-infostack #site-header-menu #site-navigation .ts-header-icon.ts-header-btn-w a{ color: #fff; font-size: 14px; padding: 0px 35px; display: block; letter-spacing: 1px; background-color: rgba( 51,104,198 , 1); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .ts-header-style-infostack #site-header-menu #site-navigation div.nav-menu > ul > li, .ts-header-style-infostack #site-header-menu #site-navigation div.nav-menu > ul > li > a, .ts-header-style-infostack .ts-phone .ts-header-icon, .ts-header-style-infostack .ts-phone .ts-header-icons, .ts-header-style-infostack #site-header-menu #site-navigation, .ts-header-style-infostack .ts-header-block .ts-vc_btn3{ height: 60px; line-height: 60px !important; } .ts-header-style-infostack .ts-stickable-header-w{ height: auto !important; position: relative; } .ts-header-style-infostack .headerlogo{ height: 105px; } .ts-header-style-infostack .site-header-menu-middle .container { position: relative; padding: 0px; } .ts-header-style-infostack .is_stuck .site-header-menu-middle{ padding: 0px; } .ts-header-style-infostack #site-header-menu .is_stuck .container, .ts-header-style-infostack .site-header-menu-inner{ background-color: transparent; } .ts-header-style-infostack .ts-phone .ts-header-icons .ts-header-icon a { padding: 0px; color: #fff; } .ts-header-style-infostack .ts-phone .ts-header-icons .ts-header-icon:last-child { margin-left: 24px; } .ts-header-style-infostack .ts-phone .ts-header-icons .ts-header-icon a{ color: #fff; } .ts-header-style-infostack .site-header-menu .is_stuck .ts-sticky-bgcolor-skincolor{ background-color: #3368c6; } .ts-header-style-infostack .ts-phone { position: absolute; right: -1px; top: 0; font-size: 18px; color: #fff; padding: 0; height: 60px; line-height: 60px; } .ts-header-style-infostack .ts-infostack-right-content { float: right; position: relative; z-index: 3; text-align: right; height: 105px; display: table; } .ts-header-style-infostack .ts-infostack-right-content .info-widget{ vertical-align: middle; display: table-cell; text-align: left; } .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: #3368c6; } .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; } .ts-header-style-infostack .ts-infostack-right-content .info-widget .info-widget-inner{ margin-right: 40px; } .ts-header-style-infostack .ts-infostack-right-content .info-widget:last-child .info-widget-inner{ margin-right: 0px; } .ts-header-style-infostack .ts-header-text-area.ts-header-button-w{ margin-left: 15px; } .ts-header-style-infostack .ts-header-block .ts-vc_btn3{ padding: 0 24px; display: block; font-weight: bold !important; } .ts-header-style-infostack .ts-header-block .ts-vc_btn3, .ts-header-style-infostack .ts-header-block .ts-vc_btn3:hover{ background-color: #031b4e !important; } .ts-header-style-infostack .ts-header-block .ts-vc_btn3:hover{ color: #fff !important; } .ts-header-style-infostack div.ts-titlebar-wrapper, .ts-header-style-infostack .themestek-slider-wrapper{ margin-top: -30px; } .ts-header-style-infostack .site-header{ z-index: 11; } } /*** Overlay Header ***/ .ts-header-overlay .ts-stickable-header-w-main{ position: absolute; z-index: 21; width: 100%; box-shadow: none; -khtml-box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; } .ts-header-overlay .themestek-pre-header-wrapper{ background-color: transparent; } .ts-header-overlay .ts-stickable-header-w{ background-color: transparent; } .ts-header-overlay .site-header-menu.ts-bgcolor-darkgrey, .ts-header-overlay .site-header.ts-bgcolor-darkgrey{ background-color: rgba(0, 0, 0, 0.40); } .ts-header-overlay .site-header-menu.ts-bgcolor-grey, .ts-header-overlay .site-header.ts-bgcolor-grey{ background-color: rgba(235, 235, 235, 0.38); } .ts-header-overlay .site-header-menu.ts-bgcolor-white, .ts-header-overlay .site-header.ts-bgcolor-white{ background-color: rgba(255, 255, 255, 0.38); } .ts-header-overlay .site-header-menu.ts-bgcolor-skincolor, .ts-header-overlay .site-header.ts-bgcolor-skincolor{ background-color: rgba( 51,104,198 , 0.30); } .ts-header-overlay .site-header-menu.ts-sticky-bgcolor-darkgrey.is_stuck{ background-color: #151515; } .ts-header-overlay .site-header-menu.ts-sticky-bgcolor-grey.is_stuck{ background-color: #f5f5f5; } .ts-header-overlay .site-header-menu.ts-sticky-bgcolor-white.is_stuck{ background-color: #fff; } .ts-header-overlay .site-header-menu.ts-sticky-bgcolor-skincolor.is_stuck{ background-color: rgba( 51,104,198 , 1); } .ts-header-overlay .themestek-pre-header-wrapper.ts-bgcolor-darkgrey{ border-bottom-color: rgba(0, 0, 0, 0.13); } .ts-header-overlay .ts-vc_general.ts-vc_btn3{ background-color: #fff !important; color: #09162a !important; } .ts-header-overlay .is_stuck .ts-vc_general.ts-vc_btn3:hover, .ts-header-overlay .ts-vc_general.ts-vc_btn3:hover{ background-color: #3368c6 !important; color: #fff !important; } .ts-header-overlay .is_stuck .ts-vc_general.ts-vc_btn3{ background-color: #09162a !important; color: #fff !important; } .ts-header-overlay .site-header-main.container{ width: 100%; border-bottom: 1px solid rgba( 3,27,78 , 0.25); } .ts-header-overlay .site-header .themestek-social-links-wrapper{ border-left: 1px solid rgba( 3,27,78 , 0.25); padding-left: 30px; padding-right: 20px; margin-left: 15px; } .ts-header-overlay .site-header .headerlogo{ border-right: 1px solid rgba( 3,27,78 , 0.25); padding-right: 50px; padding-left: 30px; } .ts-header-overlay .site-header.is_stuck .social-icons li > a{ color: rgba( 3,27,78 , 1) !important; } .ts-header-overlay .site-header.is_stuck .site-header-main.container{ border-bottom-color: rgba( 3,27,78 , 0.15); } .ts-header-overlay .site-header.is_stuck .themestek-social-links-wrapper{ border-left-color: rgba( 3,27,78 , 0.15); } .ts-header-overlay .site-header.is_stuck .headerlogo{ border-right-color: rgba( 3,27,78 , 0.15); } .ts-header-overlay .site-header .themestek-social-links-wrapper{ height: 105px; line-height: 105px; } .ts-header-overlay .site-header.is_stuck .themestek-social-links-wrapper{ height: 25px ; line-height: 25px; } .ts-header-overlay #site-header-menu #site-navigation div.nav-menu > ul > li:hover > a, .ts-header-overlay .site-header.is_stuck #site-header-menu #site-navigation div.nav-menu > ul > li.current-menu-ancestor > a{ color: rgba( 51,104,198 , 1); } @media (min-width: 1200px){ .ts-header-style-classic #site-header-menu #site-navigation div.nav-menu > ul > li > a { margin: 0px 9px 0px 9px; } }/* ********************** Responsive Menu Code END **************************** */ /******************************************************/ /******************* Custom Code **********************/ /******************************************************/