/*
Theme Name: MHLAB78
Author: WEB Stratégies
Author URI: https://www.webstrategies.fr/
Version: 1.0
*/
 
@font-face {
    font-family: 'RomainBPTextRegular';
    src: url('assets/fonts/RomainBPTextRegular.eot?#iefix') format('embedded-opentype'),  
        url('assets/fonts/RomainBPTextRegular.otf')  format('opentype'),
        url('assets/fonts/RomainBPTextRegular.woff') format('woff'), 
        url('assets/fonts/RomainBPTextRegular.ttf')  format('truetype'), 
        url('assets/fonts/RomainBPTextRegular.svg#RomainBPTextRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Futura';
    src: url('assets/fonts/Futura-Bold.eot?#iefix') format('embedded-opentype'),  
        url('assets/fonts/Futura-Bold.otf')  format('opentype'),
        url('assets/fonts/Futura-Bold.woff') format('woff'), 
        url('assets/fonts/Futura-Bold.ttf')  format('truetype'), 
        url('assets/fonts/Futura-Bold.svg#Futura-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Futura';
    src: url('assets/fonts/Futura.eot?#iefix') format('embedded-opentype'),  
        url('assets/fonts/Futura.otf')  format('opentype'),
        url('assets/fonts/Futura.woff') format('woff'), 
        url('assets/fonts/Futura.ttf')  format('truetype'), 
        url('assets/fonts/Futura.svg#Futura') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Futura';
    src: url('assets/fonts/FuturaBT-Light.eot?#iefix') format('embedded-opentype'),  
        url('assets/fonts/FuturaBT-Light.otf')  format('opentype'),
        url('assets/fonts/FuturaBT-Light.woff') format('woff'), 
        url('assets/fonts/FuturaBT-Light.ttf')  format('truetype'), 
        url('assets/fonts/FuturaBT-Light.svg#FuturaBT-Light') format('svg');
    font-weight: lighter;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaCondMedium';
    src: url('assets/fonts/FuturaCondMedium.eot?#iefix') format('embedded-opentype'),  
        url('assets/fonts/FuturaCondMedium.woff') format('woff'), 
        url('assets/fonts/FuturaCondMedium.ttf')  format('truetype'), 
        url('assets/fonts/FuturaCondMedium.svg#FuturaCondMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Futura LT Book';
    src: url('assets/fonts/FuturaLT-Book.eot');
    src: url('assets/fonts/FuturaLT-Book.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/FuturaLT-Book.woff') format('woff'),
        url('assets/fonts/FuturaLT-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Reset */

html,body{
    width:100%;
    padding:0;
    margin:0;
    font-family: 'RomainBPTextRegular','Arial',sans-serif;
    overflow: auto;    
    line-height: 30px;
}

#page{
    position: relative;
    overflow: hidden;
}

/* Classes */

.title_container{
    padding:100px 50px 50px 50px;
    text-align:center;
    text-transform:uppercase;
    font-family: 'Futura','Arial',sans-serif;
}
.title_container h2{
    margin:0;
    color:#1f344c;
    font-size:60px;
    line-height:60px;
    letter-spacing: 8px;
}
.title_container h3{
    margin:0;
    color:#8c8a8a;
    font-size:40px;
    line-height:40px;
    letter-spacing: 4px;
    margin-top:5px;
}
.title_container::after{
    content:' ';
    display:inline-block;
    width:60px;
    height:5px;
    background:#1f344c;
    margin-top:35px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.clearAfter::after{
    clear:both;
    display:block;
    content:'';
}
.btn{
    text-transform:uppercase;
    color:#1f344c;
    border:1px solid #d8856f;
    padding: 10px 30px;
    display:inline-block;
    cursor:pointer;
    font-size:18px;
    font-family: 'FuturaCondMedium','Arial',sans-serif;
    font-weight:bold;
    background:transparent;
    -webkit-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
    -ms-transition: all 250ms ease-in;
    -o-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
    box-sizing: border-box;
    min-width:340px;
    text-decoration:none;
    outline:none;
}
.btn:hover{
    background:#d8856f;
    color:white;
}
 
/* SCROLL */

body::-webkit-scrollbar{
    width:10px;
}
body::-webkit-scrollbar-track{
    background-color: white;
}
body::-webkit-scrollbar-thumb{
    background-color: #1f344c;
}

/* FOOTER */

#footer{
    background:#1f344c;
    font-size:0;
    padding:45px 0;  
    z-index:15000;
}
#footer_wrap{
    width:600px;
    margin:0 auto;
}
#footer_left,
#footer_right{
    display:inline-block;
    vertical-align:middle;
    width:50%;
    box-sizing: border-box;
}
#footer_left{
    padding-right:40px;
    border-right:1px solid white;
    min-height:250px;
}
#footer_right{
    padding-left:40px;
}
#logoFooterContainer{
    text-align:right;
}
#logoFooterContainer img{
    padding-top: 10px;
    vertical-align: top;
}
#footer_right .menu{
    list-style:none;
    margin:0;
    padding:0;
}
#footer_right .menu li{
    padding: 5px 0;
}
#footer_right .menu a{
    font-family: 'Futura','Arial',sans-serif;
    color:white;
    font-size:18px;
    text-decoration:none;
}
#footer_right .menu a:hover{
    text-decoration:underline;
}
#copyright{
    font-family: 'Futura','Arial',sans-serif;
    color:white;
    font-size:18px;
    margin-top:40px;
}
#title_footer{
    color:white;
    font-size: 24px;
    text-align:center;
}
#warning_alcohol{
    font-size: 15px;
    text-align:center;
    padding:40px 20px 30px 20px;
    color:white;    
    text-transform: uppercase;
}

/* modal */

.modal{
    position:fixed;
    top:0;
    z-index:999999999;
    left:0;
    height:100%;
    width:100%;
    display:none;
    overflow: auto;
}
.modal_layer{
    height:100%;
    width:100%;
    background:#1f344c;
    opacity:0.7;
}
.modal_content_container{
    position:absolute;
    top:150px;
    left:0;
    right:0;
    margin:auto; 
}
.modal_content{
    background:white;
    text-align:center;
    padding:40px;
}
.modal_title{
    color:#d8856f;
    font-family: 'Futura','Arial',sans-serif;
    font-size:30px;
    padding:20px;
    text-transform:uppercase;
}
.modal_text{
    color:black;
    box-sizing: border-box;
    font-size:18px;
}
.modal_close{
    background:url(assets/img/close.png) no-repeat center center;
    background-size:cover;
    cursor:pointer;
    width:24px;
    height:24px;
    position:absolute;
    right:0;
    top:-50px;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
.modal_close:hover{
    opacity:0.5;
}
.modal.modal-iframe iframe{
    width: 100%;
    border: none;
    height: 500px;
}

/* age gate */

#age_gate_container_date{
    display:none;    
    text-align: left;
}
#age_gate_container_date_year{
    display:none;
}
#age_gate_container_date_full{
    display:none;
    text-align: center;
    font-size: 0;
}
#age_gate_forbidden,
#age_gate_forbidden_in_country{
    display:none;
}
#age_gat_intro_1{
    font-size: 14px;
    margin: 30px auto 0px auto;
    color: black;
}
#agegate .modal_content_container {
    top: 20px;
}
#age_gat_intro_2{
    padding: 20px;
    font-size: 12px;
    color: #7d7d7d;
}
#age_gat_logo{
    text-align:center;
    max-width: 200px;
    width: 100%;
    margin: 0 auto;
    padding: 10px;
}
#age_gat_logo img{
    max-width:100%;
    height:auto;
    vertical-align: top;
}
#agegate .modal_layer{    
    opacity: 1;
    background:url(assets/img/bg1.jpg) no-repeat;
    background-size:cover;    
}
#agegate .modal_content{
    max-width:600px;
    width:100%;
    margin:0 auto;
    box-sizing: border-box;
}
#agegate label{
    font-size: 15px;
    text-transform: uppercase;
    color: #d8856f;
    font-family: 'Futura','Arial',sans-serif;
    padding-bottom: 10px;
    display: inline-block;
}
#agegate select{
    border: 1px solid #ccc;
    padding: 14px 12px;
    color: black;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}
#agegate select#age_gate_day_naissance_full,
#agegate select#age_gate_month_naissance_full,
#agegate select#age_gate_year_naissance_full{
    display: inline-block;
    vertical-align: top;
    width: 30%;
    margin: 0px 2.50%;
}
#agegate select#age_gate_day_naissance_full{    
    margin-left:0;
}
#agegate select#age_gate_year_naissance_full{
    margin-right:0;
}
#age_gate_country_container{
    margin-bottom:20px;
    margin-top:20px;
    text-align: left;
}
#submit_age_container{
    padding:20px;
    text-align:center;
}
#age_gate_forbidden,
#age_gate_forbidden_in_country{
    max-width: 700px;
    padding: 20px;
    width: 100%;
    margin: 0 auto;
    font-size:15px;
    color:red;
    box-sizing: border-box;
}
#cookie-notice {
    z-index: 9999999999 !important
}
#age_gate_country{
    width:100%;
    display:inline-block;
}
#submit_age{
    color: white;
    background: #aa7839;
    border: none;
    padding: 15px 40px;
    width: auto;
    min-width: 0;
    font-weight: normal;
}
#submit_age:hover{
    color: #aa7839;
    background: white;
}
#age_gate_warning_alcohol{
    /*font-size: 14px;*/
    font-size: 11px;
    margin: 30px auto 0px auto;
    color: black;
    font-weight:bold;
    text-transform:uppercase;
    /*width: 76%;*/
    font-family: 'Futura','Arial',sans-serif;
}
#age_gat_intro_3{
    padding: 0;
    font-size: 12px;
    color: #7d7d7d;
}
#age_gat_intro_3 a{
    color: #7d7d7d;
    text-decoration:underline;
}
#age_gat_intro_3 a:hover{
    color: #d8856f;    
}
#age_gate_accept_conditions{
    padding: 0;
    font-size: 12px;
    color: #7d7d7d;
}
#age_gate_accept_conditions a{
    color: #7d7d7d;
    text-decoration:underline;
}
#age_gate_accept_conditions a:hover{
    color: #d8856f;    
}