/*------------------------------------------------------------------ * dynamic-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 -------------------------------------------------------------------*/ /** * 1. Background color * ---------------------------------------------------------------------------- */ .woocommerce ul.products li.product a.button:not(.add_to_cart_button):hover, .woocommerce-page ul.products li.product a.button:not(.add_to_cart_button):hover, .woocommerce ul.products li.product a.button:not(.product_type_variable):hover, .woocommerce-page ul.products li.product a.button:not(.product_type_variable):hover, /* Search result */ .tm-search-results-title a.label-default:hover, body .tm-sresult-form-wrapper, /* End Search result */ .tm-timeline .date-wrap, .entry-content .page-links a:hover, .widget_calendar #today, .tparrows:hover, button, input[type="submit"], input[type="button"], input[type="reset"], .vc_general.vc_btn3.vc_btn3-color-skincolor, .vc_general.vc_cta3.vc_cta3-color-skincolor.vc_cta3-style-flat, .vc_general.vc_cta3.vc_cta3-color-skincolor.vc_cta3-style-3d, .tm-row-bgtype-skin .tm-bg-overlay, .owl-carousel.owl-theme .owl-dots .owl-dot.active span, .owl-carousel.owl-theme .owl-dots .owl-dot:hover span, .flex-control-paging li a.flex-active, .header-controls .search_box i.fa-search:hover, .header-controls .fa-shopping-cart, .thememount-header-style-3.tm-header-overlay .header-controls .fa-shopping-cart, .thememount-header-style-3.tm-header-overlay .header-controls .search_box i.fa-search:hover, .thememount-postbox-small-date, .vc_progress_bar.vc_progress-bar-color-skincolor .vc_single_bar .vc_bar, .vc_progress_bar .vc_single_bar.skincolor .vc_bar, .thememount-post-left .thememount-post-date-wrapper, .thememount-btn-effect-colortoborder.thememount-btn-color-skincolor, .thememount-row-bgtype-skin, .thememount-btn-effect-colortogrey.thememount-btn-color-skincolor, .thememount-btn-effect-colortodarkgrey.thememount-btn-color-skincolor, .thememount-wbar-bgcolor-skincolor, .thememount-btn-effect-bordertocolor.thememount-btn-color-skincolor:hover, .thememount-btn-effect-greytocolor.thememount-btn-color-skincolor:hover, .thememount-btn-effect-darkgreytocolor.thememount-btn-color-skincolor:hover, .portfolio-sortable-list ul li a.selected, .portfolio-sortable-list ul li a:hover, .thememount-ibgcolor-skincolor, .tp-caption.themeline, .vc_progress_bar .vc_single_bar .vc_bar.striped, .footersocialicon, body .owl-theme .owl-controls .owl-buttons div:hover, .flex-direction-nav a:hover, .tagcloud a:hover, .thememount-team-box .thememount-team-icons i:hover, .vc_btn_skincolor, .wpb_skincolor, .thememount-pf-btn .wpb_button_a .wpb_button, .thememount-blogbox-btn .wpb_button_a .wpb_button, .tp-caption.skin_divider, .thememount-testimonial-icon, .thememount-testimonial-wrapper .flex-control-paging li a.flex-active, .wpb_gallery_slides .flex-control-paging li a.flex-active, .thememount-pagination .page-numbers.current, .thememount-pagination a.page-numbers:hover, #totop:hover, #bbpress-forums ul li.bbp-header, .widget .bbp-logged-in .button, .item:hover .item-content .thememount-portfolio-likes, .single-team-left .thememount-team-social-links a:hover, .tribe-events-list .tribe-events-event-cost span, .item-thumbnail .tribe-events-event-cost, #tribe-bar-form .tribe-bar-submit input[type=submit], .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"], .tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"]>a, #tribe_events_filters_wrapper input[type=submit], .tribe-events-button, #tribe-events .tribe-events-button, .tribe-events-button.tribe-inactive, #tribe-events .tribe-events-button:hover, .tribe-events-button:hover, .tribe-events-button.tribe-active:hover, .single-tribe_events .tribe-events-schedule .tribe-events-cost, body .datepicker .datepicker-days table tr td:hover, .vc_icon_element-background-color-skincolor, .post-box-icon-wrapper, .tm-titlebar-wrapper.tm-titlebar-bgcolor-skincolor .tm-titlebar-inner-wrapper, .thememount-team-box:hover .thememount-team-social-links, .tm-titlebar-wrapper.tm-titlebar-bgcolor-skincolor.tm-titlebar-with-bgimage, .widget .search-form .search-submit, .entry-content .tm-pformat-link-url, .woocommerce ul.products li.product .add_to_cart_button:hover, .woocommerce-page ul.products li.product .add_to_cart_button:hover, .woocommerce-page ul.products li.product .button.product_type_variable:hover, .woocommerce ul.products li.product .button.product_type_variable:hover, .woocommerce ul.products li.product .add_to_cart_button.added, .woocommerce-page ul.products li.product .add_to_cart_button.added, .woocommerce ul.products li.product .add_to_cart_button.loading, .woocommerce-page ul.products li.product .add_to_cart_button.loading, .woocommerce .widget_shopping_cart .cart_list li a.remove:hover, .woocommerce a.remove:hover, .woocommerce-page #content input.button[name="apply_coupon"]:hover, .woocommerce #content input.button[name="apply_coupon"]:hover, .shop_table.cart input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce .login input.button, .widget_shopping_cart_content .button.checkout, .widget_price_filter .price_slider_wrapper .button, .woocommerce .thememount-products .single_add_to_cart_button.button.alt:hover, .single-product .thememount-products span.onsale, body.woocommerce nav.woocommerce-pagination ul li span.current, body.woocommerce #content nav.woocommerce-pagination ul li span.current, body.woocommerce-page nav.woocommerce-pagination ul li span.current, body.woocommerce-page #content nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce-page nav.woocommerce-pagination ul li a:hover, .w-search-input, .vc_general.vc_btn3.vc_btn3-color-skincolor.vc_btn3-style-outline:hover, .tm-dcap-color-skincolor, .thememount-fbar-bg-skincolor.thememount-fbar-box-w:after, .vc_toggle_color_skincolor.vc_toggle_square .vc_toggle_icon, .vc_toggle_color_skincolor.vc_toggle_square .vc_toggle_title:hover .vc_toggle_icon, .vc_toggle_color_skincolor.vc_toggle_simple .vc_toggle_icon::before, .vc_toggle_color_skincolor.vc_toggle_simple .vc_toggle_icon::after, .vc_toggle_color_skincolor.vc_toggle_simple .vc_toggle_title:hover .vc_toggle_icon::before, .vc_toggle_color_skincolor.vc_toggle_simple .vc_toggle_title:hover .vc_toggle_icon::after, .vc_tta.vc_tta-accordion.vc_tta-color-white.vc_tta-style-classic .vc_tta-controls-icon.vc_tta-controls-icon-plus, .tm-row-bgtype-skin .vc_tta-color-white.vc_tta-style-classic.vc_tta-shape-square.vc_tta-o-no-fill .vc_tta-tab.vc_active > a, .tm-row-bgtype-skin .vc_tta-color-white.vc_tta-style-classic.vc_tta-shape-square.vc_tta-o-no-fill .vc_tta-tab > a, .vc_tta-color-skincolor.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading, .vc_tta-color-skincolor.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading, .vc_tta-color-skincolor.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading, .vc_tta-color-skincolor.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading, .vc_tta-color-skincolor.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-heading:hover, .vc_tta-color-skincolor.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-heading:focus, .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .tm-sresult-form-wrapper .tm-sresult-cpt-select option, .tm-row-bgtype-skin .tm-sbox .vc_cta3-style-outline .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-outline{ background-color: #449edd; } .vc_tta-color-skincolor.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:focus, .vc_tta-color-skincolor.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading:hover, .vc_tta-color-skincolor.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading:focus, .thememount-fbar-bg-skincolor.thememount-fbar-box-w.tm-fbar-with-bgimage:after, .tm-titlebar-wrapper.tm-titlebar-bgcolor-skincolor.tm-titlebar-with-bgimage .tm-titlebar-inner-wrapper, .tm-row-bgtype-skin.tm-background-image .tm-bg-overlay, .tm-row-bgtype-skin.vc_video-bg-container .tm-bg-overlay { background-color: rgba( 68,158,221 , 0.80); } .tp-bullet.selected, .tp-bullet:hover, .tp-button.darkgrey:hover, .tp-bullets .bullet.selected, .tp-button.skincolor{ background-color: #449edd !important; } .vc_general.vc_btn3.vc_btn3-style-3d.vc_btn3-color-skincolor{ box-shadow: 0 5px 0 #2680bf; } .vc_general.vc_btn3.vc_btn3-style-3d.vc_btn3-color-skincolor:hover, .vc_general.vc_btn3.vc_btn3-style-3d.vc_btn3-color-skincolor:focus { top: 3px; box-shadow: 0 2px 0 #2680bf; background-color: #449edd ; } /******************* Blog Post Format icon border *********************/ .thememount-post-left .thememount-post-date-wrapper{ border-color: #ffffff; } /* 3D Button *********************/ .vc_btn.vc_btn_skincolor.vc_btn_3d { -webkit-box-shadow: 0 5px 0 rgba( 68,158,221 , 0.8); box-shadow: 0 5px 0 rgba( 68,158,221 , 0.8); margin-bottom: 5px; } /* This is Titlebar Background color */ .tm-header-overlay .tm-titlebar-wrapper .tm-titlebar-inner-wrapper{ padding-top: 60px; } .thememount-header-style-3.tm-header-overlay .tm-titlebar-wrapper .tm-titlebar-inner-wrapper{ padding-top: 115px; } /* This is Titlebar Text color */ .tm-titlebar-wrapper .tm-titlebar-inner-wrapper{ height: 400px; } .tm-header-overlay .thememount-titlebar-wrapper .tm-titlebar-inner-wrapper{ padding-top: 90px; } .thememount-header-style-3.tm-header-overlay .tm-titlebar-wrapper .tm-titlebar-inner-wrapper{ padding-top: 115px; } /* This is Tranparent Backgroundcolor */ .k_flying_searchform_wrapper #flying_searchform:before, .thememount-row-bgprecolor-skin:before, .wpb_skincolor:hover{ background: rgba( 68,158,221 , 0.85); } /* Logo Max-Height */ .headercontent .headerlogo img{ max-height: 44px; } .is-sticky .headercontent .headerlogo img{ max-height: 38px; } /* Pricing Table */ a.ptp-button:hover, .ptp-highlight a.ptp-button, .ptp-highlight div.ptp-price { background-color: #449edd !important; } .ptp-highlight div.ptp-plan { background-color: rgba( 68,158,221 , 0.8) !important; } /** * 2. Topbar Background color * ---------------------------------------------------------------------------- */ .site-header .thememount-topbar{ background-color: #449edd; } .tm-header-overlay header .thememount-topbar{ background-color: rgba( 12,0,0 , 0.5) ; } .site-header .thememount-topbar.thememount-topbar-bgcolor-skincolor { background-color: #449edd ; } /** * 3. Element Border color * ---------------------------------------------------------------------------- */ .tp-bullets .bullet.selected, .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-background-color-skincolor.vc_icon_element-outline, .vc_general.vc_cta3.vc_cta3-color-skincolor.vc_cta3-style-outline, .tp-rightarrow.default:hover, .tp-leftarrow.default:hover, .vc_btn.vc_btn_skincolor, .portfolio-sortable-list ul li a:hover, .portfolio-sortable-list ul li a.selected, .flex-control-paging li a.flex-active, .tagcloud a:hover, blockquote, .vc_general.vc_btn3.vc_btn3-color-skincolor.vc_btn3-style-outline, .vc_toggle_default.vc_toggle_color_skincolor .vc_toggle_title > h4:after, .vc_tta.vc_tta-accordion.vc_tta-color-white.vc_tta-style-classic .vc_tta-controls-icon.vc_tta-controls-icon-triangle::before, .vc_tta.vc_tta-accordion.vc_tta-color-white.vc_tta-style-classic .vc_tta-controls-icon.vc_tta-controls-icon-triangle::after, .vc_tta.vc_tta-accordion.vc_tta-color-white.vc_tta-style-classic .vc_tta-controls-icon.vc_tta-controls-icon-chevron::before, .tm-row-bgtype-skin .vc_tta.vc_tta-accordion.vc_tta-color-white.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon.vc_tta-controls-icon-plus::before, .tm-row-bgtype-skin .vc_tta.vc_tta-accordion.vc_tta-color-white.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon.vc_tta-controls-icon-plus::after, .tm-row-bgtype-skin .vc_tta.vc_tta-accordion.vc_tta-color-white.vc_tta-style-classic .vc_tta-controls-icon.vc_tta-controls-icon-plus.vc_tta-controls-icon-plus::after, .tm-row-bgtype-skin .vc_tta.vc_tta-accordion.vc_tta-color-white.vc_tta-style-classic .vc_tta-controls-icon.vc_tta-controls-icon-plus.vc_tta-controls-icon-plus::before, .vc_tta-color-skincolor.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-heading, .tm-timeline .tm-timeline-element-inner:hover .tm-anchor-point{ border-color: #449edd; } .vc_btn.vc_btn_skincolor:hover{ border-color: rgba( 68,158,221 , 0.8); } .vc_general.vc_btn3.vc_btn3-color-skincolor.vc_btn3-style-outline, .vc_btn_skincolor.vc_btn_outlined, .vc_btn_skincolor.vc_btn_square_outlined{ color: #449edd; } .vc_btn_skincolor:hover{ background-color: rgba( 68,158,221 , 0.8); } .thememount-fbar-btn{ border-top-color: #449edd; } .w-search-form-row:before, div.thememount-fbar-box-w{ border-bottom-color: #449edd; } .woocommerce ul.products li.product span.onsale, .woocommerce-page ul.products li.product span.onsale{ border-right-color: #449edd !important; border-top-color: #449edd !important; } /** * 4. Textcolor * ---------------------------------------------------------------------------- */ body.search-no-results .tm-no-sresult-wrapper .thememount-big-icon i, .widget_pages li.current_page_item > a, .widget_categories li.current-cat > a, .tm-dmenu-active-color-skin #navbar #site-navigation div.nav-menu > ul > li.current_page_ancestor > a, .tm-dmenu-active-color-skin #navbar #site-navigation div.nav-menu > ul > li li.current_page_ancestor > a, .tm-taxonomy-term-list ul li.thememount-active a, .tm-dmenu-active-color-skin #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li.mega-menu-item ul.mega-sub-menu li.menu-item:hover > a, .tm-dmenu-active-color-skin #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li.mega-menu-item ul.mega-sub-menu li.menu-item:hover > a, .vc_general.vc_btn3.vc_btn3-style-text.vc_btn3-color-inverse:hover, .vc_toggle_color_skincolor.vc_toggle_default .vc_toggle_title > h4:after, .portfolio-box .item:hover .item-content h4 a, .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-skincolor .vc_icon_element-icon, .vc_general.vc_cta3.vc_cta3-color-skincolor.vc_cta3-style-outline .vc_cta3-content-header, .vc_general.vc_btn3.vc_btn3-style-text.vc_btn3-color-skincolor, .dateinfo .date, a:hover, .thememount-topbar-textcolor-white a:hover, .thememount-topbar-textcolor-dark a:hover, .comment-content a, .skincolor, .site-title span, .comment-content a:hover, .widget a:hover, .thememount-row-bgprecolor-skin .thememount-servicebox .thememount-icon, .thememount-servicebox-lefticonspacing .thememount-icon, .thememount-servicebox.thememount-servicebox-lefticon .thememount-icon, .thememount-testimonial-title, .thememount-testimonial-title a, .thememount-meta-details a:hover, .thememount-post-right .entry-title a:hover, .nav-links a[rel="prev"]:hover, .nav-links a[rel="next"]:hover, .colored, .thememount-row-bgcolor-grey .thememount-btn-effect-colortoborder.thememount-btn-color-white:hover span, .thememount-heading-sepicon i, .thememount_footer_menu ul li a:hover, .copyright .thememount_footer_text a:hover, body.error404 .page-content h1, body.error404 .page-content i:before, ul.thememount_vc_contact_wrapper li:before, .thememount-titlebar-wrapper .breadcrumb-wrapper a:hover, .thememount-portfolio-likes-wrapper .like-active, a.thememount-portfolio-likes, .portfolio-wrapper .item:hover .item-content h4 a, .thememount-servicebox.thememount-servicebox-righticonspacing .thememount-icon, .post-item:hover .item-content h4 a, .thememount-team-cat-links a, .item-content h4 a:hover, .thememount-fbar-box .submit_field button:hover, .widget_calendar tbody a, .widget_calendar a, .site-main ul li:before, ul.special li:before, ol.special li:before, body.search-no-results .page-content .thememount-big-icon i:before, .large-skincolor-bold, .comment-reply-link:hover, .comment-meta a:hover, .widget_calendar #today a:hover, .thememount-team-social-links a:hover, .thememount-tst-contarea-text:before, #content #bbpress-forums ul.topic:hover a.bbp-topic-permalink, #content #bbpress-forums ul.forum:hover a.bbp-forum-title, .bbp-submit-wrapper .button:hover, .widget .bbp-logged-in .button:hover, .thememount-fbar-bg-skin .tagcloud a:hover, .thememount-fbar-bg-dark .tagcloud a:hover, .footer.footer-text-color-dark .widget ul > li a:hover, .site-footer .footer-text-color-dark .widget a:hover, .header-text-color-white .thememount-tb-content a:hover, body .headerblock .thememount-fbar-box-w.thememount-fbar-text-white .widget a:hover, .footer.footer-text-color-white .widget ul > li a:hover, .site-footer .footer-text-color-white .widget a:hover, .site-main .thememount-team-phone a:hover i, .thememount-icontext i:before, .thememount-row-bgprecolor-dark .thememount-servicebox-title a:hover, .tp-leftarrow.default:hover:before, .tp-rightarrow.default:hover:before, .thememount-post-wrapper .entry-title a:hover, .woocommerce ul.products li.product .amount, .woocommerce-page ul.products li.product .amount, .woocommerce .woocommerce-message .button.wc-forward:hover, .woocommerce-page .woocommerce-message .button.wc-forward:hover, .single-product .thememount-products .woocommerce-message a.button:hover, .tm-list.tm-list-style-icon i.tm-skincolor, /* Text color skin in row secion*/ .tm-background-image.tm-row-textcolor-skin h1, .tm-background-image.tm-row-textcolor-skin h2, .tm-background-image.tm-row-textcolor-skin h3, .tm-background-image.tm-row-textcolor-skin h4, .tm-background-image.tm-row-textcolor-skin h5, .tm-background-image.tm-row-textcolor-skin h6, .tm-background-image.tm-row-textcolor-skin .tm-element-heading-wrapper h2, .tm-background-image.tm-row-textcolor-skin .thememount-testimonial-title, .tm-background-image.tm-row-textcolor-skin a, .tm-background-image.tm-row-textcolor-skin .item-content a:hover, .tm-row-textcolor-skin h1, .tm-row-textcolor-skin h2, .tm-row-textcolor-skin h3, .tm-row-textcolor-skin h4, .tm-row-textcolor-skin h5, .tm-row-textcolor-skin h6, .tm-row-textcolor-skin .tm-element-heading-wrapper h2, .tm-row-textcolor-skin .thememount-testimonial-title, .tm-row-textcolor-skin a, .tm-row-textcolor-skin .item-content a:hover, .widget_display_forums li a:before, .widget_display_topics li a:before, .widget_recent_entries li a:before, .widget_archive li a:before, .widget_categories li a:before, .menu li a:before, .widget_meta li a:before, .widget_pages li a:before, .tm-dark-layout .item-content .thememount-post-readmore a:hover, .tm-dark-layout .vc_general.vc_btn3.vc_btn3-style-text.vc_btn3-color-inverse:hover, .site-main .thememount-post-readmore a:hover, .site-footer .footer-info-text-color-white a:hover, .tm-dark-layout .tribe-events-list h2.tribe-events-list-event-title a:hover, .vc_tta-color-skincolor.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-title > a, .tm-dark-layout .site-main .thememount-team-phone a:hover, .vc_tta-color-white.vc_tta-style-classic.vc_tta-shape-square.vc_tta-o-no-fill .vc_tta-tab.vc_active > a, .vc_tta-color-black.vc_tta-style-classic.vc_tta-shape-square.vc_tta-o-no-fill .vc_tta-tab.vc_active > a, .woocommerce ul.products li.product a:hover h3, .tm-row-bgtype-skin .thememount-testimonial-icon, .tm-taxonomy-term-list ul > li.current-cat > a, .thememount-skincolor{ color: #449edd; } /* Text color skin in row secion*/ .tm-row-bgtype-dark .thememount-twitterbar .twitter-link:hover i, .thememount-twitterbar h3 a.twitter-link:hover small, .tm-background-image.tm-row-textcolor-skin, .tm-background-image.tm-row-textcolor-skin .tm-element-heading-wrapper h4, .tm-background-image.tm-row-textcolor-skin p, .tm-background-image.tm-row-textcolor-skin span, .tm-background-image.tm-row-textcolor-skin .thememount-tst-contarea-text, .tm-background-image.tm-row-textcolor-skin .thememount-testimonial-title .thememount-testimonial-designation, .tm-row-textcolor-skin, .tm-row-textcolor-skin .tm-element-heading-wrapper h4, .tm-row-textcolor-skin p, .tm-row-textcolor-skin span, .tm-row-textcolor-skin .thememount-tst-contarea-text, .tm-row-textcolor-skin .thememount-testimonial-title .thememount-testimonial-designation, .thememount-row-textcolor-skin p, .vc_tta-color-skincolor.vc_tta-style-outline .vc_tta-panel.vc_active .vc_tta-panel-title > a{ color:rgba( 68,158,221 , 0.7); } .vc_btn-white.vc_btn_outlined:hover, a.vc_btn-white.vc_btn_outlined:hover, button.vc_btn-white.vc_btn_outlined:hover, .vc_btn-white.vc_btn_square_outlined:hover, a.vc_btn-white.vc_btn_square_outlined:hover, button.vc_btn-white.vc_btn_square_outlined:hover{ color: #449edd !important; } /* Dynamic main menu color applying to responsive menu link text */ .header-controls .search_box i.tmicon-fa-search, .righticon i, .menu-toggle i, .header-controls a{ color: rgba( 255,255,255 , 1) ; } .menu-toggle i:hover, .header-controls a:hover { color: #449edd !important; } #navbar #site-navigation .mega-menu-wrap .mega-menu.mega-menu-horizontal .mega-sub-menu > li.mega-menu-item-type-widget div{ color: rgba( 109,109,109 , 0.8); font-weight: normal; } #navbar #site-navigation .mega-menu-wrap .mega-menu.mega-menu-horizontal .mega-sub-menu > li.mega-menu-item-type-widget div.textwidget{ padding-top: 10px; } /*Header / Footer background color --------------------------------*/ #stickable-header, #stickable-header-sticky-wrapper, .thememount-header-style-3 #stickable-header .headerlogo, .thememount-header-style-4 #stickable-header .container .headercontent, .thememount-header-style-4 #stickable-header .container-full .headercontent{ background-color: #ffffff; } .thememount-header-style-3.tm-header-overlay .is-sticky #navbar, .is-sticky #stickable-header, .thememount-header-style-4 .is-sticky #stickable-header .container .headercontent, .thememount-header-style-4 .is-sticky #stickable-header .container-full .headercontent{ background-color: #ffffff; } /*Footer background color --------------------------------*/ footer.site-footer > div.site-info{ background-color: #1f1f1f; } /*Logo Color --------------------------------*/ h1.site-title{ color: #ffffff; } .k_flying_searchform_wrapper{ top: 60px; } /** * 9. Genral Elements * ---------------------------------------------------------------------------- */ /* Site Pre-loader image */ .pageoverlay{ background-image:url('../images/loader14.gif'); } #navbar #site-navigation div.nav-menu > ul > li ul a:before, .tm-mmmenu-override-yes #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li ul 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; position: static; } /* ********************* Responsive Menu Code Start *************************** */ .headerlogo, .search_box, .thememount-header-cart-link-wrapper{ height: 60px; line-height: 60px !important; } /** * Responsive Menu * ---------------------------------------------------------------------------- */ @media (max-width: 768px){ /* Header Section *********************/ #stickable-header{ height:auto !important; } .masthead-header-stickyOnScroll{ position: relative !important; } .sticky-wrapper .header-inner{ top:0px; } /* Navigation *********************/ .main-navigation { clear: both; } .headercontent .headerlogo img { height: auto; max-width: 100%; } #navbar #site-navigation div.nav-menu > ul, #navbar #site-navigation .mega-menu-wrap .mega-menu{ background-color: #ffffff; } #navbar #site-navigation div.nav-menu > ul, #navbar #site-navigation .mega-menu-wrap .mega-menu{ background-color: #000000; } .headerlogo, #navbar #site-navigation div.mega-menu-wrap, .menu-main-menu-container, #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li.mega-menu-flyout ul.mega-sub-menu, #navbar { float: none; } .menu-toggle { display: block; text-align: center; cursor: pointer; padding: 0px; margin: 0px; position: absolute; top: 50%; left: 0px; padding-right: 0px; margin-top: -15px; } .thememount-header-style-3 .menu-toggle { left: 20px; } #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li.mega-menu-item li.mega-menu-item-has-children > a:after, #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li.mega-menu-item > a:after, .menu-toggle span{ display: none; } /*Responsive Menu*/ .righticon{ position: absolute; right: 0px; z-index: 33; top: 24px; } .righticon i{ font-size:20px; cursor:pointer; display:block; line-height: 0px; } #navbar #site-navigation div.nav-menu > ul{ display: none; } /* Default menu box *********************/ #navbar #site-navigation .mega-menu-wrap .mega-menu.mega-menu-horizontal > li.mega-menu-item > a.mega-menu-link { background: transparent; } #navbar #site-navigation .mega-menu-wrap .mega-menu.mega-menu-horizontal, #navbar #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 #449edd; } #navbar #site-navigation div.nav-menu > ul{ float: none; overflow: hidden; max-height: 0px; position: absolute; left: 0px; z-index: 1; margin:0px; width: 100%; } #navbar #site-navigation div.nav-menu > ul, #navbar #site-navigation div.nav-menu > ul ul { overflow: hidden; max-height: 0px; -webkit-transition: max-height 0.25s ease-out; -moz-transition: max-height 0.25s ease-out; -ms-transition: max-height 0.25s ease-out; -o-transition: max-height 0.25s ease-out; transition: max-height 0.25s ease-out; } #navbar #site-navigation.toggled-on div.nav-menu > ul{ max-height: 400px; overflow: auto; } #navbar #site-navigation div.nav-menu > ul ul ul{ max-height: none; } #navbar #site-navigation div.nav-menu > ul > li{ position: relative; } #navbar #site-navigation.toggled-on div.nav-menu > ul{ display:block; max-height: 300px; overflow: auto; } #navbar #site-navigation.toggled-on div.nav-menu > ul ul.open{ max-height: 1000px; } /* Mega menu box */ #navbar #site-navigation div.mega-menu-wrap{ position: inherit; } #navbar #site-navigation div.mega-menu-wrap .mega-menu-toggle { display: block; position: absolute; left: 15px; width: 30px; background: none; } .thememount-header-style-4 #navbar #site-navigation div.mega-menu-wrap .mega-menu-toggle { left: 15px; } h3.menu-toggle i, #navbar #site-navigation div.mega-menu-wrap .mega-menu-toggle:before { font-size: 30px; margin: 0px; display: none; } h3.menu-toggle span, #navbar #site-navigation div.mega-menu-wrap .mega-menu-toggle span { position: absolute; top: 50%; left: 0; display: block; width: 100%; height: 4px; border-radius: 0px; margin-top: -2px; background-color: #282828; font-size: 0px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } #navbar #site-navigation div.mega-menu-wrap .mega-menu-toggle span{ z-index: -1; } #navbar #site-navigation div.mega-menu-wrap .mega-menu-toggle .mega-toggle-block{ margin-right: 0px; width: 30px; } #navbar #site-navigation div.mega-menu-wrap .mega-menu-toggle .mega-toggle-block:before{ display: none; } h3.menu-toggle{ width: 35px; height: 30px; } h3.menu-toggle span::after, h3.menu-toggle span::before, #navbar #site-navigation div.mega-menu-wrap .mega-menu-toggle span::after, #navbar #site-navigation div.mega-menu-wrap .mega-menu-toggle span::before{ position: absolute; left: 0; width: 100%; height: 100%; background: #282828; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; display: block; } h3.menu-toggle span::before, #navbar #site-navigation div.mega-menu-wrap .mega-menu-toggle span::before { -webkit-transform: translateY(-250%); transform: translateY(-250%); } h3.menu-toggle span::after, #navbar #site-navigation div.mega-menu-wrap .mega-menu-toggle span::after { -webkit-transform: translateY(250%); transform: translateY(250%); top: 0; } .toggled-on h3.menu-toggle span::after, #navbar #site-navigation div.mega-menu-wrap .mega-menu-toggle.mega-menu-open span::after { -webkit-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); } .toggled-on h3.menu-toggle span::before, #navbar #site-navigation div.mega-menu-wrap .mega-menu-toggle.mega-menu-open span::before { -webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg); } .toggled-on h3.menu-toggle span, #navbar #site-navigation div.mega-menu-wrap .mega-menu-toggle.mega-menu-open span { background-color: transparent; } #navbar #site-navigation div.mega-menu-wrap .mega-menu-toggle{ top: 10px; } #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal, #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li.mega-menu-flyout ul.mega-sub-menu{ width: 100%; } #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li.mega-menu-item.mega-toggle-on > a, #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li.mega-menu-item:hover > a, #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a { background: none !important; } #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item{ float: none; } #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li.mega-menu-megamenu > ul.mega-sub-menu > li{ width: 100% !important; padding-bottom: 0px; } #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li.mega-menu-flyout ul.mega-sub-menu{ padding-left:15px; } #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu a { padding-left: 0px; } #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal ul.mega-sub-menu a, #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li ul.mega-sub-menu, #navbar #site-navigation div.nav-menu > ul ul{ background-color: transparent !important; } #navbar #site-navigation div.nav-menu > ul > li a, #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li a{ display: block; padding: 15px 0px; text-decoration: none; line-height: 18px; height: auto; line-height: 18px !important; } #navbar #site-navigation div.nav-menu > ul ul a, .tm-mmmenu-override-yes #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li.mega-menu-item ul.mega-sub-menu li.mega-menu-item a { margin: 0; display: block; padding: 15px 15px 15px 0px; } #navbar #site-navigation div.nav-menu > ul > li li a:before, .tm-mmmenu-override-yes #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li.mega-menu-item li.mega-menu-item 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; } .mega-sub-menu { display: none !important; } .mega-sub-menu.open, #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li .mega-sub-menu .mega-sub-menu { display: block !important; } #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li.mega-menu-megamenu > ul.mega-sub-menu > li { padding: 0px; padding-left: 15px; } .tm-mmmenu-override-yes #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal .mega-sub-menu > li.mega-menu-item > h4.mega-block-title{ margin-top:15px; } .tm-mmmenu-override-yes #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li.mega-menu-item{ position: relative; } #navbar #site-navigation div.nav-menu > ul > li a, .tm-mmmenu-override-yes #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li a{ display: inline-block; } .thememount-header-style-3 #navbar .main-navigation { position: inherit; } .thememount-header-style-3.tm-header-overlay #navbar{ border-top: none; } .thememount-header-style-3 .k_flying_searchform_wrapper{ top: 73px; } .thememount-header-style-3 .header-controls .fa-shopping-cart{ background-color: #449edd; color: #fff; } .site-title{ width: inherit; margin: 0 auto; } /*Defaultmenu*/ .tm-mmmenu-override-yes.tm-mmenu-active-color-skin #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li.mega-menu-item > a:hover, .tm-mmenu-active-color-skin #navbar #site-navigation div.nav-menu > ul > li.current-menu-ancestor > a, .tm-mmenu-active-color-skin #navbar #site-navigation div.nav-menu > ul > li.current_page_item > a, .tm-mmmenu-override-yes.tm-mmenu-active-color-skin #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li.mega-menu-item.mega-current-menu-item > a, .tm-mmmenu-override-yes.tm-mmenu-active-color-skin #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li.mega-menu-item.mega-current-menu-ancestor > a, .tm-mmmenu-override-yes.tm-dmenu-active-color-skin #navbar #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, .tm-mmmenu-override-yes.tm-dmenu-active-color-skin #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li.mega-menu-item ul.mega-sub-menu li.current_page_item > a, .tm-dmenu-active-color-skin #navbar #site-navigation div.nav-menu > ul > li li a:hover, .tm-mmenu-active-color-skin #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal ul.mega-sub-menu a:hover, .tm-dmenu-active-color-skin #navbar #site-navigation div.nav-menu > ul > li li:hover > a, .tm-mmmenu-override-yes.tm-mmenu-active-color-skin #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li.mega-menu-item li:hover > a, .tm-mmmenu-override-yes.tm-dmenu-active-color-skin #navbar #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, .tm-mmmenu-override-yes.tm-dmenu-active-color-skin #navbar #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, .tm-dmenu-active-color-skin #navbar #site-navigation div.nav-menu > ul > li li.current-menu-ancestor > a, .tm-dmenu-active-color-skin #navbar #site-navigation div.nav-menu > ul > li li.current-menu-item > a, .tm-dmenu-active-color-skin #navbar #site-navigation div.nav-menu > ul > li li.current_page_item > a { color: #449edd !important; } .#navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li.mega-menu-item ul.mega-sub-menu{ opacity: 1 !important; } #navbar #site-navigation div.nav-menu > ul > li > a, #navbar #site-navigation .mega-menu-wrap .mega-menu.mega-menu-horizontal > li.mega-menu-item > a, #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal .mega-sub-menu > li.mega-menu-item > h4.mega-block-title, #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal .mega-sub-menu > li.mega-menu-item-type-widget, .righticon i { color: rgba( 109,109,109 , 1) !important; } #navbar #site-navigation div.nav-menu > ul li, #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li { border-bottom: 1px solid rgba( 109,109,109 , 0.15); } #navbar #site-navigation div.nav-menu > ul li li:last-child, #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li:last-child{ border-bottom: none; } /* Dynamic main menu color applying to responsive menu link text */ .menu-toggle i, #navbar #site-navigation div.mega-menu-wrap .mega-menu-toggle:before, .header-controls a{ color: rgba( 255,255,255 , 1) ; } h3.menu-toggle span, h3.menu-toggle span::after, h3.menu-toggle span::before, #navbar #site-navigation div.mega-menu-wrap .mega-menu-toggle span, #navbar #site-navigation div.mega-menu-wrap .mega-menu-toggle span::after, #navbar #site-navigation div.mega-menu-wrap .mega-menu-toggle span::before{ background-color: rgba( 255,255,255 , 1) ; } #navbar #site-navigation div.nav-menu > ul{ padding-right: 15px; padding-left: 15px; } #navbar #site-navigation div.nav-menu > ul ul{ list-style: none; } .header-controls{ position: absolute; top: 0; float: none; right: 0; margin-right: 0px; } .tm-header-invert .menu-toggle, .tm-header-invert .header-controls{ right: inherit; left: 0; } .tm-header-invert .header-controls{ margin-right: 0px; left: 47px; } .thememount-header-style-1.tm-header-invert #navbar, .thememount-header-style-4.tm-header-invert #navbar { float: none; } .thememount-header-style-4.tm-header-overlay #navbar #site-navigation div.mega-menu-wrap .mega-menu-toggle { top: 50%; margin-top: -18px; } .tm-mmmenu-override-yes #navbar .mega-menu-toggle .mega-toggle-block-1:after{ display: none; } } @media (min-width: 768px) { .righticon { display: none; } .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; } /* Mega Menu Section*************************/ #navbar #site-navigation div.mega-menu-wrap{ clear: none; position: inherit; } #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal{ position: static !important; } #navbar #site-navigation .nav-menu-wrapper > ul { margin: 0; padding: 0; } .tm-mmmenu-override-yes #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li > a{ background: none; } .tm-mmmenu-override-yes #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal .mega-sub-menu a { padding-top: 10px; padding-bottom: 10px; } /* End Mega Menu Section *************************/ #navbar #site-navigation div.nav-menu > ul > li, .tm-mmmenu-override-yes #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li.mega-menu-item{ height: 60px; line-height: 60px !important; } #navbar #site-navigation div.nav-menu > ul{ margin: 0px; } #navbar #site-navigation div.nav-menu > ul > li { float: left; position: relative; } #navbar #site-navigation div.nav-menu > ul > li > a, .tm-mmmenu-override-yes #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li.mega-menu-item > a{ display: inline-block; padding: 0px 20px 0px 20px ; text-decoration: none; position: relative; z-index: 1; height: 40px; 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; } .tm-mmmenu-override-yes #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li.mega-menu-item.mega-menu-item-has-children > a{ padding-right: 17px; } #navbar #site-navigation div.nav-menu > ul > li.menu-item-has-children > a{ padding-right: 28px; } .is-sticky #navbar #site-navigation div.nav-menu > ul > li > a, .tm-mmmenu-override-yes .is-sticky #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li.mega-menu-item > a{ color: #202020; } #navbar #site-navigation div.nav-menu > ul > li > a{ display: inline-block; } .tm-dmenu-active-color-skin #navbar #site-navigation div.nav-menu > ul > li.current_page_ancestor:hover > a, .tm-mmmenu-override-yes #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li.mega-menu-item:hover > a, #navbar #site-navigation div.nav-menu > ul > li:hover > a, .tm-mmenu-active-color-skin #navbar #site-navigation div.nav-menu > ul > li.current-menu-ancestor:hover > a, .tm-mmenu-active-color-skin #navbar #site-navigation div.nav-menu > ul > li.current_page_item:hover > a, .tm-mmmenu-override-yes.tm-mmenu-active-color-skin #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li.mega-menu-item.mega-current-menu-item:hover > a, .tm-mmmenu-override-yes.tm-mmenu-active-color-skin #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li.mega-menu-item.mega-current-menu-ancestor:hover > a, .tm-mmenu-active-color-custom #navbar #site-navigation div.nav-menu > ul > li.current-menu-ancestor:hover > a, .tm-mmenu-active-color-custom #navbar #site-navigation div.nav-menu > ul > li.current_page_item:hover > a, .tm-mmenu-active-color-custom #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li.mega-menu-item.mega-current-menu-item:hover > a, .tm-mmenu-active-color-custom #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li.mega-menu-item.mega-current-menu-ancestor:hover > a { color: #fff; } /*Defaultmenu*/ .tm-mmenu-active-color-skin #navbar #site-navigation div.nav-menu > ul > li.current-menu-ancestor > a, .tm-mmenu-active-color-skin #navbar #site-navigation div.nav-menu > ul > li.current_page_item > a, .tm-mmmenu-override-yes.tm-mmenu-active-color-skin #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li.mega-menu-item.mega-current-menu-item > a, .tm-mmmenu-override-yes.tm-mmenu-active-color-skin #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li.mega-menu-item.mega-current-menu-ancestor > a, .tm-mmmenu-override-yes.tm-dmenu-active-color-skin #navbar #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, .tm-mmmenu-override-yes.tm-dmenu-active-color-skin #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li.mega-menu-item ul.mega-sub-menu li.current_page_item > a, .tm-dmenu-active-color-skin #navbar #site-navigation div.nav-menu > ul > li li a:hover, .tm-mmenu-active-color-skin #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal ul.mega-sub-menu a:hover, .tm-dmenu-active-color-skin #navbar #site-navigation div.nav-menu > ul > li li:hover > a, .tm-mmmenu-override-yes.tm-mmenu-active-color-skin #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li.mega-menu-item li:hover > a, .tm-mmmenu-override-yes.tm-dmenu-active-color-skin #navbar #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, .tm-mmmenu-override-yes.tm-dmenu-active-color-skin #navbar #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, .tm-dmenu-active-color-skin #navbar #site-navigation div.nav-menu > ul > li li.current-menu-ancestor > a, .tm-dmenu-active-color-skin #navbar #site-navigation div.nav-menu > ul > li li.current-menu-item > a, .tm-dmenu-active-color-skin #navbar #site-navigation div.nav-menu > ul > li li.current_page_item > a { color: #449edd ; } #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li > a:before, #navbar #site-navigation div.nav-menu > ul > li > a:before { border-radius: 3px; display: block; content: ''; position: absolute !important; left: 50%; top: 0px; margin: 0 auto -2px; height: 40px; width: 0%; z-index: -1; opacity: 0; 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; } #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li:hover > a:before, #navbar #site-navigation div.nav-menu > ul > li:hover > a:before { top: 0px; opacity: 1; width: 100%; left: 0; } #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li:hover > a:before, #navbar #site-navigation div.nav-menu > ul > li:hover > a:before{ background-color: #449edd; } #navbar #site-navigation div.nav-menu > ul > li > a, #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li > a{ margin-top: 10px; } /* Sub Navigation Section *********************/ #navbar #site-navigation div.nav-menu > ul li.last ul.sub-menu, #navbar #site-navigation .mega-menu-wrap .mega-menu.mega-menu-horizontal li.mega-menu-flyout.last ul.mega-sub-menu, #navbar #site-navigation .mega-menu-wrap .mega-menu.mega-menu-horizontal li.mega-menu-flyout.mega-last ul.mega-sub-menu{ left: auto; right: 0px !important; } #navbar #site-navigation div.nav-menu > ul li.last ul.sub-menu ul.sub-menu, #navbar #site-navigation div.nav-menu > ul li.lastsecond ul.sub-menu ul.sub-menu, #navbar #site-navigation .mega-menu-wrap .mega-menu.mega-menu-horizontal li.mega-menu-flyout.lastsecond ul.mega-sub-menu ul.mega-sub-menu, #navbar #site-navigation .mega-menu-wrap .mega-menu.mega-menu-horizontal li.mega-menu-flyout.last ul.mega-sub-menu ul.mega-sub-menu, #navbar #site-navigation .mega-menu-wrap .mega-menu.mega-menu-horizontal li.mega-menu-flyout.mega-last ul.mega-sub-menu ul.mega-sub-menu{ left: -100%; } #navbar #site-navigation div.nav-menu > ul ul, #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li.mega-menu-flyout ul.mega-sub-menu { width: 230px; } #navbar #site-navigation div.nav-menu > ul ul a, .tm-mmmenu-override-yes #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li.mega-menu-item ul.mega-sub-menu li.mega-menu-item a{ margin: 0; display: block; padding: 15px 15px; } .tm-mmmenu-override-yes #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-menu-item a{ padding: 15px 0px 15px 0px; } .tm-mmmenu-override-yes #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item{ padding: 0px 15px 0px 15px; } .tm-mmmenu-override-yes #navbar #site-navigation .mega-menu-wrap .mega-menu.mega-menu-horizontal .mega-sub-menu > li.mega-menu-item > h4.mega-block-title{ margin-top:22px; } #navbar #site-navigation div.nav-menu > ul li:hover > ul { opacity: 1; display: block; visibility: visible; height: auto; } #navbar #site-navigation div.nav-menu > ul li > ul ul { border-left: 0; left: 100%; top: 0; border-top: 0; } #navbar #site-navigation ul ul li { position: relative; } #navbar #site-navigation div.nav-menu > ul ul { position: absolute; visibility: hidden; display: block; opacity: 0; line-height: 14px; padding: 0; 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; } #navbar #site-navigation div.nav-menu > ul ul, #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal ul.mega-sub-menu { border-radius: 0; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu{ -webkit-box-shadow: none; box-shadow: none; } #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li ul.mega-sub-menu, #navbar #site-navigation div.nav-menu > ul ul { border-top: 3px solid #449edd; } #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li ul.mega-sub-menu ul.mega-sub-menu, #navbar #site-navigation div.nav-menu > ul ul ul { border-top: none; } #navbar #site-navigation div.nav-menu > ul > li ul a:before, .tm-mmmenu-override-yes #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li ul 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; position: static; } #navbar #site-navigation div.nav-menu > ul > li.menu-item-has-children > a:after{ font-family: FontAwesome; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: 6px; content: '\f107'; position: absolute; background-color: transparent; right: 11px; top: 13px; } #navbar #site-navigation div.nav-menu > ul > li ul li.menu-item-has-children > a:after{ font-family: FontAwesome; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: 6px; content: '\f105'; position: absolute; background-color: transparent; right: 10px; top: 20px; } .tm-mmmenu-override-yes.tm-dmenu-sep-grey #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title{ padding: 0px 0px 5px 0px; } /* Dropdown Seprator *********************/ /* Greay sep*/ .tm-dmenu-sep-grey #navbar #site-navigation div.nav-menu ul ul li a, .tm-mmmenu-override-yes.tm-dmenu-sep-grey #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal ul.mega-sub-menu a{ border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .tm-mmmenu-override-yes.tm-dmenu-sep-grey #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal ul.mega-sub-menu li{ border-bottom: none; } .tm-dmenu-sep-white #navbar #site-navigation div.nav-menu ul ul li a, .tm-mmmenu-override-yes.tm-dmenu-sep-white #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal ul.mega-sub-menu a { border-bottom: 1px solid rgba(255, 255, 255, 0.08); } /* Sticky Header Height *********************/ .is-sticky .headerlogo, .is-sticky .search_box, .is-sticky .thememount-header-cart-link-wrapper, .is-sticky #navbar #site-navigation div.nav-menu > ul > li, .tm-mmmenu-override-yes .is-sticky #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li{ height: 60px ; line-height: 60px !important; } .is-sticky #navbar #site-navigation div.nav-menu > ul > li > a, .tm-mmmenu-override-yes .is-sticky #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li.mega-menu-item > a{ margin-top: 10px; } /* Sub Navigation menu *********************/ #navbar #site-navigation div.nav-menu > ul ul, .tm-mmmenu-override-yes #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li > ul.mega-sub-menu{ top: 60px; } /* Sticky Sub Navigation menu *********************/ .is-sticky #navbar #site-navigation div.nav-menu > ul > li > ul, .tm-mmmenu-override-yes .is-sticky #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li > ul.mega-sub-menu{ top: 60px; } /* Header height *********************/ .tm-mmmenu-override-yes #navbar #site-navigation div.mega-menu-wrap .mega-menu-toggle + label{ top: 30px; } .is-sticky .k_flying_searchform_wrapper{ top: 60px; } /* thememount-header-style-2 *********************/ .thememount-header-style-2 #navbar #site-navigation div.nav-menu > ul, .thememount-header-style-2 .tm-mmmenu-override-yes #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal, .thememount-header-style-3 #navbar #site-navigation div.nav-menu > ul, .thememount-header-style-3 .tm-mmmenu-override-yes #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal{ text-align: center; } .thememount-header-style-2 #navbar #site-navigation div.nav-menu > ul ul, .thememount-header-style-2 .tm-mmmenu-override-yes #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal ul, .thememount-header-style-3 #navbar #site-navigation div.nav-menu > ul ul, .thememount-header-style-3 .tm-mmmenu-override-yes #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal ul{ text-align: left; } .thememount-header-style-2 #navbar #site-navigation div.nav-menu > ul > li, .thememount-header-style-3 #navbar #site-navigation div.nav-menu > ul > li { float: none; display: inline-block; } .thememount-header-style-2 #stickable-header .headerlogo { text-align: center; position: absolute; width: 100%; } .thememount-header-style-2 #navbar #site-navigation div.nav-menu > ul > li.logo-after-this, .thememount-header-style-2 #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li.mega-logo-after-this{ margin-right: 340px; } .thememount-header-style-2 h1.site-title, .thememount-header-style-2 span.site-title { width: 340px; margin: 0 auto; } .thememount-header-style-2 #navbar #site-navigation div.nav-menu > ul > li:first-child, .thememount-header-style-2 #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li:first-child{ margin-left: -40px; } .thememount-header-style-2 #navbar, .thememount-header-style-2 #navbar #site-navigation div.mega-menu-wrap{ float: none; } .header-controls{ padding-left: 10px; } .thememount-header-style-2 .header-controls, .thememount-header-style-3 .header-controls { float: none; position: absolute; right: 0; } .thememount-header-style-3 .header-controls{ z-index: 1; } .thememount-header-style-3 .is-sticky .k_flying_searchform_wrapper{ top: 70px; } .thememount-header-style-3.thememount-boxed .is-sticky #navbar{ width: 1200px; } .thememount-header-style-3 .is-sticky #navbar{ width: 100%; } /* thememount-header-style-3 *********************/ .thememount-header-style-3 #navbar, .thememount-header-style-3 #navbar #site-navigation .mega-menu-wrap, .thememount-header-style-3 .menu-main-menu-container, .thememount-header-style-3 div.nav-menu, .thememount-header-style-2 div.nav-menu{ float: none; } .thememount-header-style-3 .search_box, .thememount-header-style-3 .thememount-header-cart-link-wrapper, .thememount-header-style-3 #navbar #site-navigation div.nav-menu > ul > li, .thememount-header-style-3 .tm-mmmenu-override-yes #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li.mega-menu-item, .thememount-header-style-3 .is-sticky #navbar #site-navigation div.nav-menu > ul > li, .thememount-header-style-3 .tm-mmmenu-override-yes .is-sticky #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li{ height: 55px; line-height: 55px !important; } .thememount-header-style-3 #navbar #site-navigation div.nav-menu > ul > li > a, .thememount-header-style-3 .tm-mmmenu-override-yes #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li > a, .thememount-header-style-3 .is-sticky #navbar #site-navigation div.nav-menu > ul > li > a, .thememount-header-style-3 .tm-mmmenu-override-yes .is-sticky #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li.mega-menu-item > a{ margin-top:0px; } .thememount-header-style-3 #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li > a{ height: auto; } .thememount-header-style-3 #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li ul.mega-sub-menu, .thememount-header-style-3 #navbar #site-navigation div.nav-menu > ul ul{ border-top: 0px; } .thememount-header-style-3.tm-header-overlay #stickable-header #navbar { border-top: 1px solid rgba(0, 0, 0, 0.09); } .thememount-header-style-3.tm-header-overlay #stickable-header.tm-dark-header #navbar{ border-top: 1px solid rgba(255, 255, 255, 0.2); } /* Dynamic main menu color applying to responsive menu link text */ .thememount-header-style-3 #navbar { position: relative; } .thememount-header-style-3 .site-title{ display:inline-block; height:auto; width:auto; } .thememount-header-style-3 #navbar #site-navigation div.nav-menu > ul ul, .thememount-header-style-3 .tm-mmmenu-override-yes #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > li > ul.mega-sub-menu, .thememount-header-style-3 .is-sticky #navbar #site-navigation div.nav-menu > ul ul, .thememount-header-style-3 .tm-mmmenu-override-yes .is-sticky #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal > ul.mega-sub-menu { top: inherit; } .thememount-header-style-3 #navbar #site-navigation div.nav-menu > ul ul ul, .thememount-header-style-3 .is-sticky #navbar #site-navigation div.nav-menu > ul ul ul{ top: 0; } .thememount-header-style-3 #stickable-header .headerlogo{ float:none; text-align:center; width:100%; display:block; position: relative; z-index: 10; } .thememount-header-style-3 #navbar{ background-color: #f5f5f5; } .thememount-header-style-3 .is-sticky #navbar{ box-shadow: 0 1px 5px rgba(0,0,0,0.2); -khtml-box-shadow: 0 1px 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.2); -ms-box-shadow: 0 1px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 1px 5px rgba(0,0,0,0.2); } #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li.mega-menu-flyout .mega-sub-menu li:last-child > a, #navbar #site-navigation div.mega-menu-wrap ul.mega-menu.mega-menu-horizontal li.mega-menu-megamenu .mega-sub-menu li.mega-menu-item li:last-child a { border-bottom: none; } } /* ********************** Responsive Menu Code END **************************** */ /******************************************************/ /******************* Custom Code **********************/ /******************************************************/