/* 
Theme Name: Thiebaut
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

@font-face {
  font-family: 'Damion';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./fonts/damion/damion-regular.woff2') format('woff2');
}


/* menu principal */
#menu-principal ul.elementor-nav-menu >li:hover,#menu-principal ul.elementor-nav-menu >li.current-menu-item,#menu-principal ul.elementor-nav-menu >li.current-page-ancestor {background-color:#333333 !important;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
#menu-principal ul.elementor-nav-menu >li.current-page-ancestor >a{color:#fff !important;}
#menu-principal ul.elementor-nav-menu >li.current-page-ancestor >a .sub-arrow{color:#fff !important;fill:#fff !important;}
#menu-principal ul.elementor-nav-menu >li {margin-right:5px;}
#menu-principal ul.elementor-nav-menu >li:last-child {margin-right:0px;}

#menu-header ul.elementor-nav-menu >li:hover,#menu-header ul.elementor-nav-menu >li.current-menu-item,#menu-header ul.elementor-nav-menu >li.current-page-ancestor {-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;border:1px solid #E20615;}
#menu-header ul.elementor-nav-menu >li {margin-right:10px;}
#menu-header ul.elementor-nav-menu >li:last-child {margin-right:0px;}

#menu-footer ul li a{padding:10px 0 10px 0;}


#masthead {width: 100%;transition: all 0.3s ease;}
#masthead.fixed {position: fixed;top: 0;left: 0;z-index: 9999;background-color: white;box-shadow: 0 2px 5px rgba(0,0,0,0.1);}




#bandeau-accueil,#bandeau-belfort,#bandeau-montbeliard{min-height:775px;}

h1 .titre1{font-family: "Damion", Sans-serif;font-size: 2.2em;font-weight: 600;}
h1 .titre2{color:#5b5b5b;font-weight: 800;text-transform: uppercase;font-style: italic;font-size:1.2em;}

h2 .titre1{font-family: "Damion", Sans-serif;font-size: 1.8em;font-weight: 600;color:#fff;display:block;}
h2 .titre2{color:#fff;font-weight: 600;text-transform: uppercase;font-style: italic;font-size:1.2em;}


.bloc-content h2 .titre1{color:#333333;font-size: 1.8em;}
.bloc-content h2 .titre2{color:#5b5b5b;font-size:0.8em;}


.fond-fonce a{color:#fff;text-decoration:underline;font-weight:bold;}
.fond-fonce a:hover{color:#fff;text-decoration:underline;}

.table-tarif table
 {
    width: 100%;
    height: 100%;
    word-break: break-word;
    table-layout: auto;
    border: solid 1px #e2e7ec;
    border-collapse: collapse;
}

/*   form contact    */
.wpcf7-form .row{clear: both;}
.wpcf7-form input{padding: 7px;background-color:#e3dfdf;}
.wpcf7-form select{background-color:#e3dfdf;}
.wpcf7-form .left{width:46%;padding-right:2%;;float:left;margin-bottom: 30px;}
.wpcf7-form .right{width:46%;padding-left:2%;;float:right;margin-bottom: 30px;}
.wpcf7-form .all{width:100%;;margin-bottom: 30px;}
.wpcf7-form p:empty{ display: none; }
.form-contact .wpcf7-form input[type=text],.form-contact .wpcf7-form input[type=email],.form-contact .wpcf7-form  textarea,.form-contact .wpcf7-form  select,.form-contact .wpcf7-form select option{border-width:0px;border:none;outline:none;background-color: #f3eeee;}
.wpcf7-form  label{font-weight: 600;}
.form-contact .wpcf7-form .wpcf7-submit{float: left;padding: 10px 30px 10px 30px !important;text-transform: initial !important;font-size: 1em !important;}

.wpcf7-form .left input,.wpcf7-form .right input{width:100%;}

.wpcf7-form textarea{height:140px;background-color:#e3dfdf;}

.elementor-kit-6 button, .elementor-kit-6 input[type="button"], .elementor-kit-6 input[type="submit"], .elementor-kit-6 .elementor-button {
    padding: 15px 60px 10px 60px;color:#E20615;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;background-color:#ffffff;
}
.elementor-kit-6 button:hover, .elementor-kit-6 input[type="button"]:hover, .elementor-kit-6 input[type="submit"]:hover, .elementor-kit-6 .elementor-button:hover {
    padding: 15px 60px 10px 60px;color:#ffffff !important;background-color:#E20615;
}
.wpcf7-not-valid-tip{font-size:14px;}
/*   form contact    */


footer h2{font-family: "Damion", Sans-serif !important;}


/* hack footer */
footer .elementor-widget-icon-box.elementor-position-left .elementor-icon-box-wrapper {
    display: flex;
    flex-direction: row;
    text-align: start;
}

footer .elementor-widget-icon-box.elementor-position-left .elementor-icon-box-icon {
  margin-bottom: unset;
  margin-left: 0;
  margin-right: 10px;
}

footer .elementor-widget-icon-box .elementor-icon-box-title a{
  color:#333 !important;
}



@media (max-width: 767px) {
    h1 .titre1{font-size: 1.4em;}
    h1 .titre2 {font-size:1em;}

    h2 .titre1{font-size: 1em !important;}
    h2 .titre2 {font-size:0.8em !important;}
    #bandeau-accueil,#bandeau-belfort,#bandeau-montbeliard{min-height:400px;}

}