/*
Theme Name: CSTL-primaire
CSS personnalisés - Commission scolaire des Trois-Lacs
Extensions : Mega Menu, 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;   
}

.image-section {
   padding-top: 100px;
}

.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;
}

/* 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;
   width: auto;
}
.top-footer h3 {
   font-size: 0.90em;
   font-weight: 800;
   text-align: left;
}
.top-footer ul:last-child {
   margin-bottom: 10px;
}

#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:#1D8BCB;
}

.footer-widgets .textwidget {
   text-align: center;
}
.top-footer {
   margin: auto;
   width: 80%;
   display: table;
}
.footer-widgets .bottom-footer {
   margin-top: 20px;
   background-image: url(/wp-content/uploads/integration/primaire/logo-footer-cercle.png);
   height: 185px;
   background-position: top center, top left;
   background-repeat: no-repeat, repeat;
}
.bottom-footer {
   position: relative;
}
.footer-widgets .bottom-footer img {
   position: absolute;
   top: 32px;
   right: 522px;
}

.footer-facebook {
   font-family: FontAwesome;
   font-size: 35px;
   color: #00578c !important;
   margin-left: 10px;
}
.footer-linkedin {
   font-family: FontAwesome;
   font-size: 35px;
   color: #FFF !important;
   margin-left: 10px;
}

.adresse, .telephone, .joindre, .sociaux {
   text-align: left;
}
.adresse {
   padding-left: 40px;
   background-image: url(/wp-content/uploads/integration/primaire/pin-icon.png);
   background-position: center left;
   margin-bottom: 10px;
   background-repeat: no-repeat;
}
.telephone {
   padding-left: 40px;
   height: 26px;
   background-image: url(/wp-content/uploads/integration/primaire/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/primaire/email.png);
   background-position: center left;
   margin-bottom: 10px;
   background-repeat: no-repeat;
}
.sociaux {
   padding-left: 40px;
   padding-top: 10px;
   background-image: url(/wp-content/uploads/integration/facebook-bleu.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;
}

/* Menu */
.joindre-menu {
   text-align: center;
   color: #000;
}
.joindre-menu-blue {
   text-align: center;
   color: #00578C;
}
.joindre-bouton-menu {
   margin-top: 10px;
}
.joindre-menu-titre {
   margin-bottom: 7px;
}



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

/* @media: Mobile et Desktop */
@media only screen and (max-width: 1200px) {
   .title-area .site-title > a {
      width:1000px;
   }
   .site-description {
      display: none;
   }
   .footer-widgets .bottom-footer {
      background-image: none;
   }
   /* Emp91¶ÌÊÓƵcher l'affichage du l'image du pied de page  */
   .footer-widgets .bottom-footer img {
      display: none;
   }
   .site-title {
      float: left;
      width: auto;
   }
}

@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%; 
   }
   .site-header > .wrap {
      background-image: none;
   }
   .entry-content p {
      padding: 0 10px;
   }
   .nav-primary {
      text-align: center;
      float: left;
      width: 100%;
   }
   .front-page-2 .flexible-widgets {
      padding:0px;
   }
}

@media only screen and (max-width: 480px) {
   .footer-widgets .wrap {
       padding: 40px;
   }
   .footer-widgets {
      /** On enlève la ligne, mais on laisse la barre de couleur  **/
      background: url(/wp-content/uploads/integration/ligne-couleur-logo.jpg) repeat-x;
   }
   .footer-menu {
      display: block; /** permet aux éléments de se mettre les uns en dessous des autres **/
   }
   div.bottom-footer {
      display: none;
   }
}

@media only screen and (min-width: 800px) 
{ 
   /* Plugin: Mega Menu */
   #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
      width:1000px;
   }
}

@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;
   }
   .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;
   }
}

/* Derniers articles */
.wp-block-latest-posts__post-excerpt {
   font-size: 12pt; /* Devrait-on l'enlever ? à considérer */
}

/* Correction du bug d'affichage des puces dans les listes se trouvant dans un bloc Stackable 

.stk-block-content li {
   list-style-type: disc !important;  attention, si on veut des listes décimales, ceci enlève les chiffres 
   list-style-position: inside!important;  faudra enlever ceci aussi, inutile et mal ciblé  
}*/

/* Enlever les puces pour les articles */
ul.wp-block-latest-posts__list.wp-block-latest-posts li {
   list-style: none !important;
}
/* Aligner les articles sans retrait sur la page d'accueil */
.wp-block-latest-posts__list.wp-block-latest-posts {
   margin-left: 0px;
   margin-bottom: 0px;
}
/*.entry-content ol, .entry-content ul {
   margin-left: 40px;
   margin-bottom: 30px;
}
.entry-content ol > li {
   list-style-type: decimal;
}
.entry-content ul > li {
   list-style-type: disc;
} Ce sont les styles par défaut. Je les mets ici temporairement en attendant de faire mes changements 2022-12-08  */