/*
Theme Name: Divi Child Theme
Theme URI: http://www.elegantthemes.com/gallery/divi/
Version: 2.7.3
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: Divi
*/


/* -------------   CSS DU CHILD THEME -------------


 INDEX
  "0"  CSS MODULE DE RÉSERVATION
  "1"  CSS FORMULAIRE BASE 
  "2"  CSS BOUTON FORMULAIRE  
  "3"  TAILLE DU BOUTON RESPONSIVE DU FORMULAIRE   
  "4"  TAILLE DES TITRE DU FORMULAIRE  
  "5"  SUPPRESSION DES MARGES DE LA SIDEBAR   
  "6"  CSS LMKT 
  "7"  SUPPRESSION DU FOOTER WORDPRESS ET GESTION DES TAILLES  
  "8"  CONTROLE DU MENU EN MOBILE
  "9"  RESPONSIVE COUNTER
  "10" GESTION TAILLE PORTFOLIO
  "11"  EFFET HOOVER CSS  
*/


/*  "0"  CSS MODULE DE RÉSERVATION   */

@media only screen and (max-width: 800px){
  #availpro-root{
    display: none;
  }	
  #call_to_book{
    position: fixed;
    bottom: 76px;
    left: 0;
    text-transform: uppercase;
    color: black;
    font-weight: bold;}
#call_to_book a{
    color: black;
    padding: 0 10px;
    background-color: #FFD900;
    float: left;
  }
  #call_to_book span{
    color: white;
    line-height: 14px;
    display: block;
    clear: both;
    font-size: 10px;
    background: rgba(0,0,0,0.6);
    text-align: left;
    padding: 10px 0 10px 4px;}}@media only screen and (min-width: 800px){
  #call_to_book{
    display: none;
  }	
  #availpro-root{
    position: fixed;
    bottom: 0;
    left:0px;
    background-color: rgba(255, 217, 0, .8);
    padding: 10px;
    border-radius: 0 9px 0 0;
  }	
  #availpro-calendar-host{
     position: fixed !important;
  }
  #availpro-calendar-iframe{
    width: 920px !important;
    height: 600px !important;
  }
}



/*  "1"  CSS FORMULAIRE BASE */
    .gform_wrapper .top_label .gfield_label {color: black;}
    #gform_wrapper_4{border-bottom:10px solid #b159da;border:3px solid #5b5459;background-color:#333333;margin-bottom:15px;
                      color:white;border-radius:6px;padding:10px;text-transform:uppercase;}
    .gform_wrapper .chosen-container {color: black;}
    .gfield_label {color:white !important;text-transform:uppercase;}



/*  "2"  CSS BOUTON FORMULAIRE  */

     #gform_submit_button_4 {width:60%;margin-left:20%;margin-right:20%;color:#4F5029;background-color:#E7D002;
                            border-radius:5px;font-weight:bold;-webkit-border-radius: 28;-moz-border-radius: 28;font-family: Raleway;
                            padding: 5px;padding-top:15px;padding-bottom:15px;text-decoration: none;text-transform:uppercase;}



/*  "3" TAILLE DU BOUTON RESPONSIVE DU FORMULAIRE   */

     @media screen and (min-width: 100px) and (max-width: 640px) {
     #gform_submit_button_1 {font-size:12px !important;}}

     @media screen and (min-width: 100px) and (max-width: 640px) {
     #gform_submit_button_2 {font-size:12px !important;}}



/*  "4" TAILLE DES TITRE DU FORMULAIRE  */

    h3.gform_title {letter-spacing: normal!important;margin: .625em 0 .375em;color: white;text-align: center;padding-bottom: 20px;
                    font-family: Raleway;font-size: 1.7em !important;font-weight: 700 !important;}
    


/*  "5"  SUPPRESSION DES MARGES DE LA SIDEBAR   */

    #text-3{margin-bottom:0px;}
    .et_right_sidebar #left-area {padding-right: 0%;}
    .et_right_sidebar #sidebar {padding-left: 0px;}



/*   "6"  CSS LMKT   */

    #top_bar {padding-top: 1px;}
    #phone_number{color:white !important;}
    .fa-phone:before {color: white !important ;}

    @media screen and (min-width: 100px) and (max-width: 640px) {
     .item_span_notice {font-size:9px !important;margin-left: -5px !important;}}



/*   "7" SUPPRESSION DU FOOTER WORDPRESS ET GESTION DES TAILLES  */

    #footer-bottom{display:none;}
    #footer-widgets {padding: 1%;}
    .et_pb_gutters3 .footer-widget {margin:  0%; }



/*  "8"  CONTROLE DU MENU EN MOBILE   */

    .mobile_nav{display: inline-flex !important;}
    .select_page{display:none !important;}
    .mobile_nav::before {content: "Menu";padding: 5px 10px 0px 0px;display: inline-flex !important;}
    .mobile_menu_bar:before {top: 2px;left: -5px;}



/*  "9"   RESPONSIVE COUNTER : EN MOBILE LES COUNTERS SE METTENT PAR 2  */

     @media all and (max-width: 479px) {.et_pb_section .et_pb_row .et_pb_column.et_pb_column_1_4 {width: 50% !important;}}




/* "10"   GESTION TAILLE PORTFOLIO  */

     .et_pb_portfolio_0 .et_pb_portfolio_item .post-meta, .et_pb_portfolio_0 .et_pb_portfolio_item .post-meta a {color: #ffffff !important;padding-bottom: 10px;}
     .et_pb_fullwidth_header .et_pb_fullwidth_header_scroll {padding-bottom: 140px;}
     .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h1 {padding-bottom: 200px;}
	 .elementor-grid-3 .elementor-grid-item {width: 100% !important;}


  

/* "11"  EFFET HOOVER CSS    */

      .hooving {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
      filter: grayscale(1);-webkit-filter: grayscale(1);-moz-filter: grayscale(1);-o-filter: grayscale(1);-ms-filter: grayscale(1);}
     .hooving:hover {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);

      filter: grayscale(0);-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-o-filter: grayscale(0);-ms-filter: grayscale(0);}