/* * name Haven * version 1.4 * description Responsive and customizable Joomla!3 template * demo http://demo.favthemes.com/haven/ * author FavThemes * author URL http://www.favthemes.com * copyright Copyright (C) 2012-2016 FavThemes.com. All Rights Reserved. * license Licensed under GNU/GPLv3 (http://www.gnu.org/licenses/gpl-3.0.html) */ /* ////////////////////////////////////////////////////////////////////// 1. layout 1.1. reset 1.2. header 1.3. navigation 1.4. module positions 1.5. fonts 1.6. titles 1.7. buttons 1.8. variations 1.9. custom pages 1.10. typography 1.11. joomla 1.12. hikashop 2. colors 2.1. reset 2.2. header 2.3. navigation 2.4. module positions 2.5. fonts 2.6. titles 2.7. buttons 2.8. variations 2.9. custom pages 2.10. typography 2.11. joomla 2.12. hikashop 3. extensions 3.1. favcontent 3.2. favteam 3.3. favshowcase 3.4. favportfolio 3.5. favfeatures 3.6. favslider 3.7. favpromote 3.8. favimagehover 3.9. favglyph 3.10. faveffects 3.11. favsocial ////////////////////////////////////////////////////////////////////// */ /* style CSS */ /* ////////////////////////////////////////////////////////////////////// /// 1. layout ////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////// 1.1. reset ////////////////////////////////////////////////// */ /* maximum width */ .row-fluid { max-width: 1160px; } /* ////////////////////////////////////////////////// 1.2. header ////////////////////////////////////////////////// */ #fav-headerwrap, #fav-headerwrap.fav-fixed { padding-top: 0px; padding-bottom: 0px; z-index: 999; } /*/// tablet ///*/ @media (min-width: 769px) and (max-width: 1200px) { #fav-container.fav-fixed.navstyle-icon-horizontal { margin-top: 108px; } #fav-container.fav-fixed.navstyle-icon-vertical { margin-top: 128px; } } /*/ /// /// logo /// /*/ .default-logo { margin-top: 30px; } @media (min-width: 768px) and (max-width: 1200px) { .default-logo { margin-top: 24px; } } /* ////////////////////////////////////////////////// 1.3. navigation ////////////////////////////////////////////////// */ .favnav .navigation .nav a, .favnav .navigation .nav > li > a, .favnav .navigation .nav span.nav-header, .favnav .navigation .nav > li > span.nav-header, .favnav .navigation ul.nav li span.nav-header { font-size: 17px; } /* submenu */ .favnav .navigation ul.nav-child a, .favnav .navigation ul.nav-child span.nav-header { font-size: 16px; padding-left: 16px !important; padding-right: 16px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; } .favnav .navigation ul.nav-child { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .favnav ul.nav ul.nav-child li > ul { margin: -48px 0 0 220px; padding: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* navigation arrows */ .favnav .navigation .nav-child li > ul:before { top: 17px; } .favnav .navigation .nav-child li > ul:after { top: 18px; } /* /// mobile */ @media (max-width: 768px) { #fav-navbar-btn a.btn.btn-navbar { box-shadow: none !important; background-color: transparent !important; background-image: none !important; margin-top: 6px; } #fav-navbar-btn a.btn.btn-navbar:hover, #fav-navbar-btn a.btn.btn-navbar:focus { background-image: none; } } @media (max-width: 320px) { div.navbar-inverse #fav-navbar-btn a.btn.btn-navbar { border-top: 1px solid #333 !important; } #fav-navbar div.navbar #fav-mobilemenutext, #fav-navbar div.navbar-inverse #fav-mobilemenutext { top: 13px; } } /*/ /// /// nav style /// /*/ /* /// default */ /* layout */ .favnav.navstyle .navigation .nav a, .favnav.navstyle .navigation .nav > li > a, .favnav.navstyle .navigation .nav span.nav-header, .favnav.navstyle .navigation .nav > li > span.nav-header, .favnav.navstyle .navigation ul.nav li span.nav-header { margin: 20px 2px 21px 0px; padding: 14px 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* vertical */ .favnav.navstyle.navstyle-icon-vertical .navigation .nav a, .favnav.navstyle.navstyle-icon-vertical .navigation .nav > li > a, .favnav.navstyle.navstyle-icon-vertical .navigation .nav span.nav-header, .favnav.navstyle.navstyle-icon-vertical .navigation .nav > li > span.nav-header, .favnav.navstyle.navstyle-icon-vertical .navigation ul.nav li span.nav-header { margin-top: 11px; margin-bottom: 11px; padding-top: 10px; padding-bottom: 10px; } /* /// style 1 */ /* layout */ .favnav.navstyle-1 .navigation .nav a, .favnav.navstyle-1 .navigation .nav > li > a, .favnav.navstyle-1 .navigation .nav span.nav-header, .favnav.navstyle-1 .navigation .nav > li > span.nav-header, .favnav.navstyle-1 .navigation ul.nav li span.nav-header { margin: 20px 2px 21px 0px; padding: 14px 15px; } /* vertical */ .favnav.navstyle-1.navstyle-icon-vertical .navigation .nav a, .favnav.navstyle-1.navstyle-icon-vertical .navigation .nav > li > a, .favnav.navstyle-1.navstyle-icon-vertical .navigation .nav span.nav-header, .favnav.navstyle-1.navstyle-icon-vertical .navigation .nav > li > span.nav-header, .favnav.navstyle-1.navstyle-icon-vertical .navigation ul.nav li span.nav-header { margin-top: 11px; margin-bottom: 11px; padding-top: 10px; padding-bottom: 10px; } /* /// style 2 */ /* layout */ .favnav.navstyle-2 .navigation .nav a, .favnav.navstyle-2 .navigation .nav > li > a, .favnav.navstyle-2 .navigation .nav span.nav-header, .favnav.navstyle-2 .navigation .nav > li > span.nav-header, .favnav.navstyle-2 .navigation ul.nav li span.nav-header { margin: 20px 2px 21px 0px; padding: 14px 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* vertical */ .favnav.navstyle-2.navstyle-icon-vertical .navigation .nav a, .favnav.navstyle-2.navstyle-icon-vertical .navigation .nav > li > a, .favnav.navstyle-2.navstyle-icon-vertical .navigation .nav span.nav-header, .favnav.navstyle-2.navstyle-icon-vertical .navigation .nav > li > span.nav-header, .favnav.navstyle-2.navstyle-icon-vertical .navigation ul.nav li span.nav-header { margin-top: 11px; margin-bottom: 11px; padding-top: 10px; padding-bottom: 10px; } /* /// style 3 */ /* layout */ .favnav.navstyle-3 .navigation .nav a, .favnav.navstyle-3 .navigation .nav > li > a, .favnav.navstyle-3 .navigation .nav span.nav-header, .favnav.navstyle-3 .navigation .nav > li > span.nav-header, .favnav.navstyle-3 .navigation ul.nav li span.nav-header { border: 2px solid transparent; margin: 19px 2px 20px 0px; padding: 13px 11px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* vertical */ .favnav.navstyle-3.navstyle-icon-vertical .navigation .nav a, .favnav.navstyle-3.navstyle-icon-vertical .navigation .nav > li > a, .favnav.navstyle-3.navstyle-icon-vertical .navigation .nav span.nav-header, .favnav.navstyle-3.navstyle-icon-vertical .navigation .nav > li > span.nav-header, .favnav.navstyle-3.navstyle-icon-vertical .navigation ul.nav li span.nav-header { margin-top: 11px; margin-bottom: 11px; padding-top: 8px; padding-bottom: 8px; } /* /// style 4 */ /* layout */ .favnav.navstyle-4 .navigation .nav a, .favnav.navstyle-4 .navigation .nav > li > a, .favnav.navstyle-4 .navigation .nav span.nav-header, .favnav.navstyle-4 .navigation .nav > li > span.nav-header, .favnav.navstyle-4 .navigation ul.nav li span.nav-header { margin: 19px 13px 20px 13px; padding: 14px 2px; border-bottom: 2px solid transparent; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /* vertical */ .favnav.navstyle-4.navstyle-icon-vertical .navigation .nav a, .favnav.navstyle-4.navstyle-icon-vertical .navigation .nav > li > a, .favnav.navstyle-4.navstyle-icon-vertical .navigation .nav span.nav-header, .favnav.navstyle-4.navstyle-icon-vertical .navigation .nav > li > span.nav-header, .favnav.navstyle-4.navstyle-icon-vertical .navigation ul.nav li span.nav-header { margin-top: 11px; margin-bottom: 11px; padding-top: 10px; padding-bottom: 8px; } /* /// style 5 */ /* layout */ .favnav.navstyle-5 .navigation .nav a, .favnav.navstyle-5 .navigation .nav > li > a, .favnav.navstyle-5 .navigation .nav span.nav-header, .favnav.navstyle-5 .navigation .nav > li > span.nav-header, .favnav.navstyle-5 .navigation ul.nav li span.nav-header { margin: 0px 1px 0px 0px; padding: 33px 15px 34px; border-top: 2px solid transparent; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /* vertical */ .favnav.navstyle-5.navstyle-icon-vertical .navigation .nav a, .favnav.navstyle-5.navstyle-icon-vertical .navigation .nav > li > a, .favnav.navstyle-5.navstyle-icon-vertical .navigation .nav span.nav-header, .favnav.navstyle-5.navstyle-icon-vertical .navigation .nav > li > span.nav-header, .favnav.navstyle-5.navstyle-icon-vertical .navigation ul.nav li span.nav-header { margin-top: 0; margin-bottom: 0; padding-top: 19px; padding-bottom: 21px; } /* /// style 6 */ /* layout */ .favnav.navstyle-6 .navigation .nav a, .favnav.navstyle-6 .navigation .nav > li > a, .favnav.navstyle-6 .navigation .nav span.nav-header, .favnav.navstyle-6 .navigation .nav > li > span.nav-header, .favnav.navstyle-6 .navigation ul.nav li span.nav-header { margin: 18px 1px 19px 0px; padding: 14px 14px; border-top: 2px solid transparent; border-bottom: 2px solid transparent; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /* vertical */ .favnav.navstyle-6.navstyle-icon-vertical .navigation .nav a, .favnav.navstyle-6.navstyle-icon-vertical .navigation .nav > li > a, .favnav.navstyle-6.navstyle-icon-vertical .navigation .nav span.nav-header, .favnav.navstyle-6.navstyle-icon-vertical .navigation .nav > li > span.nav-header, .favnav.navstyle-6.navstyle-icon-vertical .navigation ul.nav li span.nav-header { margin-top: 9px; margin-bottom: 9px; padding-top: 10px; padding-bottom: 10px; } /*/// tablet ///*/ @media (max-width: 1200px) { .favnav.navstyle-6.navstyle-icon-vertical .navigation .nav a, .favnav.navstyle-6.navstyle-icon-vertical .navigation .nav > li > a, .favnav.navstyle-6.navstyle-icon-vertical .navigation .nav span.nav-header, .favnav.navstyle-6.navstyle-icon-vertical .navigation .nav > li > span.nav-header, .favnav.navstyle-6.navstyle-icon-vertical .navigation ul.nav li span.nav-header { padding-top: 8px !important; padding-bottom: 8px !important; } } /* /// style 7 */ /* layout */ .favnav.navstyle-7 .navigation .nav a, .favnav.navstyle-7 .navigation .nav > li > a, .favnav.navstyle-7 .navigation .nav span.nav-header, .favnav.navstyle-7 .navigation .nav > li > span.nav-header, .favnav.navstyle-7 .navigation ul.nav li span.nav-header { margin: 20px 2px 21px 0px; padding: 14px 12px; border-left: 2px solid transparent; border-right: 2px solid transparent; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /* vertical */ .favnav.navstyle-7.navstyle-icon-vertical .navigation .nav a, .favnav.navstyle-7.navstyle-icon-vertical .navigation .nav > li > a, .favnav.navstyle-7.navstyle-icon-vertical .navigation .nav span.nav-header, .favnav.navstyle-7.navstyle-icon-vertical .navigation .nav > li > span.nav-header, .favnav.navstyle-7.navstyle-icon-vertical .navigation ul.nav li span.nav-header { margin-top: 13px; margin-bottom: 13px; padding-top: 8px; padding-bottom: 8px; } /*/ /// /// basic menu /// /*/ ul.menubasic, ul.menubasic li a, ul.menubasic li span.nav-header { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* ////////////////////////////////////////////////// 1.4. module positions ////////////////////////////////////////////////// */ /*/ /// /// slide /// /*/ #fav-slidewrap.container-fluid { padding-right: 0px !important; padding-left: 0px !important; } #fav-slidewrap .row-fluid { max-width: 100%; } #fav-slide { padding: 0px; } #fav-slide .moduletable { margin: 0; } @media (min-width: 1200px) { #fav-container.fav-fixed #fav-slidewrap { margin-top: -83px; } } @media (min-width: 769px) and (max-width: 1200px) { #fav-container.fav-fixed.navstyle-icon-horizontal #fav-slidewrap { margin-top: -108px; } #fav-container.fav-fixed.navstyle-icon-vertical #fav-slidewrap { margin-top: -133px; } } @media (max-width: 768px) { #fav-slidewrap { margin-top: 0px; } } /*/ /// /// focus /// /*/ #fav-focus .moduletable h3 { border-bottom: 1px solid #fff !important; } /*/ /// /// backtop /// /*/ a.backtop i { padding: 0.3em 0.54em 0.4em; } /*/ /// /// component style color /// /*/ /* /// titles */ #fav-mainwrap.component-color .moduletable h3, #fav-mainwrap.component-color .page-header h2, #fav-mainwrap.component-color h2.item-title, #fav-mainwrap.component-color .componentheading, #fav-mainwrap.component-color div.tag-category h2, #fav-mainwrap.component-color #member-profile legend, #fav-mainwrap.component-color #hikashop_product_top_part h1, #fav-mainwrap.component-color #hikashop_checkout_page h1, #fav-mainwrap.component-color #hikashop_checkout_login_left_part h2, #fav-mainwrap.component-color #hikashop_checkout_login_right_part h2, #fav-mainwrap.component-color #hikashop_checkout_login_right_part h3, #fav-mainwrap.component-color #hikashop_checkout_page fieldset legend, #fav-mainwrap.component-color #hikashop_cpanel_title h1, #fav-mainwrap.component-color #hikashop_carts_listing .header h1, #fav-mainwrap.component-color #hikashop_affiliate_main .header h1, #fav-mainwrap.component-color #hikashop_address_listing .header h1, #fav-mainwrap.component-color #hikashop_order_listing .header h1, #fav-mainwrap.component-color #hikashop_order_main fieldset h1 { border-bottom: 1px solid rgba(17, 17, 17, 0.47) !important; } /* /// tags */ #fav-mainwrap.component-color div.tag-category ul.thumbnails h3 a { background-color: rgba(17, 17, 17, 0.47); color: #fff; } #fav-mainwrap.component-color div.tag-category ul.thumbnails h3 a:hover, #fav-mainwrap.component-color div.tag-category ul.thumbnails h3 a:focus { background-color: #222; color: #fff; } #fav-mainwrap.component-color ul.tags li a, #fav-mainwrap.component-color .label-info[href], #fav-mainwrap.component-color .badge-info[href] { border: 2px solid transparent !important; background-color: rgba(17, 17, 17, 0.47) !important; color: #fff !important; } #fav-mainwrap.component-color ul.tags li a:hover, #fav-mainwrap.component-color ul.tags li a:focus, #fav-mainwrap.component-color .label-info[href]:hover, #fav-mainwrap.component-color .label-info[href]:focus, #fav-mainwrap.component-color .badge-info[href]:hover, #fav-mainwrap.component-color .badge-info[href]:focus { background-color: #222 !important; color: #fff !important; } /* /// buttons */ #fav-mainwrap.component-color .btn, #fav-mainwrap.component-color .pager .next a, #fav-mainwrap.component-color .pager .previous a, #fav-mainwrap.component-color .hikashop_categories_listing_main .btn, #fav-mainwrap.component-color #hikashop_checkout_login #form-login-submit .btn-primary, #fav-mainwrap.component-color .hikashop_cart_input_button, #fav-mainwrap.component-color a.hikashop_cart_button, #fav-mainwrap.component-color .hikashop_product_stock a.hikashop_cart_button, #fav-mainwrap.component-color .hikashop_product_stock .btn.button.hikashop_cart_input_button, #fav-mainwrap.component-color .hikashop_product_stock a.hikashop_cart_button { box-shadow: 0 4px rgba(17, 17, 17, 0.3), 0 4px rgba(17, 17, 17, 0.47) !important; } #fav-mainwrap.component-color .btn:hover, #fav-mainwrap.component-color .btn:focus, #fav-mainwrap.component-color .pager .next a:hover, #fav-mainwrap.component-color .pager .previous a:hover, #fav-mainwrap.component-color .pager .next a:focus, #fav-mainwrap.component-color .pager .previous a:focus, #fav-mainwrap.component-color .hikashop_categories_listing_main .btn:hover, #fav-mainwrap.component-color .hikashop_categories_listing_main .btn:focus, #fav-mainwrap.component-color #hikashop_checkout_login #form-login-submit .btn-primary:hover, #fav-mainwrap.component-color #hikashop_checkout_login #form-login-submit .btn-primary:focus, #fav-mainwrap.component-color .hikashop_cart_input_button:hover, #fav-mainwrap.component-color .hikashop_cart_input_button:focus, #fav-mainwrap.component-color a.hikashop_cart_button:hover, #fav-mainwrap.component-color a.hikashop_cart_button:focus, #fav-mainwrap.component-color .hikashop_product_stock a.hikashop_cart_button:hover, #fav-mainwrap.component-color .hikashop_product_stock a.hikashop_cart_button:focus, #fav-mainwrap.component-color .hikashop_product_stock .btn.button.hikashop_cart_input_button:hover, #fav-mainwrap.component-color .hikashop_product_stock .btn.button.hikashop_cart_input_button:focus, #fav-mainwrap.component-color .hikashop_product_stock a.hikashop_cart_button:hover, #fav-mainwrap.component-color .hikashop_product_stock a.hikashop_cart_button:focus { box-shadow: none !important; } /* ////////////////////////////////////////////////// 1.5. fonts ////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////// primary font -------------------------------------------------- font-family: 'Roboto', Helvetica, Arial, sans-serif; ////////////////////////////////////////////////// */ /* /// default */ /* /// joomla */ /* /// hikashop */ /* ////////////////////////////////////////////////// secondary font -------------------------------------------------- font-family: ; ////////////////////////////////////////////////// */ /* /// default */ /* /// joomla */ /* /// hikashop */ /* ////////////////////////////////////////////////// 1.6. titles ////////////////////////////////////////////////// */ .moduletable h3, .page-header h2, h2.item-title, .componentheading, div.tag-category h2, #member-profile legend, #hikashop_product_top_part h1, #hikashop_checkout_page h1, #hikashop_checkout_login_left_part h2, #hikashop_checkout_login_right_part h2, #hikashop_checkout_login_right_part h3, #hikashop_checkout_page fieldset legend, #hikashop_cpanel_title h1, #hikashop_carts_listing .header h1, #hikashop_affiliate_main .header h1, #hikashop_address_listing .header h1, #hikashop_order_listing .header h1, #hikashop_order_main fieldset h1 { margin-bottom: 18px !important; margin-top: 14px !important; padding-bottom: 8px !important; } .blog-featured h2.item-title { margin-top: 24px !important; } .page-header { margin: 24px 0 18px; } .moduletable h3 [class^="fa fa-"], .moduletable h3 [class*=" fa fa-"] { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* ////////////////////////////////////////////////// 1.7. buttons ////////////////////////////////////////////////// */ .btn, .pager .next a, .pager .previous a, .hikashop_categories_listing_main .btn, #hikashop_checkout_login #form-login-submit .btn-primary, .hikashop_cart_input_button, a.hikashop_cart_button, .hikashop_product_stock a.hikashop_cart_button, .hikashop_product_stock .btn.button.hikashop_cart_input_button, .hikashop_product_stock a.hikashop_cart_button { background-image: none; padding: 14px 21px 11px; font-size: 16px; border: 1px solid transparent; top: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .btn:hover, .btn:focus, .pager .next a:hover, .pager .previous a:hover, .pager .next a:focus, .pager .previous a:focus, .hikashop_categories_listing_main .btn:hover, .hikashop_categories_listing_main .btn:focus, #hikashop_checkout_login #form-login-submit .btn-primary:hover, #hikashop_checkout_login #form-login-submit .btn-primary:focus, .hikashop_cart_input_button:hover, .hikashop_cart_input_button:focus, a.hikashop_cart_button:hover, a.hikashop_cart_button:focus, .hikashop_product_stock a.hikashop_cart_button:hover, .hikashop_product_stock a.hikashop_cart_button:focus, .hikashop_product_stock .btn.button.hikashop_cart_input_button:hover, .hikashop_product_stock .btn.button.hikashop_cart_input_button:focus, .hikashop_product_stock a.hikashop_cart_button:hover, .hikashop_product_stock a.hikashop_cart_button:focus { opacity: 1; top: 6px; } .btn-group > .btn:first-child { margin-left: 0px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .btn-group > .btn:last-child, .btn-group > .dropdown-toggle { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } /*/ /// /// button sizes /// /*/ .btn-large, .btn-small, .btn-mini { margin-right: 10px; margin-bottom: 10px; } .btn-large { padding: 18px 24px 16px; font-size: 18px; } .btn-small { padding: 8px 14px 6px; font-size: 14px; } .btn-mini { padding: 6px 10px 4px; font-size: 12px; } /*/ /// /// pagination /// /*/ .pagination ul li a, .pagination ul > .disabled > a, .pagination ul > .active > a, .hikashop_products_pagination .list-footer .pagenav, .hikashop_subcategories_pagination .list-footer .pagenav, .hikashop_cart_input_button, a.hikashop_cart_button { font-weight: 500; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .pagination ul > li:first-child > a, .pagination ul > li:first-child > span { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .pagination ul li a:hover, .pagination ul li.active a, .pagination ul li.active a:hover, .hikashop_products_pagination .list-footer span.pagenav, .hikashop_subcategories_pagination .list-footer span.pagenav, .hikashop_products_pagination .list-footer a.pagenav:hover, .hikashop_subcategories_pagination .list-footer a.pagenav:hover, .hikashop_module .hikashop_products_pagination .list-footer span.pagenav, .hikashop_module .hikashop_subcategories_pagination .list-footer span.pagenav, .hikashop_module .hikashop_products_pagination .list-footer a.pagenav:hover, .hikashop_module .hikashop_subcategories_pagination .list-footer a.pagenav:hover { border: 1px solid #ddd; } /*/ /// /// tags /// /*/ ul.tags li a, .label-info[href], .badge-info[href] { padding: 5px 10px !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div.tag-category ul.thumbnails h3 a { padding: 6px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } span.fav-article-tags { margin-right: 5px; } div.tag-category #adminForm button.btn { padding: 4px 7px 6px !important; margin-right: 3px !important; margin-left: -2px !important; margin-top: -3px; box-shadow: none; } div.tag-category #adminForm button.btn:hover, div.tag-category #adminForm button.btn:focus { margin-top: -11px; background-color: #111; } /*/ /// /// article dropdown /// /*/ a.btn.dropdown-toggle { top: 0; box-shadow: none; } .btn-group .btn.dropdown-toggle { padding: 9px 12px 6px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /*/ /// /// badge /// /*/ .badge { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /*/ /// /// edit item button /// /*/ a.btn.jmodedit { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } a.btn.jmodedit { border: 1px solid transparent; } /*/ /// /// highlight /// /*/ span.highlight { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /*/ /// /// search /// /*/ div.fav-search button.btn.btn-primary, div[class^="fav-search"] button.btn.btn-primary, div[class*=" fav-search"] button.btn.btn-primary, div.fav-search input.button, div[class^="fav-search"] input.button, div[class*=" fav-search"] input.button { box-shadow: none; } /* ////////////////////////////////////////////////// 1.8. variations ////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////// 1.9. custom pages ////////////////////////////////////////////////// */ /*/ /// /// download theme section /// /*/ #fav-download p { margin: 0px; } #fav-download #fav-download-message { font-weight: 300; font-size: 28px; line-height: 1.3em; float: left; padding-top: 12px; text-transform: uppercase; letter-spacing: 1px; } #fav-download #fav-download-btn { float: right; padding-top: 6px; padding-bottom: 2px; } #fav-showcasewrap #fav-download #fav-download-btn a:hover, #fav-showcasewrap #fav-download #fav-download-btn a:focus { color: #fff !important; } #fav-download #fav-download-btn a.btn i { padding-right: 0.4em; } /* /// tablet */ @media (max-width: 980px) { #fav-download #fav-download-btn { float: none; font-size: 16px; text-align: center; bottom: 4px; margin-top: 4px; position: relative; } #fav-download #fav-download-message { float: none; text-align: center; padding: 4px 0px; margin-bottom: 14px; } } /*/ /// /// offline page /// /*/ #fav-offline #frame form input { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* ////////////////////////////////////////////////// 1.10. typography ////////////////////////////////////////////////// */ span.label-red, span.label-blue, span.label-green, span.label-grey, span.label-orange, .simple-box, .info-box, .success-box, .warning-box, .error-box, .badge, ul.list-square li:before, ol.list-square li:before, ul.list-color li:before, ol.list-color li:before, ul.list-dark li:before, ol.list-dark li:before { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* ////////////////////////////////////////////////// 1.11. joomla ////////////////////////////////////////////////// */ /* /// language */ #fav-language ul.dropdown-menu, #fav-language-demo ul.dropdown-menu { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #fav-language a.btn.dropdown-toggle, #fav-language a.btn.dropdown-toggle:hover, #fav-language-demo a.btn.dropdown-toggle, #fav-language-demo a.btn.dropdown-toggle:hover { padding: 10px 12px 7px; } #fav-language-demo-modal.modal.fade.in { top: 20%; } /* /// search */ div.search #searchForm button.btn.hasTooltip { margin-top: -2px; padding: 10px 12px; } div.search #searchForm button.btn.hasTooltip:hover, div.search #searchForm button.btn.hasTooltip:focus { top: 2px; } div.search #searchForm button.btn.hasTooltip, div.search #searchForm span.badge.badge-info, .moduletablefavstyle .fav-search ul.dropdown-menu, .moduletable.favstyle .fav-search ul.dropdown-menu { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div.search #searchForm span.badge.badge-info { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 0px 7px; } #finder-search a.btn, div[id^="finder-search"] a.btn, div[id*=" finder-search"] a.btn, #finder-search button.btn.btn-primary.disabled, div[id^="finder-search"] button.btn.btn-primary.disabled, div[id*=" finder-search"] button.btn.btn-primary.disabled, #finder-search button.btn.btn-primary.disabled:hover, div[id^="finder-search"] button.btn.btn-primary.disabled:hover, div[id*=" finder-search"] button.btn.btn-primary.disabled:hover, #finder-search button.btn.btn-primary.disabled:focus, div[id^="finder-search"] button.btn.btn-primary.disabled:focus, div[id*=" finder-search"] button.btn.btn-primary.disabled:focus { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .moduletablefavstyle .fav-search a.dropdown-toggle, .moduletable.favstyle .fav-search a.dropdown-toggle, div.search #searchForm button.btn.hasTooltip, div.search #searchForm span.badge.badge-info, .moduletablefavstyle .fav-search ul.dropdown-menu, .moduletable.favstyle .fav-search ul.dropdown-menu { box-shadow: none !important; } /* /// categories list */ div.categories-list h3.page-header.item-title a { padding: 4px 10px 8px; } div.categories-list h3.page-header.item-title a span { vertical-align: middle; } /* /// components */ div.tag-category, div.categories-list, div.category-list, div.login, div.logout, div.profile, div.remind, div.reset, div.archive, #fav-maincontent form.form-validate { margin-top: 20px; } form.well, .nav-tabs.nav-stacked > li:first-child > a, .nav-tabs.nav-stacked > li:last-child > a { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* /// login form */ .input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child, .input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* ////////////////////////////////////////////////// 1.12. hikashop ////////////////////////////////////////////////// */ .hikashop_subcontainer { -webkit-border-radius: 0px!important; -moz-border-radius: 0px!important; border-radius: 0px!important; } .hikashop_product_stock { margin-bottom: 14px; } /* /// cart */ .favcartfavstyle #hikashop_cart_module .dropdown-menu, .favcart.favstyle #hikashop_cart_module .dropdown-menu { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .favcartfavstyle #hikashop_cart_module a.btn.dropdown-toggle, .favcart.favstyle #hikashop_cart_module a.btn.dropdown-toggle { box-shadow: none !important; } /* /// currency */ #fav-containerwrap .hikashop_currency_module .chzn-container { padding-bottom: 1px; } #fav-containerwrap .hikashop_currency_module .chzn-container .chzn-drop { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* /// checkout */ #hikashop_checkout_cart thead, .hikashop_wizardbar { border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .hikashop_container .hikashop_category_name a, div.hikashop_subcontainer span.hikashop_product_name a { margin-bottom: 21px; } /* ////////////////////////////////////////////////////////////////////// /// 2. colors ////////////////////////////////////////////////////////////////////// */ /* ------------------------------------------------------ #E54545 - main color ------------------------------------------------------ style 1 - #E54545 style 2 - #1b98d6 style 3 - #63b236 style 4 - #9b55be style 5 - #24b4b4 style 6 - #e04378 style 7 - #343ec4 style 8 - #ee6743 style 9 - #964a67 style 10 - #e1a400 ------------------------------------------------------ */ /* ////////////////////////////////////////////////// 2.1. reset ////////////////////////////////////////////////// */ a { color: #E54545; } a:hover, a:focus { color: #444; outline: none; } /* ////////////////////////////////////////////////// 2.2. header ////////////////////////////////////////////////// */ #fav-headerwrap, #fav-headerwrap.fav-fixed { background-color: #E54545; opacity: 0.94; } #fav-headerwrap.fav-fixed.favheader { background-color: #E54545; opacity: 0.96; } #fav-headerwrap li a, #fav-headerwrap span.nav-header, #fav-headerwrap p { color: #fff; } #fav-headerwrap li.active a, #fav-headerwrap li.active span.nav-header, #fav-headerwrap li a:hover, #fav-headerwrap li a:focus, #fav-headerwrap span.nav-header:hover, #fav-headerwrap span.nav-header:focus { color: rgba(17, 17, 17, 0.57); } /* submenu */ #fav-headerwrap .favnav .navigation .nav .nav-child > .active > a, #fav-headerwrap .favnav .navigation .nav .nav-child > li > a:hover, #fav-headerwrap .favnav .navigation .nav .nav-child > .active > span.nav-header, #fav-headerwrap .favnav .navigation .nav .nav-child > li > span.nav-header:hover { color: #E54545; } /* icons */ #fav-headerwrap .favnav .navigation li a[class^="fa-"]:before, #fav-headerwrap .favnav .navigation li a[class*=" fa-"]:before, #fav-headerwrap .favnav .navigation li span.nav-header[class^="fa-"]:before, #fav-headerwrap .favnav .navigation li span.nav-header[class*=" fa-"]:before { color: #fff; } #fav-headerwrap .navigation .nav .nav-child li a[class^="fa-"]:before, #fav-headerwrap .navigation .nav .nav-child li a[class*=" fa-"]:before, #fav-headerwrap .navigation .nav .nav-child li span.nav-header[class^="fa-"]:before, #fav-headerwrap .navigation .nav .nav-child li span.nav-header[class*=" fa-"]:before { color: #E54545; } /* navigation arrows */ #fav-headerwrap .navigation .nav-child:before { border-right: 7px solid transparent; border-bottom: 7px solid #fff; border-left: 7px solid transparent; border-bottom-color: #fff; content: ''; } #fav-headerwrap .navigation .nav-child:after { border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; } #fav-headerwrap .navigation .nav-child li > ul:before { border-bottom: 7px solid transparent; border-right: 7px solid #E54545; border-top: 7px solid transparent; } #fav-headerwrap .navigation .nav-child li > ul:after { border-top: 6px solid transparent; border-right: 6px solid #E54545; border-bottom: 6px solid transparent; } /* /// light */ #fav-headerwrap.fav-light, #fav-headerwrap.fav-light.fav-fixed { background-color: rgba(255, 255, 255, 0.9); } #fav-headerwrap.fav-light.fav-fixed.favheader { background-color: rgba(255, 255, 255, 0.94); } #fav-headerwrap.fav-light li.active a, #fav-headerwrap.fav-light li.active span.nav-header, #fav-headerwrap.fav-light li a:hover, #fav-headerwrap.fav-light li a:focus, #fav-headerwrap.fav-light span.nav-header:hover, #fav-headerwrap.fav-light span.nav-header:focus { color: #E54545; } /* submenu */ #fav-headerwrap.fav-light .favnav .navigation .nav .nav-child > .active > a, #fav-headerwrap.fav-light .favnav .navigation .nav .nav-child > li > a:hover, #fav-headerwrap.fav-light .favnav .navigation .nav .nav-child > .active > span.nav-header, #fav-headerwrap.fav-light .favnav .navigation .nav .nav-child > li > span.nav-header:hover { color: #E54545; } /* icons */ #fav-headerwrap.fav-light .favnav .navigation li a[class^="fa-"]:before, #fav-headerwrap.fav-light .favnav .navigation li a[class*=" fa-"]:before, #fav-headerwrap.fav-light .favnav .navigation li span.nav-header[class^="fa-"]:before, #fav-headerwrap.fav-light .favnav .navigation li span.nav-header[class*=" fa-"]:before { color: #E54545; } #fav-headerwrap.fav-light .navigation .nav .nav-child li a[class^="fa-"]:before, #fav-headerwrap.fav-light .navigation .nav .nav-child li a[class*=" fa-"]:before, #fav-headerwrap.fav-light .navigation .nav .nav-child li span.nav-header[class^="fa-"]:before, #fav-headerwrap.fav-light .navigation .nav .nav-child li span.nav-header[class*=" fa-"]:before { color: #E54545; } /* navigation arrows */ #fav-headerwrap.fav-light .navigation .nav-child:before { border-right: 7px solid transparent; border-bottom: 7px solid #E54545; border-left: 7px solid transparent; border-bottom-color: #E54545; content: ''; } #fav-headerwrap.fav-light .navigation .nav-child:after { border-right: 6px solid transparent; border-bottom: 6px solid #E54545; border-left: 6px solid transparent; content: ''; } #fav-headerwrap.fav-light .navigation .nav-child li > ul:before { border-bottom: 7px solid transparent; border-right: 7px solid #E54545; border-top: 7px solid transparent; } #fav-headerwrap.fav-light .navigation .nav-child li > ul:after { border-top: 6px solid transparent; border-right: 6px solid #E54545; border-bottom: 6px solid transparent; } /* /// dark */ #fav-headerwrap.fav-dark li.active a, #fav-headerwrap.fav-dark li.active span.nav-header, #fav-headerwrap.fav-dark li a:hover, #fav-headerwrap.fav-dark li a:focus, #fav-headerwrap.fav-dark span.nav-header:hover, #fav-headerwrap.fav-dark span.nav-header:focus { color: #E54545; } /* submenu */ #fav-headerwrap.fav-dark .favnav .navigation .nav .nav-child > .active > a, #fav-headerwrap.fav-dark .favnav .navigation .nav .nav-child > li > a:hover, #fav-headerwrap.fav-dark .favnav .navigation .nav .nav-child > .active > span.nav-header, #fav-headerwrap.fav-dark .favnav .navigation .nav .nav-child > li > span.nav-header:hover { color: #E54545; } /* icons */ #fav-headerwrap.fav-dark .favnav .navigation li a[class^="fa-"]:before, #fav-headerwrap.fav-dark .favnav .navigation li a[class*=" fa-"]:before, #fav-headerwrap.fav-dark .favnav .navigation li span.nav-header[class^="fa-"]:before, #fav-headerwrap.fav-dark .favnav .navigation li span.nav-header[class*=" fa-"]:before { color: #E54545; } #fav-headerwrap.fav-dark .navigation .nav .nav-child li a[class^="fa-"]:before, #fav-headerwrap.fav-dark .navigation .nav .nav-child li a[class*=" fa-"]:before, #fav-headerwrap.fav-dark .navigation .nav .nav-child li span.nav-header[class^="fa-"]:before, #fav-headerwrap.fav-dark .navigation .nav .nav-child li span.nav-header[class*=" fa-"]:before { color: #E54545; } /* ////////////////////////////////////////////////// 2.3. navigation ////////////////////////////////////////////////// */ /*/ /// /// nav style /// /*/ /* /// default */ /* active */ #fav-container .favnav.navstyle .navigation .nav > .active > a, #fav-container .favnav.navstyle .navigation .nav > li > a:hover, #fav-container .favnav.navstyle .navigation .nav > li > a:focus, #fav-container .favnav.navstyle .navigation li.active span.nav-header, #fav-container .favnav.navstyle .navigation li span.nav-header:hover, #fav-container .favnav.navstyle .navigation li span.nav-header:focus, #fav-container .favnav.navstyle .navigation .nav > .active > span.nav-header, #fav-container .favnav.navstyle .navigation .nav > li > span.nav-header:hover, #fav-container .favnav.navstyle .navigation .nav > li > span.nav-header:focus { background-color: rgba(17, 17, 17, 0.27); color: #FFF !important; } /* /// style 2 */ .favnav.navstyle-2 .navigation .nav > .active > a, .favnav.navstyle-2 .navigation .nav > li > a:hover, .favnav.navstyle-2 .navigation .nav > li > a:focus, .favnav.navstyle-2 .navigation li.active span.nav-header, .favnav.navstyle-2 .navigation li span.nav-header:hover, .favnav.navstyle-2 .navigation li span.nav-header:focus, .favnav.navstyle-2 .navigation .nav > .active > span.nav-header, .favnav.navstyle-2 .navigation .nav > li > span.nav-header:hover, .favnav.navstyle-2 .navigation .nav > li > span.nav-header:focus { background-color: rgba(255, 255, 255, 0.17) !important; color: #fff !important; } /* icons */ .favnav.navstyle-2 .navigation li a[class^="fa-"]:hover:before, .favnav.navstyle-2 .navigation li a[class*=" fa-"]:hover:before, .favnav.navstyle-2 .navigation li a[class^="fa-"]:focus:before, .favnav.navstyle-2 .navigation li a[class*=" fa-"]:focus:before, .favnav.navstyle-2 .navigation li.active a[class^="fa-"]:before, .favnav.navstyle-2 .navigation li.active a[class*=" fa-"]:before, .favnav.navstyle-2 .navigation li span.nav-header[class^="fa-"]:hover:before, .favnav.navstyle-2 .navigation li span.nav-header[class*=" fa-"]:hover:before, .favnav.navstyle-2 .navigation li span.nav-header[class^="fa-"]:focus:before, .favnav.navstyle-2 .navigation li span.nav-header[class*=" fa-"]:focus:before, .favnav.navstyle-2 .navigation li.active span.nav-header[class^="fa-"]:before, .favnav.navstyle-2 .navigation li.active span.nav-header[class*=" fa-"]:before { color: #fff !important; } .favnav.navstyle-2 .navigation ul.nav-child li a[class^="fa-"]:before, .favnav.navstyle-2 .navigation ul.nav-child li a[class*=" fa-"]:before, .favnav.navstyle-2 .navigation ul.nav-child li a[class^="fa-"]:before, .favnav.navstyle-2 .navigation ul.nav-child li a[class*=" fa-"]:before, .favnav.navstyle-2 .navigation ul.nav-child li a[class^="fa-"]:hover:before, .favnav.navstyle-2 .navigation ul.nav-child li a[class*=" fa-"]:hover:before, .favnav.navstyle-2 .navigation ul.nav-child li a[class^="fa-"]:focus:before, .favnav.navstyle-2 .navigation ul.nav-child li a[class*=" fa-"]:focus:before, .favnav.navstyle-2 .navigation ul.nav-child li.active a[class^="fa-"]:before, .favnav.navstyle-2 .navigation ul.nav-child li.active a[class*=" fa-"]:before, .favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class^="fa-"]:before, .favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class*=" fa-"]:before, .favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class^="fa-"]:before, .favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class*=" fa-"]:before, .favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class^="fa-"]:hover:before, .favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class*=" fa-"]:hover:before, .favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class^="fa-"]:focus:before, .favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class*=" fa-"]:focus:before, .favnav.navstyle-2 .navigation ul.nav-child li.active span.nav-header[class^="fa-"]:before, .favnav.navstyle-2 .navigation ul.nav-child li.active span.nav-header[class*=" fa-"]:before { color: #E54545 !important; } /* /// style 3 */ .favnav.navstyle-3 .navigation .nav > .active > a, .favnav.navstyle-3 .navigation .nav > li > a:hover, .favnav.navstyle-3 .navigation .nav > li > a:focus, .favnav.navstyle-3 .navigation li.active span.nav-header, .favnav.navstyle-3 .navigation li span.nav-header:hover, .favnav.navstyle-3 .navigation li span.nav-header:focus, .favnav.navstyle-3 .navigation .nav > .active > span.nav-header, .favnav.navstyle-3 .navigation .nav > li > span.nav-header:hover, .favnav.navstyle-3 .navigation .nav > li > span.nav-header:focus { border: 2px solid rgba(17, 17, 17, 0.37); color: #fff !important; } /* /// style 4 */ .favnav.navstyle-4 .navigation .nav > .active > a, .favnav.navstyle-4 .navigation .nav > li > a:hover, .favnav.navstyle-4 .navigation .nav > li > a:focus, .favnav.navstyle-4 .navigation li.active span.nav-header, .favnav.navstyle-4 .navigation ul.nav li span.nav-header:hover, .favnav.navstyle-4 .navigation ul.nav li span.nav-header:focus, .favnav.navstyle-4 .navigation .nav > .active > span.nav-header, .favnav.navstyle-4 .navigation .nav > li > span.nav-header:hover, .favnav.navstyle-4 .navigation .nav > li > span.nav-header:focus { border-bottom: 2px solid rgba(17, 17, 17, 0.37); color: #fff !important; } /* /// style 5 */ .favnav.navstyle-5 .navigation .nav > .active > a, .favnav.navstyle-5 .navigation .nav > li > a:hover, .favnav.navstyle-5 .navigation .nav > li > a:focus, .favnav.navstyle-5 .navigation li.active span.nav-header, .favnav.navstyle-5 .navigation ul.nav li span.nav-header:hover, .favnav.navstyle-5 .navigation ul.nav li span.nav-header:focus, .favnav.navstyle-5 .navigation .nav > .active > span.nav-header, .favnav.navstyle-5 .navigation .nav > li > span.nav-header:hover, .favnav.navstyle-5 .navigation .nav > li > span.nav-header:focus { border-top: 2px solid #fff; color: #fff !important; background-color: rgba(17, 17, 17, 0.27) !important; } /* /// style 6 */ .favnav.navstyle-6 .navigation .nav > .active > a, .favnav.navstyle-6 .navigation .nav > li > a:hover, .favnav.navstyle-6 .navigation .nav > li > a:focus, .favnav.navstyle-6 .navigation li.active span.nav-header, .favnav.navstyle-6 .navigation ul.nav li span.nav-header:hover, .favnav.navstyle-6 .navigation ul.nav li span.nav-header:focus, .favnav.navstyle-6 .navigation .nav > .active > span.nav-header, .favnav.navstyle-6 .navigation .nav > li > span.nav-header:hover, .favnav.navstyle-6 .navigation .nav > li > span.nav-header:focus { border-top: 2px solid rgba(17, 17, 17, 0.37); border-bottom: 2px solid rgba(17, 17, 17, 0.37); color: #fff !important; } /* /// style 7 */ .favnav.navstyle-7 .navigation .nav > .active > a, .favnav.navstyle-7 .navigation .nav > li > a:hover, .favnav.navstyle-7 .navigation .nav > li > a:focus, .favnav.navstyle-7 .navigation li.active span.nav-header, .favnav.navstyle-7 .navigation ul.nav li span.nav-header:hover, .favnav.navstyle-7 .navigation ul.nav li span.nav-header:focus, .favnav.navstyle-7 .navigation .nav > .active > span.nav-header, .favnav.navstyle-7 .navigation .nav > li > span.nav-header:hover, .favnav.navstyle-7 .navigation .nav > li > span.nav-header:focus { border-left: 2px solid rgba(17, 17, 17, 0.37); border-right: 2px solid rgba(17, 17, 17, 0.37); color: #fff !important; } /*/ /// /// light /// /*/ /* /// default */ #fav-headerwrap.fav-light .favnav.navstyle .navigation .nav > .active > a, #fav-headerwrap.fav-light .favnav.navstyle .navigation .nav > li > a:hover, #fav-headerwrap.fav-light .favnav.navstyle .navigation .nav > li > a:focus, #fav-headerwrap.fav-light .favnav.navstyle .navigation li.active span.nav-header, #fav-headerwrap.fav-light .favnav.navstyle .navigation li span.nav-header:hover, #fav-headerwrap.fav-light .favnav.navstyle .navigation li span.nav-header:focus, #fav-headerwrap.fav-light .favnav.navstyle .navigation .nav > .active > span.nav-header, #fav-headerwrap.fav-light .favnav.navstyle .navigation .nav > li > span.nav-header:hover, #fav-headerwrap.fav-light .favnav.navstyle .navigation .nav > li > span.nav-header:focus { background-color: #E54545 !important; color: #fff !important; } /* icons */ #fav-headerwrap.fav-light .favnav.navstyle .navigation li a[class^="fa-"]:hover:before, #fav-headerwrap.fav-light .favnav.navstyle .navigation li a[class*=" fa-"]:hover:before, #fav-headerwrap.fav-light .favnav.navstyle .navigation li a[class^="fa-"]:focus:before, #fav-headerwrap.fav-light .favnav.navstyle .navigation li a[class*=" fa-"]:focus:before, #fav-headerwrap.fav-light .favnav.navstyle .navigation li.active a[class^="fa-"]:before, #fav-headerwrap.fav-light .favnav.navstyle .navigation li.active a[class*=" fa-"]:before, #fav-headerwrap.fav-light .favnav.navstyle .navigation li span.nav-header[class^="fa-"]:hover:before, #fav-headerwrap.fav-light .favnav.navstyle .navigation li span.nav-header[class*=" fa-"]:hover:before, #fav-headerwrap.fav-light .favnav.navstyle .navigation li span.nav-header[class^="fa-"]:focus:before, #fav-headerwrap.fav-light .favnav.navstyle .navigation li span.nav-header[class*=" fa-"]:focus:before, #fav-headerwrap.fav-light .favnav.navstyle .navigation li.active span.nav-header[class^="fa-"]:before, #fav-headerwrap.fav-light .favnav.navstyle .navigation li.active span.nav-header[class*=" fa-"]:before { color: #fff; } #fav-headerwrap.fav-light .favnav.navstyle .navigation ul.nav-child li a[class^="fa-"]:before, #fav-headerwrap.fav-light .favnav.navstyle .navigation ul.nav-child li a[class*=" fa-"]:before, #fav-headerwrap.fav-light .favnav.navstyle .navigation ul.nav-child li a[class^="fa-"]:before, #fav-headerwrap.fav-light .favnav.navstyle .navigation ul.nav-child li a[class*=" fa-"]:before, #fav-headerwrap.fav-light .favnav.navstyle .navigation ul.nav-child li a[class^="fa-"]:hover:before, #fav-headerwrap.fav-light .favnav.navstyle .navigation ul.nav-child li a[class*=" fa-"]:hover:before, #fav-headerwrap.fav-light .favnav.navstyle .navigation ul.nav-child li a[class^="fa-"]:focus:before, #fav-headerwrap.fav-light .favnav.navstyle .navigation ul.nav-child li a[class*=" fa-"]:focus:before, #fav-headerwrap.fav-light .favnav.navstyle .navigation ul.nav-child li.active a[class^="fa-"]:before, #fav-headerwrap.fav-light .favnav.navstyle .navigation ul.nav-child li.active a[class*=" fa-"]:before, #fav-headerwrap.fav-light .favnav.navstyle .navigation ul.nav-child li span.nav-header[class^="fa-"]:before, #fav-headerwrap.fav-light .favnav.navstyle .navigation ul.nav-child li span.nav-header[class*=" fa-"]:before, #fav-headerwrap.fav-light .favnav.navstyle .navigation ul.nav-child li span.nav-header[class^="fa-"]:before, #fav-headerwrap.fav-light .favnav.navstyle .navigation ul.nav-child li span.nav-header[class*=" fa-"]:before, #fav-headerwrap.fav-light .favnav.navstyle .navigation ul.nav-child li span.nav-header[class^="fa-"]:hover:before, #fav-headerwrap.fav-light .favnav.navstyle .navigation ul.nav-child li span.nav-header[class*=" fa-"]:hover:before, #fav-headerwrap.fav-light .favnav.navstyle .navigation ul.nav-child li span.nav-header[class^="fa-"]:focus:before, #fav-headerwrap.fav-light .favnav.navstyle .navigation ul.nav-child li span.nav-header[class*=" fa-"]:focus:before, #fav-headerwrap.fav-light .favnav.navstyle .navigation ul.nav-child li.active span.nav-header[class^="fa-"]:before, #fav-headerwrap.fav-light .favnav.navstyle .navigation ul.nav-child li.active span.nav-header[class*=" fa-"]:before { color: #E54545; } /* /// style 2 */ #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation .nav > .active > a, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation .nav > li > a:hover, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation .nav > li > a:focus, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation li.active span.nav-header, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation li span.nav-header:hover, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation li span.nav-header:focus, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation .nav > .active > span.nav-header, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation .nav > li > span.nav-header:hover, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation .nav > li > span.nav-header:focus { background-color: #e7e7e7 !important; color: #333 !important; } /* icons */ #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation li a[class^="fa-"]:hover:before, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation li a[class*=" fa-"]:hover:before, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation li a[class^="fa-"]:focus:before, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation li a[class*=" fa-"]:focus:before, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation li.active a[class^="fa-"]:before, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation li.active a[class*=" fa-"]:before, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation li span.nav-header[class^="fa-"]:hover:before, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation li span.nav-header[class*=" fa-"]:hover:before, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation li span.nav-header[class^="fa-"]:focus:before, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation li span.nav-header[class*=" fa-"]:focus:before, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation li.active span.nav-header[class^="fa-"]:before, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation li.active span.nav-header[class*=" fa-"]:before { color: #E54545 !important; } #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav-child li a[class^="fa-"]:before, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav-child li a[class*=" fa-"]:before, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav-child li a[class^="fa-"]:before, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav-child li a[class*=" fa-"]:before, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav-child li a[class^="fa-"]:hover:before, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav-child li a[class*=" fa-"]:hover:before, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav-child li a[class^="fa-"]:focus:before, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav-child li a[class*=" fa-"]:focus:before, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav-child li.active a[class^="fa-"]:before, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav-child li.active a[class*=" fa-"]:before, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class^="fa-"]:before, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class*=" fa-"]:before, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class^="fa-"]:before, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class*=" fa-"]:before, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class^="fa-"]:hover:before, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class*=" fa-"]:hover:before, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class^="fa-"]:focus:before, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class*=" fa-"]:focus:before, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav-child li.active span.nav-header[class^="fa-"]:before, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav-child li.active span.nav-header[class*=" fa-"]:before { color: #E54545 !important; } /* /// style 3 */ #fav-headerwrap.fav-light .favnav.navstyle-3 .navigation .nav > .active > a, #fav-headerwrap.fav-light .favnav.navstyle-3 .navigation .nav > li > a:hover, #fav-headerwrap.fav-light .favnav.navstyle-3 .navigation .nav > li > a:focus, #fav-headerwrap.fav-light .favnav.navstyle-3 .navigation li.active span.nav-header, #fav-headerwrap.fav-light .favnav.navstyle-3 .navigation li span.nav-header:hover, #fav-headerwrap.fav-light .favnav.navstyle-3 .navigation li span.nav-header:focus, #fav-headerwrap.fav-light .favnav.navstyle-3 .navigation .nav > .active > span.nav-header, #fav-headerwrap.fav-light .favnav.navstyle-3 .navigation .nav > li > span.nav-header:hover, #fav-headerwrap.fav-light .favnav.navstyle-3 .navigation .nav > li > span.nav-header:focus { border: 2px solid #E54545; } /* /// style 4 */ #fav-headerwrap.fav-light .favnav.navstyle-4 .navigation .nav > .active > a, #fav-headerwrap.fav-light .favnav.navstyle-4 .navigation .nav > li > a:hover, #fav-headerwrap.fav-light .favnav.navstyle-4 .navigation .nav > li > a:focus, #fav-headerwrap.fav-light .favnav.navstyle-4 .navigation li.active span.nav-header, #fav-headerwrap.fav-light .favnav.navstyle-4 .navigation ul.nav li span.nav-header:hover, #fav-headerwrap.fav-light .favnav.navstyle-4 .navigation ul.nav li span.nav-header:focus, #fav-headerwrap.fav-light .favnav.navstyle-4 .navigation .nav > .active > span.nav-header, #fav-headerwrap.fav-light .favnav.navstyle-4 .navigation .nav > li > span.nav-header:hover, #fav-headerwrap.fav-light .favnav.navstyle-4 .navigation .nav > li > span.nav-header:focus { border-bottom: 2px solid #E54545; } /* /// style 5 */ #fav-headerwrap.fav-light .favnav.navstyle-5 .navigation .nav > .active > a, #fav-headerwrap.fav-light .favnav.navstyle-5 .navigation .nav > li > a:hover, #fav-headerwrap.fav-light .favnav.navstyle-5 .navigation .nav > li > a:focus, #fav-headerwrap.fav-light .favnav.navstyle-5 .navigation li.active span.nav-header, #fav-headerwrap.fav-light .favnav.navstyle-5 .navigation ul.nav li span.nav-header:hover, #fav-headerwrap.fav-light .favnav.navstyle-5 .navigation ul.nav li span.nav-header:focus, #fav-headerwrap.fav-light .favnav.navstyle-5 .navigation .nav > .active > span.nav-header, #fav-headerwrap.fav-light .favnav.navstyle-5 .navigation .nav > li > span.nav-header:hover, #fav-headerwrap.fav-light .favnav.navstyle-5 .navigation .nav > li > span.nav-header:focus { border-top: 2px solid #E54545; background-color: transparent !important; } /* /// style 6 */ #fav-headerwrap.fav-light .favnav.navstyle-6 .navigation .nav > .active > a, #fav-headerwrap.fav-light .favnav.navstyle-6 .navigation .nav > li > a:hover, #fav-headerwrap.fav-light .favnav.navstyle-6 .navigation .nav > li > a:focus, #fav-headerwrap.fav-light .favnav.navstyle-6 .navigation li.active span.nav-header, #fav-headerwrap.fav-light .favnav.navstyle-6 .navigation ul.nav li span.nav-header:hover, #fav-headerwrap.fav-light .favnav.navstyle-6 .navigation ul.nav li span.nav-header:focus, #fav-headerwrap.fav-light .favnav.navstyle-6 .navigation .nav > .active > span.nav-header, #fav-headerwrap.fav-light .favnav.navstyle-6 .navigation .nav > li > span.nav-header:hover, #fav-headerwrap.fav-light .favnav.navstyle-6 .navigation .nav > li > span.nav-header:focus { border-top: 2px solid #E54545; border-bottom: 2px solid #E54545; } /* /// style 7 */ #fav-headerwrap.fav-light .favnav.navstyle-7 .navigation .nav > .active > a, #fav-headerwrap.fav-light .favnav.navstyle-7 .navigation .nav > li > a:hover, #fav-headerwrap.fav-light .favnav.navstyle-7 .navigation .nav > li > a:focus, #fav-headerwrap.fav-light .favnav.navstyle-7 .navigation li.active span.nav-header, #fav-headerwrap.fav-light .favnav.navstyle-7 .navigation ul.nav li span.nav-header:hover, #fav-headerwrap.fav-light .favnav.navstyle-7 .navigation ul.nav li span.nav-header:focus, #fav-headerwrap.fav-light .favnav.navstyle-7 .navigation .nav > .active > span.nav-header, #fav-headerwrap.fav-light .favnav.navstyle-7 .navigation .nav > li > span.nav-header:hover, #fav-headerwrap.fav-light .favnav.navstyle-7 .navigation .nav > li > span.nav-header:focus { border-left: 2px solid #E54545; border-right: 2px solid #E54545; } /*/ /// /// dark /// /*/ #fav-headerwrap.fav-dark, #fav-headerwrap.fav-dark.fav-fixed { background-color: rgba(17, 17, 17, 0.94); } /* /// default */ #fav-headerwrap.fav-dark .favnav.navstyle .navigation .nav > .active > a, #fav-headerwrap.fav-dark .favnav.navstyle .navigation .nav > li > a:hover, #fav-headerwrap.fav-dark .favnav.navstyle .navigation .nav > li > a:focus, #fav-headerwrap.fav-dark .favnav.navstyle .navigation li.active span.nav-header, #fav-headerwrap.fav-dark .favnav.navstyle .navigation li span.nav-header:hover, #fav-headerwrap.fav-dark .favnav.navstyle .navigation li span.nav-header:focus, #fav-headerwrap.fav-dark .favnav.navstyle .navigation .nav > .active > span.nav-header, #fav-headerwrap.fav-dark .favnav.navstyle .navigation .nav > li > span.nav-header:hover, #fav-headerwrap.fav-dark .favnav.navstyle .navigation .nav > li > span.nav-header:focus { background-color: #E54545 !important; color: #fff !important; } /* icons */ #fav-headerwrap.fav-dark .favnav.navstyle .navigation li a[class^="fa-"]:hover:before, #fav-headerwrap.fav-dark .favnav.navstyle .navigation li a[class*=" fa-"]:hover:before, #fav-headerwrap.fav-dark .favnav.navstyle .navigation li a[class^="fa-"]:focus:before, #fav-headerwrap.fav-dark .favnav.navstyle .navigation li a[class*=" fa-"]:focus:before, #fav-headerwrap.fav-dark .favnav.navstyle .navigation li.active a[class^="fa-"]:before, #fav-headerwrap.fav-dark .favnav.navstyle .navigation li.active a[class*=" fa-"]:before, #fav-headerwrap.fav-dark .favnav.navstyle .navigation li span.nav-header[class^="fa-"]:hover:before, #fav-headerwrap.fav-dark .favnav.navstyle .navigation li span.nav-header[class*=" fa-"]:hover:before, #fav-headerwrap.fav-dark .favnav.navstyle .navigation li span.nav-header[class^="fa-"]:focus:before, #fav-headerwrap.fav-dark .favnav.navstyle .navigation li span.nav-header[class*=" fa-"]:focus:before, #fav-headerwrap.fav-dark .favnav.navstyle .navigation li.active span.nav-header[class^="fa-"]:before, #fav-headerwrap.fav-dark .favnav.navstyle .navigation li.active span.nav-header[class*=" fa-"]:before { color: #fff; } #fav-headerwrap.fav-dark .favnav.navstyle .navigation ul.nav-child li a[class^="fa-"]:before, #fav-headerwrap.fav-dark .favnav.navstyle .navigation ul.nav-child li a[class*=" fa-"]:before, #fav-headerwrap.fav-dark .favnav.navstyle .navigation ul.nav-child li a[class^="fa-"]:before, #fav-headerwrap.fav-dark .favnav.navstyle .navigation ul.nav-child li a[class*=" fa-"]:before, #fav-headerwrap.fav-dark .favnav.navstyle .navigation ul.nav-child li a[class^="fa-"]:hover:before, #fav-headerwrap.fav-dark .favnav.navstyle .navigation ul.nav-child li a[class*=" fa-"]:hover:before, #fav-headerwrap.fav-dark .favnav.navstyle .navigation ul.nav-child li a[class^="fa-"]:focus:before, #fav-headerwrap.fav-dark .favnav.navstyle .navigation ul.nav-child li a[class*=" fa-"]:focus:before, #fav-headerwrap.fav-dark .favnav.navstyle .navigation ul.nav-child li.active a[class^="fa-"]:before, #fav-headerwrap.fav-dark .favnav.navstyle .navigation ul.nav-child li.active a[class*=" fa-"]:before, #fav-headerwrap.fav-dark .favnav.navstyle .navigation ul.nav-child li span.nav-header[class^="fa-"]:before, #fav-headerwrap.fav-dark .favnav.navstyle .navigation ul.nav-child li span.nav-header[class*=" fa-"]:before, #fav-headerwrap.fav-dark .favnav.navstyle .navigation ul.nav-child li span.nav-header[class^="fa-"]:before, #fav-headerwrap.fav-dark .favnav.navstyle .navigation ul.nav-child li span.nav-header[class*=" fa-"]:before, #fav-headerwrap.fav-dark .favnav.navstyle .navigation ul.nav-child li span.nav-header[class^="fa-"]:hover:before, #fav-headerwrap.fav-dark .favnav.navstyle .navigation ul.nav-child li span.nav-header[class*=" fa-"]:hover:before, #fav-headerwrap.fav-dark .favnav.navstyle .navigation ul.nav-child li span.nav-header[class^="fa-"]:focus:before, #fav-headerwrap.fav-dark .favnav.navstyle .navigation ul.nav-child li span.nav-header[class*=" fa-"]:focus:before, #fav-headerwrap.fav-dark .favnav.navstyle .navigation ul.nav-child li.active span.nav-header[class^="fa-"]:before, #fav-headerwrap.fav-dark .favnav.navstyle .navigation ul.nav-child li.active span.nav-header[class*=" fa-"]:before { color: #E54545; } /* /// style 2 */ #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation .nav > .active > a, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation .nav > li > a:hover, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation .nav > li > a:focus, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation li.active span.nav-header, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation li span.nav-header:hover, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation li span.nav-header:focus, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation .nav > .active > span.nav-header, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation .nav > li > span.nav-header:hover, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation .nav > li > span.nav-header:focus { background-color: #444 !important; color: #fff !important; } /* icons */ #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation li a[class^="fa-"]:hover:before, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation li a[class*=" fa-"]:hover:before, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation li a[class^="fa-"]:focus:before, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation li a[class*=" fa-"]:focus:before, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation li.active a[class^="fa-"]:before, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation li.active a[class*=" fa-"]:before, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation li span.nav-header[class^="fa-"]:hover:before, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation li span.nav-header[class*=" fa-"]:hover:before, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation li span.nav-header[class^="fa-"]:focus:before, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation li span.nav-header[class*=" fa-"]:focus:before, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation li.active span.nav-header[class^="fa-"]:before, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation li.active span.nav-header[class*=" fa-"]:before { color: #E54545 !important; } #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav-child li a[class^="fa-"]:before, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav-child li a[class*=" fa-"]:before, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav-child li a[class^="fa-"]:before, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav-child li a[class*=" fa-"]:before, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav-child li a[class^="fa-"]:hover:before, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav-child li a[class*=" fa-"]:hover:before, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav-child li a[class^="fa-"]:focus:before, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav-child li a[class*=" fa-"]:focus:before, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav-child li.active a[class^="fa-"]:before, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav-child li.active a[class*=" fa-"]:before, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class^="fa-"]:before, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class*=" fa-"]:before, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class^="fa-"]:before, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class*=" fa-"]:before, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class^="fa-"]:hover:before, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class*=" fa-"]:hover:before, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class^="fa-"]:focus:before, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav-child li span.nav-header[class*=" fa-"]:focus:before, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav-child li.active span.nav-header[class^="fa-"]:before, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav-child li.active span.nav-header[class*=" fa-"]:before { color: #E54545 !important; } /* /// style 3 */ #fav-headerwrap.fav-dark .favnav.navstyle-3 .navigation .nav > .active > a, #fav-headerwrap.fav-dark .favnav.navstyle-3 .navigation .nav > li > a:hover, #fav-headerwrap.fav-dark .favnav.navstyle-3 .navigation .nav > li > a:focus, #fav-headerwrap.fav-dark .favnav.navstyle-3 .navigation li.active span.nav-header, #fav-headerwrap.fav-dark .favnav.navstyle-3 .navigation li span.nav-header:hover, #fav-headerwrap.fav-dark .favnav.navstyle-3 .navigation li span.nav-header:focus, #fav-headerwrap.fav-dark .favnav.navstyle-3 .navigation .nav > .active > span.nav-header, #fav-headerwrap.fav-dark .favnav.navstyle-3 .navigation .nav > li > span.nav-header:hover, #fav-headerwrap.fav-dark .favnav.navstyle-3 .navigation .nav > li > span.nav-header:focus { border: 2px solid #E54545; } /* /// style 4 */ #fav-headerwrap.fav-dark .favnav.navstyle-4 .navigation .nav > .active > a, #fav-headerwrap.fav-dark .favnav.navstyle-4 .navigation .nav > li > a:hover, #fav-headerwrap.fav-dark .favnav.navstyle-4 .navigation .nav > li > a:focus, #fav-headerwrap.fav-dark .favnav.navstyle-4 .navigation li.active span.nav-header, #fav-headerwrap.fav-dark .favnav.navstyle-4 .navigation ul.nav li span.nav-header:hover, #fav-headerwrap.fav-dark .favnav.navstyle-4 .navigation ul.nav li span.nav-header:focus, #fav-headerwrap.fav-dark .favnav.navstyle-4 .navigation .nav > .active > span.nav-header, #fav-headerwrap.fav-dark .favnav.navstyle-4 .navigation .nav > li > span.nav-header:hover, #fav-headerwrap.fav-dark .favnav.navstyle-4 .navigation .nav > li > span.nav-header:focus { border-bottom: 2px solid #E54545; } /* /// style 5 */ #fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation .nav > .active > a, #fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation .nav > li > a:hover, #fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation .nav > li > a:focus, #fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation li.active span.nav-header, #fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation ul.nav li span.nav-header:hover, #fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation ul.nav li span.nav-header:focus, #fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation .nav > .active > span.nav-header, #fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation .nav > li > span.nav-header:hover, #fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation .nav > li > span.nav-header:focus { border-top: 2px solid #E54545; background-color: transparent !important; } /* /// style 6 */ #fav-headerwrap.fav-dark .favnav.navstyle-6 .navigation .nav > .active > a, #fav-headerwrap.fav-dark .favnav.navstyle-6 .navigation .nav > li > a:hover, #fav-headerwrap.fav-dark .favnav.navstyle-6 .navigation .nav > li > a:focus, #fav-headerwrap.fav-dark .favnav.navstyle-6 .navigation li.active span.nav-header, #fav-headerwrap.fav-dark .favnav.navstyle-6 .navigation ul.nav li span.nav-header:hover, #fav-headerwrap.fav-dark .favnav.navstyle-6 .navigation ul.nav li span.nav-header:focus, #fav-headerwrap.fav-dark .favnav.navstyle-6 .navigation .nav > .active > span.nav-header, #fav-headerwrap.fav-dark .favnav.navstyle-6 .navigation .nav > li > span.nav-header:hover, #fav-headerwrap.fav-dark .favnav.navstyle-6 .navigation .nav > li > span.nav-header:focus { border-top: 2px solid #E54545; border-bottom: 2px solid #E54545; } /* /// style 7 */ #fav-headerwrap.fav-dark .favnav.navstyle-7 .navigation .nav > .active > a, #fav-headerwrap.fav-dark .favnav.navstyle-7 .navigation .nav > li > a:hover, #fav-headerwrap.fav-dark .favnav.navstyle-7 .navigation .nav > li > a:focus, #fav-headerwrap.fav-dark .favnav.navstyle-7 .navigation li.active span.nav-header, #fav-headerwrap.fav-dark .favnav.navstyle-7 .navigation ul.nav li span.nav-header:hover, #fav-headerwrap.fav-dark .favnav.navstyle-7 .navigation ul.nav li span.nav-header:focus, #fav-headerwrap.fav-dark .favnav.navstyle-7 .navigation .nav > .active > span.nav-header, #fav-headerwrap.fav-dark .favnav.navstyle-7 .navigation .nav > li > span.nav-header:hover, #fav-headerwrap.fav-dark .favnav.navstyle-7 .navigation .nav > li > span.nav-header:focus { border-left: 2px solid #E54545; border-right: 2px solid #E54545; } /*/ /// /// vertical menus /// /*/ /* basic */ ul.menubasic li a:hover, ul.menubasic li a:focus, ul.menubasic li.current a, ul.menubasic li.current ul a:hover, ul.menubasic li.current ul a:focus, ul.menubasic li span.nav-header:hover, ul.menubasic li span.nav-header:focus, ul.menubasic li.current span.nav-header, ul.menubasic li.current ul span.nav-header:hover, ul.menubasic li.current ul span.nav-header:focus { color: #fff; background-color: #E54545; } ul.menubasic li.current ul a, ul.menubasic li.current ul span.nav-header { color: #444; background-color: #FFFFFF; } /* arrow */ ul.menuarrow li a:hover, ul.menuarrow li a:focus, ul.menuarrow li.current a, ul.menuarrow li.current ul a:hover, ul.menuarrow li.current ul a:focus, ul.menuarrow li span.nav-header:hover, ul.menuarrow li span.nav-header:focus, ul.menuarrow li.current span.nav-header, ul.menuarrow li.current ul span.nav-header:hover, ul.menuarrow li.current ul span.nav-header:focus { color: #E54545; background-color: transparent; } ul.menuarrow li.current ul a, ul.menuarrow li.current ul span.nav-header { color: #444; } ul.menuarrow li a:hover:before, ul.menuarrow li a:focus:before, ul.menuarrow li.current a:before, ul.menuarrow li.current ul a:hover:before, ul.menuarrow li.current ul a:focus:before, ul.menuarrow li span.nav-header:hover:before, ul.menuarrow li span.nav-header:focus:before { color: #E54545; } /* side */ ul.menuside li a:hover, ul.menuside li a:focus, ul.menuside li.current a, ul.menuside li.current ul a:hover, ul.menuside li.current ul a:focus, ul.menuside li span.nav-header:hover, ul.menuside li span.nav-header:focus, ul.menuside li.current span.nav-header, ul.menuside li.current ul span.nav-header:hover, ul.menuside li.current ul span.nav-header:focus { color: #E54545; border-left: 5px solid #E54545; background-color: transparent; } ul.menuside li.current ul a { color: #444; } /* line */ ul.menuline li a:hover, ul.menuline li a:focus, ul.menuline li.current a, ul.menuline li.current ul a:hover, ul.menuline li.current ul a:focus, ul.menuline li span.nav-header:hover, ul.menuline li span.nav-header:focus, ul.menuline li.current span.nav-header, ul.menuline li.current ul span.nav-header:hover, ul.menuline li.current ul span.nav-header:focus { color: #444; border-bottom: 1px solid #E54545; background-color: transparent; } ul.menuline li.current ul a { color: #444; } ul.menuline li a:hover:before, ul.menuline li a:focus:before, ul.menuline li.current a:before, ul.menuline li.current ul a:hover:before, ul.menuline li.current ul a:focus:before, ul.menuline li span.nav-header:hover:before, ul.menuline li span.nav-header:focus:before, ul.menuline li.current span.nav-header:before, ul.menuline li.current ul span.nav-header:hover:before, ul.menuline li.current ul span.nav-header:focus:before { color: #E54545; } ul.menuline.menu-clear li a:hover, ul.menuline.menu-clear li a:focus, ul.menuline.menu-clear li span.nav-header:hover, ul.menuline.menu-clear li span.nav-header:focus { color: #fff; border-bottom: 1px solid #E54545; } ul.menuline.menu-dark li a:hover, ul.menuline.menu-dark li a:focus, ul.menuline.menu-dark li span.nav-header:hover, ul.menuline.menu-dark li span.nav-header:focus { color: #fff !important; border-bottom: 1px solid #E54545; } /*/ /// /// horizontal menus /// /*/ ul.menuhorizontal li.active a, ul.menuhorizontal li a:hover, ul.menuhorizontal li a:focus, ul.menuhorizontal li:hover a, ul.menuhorizontal li:focus a, ul.menuhorizontal li.active span.nav-header, ul.menuhorizontal li span.nav-header:hover, ul.menuhorizontal li span.nav-header:focus, ul.menuhorizontal li:hover span.nav-header, ul.menuhorizontal li:focus span.nav-header, ul.menuhorizontal li span.nav-header:hover, ul.menuhorizontal li span.nav-header:focus { color: #E54545; background-color: transparent; } /* clear */ ul.menuhorizontal.menu-clear li.active a, ul.menuhorizontal.menu-clear li a:hover, ul.menuhorizontal.menu-clear li a:focus, ul.menuhorizontal.menu-clear li:hover a, ul.menuhorizontal.menu-clear li:focus a, ul.menuhorizontal.menu-clear li.active span.nav-header, ul.menuhorizontal.menu-clear li span.nav-header:hover, ul.menuhorizontal.menu-clear li span.nav-header:focus, ul.menuhorizontal.menu-clear li:hover span.nav-header, ul.menuhorizontal.menu-clear li:focus span.nav-header, ul.menuhorizontal.menu-clear li span.nav-header:hover, ul.menuhorizontal.menu-clear li span.nav-header:focus { color: #E54545 !important; } ul.menuhorizontal.menu-clear li a:before, ul.menuhorizontal.menu-clear li span.nav-header:before { color: #fff; } ul.menuhorizontal.menu-clear li.active a:before, ul.menuhorizontal.menu-clear li a:hover:before, ul.menuhorizontal.menu-clear li a:focus:before, ul.menuhorizontal.menu-clear li:hover a:before, ul.menuhorizontal.menu-clear li:focus a:before, ul.menuhorizontal.menu-clear li.active span.nav-header:before, ul.menuhorizontal.menu-clear li span.nav-header:hover:before, ul.menuhorizontal.menu-clear li span.nav-header:focus:before, ul.menuhorizontal.menu-clear li:hover span.nav-header:before, ul.menuhorizontal.menu-clear li:focus span.nav-header:before, ul.menuhorizontal.menu-clear li span.nav-header:hover:before, ul.menuhorizontal.menu-clear li span.nav-header:focus:before { color: #E54545 !important; } /* dark */ ul.menuhorizontal.menu-dark li a, ul.menuhorizontal.menu-dark li span.nav-header { color: #eee !important; } ul.menuhorizontal.menu-dark li.active a, ul.menuhorizontal.menu-dark li a:hover, ul.menuhorizontal.menu-dark li a:focus, ul.menuhorizontal.menu-dark li:hover a, ul.menuhorizontal.menu-dark li:focus a, ul.menuhorizontal.menu-dark li.active span.nav-header, ul.menuhorizontal.menu-dark li span.nav-header:hover, ul.menuhorizontal.menu-dark li span.nav-header:focus, ul.menuhorizontal.menu-dark li:hover span.nav-header, ul.menuhorizontal.menu-dark li:focus span.nav-header, ul.menuhorizontal.menu-dark li span.nav-header:hover, ul.menuhorizontal.menu-dark li span.nav-header:focus { color: #E54545 !important; } ul.menuhorizontal.menu-dark li a:before, ul.menuhorizontal.menu-dark li span.nav-header:before { color: #eee; } ul.menuhorizontal.menu-dark li.active a:before, ul.menuhorizontal.menu-dark li a:hover:before, ul.menuhorizontal.menu-dark li a:focus:before, ul.menuhorizontal.menu-dark li:hover a:before, ul.menuhorizontal.menu-dark li:focus a:before, ul.menuhorizontal.menu-dark li.active span.nav-header:before, ul.menuhorizontal.menu-dark li span.nav-header:hover:before, ul.menuhorizontal.menu-dark li span.nav-header:focus:before, ul.menuhorizontal.menu-dark li:hover span.nav-header:before, ul.menuhorizontal.menu-dark li:focus span.nav-header:before, ul.menuhorizontal.menu-dark li span.nav-header:hover:before, ul.menuhorizontal.menu-dark li span.nav-header:focus:before { color: #E54545 !important; } /* right */ ul.menuhorizontal.pull-right li.active a, ul.menuhorizontal.pull-right li a:hover, ul.menuhorizontal.pull-right li a:focus, ul.menuhorizontal.pull-right li:hover a, ul.menuhorizontal.pull-right li:focus a, ul.menuhorizontal.pull-right li.active span.nav-header, ul.menuhorizontal.pull-right li span.nav-header:hover, ul.menuhorizontal.pull-right li span.nav-header:focus, ul.menuhorizontal.pull-right li:hover span.nav-header, ul.menuhorizontal.pull-right li:focus span.nav-header, ul.menuhorizontal.pull-right li span.nav-header:hover, ul.menuhorizontal.pull-right li span.nav-header:focus { color: #E54545; background-color: transparent; text-decoration:none; } /* ////////////////////////////////////////////////// 2.4. module positions ////////////////////////////////////////////////// */ /*/ /// /// topbar /// /*/ #fav-topbar ul.nav li a:before { color: #E54545; } /*/ /// /// back to top /// /*/ a.backtop i { background-color: #E54545; color: #FFFFFF; } /*/ /// /// module positions blocks /// /*/ /* /// image module positions */ /* links */ #fav-introwrap .moduletable a, #fav-primewrap .moduletable a, #fav-screenwrap .moduletable a, #fav-basewrap .moduletable a { color: #E54545; } #fav-introwrap .moduletable a:hover, #fav-introwrap .moduletable a:focus, #fav-primewrap .moduletable a:hover, #fav-primewrap .moduletable a:focus, #fav-screenwrap .moduletable a:hover, #fav-screenwrap .moduletable a:focus, #fav-basewrap .moduletable a:hover, #fav-basewrap .moduletable a:focus { color: #fff; } /* /// dark module positions */ /* links */ #fav-showcasewrap .moduletable a, #fav-portfoliowrap .moduletable a, #fav-notewrap .moduletable a, #fav-footerwrap .moduletable a { color: #E54545; } #fav-showcasewrap .moduletable a:hover, #fav-showcasewrap .moduletable a:focus, #fav-portfoliowrap .moduletable a:hover, #fav-portfoliowrap .moduletable a:focus, #fav-notewrap .moduletable a:hover, #fav-notewrap .moduletable a:focus, #fav-footerwrap .moduletable a:hover, #fav-footerwrap .moduletable a:focus { color: #fff; } /* /// color module positions */ /* background */ #fav-noticewrap, #fav-focuswrap { background-color: #E54545; } /* ////////////////////////////////////////////////// 2.5. fonts ////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////// 2.6. titles ////////////////////////////////////////////////// */ .moduletable h3, .page-header h2, h2.item-title, .componentheading, div.tag-category h2, #member-profile legend, #hikashop_product_top_part h1, #hikashop_checkout_page h1, #hikashop_checkout_login_left_part h2, #hikashop_checkout_login_right_part h2, #hikashop_checkout_login_right_part h3, #hikashop_checkout_page fieldset legend, #hikashop_cpanel_title h1, #hikashop_carts_listing .header h1, #hikashop_affiliate_main .header h1, #hikashop_address_listing .header h1, #hikashop_order_listing .header h1, #hikashop_order_main fieldset h1 { border-bottom: 1px solid #E54545 !important; } .page-header h2 a:hover, h2.item-title a:hover, div.categories-list h3 a:hover, div.newsfeed h2 a:hover, div.newsfeed-category h2 a:hover { color: #E54545; } /* icons */ .moduletable h3 [class^="fa fa-"], .moduletable h3 [class*=" fa fa-"] { background-color: #E54545; color: #fff; } /* ////////////////////////////////////////////////// 2.7. buttons ////////////////////////////////////////////////// */ .btn, .pager .next a, .pager .previous a, .hikashop_categories_listing_main .btn, #hikashop_checkout_login #form-login-submit .btn-primary, .hikashop_cart_input_button, a.hikashop_cart_button, .hikashop_product_stock a.hikashop_cart_button, .hikashop_product_stock .btn.button.hikashop_cart_input_button, .hikashop_product_stock a.hikashop_cart_button { color: #fff; background-color: #E54545; box-shadow: 0 4px rgba(17, 17, 17, 0.3), 0 4px #E54545; } .hikashop_categories_listing_main .btn, #hikashop_checkout_login #form-login-submit .btn-primary, .hikashop_cart_input_button, a.hikashop_cart_button, .hikashop_product_stock a.hikashop_cart_button, .hikashop_product_stock .btn.button.hikashop_cart_input_button, .hikashop_product_stock a.hikashop_cart_button { box-shadow: 0 4px rgba(17, 17, 17, 0.3), 0 4px #E54545 !important; } .btn:hover, .btn:focus, .pager .next a:hover, .pager .previous a:hover, .pager .next a:focus, .pager .previous a:focus, .hikashop_categories_listing_main .btn:hover, .hikashop_categories_listing_main .btn:focus, #hikashop_checkout_login #form-login-submit .btn-primary:hover, #hikashop_checkout_login #form-login-submit .btn-primary:focus, .hikashop_cart_input_button:hover, .hikashop_cart_input_button:focus, a.hikashop_cart_button:hover, a.hikashop_cart_button:focus, .hikashop_product_stock a.hikashop_cart_button:hover, .hikashop_product_stock a.hikashop_cart_button:focus, .hikashop_product_stock .btn.button.hikashop_cart_input_button:hover, .hikashop_product_stock .btn.button.hikashop_cart_input_button:focus, .hikashop_product_stock a.hikashop_cart_button:hover, .hikashop_product_stock a.hikashop_cart_button:focus { color: #fff; background-color: #E54545; box-shadow: none; } .hikashop_categories_listing_main .btn:hover, .hikashop_categories_listing_main .btn:focus, #hikashop_checkout_login #form-login-submit .btn-primary:hover, #hikashop_checkout_login #form-login-submit .btn-primary:focus, .hikashop_cart_input_button:hover, .hikashop_cart_input_button:focus, a.hikashop_cart_button:hover, a.hikashop_cart_button:focus, .hikashop_product_stock a.hikashop_cart_button:hover, .hikashop_product_stock a.hikashop_cart_button:focus, .hikashop_product_stock .btn.button.hikashop_cart_input_button:hover, .hikashop_product_stock .btn.button.hikashop_cart_input_button:focus, .hikashop_product_stock a.hikashop_cart_button:hover, .hikashop_product_stock a.hikashop_cart_button:focus { box-shadow: none !important; } .btn-primary { color: #fff; background-color: #E54545; border: 1px solid transparent; background-image: none; } .btn-primary:hover, .btn-primary:focus { color: #fff; background-color: #222 !important; } .hikashop_cart_input_button, a.hikashop_cart_button, .hikashop_categories_listing_main .btn { color: #FFF!important; background-color: #E54545; } .hikashop_module .hikashop_cart_input_button:hover, .hikashop_module .hikashop_cart_input_button:focus, .hikashop_module a.hikashop_cart_button:hover, .hikashop_module a.hikashop_cart_button:focus, .hikashop_cart_input_button:hover, .hikashop_cart_input_button:focus, a.hikashop_cart_button:hover, a.hikashop_cart_button:focus { color: #FFF!important; background-color: #222!important; } .hikashop_categories_listing_main .btn { color: #fff; background-color: #E54545; } .hikashop_categories_listing_main .btn:hover, .hikashop_categories_listing_main .btn:focus { color: #fff!important; } /*/ /// /// bootstrap buttons /// /*/ /* info */ .btn-info, .btn-info:link, .btn-info:visited { color: #ffffff!important; background-color: #5bc0de!important; background-image: none; box-shadow: 0 4px #2184a2!important; top: 2px; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active { color: #ffffff!important; background-color: #46b8da!important; opacity: 1; box-shadow: 0 0 #2184a2!important; top: 6px; } .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #5bc0de; } /* success */ .btn-success, .btn-success:link, .btn-success:visited { color: #ffffff!important; background-color: #5cb85c!important; box-shadow: 0 4px #306d30!important; top: 2px; background-image: none; } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active { color: #ffffff!important; background-color: #4cae4c!important; opacity: 1; box-shadow: 0 0 #306d30!important; top: 6px; } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: #5cb85c!important; border-color: #5cb85c!important; } /* warning */ .btn-warning, .btn-warning:link, .btn-warning:visited { color: #ffffff!important; background-color: #f0ad4e!important; box-shadow: 0 4px #b87210!important; top: 2px; background-image: none; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active { background-color: #eea236!important; color: #ffffff!important; opacity: 1; box-shadow: 0 0 #b87210!important; top: 6px; } .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: #f0ad4e!important; border-color: #f0ad4e!important; } /* danger */ .btn-danger, .btn-danger:link, .btn-danger:visited { color: #ffffff!important; background-color: #d9534f!important; background-image: none; box-shadow: 0 4px #92231f!important; top: 2px; } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active { background-color: #d43f3a!important; color: #ffffff!important; opacity: 1; box-shadow: 0 0 #92231f!important; top: 6px; } .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: #d9534f!important; border-color: #d9534f!important; } /* inverse */ .btn-inverse, .btn-inverse:link, .btn-inverse:visited { color: #ffffff!important; background-color: #363636!important; background-repeat: repeat-x; background-image: none; box-shadow: 0 4px #030303!important; top: 2px; } .btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active { background-color: #191919!important; color: #ffffff!important; opacity: 1; box-shadow: 0 0 #030303!important; top: 6px; } /*/ /// /// buttons style /// /*/ /* default */ #fav-advert .btn, #fav-focus .btn, .moduletable-sfx9 .btn, .moduletable-sfx10 .btn, .moduletable-sfx11 .btn, .moduletable-sfx12 .btn { color: #FFF !important; background-color: #222 !important; box-shadow: 0 4px rgba(17, 17, 17, 0.5); } #fav-advert .btn:hover, #fav-advert .btn:focus, #fav-focus .btn:hover, #fav-focus .btn:focus, .moduletable-sfx9 .btn:hover, .moduletable-sfx9 .btn:focus, .moduletable-sfx10 .btn:hover, .moduletable-sfx10 .btn:focus, .moduletable-sfx11 .btn:hover, .moduletable-sfx11 .btn:focus, .moduletable-sfx12 .btn:hover, .moduletable-sfx12 .btn:focus { color: #222 !important; background-color: #FFF !important; box-shadow: none; } #fav-intro .btn:hover, #fav-intro .btn:focus, #fav-prime .btn:hover, #fav-prime .btn:focus, #fav-showcase .btn:hover, #fav-showcase .btn:focus, #fav-portfolio .btn:hover, #fav-portfolio .btn:focus, #fav-screen .btn:hover, #fav-screen .btn:focus, #fav-note .btn:hover, #fav-note .btn:focus, #fav-base .btn:hover, #fav-base .btn:focus, #fav-footer .btn:hover, #fav-footer .btn:focus { color: #FFF !important; background-color: #E54545 !important; } .moduletable-sfx17 .btn:hover, .moduletable-sfx17 .btn:focus, .moduletable-sfx18 .btn:hover, .moduletable-sfx18 .btn:focus, .moduletable-sfx19 .btn:hover, .moduletable-sfx19 .btn:focus, .moduletable-sfx20 .btn:hover, .moduletable-sfx20 .btn:focus, .moduletable-sfx21 .btn:hover, .moduletable-sfx21 .btn:focus, .moduletable-sfx22 .btn:hover, .moduletable-sfx22 .btn:focus, .moduletable-sfx23 .btn:hover, .moduletable-sfx23 .btn:focus, .moduletable-sfx24 .btn:hover, .moduletable-sfx24 .btn:focus, .moduletable-sfx33 .btn:hover, .moduletable-sfx33 .btn:focus, .moduletable-sfx34 .btn:hover, .moduletable-sfx34 .btn:focus, .moduletable-sfx35 .btn:hover, .moduletable-sfx35 .btn:focus, .moduletable-sfx36 .btn:hover, .moduletable-sfx36 .btn:focus { color: #FFF !important; } /* primary */ #fav-advert .btn-primary, #fav-focus .btn-primary, .moduletable-sfx9 .btn-primary, .moduletable-sfx10 .btn-primary, .moduletable-sfx11 .btn-primary, .moduletable-sfx12 .btn-primary { color: #222 !important; background-color: #FFF !important; box-shadow: 0 4px rgba(255, 255, 255, 0.5); } #fav-advert .btn-primary:hover, #fav-advert .btn-primary:focus, #fav-focus .btn-primary:hover, #fav-focus .btn-primary:focus, .moduletable-sfx9 .btn-primary:hover, .moduletable-sfx9 .btn-primary:focus, .moduletable-sfx10 .btn-primary:hover, .moduletable-sfx10 .btn-primary:focus, .moduletable-sfx11 .btn-primary:hover, .moduletable-sfx11 .btn-primary:focus, .moduletable-sfx12 .btn-primary:hover, .moduletable-sfx12 .btn-primary:focus { color: #FFF !important; background-color: #222 !important; box-shadow: none; } #fav-intro .btn-primary:hover, #fav-intro .btn-primary:focus, #fav-prime .btn-primary:hover, #fav-prime .btn-primary:focus, #fav-showcase .btn-primary:hover, #fav-showcase .btn-primary:focus, #fav-portfolio .btn-primary:hover, #fav-portfolio .btn-primary:focus, #fav-screen .btn-primary:hover, #fav-screen .btn-primary:focus, #fav-note .btn-primary:hover, #fav-note .btn-primary:focus, #fav-base .btn-primary:hover, #fav-base .btn-primary:focus, #fav-footer .btn-primary:hover, #fav-footer .btn-primary:focus { color: #FFF !important; background-color: #333 !important; } .moduletable-sfx17 .btn-primary:hover, .moduletable-sfx17 .btn-primary:focus, .moduletable-sfx18 .btn-primary:hover, .moduletable-sfx18 .btn-primary:focus, .moduletable-sfx19 .btn-primary:hover, .moduletable-sfx19 .btn-primary:focus, .moduletable-sfx20 .btn-primary:hover, .moduletable-sfx20 .btn-primary:focus, .moduletable-sfx21 .btn-primary:hover, .moduletable-sfx21 .btn-primary:focus, .moduletable-sfx22 .btn-primary:hover, .moduletable-sfx22 .btn-primary:focus, .moduletable-sfx23 .btn-primary:hover, .moduletable-sfx23 .btn-primary:focus, .moduletable-sfx24 .btn-primary:hover, .moduletable-sfx24 .btn-primary:focus, .moduletable-sfx33 .btn-primary:hover, .moduletable-sfx33 .btn-primary:focus, .moduletable-sfx34 .btn-primary:hover, .moduletable-sfx34 .btn-primary:focus, .moduletable-sfx35 .btn-primary:hover, .moduletable-sfx35 .btn-primary:focus, .moduletable-sfx36 .btn-primary:hover, .moduletable-sfx36 .btn-primary:focus { color: #FFF !important; background-color: #333 !important; } /*/ /// /// pagination /// /*/ .pagination ul li a, .pagination ul > .disabled > a, .pagination ul > .active > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus, .pagination ul > .active > a:hover, .pagination ul > .active > a:focus, .hikashop_products_pagination .list-footer .pagenav, .hikashop_subcategories_pagination .list-footer .pagenav { color: #fff; background-color: #E54545; } .pagination ul li a:hover, .pagination ul li.active a, .pagination ul li.active a:hover, .hikashop_products_pagination .list-footer span.pagenav, .hikashop_subcategories_pagination .list-footer span.pagenav, .hikashop_products_pagination .list-footer a.pagenav:hover, .hikashop_subcategories_pagination .list-footer a.pagenav:hover, .hikashop_module .hikashop_products_pagination .list-footer span.pagenav, .hikashop_module .hikashop_subcategories_pagination .list-footer span.pagenav, .hikashop_module .hikashop_products_pagination .list-footer a.pagenav:hover, .hikashop_module .hikashop_subcategories_pagination .list-footer a.pagenav:hover { color: #E54545; background-color: #fff; } /* ////////////////////////////////////////////////// 2.8. variations ////////////////////////////////////////////////// */ /* background */ .moduletable-sfx9, .moduletable-sfx10, .moduletable-sfx11, .moduletable-sfx12, .moduletable-sfx41, .moduletable-sfx42, .moduletable-sfx43, .moduletable-sfx44 { background-color: #E54545; } .moduletable-sfx41, .moduletable-sfx42, .moduletable-sfx43, .moduletable-sfx44 { background-color: #E54545; } /* titles */ .moduletable-sfx4 h3, .moduletable-sfx8 h3, .moduletable-sfx16 h3, .moduletable-sfx20 h3, .moduletable-sfx24 h3, .moduletable-sfx28 h3, .moduletable-sfx32 h3, .moduletable-sfx36 h3 { border-bottom: 1px solid #E54545; } /* links */ .moduletable-sfx1 a, .moduletable-sfx2 a, .moduletable-sfx3 a, .moduletable-sfx4 a, .moduletable-sfx5 a, .moduletable-sfx6 a, .moduletable-sfx7 a, .moduletable-sfx8 a { color: #E54545; } .moduletable-sfx1 a:hover, .moduletable-sfx1 a:focus, .moduletable-sfx2 a:hover, .moduletable-sfx2 a:focus, .moduletable-sfx3 a:hover, .moduletable-sfx3 a:focus, .moduletable-sfx4 a:hover, .moduletable-sfx4 a:focus, .moduletable-sfx5 a:hover, .moduletable-sfx5 a:focus, .moduletable-sfx6 a:hover, .moduletable-sfx6 a:focus, .moduletable-sfx7 a:hover, .moduletable-sfx7 a:focus, .moduletable-sfx8 a:hover, .moduletable-sfx8 a:focus { color: #444; } .moduletable-sfx13 a, .moduletable-sfx14 a, .moduletable-sfx15 a, .moduletable-sfx16 a, .moduletable-sfx17 a, .moduletable-sfx18 a, .moduletable-sfx19 a, .moduletable-sfx20 a, .moduletable-sfx21 a, .moduletable-sfx22 a, .moduletable-sfx23 a, .moduletable-sfx24 a, .moduletable-sfx25 a, .moduletable-sfx26 a, .moduletable-sfx27 a, .moduletable-sfx28 a, .moduletable-sfx29 a, .moduletable-sfx30 a, .moduletable-sfx31 a, .moduletable-sfx32 a, .moduletable-sfx33 a, .moduletable-sfx34 a, .moduletable-sfx35 a, .moduletable-sfx36 a { color: #E54545; } .moduletable-sfx13 a:hover, .moduletable-sfx13 a:focus, .moduletable-sfx14 a:hover, .moduletable-sfx14 a:focus, .moduletable-sfx15 a:hover, .moduletable-sfx15 a:focus, .moduletable-sfx16 a:hover, .moduletable-sfx16 a:focus, .moduletable-sfx17 a:hover, .moduletable-sfx17 a:focus, .moduletable-sfx18 a:hover, .moduletable-sfx18 a:focus, .moduletable-sfx19 a:hover, .moduletable-sfx19 a:focus, .moduletable-sfx20 a:hover, .moduletable-sfx20 a:focus { color: #fff; } .moduletable-sfx21 a:hover, .moduletable-sfx21 a:focus, .moduletable-sfx22 a:hover, .moduletable-sfx22 a:focus, .moduletable-sfx23 a:hover, .moduletable-sfx23 a:focus, .moduletable-sfx24 a:hover, .moduletable-sfx24 a:focus, .moduletable-sfx25 a:hover, .moduletable-sfx25 a:focus, .moduletable-sfx26 a:hover, .moduletable-sfx26 a:focus, .moduletable-sfx27 a:hover, .moduletable-sfx27 a:focus, .moduletable-sfx28 a:hover, .moduletable-sfx28 a:focus, .moduletable-sfx29 a:hover, .moduletable-sfx29 a:focus, .moduletable-sfx30 a:hover .moduletable-sfx30 a:focus { color: #fff; } .moduletable-sfx31 a:hover, .moduletable-sfx31 a:focus, .moduletable-sfx32 a:hover, .moduletable-sfx32 a:focus, .moduletable-sfx33 a:hover, .moduletable-sfx33 a:focus, .moduletable-sfx34 a:hover, .moduletable-sfx34 a:focus, .moduletable-sfx35 a:hover, .moduletable-sfx35 a:focus, .moduletable-sfx36 a:hover, .moduletable-sfx36 a:focus { color: #fff; } /* icons */ .moduletable-sfx1 h3 i, .moduletable-sfx2 h3 i, .moduletable-sfx5 h3 i, .moduletable-sfx6 h3 i, .moduletable-sfx13 h3 i, .moduletable-sfx14 h3 i, .moduletable-sfx17 h3 i, .moduletable-sfx18 h3 i, .moduletable-sfx21 h3 i, .moduletable-sfx22 h3 i, .moduletable-sfx25 h3 i, .moduletable-sfx26 h3 i, .moduletable-sfx29 h3 i, .moduletable-sfx30 h3 i, .moduletable-sfx33 h3 i, .moduletable-sfx34 h3 i { color: #E54545; } .moduletable-sfx3 h3 i, .moduletable-sfx4 h3 i, .moduletable-sfx7 h3 i, .moduletable-sfx8 h3 i, .moduletable-sfx15 h3 i, .moduletable-sfx16 h3 i, .moduletable-sfx19 h3 i, .moduletable-sfx20 h3 i, .moduletable-sfx23 h3 i, .moduletable-sfx24 h3 i, .moduletable-sfx27 h3 i, .moduletable-sfx28 h3 i, .moduletable-sfx31 h3 i, .moduletable-sfx32 h3 i, .moduletable-sfx35 h3 i, .moduletable-sfx36 h3 i { background-color: #E54545; color: #fff; } /* ////////////////////////////////////////////////// 2.9. custom pages ////////////////////////////////////////////////// */ /*/ /// /// main navigation styles demo /// /*/ .favnav-styles-demo { background-color: #E54545; color: #fff; } .favnav-styles-demo .favnav li.active a, .favnav-styles-demo .favnav li a:hover, .favnav-styles-demo .favnav li a:focus { color: rgba(17, 17, 17, 0.57); background-color: transparent; } .favnav-styles-demo .favnav .navigation li a[class^="fa-"]:before, .favnav-styles-demo .favnav .navigation li a[class*=" fa-"]:before { color: #fff; } /* ////////////////////////////////////////////////// 2.10. typography ////////////////////////////////////////////////// */ /*/ /// /// bootstrap elements /// /*/ /* blockquote */ blockquote { border-color: #E54545; } blockquote.blockquote-dark { border-color: #E54545; } /* badge */ .badge-info { background-color: #E54545; } /*/ /// /// lists /// /*/ ul.list-square li:before { background-color: #E54545; color: #fff; } ol.list-square li:before { color: #fff; background: none repeat scroll 0% 0% #E54545; } ul.list-circle li:before { background-color: #E54545; color: #fff; } ol.list-circle li:before { color: #fff; background: none repeat scroll 0% 0% #E54545; } /* ////////////////////////////////////////////////// 2.11. joomla ////////////////////////////////////////////////// */ /*/ /// /// article dropdown /// /*/ ul.dropdown-menu a:hover { color: #E54545; } .btn-group.open .btn.dropdown-toggle { background-color: #E54545; } /*/ /// /// language /// /*/ #fav-language ul.dropdown-menu li a:hover, #fav-language ul.dropdown-menu li a:focus { color: #E54545; } #fav-language-demo ul.dropdown-menu li a:hover, #fav-language-demo ul.dropdown-menu li a:focus { color: #E54545; } /*/ /// /// search /// /*/ /*/// mobile ///*/ @media (max-width: 768px) { .moduletablefavstyle.pull-left .fav-search a.btn.dropdown-toggle i { color: #E54545; } } #fav-search-advanced-fields .accordion-heading a.accordion-toggle { color: #fff; background-color: #E54545; } .moduletablefavstyle .fav-search .nav > li > a:hover { background-color: #333; } .moduletablefavstyle .fav-search .nav > li > a:focus { background-color: #E54545; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05); } /*/ /// /// profile /// /*/ #member-profile button.btn.btn-primary.validate, #member-profile a.btn { color: #fff; background-color: #E54545; } /*/ /// /// tags /// /*/ div.tag-category ul.thumbnails h3 a { background-color: #E54545; color: #fff; } ul.tags li a, .label-info[href], .badge-info[href] { border: 2px solid transparent !important; background-color: #E54545 !important; color: #fff !important; } ul.tags li a:hover, ul.tags li a:focus, .label-info[href]:hover, .label-info[href]:focus, .badge-info[href]:hover, .badge-info[href]:focus { background-color: #222 !important; color: #fff !important; } /* ////////////////////////////////////////////////// 2.12. hikashop ////////////////////////////////////////////////// */ /*/ /// /// content /// /*/ .hikashop_categories_listing_main a:hover, .hikashop_categories_listing_main a:focus { color: #E54545; } .hikashop_cart_input_button, a.hikashop_cart_button { color: #FFF !important; background-color: #E54545; } /*/ /// /// price /// /*/ span.hikashop_product_price, .hikashop_checkout_cart_additional, .hikashop_checkout_cart_payment, .hikashop_checkout_cart_coupon, .hikashop_checkout_cart_additional, span.hikashop_checkout_cart_final_total { color: #E54545; } /*/ /// /// discounts /// /*/ .hikashop_product_discount { background-color: #E54545; color: #fff; } /*/ /// /// categories on 1 level /// /*/ .hikashop_subcategories h4 a:hover, .hikashop_subcategories h4 a:focus { color: #E54545; } /*/ /// /// hikashop modules /// /*/ .hikashop_module a:hover, .hikashop_module a:focus { color: #E54545 !important; } /*/ /// /// store cart /// /*/ #hikashop_cart th { border-bottom: 1px solid #E54545; } @media (max-width: 768px) { #hikashop_cart a { color: #444; } #hikashop_cart a:hover { color: #E54545; } .favcartfavstyle.pull-right #hikashop_cart_module a.btn.dropdown-toggle i, .favcart.favstyle.pull-right #hikashop_cart_module a.btn.dropdown-toggle i, .favcartfavstyle.pull-left #hikashop_cart_module a.btn.dropdown-toggle i, .favcart.favstyle.pull-left #hikashop_cart_module a.btn.dropdown-toggle i { color: #E54545; } #hikashop_cart .hikashop_cart_module_product_name_value a:hover { color: #E54545; } } /*/ /// /// currency /// /*/ #fav-containerwrap .hikashop_currency_module .chzn-container .chzn-results li.active-result:hover, #fav-containerwrap .hikashop_currency_module .chzn-container .chzn-results li.active-result:focus, #fav-containerwrap .hikashop_currency_module .chzn-container .chzn-results li.active-result.result-selected { color: #E54545; } /*/ /// /// checkout /// /*/ #hikashop_checkout_cart thead { background-color: #E54545; } p.hikashop_cart_product_name a { color: #E54545; } #hikashop_checkout_page .btn.btn-radio.active.btn-primary, #hikashop_checkout_page .btn.btn-radio.active.btn-primary:hover, #hikashop_checkout_page .btn.btn-radio.active.btn-primary:focus { box-shadow: none; background-color: #333; } /*/ /// /// account /// /*/ .hikashop_cpanel_icon_table:hover .hikashop_cpanel_button_description { color: #E54545; } /*/ /// /// view orders /// /*/ #hikashop_order_listing a, #hikashop_order_listing a, #hikashop_download_listing a, #hikashop_download_listing a, #hikashop_carts_listing div.toolbar a:hover, #hikashop_affiliate_main div.toolbar a:hover, #hikashop_address_listing div.toolbar a:hover, #hikashop_order_listing div.toolbar a:hover, #hikashop_order_listing span.icon-32-back, #hikashop_order_back_button span.icon-32-back, #hikashop_download_listing div.toolbar a:hover, #hikashop_download_listing span.icon-32-back, #hikashop_download_back_button span.icon-32-back, #hikashop_address_listing span.icon-32-back, #hikashop_new_address_popup span.icon-32-new, #hikashop_order_listing span.icon-32-back:hover, #hikashop_order_listing span.icon-32-back:focus, #hikashop_order_back_button span.icon-32-back:hover, #hikashop_order_back_button span.icon-32-back:focus, #hikashop_download_listing span.icon-32-back:hover, #hikashop_download_listing span.icon-32-back:focus, #hikashop_download_back_button span.icon-32-back:hover, #hikashop_download_back_button span.icon-32-back:focus, #hikashop_address_listing span.icon-32-back:hover, #hikashop_address_listing span.icon-32-back:focus, #hikashop_new_address_popup span.icon-32-new:hover, #hikashop_new_address_popup span.icon-32-new:focus, #htmlfieldset_products .hikashop_order_product_name:hover { color: #E54545; } td.hikashop_order_number_value a, td.hikashop_download_number_value a { color: #E54545 !important; } #htmlfieldset_products .hikashop_order_product_name:hover { color: #E54545; } /* ////////////////////////////////////////////////////////////////////// /// 3. extensions ////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////// 3.1. favcontent ////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////// 3.2. favteam ////////////////////////////////////////////////// */ .favstyle div[id^="favteam"] a, .favstyle div[id*=" favteam"] a, .favstyle div[id^="favteam"] a:hover, .favstyle div[id*=" favteam"] a:hover, .favstyle div[id^="favteam"] a:focus, .favstyle div[id*=" favteam"] a:focus { color: #E54545 !important; } .favstyle p[class^="favteam-contact-"] i, .favstyle p[class*=" favteam-contact-"] i { color: #E54545 !important; } .favstyle #favteam-overlay.overlay-dark li[class^="favteam-icon"] i, .favstyle #favteam-overlay.overlay-dark li[class*=" favteam-icon"] i { background-color: #E54545 !important; } /* ////////////////////////////////////////////////// 3.3. favshowcase ////////////////////////////////////////////////// */ .favstyle div[id^="favshowcase-readmore"] a.btn, .favstyle div[id*=" favshowcase-readmore"] a.btn { background-color: #E54545!important; box-shadow: 0 4px rgba(17, 17, 17, 0.3), 0 4px #E54545; } .favstyle div[id^="favshowcase-readmore"] a.btn:hover, .favstyle div[id*=" favshowcase-readmore"] a.btn:hover, .favstyle div[id^="favshowcase-readmore"] a.btn:focus, .favstyle div[id*=" favshowcase-readmore"] a.btn:focus { box-shadow: none; } /* ////////////////////////////////////////////////// 3.4. favportfolio ////////////////////////////////////////////////// */ .favstyle a#favportfolio-zoom { border-color: transparent #E54545 #E54545 transparent !important; } .favstyle .favmodal .carousel-caption h4 { font-weight: 500; } .favstyle .favmodal.modal.fade.in { top: 20%; } /* ////////////////////////////////////////////////// 3.6. favslider ////////////////////////////////////////////////// */ #fav-caption h3 { border: none !important; } /* /// favstyle */ .favstyle .fav-control-nav li { display: block; } /* width */ .favstyle div[id^="slider-"].favslider, .favstyle div[id*=" slider-"].favslider { width: 70%; margin: 0 auto; } /* caption */ .favstyle #fav-caption.favstyle-center { top: 10%; padding: 0; background-color: transparent; } .favstyle #fav-caption h3 { font-weight: 400; word-spacing: 4px; line-height: 1.2; margin: 0 !important; padding: 21px 0 0 !important; } .favstyle #fav-caption p { line-height: 1.2; padding-bottom: 18px; } .favstyle #fav-caption.favstyle-bg-light h3, .favstyle #fav-caption.favstyle-bg-light p { background: rgba(255, 255, 255, 0.67); } .favstyle #fav-caption.favstyle-bg-dark h3, .favstyle #fav-caption.favstyle-bg-dark p { background: rgba(17, 17, 17, 0.67); } /* navigation arrows */ .favstyle .fav-direction-nav li .fav-next, .favstyle .favslider:hover .fav-direction-nav li .fav-next, .favstyle .fav-direction-nav li .fav-prev, .favstyle .favslider:hover .fav-direction-nav li .fav-prev { top: 54%; } /* navigation bullets */ .favstyle .fav-control-paging { bottom: 18px; } .favstyle .fav-control-paging li a { margin: 4px 0px; width: 14px; height: 14px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .favstyle .fav-control-paging li a:hover, .favstyle .fav-control-paging li a:focus, .favstyle .fav-control-paging li a.fav-active { background-color: #E54545; } /* slide effect */ .favstyle div[id^="slider-"].favslider .fav-viewport, .favstyle div[id*=" slider-"].favslider .fav-viewport { overflow: visible!important; } .favstyle .favslider .fav-viewport ul.favs { background-color: #000 !important; border-bottom: 10px solid #000; } .favstyle .favslider .fav-viewport .favs > li.fav-active-slide img { -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; transition: all 2s ease-in-out; } .favstyle .favslider .fav-viewport .favs > li img, .favstyle .favslider .fav-viewport .favs > li #fav-caption { opacity: 0.3; } .favstyle .favslider .fav-viewport .favs > li.fav-active-slide img, .favstyle .favslider .fav-viewport .favs > li.fav-active-slide #fav-caption{ opacity: 1; } /* /// tablet */ @media (max-width: 1600px) { .favstyle div[id^="slider-"].favslider, .favstyle div[id*=" slider-"].favslider { width: 80%; } } @media (max-width: 1400px) { .favstyle div[id^="slider-"].favslider, .favstyle div[id*=" slider-"].favslider { width: 90%; } } @media (max-width: 1200px) { .favstyle div[id^="slider-"].favslider, .favstyle div[id*=" slider-"].favslider { width: 100%; } .favstyle .fav-direction-nav li .fav-next, .favstyle .favslider:hover .fav-direction-nav li .fav-next, .favstyle .fav-direction-nav li .fav-prev, .favstyle .favslider:hover .fav-direction-nav li .fav-prev { top: 60%; } } /*/// mobile ///*/ @media (max-width: 768px) { .favstyle .fav-direction-nav li .fav-next, .favstyle .favslider:hover .fav-direction-nav li .fav-next, .favstyle .fav-direction-nav li .fav-prev, .favstyle .favslider:hover .fav-direction-nav li .fav-prev { top: 46% !important; } .favstyle #fav-caption.favstyle-center { top: -40% !important; } .favstyle #fav-caption h3 { font-size: 3em !important; } .favstyle .fav-control-nav li { display: inline-block; } .favstyle .fav-control-paging li a { margin: 0px 3px; } .favstyle .fav-control-paging { width: 100%; text-align: center; } } @media (max-width: 600px) { .favstyle #fav-caption h3 { font-size: 2em !important; } .favstyle #fav-caption p { font-size: 18px !important; } .favstyle .fav-control-paging { display: none; } } @media (max-width: 400px) { .favstyle #fav-caption.favstyle-center { width: 60% !important; top: -50% !important; } .favstyle #fav-caption h3 { font-size: 1.6em !important; padding-top: 14px !important; } .favstyle #fav-caption p { font-size: 16px !important; padding-bottom: 10px; } } @media (max-width: 400px) { .favstyle #fav-caption.favstyle-center { top: -60% !important; } .favstyle #fav-caption h3 { font-size: 1.6em !important; } .favstyle #fav-caption p { font-size: 14px !important; } } @media (max-width: 280px) { .favstyle #fav-caption.favstyle-center { display: none; } } /* ////////////////////////////////////////////////// 3.7. favpromote ////////////////////////////////////////////////// */ .favstyle div[id^="favpromote-box"] h4[id^="favpromote-title"], .favstyle div[id^="favpromote-box"] h4[id*=" favpromote-title"], .favstyle div[id^="favpromote-box"]:hover h4[id^="favpromote-title"], .favstyle div[id^="favpromote-box"]:hover h4[id*=" favpromote-title"] { font-weight: 400; } .favstyle div[id^="favpromote-box"]:hover, .favstyle div[id^="favpromote-box"]:hover, .favstyle div[id^="favpromote-box"] h4[id^="favpromote-title"], .favstyle div[id^="favpromote-box"] h4[id*=" favpromote-title"] { background-color: #E54545 !important; } .favstyle div[id^="favpromote-box"]:hover h4[id^="favpromote-title"], .favstyle div[id^="favpromote-box"]:hover h4[id*=" favpromote-title"], .favstyle div[id^="favpromote-box"] h4[id^="favpromote-title"]:hover, .favstyle div[id^="favpromote-box"] h4[id*=" favpromote-title"]:hover { background-color: #111 !important; } /* ////////////////////////////////////////////////// 3.8. favimagehover ////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////// 3.9. favglyph ////////////////////////////////////////////////// */ .favstyle div.favglyph-description-center h2 { font-weight: 400; } .favstyle div.favglyph-icon-center div#favglyph-icon { margin: 21px auto 22px; background-color: #E54545 !important; } /* ////////////////////////////////////////////////// 3.10. faveffects ////////////////////////////////////////////////// */ .favstyle div[id^="faveffects-icon"], .favstyle div[id*=" faveffects-icon"] { background-color: #E54545 !important; border: 2px solid #E54545 !important; } .favstyle div[id^="faveffects-icon"]:hover, .favstyle div[id*=" faveffects-icon"]:hover, .favstyle div[id^="faveffects-icon"]:focus, .favstyle div[id*=" faveffects-icon"]:focus { background-color: #fff !important; } .favstyle div[id^="faveffects-icon"] i:hover, .favstyle div[id*=" faveffects-icon"] i:hover, .favstyle div[id^="faveffects-icon"] i:focus, .favstyle div[id*=" faveffects-icon"] i:focus { color: #E54545 !important; } /* ////////////////////////////////////////////////// 3.11. favsocial ////////////////////////////////////////////////// */ .favstyle div[id^="favsocial"] a, .favstyle div[id*=" favsocial"] a { background-color: #E54545 !important; }