﻿/* Header */
.section-title h1 {font-size: 40px;} 
.ab-menu {padding:20px 0 0;}
.ab-menu .container {padding-bottom:0px;}
.brand-logo img {background:#fff; padding:5px 10px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; display:block; margin:0 auto 15px auto;}
.first-section {padding: 7em 0 1em;}

.first-section .store-list small {font-size: 11px;}

.short-search {background:#fff; position:relative; top:-30px;}
.short-search form.well {padding:10px 30px 1px;}
.well .dropdown-menu li.active {background: #eee;}

#searchform {background: #fff !important;}

.coupon-wrapper {border: 1px solid #ddd;}
.list-wrapper .coupon-meta p {font-size: 16px; line-height: 19px;}
 
.post-media small a, .list-wrapper .post-media small a {color:#333; padding:3px; font-size:16px; font-weight: normal;}

.coupon-bottom .expire-date {font-size: 18px; font-weight: bold; color:#EA344A;}

.coupon-list:hover .post-media img, .post-media:hover img {background: #fff !important; border: 2px solid #ffc107 !important; color: #ffffff !important;}
.post-media img {border:2px solid #fff !important; padding:5px 10px !important;}
/*
.coupon-list:hover .post-media img, .post-media:hover img {background: #fff !important; border: 2px solid #ffc107 !important; color: #ffffff !important;}
.post-media img {border:2px solid #fff !important; padding:20px 10px !important;}
*/

.coupon-meta h3 {font-weight: 400;}

.coupon-meta .edit-coupon a[data-feel] {color: #fff; height: 37px; line-height: 37px; font-size: 13px; font-weight: 600; border-radius: 2px; border: 0; vertical-align: middle; display: inline-block; padding: 0 20px; margin-bottom: 5px;}

.code-modal .modal-header h4 {font-weight: bold; text-align: center;}
.list-wrapper .showcode {height: 45px;}
.code-modal .modal-header .close {font-size: 50px; line-height: 0.5em; margin-left: 10px; opacity:0.7;}
.modal-description {font-size: 16px; line-height: 19px; color:#333;}
.modal-button .btn {font-size:16px;}
.modal-footer {text-align: left;}

.code-modal .btn-primary {color:#000 !important; border-color: #fff !important; background-color:#ffc107 !important; font-size:24px !important;}
.code-modal .btn-primary::before {background: transparent; top:3px; left:12px;}
.modal-button {margin-top:8px;}
.modal-button span.explain {
    display: block;
    padding: 9px;
    font-size: 17px;
    font-weight: bold;
   /* text-transform: uppercase; */
    line-height: 22px;
    color: #333;
   /* border: 2px solid #bbb;  */
    border-bottom: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.list-wrapper .code-modal .btn-primary {font-size: 20px !important;}

.coupon-wrapper .show-code {background: #ffa807;}
.coupon-wrapper .modal-body .show-code {background: #ffa807; font-size: 20px;}
.coupon-wrapper .show-code.codice {background: #EA344A !important;}

.coupon-tab .tab-content {margin-top:0px;}s

.custom-tab-nav.nav-tabs > li.active > a {color:#333;}
.custom-tab-nav.nav-tabs > li > a {color:#aaa;}

.navbar-brand > img {width: 210px;}

.section.home {padding-top:30px;}
.row.specials {padding-bottom:30px;}
.specials .special img {padding:0px;}
.specials .special .promo-desc {padding:10px 30px;}

.widget .post-media a img { background: #f6f6f6 !important; border:2px solid #fff; }
.widget .post-media a:hover img { background: #fff !important; border:2px solid #ffc107; }

.sidebar .widget {padding:10px 20px 0px; margin-bottom:15px;}
.sidebar .widget h4 {padding:10px 0px 0px;}
.sidebar .widget.newsletter-widget p {color:#fff; font-size: 16px; line-height: 22px;}
.sidebar .widget.newsletter-widget h4 {color:#000; font-weight: bold;}
.post-wrapper .widget-title span, .sidebar .widget-title span {background: none !important;}
.sidebar .widget.newsletter-widget.custom-widget i {color:#000;}
.sidebar .widget.custom-widget-b {background:#333;}
.sidebar .widget.custom-widget-b h4 {font-weight: bold;}
.sidebar .widget.custom-widget-b,
.sidebar .widget.custom-widget-b a,
.sidebar .widget.custom-widget-b h4,
.sidebar .widget.custom-widget-b i {color:#fff;}
.sidebar .widget.custom-widget-b a:hover i {color:#ffc107;}

.sidebar .widget.custom-widget-c {background:#E62A4B;}
.sidebar .widget.custom-widget-c h4 {font-weight: bold;}
.sidebar .widget.custom-widget-c,
.sidebar .widget.custom-widget-c a,
.sidebar .widget.custom-widget-c h4,
.sidebar .widget.custom-widget-c i {color:#fff;}
.sidebar .widget.custom-widget-c a:hover i {color:#ffc107;}

.sidebar .widget.custom-widget-d {background:#ffc107;}
.sidebar .widget.custom-widget-d h4 {font-weight: bold;}
.sidebar .widget.custom-widget-d,
.sidebar .widget.custom-widget-d a,
.sidebar .widget.custom-widget-d h4,
.sidebar .widget.custom-widget-d i {color:#212121;}
.sidebar .widget.custom-widget-d a:hover {color:#fff !important;}
.sidebar .widget.custom-widget-d a:hover i {color:#212121;}

.sidebar .widget.newsletter-widget p.nl-privacy {font-size: 11px; line-height: 14px; text-align:left;}
.sidebar .widget.newsletter-widget p.nl-privacy a:hover,
.sidebar .widget.newsletter-widget p.nl-privacy a:focus,
.sidebar .widget.newsletter-widget p.nl-privacy a:visited {color:#000 !important;}

.sidebar .widget.inscadenza {padding: 10px;}
.sidebar .best-coupons .customlist li {padding:10px !important; overflow: hidden;}
.sidebar .best-coupons .customlist li::before {content: ''; display: none;}
.sidebar .best-coupons .customlist li img {width: 80px; display: inline-block; margin: 2px; background: #fff; float: left;}
.sidebar .best-coupons .customlist li a {float: left; width: 65%; margin-left: 8px; margin-top: 5px; line-height: 18px;}

.sidebar .widget .store-list .post-media small span {display:block; line-height: 10px;}

.related .best-coupons .customlist li img {width: 100px; display: inline-block; margin: 5px; background: #fff;}
.related .best-coupons .customlist li::before {content: ''; display: none;}
.related .best-coupons .customlist li a {font-size: 18px;}

.widget-title h4 {font-weight: bold;}

.pagination li.MarkupPagerNavOn,
.pagination li.MarkupPagerNavOn a {color:#000 !important; border-color:#ffc107 !important; background-color: #fff !important; }

.store-list .check-list li {height: 56px;}


/* Brand */
.brand-banner-c {margin-bottom:30px;}
.brand-banner-c img {width: 100%;}
.brand-banner-s img {width: 100%;}


/* Categories */
.category-box {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background: #fff; margin-bottom: 30px; border-bottom:5px solid #ffc107;}
.category-box a {padding: 20px 10px 0; display:block; min-height: 90px;}
.category-box:hover {border-bottom:5px solid #000;}


.footer-categories .category div:before {
    display:none;
}
.footer-categories .category div {
	background: #f3f6f9 none repeat scroll 0 0;
    border-bottom: 0 none !important;
    border-radius: 3px;
    font-size: 14px;
    line-height: 1 !important;
    margin:5px 6px 5px !important;
    padding: 10px !important;
}
.footer-categories .category i.fa {color:#ffc107; margin-right:15px;}
.footer-content h4 {font-weight: bold;}



/* Categories Negozi popolari */

.category-box {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background: #fff; margin-bottom: 30px; border-bottom:5px solid #ffc107;}
.category-box a {padding: 20px 10px 0; display:block; min-height: 90px;}
.category-box:hover {border-bottom:5px solid #000;}


.footer-categories1 .category1 div:before {
    display:none;
}
.footer-categories1 .category1 div {
	background: #f3f6f9 none repeat scroll 0 0;
    border-bottom: 0 none !important;
    border-radius: 3px;
    font-size: 14px;
    line-height: 1 !important;
    margin:5px 5px 5px !important;
    padding: 7px !important;
}
.footer-categories1 .category1 i.fa {color:#ffc107; margin-right:15px;}
.footer-content h4 {font-weight: bold;}






@media (max-width: 768px) {
    
    .section-title h1 {font-size:29px; font-weight: bold; text-transform: none;}
    .first-section {padding:2em 0 1em;}
    .promobox {margin-bottom: 20px; border:1px solid #ddd;}
    .promobox h4 {font-size: 16px; font-weight: bold; text-align:center;}
    .footer-categories .category {width: 100%;}    
    .code-modal {top:5%;}
    .home .content, .tabs .content, .sidebar {padding-left: 0px; padding-right:0px; margin-bottom:20px;}
    .tabs .coupon-tab.post-wrapper {padding-left:10px; padding-right: 10px;}
    .list-wrapper .showcode {max-width: 100%;}
    .list-wrapper .coupon-wrapper {padding:20px;}
   /* .coupon-meta h3 {font-size: 22px; font-weight: bold; line-height: 26px !important; padding-top:20px; text-align: center;} */
    .coupon-meta h3 {font-size: 30px; font-weight: bold; line-height: 26px !important; padding-top:20px; text-align: center;}
    .post-media small a, .list-wrapper .post-media small a {color:#777; font-size:15px; font-weight: normal;}
    .list-wrapper .coupon-meta p {font-size: 15px; color:#555; text-align: justify;}
    .brand-banner-c img {height: auto; width: 100%;}
    .modal-description {color:#333; padding-top:30px; text-align: justify;}
    .code-modal .modal-body img {width: 100%;}

    .related .post-media small a {font-size: 16px; font-weight: bold; margin-bottom: 30px; color:#000; display: block;}
    .related .widget-title h4 {font-size: 24px;}
}




/* --- fix loghi nelle liste coupon da mobile --- */
@media (max-width: 767px) {

  /* tutte le immagini dei coupon dentro le liste */
  .coupon-list .post-media img,
  .coupon-list .post-media .img-responsive,
  .coupon-list a.coupon-logo img {
    width: 200px !important;
    max-width: 200px !important;
    height: auto !important;
    margin: 0 auto !important;
    display: block !important;
  }

  /* centriamo il contenitore così il logo non resta a sx */
  .coupon-list .post-media {
    text-align: center !important;
  }
}
