.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1555 .elementor-element.elementor-element-28f18c60{width:var( --container-widget-width, 102.364% );max-width:102.364%;--container-widget-width:102.364%;--container-widget-flex-grow:0;}/* Start custom CSS for text-editor, class: .elementor-element-28f18c60 */.sultants{
    --navy:#071b28;
    --navy2:#0d3045;
    --gold:#d9a441;
    --ice:#eef5f8;
    --ink:#142631;
    --muted:#667781;

    font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
    color:var(--ink);
    line-height:1.55;
    background:#fff;
}



.sultants *{
    box-sizing:border-box;
}

.sultants a{
    text-decoration:none;
}


/* =========================================================
   CONTENEUR
   ========================================================= */

.wrap{
    width:min(1160px,calc(100% - 48px));
    margin:auto;
}


/* =========================================================
   HERO
   ========================================================= */

.hero{
    min-height:760px;
    position:relative;
    color:#fff;
    display:flex;
    align-items:center;
    overflow:hidden;
}

.hero__bg{
    position:absolute;
    inset:0;
    background-image:url("https://clubmotoneigelessultans.com/wp-content/uploads/sites/74/2026/09/motoneige-1.jpg");
    background-size:cover;
    background-position:center;
}

.hero__shade{
    position:absolute;
    inset:0;
    background:
        linear-gradient(90deg,rgba(3,17,27,.9),rgba(3,17,27,.32) 70%),
        linear-gradient(0deg,rgba(3,17,27,.65),transparent 50%);
}

.hero__content{
    position:relative;
    z-index:2;
    padding:110px 0;
}

.badge,
.kicker{
    font-size:11px;
    font-weight:900;
    letter-spacing:3px;
    color:var(--gold);
    margin-bottom:18px;
}

.badge{
    color:#fff;
    opacity:.8;
}

.hero h1{
    font-size:clamp(58px,8vw,100px);
    line-height:.9;
    letter-spacing:-5px;
    margin:0 0 30px;
}

.hero h1 em{
    font-style:normal;
    color:var(--gold);
}

.lead{
    max-width:650px;
    font-size:20px;
    opacity:.9;
}

.actions{
    display:flex;
    gap:13px;
    flex-wrap:wrap;
    margin-top:34px;
}

.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    padding:0 24px;
    font-weight:900;
    font-size:13px;
    border-radius:3px;
    transition:.25s;
}

.btn:hover{
    transform:translateY(-3px);
    box-shadow:0 12px 25px #0002;
}

.btn--gold{
    background:var(--gold);
    color:#17242b;
}

.btn--ghost{
    border:1px solid #fff8;
    color:#fff;
    background:#ffffff0b;
}

.btn--dark{
    background:var(--navy);
    color:#fff;
}

.hero__bottom{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding:18px max(24px,calc((100% - 1160px)/2));
    background:#061621c9;
    font-size:10px;
    letter-spacing:2px;
    font-weight:800;
}


/* =========================================================
   STATS
   ========================================================= */

.stats{
    position:relative;
    margin-top:-55px;
    background:#fff;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    box-shadow:0 18px 45px #06162118;
    z-index:5;
}

.stats div{
    text-align:center;
    padding:30px;
    border-right:1px solid #e4eaed;
}

.stats div:last-child{
    border:0;
}

.stats b{
    display:block;
    font-size:48px;
    line-height:1;
    color:var(--navy);
}

.stats span{
    font-size:10px;
    letter-spacing:2px;
    font-weight:900;
    color:var(--muted);
}


/* =========================================================
   SECTIONS
   ========================================================= */

.section{
    padding:105px 0;
}

.intro{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:90px;
    align-items:center;
}

.intro h2,
.destinations h2,
.news h2{
    font-size:clamp(40px,5vw,65px);
    line-height:1;
    letter-spacing:-3px;
    margin:0;
}

.intro h2 span,
.destinations h2 span,
.safety h2 span{
    color:var(--gold);
}

.copy{
    font-size:17px;
    color:var(--muted);
}

.copy p{
    margin:0 0 18px;
}

.arrow{
    font-weight:900;
    color:var(--navy);
}


/* =========================================================
   SENTIERS
   ========================================================= */

.sentiers{
    background:var(--navy);
    color:#fff;
    padding:105px 0;
}

.kicker--light{
    color:var(--gold);
}

.sentiers > div > h2,
.safety h2{
    font-size:clamp(44px,6vw,76px);
    line-height:.96;
    letter-spacing:-4px;
    margin:0 0 45px;
}

.sentiers h2 span,
.safety h2 span{
    color:var(--gold);
}


/* =========================================================
   CARTES DES SENTIERS
   2 COLONNES × 2 RANGÉES
   ========================================================= */

.sultants .trailgrid{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows:repeat(2, 350px) !important;
    gap:18px !important;
    width:100% !important;
}

.sultants .trail{
    width:100% !important;
    height:350px !important;
    min-height:350px !important;
    padding:30px !important;
    display:flex !important;
    align-items:flex-end !important;
    position:relative !important;
    overflow:hidden !important;
}

.sultants .trail::before{
    pointer-events:none !important;
}

.sultants .trail > div{
    position:relative !important;
    z-index:2 !important;
}

.sultants .trail a{
    position:relative !important;
    z-index:3 !important;
    color:#fff !important;
}

/* Mobile : une colonne */
@media(max-width:800px){
    .sultants .trailgrid{
        grid-template-columns:1fr !important;
        grid-template-rows:none !important;
    }
}

/* =========================================================
   OVERLAY
   ========================================================= */

.sultants .trail::before{
    content:"";

    position:absolute;
    inset:0;

    background:linear-gradient(
        0deg,
        #04131dcc,
        transparent 70%
    );

    pointer-events:none !important;
    z-index:0;
}


/* Contenu au-dessus de l'image */

.sultants .trail > div{
    position:relative !important;
    z-index:2 !important;
}


/* =========================================================
   IMAGES
   ========================================================= */

.sultants .trail--one{
    background-image:url(
        "https://clubmotoneigelessultans.com/wp-content/uploads/sites/74/2026/09/parc-regional-montagne-du-diable-tour-observation-CREDIT-PHOTO-Nicolas-Aubry-3.jpg"
    ) !important;
}

.sultants .trail--two{
    background-image:url(
        "https://clubmotoneigelessultans.com/wp-content/uploads/sites/74/2026/09/les-chutes-windigo.jpg"
    ) !important;
}

.sultants .trail--three{
    background-image:url(
        "https://clubmotoneigelessultans.com/wp-content/uploads/sites/74/2026/09/reservoir-rotated.jpeg"
    ) !important;
}

.sultants .trail--four{
    background-image:url(
        "https://clubmotoneigelessultans.com/wp-content/uploads/sites/74/2026/09/sentier-7.jpg"
    ) !important;
}


/* =========================================================
   TEXTE DES CARTES
   ========================================================= */

.sultants .trail small{
    font-size:10px !important;
    letter-spacing:2px !important;
    font-weight:900 !important;

    color:var(--gold) !important;
}

.sultants .trail h3{
    font-size:38px !important;
    line-height:.95 !important;

    margin:10px 0 15px !important;

    color:#fff !important;
}

.sultants .trail a{
    color:#fff !important;
    font-weight:900 !important;

    position:relative !important;
    z-index:3 !important;

    pointer-events:auto !important;
}

.sultants .trail a:hover{
    color:var(--gold) !important;
}


/* =========================================================
   CONDITIONS
   ========================================================= */

.condition-card{
    background:var(--ice);
    padding:50px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:40px;
}

.condition-card h2{
    font-size:45px;
    line-height:1;
    margin:0 0 12px;
}

.condition-card p{
    max-width:650px;
    color:var(--muted);
    margin:0;
}


/* =========================================================
   DESTINATIONS
   ========================================================= */

.destinations{
    display:grid;
    grid-template-columns:.85fr 1.15fr;
    gap:90px;
}

.dest-list{
    border-top:1px solid #dbe3e7;
}

.dest-list a{
    display:grid;
    grid-template-columns:55px 1fr 160px;

    align-items:center;

    padding:22px 0;

    border-bottom:1px solid #dbe3e7;

    color:var(--ink);
}

.dest-list span{
    color:var(--gold);
    font-weight:900;
}

.dest-list b{
    font-size:20px;
}

.dest-list small{
    color:var(--muted);
}


/* =========================================================
   CTA
   ========================================================= */

.cta{
    background:var(--navy2);
    color:#fff;
    padding:100px 0;
}

.cta__inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:50px;
}

.cta h2{
    font-size:clamp(42px,5vw,65px);
    line-height:1;
    letter-spacing:-3px;
    margin:0 0 20px;
}

.cta p{
    opacity:.7;
    max-width:680px;
}


/* =========================================================
   NEWS
   ========================================================= */

.newsbox{
    border:1px solid #dce4e8;

    padding:34px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:35px;

    margin-top:35px;
}

.newsbox small{
    font-size:10px;
    letter-spacing:2px;
    font-weight:900;
    color:var(--gold);
}

.newsbox h3{
    font-size:27px;
    margin:8px 0;
}

.newsbox p{
    color:var(--muted);
    margin:0;
}


/* =========================================================
   SÉCURITÉ
   ========================================================= */

.safety{
    padding:105px 0;

    color:#fff;

    background:
        linear-gradient(90deg,#061a27f2,#061a27b8),
        url("https://clubmotoneigelessultans.com/wp-content/uploads/sites/74/2026/09/sentier-2.jpg")
        center/cover;
}

.rules{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;

    margin:45px 0;
}

.rules div{
    border-top:1px solid #ffffff55;
    padding-top:18px;
}

.rules b{
    display:block;

    color:var(--gold);

    font-size:11px;

    margin-bottom:6px;
}

.rules span{
    font-weight:800;
}


/* =========================================================
   FOOTER
   ========================================================= */

.footer{
    background:#04131d;
    color:#fff;
    padding:50px 0;
}

.footer__grid{
    display:grid;
    grid-template-columns:1.4fr 1fr 1fr .5fr;
    gap:30px;
}

.footer strong{
    letter-spacing:3px;
}

.footer p{
    opacity:.6;
    font-size:13px;
}

.footer a{
    color:var(--gold);
    font-weight:900;
}


/* =========================================================
   TABLETTE
   ========================================================= */

@media(max-width:1100px){

    .sultants .trailgrid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        grid-template-rows:repeat(2,350px) !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:800px){

    .wrap{
        width:min(100% - 36px,1160px);
    }

    .hero{
        min-height:680px;
    }

    .hero h1{
        letter-spacing:-3px;
    }

    .stats{
        margin:-25px 18px 0;
        grid-template-columns:1fr;
    }

    .stats div{
        border-right:0;
        border-bottom:1px solid #e4eaed;
        padding:20px;
    }

    .intro,
    .destinations{
        grid-template-columns:1fr;
        gap:35px;
    }

    .section,
    .sentiers,
    .cta,
    .safety{
        padding:75px 0;
    }


    /* 1 carte par ligne sur mobile */

    .sultants .trailgrid{
        grid-template-columns:1fr !important;
        grid-template-rows:none !important;
    }

    .sultants .trail{
        height:300px !important;
        min-height:300px !important;
    }


    .condition-card,
    .cta__inner{
        flex-direction:column;
        align-items:flex-start;
    }

    .dest-list a{
        grid-template-columns:42px 1fr;
    }

    .dest-list small{
        grid-column:2;
    }

    .rules{
        grid-template-columns:1fr;
    }

    .newsbox{
        flex-direction:column;
        align-items:flex-start;
    }

    .footer__grid{
        grid-template-columns:1fr 1fr;
    }
}


/* =========================================================
   PETIT MOBILE
   ========================================================= */

@media(max-width:480px){

    .hero__content{
        padding:80px 0;
    }

    .lead{
        font-size:17px;
    }

    .hero__bottom{
        font-size:8px;
    }

    .actions .btn{
        width:100%;
    }

    .footer__grid{
        grid-template-columns:1fr;
    }

    .condition-card{
        padding:32px 24px;
    }
}

/* =========================================================
   SENTIERS — GRILLE 2 x 2
   ========================================================= */
   
.sultants .trail small {
    color: #d9a441 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    letter-spacing: 2px !important;
}
.sultants .trailgrid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(2, 350px) !important;
    gap: 18px !important;
    width: 100% !important;
    max-width: 1160px !important;
}

.sultants .trail {
    display: flex !important;
    width: 100% !important;
    height: 350px !important;
    min-height: 350px !important;
    padding: 30px !important;
    position: relative !important;
    align-items: flex-start !important;
    overflow: hidden !important;
}

/* Overlay de l'image */
.sultants .trail::before {
    pointer-events: none !important;
}

/* Texte au-dessus de l'image */
.sultants .trail > div {
    position: relative !important;
    z-index: 2 !important;
}

/* Liens cliquables */
.sultants .trail a {
    position: relative !important;
    z-index: 3 !important;
    color: #fff !important;
}

/* Petit titre en or */
.sultants .trail small {
    color: var(--gold) !important;
}


/* =========================================================
   MOBILE — 1 colonne
   ========================================================= */

@media (max-width: 800px) {

    .sultants .trailgrid {
        grid-template-columns: 1fr !important;
        grid-template-rows: none !important;
    }

    .sultants .trail {
        height: 300px !important;
        min-height: 300px !important;
    }

}

/* Corriger le zoom des photos 1 et 4 */
.sultants .trail--one {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-color: #071b28 !important;
}

.sultants .trail--four {
    background-size: cover !important;
    background-position: center !important;
}

.sultants .trail h3,
.sultants .trail a {
    color: #fff !important;
    opacity: 1 !important;
    text-shadow: 0 2px 5px rgba(0,0,1,.8) !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-44b3f7f *//* Container */
.sultans-container {
  background: #f7f9fc;
  padding: 30px;
  border-radius: 15px;
  max-width: 950px;
  margin: 40px auto;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: #333;
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

/* Header */
.sultans-header {
  background: linear-gradient(90deg, #00468c, #0066c0);
  color: white;
  text-align: center;
  padding: 30px 20px;
  border-radius: 15px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

.sultans-header h1 {
  margin: 0;
  font-size: 2.8em;
  font-weight: 700;
}

.sultans-header h2 {
  margin: 10px 0 0;
  font-size: 1.6em;
  font-weight: 400;
}

/* Content */
.sultans-content {
  padding: 25px 20px;
}

.sultans-highlight {
  background: #e8f0fe;
  padding: 15px 20px;
  border-left: 5px solid #00468c;
  border-radius: 10px;
  margin-bottom: 15px;
  line-height: 1.7;
  font-size: 1.15em;
  transition: background 0.3s;
}

.sultans-highlight:hover {
  background: #d0e2ff;
}

/* Contact */
.sultans-contact {
  display: flex;
  align-items: flex-start;
  gap: 25px;
  margin-top: 30px;
  flex-wrap: wrap;
  background: #fff;
  padding: 20px;
  border-radius: 15px;
  box-shadow: 0 6px 15px rgba(0,0,0,0.08);
}

.sultans-logo {
  width: 220px;
  border-radius: 15px;
  transition: transform 0.3s;
}

.sultans-logo:hover {
  transform: scale(1.05);
}

.sultans-info h3 {
  margin: 0 0 10px;
  color: #00468c;
  font-size: 1.4em;
}

.sultans-info p {
  margin: 5px 0 15px;
  font-size: 1em;
}

.sultans-info ul {
  padding-left: 20px;
}

.sultans-info a {
  color: #0066c0;
  text-decoration: none;
  font-weight: 500;
}

.sultans-info a:hover {
  text-decoration: underline;
}

/* Facebook */
.sultans-facebook {
  text-align: center;
  margin-top: 25px;
}

.sultans-facebook img {
  width: 160px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  transition: transform 0.3s, box-shadow 0.3s;
}

.sultans-facebook img:hover {
  transform: scale(1.08);
  box-shadow: 0 8px 20px rgba(0,0,0,0.25);
}

/* Responsive */
@media (max-width: 768px) {
  .sultans-contact {
    flex-direction: column;
    align-items: center;
  }

  .sultans-logo {
    width: 180px;
  }
}/* End custom CSS */