/*
Theme Name: Abergraphique
Template: hello-elementor
Author: Abergraphique
Version: 1.0.1693396818
Updated: 2023-08-30 14:00:18

*/
html{background-color: #AA9A80;}
body{max-width: 1920px;margin:0 auto !important;}

a{text-decoration: none !important}

h2{margin:70px 0 50px;}
body[data-elementor-device-mode=mobile] h2{line-height:36px !important ;}
h2::after {
  width: 115px;
  height: 10px;
  background-color: #AA9A80;
  content: "";
  bottom: -5px;
  position: relative;
  display: block;}
.noBorder h2::after{display: none;}
.h2Home h2::after {
  content: "";
  position: absolute;
  width: 115px;
  height: 10px;
  background-color: #AA9A80; /* couleur de ton choix */
  left: 50%;            /* centre horizontalement */
  transform: translateX(-50%); /* ajuste le centre */
  top: 100%;            /* place juste en dessous de l'élément */
  margin-top: 20px;      /* espace facultatif entre l'élément et l'after */
  display: block;}

h3{margin:40px 0 10px;}
h4{margin:30px 0;padding:5px 5px 5px 15px;border-left:5px solid #AA9A80 ;}
.noBorder h4{border-left:0px;padding:5px 5px}
h5{margin:20px 0;}
h6{margin:20px 0;}
h2 a,h3 a,h4 a,h5 a,h6 a {font-size: inherit !important;font-family: inherit !important;font-weight: inherit !important;}
.elementor-widget-container ul {margin-bottom: 20px;}
li::marker {color: #AA9A80;}
blockquote {
    padding-left: 10px ;padding-right: 10px ;
    background-clip: content-box !important;
    color: #55331C;
    background-color: #F4F4F4;
    text-align: center;
    margin: 40px 0 !important;
    border-left:9px solid #AA9A80 ;
    border-right:9px solid #AA9A80 ;
}
.wp-block-quote::before {content: "";}
blockquote p {
    font-size: 32px;
    font-weight: 400;
    font-family: "Zain", Sans-serif;
    padding: 30px;
}
blockquote p a {/*color: #c2cbd2 !important;*/font-size: 32px !important;font-family: "Zain", Sans-serif !important;}
blockquote p a:hover {/*color: #61a229 !important;*/}
.wp-block-columns {padding: 20px 0;}
.wp-block-gallery, .pgc-sgb-cb {margin: 30px 0 !important;}
.wp-block-separator {
    max-width: 100% !important;
    width: 100% !important;
    border-color: #ccc !important;
    margin: 40px 0 !important;
}
.elementor-widget-theme-post-content p {margin: 20px 0 !important;}
.alignwide {margin-inline: auto !important;}

/* Menu */
/*nav li:hover > a{background:#b5cd1a !important }*/
/*#menuDesk ul ul{display: none !important;}*/
.current-page-ancestor > a,
.current-menu-ancestor > a,
li.current_page_item > a,
li.current-menu-parent > a {
    color: #fff !important;
    background-color: #AA9A80;
}
.sub-menu-toggle {display: none !important;}
li.disable > a {pointer-events: none; cursor: not-allowed; }  
li.disable:hover > ul {display: block; width: auto;}
#menuResp {margin-top: 0px;}
#menuResp li a{font-size:1.5em !important;}
#menuResp li li a{font-size:1.2em !important;}
#menuResp li.current_page_item > a{color:#EAE1D3 !important;}
.dialog-close-button{
  color:#fff !important;
  top: 12px !important;
  right: 20px !important;
  font-size: 25px !important;}
#elementor-popup-modal-222 .dialog-close-button{
  font-size: 40px !important;
  top: 28px !important;
  right: 12px !important;
}  

/* boutons et webform */
a.elementor-button,
a.wp-block-button__link,
.wpcf7 input[type="submit"],
.gform_button,
.cky-btn{
  font-family: "Nunito Sans", Sans-serif;
  font-size: 20px !important;
  font-weight: 700 !important;
  padding:20px 30px !important;
  margin:10px 0 !important;
  color:#fff !important;
  background-color:#AA9A80 !important;
  border-radius: 45px !important;
  border: 0px solid !important;
  transition: all .3s;
}
.btnPlus a.elementor-button{padding: 15px 20px !important;}
#ctctPicBtn,#telPicBtn{padding: 20px 10px !important;background-color:transparent  !important;}
#ctctPicBtn:hover,#telPicBtn:hover{color:#EAE1D3 !important;}
.cky-btn{margin: 0 !important;}


.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,a.elementor-button:hover,
.wpcf7 input[type="submit"]:hover,.gform_button:hover,.cky-btn:hover{color:#000 !important;background-color: #EAE1D3 !important;}
a.wp-block-button__link:focus,.wpcf7 input:focus{outline: 0px !important;}

.wpcf7-form-control-wrap textarea {
  margin-left: 5px;
  margin-top: 3px;
  padding:10px;
}

.wpcf7 input,
.wpcf7 textarea{border: 1px solid #ccc;margin-bottom: 5px;vertical-align: middle;}

.cli-plugin-button:hover{font-size: 13px !important;font-weight: 400 !important}

.gfield--input-type-captcha{display: none !important;}

#gform_2 .gform_fields {row-gap: 5px;}

/* bouton contact fix */
.elementor-element-fd3b605 {right: -85px !important;transition:all 0.3s ease}
.elementor-element-fd3b605:hover,
.elementor-element-fd3b605.active-scroll {right: 0 !important;}
a#btnSlWf.elementor-button{
  border-radius: 45px  0 0 45px !important;
  padding:15px 10px 15px 20px !important;
  background-color: #55331C !important;
}
a#btnSlWf.elementor-button:hover{
  background-color: #eee !important;
  color: #55331C !important;
}

#gform_submit_button_2{padding: 10px 20px !important;}
#gform_2 .gform-footer{margin-block-start: 0px !important}
#gform_wrapper_2 h2.gform_title{font-size:22px !important;margin:10px 0 !important;}

/*Search page */
body.search .page-header{margin-top: 100px;}


#post-44 .entry-content {margin: 0 !important;}


/* breadcrumbs */
#breadcrumbs a,
#breadcrumbs span{font-size: 20px !important;font-weight: 700 !important;}

/* Left bar menu */
#leftBar{position: sticky;
  top: 0;
  align-self: stretch;
  height: 100vh;}
#menuSousLogo{height:100%}

/* Header */
#site-header,#site-footer{display: none !important;}
#telH, #resH {
    -moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;
    visibility: 1;opacity: 1;
}
/*.she-header #telH, .she-header #resH {height: 0;visibility: 0;opacity: 0;}*/
#header.she-header .elementor-widget-theme-site-logo img {width: 50% !important;}
.she-header,.header{max-width: 1920px !important;}
/*body[data-elementor-device-mode=mobile] #topBarRight{width: auto !important;}*/



/* tableaux */
.wp-block-table {margin-bottom: 30px !important;}
.wp-block-table table{margin-block-end:0}
.wp-block-table thead{border:0px !important}
.wp-block-table th{background-color: #5FBAD4;color:#fff;border:0px !important;padding:2em;font-size: 120%;}
.wp-block-table td{padding: 1em;}
.wp-block-table tbody > tr:nth-child(2n+1) > td{background-color:#ecf1f4 !important;}
.wp-block-table tbody > tr:nth-child(2n) > td{background-color:#fff !important;}

/* social */
.elementor-social-icon{height:50px !important;width:50px !important;font-size: 25px !important;}


/* child menu */
#menuChild ul {
    column-count: 2;
    text-align: center;
  }
#menuChild li a{
    padding: 10px 25px;
    margin-bottom: 10px;
    display: block;  
    font-family: "Nunito Sans", Sans-serif;
    font-size: 20px !important;
    font-weight: 700 !important;
     color:#fff !important;
    background-color:#AA9A80 !important;
    border-radius: 25px !important;
    border: 0 !important;
    transition: all .3s;
    /*box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.36) !important;*/
  }
  #menuChild li a:hover{background-color: #EAE1D3 !important;color:#000 !important}
  body[data-elementor-device-mode="mobile"] #menuChild ul {column-count: 1;}


/* mentions légales et signature Aber */
a#ml {font-size: 14px;color: #fff !important;-moz-transition: all .3s;-webkit-transition: all .3s;
    -o-transition: all .3s;transition: all .3s;float: right;
}
a#ml:hover {color: #55331c  !important;}
#aberLogo {display: inline-block;height: 23px;width: 35px;}
#abSvg {width: 23px;}
.abSign {-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;
    fill: #fff;
}
#footerDown {text-align: center;clear: both;margin: auto;padding: 0;}
#footerDown a:hover .abSign {fill: #55331c ;}
#footerDown a:hover {color: #55331c  !important;text-decoration: none !important;}
#footerDown a {display: flex;font-size: 13px;line-height: 21px;
    color: #fff !important;
    width: 230px;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;
    transition: all .3s;justify-content: center;margin: auto;
}
/* rgpd */
a#CONSTANT_OPEN_URL{font-size: 16px !important;}



/* mainContentContainer */
.home #mainContentContainer{padding: 0 !important;}
.home #mainContentContainer .e-con-inner{padding-left: 0 !important;padding-right: 0 !important;}


/* Nos applications */
#apps,#techs{display: flex;flex-wrap: wrap;justify-content: center;max-width: 940px;  }
.app{width:388px;height: 290px;position: relative;margin:50px 40px;}



.btnApp{
  width:300px; 
  margin: auto;
  border-bottom:6px solid #99846B ;
  background-color: #fff;
  color:#000;
  font-family:"Nunito Sans", sans-serif ;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  position: absolute;
  bottom: -45px;
  left: 40px;
  transition: all .3s;
  height: 86px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 430px) {
.app{width:308px;}
.btnApp{ width:220px;font-size: 14px; }
}
.app:hover .btnApp{
    background-color: #99846B;
    color:#fff;
    bottom: 100px;
}
.app#esp{background-image: url(/wp-content/uploads/entry-vasque-espace-sanitaire.jpg);}
.app#gam{background-image: url(/wp-content/uploads/entry-gamme-vasque.jpg);}
.app#cui{background-image: url(/wp-content/uploads/entry-cuisine.jpg);}
.app#sec{background-image: url(/wp-content/uploads/entry-secteur-medicalise.jpg);}
.app#age{background-image: url(/wp-content/uploads/entry-agencement-commercial.jpg);}
.app#mob{background-image: url(/wp-content/uploads/entry-mobilier.jpg);}

.app#conc{background-image: url(/wp-content/uploads/Solid-Surface-_-bureau-etude-3D.jpg);background-size: contain;}
.app#asse{background-image: url(/wp-content/uploads/Solid-Surfaces-_-kes-techniques-dassemblages4.jpg);background-size: contain;}
.app#ther{background-image: url(/wp-content/uploads/Foma-thermoformage-.jpg);background-size: contain;}
.app#subl{background-image: url(/wp-content/uploads/impression-par-sublimation-foma-1.jpg);background-size: contain;}

.padding15 {padding:15px 15px !important}

/* Cookies */
.cky-btn

body[data-elementor-device-mode=tablet]
body[data-elementor-device-mode=mobile]
body[data-elementor-device-mode=widescreen]
body[data-elementor-device-mode=desktop]

body[data-elementor-device-mode=tablet] #pojo-a11y-toolbar, body[data-elementor-device-mode=mobile] #pojo-a11y-toolbar {
    display: none !important;
}