/*
Theme Name: Abergraphique
Template: twentytwentyone
Author: Child Theme Configurator
Version: 1.4.1636991953
Updated: 2021-11-15 16:59:13

*/

.elementor-widget-wrap{padding: 0 !important}

/* Font Family */
:root {
--global--font-primary:  'all-round-gothic', sans-serif;
--global--font-secondary: 'Roboto', sans-serif;
--global--color-primary : #3a3a3a;
--global--font-size-base:16px;

--heading--font-family:  'all-round-gothic', sans-serif;
--heading--font-weight: 700;
--heading--font-size-h2: 30px;
--heading--font-size-h3: 22px;
--heading--font-size-h4: 20px;

--form--border-width:1px;
--global--spacing-vertical: 10px;


}

 h2{
   text-transform: uppercase;
   border-bottom: 1px solid #ffd300;
   padding-bottom: 2px;
   margin: 30px 0;
 }
 h2:after{
   width: 100px;
   height: 7px;
   background-color:#ffd300;
   content: "";
   bottom: -2px;
   position: relative;
   display:block;
 }
 h2 a{text-decoration: none !important; color:#3a3a3a !important}
 h3{color: var(--e-global-color-primary);   margin: 20px 0 10px; }
 h4{ margin: 20px 0 10px;}
 ul{margin-bottom: 15px;}
 h2 a,h3 a,h4 a,h5 a,h6 a {font-size: inherit !important;}

 .jaune{color:#ffd300}

 .home .entry-header{display: none !important}

 a.elementor-button:hover{text-decoration: none !important}


 #nousSuivre .jaune{font-weight: 700 !important;}
 #nousSuivre h2{border-bottom:0;}
#nousSuivre h2:after{content:none;}

 .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated{padding: 10px 10px 0 0 !important}

 /*top btn */
 .elementor-element-1d0d722e .elementor-element-populated{padding: 0 !important}


.elementor-element-53eb3500 {z-index: 1;}
.elementor-element-41e718e9::after{
  width: 100px;
  height: 140px;
  background-color:#ffd300;
  content: "";
  bottom: 10px;
  display: block;
  position: absolute;
  z-index: 0;
}

.wp-block-columns{margin-top: 30px;}
.wp-block-columns .wp-block-column > h3{margin-top: 20px;}
.wp-block-columns .wp-block-column > ul{margin-bottom: 20px;}

 /*transitions*/
  .abSign,.evtText, .evtT,.evtDate,input[type="submit"]{
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
  }


 /*menu*/

 .unclickable > a:hover {cursor: default !important;}
 .menu-item a:hover{text-decoration: none !important}
 .menu-item  a.elementor-sub-item:hover{color: #fff !important;}
.sub-menu-toggle{display: none;}
.elementor-nav-menu--main.elementor-nav-menu--layout-horizontal .menu-item-241,
.elementor-nav-menu--main.elementor-nav-menu--layout-horizontal .menu-item-181  {display: none!important}

.elementor-nav-menu>li>a::after{
  opacity: 1 !important;
  z-index: -1 !important;
  width: 40px !important;
  left: 10px !important;
  transition: all .5s ease-in-out;
}
.elementor-nav-menu>li>a.elementor-item-active::after,
.elementor-nav-menu>li>a:hover::after,
.elementor-nav-menu>li.current-menu-ancestor>a::after,
.elementor-nav-menu>li>a.highlighted::after{
  left: 0px !important;
  height:50px !important;
}
.e--pointer-underline.e--animation-slide .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted)::after {
    width: 40px;
    left: 10px;
}
.e--pointer-underline.e--animation-slide .elementor-item:hover::after{height: 80px !important;}

.current-page-ancestor>a{color:#fff !important;background: #ffd300;}
.unclickable.current-page-ancestor>a{background: none;}


/*hamburger*/
.elementor-250 .elementor-element.elementor-element-bc1c8e1 .elementor-menu-toggle{color:#ffd300;}


.she-header{background-color: #0059a5 !important;}
.she-header .elementor-element-dfdd13f,
.she-header .elementor-element-3bb6b4c,
.she-header #contactBtnH{display: none !important;}

/*search*/
.elementor-search-form--skin-full_screen .elementor-search-form__toggle i{background-color:transparent !important;}
.elementor-search-form--skin-full_screen .elementor-search-form__toggle:hover i{background-color:#ffd300 !important;color:#0059a5}
/*contact btn header*/
#contactBtnH{
  margin-top: 4px;
  margin-right: 15px;
  border-radius: 3px;
  height: 30px;
  width: 30px;
  padding-right: 3px;
  padding-top: 3px;
}
#contactBtnH:hover{background-color:#ffd300 !important;color:#0059a5 !important}
#contactBtnH:hover a{color:#0059a5 !important}

.she-header #logoH{margin-bottom: 10px;}

 /*slider*/
#sliderWrp .elementor-column-wrap.elementor-element-populated{padding:0 !important}
 #post-39 .entry-content{margin-top: 0 !important;}
 body[data-elementor-device-mode=mobile]  #post-39 .entry-content{margin-top: 180px !important;}


 /*banner int*/
 #banner .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated{padding:0 !important}
  #banner img {max-height: 414px !important;max-width: 100% !important}




 /*acces directs home*/
 /* HomeEntries */
 #homeEntries{display: flex;;flex-wrap: wrap;margin:60px auto;justify-content: center;}
 #homeEntries a{width: 260px;height:157px;display: block;background-image: url("/wp-content/uploads/spriteEntries.png");margin: 10px 0;}
 #bull{background-position: 0 0;}
 #bull:hover {background-position: 0 -157px;}
 #carte {background-position: -260px 0;}
 #carte:hover{background-position: -260px -157px;}
 #resa{background-position: -520px 0;}
 #resa:hover{background-position: -520px -157px;}
 #menu{background-position: -780px 0;}
 #menu:hover{background-position: -780px -157px;}
 #fam{background-position: -1040px 0;}
 #fam:hover{background-position: -1040px -157px;}


 #actusPubsHome a:hover,
.catalogue a:hover{text-decoration: none !important}
 #titresActusPubsHome .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated { padding: 10px 10px 4px 0 !important;}
 /* actus Home */
 #actuHome .elementor-post__text{min-height: 80px;}
 #coteActusT h2{text-transform: uppercase;font-weight: 100;border:0;line-height: 6px;}
  #coteActusT h2:after{content:none;}
 .gras {font-weight: 700; }
 .souligne{ border-bottom: 7px solid #ffd300;}
 body[data-elementor-device-mode=mobile] .souligne{ border-bottom: 10px solid #ffd300;}

 #actusLink{float: right;}
 #actusLink a,
 .elementor-element-949a491 a{color: #000 !important;text-decoration: none !important}
 #actusLink a:hover,
 .elementor-element-949a491 a:hover{color: #ffd300 !important}
 #actuHome img,
 .catalogue img{width: 100% !important;height: 100% !important;max-width: 1920px;
  object-fit: cover;}
 #actuHome .elementor-post__thumbnail{height: 239px;}
.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom: 0 !important;}
 #pubsT h2{text-transform: uppercase;font-weight: 100;border:0;line-height: 6px;}
  #pubsT h2:after{content:none;}
 .elementor-posts .elementor-post__card{border-radius: 0 !important}

 


/*agenda Home*/
#titreAgendaHome .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated { padding: 10px 10px 4px 0 !important;}
#agendaHome h2{font-weight: 100;}
#agendaT h2{text-transform: uppercase;font-weight: 100;border:0;line-height: 6px;}
#agendaT h2:after{content:none;}
.elementor-39 .elementor-element.elementor-element-73a1d04 .dce-post-item{padding-bottom: 13px !important;}


.catalogue a:hover{text-decoration: none !important}




/* Marée et météo */ 
#mareeT,#meteoT{border-bottom: 2px solid #ffd300;  padding: 21px 0px;margin-bottom: 30px;} 
#mareeT h2,#meteoT h2{text-transform: uppercase;font-weight: 100;border:0;line-height: 6px;}
#mareeT h2:after,#meteoT h2:after{content:none;}
 .elementor-element-a3df2dc .elementor-column-gap-extended{gap:20px}


/* WP file Download */
.wpfd-content-default .wpfd_list .file{width: auto !important;}
.page-id-49 .wpfd-container .wpfd-foldertree,
.page-id-47 .wpfd-container .wpfd-foldertree{display: none !important}

.evt{position:relative}
.evtPic{
   height: 200px;
  background-position: center;
}
.evtDate{
position: absolute;
left: 39%;
top: 35%;
background: #ffd300;
border-radius: 85px;
color: #0059a5;
padding: 15px;
height: 120px;
line-height: 85px;
font-weight: 700;
width: 120px;
text-align: center;
font-size: 25px;
display: ruby;
border: 1px solid #ffd300;
}
.evtText{
   background:#0059a5;
   height: 200px;
   padding: 50px 35px;
  }
 .evtT{
  color:#ffd300;
  padding-top: 20px;
  line-height: 23px;
  font-family: 'All-round-gothic';
  font-weight: 700;
  font-size: 18px;
 }
 .evtEx{
   color:#fff;
   font-size: 15px;
  line-height: 18px;
  margin-top: 15px;
  max-height: 70px;
  overflow: hidden;
 }
.evt:hover .evtDate{background: #0059a5;  color:#ffd300 ;}

.evt2{
  display: flex;
  padding: 15px 15px;
  background:#0059a5;
  height: 124.5px;
}
.evt2Date{
  background: #ffd300;
  border-radius: 70px;
  color: #0059a5;
  padding: 15px;
  height: 80px;
  width: 80px;
  line-height: 50px;
  font-weight: 700;
  text-align: center;
  font-size: 15px;
  min-width: 80px;
  border: 1px solid #ffd300;
  margin-top: 8px;
}
.evt2Text{
  margin-left: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 420px;
}
.evt2Ex{
  color:#fff;
  font-size: 15px;
 line-height: 18px;
margin-top: 0;
overflow: hidden;
text-overflow: ellipsis;
max-height: 37px;
}
.evt2  .evtT{padding-top:0;padding-bottom: 5px;}
.evt2:hover .evt2Date{background: #0059a5;  color:#ffd300 ;}
a.evt:hover,
a.evt2:hover{text-decoration: none !important;}

 /*Footer Ploudal*/
 #footerPloudal .elementor-heading-title.elementor-size-default{font-size: 16px;}


 /*Footer Aber*/
 #aberLogo {
     width: 35px;
     height: 23px;
     display: inline-block;
 }
 #abSvg {width: 23px;}
 .abSign {
     fill: #3a3a3a;
 }
 #footerDown {
     clear: both;
     margin: auto;
     text-align: center;
     padding: 0 0;
 }
 #footerDown a:hover .abSign {fill: #0059a5;}
 #footerDown a:hover {color:#0059a5 !important;text-decoration: none !important}
 #footerDown a{color: #3a3a3a !important;display: flex;justify-content: center;   font-size: 13px;line-height: 21px;width: 230px;margin: auto;}

 #topBtnWrp .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated{padding-right: 0 !important}
 #topBtn{font-size: 20px;}
 .home .entry-content{margin-bottom: 0}





 /*Carte */
 .wpomp_tabs_container .wpomp_tab_item input[type="checkbox"] {display: none !important;}
 .wpomp_map_type{display: none !important}
 .wpomp_tabs_container .wpomp_tab_item .wpomp_cat_title{padding: 0 !important}
 div.wpomp_toggle_main_container div.wpomp_tab_item ul.wpomp_location_container li {
    padding: 0px 0px 6px 10px !important;
}

 /*psd home*/
 #linkArcadie, #linkBIM, #ploudalPDF{display: none !important}

 /*forms*/
.wpcf7 label{padding-top: 6px;display: block;}
.wpcf7 input[type="text"]:focus,
.wpcf7 select:focus,
.wpcf7 input[type="date"]:focus,
.wpcf7 input[type="email"]:focus{outline: 0px}
.wpcf7 input[type="submit"],
.wpcf7 input[type="submit"]:not(:hover):not(:active):not(.has-background){background-color: #ffd300; border:0; }
 .wpcf7 input[type="submit"]:hover{background-color: #0059a5;color:#fff;  }


/*btns*/
.wp-block-button__link{background-color: #ffd300 !important}
.wp-block-button__link:hover,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover{background-color: #0059a5 !important;color:#fff !important;text-decoration: none !important}
.wp-block-button .wp-block-button__link:focus{outline: 0;}

 input[type="submit"]:not(:hover):not(:active):not(.has-background),
 .frm_button_submit{background: #ffd300 !important;border: 0 !important;border-radius: 0 !important;}
 input[type="submit"]:hover:not(:active):not(.has-background),
 .frm_button_submit:hover{background: #0059a5 !important;color:#fff !important;border: 0 !important;border-radius: 0 !important;}

/* pages articulation */
.dce-menu.vertical li a{
  background-color: #ffd300 !important;
 font-family:  "all-round-gothic", sans-serif;
 font-size: 18px !important;
 font-weight: 500 !important;
  color:#fff !important;
  padding: 10px 20px !important;
  margin-bottom: 10px !important;
  transition: all .5s ease-in-out !important;
  display: block !important;
}
.dce-menu.vertical li a:hover{background-color: #0059a5 !important;color:#fff !important;text-decoration: none !important}


 /*page recherche */
body.search .page-header,
body.error404 .page-header  {margin-top: 170px;margin-bottom: 50px;}
body.search a img,
body.error404 a img{display: none;}
body.search .header a img,
body.error404 .header a img{display: block;}
body.search .elementor-250 .elementor-element.elementor-element-4b4da6e:not(.elementor-motion-effects-element-type-background),
body.error404 .elementor-250 .elementor-element.elementor-element-4b4da6e:not(.elementor-motion-effects-element-type-background){background-color: #0059a5 !important}
body.search .post-taxonomies{display: none;}
body.search article{margin-bottom: 60px;}

/* social share */
.heateor_sss_email .heateor_sss_svg{background-color: #9c9fa2 !important}


 /*REPONSIVE*/

body[data-elementor-device-mode=mobile] .elementor-element-4b4da6e{background-image: linear-gradient(180deg, #264661 0%, #0059a4 100%) !important}
body[data-elementor-device-mode=tablet] #logoH {margin-left: 15px;}
body[data-elementor-device-mode=tablet] #logoH img{max-width: 110px !important;}
body[data-elementor-device-mode=tablet] #pojo-a11y-toolbar{top: 130px !important;}

body[data-elementor-device-mode=mobile]  .elementor-column-gap-default > .elementor-row > .elementor-column.elementor-element-862d790 > .elementor-element-populated{padding:0 !important}
body[data-elementor-device-mode=mobile]  .elementor-250 .elementor-element.elementor-element-bc1c8e1 .elementor-menu-toggle{margin:auto;}

 body[data-elementor-device-mode=tablet] .elementor-39 .elementor-element.elementor-element-85dc293 .dce-posts-container.dce-skin-grid .dce-post-item,
 body[data-elementor-device-mode=mobile] .elementor-39 .elementor-element.elementor-element-85dc293 .dce-posts-container.dce-skin-grid .dce-post-item{width: 100%;
flex: none;}
body[data-elementor-device-mode=tablet] #agendaHome .dce-posts-container.dce-skin-grid .dce-posts-wrapper,
body[data-elementor-device-mode=mobile] #agendaHome .dce-posts-container.dce-skin-grid .dce-posts-wrapper{flex-direction: column;}
body[data-elementor-device-mode=tablet] #agendaHome .dce-post-item,
body[data-elementor-device-mode=mobile] #agendaHome .dce-post-item{width: 100%;padding-bottom: 5px;}
body[data-elementor-device-mode=tablet] .evt2Text,
body[data-elementor-device-mode=mobile] .evt2Text{max-width: 100%}

body[data-elementor-device-mode=mobile] #agendaT h2,
body[data-elementor-device-mode=mobile] #coteActusT h2{line-height: 56px;}

body[data-elementor-device-mode=mobile] #actusPubsHome .elementor-element-populated,
body[data-elementor-device-mode=mobile] #agendaHome .dce-post-item{padding: 0 !important}
body[data-elementor-device-mode=mobile] .evt2{margin-bottom: 10px !important}

body[data-elementor-device-mode=tablet] .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated,
body[data-elementor-device-mode=mobile] .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated{padding: 10px 10px 0 10px !important}

body[data-elementor-device-mode=mobile] .elementor-element-41e718e9::after{
display: none;
}
body[data-elementor-device-mode=mobile] .elementor-widget-breadcrumbs .elementor-widget-container{margin-left: 20px !important;}