/*
Theme Name: HoplaGlassByInovaWeb
Version: 1.0
Description: A child theme of Divi
Template: Divi
Author: Administrator
*/
@import url("../Divi/style.css");
/* Your awesome customization starts here */

/* 
	Code Couleur 
    ora,ge :  #ef3e23;
    Nom de la couleur : "Code Hexadécimal";
*/

#main-header { display: none  }
#top-header { display: none  }
#page-container { overflow:hidden; }
@media only screen and (min-width: 981px) {
  #page-container {padding-top:0px !important; }
}
@media only screen and (max-width: 980px) {
  #page-container {padding-top:110px !important; }
}

#slider .et_pb_button_wrapper {
  background-color: rgba(0,0,0,0.5);
  padding-bottom:15px;
}

#hero .header-content {
	background-color: rgba(0,0,0,0.5);
}

/*------------------------------------------------------------*/
/*-------------CENTRAGE VERTICAL DANS DIV---------------------*/
/*------------------------------------------------------------*/
.ds-vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
} 

/*------------------------------------------------------------*/
/*-------------------BURGER MENU------------------------------*/
/*------------------------------------------------------------*/

.mobile_menu_bar::before{
  color:#373737;
}

.et_mobile_menu{
  border-top: 3px solid #373737;
}

/*------------------------------------------------------------*/
/*--------------RECAPTCHA V3---------------*/
/*------------------------------------------------------------*/
.grecaptcha-badge {
	display: none !important;
}

/*------------------------------------------------------------*/
/*---------------ORDRE DES COLONNES SUR MOBILES---------------*/
/*------------------------------------------------------------*/


@media all and (max-width: 980px) {
  /*** Mode d'emploi 
    * Mettre la classe "custom_row" sur la ligne
    * Ajouter les classe [numberth]-on-mobile sur les colonnes
  ***/
  
  .custom_row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    flex-wrap: wrap;
  }

  .first-on-mobile {
    -webkit-order: 1;
    order: 1;
  }

  .second-on-mobile {
    -webkit-order: 2;
    order: 2;
  }

  .third-on-mobile {
    -webkit-order: 3;
    order: 3;
  }

  .fourth-on-mobile {
    -webkit-order: 4;
    order: 4;
  }

  .fifth-on-mobile {
    -webkit-order: 5;
    order: 5;
  }

  .sixth-on-mobile {
    -webkit-order: 6;
    order: 6;
  }

  .seventh-on-mobile {
    -webkit-order: 7;
    order: 7;
  }

  .heighth-on-mobile {
    -webkit-order: 8;
    order: 8;
  }

  /*** add margin to last column ***/
  .custom_row:last-child .et_pb_column:last-child {
    margin-bottom: 30px;
  }

}

div.wpcf7 {
    margin: 0;
    padding: 0;
}

div.wpcf7 .screen-reader-response {
    position: inherit;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    height: auto;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
}

div.wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    border: 2px solid #ff0000;
}

div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
    border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
    border: 2px solid #ffa500;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
    border: 2px solid #f7e700;
}

.wpcf7-form-control-wrap {
    position: relative;
}

span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 1em;
    font-weight: normal;
    display: block;
}

.use-floating-validation-tip span.wpcf7-not-valid-tip {
    position: absolute;
    top: 20%;
    left: 20%;
    z-index: 100;
    border: 1px solid #ff0000;
    background: #fff;
    padding: .2em .8em;
}

span.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 1em;
}

span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
    content: " ";
}
/*
.wpcf7-display-none {
    display: none;
}

div.wpcf7 .ajax-loader {
    visibility: hidden;
    display: inline-block;
    background-image: url('../../images/ajax-loader.gif');
    width: 16px;
    height: 16px;
    border: none;
    padding: 0;
    margin: 0 0 0 4px;
    vertical-align: middle;
}

div.wpcf7 .ajax-loader.is-active {
    visibility: visible;
}

div.wpcf7 div.ajax-error {
    display: none;
}

div.wpcf7 .placeheld {
    color: #888;
}

div.wpcf7 input[type="file"] {
    cursor: pointer;
}

div.wpcf7 input[type="file"]:disabled {
    cursor: default;
}

div.wpcf7 .wpcf7-submit:disabled {
    cursor: not-allowed;
}

*/
#formulaire-responsive {
    max-width:1200px /*-- à modifier en fonction de la largeur désirée --*/;
    margin:0 auto;
    width:100%;
}
.rang-form {
  display: flex;
  flex-flow: row wrap;
    width: 100%;
}

.demi-colonne, .colonne {
  
    padding: 0.65rem;
    width:100%;
    -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}



/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { 
    .demi-colonne {
       flex: 50%;
    }
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="date"],
.wpcf7 input[type="number"],
.wpcf7 textarea,
.wpcf7 select
{
    background-color: rgba(45,45,43,0.1);
    color: #000;
    width: 100%;
    outline:none;
    border:none;
    border-bottom:solid 3px #fff;
    font-size:1.2em;
    width: 100%;
    padding: 8px;
    border-radius: 1px;
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
    outline:0;
}
.wpcf7 textarea:focus,
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus{
  background-color: rgba(45,45,43,0.1);
  border-bottom:solid 3px #68b42e;
}
.wpcf7
{
    background-color: rgba(255,255,255,0.5);

    font-size:1.3em;
    font-weight:600;
}

.wpcf7 input[type="file"] {font-size:1.2em;}

.wpcf7-submit{
    float: right;
    color: white; 
      font-size: 1.4em; 
      line-height: 49px; 
      height: 49px; 
      font-weight: 600; 
      background-color: #000000; 
      border-radius: 4px; 
          -moz-border-radius: 4px; 
          -webkit-border-radius: 4px; 
       text-transform: uppercase; 
       border-width: 2px;  
       padding-left: 26px; 
       padding-right: 26px;
    cursor:pointer;
}
.wpcf7-submit:hover{
background-color:rgba(45,45,43,0.2)
  }

span.wpcf7-not-valid-tip{
    text-shadow: none;
    font-size: 12px;
    color: #fff;
    background: #ff0000;
    padding: 5px;
}
div.wpcf7-validation-errors { 
    text-shadow: none;
    border:2px solid #000000;
    background: #fff;
    padding: 5px;
    color: #9C6533;
    text-align: center;
    margin: 0;
    font-size: 12px;
	/* display: none !important; */
}
div.wpcf7-mail-sent-ok{
    text-align: center;
    text-shadow: none;
    padding: 5px;
    font-size: 12px;
    background: #59a80f;
    border-color: #59a80f;
    color: #fff;
    margin: 0;
}

/* Masquer le bouton radio d'origine */
input[type=radio]{
     -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}
/* Affichage par défaut du bouton radio personnalisé */
input[type=radio]:before {
    background: #fff;
    border: 2px solid #ccc;
    border-radius: 50%;
    margin-top: -3px;
    margin-right: 6px;
    display: inline-block;
    vertical-align: middle;
    content: '';
    width: 17px;
    height: 17px;
}
/* Affichage du bouton radio personnalisé quand il est sélectionné */
input[type=radio]:checked:before {
    background: #68b42e;
    border-color: #68b42e;
    box-shadow: inset 0px 0px 0px 2px #fff;
}
.element{
    margin-bottom:14px;
}
label{
    cursor:pointer;
}

input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}

input[type=checkbox] {
    height: 25px;
    width: 25px;
    background: #fff;
    border: 1px solid #ccc;
}
input[type="checkbox"]:checked {
  background: #fff;
  margin:0px;
    position: relative;}
  input[type="checkbox"]:checked:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f00c';
    display: block;
    color: #68b42e;
    font-size: 25px;
    position: absolute;
    font-weight: 900;
  }

.wpcf7 .title {font-size:1.5em;font-weight:800;color:#000000;padding-top:5%;}
.wpcf7 img {max-width:350px;}



.ui-datepicker th {
    border-width: 0px 1px 1px 0px;
    font-weight: 700;
}
.ui-datepicker table {
    border-width: 1px 0px 0px 1px;
    margin: 0px 0px 1.6em;
}
.ui-datepicker table, .ui-datepicker th, .ui-datepicker td {
    border: 1px solid rgba(51, 51, 51, 0.1);
}

.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
    text-align: center;
    padding: 4px 0;
}
.ui-datepicker .ui-datepicker-calendar td {
    border-radius: 4px;
    -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
       -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
         -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
            transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-calendar td:hover {
    background-color: #eee;
    cursor: pointer;
}
.ui-datepicker .ui-datepicker-calendar td a {
    text-decoration: none;
}


.screen-reader-response ul {
	display: none !important;
}
.screen-reader-response {
	color:#ffffff;
	font-weight: 700;
	background:red;
	text-align: center;
	
}


table.restables-clone { display: none; }

table.restables-clone td { width: 50%; }

table.restables-clone tbody tr:first-child { font-weight: bold; }

table.restables-clone tr:first-child td { background: #EF3E23 !important; color:#fff !important; }

@media (max-width: 991px) {

  table.restables-origin { display: none; }

  table.restables-clone { display: table; }

}

.table_responsive table{
	background-color:rgba(224, 43, 32, 0.1);
	color:#000;
	text-align:center;
}

.table_responsive th {
	color:#000 !important;
}

/* - - - - - FORMULAIRE - - - - - */

.wpcf7 form .title, .wpcf7 .colonne, .wpcf7 .demi-colonne{
	font-size: 18px;
}

.wpcf7-form-control{
	font-size:16px !important;
}