/* =============================================================================
   MCPL - Personnalisation des couleurs
   Couleur principale : #487854 (vert)
   ============================================================================= */

/* Liens */
a {
    color: #487854;
}

a:hover {
    color: #3a6345;
}

/* Boutons */
.button.primary,
input[type="submit"].primary,
input[type="reset"].primary,
input[type="button"].primary,
button.primary {
    background-color: #487854;
    color: #ffffff !important;
}

.button.primary:hover,
input[type="submit"].primary:hover {
    background-color: #3a6345;
}

.button:hover {
    color: #487854;
    border-color: #487854;
}

/* Titres et texte accentué */
h1, h2, h3, h4, h5, h6 {
    color: #3d4449;
}

h2 a, h3 a {
    color: inherit;
}

/* Header */
#header .logo strong {
    color: #487854;
}

/* Sidebar */
#sidebar .inner nav#menu header.major h2 {
    border-bottom-color: #487854;
}

#sidebar .inner section header.major h2 {
    border-bottom-color: #487854;
}

header.major h2 {
    border-bottom: solid 2px #487854;
}

/* Icônes */
.icon.solid,
.icon.brands {
    color: #487854;
}

ul.icons li a.icon:hover {
    color: #3a6345;
}

/* Features */
.features article .icon {
    color: #487854;
}

/* Contact */
ul.contact li::before {
    color: #487854;
}

/* Actions / Boutons */
ul.actions li a.button:hover {
    border-color: #487854;
    color: #487854;
}

/* Input focus */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {
    border-color: #487854;
    box-shadow: 0 0 0 1px #487854;
}

/* Checkbox et radio */
input[type="checkbox"]:checked + label::before,
input[type="radio"]:checked + label::before {
    background-color: #487854;
    border-color: #487854;
}

/* Posts articles hover */
.posts article:hover {
    border-left-color: #487854;
}

/* Banner button */
#banner .button {
    border-color: #487854;
}

#banner .button:hover {
    background-color: #487854;
    color: #ffffff !important;
}

/* Pagination */
.pagination a:hover,
.pagination span.current {
    background-color: #487854;
    color: #ffffff;
}

/* Box */
.box {
    border-color: #487854;
}

/* Selection */
::selection {
    background-color: #487854;
    color: #ffffff;
}

::-moz-selection {
    background-color: #487854;
    color: #ffffff;
}

/* =============================================================================
   Article - Limite taille image
   ============================================================================= */

/* Image principale d'un article */
.image.main img,
article .image.main img,
section .image.main img {
    max-width: 500px;
    max-height: 500px;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

/* Container de l'image */
span.image.main {
    display: flex;
    justify-content: center;
    margin-bottom: 2em;
}