/* ========================================================================
   Style CSS personnalisé - Alain Gérardin
 ========================================================================== */

/* Agrandir icônes réseaux sociaux */
ul.social-icons {
	font-size: 30px;
}

/* Menu de navigation principal */
.sp-megamenu-parent {
  text-transform: uppercase;
}

/* Titre des pages */
.sp-page-title .sp-page-title-heading {
  font-size: 72px;
  text-align: center;
}

/* Page d'accueil */
.fullwidth-banner {
    width: 100vw;           /* occupe toute la largeur de la fenêtre */
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.article-details .article-can-edit {
  margin-bottom: 0px;
}

/* Page d'accueil - Paragraphe Les stars de l’Eclaireur du Gatinais */
.texte-eclaireur {
  padding: 0px 40px 0px 40px; /* pour desktop / grand écran */
}

@media screen and (max-width: 600px) {
  .texte-eclaireur {
    padding: 0px; /* ou 0, selon ce que tu veux sur mobile */
  }
}

/* Bas de page */
#sp-footer {
  font-size: 18px;
}

/* Page contact */
.com-contact .contact {
  margin-right: 50px;
  margin-left: 50px;
}

/* Page Actualité - Blog */

.article-list .article .article-intro-image, .article-list .article .article-featured-video, .article-list .article .article-featured-audio, .article-list .article .article-feature-gallery
{
  margin: 0;
  border-bottom: none;
}

.article-list .article {
    border: none;
    border-radius: 0px;
    padding: 40px 0 0 0;
}

.article-list .article .article-intro-image img, .article-list .article .article-featured-video img, .article-list .article .article-featured-audio img, .article-list .article .article-feature-gallery img
{
  margin-bottom: 10px;
}

.article-list .article .readmore a {
  display: block;
  padding: 10px 20px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color: #e30613;
  border: none;
  border-radius: 10px;
}

.article-list .article .readmore a:hover {
  background-color: #cc0000;
  color: #fff;
  }

/* Boutons */
.bouton {
  background-color: #006465;
  border-radius: 20px;
  border: 2px solid #003963; /* ---- contour normal ---- */
  cursor: pointer;
  display: inline-block;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
}

.bouton:hover {
  background-color: #2a6595;
  color: #fff;
  border-color: #006465; /* ---- contour au survol ---- */
}

/* Actualités, galerie d'image - UP (UniversalPlugin) */
#up-25-1 .masonry-grid-sizer, #up-25-1 figure {
  padding: 5px;
}
#up-30-1 .masonry-grid-sizer, #up-30-1 figure {
  padding: 5px;
}
#up-39-2 .masonry-grid-sizer, #up-39-2 figure {
  padding: 5px;
  margin-top: 20 px;
}

/* Modules */
#sp-right .sp-module:first-child
{
  margin-top: 40px;
}

#sp-right .sp-module {
    background: #eef2f6;
    padding: 10px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08);
  }

.sp-module-title {
    color: #fff;
    background: #003963;
    border-left: 20px solid #08a8a8;
    padding: 10px;
    font-size: 1.3rem;
}

#sp-right .sp-module .sp-module-title {
    margin: 0px;
    padding-bottom: 10px;
	font-size: 17px;
	border-bottom: none;
}

#sp-right .sp-module ul > li {
    border-bottom: 1px solid #d1d1d1;
}