/*
Theme Name: Miolan
Theme URI: http://domainedemiolan.ch
Description: Thème pour le site du Domaine de Miolan à Choulex-Ge
Author: Olivier Petrucciani
Author URI: olivier@domainedemiolan.ch
Template: Divi
Version: 0.0.116

License URI:
Tags: Miolan
Text Domain: Miolan

*/

@font-face {
  font-family: 'AvantGarde';
  src: url('fonts/ITCAvantGardeStd-Bk.eot?#iefix') format('embedded-opentype'), url('fonts/ITCAvantGardeStd-Bk.otf') format('opentype'), url('fonts/ITCAvantGardeStd-Bk.woff2') format('woff2'),
  url('fonts/ITCAvantGardeStd-Bk.woff') format('woff'), url('fonts/ITCAvantGardeStd-Bk.ttf') format('truetype'), url('fonts/ITCAvantGardeStd-Bk.svg#ITCAvantGardeStd-Bk') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Optima';
  src: url('fonts/OptimaCE-Roman.eot?#iefix') format('embedded-opentype'), url('fonts/OptimaCE-Roman.woff2') format('woff2'), url('fonts/OptimaCE-Roman.woff') format('woff'), url('fonts/OptimaCE-Roman.ttf') format('truetype'), url('fonts/OptimaCE-Roman.svg#OptimaCE-Roman') format('svg');
  font-weight: normal;
  font-style: normal;
}

body{
  color:#1d2223;
  font-family: 'AvantGarde' !important;
  margin-bottom:-200px;
}


#horaire{
  border-left:#1d2223 solid 2px;
  padding:5px;
}

#header{
  font-weight:bold;
  display:flex;
  justify-content: center;
  height:100%;
  align-items: center;
  
}

#caveau{
  
  padding:5px;
  font-weight:bold;
}
#caveau h3{
  line-height: 47px;
  height:47px;
  vertical-align:middle;
  font-size:16px;
  padding-top:10px;
}

heade{
  box-shadow:
0.1px 0.1px 2.2px rgba(0, 0, 0, 0.03),
0.3px 0.3px 5.3px rgba(0, 0, 0, 0.022),
0.6px 0.6px 10px rgba(0, 0, 0, 0.018),
1.1px 1.1px 17.9px rgba(0, 0, 0, 0.015),
2.1px 2.1px 33.4px rgba(0, 0, 0, 0.012),
5px 5px 80px rgba(0, 0, 0, 0.008);
border-radius: 8px;
border: 1px solid #C9C9C9;

}

@media (max-width: 479px) {
     #caveau{
      writing-mode: vertical-rl;
      
      padding:0;
      margin:0;
      bottom:0;
      line-height: 100%;
      height:85px;
      align-items: center;
    }
    #header-row{
      width:100%;
      margin:0;
      padding:0;
    }
    #header{
      
      
    }
    #horaire{
      padding:5px;
    }
    .et_pb_column_0_tb_header, .et_pb_column_2_tb_header{
      width:60px;
    }
    .header-icone{
      width:35px!important;
    
    }
}

.footer-mask{
  background-color: #1d2223!important;
  mask: url(https://test.domainedemiolan.ch/masque3.svg) no-repeat center bottom;
  mask-size: 100%;
  -webkit-mask: url(https://test.domainedemiolan.ch/masque3.svg) no-repeat center bottom;
  -webkit-mask-size: 100%;
height:200px;
margin:0;
z-index:999;
mask-size:contain;
-webkit-mask-size:contain;
}

footer{
  position:relative;
  top:-200px;
  padding:0;
  margin:0;
}

body.home #main-content{
  padding-bottom:200px!important;
  z-index:998!important;
}

.et_pb_row_0_tb_body {
background-size:contain!important;
position: !important;
}

#vins-bottle::before{
content:"";
display:block;
width:430px;
background:url(https://test.domainedemiolan.ch/wp-content/uploads/2018/03/garanoir.png) center no-repeat;
height: 500px;
transform:rotate(23deg);
position:absolute;
top: 27 5px;
left: 250px;
}