/*
Theme Name: CSTL-multicentre
CSS personnalisés - 91¶ÌÊÓƵ
Extensions : Mega Menu, Google Maps, Forminator Pro,...
*/

/* Ajustements personnalisés des sections ***/

h1, h2, h3, h4, h5, h6 {
   font-weight: 600;
}

/*Header des pages, retirer les dates */
.entry-meta {
   display: none;
}

/* Footer des page, retirer l'auteur et la catégorie */
.entry-footer {
   display: none;   
}

.title-area .site-title > a {
   color: #00578C;
   font-family: "Roboto";
   font-size: 1.5em;
   height: auto;
   background-repeat: no-repeat;
   background-position: 0% 80%;
   display: block;
   width: 1200px;
}


/*Enlever les bullets points dans les articles récents */
.wp-block-latest-posts.is-grid li {
   list-style: none;
   margin-bottom:0px;
}

.front-page-3 .image-section .widget-area {
   background: url(/wp-content/uploads/integration/ligne-couleur-logo.jpg) repeat-x;
   display: block;
}

/* Page: Nous joindre */
.adresse-joindre, .telephone-joindre, .heures-joindre {
   text-align: left;
   font-size: 0.8em;
   font-family: 'Roboto';
   padding: 5px 5px 5px 40px;
   background-color: #fff;
   width: 40%;
   -moz-box-shadow: 1px 1px 5px 1px rgba(0,0,0,.2);
   -webkit-box-shadow: 1px 1px 5px 1px rgba(0,0,0,.2);
   -o-box-shadow: 1px 1px 5px 1px rgba(0,0,0,.2);
   box-shadow: 1px 1px 5px 1px rgba(0,0,0,.2);
}
.adresse-joindre li:first-child, .telephone-joindre li:first-child, .heures-joindre li:first-child {
   color: #1d8bcb;
   font-weight: 800;
   text-transform: uppercase;
}
.adresse-joindre {
   background-image: url(/wp-content/uploads/integration/pin-icon-vert.png);
   background-position: 2% 7%;
   background-repeat: no-repeat;
   
}
.telephone-joindre {
   background-image: url(/wp-content/uploads/integration/tel-icon-vert.png);
   background-position: 2% 7%;
   background-repeat: no-repeat;
}
.telephone-joindre a {
   font-weight: 600;
   text-decoration: underline;
}
.telephone-joindre a:hover {
   
   text-decoration: none;
}

.heures-joindre {
   background-image: url(/wp-content/uploads/integration/heure-icon-vert.png);
   background-position: 2% 15%;
   background-repeat: no-repeat;
}
.entry-content .adresse-joindre li, .entry-content .telephone-joindre li, .entry-content .heures-joindre li {
   list-style: none;
}

/* Footer */
.footer-menu {
   font-size: 0.7em;
   display: table-cell;
   vertical-align: top;
}
.top-footer h3 {
   font-size: 0.90em;
   font-weight: 800;
   text-align: left;
}
.top-footer ul:last-child {
   margin-bottom: 10px;
}
.footer-widgets .textwidget {
   text-align: center;
}
.top-footer {
   margin: auto;
   width: 80%;
   display: table;
}
#genesis-footer-widgets .footer-menu li {
   text-align: left;
   margin: 5px;
   padding: 0;
   font-family:Roboto;
   font-weight: 700;
}

#genesis-footer-widgets .footer-menu li a:hover {
   color:#47aa42;
}

.top-footer ul#menu-pied li:first-child {
   font-weight: 800;
   font-size: 1.1em;
}
.footer-widgets .bottom-footer {
   margin-top: 20px;
   height: 180px;
}
.footer-widgets {
   position: relative;
   background-image: url(/wp-content/uploads/integration/line-footer.png),
                     url(/wp-content/uploads/integration/ligne-couleur.jpg);
   background-color: #00578c;
   text-align: center;
   background-position: 100% 71.5%, top;
   z-index: 9;
   clear: both;
   background-repeat: repeat-x, repeat-x;
}
.footer-facebook {
   font-family: FontAwesome;
   font-size: 35px;
   color: #FFF !important;
   margin-left: 10px;
   font-weight: normal;
}
.footer-linkedin {
   font-family: FontAwesome;
   font-size: 35px;
   color: #FFF !important;
   margin-left: 10px;
   font-weight: normal;
}

.adresse, .telephone, .joindre, .sociaux {
   text-align: left;
}
.adresse {
   padding-left: 40px;
   background-image: url(/wp-content/uploads/integration/pin-icon.png);
   background-position: center left;
   margin-bottom: 10px;
   background-repeat: no-repeat;
}
.telephone {
   padding-left: 40px;
   background-image: url(/wp-content/uploads/integration/tel-icon.png);
   background-position: center left;
   background-repeat: no-repeat;
}
.joindre {
   padding-left: 40px;
   margin-top: 5px;
   background-image: url(/wp-content/uploads/integration/email.png);
   background-position: center left;
   margin-bottom: 10px;
   background-repeat: no-repeat;
}
.sociaux {
   padding-left: 40px;
   margin-top: 5px;
   background-image: url(/wp-content/uploads/integration/facebook.png);
   background-position: center left;
   background-repeat: no-repeat;
   background-clip: padding-box;
}
ul.adresse li, ul.telephone li, ul.joindre li, ul.sociaux li {
   margin: 0;
   padding: 0;
}

/* Plugin: Forminator Pro */
.formulaire-joindre {
   width: 45%;
   float: right;
   margin-bottom: 10px;
}
.forminator-field {
   color:white;
   width: 90%;
}
.formulaire-eleve {
   width: 45%;
   float: left;
   margin-bottom: 10px;
}
.formulaire-eleve .forminator-field {
   width: 100%;
   
}


/* Plugin: Mega Menu */
#mega-menu-wrap-secondary #mega-menu-secondary li#mega-menu-item-23 .mega-search .search-icon {
	background: #73bae7;
	border-radius: 20%;
}

@media only screen and (max-width: 1200px) { 
   .title-area .site-title > a {
      width:1000px;
   }
   /* Cacher le slogan */
   .site-header > .wrap {
      background-image: none;
   }
   .site-title {
      float: left;
      width: auto;
   }
}

/* @media: Mobile et Desktop */
@media only screen and (max-width: 1023px) {
   .title-area .site-title > a {
      width:auto;
   }
   .nav-secondary.genesis-responsive-menu {
      display: inline-block !important; /** Important, c'est pour bypasser un display: none qui vient du plugin **/
      width: 100%; 
   }
   .image-section .widget-area {
      display: block;
      margin-top: 50px;
   }
}



@media only screen and (max-width: 800px) {
   .adresse-joindre, .telephone-joindre, .heures-joindre {
      width: 80%;
      float: left;
   }
   .footer-widgets {
      background: url(/wp-content/uploads/integration/ligne-couleur-logo.jpg) repeat-x;
      background-color: #00578c;
   }
   .footer-widgets .wrap {
       padding: 40px;
   }
   .footer-menu {
      display: block; /** permet aux éléments de se mettre les uns en dessous des autres **/
   }
   div.bottom-footer {
      display: none;
   }

   /* Plugin: Forminator Pro */
   .formulaire-joindre {
      width: 90%;
      float: none;
   }
}
/* Enlever les puces pour les articles */
ul.wp-block-latest-posts__list.wp-block-latest-posts li {
   list-style: none !important;
}