body {
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
}

.marge_basse {height:calc(100vh - 60px);}

.fleche_scrolldown {width:24px;height:24px;background-image:url('../images/fleche.png');background-repeat: no-repeat; background-size:contain;background-position:  center;position: absolute;top:20px;left:calc(50% - 12px);}

@font-face {
  font-family: "Attila";
  src: url("../fonts/AttilaSans-Medium.otf") format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Attila";
  src: url("../fonts/AttilaSansSharp-Semibold.otf") format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ABC";
  src:  url("../fonts/ABCWhyteInktrap-Regular.woff") format('woff'),
        url("../fonts/ABCWhyteInktrap-Regular.woff2") format('woff2'),
        url("../fonts/ABCWhyteInktrap-Medium.otf") format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.podcast__single {padding-top: 90px; }
@media (min-width: 769px) {
    .podcast__single {padding-top: 90px;} 
}
.podcasts__page {
    background: #f5f7f6;
    padding-top: 110px;
}
@media (min-width: 769px) {
    .podcasts__page {padding-top: 180px;}
}
.podcasts__page .desktop { display: none; }
@media (min-width: 769px) {.podcasts__page .desktop {display: block; } }

.podcasts__page .mobile { display: block; }
@media (min-width: 769px) {.podcasts__page .mobile {display: none; } }

.podcast__single .title, .podcasts__page .title {
    font-family: "Attila";
    font-size:2rem;
    line-height:100%;;
    margin-bottom: 20px;
    font-weight: 600; 
    text-align: center;
    text-transform: uppercase;}
@media (min-width: 769px) {.podcast__single .title,  .podcasts__page .title {font-size:4rem;}}
.podcasts__page .title {margin-bottom: 60px;}
@media (min-width: 769px) {.podcasts__page .title {margin-bottom: 80px;}}

.podcasts__page h2 {font-family:"Attila";line-height: 110%;font-size: 1.7rem;}
.podcasts__page .disponible_sur {margin-bottom:30px;}
.surtitre, .invites {text-align: center;text-transform: uppercase;margin-bottom: 100px;  font-weight: 400;
}
.invites {font-family: "Attila";}
.surtitre { font-size:19px;margin-bottom:70px}

.numero {
    position:absolute;
    top:-40px;
    right:15%;
    border:2px solid #000;
    background:#FFF;
    font-family: "Attila";
    font-weight: 600;
    font-size:3rem;
    padding:20px 40px 10px 40px;
    border-radius: 100%;
    transform: rotate(-8deg);
}
.podcast_player {padding:50px 0 0 0;}
@media (min-width: 769px) {.podcast_player  {padding:100px 0;}}

.disponible_sur {font-size:0.9rem;margin-top:10px;}
.disponible_sur a {color:#a62c1f;text-decoration: underline;}
.disponible_sur a:hover {text-decoration: none;}

.podcast__slider__item {
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 30px;
}
.podcast__slider__image {
    width: auto;
    height: 200px;
    position: relative;
    -webkit-box-shadow: 0 1px 4px rgb(0 0 0 / 30%), 0 0 40px rgb(0 0 0 / 10%) inset;
    box-shadow: 0 1px 4px rgb(0 0 0 / 30%), 0 0 40px rgb(0 0 0 / 10%) inset;
}
@media (min-width: 481px) {.podcast__slider__image {height: 300px;}}
@media (min-width: 769px) {.podcast__slider__image {height: 480px;}}

.podcast__slider__image img {
    width: auto;
    height: 100%;
}

.also_like, .tops {background-color:#000;height:475px;margin-bottom: 80px;padding-top:30px;overflow-y: visible;}
.also_like h2 {margin-bottom:60px;color: #FFF;}

.tops {height:475px;margin-bottom: 180px;}
@media (min-width: 769px) {.tops {height:525px;margin-bottom: 180px;}}

.podcast_cols {display: flex;justify-content: space-between;overflow-x: scroll;}
@media (min-width: 769px) {.podcast_cols {justify-content: center}}

.menu_tops {display: flex;}
.menu_tops h2 {  font-family: "ABC";font-weight: normal;flex:1;margin:0 0 30px 0;color: #FFF;cursor: pointer;text-align: center;}


.tops .podcast__item_col {margin:50px 10px 10px 10px}
@media (min-width: 769px) { .tops .podcast__item_col {margin:100px 50px 10px 50px} }

.col_num {position: relative;}
@media (max-width:768px) {
    .col_num {flex-shrink: 0;width:300px;margin:0 0 0 10px;}
}

.bg_numero {position: absolute;top:0;left:-35px;z-index:1;font-size:250px;line-height:100%;color:#FFF;font-family: "Attila";font-weight: 400;}

@supports(-webkit-text-stroke: 1px #999){
    .menu_tops h2  {
        color: transparent;
        -webkit-text-stroke: 1px #999;
        text-shadow: none;
    }
    .menu_tops h2.active {color: #FFF;-webkit-text-stroke: 0px #FFF;}
    .bg_numero {-webkit-text-stroke: 1px #FFF;color:transparent;}
}

.podcast__item_container {padding:10px;}
.podcast__item_col {flex-shrink: 0;width:280px;min-height:440px;margin:10px 20px;background: #FFF;position: relative;border:1px solid #eee;z-index:2;}
.slider-saison .podcast__item_col {margin:0;}

.podcast__item_img {height:250px;background-size: cover;background-position: top center;position: relative;}
.podcast__item__play {
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1);
    -o-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1);
    width: 80px;
    height: 80px;
    cursor: pointer;
    background-image: url("../images/play.png");
    background-size: cover;
    background-position: top;
}
.podcast__item__play:hover { background-position: bottom;}

.podcast__item__duree {    
    position:absolute;
    bottom:20px;
    right:20px;
    padding:3px 8px;
    color:#FFF;
    font-size:0.7rem;
    background-color: rgba(0,0,0,0.8);
}

.podcast__item_txt {padding:20px;}
.podcast__item_txt h3 {font-family: "ABC";line-height:120%;}
.podcast__item_invites {font-size:0.9rem;margin:10px 0 50px 0;;color:#737373}
.podcast__item_footer {position: absolute;bottom:20px;width: calc(100% - 40px); display: flex;align-items: baseline;}
.podcast__item_more {flex:1;font-size:0.9rem;}
.podcast__item_more a {color:#a62c1f;text-decoration: underline;}
.podcast__item_more a:hover {text-decoration: none;}
.podcast__item_numero {flex:1;font-size:2.4rem;font-family: "Attila";font-weight: 600; text-align: right;}

.voir_tous {margin:150px 0;}
.voir_tous a {text-decoration: underline;}
.voir_tous a:hover {text-decoration: none;}

.row_saison {margin: 100px 0;}
.row_saison h2 {font-family: "ABC";  font-weight: 400;font-size:3rem;margin-bottom:0px;}

.no_border_right {padding-right: 0;}
.pad_15_left {padding-left:15px;}
.infos_saison {max-width:880px;padding-left:15px;}

.slider-saison {margin-top:30px;}
.slider-saison .slick-next, .slider-saison .slick-prev {
    top: 105%;
    width: 20px;
    height: 20px;
}
.slider-saison .slick-next {right:20px;}
.slider-saison .slick-prev {left:auto; right:60px;}

.sponsorise {font-size:0.9rem;margin:5px 0;;color:#737373}
.sponsorise a {color:#a62c1f;text-decoration: underline;}
.sponsorise a:hover {text-decoration: none;}

.podcasts_info {background:#000;color:#FFF;padding:50px 0;margin-top:200px;}
.podcasts_info h2 {font-family: "ABC";  font-weight: 400;font-size:2.4rem;margin:0 0 50px 0;}
.podcasts_info h3 {margin:0 0 35px 0;}
.podcasts_info p {margin:20px 0;}
.podcasts_info ol {
    counter-reset: number;
    list-style-type: none;
    position: relative;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-bottom: 20px;
    color:#FFF;
}
.podcasts_info ol::before {
    position: absolute;
    content: "";
    height: 98%;
    width: 1.4px;
    background: #FFF;
    left: 24px;
    top: 1%;
}
.podcasts_info ol li::before {
    font-size: 1em;
    position: absolute;
    left: 0;
    counter-increment: number;
    content: counter(number);
    color: #FFF;
}
.podcasts_info ol li {
    letter-spacing: .5px;
    font-size: 1rem;
    line-height: 1.375rem;
    margin-bottom: 1.25rem;
}
.podcasts_info a {color:#a62c1f;text-decoration: underline;}
.podcasts_info a:hover {text-decoration: none;}

.slider-podcast {margin-bottom: 150px !important;}
.slider-podcast .slick-arrow span {
    z-index: 10;
    width: 40px;
    height: 40px;
    background: rgba(0,0,0,.3);
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

}
.slider-podcast .slick-next:before, .slider-podcast .slick-prev:before {content: "";}
.slider-podcast .slick-next, .slider-podcast .slick-prev {width:40px;hegight:40px;z-index: 1000;}

.slider-podcast .slick-next {right:10px;}
.slider-podcast .slick-prev {left:10px;}
@media (min-width: 769px) {
    .slider-podcast .slick-next {right:40px;}
    .slider-podcast .slick-prev {left:40px;}
}

.slider-podcast .slick-prev svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

/*Content Magazine*/
.magazines__card__subtitle.soldout {
    color: #b1b1b1;
    border-color: #b1b1b1;
}
.magazines__card__subtitle.soldout:hover{
    border-color: transparent;
}
ul.magazines__anchors li {
    list-style-type: none;
}

ul.magazines__anchors li:first-child {
    margin-bottom: 10px;
}

ul.magazines__anchors li a {
    border-bottom: 2px solid #000;
}

ul.magazines__anchors li a:hover,
ul.magazines__anchors li a:focus {
    border-color: transparent;
}

.edito .single__content__inner {
    font-family: "FreightText Pro",serif;
    font-size: 1.3125rem;
    line-height: 1.75rem;
}
.edito .magazine__volume__single {
    display: inline-block;
    white-space: pre-wrap;
}
.edito .morelink {
    font-size: 1.3125rem;
    line-height: 1.75rem;
    color: #92201c;
}

@media (min-width: 769px) {
    ul.magazines__anchors li a {
        font-size: 1.5rem;
        line-height: 1.875rem;
    }
}

.edito .open-edito {
    text-align: center;
}

.magazine__box h4 {
    font-weight: 400;
}

@media (min-width: 769px) {
    .magazine__box .col-right {
        display: flex;
        align-items: center;
        justify-content: center;
    }    
    .magazine__box h4 {
        font-size: 1.875rem;
        line-height: 2.1875rem;
    }
}

.magazine__box h3 {
    font-size: 2.6rem;
    margin-top: 3rem;
}
.magazine__box h3 a{
    border-bottom: 2px solid #000;
}
    @media (min-width: 769px) {
    .magazine__box h3 a{
        border-bottom: 4px solid #000;
    }
}

.magazine__box h3 a:hover {
    border-color: transparent;
}
.magazine__box {
    background: #fef8f7;
    padding: 3rem 0;
}
.singleMag__page .single__content{
    margin-top:75px;
}

@media (max-width: 767.98px) {
    .magazine__box .col-xs-12 {
        padding-right: 0;
    }
    .magazine__box .right {
        padding: 2rem;
        text-align: center;
    }
    .magazine__box h4{
        font-size: 1.1rem;
    }
    .magazine__box h3 {
        font-size: 1.8rem;
        margin-top: 1rem;
    }

}

.hide-on-desktop {
    display: none;
}

.hide-on-mobile {
    display: block;
}

@media (max-width: 767.98px) {
    .hide-on-desktop {
        display: block;
    }

    .hide-on-mobile {
        display: none;
    }

}

.boxzilla-content {
    display: flex;
    align-items: center;
}

.boxzilla-content .blockquote {
    max-width: 65%;
    float: left;
    margin: 0;
}

.boxzilla-content .blockquote h1 {
    font-size: 30px;
}

.boxzilla-content .blockquote > p:first-of-type {
    margin: 2em 0;
    font-size: 20px;
}

.boxzilla-content .blockquote a {
    background-color: #921f1b;
    color: #fff;
    padding: 0.5em 1em;
    font-size: 19px;
    line-height: 1.5em;
    display: inline-block;
}

.boxzilla-content .blockquote a:hover,
.boxzilla-content .blockquote a:focus {
    background-color: #b02f25;
}

.boxzilla-content > p:last-of-type {
    max-width: 33%;
    float: right;
}

.boxzilla-content .blockquote.first-child,
.boxzilla-content p.first-child {
    padding-right: 5%;
}

.boxzilla-content p.first-child + blockquote {
    padding-right: 0;
}

@media (max-width: 767.98px) {

    .boxzilla-center-container .boxzilla {
        margin: 0;
    }

    .boxzilla-content {
        display: block;
    }

    .boxzilla-content .blockquote,
    .boxzilla-content > p:last-of-type {
        max-width: 100%;
        float: none;
    }

    .boxzilla-content img {
        margin: 0 auto;
        max-width: 30%;
        display: block;
    }

    .boxzilla-content .blockquote.first-child,
    .boxzilla-content p.first-child {
        margin-bottom: 2em;
    }

}

/* Personnalisation du panier */

.cart__continue {
    font-family: inherit;
    font-size: 18px;
    position: absolute;
    top: 20px;
    text-align: left;
    border-bottom: 1px solid #b2b0af;
    width: fit-content;
    color: #b2b0af;
}
.cart__continue:hover,
.cart__continue:focus {
    border-bottom: none;
}

.cart-item-container {
	perspective-origin: 0 0 !important;
    margin-top: 40px;
}