.ets_mm_megamenu .mm_menus_li h4, .ets_mm_megamenu .mm_menus_li h5, .ets_mm_megamenu .mm_menus_li h6, .ets_mm_megamenu .mm_menus_li h1, .ets_mm_megamenu .mm_menus_li h2, .ets_mm_megamenu .mm_menus_li h3, .ets_mm_megamenu .mm_menus_li h4 *:not(i), .ets_mm_megamenu .mm_menus_li h5 *:not(i), .ets_mm_megamenu .mm_menus_li h6 *:not(i), .ets_mm_megamenu .mm_menus_li h1 *:not(i), .ets_mm_megamenu .mm_menus_li h2 *:not(i), .ets_mm_megamenu .mm_menus_li h3 *:not(i), .ets_mm_megamenu .mm_menus_li > a{ font-family: font1; } .ets_mm_megamenu *{ font-family: font2; } @media (min-width: 768px){ /*layout 1*/ .ets_mm_megamenu.layout_layout1{ background-color: l1_color1; } #header .layout_layout1 .mm_menus_li > a{color: l1_color2} .layout_layout1 .mm_menus_li:hover > a, .layout_layout1 .mm_menus_li.active > a, #header .layout_layout1 .mm_menus_li:hover > a, #header .layout_layout1 .mm_menus_li.active > a{color: l1_color3;} .layout_layout1 .mm_menus_li > a:before{background-color: l1_color3;} .layout_layout1 .mm_menus_li:hover > a, #header .layout_layout1 .mm_menus_li:hover > a{ background-color: l1_color4; } .layout_layout1.ets_mm_megamenu .mm_columns_ul{ background-color: l1_color5; } #header .layout_layout1 .ets_mm_block_content a, #header .layout_layout1 .ets_mm_block_content p{ color: l1_color6; } .layout_layout1 .mm_columns_ul h1, .layout_layout1 .mm_columns_ul h2, .layout_layout1 .mm_columns_ul h3, .layout_layout1 .mm_columns_ul h4, .layout_layout1 .mm_columns_ul h5, .layout_layout1 .mm_columns_ul h6, .layout_layout1 .mm_columns_ul .h1, .layout_layout1 .mm_columns_ul .h2, .layout_layout1 .mm_columns_ul .h3, .layout_layout1 .mm_columns_ul .h4, .layout_layout1 .mm_columns_ul .h5, .layout_layout1 .mm_columns_ul .h6{ color: l1_color8; } .layout_layout1 li:hover > a, .layout_layout1 li > a:hover, #header .layout_layout1 .mm_block_type_html .ets_mm_block_content a:hover, #header .layout_layout1 li:hover > a, #header .layout_layout1 .mm_columns_ul .mm_block_type_product .product-title > a:hover, #header .layout_layout1 li > a:hover{color: l1_color7;} /*end layout 1*/ /*layout 2*/ .ets_mm_megamenu.layout_layout2{ background-color: l2_color1; } #header .layout_layout2 .mm_menus_li > a{color: l2_color2} .layout_layout2 .mm_menus_li:hover > a, .layout_layout2 .mm_menus_li.active > a, #header .layout_layout2 .mm_menus_li:hover > a, #header .layout_layout2 .mm_menus_li.active > a{color: l2_color3;} .layout_layout2 .mm_menus_li:hover > a, #header .layout_layout2 .mm_menus_li:hover > a{ background-color: l2_color4; } .layout_layout2.ets_mm_megamenu .mm_columns_ul{ background-color: l2_color5; } #header .layout_layout2 .ets_mm_block_content a, #header .layout_layout2 .ets_mm_block_content p{ color: l2_color6; } .layout_layout2 .mm_columns_ul h1, .layout_layout2 .mm_columns_ul h2, .layout_layout2 .mm_columns_ul h3, .layout_layout2 .mm_columns_ul h4, .layout_layout2 .mm_columns_ul h5, .layout_layout2 .mm_columns_ul h6, .layout_layout2 .mm_columns_ul .h1, .layout_layout2 .mm_columns_ul .h2, .layout_layout2 .mm_columns_ul .h3, .layout_layout2 .mm_columns_ul .h4, .layout_layout2 .mm_columns_ul .h5, .layout_layout2 .mm_columns_ul .h6{ color: l2_color8; } .layout_layout2 li:hover > a, .layout_layout2 li > a:hover, #header .layout_layout2 li:hover > a, #header .layout_layout2 .mm_columns_ul .mm_block_type_product .product-title > a:hover, #header .layout_layout2 li > a:hover{color: l2_color7;} /*layout 3*/ .ets_mm_megamenu.layout_layout3{ background-color: l3_color1; } #header .layout_layout3 .mm_menus_li > a{color: l3_color2} .layout_layout3 .mm_menus_li:hover > a, .layout_layout3 .mm_menus_li.active > a, #header .layout_layout3 .mm_menus_li:hover > a, #header .layout_layout3 .mm_menus_li.active > a{color: l3_color3;} .layout_layout3 .mm_menus_li:hover > a, #header .layout_layout3 .mm_menus_li:hover > a{ background-color: l3_color4; } .layout_layout3.ets_mm_megamenu .mm_columns_ul{ background-color: l3_color5; border-color: l3_color5; } #header .layout_layout3 .ets_mm_block_content a, #header .layout_layout3 .ets_mm_block_content p{ color: l3_color6; } .layout_layout3 .mm_columns_ul h1, .layout_layout3 .mm_columns_ul h2, .layout_layout3 .mm_columns_ul h3, .layout_layout3 .mm_columns_ul h4, .layout_layout3 .mm_columns_ul h5, .layout_layout3 .mm_columns_ul h6, .layout_layout3 .mm_columns_ul .h1, .layout_layout3 .mm_columns_ul .h2, .layout_layout3 .mm_columns_ul .h3, .layout_layout3 .mm_columns_ul .h4, .layout_layout3 .mm_columns_ul .h5, .layout_layout3 .mm_columns_ul .h6{ color: l3_color8; } .layout_layout3 li:hover > a, .layout_layout3 li > a:hover, #header .layout_layout3 li:hover > a, #header .layout_layout3 .mm_columns_ul .mm_block_type_product .product-title > a:hover, #header .layout_layout3 li > a:hover, .layout_layout3 .has-sub .ets_mm_categories li > a:hover, #header .layout_layout3 .has-sub .ets_mm_categories li > a:hover{color: l3_color7;} /*layout 4*/ .ets_mm_megamenu.layout_layout4{ background-color: l4_color1; } #header .layout_layout4 .mm_menus_li > a{color: l4_color2} .layout_layout4 .mm_menus_li:hover > a, .layout_layout4 .mm_menus_li.active > a, #header .layout_layout4 .mm_menus_li:hover > a, #header .layout_layout4 .mm_menus_li.active > a{color: l4_color3;} .layout_layout4 .mm_menus_li:hover > a, .layout_layout4 .mm_menus_li.active > a, .layout_layout4 .mm_menus_li:hover > span, .layout_layout4 .mm_menus_li.active > span, #header .layout_layout4 .mm_menus_li:hover > a, #header .layout_layout4 .mm_menus_li.active > a, #header .layout_layout4 .mm_menus_li:hover > span, #header .layout_layout4 .mm_menus_li.active > span{ background-color: l4_color4; } .layout_layout4 .ets_mm_megamenu_content { border-bottom-color: l4_color4; } .layout_layout4.ets_mm_megamenu .mm_columns_ul{ background-color: l4_color5; } #header .layout_layout4 .ets_mm_block_content a, #header .layout_layout4 .ets_mm_block_content p{ color: l4_color6; } .layout_layout4 .mm_columns_ul h1, .layout_layout4 .mm_columns_ul h2, .layout_layout4 .mm_columns_ul h3, .layout_layout4 .mm_columns_ul h4, .layout_layout4 .mm_columns_ul h5, .layout_layout4 .mm_columns_ul h6, .layout_layout4 .mm_columns_ul .h1, .layout_layout4 .mm_columns_ul .h2, .layout_layout4 .mm_columns_ul .h3, .layout_layout4 .mm_columns_ul .h4, .layout_layout4 .mm_columns_ul .h5, .layout_layout4 .mm_columns_ul .h6{ color: l4_color8; } .layout_layout4 li:hover > a, .layout_layout4 li > a:hover, #header .layout_layout4 li:hover > a, #header .layout_layout4 .mm_columns_ul .mm_block_type_product .product-title > a:hover, #header .layout_layout4 li > a:hover{color: l4_color7;} /* end layout 4*/ /* Layout 5*/ .ets_mm_megamenu.layout_layout5{ background-color: l5_color1; } #header .layout_layout5 .mm_menus_li > a{color: l5_color2} .layout_layout5 .mm_menus_li:hover > a, .layout_layout5 .mm_menus_li.active > a, #header .layout_layout5 .mm_menus_li:hover > a, #header .layout_layout5 .mm_menus_li.active > a{color: l5_color3;} .layout_layout5 .mm_menus_li > a:before{background-color: l5_color3;} .layout_layout5 .mm_menus_li:hover > a, #header .layout_layout5 .mm_menus_li:hover > a{ background-color: l5_color4; } .layout_layout5.ets_mm_megamenu .mm_columns_ul{ background-color: l5_color5; } #header .layout_layout5 .ets_mm_block_content a, #header .layout_layout5 .ets_mm_block_content p{ color: l5_color6; } .layout_layout5 .mm_columns_ul h1, .layout_layout5 .mm_columns_ul h2, .layout_layout5 .mm_columns_ul h3, .layout_layout5 .mm_columns_ul h4, .layout_layout5 .mm_columns_ul h5, .layout_layout5 .mm_columns_ul h6, .layout_layout5 .mm_columns_ul .h1, .layout_layout5 .mm_columns_ul .h2, .layout_layout5 .mm_columns_ul .h3, .layout_layout5 .mm_columns_ul .h4, .layout_layout5 .mm_columns_ul .h5, .layout_layout5 .mm_columns_ul .h6{ color: l5_color8; } .layout_layout5 li:hover > a, .layout_layout5 li > a:hover, #header .layout_layout5 li:hover > a, #header .layout_layout5 .mm_columns_ul .mm_block_type_product .product-title > a:hover, #header .layout_layout5 li > a:hover{color: l5_color7;} /*end layout 5*/ }