/* Font
---------------------------------*/
h1.promo{ color:#fff !important; font-family: 'AvenirNext Heavy' !important; font-weight:  normal; line-height: 44px !important; margin-bottom: 20px; text-shadow: 0em 0em 0.3em #182748; }
.promo p{ color:#fff !important;  font-family: 'AvenirNext Regular' !important; font-size: 24px !important; line-height: 28px !important; text-shadow: 0em 0em 0.3em #182748; }

/* Btn
---------------------------------*/
.bnt-cta-magenta a{ background-color: #e12972 !important; border-color: #e12972 !important;  font-family: 'AvenirNext Bold' !important; color: #fff !important;  text-transform: uppercase; font-size: 16px !important;  }
.bnt-cta-verde a{ background-color: #007642 !important; border-color: #007642 !important;  font-family: 'AvenirNext Bold' !important; color: #fff !important;  text-transform: uppercase; font-size: 16px !important;  }

/* section title
---------------------------------*/
.promo-section{ border-bottom: 1px solid #D3D3D4; margin-bottom: 40px; }
.promo-section-title{ display: inline-block; background: #F8F8F8; font-size: 20px; font-family: 'AvenirNext Heavy' !important; color: #4e5153;  text-transform: uppercase; padding: 5px 10px; border: 1px solid #D3D3D4; border-bottom: 0px solid #D3D3D4; }
.promo-section-title span{ font-family: "AvenirNext Italic"; text-transform: lowercase !important; }
.promo-section-link {float: right; margin-top: 10px}

.col-product-promo {
    height: auto !important;
    box-shadow: 0px 2px 3px #cecece;
    border: 1px solid #EDEDED;
    border-radius: 5px !important;
    -webkit-font-smoothing: subpixel-antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    margin-bottom: 42px;
    min-height: 664px !important;
}

.col-product-promo img{
    width: 100%;
    height: auto;
}

.centered-box{ position: relative }

.title-product-promo { text-align: center;  padding: 20px 5px; font-family: 'AvenirNext Bold' !important; min-height: 90px !important; }
.title-product-promo a { font-size: 18px; line-height: 20px; color: #4e5153 !important; text-transform: none; }
.price-product-promo { text-align: center; font-size: 16px !important;  font-family: 'AvenirNext Bold' !important; }
.price-product-promo span > del { display: none !important }
.price-product-promo > span > ins { display: block; font-size: 24px !important; }
.price-product-promo > .woocommerce-Price-amount{ font-size: 24px !important; }
.price-product-promo > ins > .woocommerce-Price-amount {font-size: 24px !important; }

.cta-product-promo{ margin-top: 20px;}

.product-labels{
    right: -5px !important;
    top: 10px !important;
    position: absolute;
    z-index: 2;
}

.product-labels::before{
    content: "";
    height: 0;
    width: 0;
    top: 0px;
    left: -30px;
    position: absolute;
    border-style: solid;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-top: 30px solid #d03074;
    transform: scaleX(0.35);
}
.product-labels::after{
    content: "";
    height: 0;
    width: 0;
    bottom: 0px;
    left: -30px;
    position: absolute;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid transparent;
    border-bottom: 30px solid #d03074;
    transform: scaleX(0.35);
}

/* badge */
.product-labels div.onsale{
    width: 60px !important;
    height: 30px !important;
    line-height: 32px !important;
    font-size: 16px !important;
    background: #d03074 !important;
    font-family: 'AvenirNext Bold' !important;
    color: #fff !important;
    margin: 0 !important;
}

@media screen and (max-width: 768px){
    h1.promo{ font-size: 30px !important; line-height: 32px !important; }
    .promo p{ color:#fff !important;  font-family: 'AvenirNext Regular' !important; font-size: 18px !important; line-height: 22px !important; text-shadow: 0em 0em 0.3em #182748; }
    .title-product-promo a { font-size: 16px; line-height: 18px; color: #4e5153 !important; text-transform: none; }

    .promo-section { margin-top: 30px !important; }
    .price-product-promo > span > ins { display: block; font-size: 18px !important; }
    .price-product-promo > .woocommerce-Price-amount{ font-size: 18px !important; }
    .price-product-promo > ins > .woocommerce-Price-amount {font-size: 18px !important; }
    .cta-product-promo { margin: 10px 10px !important; }
    .cta-product-promo a { margin: 10px 0px !important; padding: 10px 5px; font-size: 12px !important;}
    .col-product-promo { min-height: 580px !important;  margin-bottom: 12px !important; margin-top: 21px !important;  } 
    
}