/**
Theme Name: Réseau Plus
Author: Quentin MISSLER
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: reseau-plus
Template: astra
*/

#page .site-content {
	background-color: #F6F6F6;
}

.current-menu-item .menu-link {
	font-weight: 900;
}

.ast-plain-container.ast-no-sidebar #primary {
	margin-top: 60px;
}
.ast-separate-container .ast-article-inner {
	background-color: #c9c9c9;
}

.ast-separate-container .ast-article-single:not(.ast-related-post) {
	background-color: var(--ast-global-color-5);
}

.ast-separate-container .ast-blog-layout-4-grid .ast-article-inner {
	border: 1px solid darkgray;
}

@media (min-width: 922px) {
    .ast-narrow-container .site-content > .ast-container {
        max-width: 1050px;
    }
}

@media (min-width: 922px) {
    .ast-no-sidebar .site-content .ast-article-image-container--wide {
        margin-left: 0px;
        margin-right: 0px;
    }
}

.fiche-membre-acf {
    margin-top: 20px;
    padding: 20px;
    background: #fff;
    border-radius: 10px;
}

.um-profile .um-profile-photo,
.um-profile .um-profile-meta,
.um-profile .um-header,
.um-profile .um-cover,
.um-profile .um-profile-navbar,
.um-profile .um-profile-nav,
.um-profile .um-row {
    display: none !important;
}

.um-members-edit-btn {
    display: none !important;
}

.um-button {
	background-color: #006891!important;
	border-radius: 8px!important;
}

.um-button:hover {
	background-color: #00ADEF!important;
	color: #fff!important;
}

.um-member-cover {
	height: 112px!important;
}

.um-directory .um-members-wrapper .um-members.um-members-grid .um-member.with-cover .um-member-photo a img {
	width: 130px!important;
    height: 130px!important;
	top: -70px!important;
    margin-bottom: -85px!important;
}

h1, .entry-content :where(h1) {
	font-size: 3rem;
}

.contact-header {
    max-width: 850px;
    margin: 40px auto;
    padding: 35px;
    background: #ffffff;
    border-radius: 14px;
    border-left: 6px solid #006891;
    box-shadow: 0 6px 20px rgba(0,0,0,0.06);
}

.contact-header h1 {
    color: #006891;
    margin-bottom: 10px;
}

.contact-header p {
    font-size: 16px;
    line-height: 1.6;
    color: #221F21;
}

.contact-info {
    margin-top: 25px;
    padding: 20px;
    background: #f7f9fb;
    border-radius: 12px;
    border: 1px solid #6B5B65;
}

.contact-info h3 {
    margin-bottom: 12px;
    color: #006891;
}

/* liens */
.contact-info a {
    color: #006891;
    font-weight: 500;
    text-decoration: none;
    transition: 0.2s;
}

.contact-info a:hover {
    color: #00ADEF;
    text-decoration: underline;
}

/* FORMULAIRE CONTACT FORM 7 */
.wpcf7 {
    max-width: 850px;
    margin: 30px auto;
    padding: 35px;
    background: #ffffff;
    border-radius: 14px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.06);
    border-top: 4px solid #00ADEF;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
    width: 100%;
    padding: 12px 14px;
    margin-top: 6px;
    margin-bottom: 15px;
    border: 1px solid #6B5B65;
    border-radius: 10px;
    font-size: 15px;
    color: #221F21;
    transition: 0.2s;
}

.wpcf7 input:focus,
.wpcf7 textarea:focus {
    border-color: #006891;
    outline: none;
    box-shadow: 0 0 0 3px rgba(0,104,145,0.15);
}

.wpcf7 input[type="submit"] {
    background: #006891;
    color: white;
    border: none;
    padding: 12px 26px;
    border-radius: 10px;
    cursor: pointer;
    font-size: 16px;
    transition: 0.2s;
}

.wpcf7 input[type="submit"]:hover {
    background: #00ADEF;
}

.grecaptcha-badge {
    visibility: hidden !important;
}

.rp-blog-filters{

    display:flex;
    gap:15px;
    margin-bottom:30px;
    padding:20px;

    background:#f5f7f8;

    border-radius:12px;

    align-items:center;

    flex-wrap:wrap;

}

.rp-blog-filters input,
.rp-blog-filters select{

    padding:10px 14px;

    border:1px solid #ddd;

    border-radius:8px;

    min-width:220px;

}

.rp-blog-filters button{

    background:#006891;

    color:white;

    border:none;

    padding:10px 18px;

    border-radius:8px;

    cursor:pointer;

}

.rp-blog-filters button:hover{

    background:#00ADEF;

}

/* Images articles blog - correction déformation */
.post-thumb-img-content img {
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 16 / 9;
}


/* =========================
   UM MEMBER PROFILE CARD
   CHARTE GRAPHIQUE
   ========================= */

:root {
    --noir: #221F21;
    --bleu-fonce: #006891;
    --bleu-clair: #00ADEF;
    --gris-clair: #6B5B65;
    --gris-texte: #929598;
    --gris-fonce: #6B5B65;
}

/* CONTAINER PRINCIPAL */
.um-card {
    max-width: 980px;
    margin: 30px auto;
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 12px 35px rgba(34, 31, 33, 0.08);
}

/* HEADER */
.um-card-header {
    display: flex;
    gap: 30px;
    padding: 32px;
    background: #f6f8fa;
    align-items: center;
    border-bottom: 3px solid rgba(0, 168, 239, 0.15);
}

/* PHOTO PROFIL (plus impactante) */
.um-photo img {
    width: 180px;
    height: 180px;
    object-fit: contain;
    border-radius: 18px;
    border: 5px solid #fff;
    box-shadow: 0 10px 25px rgba(34, 31, 33, 0.15);
}

/* NOM */
.um-main-info h2 {
    font-size: 30px;
    margin: 0;
    color: var(--noir);
    letter-spacing: 0.2px;
}

/* ENTREPRISE */
.um-entreprise {
    margin-top: 6px;
    font-weight: 600;
    color: var(--bleu-fonce);
    font-size: 16px;
}

/* ACTIVITÉS */
.um-activites {
    margin-top: 5px;
    font-size: 14px;
    color: var(--gris-texte);
}

/* BADGE ANCIENNETÉ */
.um-badge {
    margin-top: 14px;
    display: inline-block;
    background: rgba(0, 109, 145, 0.1);
    color: var(--bleu-fonce);
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
}

/* BODY */
.um-card-body {
    display: flex;
    gap: 30px;
    padding: 28px 32px;
    background: #fff;
}

/* COLONNES */
.um-col {
    flex: 1;
    font-size: 14px;
}

/* LIGNES INFO (plus compact et moderne) */
.um-col div {
    padding: 10px 0;
    border-bottom: 1px solid #f1f1f1;
}

.um-col span {
    display: block;
    font-size: 12px;
    color: var(--gris-texte);
    margin-bottom: 3px;
}

/* VALEURS */
.um-col strong {
    color: var(--noir);
    font-weight: 600;
}

/* LIENS */
.um-col a {
    color: var(--bleu-fonce);
    text-decoration: none;
}

.um-col a:hover {
    color: var(--bleu-clair);
    text-decoration: underline;
}

/* LOGOS */
.um-logos {
    display: flex;
    gap: 18px;
    padding: 22px 32px;
    background: #f6f8fa;
    border-top: 1px solid rgba(34, 31, 33, 0.05);
}

.um-logos img {
    height: 55px;
    object-fit: contain;
    filter: grayscale(20%);
    transition: 0.3s ease;
}

.um-logos img:hover {
    filter: grayscale(0%);
    transform: scale(1.05);
}

/* =========================
   RESPONSIVE
   ========================= */

@media (max-width: 768px) {

    .um-card-header {
        flex-direction: column;
        text-align: center;
        gap: 20px;
    }

    .um-photo img {
        width: 150px;
        height: 150px;
    }

    .um-card-body {
        flex-direction: column;
        gap: 10px;
    }
}

.um-profile-body {
    max-width: 800px!important;
}

@media (max-width: 600px) {
    .wp-block-media-text.is-stacked-on-mobile {
        padding: 30px;
    }
}

@media (max-width: 921px) {
    .alignwide {
        padding-inline: 0px!important;
    }
}















/* PAGE D'ACCUEIL */

/*=========================================================================
Réseau Plus - 05-home-v3-part1.css
Base + Astra + Hero + Introduction
=========================================================================*/

/* ---------- Astra Full Width ---------- */

.ast-separate-container .entry-content > .alignfull,
.entry-content > .alignfull{
    width:100vw;
    max-width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
}

.alignwide{
    max-width:1280px!important;
    margin-inline:auto!important;
    padding-inline:40px;
}

/* ---------- Variables ---------- */

:root{
    --rp-primary:#006891;
    --rp-primary-light:#00ADEF;
    --rp-dark:#221F21;
    --rp-text:#5F6B76;
    --rp-bg:#F7FAFC;
    --rp-border:#E8EEF2;
    --rp-radius:22px;
    --rp-speed:.35s ease;
}

/* ---------- Base ---------- */

.rp-section-title,
.rp-kicker{
    display:inline-block;
    padding:.7rem 1.15rem;
    border-radius:999px;
    font-size:.78rem;
    text-transform:uppercase;
    letter-spacing:.12em;
    font-weight:700;
}

.rp-introduction .rp-section-title,
.rp-events .rp-section-title,
.rp-values .rp-section-title,
.rp-gallery-section .rp-section-title,
.rp-partners .rp-section-title,
.rp-contact .rp-section-title{
    background:#EAF7FB;
    color:var(--rp-primary);
}

h1,h2,h3{
    color:var(--rp-dark);
    letter-spacing:-.03em;
}

h2{
    font-size:clamp(2.4rem,4vw,4.5rem);
    line-height:1.08;
}

p{
    line-height:1.9;
}

/* ---------- Hero ---------- */

.rp-hero{
    overflow:hidden;
}

.rp-hero .wp-block-cover__background{
    background:
    linear-gradient(180deg,
    rgba(34,31,33,.35),
    rgba(34,31,33,.60));
}

.rp-hero .wp-block-cover__inner-container{
    max-width:900px;
    margin:auto;
    text-align:center;
}

.rp-kicker{
    background:rgba(255,255,255,.12);
    color:#fff;
    border:1px solid rgba(255,255,255,.2);
    backdrop-filter:blur(10px);
}

.rp-hero h1{
    color:#fff;
    font-size:clamp(3.6rem,8vw,6.4rem);
    line-height:.98;
    margin:1.5rem 0 2rem;
}

.rp-hero p{
    color:#fff;
    font-size:1.25rem;
    max-width:760px;
    margin-inline:auto;
}

.rp-scroll{
    color:#fff;
    opacity:.9;
    letter-spacing:.08em;
    text-transform:uppercase;
}

/* ---------- Intro ---------- */

.rp-introduction{
    padding:8rem 0;
    background:#fff;
}

.rp-introduction .wp-block-columns{
    gap:5rem;
}

.rp-introduction p{
    color:var(--rp-text);
}

/* ---------- Cards ---------- */

.rp-card{
    background:#fff;
    border:1px solid var(--rp-border);
    border-radius:var(--rp-radius);
    padding:2rem;
    transition:var(--rp-speed);
}

.rp-card:hover{
    transform:translateY(-6px);
    box-shadow:0 20px 50px rgba(0,0,0,.06);
}

/* ---------- Responsive ---------- */

@media(max-width:921px){

.alignwide{
    padding-inline:24px;
}

.rp-introduction{
    padding:5rem 0;
}

.rp-hero h1{
    font-size:clamp(2.8rem,12vw,4.4rem);
}

.rp-hero p{
    font-size:1.05rem;
}

}
/*=========================================================================
Réseau Plus - 05-home-v3-part2.css
Rencontres + Valeurs + Galerie
=========================================================================*/

/*========================
NOS RENCONTRES
========================*/

.rp-events{
    padding:8rem 0;
    background:#fff;
}

.rp-events .wp-block-columns{
    gap:2rem;
    margin-top:3rem;
}

.rp-events .wp-block-image{
    overflow:hidden;
    border-radius:24px;
    margin-bottom:1.5rem;
    background:#EEF5F8;
    aspect-ratio:4/3;
}

.rp-events .wp-block-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .45s ease;
}

.rp-events .wp-block-column:hover img{
    transform:scale(1.05);
}

.rp-events h3{
    font-size:1.6rem;
    margin-bottom:.75rem;
}

.rp-events p{
    color:var(--rp-text);
    margin:0;
}

/*========================
MEDIA & TEXT
========================*/

.rp-values{
    padding:0;
    background:var(--rp-bg);
    align-items:center;
}

.rp-values .wp-block-media-text__media{
    min-height:700px;
    background:#EAF7FB;
}

.rp-values .wp-block-media-text__media img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.rp-values .wp-block-media-text__content{
    padding:5rem;
}

.rp-values ul{
    list-style:none;
    margin:2rem 0 0;
    padding:0;
}

.rp-values li{
    position:relative;
    padding-left:2rem;
    margin-bottom:1rem;
    color:var(--rp-text);
}

.rp-values li::before{
    content:"";
    position:absolute;
    left:0;
    top:.7rem;
    width:10px;
    height:10px;
    border-radius:50%;
    background:var(--rp-primary);
}

/*========================
GALERIE
========================*/

.rp-gallery-section{
    padding:8rem 0;
    background:#fff;
}

.rp-gallery-section .wp-block-gallery{
    gap:1rem !important;
    margin-top:3rem;
}

.rp-gallery-section .wp-block-image{
    overflow:hidden;
    border-radius:24px;
}

.rp-gallery-section img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .45s ease;
}

.rp-gallery-section .wp-block-image:hover img{
    transform:scale(1.06);
}

/*========================
RESPONSIVE
========================*/

@media (max-width:921px){

    .rp-events,
    .rp-gallery-section{
        padding:5rem 0;
    }

    .rp-events .wp-block-columns{
        gap:3rem;
    }

    .rp-values .wp-block-media-text__content{
        padding:2rem;
    }

    .rp-values .wp-block-media-text__media{
        min-height:320px;
    }
}