/*
 Theme Name:   Besse et Aupy
 Theme URI:    https://www.ircf.fr
 Description:  Thème enfant pour le site Besse et Aupy
 Author:       IRCF
 Author URI:   https://www.ircf.fr
 Template:     proactiv
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  besse-aupy
*/

/* Fonts */
@font-face {
    font-family:"source";
    src: url(fonts/SourceSansPro-Regular.eot);
    src: url(fonts/SourceSansPro-Regular.eot?#iefix) format('embedded-opentype'),
        url(fonts/SourceSansPro-Regular.woff) format('woff'),
        url(fonts/SourceSansPro-Regular.ttf)  format('truetype');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:"source";
    src: url(fonts/SourceSansPro-Black.eot);
    src: url(fonts/SourceSansPro-Black.eot?#iefix) format('embedded-opentype'),
        url(fonts/SourceSansPro-Black.woff) format('woff'),
        url(fonts/SourceSansPro-Black.ttf)  format('truetype');
    font-weight:bold;
    font-style:normal;
}

/* Général */
body {
    background-color:#e62f29;
    font-family: "source",arial,helvetica,sans-serif;
    font-size: 18px;
    line-height: 1.2em;
}
h1{
    margin-bottom:30px;
}
.bg-gris {
    background: rgb(224,224,224); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(224,224,224,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(224,224,224,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(224,224,224,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
}
.bg-rouge {
    background-color: #ed1c24;
    padding: 30px;
    margin-top:20px;
    margin-right: -15px;
    margin-left: -15px;
}
.bg-rouge h2,
.bg-rouge h3 {
    color: #ffffff;
}
.post-content h2{
    margin-bottom:30px;
}
.dl-horizontal dt{
    min-width:280px;
    text-align:left;
    margin-bottom:0;
    white-space:normal;
    text-overflow:initial;
}
.dl-horizontal dd{
    margin-left:280px;
}
.no-bullets{
    list-style:none;
    padding-left:0;
}
.no-bullets li:before{
    content:"";
    margin:0;
}
.btn + .btn{
    margin-left:30px;
}
.alignleft{
    margin-right:15px;
}

/* Header */
#header-compte strong,
#header-envies strong,
#header-panier strong,
#header-compte .fa,
#header-envies .fa {
    color: #e62f29;
}
#header-panier {
    position: relative;
}
#header-panier .badge {
    position: absolute;
    left: 25px;
    background-color: #e62f29;
}
.header-actualites {
    padding-top: 15px;
    padding-bottom: 15px;
}
.header-actualites a{
    text-decoration: underline;
}
.header-actualites h2 a{
    text-decoration: none;
}
.header-actualites .post-excerpt{
    display:inline-block;
}
.header-actualites .read_more{
    display:inline-block;
    margin-left:10px;
}
.header-social-wrapper{
    float:right;
}
.header-social{
    display:flex;
    align-items:center;
}
.header-social-label,
header .social{
    display:inline-block;
    margin-bottom:0;
}
.header-social-label{
    margin-right:10px;
}

/* Navbar */
.navbar-brand > img {
    position: absolute;
    top: 3px;
    z-index: 99;
}
.nav > li > a{
    font-weight:bold;
}

/* Footer */
#footer-links{
    margin-top:20px;
}
#footer-links li{
    padding-left:20px;
    padding-right:20px;
}
#footer-links img{
    max-height:50px;
    width:auto;
}

/* W4 Post List */
.w4pl {
    padding-left: 15px;
    padding-right: 15px;
}
.more-link{
    text-decoration:underline;
}

/* Content */
.article-wrapper{
    margin-bottom:10px;
}

/* Breadcrumbs */
.breadcrumbs{
    font-size:0.9em;
    margin:20px 0;
}

/* Liste véhicules/options */
.cpt-title strong{
    color:inherit;
}
.cpt-item{
    margin-bottom:20px;
}
.cpt-item:nth-child(3n+4){
    clear:left;
}
.cpt-list .cpt-title{
    font-size:1.2em;
    margin-bottom:15px;
}
.cpt-list .cpt-thumbnail{
    background-color:#706d66;
    min-height:270px;
    margin-bottom:15px;
}
.cpt-details{
    padding-left:30px;
}

/* Liste option */
.option-item:nth-child(4n+5){
    clear:left;
}
.option-item:nth-child(3n+4){
    clear:none;
}
.options-list .option-thumbnail{
    min-height:197px;
}

/* Fiche véhicule/option */
.cpt-carousel .row{
    margin-left:0;
    margin-right:0;
}
.carousel-thumbnails{
    margin-top:30px;
}
.carousel-thumbnails > li{
    width:20%;
    margin-bottom:30px;
}
.carousel-thumbnails > li img{
    cursor:pointer;
}
.single-vehicule h2,
.single-option h2{
    margin-bottom:15px;
}

/* Fiche véhicule */
.vehicule-details{
    margin-top:20px;
}

/* Fiche option */
.option-details.dl-horizontal dt{
    min-width:180px;
}
.option-details.dl-horizontal dd{
    margin-left:180px;
}

/* Woocommerce */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active, 
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active, 
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active, 
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active {
    background-color: #e62f29;
    color: #ffffff;
    border: 0;
    border-radius: 0;
}
.woocommerce div.product .woocommerce-tabs .panel, 
.woocommerce #content div.product .woocommerce-tabs .panel, 
.woocommerce-page div.product .woocommerce-tabs .panel, 
.woocommerce-page #content div.product .woocommerce-tabs .panel {
    background-color: #000000;
    color: #ffffff;
}

/* Fomulaire de contact */
.form-control {
    border-radius: 0;
}
.form-control:focus {
    border-color: #e62f29;
}

/* Gallery */
.gallery .gallery-item{
    margin-bottom:30px;
}
.gallery .gallery-item.col-sm-4:nth-child(3n+1){
    clear:left;
}
.gallery figcaption{
    font-size: 0.9em;
    line-height: 1.1em;
    margin-top: 10px;
    text-align: center;
}

/* Carousel */
.carousel {
    margin-right: -15px;
    margin-left: -15px;
}
.carousel-control.left i{
    left:20px;
}
.carousel-control.right i{
    right:20px;
}

/* Accueil */
.home #content{
    padding-top:0;
    padding-bottom:0;
}
.home h1{
    margin-top:30px;
    margin-bottom:10px;
}
.home h1 + p,
.home .row-contactez-nous h2 + p,
.home .row-accessoires h2 + p{
    font-size:1.3em;
    line-height:1.3em;
    margin: 20px 0 50px;
    padding-left:10%;
    padding-right:10%;
}
.home .post-content .carousel{
    max-height:700px;
    overflow:hidden;
}
.home .post-content h2{
    padding-top:20px;
}
.home .post-content .row-engagements img{
    max-height:100px;
    width:auto;
}
.home .post-content .row-contactez-nous{
    background-image:linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("images/bg-contact.jpg");
    background-repeat: repeat, no-repeat;
    background-position: right bottom, right bottom;
    background-color: transparent;
    background-size:cover;
    background-attachment: fixed;
    padding-bottom:40px;
}
.home .post-content .row-contactez-nous .wpcf7 + h2,
.home .post-content .row-contactez-nous h3{
    color:#fff;
}
.home .row-contactez-nous a.btn-primary{
    margin-top:30px;
}
.home .row-accessoires{
    padding-bottom:40px;
}
.home .row-engagements{
    margin-top:50px;
}
.home .row-engagements h3{
    font-size:1.5em;
    margin-top:20px;
    margin-bottom:20px;
}
.home .bg-rouge h2{
    margin-top:-20px;
}
.home .products .btn{
    display:none;
}
.home .products li{
    margin-bottom:10px!important;
}
.home .products h3{
    font-size:1.3em!important;
}

@media(max-width:768px){
    .dl-horizontal dt{
        display:inline-block;
        width:200px!important;
    }
    .dl-horizontal dd{
        display:inline-block;
        vertical-align:top;
        margin-bottom:10px;
        margin-left:0!important;
    }
    .carousel-thumbnails > li{
        float:left;
        width:25%;
        padding-left:10px;
        padding-right:10px;
        margin-bottom:20px;
    }
    .cpt-list .cpt-thumbnail{
        background-color:transparent;
        min-height:auto;
    }
    .cpt-list .cpt-item{
        margin-bottom:30px;
    }
    .cpt-details{
        padding-left:15px;
    }
    .bg-gris{
        display:block;
    }
    #header-compte, #header-panier, .header-social{
        margin-top:20px;
        margin-bottom:20px;
    }
    .header-social-wrapper{
        float:none;
    }
    header{
        font-size:0.9em;
    }
    header .navbar-nav{
        margin-top:40px;
    }
    .header-top-description{
        text-align: center;
    }
    .header-social-label{
        display:none;
    }
    h1{
        font-size:1.6em;
        margin-bottom:20px;
    }
    .carousel-thumbnails > li{
        width:20%;
    }
    .btn + .btn{
        margin-top:20px;
    }
}
@media(min-width:768px) and (max-width:1279px){
    .cpt-list .cpt-thumbnail{
        min-height:341px;
    }
    .cpt-item:nth-child(2n+1){
        clear:left;
    }
    .cpt-item:nth-child(3n+4){
        clear:none;
    }
}
@media(min-width:768px) and (max-width:1440px){
    header .navbar .container{
        width:95%;
    }
    header .navbar-nav{
        padding-left:150px;
    }
    header .navbar-nav li a{
        font-size:0.9em;
        padding-left:10px;
        padding-right:10px;
    }
}