@charset "UTF-8";

/********************************* Table of contents

1. Global
2. Top Nav
3. Top Bar
4. Page Head
5. Main Menu
6. Main Slider
7. Main Top Products
8. Main About Us Section
9. Main Reasons
10. Main Page Shop
11. Where To Buy
12. Main Reviews
13. Main Blog List
14. Subscribe Form Bottom
15. About Products
16. About Market
17. Blog Page
18. Comments
19. Cart Page
20 .Checkout
21. Shop
22. Product Single
23. Contacts
24. Gallery
25. Testimonials
26. Footer
27. Typography
28. 404 page
29. Coming page
30. Responsive

*****************************************************/

/*
COFFEE WAY
Main color: #C6732C;
Light color: #D0A473;
 */

/* #1 Global */
a { color: #C6732C; }

.btn.btn-default { color: #FFF; background: #C6732C; font-size: 16px; letter-spacing: 0.03rem; }
.btn.btn-default:hover { background: #D0A473; color: #3f2c14; }
.btn.btn-brown { background: #2c1910; color: #D0A473; }
.btn.btn-brown:hover { background: #D0A473; color: #3f2c14; }
.btn.btn-bordered { background: none; color: #D0A473; border: 1px solid #D0A473; }
.btn.btn-bordered:hover { background: #2c1910; color: #D0A473; border: 1px solid #2c1910; }

hr { border-color: #e5e0d6; }
h1,h2,h3,h4,h5,h6 { color: #2c1910; }

h1 span { color: #D0A473; }
h2 span { color: #D0A473; }
h3 span { color: #D0A473; }
h4 span { color: #D0A473; }
h5 span { color: #D0A473; }
h6 span { color: #D0A473; }
h2:before { background: #D0A473; }

/* #3 Top Bar*/
.top-bar { background: #C6732C; }

.page-head .breadcrumb li { color: #513826; }
.page-head .breadcrumb > li + li:before { color: #513826; }
.page-head .breadcrumb li a { color: #C6732C; }
.page-head h1 { font-family: 'Raleway', sans-serif; color: #513826; }

/* #5 Main Menu*/
.main-menu > li.active > a { color: #C6732C;}
.main-menu > li:hover > a { color: #D0A473; }
.main-menu .sub-menu > li:hover { background: #D0A473; }
.main-menu .sub-menu > li.active { background: #D0A473;}
.main-menu .third-level { background: #D0A473; }

/* #6 Main Slider*/
.main-slider-caption .top-title { color: #D0A473; }
.main-slider-caption .big-title { color: #D0A473; }

/* #7 Main Top Products*/
.top-prod-types .item.first { background: #D0A473; }
.top-prod-types .item.first img { filter: sepia(50%); transition: transform .1s; /* Animation */ }
.top-prod-types .item.second img, .top-prod-types .item.third img{ filter: invert(1) sepia(50%); opacity: 0.8; transition: transform .1s; /* Animation */ }
.top-prod-types .item .name { color: #D0A473; }
.top-prod-types .item .name.dark { color: #2c1910; font-weight: bold; }
.top-prod-types .item .name span { font-weight: bold; }
.top-prod-types .item .name.dark span { font-weight: normal; color: #2c1910; }
.top-prod-types .item:hover img { transform: scale(1.1); }

/* #8 Main About Us Section*/
.about-us .about-text h2:before { background: #C6732C; }
.about-us .about-text h2 span { color: #C6732C; }
.about-slogan .icon i { color: #C6732C; }

/* #9 Main Reasons*/
.reasons .item .count { color: #C6732C; }

/* #10 Main Page Shop*/
.popular-item { padding: 145px 0 113px 0; }
.popular-item .sistemi .item { padding: 15px; }
.popular-item .sistemi .item > span { width: 100%; }
.popular-item .sistemi .item > span.name { min-height:50px; margin-top:0; }
.popular-item .sistemi .item .img-wrap { padding: 15px; }
.popular-item .sistemi .item .img-wrap img { width: 100%; }
.popular-item .sistemi .item:hover { background-color: rgba(216,207,181,.5); }
.popular-item .sistemi .item .overlay { position: absolute; opacity: 0; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%;  transition: .1s ease; background-color: transparent; }
.popular-item .sistemi .item .overlay .overlay-text { width: 100%; padding: 10px; color: white; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }
.popular-item .sistemi .item .overlay .overlay-text span { width: 100%; text-align: center; }
.popular-item .sistemi .item .overlay .overlay-text span.icon { font-size: 6rem; color: #C6732C; }
.popular-item .sistemi .item:hover .overlay{ opacity: 1; }

/* #11 Where To Buy*/
.where-buy .nav-tabs > li > a { color: #2c1910; border:none; }
.where-buy .nav-tabs > li:hover a { color: #C6732C; }
.where-buy .nav-tabs > li.active > a, .where-buy .nav-tabs > li.active > a:hover, .where-buy .nav-tabs > li.active > a:focus { color: #C6732C; }
.buy-item .icon i { color: #C6732C; }
.buy-item .info .phone i { color: #C6732C; }
.buy-item .info .mail i { color: #C6732C; }

/* #12 Main Reviews*/
.review-slider .owl-nav > div { background: #C6732C; border: 1px solid #C6732C; }
.review-item .name { color: #C6732C; }
.review-item .date { color: #C6732C; }

/* #13 Main Blog List*/
.main-blog-item .item-info i { color: #D0A473; }
.main-blog-item .item-info .like:hover i { color: #C6732C; }

/* #14 Subscribe Form Bottom*/
.subscribe { background: #D0A473; }
.subs-form input[type='submit'] { background: #2b1b13; color: #D0A473; }

/* #21 Shop*/
.shop-sidebar { background: transparent; border-right: 1px solid #e5e0d6; }
.shop-sidebar .product-categories li.active > a, .shop-sidebar .product-categories li:focus > a { color: #D0A473; }
.shop-sidebar .product-categories li.parent ul.third-level { padding: 10px 0 0 20px; }
.product-list { padding-left: 25px; }
.product-list h3 { text-align: left; }
.product-item .price { color: #D0A473; }
.product-item .price-scontato { color: #C6732C; }
.product-item .price span { font-size: 14px; color: #D0A473; text-decoration: line-through; margin-left: 5px; }
.category-item { background-color: #2b1b13; margin-bottom:30px; }
.category-item .img-wrap { background-color: #FFF;}
.category-item img { width: 100%; }
.category-item .name { color: #D0A473; font-size: 20px; text-align: center; font-weight: 900; width: calc(100% - 30px); margin: 0 10px; }
.category-item a:hover img { opacity: 0.95; }

/* #22 Product Single*/
.product-single .top-price { color: #C6732C; font-size: 30px; }
.product-single .top-price span { color: #D0A473; font-size: 18px; margin-left: 5px; text-decoration: line-through; }
.related-title { margin-top: 40px; }

/* #26 Footer*/
.footer-about .title { color: #D0A473;}
.footer-contacts li i { color: #D0A473; }
.footer-social .title { color: #D0A473; }
.social li a:hover { background: #D0A473;}
.bottom-footer .copyrights { color: #D0A473; }
.bottom-footer .copyrights a:hover { color: #D0A473; }

/* #27 Typography*/
.text-page { margin-bottom: 20px; }
.text-page blockquote { border-left: 4px solid #D0A473; }
.text-page table th { background: #D0A473; color: #1F1F1F; }
ul.disc li:before,ul.check li:before { color:#D0A473; }

/* #28 404 page*/
.page-404 { background: url(../images/404-bg_coffee.jpg) 50% 50% no-repeat; }
.page-404 h1 { color: #C6732C; }
.page-404 .wp-searchform input[type='submit'] { background: #D0A473; }
.page-404 .wp-searchform input[type='submit']:hover { color: #D0A473; }

/* OTHER */
.outlet { position:fixed; top: 0; left: -55px; right: 0; z-index: 99; background-color: #C6732C; color: #FFF; font-weight: bold; font-size: 12px; letter-spacing:1px; text-transform: uppercase; padding: 5px; margin-bottom:5px; white-space: nowrap; overflow: hidden;}
.outlet i { margin: 0 15px; }
.top-nav { top: 27px; }

/* #30 CUSTOM RESPONSIVE*/
@media (max-width: 1199px) {
    .top-nav nav.navbar { margin-top: 91px; }
    .top-nav.affix nav.navbar { margin-top: 71px; }
    .top-nav .navbar-collapse { background: #fff; overflow-x: hidden; padding-top: 20px; }
    .main-menu > li:hover > a { color: #C6732C; }
    .main-menu .sub-menu > li a { color: #513826; }
    .main-menu .sub-menu > li:hover { background-color: transparent; }
    .main-menu .sub-menu > li:hover > a { color: #FFF; }
    .main-menu .third-level { background: transparent; padding-left: 20px;}
    .main-menu .third-level li:hover a { color: #D0A473; }
    .top-social { display: none; }
    .top-nav .top-search { display: none; }
}
@media (max-width: 991px) {
    .top-nav nav.navbar { margin-top: 71px; }
    .shop-sidebar { display: none; }
    .product-list {padding-left: 0;}
    .popular-item { padding: 40px 0; }
}

/* VERSIONE CHIARA */

.main-slider-caption .big-title {color: #513826;}
.main-slider-caption .top-title {color: #C6732C;}
.main-slider-caption .top-title span {color: #C6732C;}
.main-slider-caption p {color: #513826;}

.main-menu > li > a { color: #513826; }
.main-menu > li:hover > a { color: #C6732C; }
.main-menu .sub-menu > li:hover { background: #C6732C; }
.main-menu .sub-menu > li.active { background: #C6732C;}

.top-nav .top-social li a:hover { color: #513826; }
.top-nav .search:focus, .top-nav .search:hover { color: #513826; }

.affix, .top-nav.inner-page { background-color: #FFF;  }