/*
 Theme Name:   Theme GR
 Author:       GR
 Template:     Divi
 Version:      1.0.0
*/


/* Réglage header (éviter sursauts)
--------------------------------------------- */
/* #page-container {
    padding-top: 82px !important;
    } */
    
    /* #main-header {
        top: 46px !important;
    } */

    .et-fixed-header #logo {
        content: url(/wp-content/uploads/2020/12/logo-header-CS-fond-clair.png);
    }

/*-------------------------------------------------------*/
/*------Police d'icone personalisee------*/
/*-------------------------------------------------------*/
/*recreer une police sur icomoon.io si necessaire*/
@font-face {
    font-family: 'icomoon';
    src:  url('fonts/icomoon.eot?tbak6b');
    src:  url('fonts/icomoon.eot?tbak6b#iefix') format('embedded-opentype'),
      url('fonts/icomoon.ttf?tbak6b') format('truetype'),
      url('fonts/icomoon.woff?tbak6b') format('woff'),
      url('fonts/icomoon.svg?tbak6b#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  
  [class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .icon-blinds:before {
    content: "\e900";
  }
  .icon-broken-window:before {
    content: "\e901";
  }
  .icon-door:before {
    content: "\e902";
  }
  .icon-glass:before {
    content: "\e903";
  }
  .icon-home-insurance:before {
    content: "\e904";
  }
  .icon-home-security:before {
    content: "\e905";
  }
  .icon-key-2:before {
    content: "\e906";
  }
  .icon-key:before {
    content: "\e907";
  }
  .icon-security-camera:before {
    content: "\e908";
  }
  .icon-smart-door:before {
    content: "\e90a";
  }
  .icon-smart-lock-2:before {
    content: "\e90b";
  }
  .icon-smart-lock:before {
    content: "\e90c";
  }
  .icon-toolbox-2:before {
    content: "\e90d";
  }
  .icon-toolbox:before {
    content: "\e90e";
  }
  
/*-------------------------------------------------------*/
/*----FIN police d'icone personalisée----*/


/*-------------------------------------------------------*/
/*------Ajout icone dans menu------*/
/*-------------------------------------------------------*/
.menu-depannage > a:before {
    font-family: 'icomoon';
    content: '\e90e'; /* change icon code here */
    text-align: center;
    margin-right: 5px;
    margin-left: -5px;
    font-size: 1em; /*change icon size here */
    transition: all .3s ease;
}

/*----FIN Ajout icone dans menu----*/

/*-------------------------------------------------------*/
/*------Couleur menu actif------*/
/*-------------------------------------------------------*/
/*This will change the active main menu item colour*/
#top-menu li.current-menu-item > a {
    color: #EF9823 !important;
}
#top-menu li.menu-cta a {
  border: 1px solid #EF9823;
}
#top-menu li.menu-cta.current-menu-item a {
  background-color: transparent;
}
/*This will change the active main menu item colour when a submenu item is active*/
#top-menu li.current-menu-ancestor > a {
    color: #2D2F67 !important;
}
/*This will change the active submenu item colour*/
.nav li ul .current-menu-item a {
    color: #2D2F67 !important;
}
/*-------------------------------------------------------*/
/*----End Change Active Menu Item Colour by Divi Soup----*/



/**** Styles globals ****/
/*********************************
*********************************/

/* Apply the base font size in a px value to the body element */


/* body {
    font-family: 'Krub', sans-serif;
    font-size: 14px;
    font-weight: 400;
   } */
   
   /* Media query to adjust the base font size on desktops and above */

   /* @media all and (min-width: 981px) {
    body { font-size: 16px; }
   } */
   
   /* Media query for tablets and phones in landscape mode */

   /* @media all and (max-width: 980px) {
    body { font-size: 14px; }
   } */
   
   
   /* Media query for mobile phones in portrait mode */

   /* @media all and (max-width: 479px) {
    body { font-size: 12px; }
   } */
   
   /* Setting the font size for title elements: 1em = the body font size px value */
   
   /* h1, .et_pb_section .et_pb_text h1 {
    font-family: 'Montserrat', sans-serif;   
    font-size: 2.5em;
    font-weight: 900;
   } */
   
   /* h2, .et_pb_section .et_pb_text h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.6em;
    font-weight: 600;
   } */
   
   /* h3, .et_pb_section .et_pb_text h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.4em;
   } */
   
   /* h4, .et_pb_section .et_pb_text h4 {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.3em;
   } */
   
   /* h5 {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.2em;
   } */
   
   /* h6 {
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
   } */

/*--------Menu principal-----*/
/*********************************
*********************************/

#main-header {
    -webkit-box-shadow: 0px 7px 15px 2px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 7px 15px 2px rgba(0,0,0,0.15);
    box-shadow: 0px 7px 15px 2px rgba(0,0,0,0.15);
}
#main-header.et-fixed-header {
    -webkit-box-shadow: 0px 7px 15px 2px rgba(0,0,0,0.15)!important;
    -moz-box-shadow: 0px 7px 15px 2px rgba(0,0,0,0.15)!important;
    box-shadow: 0px 7px 15px 2px rgba(0,0,0,0.15)!important;
    }


    /* hamburger menu mobile */
span.mobile_menu_bar:before {
    color: #EF9823 !important;
}



/**** Menus ****/
/*********************************
*********************************/

/* menu-images */
.menu-align {
    text-align: center;
}
.titre-menu {
    font-weight: 500;
    text-align: center;
}


/* mega-menu */
#top-menu li.mega-menu>ul>li>a:first-child {
    border-bottom:2px solid #F5631A;
    }
   /*rajout un peu d'espace*/
    #top-menu li.mega-menu>ul>li {
    padding-bottom:20px !important;
    }

#top-header a{
    font-weight: 500!important;
}

/**** Fin Menus ****/




/**** boutons ****/
/*********************************
*********************************/

.et_pb_button {
box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.2);
}


.wp-block-button__link {
box-shadow: 0px 4px 15px 0px rgba(0,0,0,0.4);
background-color: #EF9823 !important;
font-weight: 700;
}

/*---------------Menu CTA Button---------------*/
 
#top-menu li a:hover {opacity: 1!important;}
             
.menu-cta a {
    padding: 12px!important;
    border-radius: 25px;
    text-align: center;
    background-color: #EF9823;
    text-transform: uppercase!important;
    letter-spacing: 1px!important;
}
 
.menu-cta a:hover {
    background-color: #EF9823;
    color: white!important;
}
 
.et_header_style_left #et-top-navigation {
    padding-top: 16px!important;
}
 
.et_header_style_left .et-fixed-header #et-top-navigation {
    padding-top: 6px!important;
}
 
/*---------------CTA Button Color on Fixed Navigation---------------*/
 
#main-header.et-fixed-header .menu-cta a {
color: #fff !important;
}
 
/*---------------Menu CTA Button Mobile Settings---------------*/
 
@media only screen and (max-width: 980px) {
.menu-cta a {
    background-color: #EF9823;
    font-weight: 600;
    }
}




.centerlize {
    width: 100%;
    height: 100vh; 
    color: white;

  }



/*---------------Masquer numero de telephone---------------*/

#reveal {
  display: none;
}