/* Container */

.container-large{
    max-width: 1200px;
}

.container-medium{
    max-width: 1100px;
}

.container-small{
    max-width: 960px;
}


/* General */

.main-background{
    margin-top: 69px;
    min-height: calc(100vh - 210px);
}

/* Text */

p{
    font-size: 16px;
}

.formatted-text {}

.page-h1{
    color: #ffffff;
    font-size: 40px;
}

.single-h1, .contact-page__h1{
    font-size: 40px;
}

.h2--white{
    font-size: 40px;
}

.h2-small{
    font-size: 30px;
}

.subtitle--white{
    font-size: 24px;
}

a.link--full-white{
    padding: 12px 60px 12px 60px;
}

a.link--empty-white{
    padding: 12px 60px 12px 60px;
}

.nav-item--typo{
    font-size: 14px; 
}

.social-nav-item--typo{
    font-size: 14px;   
}

.nav-item-footer--typo{
    font-size: 14px;
}

.main-footer--typo{
}

.hero-single__date{
    font-size: 30px;
}

.hero-single__subtitle{
    font-size: 18px;
}
 
.hero-single__paragraph, .contact-page__paragraph{
    font-size: 16px;
}

.contact-page__phone, .contact-page__mail{
    font-size: 18px;
}

.single-content__box h2{
    font-size: 30px;
}

.single-content__box h3{
    font-size: 24px;
}

.single-content__box h4{
    font-size: 18px;
}

.single-content__box ul li{
    font-size: 16px;
}

.default-section ul li{
    font-size: 16px;
}


.news-section__day{
    font-size: 18px;
}

.h2-news-item{
    font-size: 18px;
}

.news-section__excerpt{
    line-height: 20px;
    font-size: 14px;
}

.news-section__know-more{
    font-size: 16px;
}

.toc-title-h2{
    font-size: 18px;
}

.toc-title-h3{
    font-size: 24px;
}

.toc-album-year{
    font-size: 24px;
}

.album-title-h3{
    font-size: 24px;
}

p + p, p + ul, ul + p{
    margin-top: 16px;
}

p + h2{
    margin-top:40px;
}

p + h3{
    margin-top:30px;
}

p + h4{
    margin-top:24px;
}

h2 + p{
    margin-top: 26px;
}

h3 + p{
    margin-top: 22px;
}

h4 + p{
    margin-top: 20px;
}

/* Header */

.main-header{
    height: 70px;
    overflow: hidden;
    -webkit-transition: 0.1s all ease-in-out;
    transition: 0.1s all ease-in-out;
}

.menu--opened .main-header{
    height: 100vh;
}

.main-header__box{
    height: 70px;
}

.main-header__logo{
    font-size: 1.2rem;
}


/* Menu Mobile */

.main-header__box .main-header__nav, .main-header__box .main-header__social-nav{
    display: none;
}

.main-header__button-menu{
    display: block;
}

.mobile-menu{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.main-header__nav-list{
    margin: 8vh 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.main-header__nav-item{
    margin: 2vh 0;
}

.main-header__social-nav{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.main-header__opened-menu, .main-header__closed-menu{
    font-size: 20px;
    color: #ffffff;
}

.main-header__opened-menu{
    display: none;
}

.menu--opened .main-header__closed-menu{
    display: none;
}

.menu--opened .main-header__opened-menu{
    display: block;
}

/* Footer */

.main-footer{
    padding-bottom: 20px;
    height: auto;
}

.main-footer__box{
    height: auto;
}

.main-footer__nav{
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    width: 100%;
    margin: 40px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.main-footer__nav-list{
    width: auto;
}

/* Home */

/* Home Hero */

.slider-home-hero__content{
    bottom: 90px;
}

.slider-home-hero__content a{
    margin-top: 30px;
}

.slider-home-hero .slick-arrow{
    bottom: 20px;
    left: 36px;
}

.slider-home-hero .slick-next{
    left: 90px;
}

.slider-home-hero .slick-next:before{
    font-size: 14px;
    padding: 8px 14px 8px 14px;
}

.slider-home-hero .slick-prev:before{
    font-size: 14px;
    padding: 8px 14px 8px 14px;
}

.slider-home-hero .slick-dots{
    bottom: 33px;
    left: 140px;
}

/* Presentation Box */

.presentation-box{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 50px;
}

.presentation-box__img-box{
    max-height: 465px;
    height: inherit;
    max-width: 100%;
}

.presentation-box__img{
    max-height: 465px;
    height: inherit;
    max-width: 100%;
}

.presentation-box:nth-child(2n) .presentation-box__img-box{
    -webkit-box-ordinal-group: inherit;
    -ms-flex-order: inherit;
    order: inherit;
}

.presentation-box__content-box{
    max-width: inherit;
    margin: 80px 40px 0px 40px;
    height: auto;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.presentation-box:nth-child(2n) .presentation-box__content-box{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: inherit;
}

.biographie-presentation .presentation-box:nth-child(2n) .presentation-box__content-box {
    max-width: inherit;
}

.presentation-box__content-box p, .presentation-box__content-box h2{
    margin-bottom: 20px;
}

/* Slider photo video */

.slider-photo-section{
    margin: 50px 0 100px 0;
}

.slider-photo-video, .slider-photo-video-2{
    width: 100%;
}

.slider__item{
    max-height: 500px;
    height: 50vh;
}

.slider-nav, .slider-nav-2{
    width: 80%;
    margin: 20px auto 0 auto;
}

.slider-nav__item{
    height: 60px;
}

.slider-nav__img-box{
    height: 60px;
}

.slider-nav__img{
    height: 60px;
}

/* Page Biographie */

.page-hero{
    max-height: 600px;
    height: 70vh;
}

/* Page Discographie */

.slider-photo-section.discography-slider{
    padding-bottom: 0px;
}

.slider-photo-section.discography-slider-2{
    padding-bottom: 0px;
}

/* Discography Player */

.discography-content{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.discography-content__toc{
    padding: 60px 0 60px 50px;
    width: 100%;
    text-align: left;
}

.discography-content__player-box{
    margin: 60px 0;
}

.discography-content__player-box .player{
    max-width: 800px;
    width: inherit;
    padding: 0 20px 0 20px;
}

.player .jp-jplayer{
    margin-top: 60px;
}

/* Single */

.hero-single{
    padding-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
}

.hero-single__box-content{
    width: 80vw;
    padding: 80px 5vw 80px 5vw;
    margin: 400px auto 0 auto;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.hero-single__box-content .single-h1{
    margin-bottom: 20px;
}

.hero-single__box-content .hero-single__date{
    margin-bottom: 15px;
}

.hero-single__box-content .hero-single__subtitle{
    margin-bottom: 20px;
}

.hero-single__img{
    height: 500px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.single-content__box figure img{
    max-width: 300px;
}

/* Page Actualite */

.news-section .page-h1{
    margin: 60px auto;
}

.news-section{
    margin-bottom: 100px;
}

.news-section__item{
    width: 48%;
}

/* Page Contact */

.contact-page{
    position: relative;
    width: 100%;
    padding-bottom: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 100px;
}

.contact-page__box-content{
    width: 100%;
    padding: 80px;
}

.contact-page__box-content .contact-page__h1{
    margin-bottom: 24px;
}

.contact-page__box-content .contact-page__paragraph{
    margin-bottom: 18px;
}

.contact-page__box-content .contact-page__phone{
    margin-bottom: 18px;
}


.contact-page__form{
    padding: 80px;
    -webkit-transform: inherit;
    transform: inherit;
    margin: 60px 8vw 0 8vw;
    width: auto;
}

/* Default section */

.default-section {
    margin: 60px 0;
}