/*
Theme Name: DIVI Enfant
Description: Theme enfant de Jac
Author: Jac - le bricoleur
Author URI: https://www.jack-le-bricoleur.com
Template: Divi 
Version: 0.1.0
*/
/* =Theme customization starts here
------------------------------------------------------- */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }


h1, .contact p{
font-family: 'Poiret One', cursive;
font-size: 40px !important;
letter-spacing: 2px !important;
line-height: 48px !important;
padding-bottom:20px;
/* text-shadow: 2px 2px 2px #aaa; */
}
#h1page h1 {
font-family: 'Righteous';
font-size: 36px !important;
letter-spacing: 0px !important;
color: #5c5c5c;
padding:8px;
}
#trip h3{
font-size: 28px ;
padding:10px;
}
h2, h3, h4, h5, h6 {
font-family: 'Poiret One', cursive;
text-rendering: optimizeLegibility;
}
h2 {
font-size: 38px;
padding-top: 15px;
font-weight:bold;
}
h3{
font-size: 32px;
padding-top: 15px;
padding-bottom: 0px;
}
h4{
font-size: 24px;
font-weight: 700;
letter-spacing: 1px;
}
h5{
font-size: 18px;
font-weight: 700;
letter-spacing: 1px;
}
p {
font-family: 'Open Sans Condensed', sans-serif;
text-rendering: optimizeLegibility;
}
/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://fonts.gstatic.com/s/materialicons/v19/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
@media only screen and (min-width: 768px) {

#responsive-form {

position: absolute;
bottom: 0px;
width: 100%;
z-index:150;
background-color: rgba(63, 60, 59,0.8);
}
form{
    display:inline;  
}
.form-row {
    width: 80%;
    margin: 0 auto;
}
.column-half {
    box-sizing: border-box;
    float: left;
    padding: 0.65rem;
    position: relative;
    width: 20%;
}
.clearfix::after {
    clear: both;
    content: "";
    display: table;
}

.booking-form input[type="text"], .booking-form select {
    background: rgba(101, 93, 89,0.8);
    border: 1px solid #FFFFFF;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 4px;
    width: 100%;
    color: #FFFFFF;
    font-size:18px;
    font-weight:bold;
    letter-spacing: 1px;
}
.bookbutton {
    background: #ffffff none repeat scroll 0 0;
    border: medium none;
    color: #000000;
    cursor: pointer;
    float: left;
    padding: 4px 20px;
    text-transform: uppercase;
	font-size:18px;
	font-weight:bold;
    letter-spacing: 1px;
}
.bookbutton:hover {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #000000;
    color: #6EB101;
}
}

/*--------------------------
max-width: 767px
-------------------------- */
    

@media only screen and (max-width: 767px) {

#responsive-form {
    width: 100%;
    padding: 6px; 
    position: relative;
    margin: 0 auto;
    background-color: rgba(101, 93, 89,0.8);
}
/*form{
 display:inline-block;  
}*/
.form-row {
    width: 100%;
    margin: 0 auto;
}
.column-half {
    position: relative;
    float: left;
    box-sizing: border-box;
/*    clear: both; */
    padding: 0.65rem;
    width: 100%;
}
.clearfix::after {
    clear: both;
    content: "";
    display: table;
}

.column-half input[type="text"], .column-half select {
    background: rgba(101, 93, 89,0.8);
    border: 1px solid #FFFFFF;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 4px;
    width: 100% !important;
   color: #FFFFFF;
	font-size:18px;
	font-weight:bold;
    letter-spacing: 1px;
}
.bookbutton {
    background: #ffffff none repeat scroll 0 0;
    border: medium none;
    color: #000000;
    cursor: pointer;
    float: left;
    padding: 4px 20px;
    text-transform: uppercase;
	font-size:18px;
	font-weight:bold;
    letter-spacing: 1px;
    width: 100%;
}
.bookbutton:hover {
    background: #ffffff none repeat scroll 0 0;
}
.et_pb_dollar_sign {
    position: absolute;
    margin-left: -5.5em !important;
    font-size: 18px;
    font-weight: 400;
}}
@media (min-width: 981px) {
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3 .et_pb_post {
    margin-bottom: 18.54%;
    height: 400px;
}}
.img.et-waypoint.et_pb_animation_top.et-animated
{
max-width:150%;
}
/*TEST GIT AUTO PULL TRES*/
.grid-snap {
    object-fit: cover;

    font-size: 1.2em;
    border-color: black;
}

#salle {
    object-fit: cover;
    zoom: 50%;
}

.tables {
    zoom: 50%;
}

/*width 1005 ne marche pas a cause de la taille fixe des td*/
/*img {*/ 
    /*width: 100%;*/
/*}*/

#salle {
    zoom: 15%
}

.tables {
    zoom: 15%;
}

@media screen and (min-width: 690px) {
    #salle {
        zoom: 30%
    }

    .tables {
        zoom: 30%;
    }
}

@media screen and (min-width: 1252px) {
    #salle {
        zoom: 42%
    }

    .tables {
        zoom: 42%;
    }
}