/* Custom CSS for the "Mini site remontee" library. */

/* .page-node-3582593 => page de base : Le Tour en images à  modifier en PROD */





/** couleur par défaut Pour le foind bleu ***************************/

.minisite_remontee .section-title,
#minisite_image_responsive .section-title {
    color: #0F1F40;
    margin-top: 20px;
}

#minisite_caroussel .section-title {
    margin-top: 20px;
}



/** paragraph--color--rgba-blue-strong Pour le fond bleu ***************************/

.paragraph--color--rgba-blue-strong article.post-show {
    background-color: #0F1F40;
    color: #fff;
}
.paragraph--color--rgba-blue-light article.post-show {
    background-color: #008B9F;
    color: #fff;
    border-color: #008B9F;
}

.minisite_remontee.paragraph--color--rgba-blue-strong  {
    background-color: #0F1F40;
    color: #fff;
}
.minisite_remontee.paragraph--color--rgba-blue-light  {
    background-color: #008B9F;
    color: #fff;
}

.minisite_remontee.paragraph--color--rgba-blue-strong .section-title,
.minisite_remontee.paragraph--color--rgba-blue-light .section-title {
    color: #ffffff;
}
.minisite_remontee.paragraph--color--rgba-blue-strong .section-title:after,
.minisite_remontee .section-title:after,
#minisite_image_responsive .section-title:after {
    display: none;
}

.row.remontee {
    justify-content: center;
    justify-content: space-evenly;
}
.row.remontee .node--view-mode-teaser-v3 {
    margin-bottom: 20px;
}
div#minisite_remontee {
    padding: 10px 40px;
    margin: 20px 0px;
}
.page-node-5090272 div#minisite_remontee,
.page-node-5133759 div#minisite_remontee,
.page-node-5099016 div#minisite_remontee {
    padding: 30px 10px;
}

.page-node-5099016 div#minisite_remontee,
.page-node-5099017 div#minisite_remontee,
.page-node-5099028 div#minisite_remontee,
.page-node-5099029 div#minisite_remontee,
div#minisite_remontee.paragraph--color--rgba-blue-strong,
div#minisite_remontee.paragraph--color--rgba-blue-light {
   padding: 10px 60px;
}

.paragraph--color--rgba-red-strong {
    background-color: #820000 !important;
}
.paragraph--color--rgba-green-strong {
    background-color: #028e5a !important;
}

#minisite_remontee h2 {
    color: #fff;
}

@media (max-width: 768px) {
    div#minisite_remontee {
        padding: 10px 10px;
    }
    .page-node-5099016 div#minisite_remontee,
    .page-node-5099017 div#minisite_remontee,
    .page-node-5099028 div#minisite_remontee,
    .page-node-5099029 div#minisite_remontee,
    div#minisite_remontee.paragraph--color--rgba-blue-strong,
    div#minisite_remontee.paragraph--color--rgba-blue-light {
        padding: 10px 10px;
    }

}