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

/* Agrandir icônes réseaux sociaux */
ul.social-icons {
	font-size: 20px;
}
	
/* Titres et fil de navigation */
.sp-page-title .sp-page-title-heading {
    font-family: 'Open Sans',Arial, Helvetica, sans-serif;
    font-size: 42px;
    font-weight: 400;
    color : #aa3c32;
}

.sp-page-title .breadcrumb > span, .sp-page-title .breadcrumb > li, .sp-page-title .breadcrumb > li + li::before, .sp-page-title .breadcrumb > li > a {
    color: #aa3c32 !important
}

.sp-page-title .breadcrumb > li > a {
    color: #aa3c32 !important
}

.sp-page-title .breadcrumb > li > a:hover {
    color: #aa3c32 !important
}

/* Corps des pages alignés par rapport au titres et fil de navigation */
.sppb-row-container {
    max-width: 1320px;
}

/* Boutons */
[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) {
  padding: 0px 20px;
  color: #fff;
  background-color: #aa3c32;
  border: none;
  border-radius: 10px;
}

[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled):hover {
  background-color: #993333;
  }

/* Media Coverage mise en page Blog */
  #sp-main-body {
    padding: 20px 0;
}

.article-details .article-full-image {
    margin-bottom: 1rem;
}

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

.article-list .article .readmore a{
  font-size: 20px;
}

.article-info > span {
  font-size: 16px;
}

.pagination > li > a, .pagination > li > span {
  color: #aa3c32;
  border: 1Px solid #aa3c32;
} 

.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus {
  color: #fff;
    background-color: #aa3c32;
  border-color: #aa3c32;
}

/* Couleur cercles du Diaporama */
.sppb-carousel-indicators li {
  border: 1px solid #aa3c32;
}

.sppb-carousel-indicators .active {
  background-color: #aa3c32;
}

/* Couleur flèche du carrousel Page Clents, Autres références et Diaporama */
.sppb-carousel-arrow {
  color: #aa3c32;
}
.sppb-carousel-arrow:focus, .sppb-carousel-arrow:hover {
   color: #aa3c32;
}

/* Icônes précédent et suivant galerie d'images des occasions 
.carousel-control-prev-icon {
    background-image: url("../../../images/interface/icone-precedent.png");
}

.carousel-control-next-icon {
    background-image: url("../../../images/interface/icone-suivant.png");
}
.carousel-control-next, .carousel-control-prev {
    width: 5%;
}*/

/* Modules */
#sp-left .sp-module, #sp-right .sp-module {
    background: #dbdbdd;
    color: #333333; 
    padding: 20px;
    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: #333333;
    border-left: 20px solid #aa3c32;
    padding: 10px;
    font-size: 1.3rem;
}

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

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

#sp-left .sp-module ul > li > a, #sp-right .sp-module ul > li > a {
    line-height: 20px;
}

#sp-left .sp-module ul > li > a, #sp-right .sp-module ul > li > a {
    padding: 5px 0 !important
}

.col-lg-4 {
    margin-top: 30px;
}