/* * name Atelier * version 1.3 * description Responsive and customizable Joomla!3 template * demo http://demo.favthemes.com/atelier * 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. titles 1.6. buttons 1.7. variations 1.8. custom pages 1.9. typography 1.10. joomla 1.11. hikashop 1.12. extensions 2. style 2.1. reset 2.2. header 2.3. navigation 2.4. module positions 2.5. titles 2.6. buttons 2.7. variations 2.8. custom pages 2.9. typography 2.10. joomla 2.11. hikashop 2.12. extensions //////////////////////////////////////////////////////////////////////////////// */ /*/ //////////////////////////////////////////////////////////////////////////////// /// /// 1. layout /// //////////////////////////////////////////////////////////////////////////////// /*/ /*////////////////////////////////////////////////////////////////////////////// 1.1. reset //////////////////////////////////////////////////////////////////////////////*/ /*////////////////////////////////////////////////////////////////////////////// /// /// fonts /// //////////////////////////////////////////////////////////////////////////////*/ /*/ /// /// primary /// /*/ body, .hikashop_checkout_cart_additional, .hikashop_checkout_cart_payment, .hikashop_checkout_cart_coupon, .hikashop_checkout_cart_additional, span.hikashop_checkout_cart_final_total { font-family: Raleway, Helvetica, Arial, sans-serif; /* default font */ font-weight: normal; } /*/ /// /// secondary /// /*/ /* subtitles */ .moduletable h4.fav-subtitle, [class^="moduletable-"] h4.fav-subtitle, [class*=" moduletable-"] h4.fav-subtitle { font-family: Raleway, sans-serif; font-weight: 300; } /* intro */ .favintro { font-family: Raleway, sans-serif; font-weight: 300; } /* hikashop */ #hikashop_comment_form .hikashop_listing_comment, span.hikashop_product_price { font-family: Raleway, sans-serif; font-weight: 300; } /*/ /// /// nav /// /*/ .favnav .navigation .nav a, .favnav .navigation .nav > li > a, .favnav .navigation .nav .nav-child a, .favnav .navigation .nav .nav-header, .favnav .navigation .nav > li > .nav-header, .favnav .navigation .nav .nav-child .nav-header, .favnav .navigation ul.nav li .nav-header { font-family: Raleway, Helvetica, Arial, sans-serif; font-weight: 500; } /*/ /// /// titles /// /*/ h1, h2, h3, h4, h5, h6, .moduletable h3, div[class^="moduletable-"] h3, div[class*=" moduletable-"] h3, .page-header h2, h2.item-title, .componentheading, #member-profile legend, div.tag-category ul h3, div.contact-category h2, div.newsfeed h2, div.newsfeed-category h2, #hikashop_product_top_part.hikashop_product_top_part h1, .hikashop_category_information h2, #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_download_listing fieldset h1, #hikashop_order_main fieldset h1, div.hikashop_container .hikashop_category_name a, div.hikashop_subcontainer span.hikashop_product_name a, #hikashop_checkout_billing_address legend, #hikashop_checkout_page #hikashop_checkout_shipping_address legend, #hikashop_checkout_page #hikashop_shipping_methods legend { font-family: Raleway, Helvetica, Arial, sans-serif; font-weight: 300; } /*/ /// /// buttons /// /*/ .btn, .btn-primary, .pager .next a, .pager .previous a, .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, .hikashop_cart_input_button, .hikashop_categories_listing_main .btn, a.hikashop_cart_button, .hikashop_cart_input_button, a.hikashop_cart_button, .hikashop_product_stock .btn.button.hikashop_cart_input_button, .hikashop_product_stock a.hikashop_cart_button, #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 #fav-language ul.dropdown-menu li a, #fav-language-demo ul.dropdown-menu li a { font-family: Raleway, Helvetica, Arial, sans-serif; font-weight: 500; } /*////////////////////////////////////////////////////////////////////////////// 1.2. header //////////////////////////////////////////////////////////////////////////////*/ #fav-headerwrap, #fav-headerwrap.fav-fixed { padding-top: 0px; padding-bottom: 0px; background-color: #222; } #fav-headerwrap.fav-fixed.favheader { background-color: rgba(17, 17, 17, 0.9); padding-top: 0px; padding-bottom: 0px; } #fav-headerwrap li a, #fav-headerwrap .nav-header, #fav-headerwrap p { color: #eee; } /* links */ #fav-headerwrap .favnav .navigation li.active a, #fav-headerwrap .favnav .navigation li a:hover, #fav-headerwrap .favnav .navigation li a:focus, #fav-headerwrap .favnav .navigation li.active .nav-header, #fav-headerwrap .favnav .navigation li .nav-header:hover, #fav-headerwrap .favnav .navigation li .nav-header:focus { background-color: #171717; } /* submenu */ #fav-headerwrap .favnav .navigation .nav-child { background-color: #222; border: 1px solid #272727; } #fav-headerwrap .favnav .navigation .nav-child li a, #fav-headerwrap .favnav .navigation .nav-child li.active a, #fav-headerwrap .favnav .navigation .nav-child li a:hover, #fav-headerwrap .favnav .navigation .nav-child li a:focus, #fav-headerwrap .favnav .navigation .nav-child li .nav-header, #fav-headerwrap .favnav .navigation .nav-child li.active .nav-header, #fav-headerwrap .favnav .navigation .nav-child li .nav-header:hover, #fav-headerwrap .favnav .navigation .nav-child li .nav-header:focus { color: #eee; background-color: transparent; border-bottom: 1px solid #333 !important; } /* /// fixed */ @media (min-width: 1200px) { #fav-container.fav-fixed { margin-top: 62px; } } /*/// tablet ///*/ @media (min-width: 769px) and (max-width: 1200px) { #fav-container.fav-fixed.navstyle-icon-vertical { margin-top: 124px; } } /*////////////////////////////////////////////////////////////////////////////// /// /// logo /// //////////////////////////////////////////////////////////////////////////////*/ .default-logo { margin: 19px 0px 0px; } /*////////////////////////////////////////////////////////////////////////////// 1.3. navigation //////////////////////////////////////////////////////////////////////////////*/ /*/ /// /// navigation arrows /// /*/ .favnav.navstyle-2 .navigation .nav-child:before, .favnav.navstyle-3.navstyle-icon-vertical .navigation .nav-child:before, .favnav.navstyle-4 .navigation .nav-child:before, .favnav.navstyle-5 .navigation .nav-child:before, .favnav.navstyle-6 .navigation .nav-child:before { position: absolute; top: -10px; left: 14px; display: inline-block; } .favnav.navstyle-2 .navigation .nav-child:after, .favnav.navstyle-3.navstyle-icon-vertical .navigation .nav-child:after, .favnav.navstyle-4 .navigation .nav-child:after, .favnav.navstyle-5 .navigation .nav-child:after, .favnav.navstyle-6 .navigation .nav-child:after { position: absolute; top: -9px; left: 15px; display: inline-block; } .favnav.navstyle-2 .navigation .nav-child li > ul:before, .favnav.navstyle-3.navstyle-icon-vertical .navigation .nav-child li > ul:before, .favnav.navstyle-4 .navigation .nav-child li > ul:before, .favnav.navstyle-5 .navigation .nav-child li > ul:before, .favnav.navstyle-6 .navigation .nav-child li > ul:before { top: 15px; left: -14px; border-left: none; } .favnav.navstyle-2 .navigation .nav-child li > ul:after, .favnav.navstyle-3.navstyle-icon-vertical .navigation .nav-child li > ul:after, .favnav.navstyle-4 .navigation .nav-child li > ul:after, .favnav.navstyle-5 .navigation .nav-child li > ul:after, .favnav.navstyle-6 .navigation .nav-child li > ul:after { top: 16px; left: -13px; margin-top: 0; border-left: none; } /*/ /// /// light /// /*/ #fav-headerwrap.fav-light .favnav .navigation .nav-child:before { position: absolute; top: -7px; left: 14px; display: inline-block; } #fav-headerwrap.fav-light .favnav .navigation .nav-child:after { position: absolute; top: -6px; left: 15px; display: inline-block; } #fav-headerwrap.fav-light .favnav .navigation .nav-child li > ul:before { top: 15px; left: -8px; border-left: none; } #fav-headerwrap.fav-light .favnav .navigation .nav-child li > ul:after { top: 16px; left: -7px; margin-top: 0; border-left: none; } /*/ /// /// dark /// /*/ #fav-headerwrap.fav-dark .favnav .navigation .nav-child:before { position: absolute; top: -7px; left: 14px; display: inline-block; } #fav-headerwrap.fav-dark .favnav .navigation .nav-child:after { position: absolute; top: -6px; left: 15px; display: inline-block; } #fav-headerwrap.fav-dark .favnav .navigation .nav-child li > ul:before { top: 15px; left: -8px; border-left: none; } #fav-headerwrap.fav-dark .favnav .navigation .nav-child li > ul:after { top: 16px; left: -7px; margin-top: 0; border-left: none; } /*/// tablet ///*/ @media (min-width: 768px) and (max-width: 1200px) { .favnav.navstyle-2 .navigation .nav-child:before, .favnav.navstyle-3 .navigation .nav-child:before { position: absolute; top: -10px; left: 14px; display: inline-block; } .favnav.navstyle-2 .navigation .nav-child:after, .favnav.navstyle-3 .navigation .nav-child:after { position: absolute; top: -9px; left: 15px; display: inline-block; } .favnav.navstyle-2 .navigation .nav-child li > ul:before, .favnav.navstyle-3 .navigation .nav-child li > ul:before { top: 15px; left: -14px; border-left: none; } .favnav.navstyle-2 .navigation .nav-child li > ul:after, .favnav.navstyle-3 .navigation .nav-child li > ul:after { top: 16px; left: -13px; margin-top: 0; border-left: none; } } /*/ /// /// submenu /// /*/ .favnav .navigation ul.nav ul.nav-child { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /*/// mobile ///*/ @media (max-width: 768px) { /* mobile menu */ .navbar-inverse .nav .active > a, .navbar .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar .nav .active > a:hover, .navbar-inverse .nav .active > a:focus, .navbar .nav .active > a:focus, .navbar-inverse .nav .active > .nav-header, .navbar .nav .active > .nav-header, .navbar-inverse .nav .active > .nav-header:hover, .navbar .nav .active > .nav-header:hover, .navbar-inverse .nav .active > .nav-header:focus, .navbar .nav .active > .nav-header:focus { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #fav-navbar-collapse li.deeper.parent.favmenuopen a:after, #fav-navbar-collapse li.deeper.parent.favmenuopen .nav-header:after, #fav-navbar-collapse li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen a:after, #fav-navbar-collapse li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen .nav-header:after, #fav-navbar-collapse li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen a:after, #fav-navbar-collapse li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen .nav-header:after, #fav-navbar-collapse li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen a:after, #fav-navbar-collapse li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen .nav-header:after, #fav-navbar-collapse li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen a:after, #fav-navbar-collapse li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen .nav-header:after { content: "\f068"; } #fav-navbar-collapse li.deeper.parent a:after, #fav-navbar-collapse li.deeper.parent .nav-header:after, #fav-navbar-collapse li.deeper.parent ul li.deeper.parent a:after, #fav-navbar-collapse li.deeper.parent ul li.deeper.parent .nav-header:after, #fav-navbar-collapse li.deeper.parent ul li.deeper.parent ul li.deeper.parent a:after, #fav-navbar-collapse li.deeper.parent ul li.deeper.parent ul li.deeper.parent .nav-header:after, #fav-navbar-collapse li.deeper.parent ul li.deeper.parent ul li.deeper.parent ul li.deeper.parent a:after, #fav-navbar-collapse li.deeper.parent ul li.deeper.parent ul li.deeper.parent ul li.deeper.parent .nav-header:after, #fav-navbar-collapse li.deeper.parent ul li.deeper.parent ul li.deeper.parent ul li.deeper.parent ul li.deeper.parent a:after, #fav-navbar-collapse li.deeper.parent ul li.deeper.parent ul li.deeper.parent ul li.deeper.parent ul li.deeper.parent .nav-header:after { content: "\f067"; } #fav-navbar-collapse li.deeper.parent ul a:after, #fav-navbar-collapse li.deeper.parent ul .nav-header:after, #fav-navbar-collapse li.deeper.parent ul li.deeper.parent ul a:after, #fav-navbar-collapse li.deeper.parent ul li.deeper.parent ul .nav-header:after, #fav-navbar-collapse li.deeper.parent ul li.deeper.parent ul li.deeper.parent ul a:after, #fav-navbar-collapse li.deeper.parent ul li.deeper.parent ul li.deeper.parent ul .nav-header:after, #fav-navbar-collapse li.deeper.parent ul li.deeper.parent ul li.deeper.parent ul li.deeper.parent ul a:after, #fav-navbar-collapse li.deeper.parent ul li.deeper.parent ul li.deeper.parent ul li.deeper.parent ul .nav-header:after, #fav-navbar-collapse li.deeper.parent ul li.deeper.parent ul li.deeper.parent ul li.deeper.parent ul li.deeper.parent ul a:after, #fav-navbar-collapse li.deeper.parent ul li.deeper.parent ul li.deeper.parent ul li.deeper.parent ul li.deeper.parent ul .nav-header:after, #fav-navbar-collapse li.deeper.parent.favmenuopen ul a:after, #fav-navbar-collapse li.deeper.parent.favmenuopen ul .nav-header:after, #fav-navbar-collapse li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul a:after, #fav-navbar-collapse li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul .nav-header:after, #fav-navbar-collapse li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul a:after, #fav-navbar-collapse li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul .nav-header:after, #fav-navbar-collapse li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul a:after, #fav-navbar-collapse li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul .nav-header:after, #fav-navbar-collapse li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul a:after, #fav-navbar-collapse li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul li.deeper.parent.favmenuopen ul .nav-header:after { content: none; } #fav-navbar-btn a.btn.btn-navbar { margin: 8px 0 0 0; } /* light */ div.navbar #fav-navbar-collapse li a:hover, div.navbar #fav-navbar-collapse li a:focus, div.navbar #fav-navbar-collapse li li a:hover, div.navbar #fav-navbar-collapse li li a:focus, div.navbar #fav-navbar-collapse li li li a:hover, div.navbar #fav-navbar-collapse li li li a:focus, div.navbar #fav-navbar-collapse li li li li a:hover, div.navbar #fav-navbar-collapse li li li li a:focus, div.navbar #fav-navbar-collapse li .nav-header:hover, div.navbar #fav-navbar-collapse li .nav-header:focus, div.navbar #fav-navbar-collapse li li .nav-header:hover, div.navbar #fav-navbar-collapse li li .nav-header:focus, div.navbar #fav-navbar-collapse li li li .nav-header:hover, div.navbar #fav-navbar-collapse li li li .nav-header:focus, div.navbar #fav-navbar-collapse li li li li .nav-header:hover, div.navbar #fav-navbar-collapse li li li li .nav-header:focus, div.navbar #fav-navbar-collapse li[class^="item-"].current.active, div.navbar #fav-navbar-collapse li[class*=" item-"].current.active, div.navbar #fav-navbar-collapse li li[class^="item-"].current.active, div.navbar #fav-navbar-collapse li li[class*=" item-"].current.active, div.navbar #fav-navbar-collapse li li li[class^="item-"].current.active, div.navbar #fav-navbar-collapse li li li[class*=" item-"].current.active, div.navbar #fav-navbar-collapse li li li li[class^="item-"].current.active, div.navbar #fav-navbar-collapse li li li li[class*=" item-"].current.active { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } } /*////////////////////////////////////////////////////////////////////////////// /// /// nav style /// //////////////////////////////////////////////////////////////////////////////*/ /*/ /// /// default /// /*/ /* layout */ #fav-container .favnav.navstyle .navigation ul.nav > li > a, #fav-container .favnav.navstyle .navigation ul.nav > li > .nav-header { margin: 0px 1px 0px 0px; padding: 23px 12px; border-top: 2px solid transparent; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /* vertical */ #fav-container .favnav.navstyle.navstyle-icon-vertical .navigation ul.nav > li > a, #fav-container .favnav.navstyle.navstyle-icon-vertical .navigation ul.nav > li > .nav-header { margin-top: 0; margin-bottom: 0; padding-top: 10px; padding-bottom: 8px; } /* active */ #fav-container .favnav.navstyle .navigation ul.nav > li.active > a, #fav-container .favnav.navstyle .navigation ul.nav > li > a:hover, #fav-container .favnav.navstyle .navigation ul.nav > li > a:focus, #fav-container .favnav.navstyle .navigation ul.nav > li.active > .nav-header, #fav-container .favnav.navstyle .navigation ul.nav > li > .nav-header:hover, #fav-container .favnav.navstyle .navigation ul.nav > li > .nav-header:focus { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /* submenu */ #fav-container .favnav.navstyle .navigation .nav-child li a, #fav-container .favnav.navstyle .navigation .nav-child li .nav-header { margin: 0px; padding: 8px 20px 6px; border: none; } /*/// tablet ///*/ @media (min-width: 768px) and (max-width: 1200px) { #fav-container .favnav.navstyle .navigation ul.nav > li > a, #fav-container .favnav.navstyle .navigation ul.nav > li > .nav-header { padding-top: 13px !important; padding-bottom: 13px !important; } #fav-container .favnav.navstyle .navigation .nav-child li a, #fav-container .favnav.navstyle .navigation .nav-child li .nav-header { padding: 8px 14px 6px !important; } } /* style 1 */ .favnav.navstyle-1 .navigation ul.nav > li > a, .favnav.navstyle-1 .navigation ul.nav > li > .nav-header { margin: 10px 1px 10px 0px; padding: 15px 14px 13px; } /* style 2 */ .favnav.navstyle-2 .navigation ul.nav > li > a, .favnav.navstyle-2 .navigation ul.nav > li > .nav-header { margin: 10px 1px 10px 0px; padding: 15px 14px 13px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .favnav.navstyle-2.navstyle-icon-vertical .navigation ul.nav > li > a, .favnav.navstyle-2.navstyle-icon-vertical .navigation ul.nav > li > .nav-header { margin-top: 2px; margin-bottom: 2px; padding-top: 8px; padding-bottom: 8px; } /*/// tablet ///*/ @media (min-width: 768px) and (max-width: 1200px) { .favnav.navstyle-2 .navigation ul.nav > li > a, .favnav.navstyle-2 .navigation ul.nav > li > .nav-header { padding-top: 15px !important; padding-bottom: 13px !important; } .favnav.navstyle-2.navstyle-icon-vertical .navigation ul.nav > li > a, .favnav.navstyle-2.navstyle-icon-vertical .navigation ul.nav > li > .nav-header { padding-top: 11px !important; padding-bottom: 9px !important; } } /* style 3 */ .favnav.navstyle-3 .navigation ul.nav > li > a, .favnav.navstyle-3 .navigation ul.nav > li > .nav-header { margin: 10px 1px 10px 0px; padding: 12px 14px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /* style 4 */ .favnav.navstyle-4 .navigation ul.nav > li > a, .favnav.navstyle-4 .navigation ul.nav > li > .nav-header { margin: 0px 1px 0px 0px; padding: 25px 14px 21px; } /* style 5 */ .favnav.navstyle-5 .navigation ul.nav > li > a, .favnav.navstyle-5 .navigation ul.nav > li > .nav-header { margin: 0px 1px 0px 0px; padding: 23px 14px; } /*/// tablet ///*/ @media (min-width: 768px) and (max-width: 1200px) { .favnav.navstyle-5.navstyle-icon-vertical .navigation ul.nav > li > a, .favnav.navstyle-5.navstyle-icon-vertical .navigation ul.nav > li > .nav-header { padding-top: 9px !important; padding-bottom: 9px !important; } .favnav.navstyle-5 .navigation .nav-child li a, .favnav.navstyle-5 .navigation .nav-child li .nav-header { padding: 8px 14px 6px !important; } } /* style 6 */ .favnav.navstyle-6 .navigation ul.nav > li > a, .favnav.navstyle-6 .navigation ul.nav > li > .nav-header { margin: 0px 1px 0px 0px; padding: 22px 14px; } /*/// tablet ///*/ @media (max-width: 1200px) { .favnav.navstyle-6.navstyle-icon-vertical .navigation ul.nav > li > a, .favnav.navstyle-6.navstyle-icon-vertical .navigation ul.nav > li > .nav-header { padding-top: 8px !important; padding-bottom: 8px !important; } .favnav.navstyle-6 .navigation .nav-child li a, .favnav.navstyle-6 .navigation .nav-child li .nav-header { padding: 8px 14px 6px !important; } } /* style 7 */ .favnav.navstyle-7 .navigation ul.nav > li > a, .favnav.navstyle-7 .navigation ul.nav > li > .nav-header { margin: 0px 1px 0px 0px; padding: 24px 14px; } .favnav.navstyle-7.navstyle-icon-vertical .navigation ul.nav > li > a, .favnav.navstyle-7.navstyle-icon-vertical .navigation ul.nav > li > .nav-header { margin-top: 0px; margin-bottom: 0px; padding-top: 10px; padding-bottom: 10px; } /*/// tablet ///*/ @media (min-width: 768px) and (max-width: 1200px) { .favnav.navstyle-7.navstyle-icon-vertical .navigation ul.nav > li > a, .favnav.navstyle-7.navstyle-icon-vertical .navigation ul.nav > li > .nav-header { padding-top: 9px; padding-bottom: 11px; } } /*////////////////////////////////////////////////////////////////////////////// /// /// vertical menus /// //////////////////////////////////////////////////////////////////////////////*/ /*/ /// /// basic menu /// /*/ ul.menubasic, ul.menubasic li a, ul.menubasic li .nav-header { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /*////////////////////////////////////////////////////////////////////////////// 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 .moduletable { margin: 0; } /*////////////////////////////////////////////////////////////////////////////// /// /// backtop /// //////////////////////////////////////////////////////////////////////////////*/ a.backtop i { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /*////////////////////////////////////////////////////////////////////////////// 1.5. titles //////////////////////////////////////////////////////////////////////////////*/ /* icons */ .moduletable h3 [class^="fa fa-"], .moduletable h3 [class*=" fa fa-"] { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /*////////////////////////////////////////////////////////////////////////////// 1.6. 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 { font-size: 14px; padding: 14px 21px 12px; background-image: none; font-weight: 500; border: 1px solid transparent; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .btn-group > .btn:first-child { margin-left: 0px; border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .btn-group > .btn:last-child, .btn-group > .dropdown-toggle { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } /*////////////////////////////////////////////////////////////////////////////// /// /// 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, .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, .hikashop_cart_input_button, a.hikashop_cart_button { font-weight: 500; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .pagination ul > li:first-child > a, .pagination ul > li:first-child > span { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .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; } .pagination ul > li:last-child > a, .pagination ul > li:last-child > span { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } @media (max-width: 480px) { .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 { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } } /*////////////////////////////////////////////////////////////////////////////// /// /// misc button elements /// //////////////////////////////////////////////////////////////////////////////*/ /*/ /// /// tags /// /*/ .label-info[href], .badge-info[href], ul.tags li a { padding: 6px 10px !important; border: 2px solid #e7e7e7 !important; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } div.tag-category ul.thumbnails h3 a { padding: 6px 10px !important; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /*/ /// /// article dropdown /// /*/ .btn-group .btn.dropdown-toggle { padding: 9px 12px 6px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .pull-right > .dropdown-menu { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /*/ /// /// badge /// /*/ .badge { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /*/ /// /// edit item button /// /*/ a.btn.jmodedit { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border: 1px solid transparent; } /*////////////////////////////////////////////////////////////////////////////// 1.7. variations //////////////////////////////////////////////////////////////////////////////*/ .moduletable-sfx5, .moduletable-sfx6, .moduletable-sfx7, .moduletable-sfx8, .moduletable-sfx9, .moduletable-sfx10, .moduletable-sfx11, .moduletable-sfx12, .moduletable-sfx17, .moduletable-sfx18, .moduletable-sfx19, .moduletable-sfx20, .moduletable-sfx21, .moduletable-sfx22, .moduletable-sfx23, .moduletable-sfx24, .moduletable-sfx29, .moduletable-sfx30, .moduletable-sfx31, .moduletable-sfx32, .moduletable-sfx33, .moduletable-sfx34, .moduletable-sfx35, .moduletable-sfx36, .moduletable-sfx41, .moduletable-sfx42, .moduletable-sfx43, .moduletable-sfx44, .moduletable-sfx45, .moduletable-sfx46, .moduletable-sfx47, .moduletable-sfx48, .moduletable-sfx26 h3, .moduletable-sfx27 h3, .moduletable-sfx1 h3 i, .moduletable-sfx2 h3 i, .moduletable-sfx3 h3 i, .moduletable-sfx4 h3 i, .moduletable-sfx5 h3 i, .moduletable-sfx6 h3 i, .moduletable-sfx7 h3 i, .moduletable-sfx8 h3 i, .moduletable-sfx9 h3 i, .moduletable-sfx10 h3 i, .moduletable-sfx11 h3 i, .moduletable-sfx12 h3 i, .moduletable-sfx13 h3 i, .moduletable-sfx13 h3 i, .moduletable-sfx14 h3 i, .moduletable-sfx15 h3 i, .moduletable-sfx16 h3 i, .moduletable-sfx17 h3 i, .moduletable-sfx18 h3 i, .moduletable-sfx19 h3 i, .moduletable-sfx20 h3 i, .moduletable-sfx21 h3 i, .moduletable-sfx22 h3 i, .moduletable-sfx23 h3 i, .moduletable-sfx24 h3 i, .moduletable-sfx25 h3 i, .moduletable-sfx26 h3 i, .moduletable-sfx27 h3 i, .moduletable-sfx28 h3 i, .moduletable-sfx29 h3 i, .moduletable-sfx30 h3 i, .moduletable-sfx31 h3 i, .moduletable-sfx32 h3 i, .moduletable-sfx33 h3 i, .moduletable-sfx34 h3 i, .moduletable-sfx35 h3 i, .moduletable-sfx36 h3 i, .moduletable-sfx37 h3 i, .moduletable-sfx38 h3 i, .moduletable-sfx39 h3 i, .moduletable-sfx40 h3 i, .moduletable-sfx41 h3 i, .moduletable-sfx42 h3 i, .moduletable-sfx43 h3 i, .moduletable-sfx44 h3 i, .moduletable-sfx45 h3 i, .moduletable-sfx46 h3 i, .moduletable-sfx47 h3 i, .moduletable-sfx48 h3 i { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /*////////////////////////////////////////////////////////////////////////////// 1.8. custom pages //////////////////////////////////////////////////////////////////////////////*/ /*////////////////////////////////////////////////////////////////////////////// /// /// custom classes /// //////////////////////////////////////////////////////////////////////////////*/ /*/ /// /// download theme /// /*/ #fav-download p { margin: 0px; } #fav-download #fav-download-message { font-weight: 300; font-size: 30px; line-height: 1.3em; float: left; padding-top: 12px; text-transform: uppercase; letter-spacing: 1px; } #fav-download #fav-download-btn { float: right; padding-top: 2px; padding-bottom: 2px; } #fav-download #fav-download-btn a.btn { margin: 0; font-weight: 500; padding: 18px 24px 16px; font-size: 17px; } #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; } } /*////////////////////////////////////////////////////////////////////////////// /// /// main navigation styles demo /// //////////////////////////////////////////////////////////////////////////////*/ .favnav-styles-demo li a { text-transform: uppercase; font-weight: 500; } /*////////////////////////////////////////////////////////////////////////////// /// /// offline page /// //////////////////////////////////////////////////////////////////////////////*/ #fav-offline #frame form input { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /*////////////////////////////////////////////////////////////////////////////// 1.9. typography //////////////////////////////////////////////////////////////////////////////*/ /*/ /// /// box icons /// /*/ .simple-box, .info-box, .success-box, .warning-box, .error-box { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /*/ /// /// inline labels /// /*/ span.label-red, span.label-blue, span.label-green, span.label-grey, span.label-orange { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /*/ /// /// alert /// /*/ .alert { border: 1px solid rgba(17, 17, 17, 0.07); -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /*/ /// /// lists /// /*/ 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: 0px; -moz-border-radius: 0px; border-radius: 0px; } /*////////////////////////////////////////////////////////////////////////////// 1.10. joomla //////////////////////////////////////////////////////////////////////////////*/ /*/ /// /// language /// /*/ #fav-language ul.dropdown-menu, #fav-language-demo ul.dropdown-menu { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #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; } /*/ /// /// search /// /*/ div.search #searchForm button.btn.hasTooltip { border: none; } 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, .moduletablefavstyle .fav-search ul.dropdown-menu input#mod-search-searchword, .moduletable.favstyle .fav-search ul.dropdown-menu input#mod-search-searchword { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .moduletablefavstyle .fav-search a.dropdown-toggle:hover, .moduletable.favstyle .fav-search a.dropdown-toggle:hover, .moduletablefavstyle .fav-search a.dropdown-toggle:focus, .moduletable.favstyle .fav-search a.dropdown-toggle:focus, .moduletablefavstyle .fav-search .nav > li > a:hover, .moduletablefavstyle .fav-search .nav > li > a:focus { box-shadow: none; } div.search #searchForm span.badge.badge-info { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; padding: 0px 7px; } input#mod-search-searchword, .fav-search input#mod-search-searchword, div[class^="fav-search"] input#mod-search-searchword, div[class*=" fav-search"] input#mod-search-searchword, div.search button.btn.hasTooltip, div[class^="search"] button.btn.hasTooltip, div[class*=" search"] button.btn.hasTooltip { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #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: 0px; -moz-border-radius: 0px; border-radius: 0px; } #fav-search-advanced-fields .accordion-group, div.search #searchForm .btn-toolbar .btn, div.search #searchForm .btn-toolbar input, div.search #searchForm input#search-searchword.inputbox { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /*/ /// /// 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, .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: 0px; -moz-border-radius: 0px; border-radius: 0px; } /*/ /// /// 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: 0px; -moz-border-radius: 0px; border-radius: 0px; } /*/ /// /// create article /// /*/ div.editor .mce-panel, button#jform_publish_up_img, button#jform_publish_down_img { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /*/ /// /// profile /// /*/ #member-profile button.btn.btn-primary.validate, #member-profile a.btn { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /*/ /// /// wrapper /// /*/ #blockrandom { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /*/ /// /// contact /// /*/ div.contact .accordion-group { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /*/ /// /// highlight /// /*/ span.highlight { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /*////////////////////////////////////////////////////////////////////////////// 1.11. hikashop //////////////////////////////////////////////////////////////////////////////*/ .hikashop_subcontainer { -webkit-border-radius: 0px!important; -moz-border-radius: 0px!important; border-radius: 0px!important; } /*/ /// /// content /// /*/ #hikashop_product_left_part #hikashop_product_image_main img.hikashop_child_image, #hikashop_product_left_part #hikashop_product_image_main img#hikashop_main_image, #hikashop_product_left_part #hikashop_product_image_main img[id^="hikashop_main_image"], #hikashop_product_left_part #hikashop_product_image_main img[id*=" hikashop_main_image"] { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /* comments */ #hikashop_comment_form .hika_comment_listing { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /*/ /// /// cart /// /*/ .favcartfavstyle #hikashop_cart_module .dropdown-menu, .favcart.favstyle #hikashop_cart_module .dropdown-menu { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /*/ /// /// currency /// /*/ #fav-containerwrap .hikashop_currency_module .chzn-container .chzn-drop { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /*/ /// /// checkout /// /*/ #hikashop_checkout_cart thead, .hikashop_wizardbar { border: 1px solid #ddd; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .hikashop_container .hikashop_category_name a, div.hikashop_subcontainer span.hikashop_product_name a { margin-bottom: 21px; } #hikashop_checkout_status span.label.label-info { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /*/// mobile ///*/ @media (max-width: 760px) { #hikashop_checkout_cart table tr { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } } /*/ /// /// discounts /// /*/ .hikashop_product_discount { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /*/ /// /// checkout progress bar /// /*/ .hikashop_wizardbar { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /*/ /// /// misc /// /*/ #hikashop_cart_module a.btn.dropdown-toggle { font-weight: 400; } .hikashop_cart_input_button, a.hikashop_cart_button, .hikashop_product_stock .btn.button.hikashop_cart_input_button, .hikashop_product_stock a.hikashop_cart_button { font-weight: 500; } /*////////////////////////////////////////////////////////////////////////////// 1.12. extensions //////////////////////////////////////////////////////////////////////////////*/ /*////////////////////////////////////////////////////////////////////////////// /// /// favcontent /// //////////////////////////////////////////////////////////////////////////////*/ .favstyle h4[id^="favcontent-image-title"] a, .favstyle h4[id*=" favcontent-image-title"] a, .favstyle h4[id^="favcontent-description-image-title"] a, .favstyle h4[id*=" favcontent-description-image-title"] a { background-color: rgba(0, 0, 0, 0.67); padding: 14px 30px !important; } .favstyle h4[id^="favcontent-image-title"] a, .favstyle h4[id*=" favcontent-image-title"] a, .favstyle h4[id^="favcontent-description-image-title"] a, .favstyle h4[id*=" favcontent-description-image-title"] a, .favstyle div.span6[id^="favcontent-box"] h4, .favstyle div.span6[id*=" favcontent-box"] h4 { font-weight: 300; } .favstyle div[id^="favcontent-description"] p:first-child, .favstyle div[id*=" favcontent-description"] p:first-child { margin-top: 21px; } /* /// tablet */ @media (max-width: 980px) { .favstyle div.span6[id^="favcontent-box"] h4, .favstyle div.span6[id*=" favcontent-box"] h4 { font-size: 30px !important; } .favstyle div[id^="favcontent-description"] p:first-child, .favstyle div[id*=" favcontent-description"] p:first-child { margin-top: 0px; } .favstyle div[id^="favcontent-description-icon"] i, .favstyle div[id*=" favcontent-description-icon"] i { font-size: 2.3em !important; } } /*////////////////////////////////////////////////////////////////////////////// /// /// favslider /// //////////////////////////////////////////////////////////////////////////////*/ .favstyle .fav-control-nav li { display: block; } .favstyle .fav-control-paging li a { width: 14px; height: 14px; margin: 7px 0; border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .favstyle .fav-control-paging { bottom: 10px; } .favstyle #fav-caption.favstyle-center { padding: 0; height: 26%; } .favstyle #fav-caption h3 { font-size: 60px; font-weight: 500; line-height: 1em; padding: 12px 0px 14px; margin: 0px; } .favstyle #fav-caption p { background-color: rgba(0, 0, 0, 0.47); font-weight: 300; padding: 14px 0 21px; margin: 0px; } /* /// laptop */ @media (max-width: 1670px) { .favstyle #fav-caption.favstyle-center { width: 50%; } .favstyle #fav-caption h3 { font-size: 48px !important; } .favstyle #fav-caption p { font-size: 28px !important; } } /* /// tablet */ @media (max-width: 1200px) { .favstyle #fav-caption.favstyle-center { height: 30%; } .favstyle #fav-caption h3 { font-size: 40px !important; } } @media (max-width: 980px) { .favstyle #fav-caption h3 { font-size: 36px !important; } .favstyle #fav-caption p { font-size: 24px !important; padding: 10px 0 16px; } } /* /// mobile */ @media (max-width: 768px) { .favstyle .fav-control-nav li { display: inline-block; } .favstyle .fav-control-paging li a { margin: 0px 3px; } .favstyle .fav-control-paging { bottom: 10px; left: auto; right: auto; margin: 0 auto; width: 100%; text-align: center; } } /*////////////////////////////////////////////////////////////////////////////// /// /// favpromote /// //////////////////////////////////////////////////////////////////////////////*/ .favstyle div[id^="favpromote-image"], .favstyle div[id*=" favpromote-image"] { padding: 0px; margin-bottom: 21px; } .favstyle div[id^="favpromote-image"] img, .favstyle div[id*=" favpromote-image"] img { border: 1px solid #222; } /*////////////////////////////////////////////////////////////////////////////// /// /// favglyph /// //////////////////////////////////////////////////////////////////////////////*/ .favstyle div[id^="favglyph-box"], .favstyle div[id*=" favglyph-box"] { margin-top: 32px; } .favstyle div.favglyph-description-center h2 { text-transform: uppercase; font-weight: 500; } .favstyle p#favglyph-description { width: 80%; margin: 0 auto; font-weight: 300; line-height: 1.2em; } /* /// tablet */ @media (max-width: 980px) { .favstyle div.favglyph-description-center h2 { font-size: 24px !important; } .favstyle p#favglyph-description { font-size: 18px !important; } } /* /// mobile */ @media (max-width: 768px) { .favstyle div[id^="favglyph-icon"] i, .favstyle div[id*=" favglyph-icon"] i { font-size: 6em !important; } .favstyle div.favglyph-icon-center div#favglyph-icon { width: 60% !important; } .favstyle div.favglyph-description-center h2 { font-size: 30px !important; } .favstyle p#favglyph-description { font-size: 24px !important; } } /*////////////////////////////////////////////////////////////////////////////// /// /// faveffects /// //////////////////////////////////////////////////////////////////////////////*/ .favstyle p[id^="faveffects-title"], .favstyle p[id*=" faveffects-title"] { margin: 0; font-weight: 300; line-height: 1.2em; } .favstyle div[id^="faveffects-box"], .favstyle div[id*=" faveffects-box"] { margin-top: 18px; margin-bottom: 10px; } /* /// mobile */ @media (max-width: 480px) { .favstyle div[id^="faveffects-icon"], .favstyle div[id*=" faveffects-icon"] { width: 60% !important; } } /*/ //////////////////////////////////////////////////////////////////////////////// /// /// 2. style /// //////////////////////////////////////////////////////////////////////////////// /*/ /* //////////////////////////////////////////////////////////////////////////////// #00bcd4 - main color //////////////////////////////////////////////////////////////////////////////// style 1 - #00bcd4 style 2 - #ef5350 style 3 - #008DD5 style 4 - #f06292 style 5 - #ff8114 style 6 - #5c9e22 style 7 - #ffb300 style 8 - #ab47bc style 9 - #5c6bc0 style 10 - #00b2ac //////////////////////////////////////////////////////////////////////////////// */ /*////////////////////////////////////////////////////////////////////////////// 2.1. reset //////////////////////////////////////////////////////////////////////////////*/ a { color: #00bcd4; } a:hover, a:focus { color: #444; outline: none; } /*////////////////////////////////////////////////////////////////////////////// 2.2. header //////////////////////////////////////////////////////////////////////////////*/ /*////////////////////////////////////////////////////////////////////////////// /// /// header styles /// //////////////////////////////////////////////////////////////////////////////*/ /*/ /// /// default /// /*/ #fav-headerwrap .favnav .navigation li.active a, #fav-headerwrap .favnav .navigation li a:hover, #fav-headerwrap .favnav .navigation li a:focus, #fav-headerwrap .favnav .navigation li.active .nav-header, #fav-headerwrap .favnav .navigation li .nav-header:hover, #fav-headerwrap .favnav .navigation li .nav-header:focus { color: #00bcd4; } /* submenu */ #fav-headerwrap .favnav .navigation .nav-child { border-bottom: 2px solid #00bcd4; } #fav-headerwrap .favnav .navigation .nav-child li a, #fav-headerwrap .favnav .navigation .nav-child li.active a, #fav-headerwrap .favnav .navigation .nav-child li a:hover, #fav-headerwrap .favnav .navigation .nav-child li a:focus, #fav-headerwrap .favnav .navigation .nav-child li .nav-header, #fav-headerwrap .favnav .navigation .nav-child li.active .nav-header, #fav-headerwrap .favnav .navigation .nav-child li .nav-header:hover, #fav-headerwrap .favnav .navigation .nav-child li .nav-header:focus { color: #fff; } #fav-headerwrap .favnav .navigation .nav-child li.active > a, #fav-headerwrap .favnav .navigation .nav-child li a:hover, #fav-headerwrap .favnav .navigation .nav-child li a:focus, #fav-headerwrap .favnav .navigation .nav-child li.active .nav-header, #fav-headerwrap .favnav .navigation .nav-child li .nav-header:hover, #fav-headerwrap .favnav .navigation .nav-child li .nav-header:focus { color: #00bcd4; } /* icons */ #fav-headerwrap .favnav .navigation li a[class^="fa-"]:before, #fav-headerwrap .favnav .navigation li a[class*=" fa-"]:before, #fav-headerwrap .favnav .navigation li .nav-header[class^="fa-"]:before, #fav-headerwrap .favnav .navigation li .nav-header[class*=" fa-"]:before { color: #00bcd4; } /* navigation arrows */ #fav-headerwrap .favnav .navigation .nav-child:before { border-right: 7px solid transparent; border-bottom: 7px solid #00bcd4; border-left: 7px solid transparent; border-bottom-color: #00bcd4; content: ''; } #fav-headerwrap .favnav .navigation .nav-child:after { border-right: 6px solid transparent; border-bottom: 6px solid #00bcd4; border-left: 6px solid transparent; content: ''; } #fav-headerwrap .favnav .navigation .nav-child li > ul:before { border-bottom: 7px solid transparent; border-right: 7px solid #00bcd4; border-top: 7px solid transparent; } #fav-headerwrap .favnav .navigation .nav-child li > ul:after { border-top: 6px solid transparent; border-right: 6px solid #00bcd4; border-bottom: 6px solid transparent; } /*/ /// /// light /// /*/ #fav-headerwrap.fav-light .favnav .navigation li.active a, #fav-headerwrap.fav-light .favnav .navigation li a:hover, #fav-headerwrap.fav-light .favnav .navigation li a:focus, #fav-headerwrap.fav-light .favnav .navigation li.active .nav-header, #fav-headerwrap.fav-light .favnav .navigation li .nav-header:hover, #fav-headerwrap.fav-light .favnav .navigation li .nav-header:focus { color: #00bcd4; background-color: #f7f7f7; } /* submenu */ #fav-headerwrap.fav-light .favnav .navigation .nav-child li a, #fav-headerwrap.fav-light .favnav .navigation .nav-child li.active a, #fav-headerwrap.fav-light .favnav .navigation .nav-child li a:hover, #fav-headerwrap.fav-light .favnav .navigation .nav-child li a:focus, #fav-headerwrap.fav-light .favnav .navigation .nav-child li .nav-header, #fav-headerwrap.fav-light .favnav .navigation .nav-child li.active .nav-header, #fav-headerwrap.fav-light .favnav .navigation .nav-child li .nav-header:hover, #fav-headerwrap.fav-light .favnav .navigation .nav-child li .nav-header:focus { color: #444; } #fav-headerwrap.fav-light .favnav .navigation .nav-child li.active > a, #fav-headerwrap.fav-light .favnav .navigation .nav-child li a:hover, #fav-headerwrap.fav-light .favnav .navigation .nav-child li a:focus, #fav-headerwrap.fav-light .favnav .navigation .nav-child li.active .nav-header, #fav-headerwrap.fav-light .favnav .navigation .nav-child li .nav-header:hover, #fav-headerwrap.fav-light .favnav .navigation .nav-child li .nav-header:focus { color: #00bcd4; } /* 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 .nav-header[class^="fa-"]:before, #fav-headerwrap.fav-light .favnav .navigation li .nav-header[class*=" fa-"]:before { color: #00bcd4; } /*/ /// /// dark /// /*/ #fav-headerwrap.fav-dark .favnav .navigation li.active a, #fav-headerwrap.fav-dark .favnav .navigation li a:hover, #fav-headerwrap.fav-dark .favnav .navigation li a:focus, #fav-headerwrap.fav-dark .favnav .navigation li.active .nav-header, #fav-headerwrap.fav-dark .favnav .navigation li .nav-header:hover, #fav-headerwrap.fav-dark .favnav .navigation li .nav-header:focus { color: #00bcd4; background-color: transparent; } /* submenu */ #fav-headerwrap.fav-dark .favnav .navigation .nav-child li a, #fav-headerwrap.fav-dark .favnav .navigation .nav-child li.active a, #fav-headerwrap.fav-dark .favnav .navigation .nav-child li a:hover, #fav-headerwrap.fav-dark .favnav .navigation .nav-child li a:focus, #fav-headerwrap.fav-dark .favnav .navigation .nav-child li .nav-header, #fav-headerwrap.fav-dark .favnav .navigation .nav-child li.active .nav-header, #fav-headerwrap.fav-dark .favnav .navigation .nav-child li .nav-header:hover, #fav-headerwrap.fav-dark .favnav .navigation .nav-child li .nav-header:focus { color: #fff; } #fav-headerwrap.fav-dark .favnav .navigation .nav-child li.active > a, #fav-headerwrap.fav-dark .favnav .navigation .nav-child li a:hover, #fav-headerwrap.fav-dark .favnav .navigation .nav-child li a:focus, #fav-headerwrap.fav-dark .favnav .navigation .nav-child li.active .nav-header, #fav-headerwrap.fav-dark .favnav .navigation .nav-child li .nav-header:hover, #fav-headerwrap.fav-dark .favnav .navigation .nav-child li .nav-header:focus { color: #00bcd4; } /* 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 .nav-header[class^="fa-"]:before, #fav-headerwrap.fav-dark .favnav .navigation li .nav-header[class*=" fa-"]:before { color: #00bcd4; } /*////////////////////////////////////////////////////////////////////////////// 2.3. navigation //////////////////////////////////////////////////////////////////////////////*/ /*////////////////////////////////////////////////////////////////////////////// /// /// nav style /// //////////////////////////////////////////////////////////////////////////////*/ /*/ /// /// default /// /*/ #fav-container .favnav.navstyle .navigation ul.nav > li.active > a, #fav-container .favnav.navstyle .navigation ul.nav > li > a:hover, #fav-container .favnav.navstyle .navigation ul.nav > li > a:focus, #fav-container .favnav.navstyle .navigation ul.nav > li.active > .nav-header, #fav-container .favnav.navstyle .navigation ul.nav > li > .nav-header:hover, #fav-container .favnav.navstyle .navigation ul.nav > li > .nav-header:focus { background-color: #171717; border-top: 2px solid #00bcd4; color: #eee !important; } /* style 1 */ #fav-container .favnav.navstyle-1 .navigation ul.nav > li.active > a, #fav-container .favnav.navstyle-1 .navigation ul.nav > li > a:hover, #fav-container .favnav.navstyle-1 .navigation ul.nav > li > a:focus, #fav-container .favnav.navstyle-1 .navigation ul.nav > li.active > .nav-header, #fav-container .favnav.navstyle-1 .navigation ul.nav > li > .nav-header:hover, #fav-container .favnav.navstyle-1 .navigation ul.nav > li > .nav-header:focus { color: #00bcd4; background-color: transparent !important; } /* style 2 */ #fav-container .favnav.navstyle-2 .navigation ul.nav > li.active > a, #fav-container .favnav.navstyle-2 .navigation ul.nav > li > a:hover, #fav-container .favnav.navstyle-2 .navigation ul.nav > li > a:focus, #fav-container .favnav.navstyle-2 .navigation ul.nav > li.active > .nav-header, #fav-container .favnav.navstyle-2 .navigation ul.nav > li > .nav-header:hover, #fav-container .favnav.navstyle-2 .navigation ul.nav > li > .nav-header:focus { background-color: #00bcd4; color: #fff; } #fav-container .favnav.navstyle-2 .navigation ul.nav > li.active > a[class^="fa-"]:before, #fav-container .favnav.navstyle-2 .navigation ul.nav > li.active > a[class*=" fa-"]:before, #fav-container .favnav.navstyle-2 .navigation ul.nav > li > a[class^="fa-"]:hover:before, #fav-container .favnav.navstyle-2 .navigation ul.nav > li > a[class*=" fa-"]:hover:before, #fav-container .favnav.navstyle-2 .navigation ul.nav > li > a[class^="fa-"]:focus:before, #fav-container .favnav.navstyle-2 .navigation ul.nav > li > a[class*=" fa-"]:focus:before, #fav-container .favnav.navstyle-2 .navigation ul.nav > li.active > .nav-header[class^="fa-"]:before, #fav-container .favnav.navstyle-2 .navigation ul.nav > li.active > .nav-header[class*=" fa-"]:before, #fav-container .favnav.navstyle-2 .navigation ul.nav > li > .nav-header[class^="fa-"]:hover:before, #fav-container .favnav.navstyle-2 .navigation ul.nav > li > .nav-header[class*=" fa-"]:hover:before, #fav-container .favnav.navstyle-2 .navigation ul.nav > li > .nav-header[class^="fa-"]:focus:before, #fav-container .favnav.navstyle-2 .navigation ul.nav > li > .nav-header[class*=" fa-"]:focus:before { color: #fff; } /* style 3 */ #fav-container .favnav.navstyle-3 .navigation ul.nav > li.active > a, #fav-container .favnav.navstyle-3 .navigation ul.nav > li > a:hover, #fav-container .favnav.navstyle-3 .navigation ul.nav > li > a:focus, #fav-container .favnav.navstyle-3 .navigation ul.nav > li.active > .nav-header, #fav-container .favnav.navstyle-3 .navigation ul.nav > li > .nav-header:hover, #fav-container .favnav.navstyle-3 .navigation ul.nav > li > .nav-header:focus { border: 2px solid #00bcd4; background-color: transparent; color: #fff !important; } /* style 4 */ #fav-container .favnav.navstyle-4 .navigation ul.nav > li.active > a, #fav-container .favnav.navstyle-4 .navigation ul.nav > li > a:hover, #fav-container .favnav.navstyle-4 .navigation ul.nav > li > a:focus, #fav-container .favnav.navstyle-4 .navigation ul.nav > li.active > .nav-header, #fav-container .favnav.navstyle-4 .navigation ul.nav > li > .nav-header:hover, #fav-container .favnav.navstyle-4 .navigation ul.nav > li > .nav-header:focus { border-bottom: 2px solid #00bcd4; color: #fff; } #fav-container .favnav.navstyle-4 .navigation .nav-child:before, #fav-container .favnav.navstyle-4 .navigation .nav-child:after { border-bottom-color: #fff; } #fav-container .favnav.navstyle-4 .navigation .nav-child li > ul:before, #fav-container .favnav.navstyle-4 .navigation .nav-child li > ul:after { border-right-color: #fff; border-bottom-color: transparent; } /*/// tablet ///*/ @media (min-width: 768px) and (max-width: 1200px) { #fav-container .favnav.navstyle-4 .navigation ul.nav > li > a, #fav-container .favnav.navstyle-4 .navigation ul.nav > li > .nav-header { background-color: transparent; } } /* style 5 */ #fav-container .favnav.navstyle-5 .navigation ul.nav > li.active > a, #fav-container .favnav.navstyle-5 .navigation ul.nav > li > a:hover, #fav-container .favnav.navstyle-5 .navigation ul.nav > li > a:focus, #fav-container .favnav.navstyle-5 .navigation ul.nav > li.active > .nav-header, #fav-container .favnav.navstyle-5 .navigation ul.nav > li > .nav-header:hover, #fav-container .favnav.navstyle-5 .navigation ul.nav > li > .nav-header:focus { background-color: #00bcd4; border-top: 2px solid transparent; color: #fff; } #fav-container .favnav.navstyle-5 .navigation ul.nav > li.active > a[class^="fa-"]:before, #fav-container .favnav.navstyle-5 .navigation ul.nav > li.active > a[class*=" fa-"]:before, #fav-container .favnav.navstyle-5 .navigation ul.nav > li > a[class^="fa-"]:hover:before, #fav-container .favnav.navstyle-5 .navigation ul.nav > li > a[class*=" fa-"]:hover:before, #fav-container .favnav.navstyle-5 .navigation ul.nav > li > a[class^="fa-"]:focus:before, #fav-container .favnav.navstyle-5 .navigation ul.nav > li > a[class*=" fa-"]:focus:before, #fav-container .favnav.navstyle-5 .navigation ul.nav > li.active > .nav-header[class^="fa-"]:before, #fav-container .favnav.navstyle-5 .navigation ul.nav > li.active > .nav-header[class*=" fa-"]:before, #fav-container .favnav.navstyle-5 .navigation ul.nav > li > .nav-header[class^="fa-"]:hover:before, #fav-container .favnav.navstyle-5 .navigation ul.nav > li > .nav-header[class*=" fa-"]:hover:before, #fav-container .favnav.navstyle-5 .navigation ul.nav > li > .nav-header[class^="fa-"]:focus:before, #fav-container .favnav.navstyle-5 .navigation ul.nav > li > .nav-header[class*=" fa-"]:focus:before { color: #fff; } #fav-container .favnav.navstyle-5 .navigation .nav-child:before, #fav-container .favnav.navstyle-5 .navigation .nav-child:after { border-bottom-color: #fff; } #fav-container .favnav.navstyle-5 .navigation .nav-child li > ul:before, #fav-container .favnav.navstyle-5 .navigation .nav-child li > ul:after { border-right-color: #fff; border-bottom-color: transparent; } /* style 6 */ #fav-container .favnav.navstyle-6 .navigation ul.nav > li.active > a, #fav-container .favnav.navstyle-6 .navigation ul.nav > li > a:hover, #fav-container .favnav.navstyle-6 .navigation ul.nav > li > a:focus, #fav-container .favnav.navstyle-6 .navigation ul.nav > li.active > .nav-header, #fav-container .favnav.navstyle-6 .navigation ul.nav > li > .nav-header:hover, #fav-container .favnav.navstyle-6 .navigation ul.nav > li > .nav-header:focus { border-top: 2px solid #00bcd4; border-bottom: 2px solid #00bcd4; color: #fff; } #fav-container .favnav.navstyle-6 .navigation .nav-child:before, #fav-container .favnav.navstyle-6 .navigation .nav-child:after { border-bottom-color: #fff; } #fav-container .favnav.navstyle-6 .navigation .nav-child li > ul:before, #fav-container .favnav.navstyle-6 .navigation .nav-child li > ul:after { border-right-color: #fff; border-bottom-color: transparent; } /* style 7 */ #fav-container .favnav.navstyle-7 .navigation ul.nav > li.active > a, #fav-container .favnav.navstyle-7 .navigation ul.nav > li > a:hover, #fav-container .favnav.navstyle-7 .navigation ul.nav > li > a:focus, #fav-container .favnav.navstyle-7 .navigation ul.nav > li.active > .nav-header, #fav-container .favnav.navstyle-7 .navigation ul.nav > li > .nav-header:hover, #fav-container .favnav.navstyle-7 .navigation ul.nav > li > .nav-header:focus { border-left: 2px solid #00bcd4; border-right: 2px solid #00bcd4; color: #fff; } /*/ /// /// light /// /*/ #fav-headerwrap.fav-light .favnav.navstyle .navigation ul.nav > li.active > a, #fav-headerwrap.fav-light .favnav.navstyle .navigation ul.nav > li > a:hover, #fav-headerwrap.fav-light .favnav.navstyle .navigation ul.nav > li > a:focus, #fav-headerwrap.fav-light .favnav.navstyle .navigation ul.nav > li.active > .nav-header, #fav-headerwrap.fav-light .favnav.navstyle .navigation ul.nav > li > .nav-header:hover, #fav-headerwrap.fav-light .favnav.navstyle .navigation ul.nav > li > .nav-header:focus { background-color: #f7f7f7; border-top: 2px solid #00bcd4; color: #333 !important; } #fav-headerwrap.fav-light .favnav .navigation .nav-child:before, #fav-headerwrap.fav-light .favnav .navigation .nav-child:after { border-bottom-color: #00bcd4; } #fav-headerwrap.fav-light .favnav .navigation .nav-child li > ul:before, #fav-headerwrap.fav-light .favnav .navigation .nav-child li > ul:after { border-right-color: #00bcd4; border-bottom-color: transparent; } /* style 1 */ #fav-headerwrap.fav-light .favnav.navstyle-1 .navigation ul.nav > li.active > a, #fav-headerwrap.fav-light .favnav.navstyle-1 .navigation ul.nav > li > a:hover, #fav-headerwrap.fav-light .favnav.navstyle-1 .navigation ul.nav > li > a:focus, #fav-headerwrap.fav-light .favnav.navstyle-1 .navigation ul.nav > li.active > .nav-header, #fav-headerwrap.fav-light .favnav.navstyle-1 .navigation ul.nav > li > .nav-header:hover, #fav-headerwrap.fav-light .favnav.navstyle-1 .navigation ul.nav > li > .nav-header:focus { color: #00bcd4; } /* style 2 */ #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav > li.active > a, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav > li > a:hover, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav > li > a:focus, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav > li.active > .nav-header, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav > li > .nav-header:hover, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav > li > .nav-header:focus { background-color: #00bcd4; color: #fff; } #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav > li.active > a[class^="fa-"]:before, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav > li.active > a[class*=" fa-"]:before, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav > li > a[class^="fa-"]:hover:before, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav > li > a[class*=" fa-"]:hover:before, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav > li > a[class^="fa-"]:focus:before, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav > li > a[class*=" fa-"]:focus:before, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav > li.active > .nav-header[class^="fa-"]:before, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav > li.active > .nav-header[class*=" fa-"]:before, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav > li > .nav-header[class^="fa-"]:hover:before, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav > li > .nav-header[class*=" fa-"]:hover:before, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav > li > .nav-header[class^="fa-"]:focus:before, #fav-headerwrap.fav-light .favnav.navstyle-2 .navigation ul.nav > li > .nav-header[class*=" fa-"]:focus:before { color: #fff; } /* style 3 */ #fav-headerwrap.fav-light .favnav.navstyle-3 .navigation ul.nav > li.active > a, #fav-headerwrap.fav-light .favnav.navstyle-3 .navigation ul.nav > li > a:hover, #fav-headerwrap.fav-light .favnav.navstyle-3 .navigation ul.nav > li > a:focus, #fav-headerwrap.fav-light .favnav.navstyle-3 .navigation ul.nav > li.active > .nav-header, #fav-headerwrap.fav-light .favnav.navstyle-3 .navigation ul.nav > li > .nav-header:hover, #fav-headerwrap.fav-light .favnav.navstyle-3 .navigation ul.nav > li > .nav-header:focus { border: 2px solid #00bcd4; background-color: transparent; color: #444 !important; } /* style 4 */ #fav-headerwrap.fav-light .favnav.navstyle-4 .navigation ul.nav > li.active > a, #fav-headerwrap.fav-light .favnav.navstyle-4 .navigation ul.nav > li > a:hover, #fav-headerwrap.fav-light .favnav.navstyle-4 .navigation ul.nav > li > a:focus, #fav-headerwrap.fav-light .favnav.navstyle-4 .navigation ul.nav > li.active > .nav-header, #fav-headerwrap.fav-light .favnav.navstyle-4 .navigation ul.nav > li > .nav-header:hover, #fav-headerwrap.fav-light .favnav.navstyle-4 .navigation ul.nav > li > .nav-header:focus { border-bottom: 2px solid #00bcd4; } #fav-headerwrap.fav-light .favnav.navstyle-4 .navigation .nav-child:before, #fav-headerwrap.fav-light .favnav.navstyle-4 .navigation .nav-child:after { border-bottom-color: #fff; } #fav-headerwrap.fav-light .favnav.navstyle-4 .navigation .nav-child li > ul:before, #fav-headerwrap.fav-light .favnav.navstyle-4 .navigation .nav-child li > ul:after { border-right-color: #00bcd4; border-bottom-color: transparent; } /* style 5 */ #fav-headerwrap.fav-light .favnav.navstyle-5 .navigation ul.nav > li.active > a, #fav-headerwrap.fav-light .favnav.navstyle-5 .navigation ul.nav > li > a:hover, #fav-headerwrap.fav-light .favnav.navstyle-5 .navigation ul.nav > li > a:focus, #fav-headerwrap.fav-light .favnav.navstyle-5 .navigation ul.nav > li.active > .nav-header, #fav-headerwrap.fav-light .favnav.navstyle-5 .navigation ul.nav > li > .nav-header:hover, #fav-headerwrap.fav-light .favnav.navstyle-5 .navigation ul.nav > li > .nav-header:focus { background-color: #00bcd4; border-top: 2px solid transparent; color: #fff; } #fav-headerwrap.fav-light .favnav.navstyle-5 .navigation ul.nav > li.active > a[class^="fa-"]:before, #fav-headerwrap.fav-light .favnav.navstyle-5 .navigation ul.nav > li.active > a[class*=" fa-"]:before, #fav-headerwrap.fav-light .favnav.navstyle-5 .navigation ul.nav > li > a[class^="fa-"]:hover:before, #fav-headerwrap.fav-light .favnav.navstyle-5 .navigation ul.nav > li > a[class*=" fa-"]:hover:before, #fav-headerwrap.fav-light .favnav.navstyle-5 .navigation ul.nav > li > a[class^="fa-"]:focus:before, #fav-headerwrap.fav-light .favnav.navstyle-5 .navigation ul.nav > li > a[class*=" fa-"]:focus:before, #fav-headerwrap.fav-light .favnav.navstyle-5 .navigation ul.nav > li.active > .nav-header[class^="fa-"]:before, #fav-headerwrap.fav-light .favnav.navstyle-5 .navigation ul.nav > li.active > .nav-header[class*=" fa-"]:before, #fav-headerwrap.fav-light .favnav.navstyle-5 .navigation ul.nav > li > .nav-header[class^="fa-"]:hover:before, #fav-headerwrap.fav-light .favnav.navstyle-5 .navigation ul.nav > li > .nav-header[class*=" fa-"]:hover:before, #fav-headerwrap.fav-light .favnav.navstyle-5 .navigation ul.nav > li > .nav-header[class^="fa-"]:focus:before, #fav-headerwrap.fav-light .favnav.navstyle-5 .navigation ul.nav > li > .nav-header[class*=" fa-"]:focus:before { color: #fff; } #fav-headerwrap.fav-light .favnav.navstyle-5 .navigation .nav-child:before, #fav-headerwrap.fav-light .favnav.navstyle-5 .navigation .nav-child:after { border-bottom-color: #fff; } #fav-headerwrap.fav-light .favnav.navstyle-5 .navigation .nav-child li > ul:before, #fav-headerwrap.fav-light .favnav.navstyle-5 .navigation .nav-child li > ul:after { border-right-color: #00bcd4; border-bottom-color: transparent; } /* style 6 */ #fav-headerwrap.fav-light .favnav.navstyle-6 .navigation ul.nav > li.active > a, #fav-headerwrap.fav-light .favnav.navstyle-6 .navigation ul.nav > li > a:hover, #fav-headerwrap.fav-light .favnav.navstyle-6 .navigation ul.nav > li > a:focus, #fav-headerwrap.fav-light .favnav.navstyle-6 .navigation ul.nav > li.active > .nav-header, #fav-headerwrap.fav-light .favnav.navstyle-6 .navigation ul.nav > li > .nav-header:hover, #fav-headerwrap.fav-light .favnav.navstyle-6 .navigation ul.nav > li > .nav-header:focus { border-top: 2px solid #00bcd4; border-bottom: 2px solid #00bcd4; } #fav-headerwrap.fav-light .favnav.navstyle-6 .navigation .nav-child:before, #fav-headerwrap.fav-light .favnav.navstyle-6 .navigation .nav-child:after { border-bottom-color: #fff; } #fav-headerwrap.fav-light .favnav.navstyle-6 .navigation .nav-child li > ul:before, #fav-headerwrap.fav-light .favnav.navstyle-6 .navigation .nav-child li > ul:after { border-right-color: #00bcd4; border-bottom-color: transparent; } /* style 7 */ #fav-headerwrap.fav-light .favnav.navstyle-7 .navigation ul.nav > li.active > a, #fav-headerwrap.fav-light .favnav.navstyle-7 .navigation ul.nav > li > a:hover, #fav-headerwrap.fav-light .favnav.navstyle-7 .navigation ul.nav > li > a:focus, #fav-headerwrap.fav-light .favnav.navstyle-7 .navigation ul.nav > li.active > .nav-header, #fav-headerwrap.fav-light .favnav.navstyle-7 .navigation ul.nav > li > .nav-header:hover, #fav-headerwrap.fav-light .favnav.navstyle-7 .navigation ul.nav > li > .nav-header:focus { border-left: 2px solid #00bcd4; border-right: 2px solid #00bcd4; } /*/ /// /// dark /// /*/ #fav-headerwrap.fav-dark .favnav.navstyle .navigation ul.nav > li.active > a, #fav-headerwrap.fav-dark .favnav.navstyle .navigation ul.nav > li > a:hover, #fav-headerwrap.fav-dark .favnav.navstyle .navigation ul.nav > li > a:focus, #fav-headerwrap.fav-dark .favnav.navstyle .navigation ul.nav > li.active > .nav-header, #fav-headerwrap.fav-dark .favnav.navstyle .navigation ul.nav > li > .nav-header:hover, #fav-headerwrap.fav-dark .favnav.navstyle .navigation ul.nav > li > .nav-header:focus { background-color: #111; border-top: 2px solid #00bcd4; color: #eee !important; } #fav-headerwrap.fav-dark .favnav .navigation .nav-child:before, #fav-headerwrap.fav-dark .favnav .navigation .nav-child:after { border-bottom-color: #444; } #fav-headerwrap.fav-dark .favnav .navigation .nav-child li > ul:before, #fav-headerwrap.fav-dark .favnav .navigation .nav-child li > ul:after { border-right-color: #444; border-bottom-color: transparent; } /* style 1 */ #fav-headerwrap.fav-dark .favnav.navstyle-1 .navigation ul.nav > li.active > a, #fav-headerwrap.fav-dark .favnav.navstyle-1 .navigation ul.nav > li > a:hover, #fav-headerwrap.fav-dark .favnav.navstyle-1 .navigation ul.nav > li > a:focus, #fav-headerwrap.fav-dark .favnav.navstyle-1 .navigation ul.nav > li.active > .nav-header, #fav-headerwrap.fav-dark .favnav.navstyle-1 .navigation ul.nav > li > .nav-header:hover, #fav-headerwrap.fav-dark .favnav.navstyle-1 .navigation ul.nav > li > .nav-header:focus { color: #00bcd4; } /* style 2 */ #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav > li.active > a, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav > li > a:hover, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav > li > a:focus, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav > li.active > .nav-header, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav > li > .nav-header:hover, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav > li > .nav-header:focus { background-color: #00bcd4; color: #fff; } #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav > li.active > a[class^="fa-"]:before, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav > li.active > a[class*=" fa-"]:before, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav > li > a[class^="fa-"]:hover:before, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav > li > a[class*=" fa-"]:hover:before, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav > li > a[class^="fa-"]:focus:before, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav > li > a[class*=" fa-"]:focus:before, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav > li.active > .nav-header[class^="fa-"]:before, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav > li.active > .nav-header[class*=" fa-"]:before, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav > li > .nav-header[class^="fa-"]:hover:before, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav > li > .nav-header[class*=" fa-"]:hover:before, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav > li > .nav-header[class^="fa-"]:focus:before, #fav-headerwrap.fav-dark .favnav.navstyle-2 .navigation ul.nav > li > .nav-header[class*=" fa-"]:focus:before { color: #fff; } /* style 3 */ #fav-headerwrap.fav-dark .favnav.navstyle-3 .navigation ul.nav > li.active > a, #fav-headerwrap.fav-dark .favnav.navstyle-3 .navigation ul.nav > li > a:hover, #fav-headerwrap.fav-dark .favnav.navstyle-3 .navigation ul.nav > li > a:focus, #fav-headerwrap.fav-dark .favnav.navstyle-3 .navigation ul.nav > li.active > .nav-header, #fav-headerwrap.fav-dark .favnav.navstyle-3 .navigation ul.nav > li > .nav-header:hover, #fav-headerwrap.fav-dark .favnav.navstyle-3 .navigation ul.nav > li > .nav-header:focus { border: 2px solid #00bcd4; background-color: transparent; color: #fff; } /* style 4 */ #fav-headerwrap.fav-dark .favnav.navstyle-4 .navigation ul.nav > li.active > a, #fav-headerwrap.fav-dark .favnav.navstyle-4 .navigation ul.nav > li > a:hover, #fav-headerwrap.fav-dark .favnav.navstyle-4 .navigation ul.nav > li > a:focus, #fav-headerwrap.fav-dark .favnav.navstyle-4 .navigation ul.nav > li.active > .nav-header, #fav-headerwrap.fav-dark .favnav.navstyle-4 .navigation ul.nav > li > .nav-header:hover, #fav-headerwrap.fav-dark .favnav.navstyle-4 .navigation ul.nav > li > .nav-header:focus { border-bottom: 2px solid #00bcd4; } /* style 5 */ #fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation ul.nav > li.active > a, #fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation ul.nav > li > a:hover, #fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation ul.nav > li > a:focus, #fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation ul.nav > li.active > .nav-header, #fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation ul.nav > li > .nav-header:hover, #fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation ul.nav > li > .nav-header:focus { background-color: #00bcd4; border-top: 2px solid transparent; color: #fff; } #fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation ul.nav > li.active > a[class^="fa-"]:before, #fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation ul.nav > li.active > a[class*=" fa-"]:before, #fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation ul.nav > li > a[class^="fa-"]:hover:before, #fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation ul.nav > li > a[class*=" fa-"]:hover:before, #fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation ul.nav > li > a[class^="fa-"]:focus:before, #fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation ul.nav > li > a[class*=" fa-"]:focus:before, #fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation ul.nav > li.active > .nav-header[class^="fa-"]:before, #fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation ul.nav > li.active > .nav-header[class*=" fa-"]:before, #fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation ul.nav > li > .nav-header[class^="fa-"]:hover:before, #fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation ul.nav > li > .nav-header[class*=" fa-"]:hover:before, #fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation ul.nav > li > .nav-header[class^="fa-"]:focus:before, #fav-headerwrap.fav-dark .favnav.navstyle-5 .navigation ul.nav > li > .nav-header[class*=" fa-"]:focus:before { color: #fff; } /* style 6 */ #fav-headerwrap.fav-dark .favnav.navstyle-6 .navigation ul.nav > li.active > a, #fav-headerwrap.fav-dark .favnav.navstyle-6 .navigation ul.nav > li > a:hover, #fav-headerwrap.fav-dark .favnav.navstyle-6 .navigation ul.nav > li > a:focus, #fav-headerwrap.fav-dark .favnav.navstyle-6 .navigation ul.nav > li.active > .nav-header, #fav-headerwrap.fav-dark .favnav.navstyle-6 .navigation ul.nav > li > .nav-header:hover, #fav-headerwrap.fav-dark .favnav.navstyle-6 .navigation ul.nav > li > .nav-header:focus { border-top: 2px solid #00bcd4; border-bottom: 2px solid #00bcd4; } /* style 7 */ #fav-headerwrap.fav-dark .favnav.navstyle-7 .navigation ul.nav > li.active > a, #fav-headerwrap.fav-dark .favnav.navstyle-7 .navigation ul.nav > li > a:hover, #fav-headerwrap.fav-dark .favnav.navstyle-7 .navigation ul.nav > li > a:focus, #fav-headerwrap.fav-dark .favnav.navstyle-7 .navigation ul.nav > li.active > .nav-header, #fav-headerwrap.fav-dark .favnav.navstyle-7 .navigation ul.nav > li > .nav-header:hover, #fav-headerwrap.fav-dark .favnav.navstyle-7 .navigation ul.nav > li > .nav-header:focus { border-left: 2px solid #00bcd4; border-right: 2px solid #00bcd4; } /*////////////////////////////////////////////////////////////////////////////// /// /// 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 .nav-header:hover, ul.menubasic li .nav-header:focus, ul.menubasic li.current .nav-header, ul.menubasic li.current ul .nav-header:hover, ul.menubasic li.current ul .nav-header:focus { color: #fff; background-color: #00bcd4; } ul.menubasic li.current ul a, ul.menubasic li.current ul .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 .nav-header:hover, ul.menuarrow li .nav-header:focus, ul.menuarrow li.current .nav-header, ul.menuarrow li.current ul .nav-header:hover, ul.menuarrow li.current ul .nav-header:focus { color: #00bcd4; background-color: transparent; } ul.menuarrow li.current ul a, ul.menuarrow li.current ul .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 .nav-header:hover:before, ul.menuarrow li .nav-header:focus:before, ul.menuarrow li.current .nav-header:before, ul.menuarrow li.current ul .nav-header:hover:before, ul.menuarrow li.current ul .nav-header:focus:before { color: #00bcd4; } /*/ /// /// 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 .nav-header:hover, ul.menuside li .nav-header:focus, ul.menuside li.current .nav-header, ul.menuside li.current ul .nav-header:hover, ul.menuside li.current ul .nav-header:focus { color: #00bcd4; border-left: 5px solid #00bcd4; 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 .nav-header:hover, ul.menuline li .nav-header:focus, ul.menuline li.current .nav-header, ul.menuline li.current ul .nav-header:hover, ul.menuline li.current ul .nav-header:focus { color: #444; border-bottom: 1px solid #00bcd4; 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 .nav-header:hover:before, ul.menuline li .nav-header:focus:before, ul.menuline li.current .nav-header:before, ul.menuline li.current ul .nav-header:hover:before, ul.menuline li.current ul .nav-header:focus:before { color: #00bcd4; } ul.menuline.menu-clear li a:hover, ul.menuline.menu-clear li a:focus, ul.menuline.menu-clear li .nav-header:hover, ul.menuline.menu-clear li .nav-header:focus { color: #fff; border-bottom: 1px solid #00bcd4; } ul.menuline.menu-dark li a:hover, ul.menuline.menu-dark li a:focus, ul.menuline.menu-dark li .nav-header:hover, ul.menuline.menu-dark li .nav-header:focus { color: #fff !important; border-bottom: 1px solid #00bcd4; } /*////////////////////////////////////////////////////////////////////////////// /// /// 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 .nav-header, ul.menuhorizontal li .nav-header:hover, ul.menuhorizontal li .nav-header:focus, ul.menuhorizontal li:hover .nav-header, ul.menuhorizontal li:focus .nav-header, ul.menuhorizontal li .nav-header:hover, ul.menuhorizontal li .nav-header:focus { color: #00bcd4; 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 .nav-header, ul.menuhorizontal.menu-clear li .nav-header:hover, ul.menuhorizontal.menu-clear li .nav-header:focus, ul.menuhorizontal.menu-clear li:hover .nav-header, ul.menuhorizontal.menu-clear li:focus .nav-header, ul.menuhorizontal.menu-clear li .nav-header:hover, ul.menuhorizontal.menu-clear li .nav-header:focus { color: #00bcd4 !important; } ul.menuhorizontal.menu-clear li a:before, ul.menuhorizontal.menu-clear li .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 .nav-header:before, ul.menuhorizontal.menu-clear li .nav-header:hover:before, ul.menuhorizontal.menu-clear li .nav-header:focus:before, ul.menuhorizontal.menu-clear li:hover .nav-header:before, ul.menuhorizontal.menu-clear li:focus .nav-header:before, ul.menuhorizontal.menu-clear li .nav-header:hover:before, ul.menuhorizontal.menu-clear li .nav-header:focus:before { color: #00bcd4 !important; } /*/ /// /// dark /// /*/ ul.menuhorizontal.menu-dark li a, ul.menuhorizontal.menu-dark li .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 .nav-header, ul.menuhorizontal.menu-dark li .nav-header:hover, ul.menuhorizontal.menu-dark li .nav-header:focus, ul.menuhorizontal.menu-dark li:hover .nav-header, ul.menuhorizontal.menu-dark li:focus .nav-header, ul.menuhorizontal.menu-dark li .nav-header:hover, ul.menuhorizontal.menu-dark li .nav-header:focus { color: #00bcd4 !important; } ul.menuhorizontal.menu-dark li a:before, ul.menuhorizontal.menu-dark li .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 .nav-header:before, ul.menuhorizontal.menu-dark li .nav-header:hover:before, ul.menuhorizontal.menu-dark li .nav-header:focus:before, ul.menuhorizontal.menu-dark li:hover .nav-header:before, ul.menuhorizontal.menu-dark li:focus .nav-header:before, ul.menuhorizontal.menu-dark li .nav-header:hover:before, ul.menuhorizontal.menu-dark li .nav-header:focus:before { color: #00bcd4 !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 .nav-header, ul.menuhorizontal.pull-right li .nav-header:hover, ul.menuhorizontal.pull-right li .nav-header:focus, ul.menuhorizontal.pull-right li:hover .nav-header, ul.menuhorizontal.pull-right li:focus .nav-header, ul.menuhorizontal.pull-right li .nav-header:hover, ul.menuhorizontal.pull-right li .nav-header:focus { color: #00bcd4; background-color: transparent; text-decoration:none; } /*////////////////////////////////////////////////////////////////////////////// 2.4. module positions //////////////////////////////////////////////////////////////////////////////*/ /*////////////////////////////////////////////////////////////////////////////// /// /// topbar /// //////////////////////////////////////////////////////////////////////////////*/ #fav-topbar ul.nav li a:before { color: #00bcd4; } /*////////////////////////////////////////////////////////////////////////////// /// /// back to top /// //////////////////////////////////////////////////////////////////////////////*/ a.backtop i { background-color: #00bcd4; 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: #00bcd4; } #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: #00bcd4; } #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: #00bcd4; } /*////////////////////////////////////////////////////////////////////////////// 2.5. titles //////////////////////////////////////////////////////////////////////////////*/ .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: #00bcd4; } /* icons */ .moduletable h3 [class^="fa fa-"], .moduletable h3 [class*=" fa fa-"] { background-color: #00bcd4; color: #fff; } /*////////////////////////////////////////////////////////////////////////////// 2.6. buttons //////////////////////////////////////////////////////////////////////////////*/ .btn, .pager .next a, .pager .previous a, .hikashop_categories_listing_main .btn { color: #fff; background-color: #00bcd4; } .btn:hover, .btn:focus, .btn:active, .btn.active, .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 { color: #fff; background-color: #333; background-image: none; border: 1px solid transparent; box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.18), 0px 4px 15px 0px rgba(0, 0, 0, 0.15); } /*/ /// /// primary /// /*/ .btn-primary { color: #fff; background-color: #00bcd4; border: 1px solid transparent; background-image: none; } .btn-primary:hover, .btn-primary:focus { color: #fff; background-color: #00bcd4; } /*////////////////////////////////////////////////////////////////////////////// /// /// 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: #00bcd4; } .pagination ul li a:hover, .pagination ul li a:focus, .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_products_pagination .list-footer a.pagenav:focus, .hikashop_subcategories_pagination .list-footer a.pagenav:focus, .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, .hikashop_module .hikashop_products_pagination .list-footer a.pagenav:focus, .hikashop_module .hikashop_subcategories_pagination .list-footer a.pagenav:focus { color: #00bcd4; background-color: #fff; } /*////////////////////////////////////////////////////////////////////////////// 2.7. variations //////////////////////////////////////////////////////////////////////////////*/ /*////////////////////////////////////////////////////////////////////////////// /// /// background /// //////////////////////////////////////////////////////////////////////////////*/ .moduletable-sfx9, .moduletable-sfx10, .moduletable-sfx11, .moduletable-sfx12, .moduletable-sfx41, .moduletable-sfx42, .moduletable-sfx43, .moduletable-sfx44 { background-color: #00bcd4; } .moduletable-sfx41, .moduletable-sfx42, .moduletable-sfx43, .moduletable-sfx44 { background-color: #00bcd4; } /*////////////////////////////////////////////////////////////////////////////// /// /// 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 #00bcd4; } /*////////////////////////////////////////////////////////////////////////////// /// /// 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: #00bcd4; } .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: #00bcd4; } .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: #00bcd4; } .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: #00bcd4; color: #fff; } /*////////////////////////////////////////////////////////////////////////////// 2.8. custom pages //////////////////////////////////////////////////////////////////////////////*/ /*////////////////////////////////////////////////////////////////////////////// /// /// custom classes /// //////////////////////////////////////////////////////////////////////////////*/ /*/ /// /// download theme /// /*/ #fav-download #fav-download-btn a.btn { background-color: #fff !important; color: #00bcd4 !important; } #fav-download #fav-download-btn a.btn:hover, #fav-download #fav-download-btn a.btn:focus { background-color: #222 !important; color: #fff !important; box-shadow: none; } /*////////////////////////////////////////////////////////////////////////////// /// /// main navigation styles demo /// //////////////////////////////////////////////////////////////////////////////*/ .favnav-styles-demo { background-color: #222; color: #eee; } .favnav-styles-demo .favnav li.active a, .favnav-styles-demo .favnav li a:hover, .favnav-styles-demo .favnav li a:focus { color: #00bcd4; background-color: #171717; } .favnav-styles-demo .favnav .navigation li a[class^="fa-"]:before, .favnav-styles-demo .favnav .navigation li a[class*=" fa-"]:before { color: #00bcd4; } /*////////////////////////////////////////////////////////////////////////////// 2.9. typography //////////////////////////////////////////////////////////////////////////////*/ /*/ /// /// bootstrap elements /// /*/ /* blockquote */ blockquote { border-color: #00bcd4; } blockquote.blockquote-dark { border-color: #00bcd4; } /* badge */ .badge-info { background-color: #00bcd4; } /*/ /// /// lists /// /*/ ul.list-square li:before { background-color: #00bcd4; color: #fff; } ol.list-square li:before { color: #fff; background: none repeat scroll 0% 0% #00bcd4; } ul.list-circle li:before { background-color: #00bcd4; color: #fff; } ol.list-circle li:before { color: #fff; background: none repeat scroll 0% 0% #00bcd4; } /*////////////////////////////////////////////////////////////////////////////// 2.10. joomla //////////////////////////////////////////////////////////////////////////////*/ /*/ /// /// article dropdown /// /*/ ul.dropdown-menu a:hover { color: #00bcd4; } .btn-group.open .btn.dropdown-toggle { background-color: #00bcd4; } /*/ /// /// language /// /*/ #fav-language ul.dropdown-menu li a:hover, #fav-language ul.dropdown-menu li a:focus { color: #00bcd4; } #fav-language-demo ul.dropdown-menu li a:hover, #fav-language-demo ul.dropdown-menu li a:focus { color: #00bcd4; } /*/ /// /// search /// /*/ /*/// mobile ///*/ @media (max-width: 768px) { .moduletablefavstyle.pull-left .fav-search a.btn.dropdown-toggle i { color: #00bcd4; } } #fav-search-advanced-fields .accordion-heading a.accordion-toggle { color: #fff; background-color: #00bcd4; } /*/ /// /// profile /// /*/ #member-profile button.btn.btn-primary.validate, #member-profile a.btn { color: #fff; background-color: #00bcd4; } /*/ /// /// tags /// /*/ div.tag-category ul.thumbnails h3 a { background-color: #00bcd4; color: #fff; } ul.tags li a { color: #00bcd4; } /*////////////////////////////////////////////////////////////////////////////// 2.11. hikashop //////////////////////////////////////////////////////////////////////////////*/ /*/ /// /// content /// /*/ .hikashop_categories_listing_main a:hover, .hikashop_categories_listing_main a:focus { color: #00bcd4; } .hikashop_cart_input_button, a.hikashop_cart_button { color: #FFF !important; background-color: #00bcd4; } /*/ /// /// 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: #00bcd4; } /*/ /// /// discounts /// /*/ .hikashop_product_discount { background-color: #00bcd4; color: #fff; } /*/ /// /// categories on 1 level /// /*/ .hikashop_subcategories h4 a:hover, .hikashop_subcategories h4 a:focus { color: #00bcd4; } /*/ /// /// hikashop modules /// /*/ .hikashop_module a:hover, .hikashop_module a:focus { color: #00bcd4 !important; } /*/ /// /// store cart /// /*/ #hikashop_cart a:hover { color: #00bcd4; } #hikashop_cart th { border-bottom: 1px solid #00bcd4; } @media (max-width: 768px) { #hikashop_cart a { color: #444; } #hikashop_cart a:hover { color: #00bcd4; } .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: #00bcd4; } #hikashop_cart .hikashop_cart_module_product_name_value a:hover { color: #00bcd4; } } /*/ /// /// 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: #00bcd4; } /*/ /// /// checkout /// /*/ #hikashop_checkout_cart thead { background-color: #00bcd4; } p.hikashop_cart_product_name a { color: #00bcd4; } #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: #00bcd4; } /*/ /// /// 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: #00bcd4; } td.hikashop_order_number_value a, td.hikashop_download_number_value a { color: #00bcd4 !important; } #htmlfieldset_products .hikashop_order_product_name:hover { color: #00bcd4; } /*////////////////////////////////////////////////////////////////////////////// 2.12. extensions //////////////////////////////////////////////////////////////////////////////*/ /*////////////////////////////////////////////////////////////////////////////// /// /// favcontent /// //////////////////////////////////////////////////////////////////////////////*/ .favstyle h4[id^="favcontent-image-title"] a, .favstyle h4[id*=" favcontent-image-title"] a, .favstyle h4[id^="favcontent-description-image-title"] a, .favstyle h4[id*=" favcontent-description-image-title"] a { background-color: rgba(0, 0, 0, 0.67); } .favstyle div[id^="favcontent-description-icon"], .favstyle div[id*=" favcontent-description-icon"], .favstyle div[id^="favcontent-description-image"], .favstyle div[id*=" favcontent-description-image"] { background-color: #FF4343 !important; } /*////////////////////////////////////////////////////////////////////////////// /// /// favshowcase /// //////////////////////////////////////////////////////////////////////////////*/ .favstyle div[id^="favshowcase-readmore"] a.btn, .favstyle div[id*=" favshowcase-readmore"] a.btn { background-color: #00bcd4 !important; } /*////////////////////////////////////////////////////////////////////////////// /// /// favportfolio /// //////////////////////////////////////////////////////////////////////////////*/ .favstyle a#favportfolio-zoom { border-color: transparent #00bcd4 #00bcd4 transparent !important; } /*////////////////////////////////////////////////////////////////////////////// /// /// favslider /// //////////////////////////////////////////////////////////////////////////////*/ .favstyle .fav-control-paging li a:hover, .favstyle .fav-control-paging li a:focus, .favstyle .fav-control-paging li a.fav-active { background-color: #00bcd4 !important; } .favstyle #fav-caption h3 { background-color: #00bcd4 !important; } /*////////////////////////////////////////////////////////////////////////////// /// /// favpromote /// //////////////////////////////////////////////////////////////////////////////*/ .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: #00bcd4 !important; border-top: 1px solid #222; } .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; font-weight: 300; } .favstyle div[id^="favpromote-box"]:hover, .favstyle div[id*=" favpromote-box"]:hover { background-color: rgba( 17, 17, 17, 0.67) !important; } /*////////////////////////////////////////////////////////////////////////////// /// /// favglyph /// //////////////////////////////////////////////////////////////////////////////*/ .favstyle div[id^="favglyph-icon"], .favstyle div[id*=" favglyph-icon"] { background-color: #00bcd4 !important; } /*////////////////////////////////////////////////////////////////////////////// /// /// faveffects /// //////////////////////////////////////////////////////////////////////////////*/ .favstyle div[id^="faveffects-icon"], .favstyle div[id*=" faveffects-icon"] { background-color: #00bcd4 !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: #00bcd4 !important; } /*////////////////////////////////////////////////////////////////////////////// /// /// favsocial /// //////////////////////////////////////////////////////////////////////////////*/ .favstyle div[id^="favsocial"] a, .favstyle div[id*=" favsocial"] a { background-color: #00bcd4 !important; }