/**
 * Theme Name: therunaway
 * Template:   Divi
 */


/* LOGO en mode tel page attente */
@media only screen and (min-width: 200px) and (max-width: 670px) {
    div.logo-box > img {
        display: block;
        width: 50% !important;
        height: auto;
        text-align: center !important;
        margin: auto !important;
    }
}



body, p, li, ul, a {
  font-family: 'Poppins', sans-serif;
}

.h1-hero, .h2-small {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400 !important;
}

h1 {
    font-size: 62px;
    line-height: auto;
    font-weight: 700 !important;
}

h2 {
    font-size: 48px;
    line-height: auto;
    font-weight: 700 !important;
}

h3 {
    font-size: 34px;
    line-height: auto;
    font-weight: 700 !important;    
}

.p-big {
    font-size: 48px;
    font-weight: 700;
    line-height: 54px;
}

p {
    font-size: 16px;
    line-height: 1.7em;
}

.title-neulis {
    font-family: "neulis-neue", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 96px;
    line-height: 90px;
    text-align: center;
    color: #fff;
}

.citation-neulis {
    font-family: "neulis-neue", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    color: #000;
}

:root {
    --module-gutter: 20px;
}

#breadcrumbs {
    font-size: 14px;
}








/* /////////// masque le block noir refresh /////////// */

.mejs-container,
.mejs-embed,
.mejs-embed body {
  background: transparent !important;
}








/* /////////// MENU /////////// */

/* Menu transparent uniquement en haut de la home */
.home #main-header {
  background: transparent !important;
  box-shadow: none !important;
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
}

/* Supprime l'espace Divi au-dessus */
.home #page-container {
  padding-top: 0 !important;
}

/* Hero sous le menu */
.hero-home {
  min-height: 100vh;
  display: flex;
  align-items: center;
}

/* Quand on scroll : menu visible, fond blanc */
.home #main-header.et-fixed-header {
  position: fixed !important;
  background: #ffffff !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
  z-index: 9999;
}

.home #main-header a {
    color: #fff;
    padding: 0 35px;
}

#main-header a {
    padding: 0 35px;
}

#et-top-navigation .et-cart-info {
    float: right;
    margin: -2px 0 0 22px;
    font-size: 16px;
}








/* ///////////  BOUTONS /////////// */

.et_button_no_icon.et_button_icon_visible.et_button_left .et_pb_button, .et_button_no_icon.et_button_left .et_pb_button:hover, .et_button_no_icon .et_pb_button, .et_button_no_icon .et_pb_button:hover {
    padding: 15px 40px !important;
}

.runaway-btn-rose, .et_pb_button,
.woocommerce div.product form.cart .button,
.section-btn-rose button {
    overflow: hidden !important;
    display: inline-block;
    border-radius: 50px;
    font-weight: 500;
    font-size: 14px;
    color: white !important;
    text-decoration: none;
    background: linear-gradient(90deg, #FF576A, #5883FF, #63CFFF);
    background-size: 100% 100%;
    background-position: 100% center;
    border: 2px solid transparent;
    overflow: hidden !important;
    background-clip: padding-box;
    transition: 
    background-position 0.8s ease,
    border-color 0.3s ease;
}

.runaway-btn-rose:hover, .et_pb_button:hover,
.woocommerce div.product form.cart .button:hover {
    color: white;
    background-size: 300% 300%;
    background-position: 30% center;
}


.runaway-btn-red {
    overflow: hidden !important;
    display: inline-block;
    border-radius: 50px;
    font-weight: 500;
    font-size: 14px;
    color: white !important;
    text-decoration: none;
    background: linear-gradient(90deg, #FBEA2D, #FEAE58, #FF3053);
    background-size: 100% 100%;
    background-position: 100% center;
    border: 2px solid transparent;
    overflow: hidden !important;
    background-clip: padding-box;
    transition: 
    background-position 0.8s ease,
    border-color 0.3s ease;
}

.runaway-btn-red:hover {
    color: white;
    background-size: 300% 300%;
    background-position: 80% center;
}


.runaway-btn-green {
    overflow: hidden !important;
    display: inline-block;
    border-radius: 50px;
    font-weight: 500;
    font-size: 14px;
    color: white !important;
    text-decoration: none;
    background: linear-gradient(90deg, #63E2FE, #51EDBD, #C5E85A);
    background-size: 100% 100%;
    background-position: 100% center;
    border: 2px solid transparent;
    overflow: hidden !important;
    background-clip: padding-box;
    transition: 
    background-position 0.8s ease,
    border-color 0.3s ease;
}

.runaway-btn-green:hover {
    color: white;
    background-size: 300% 300%;
    background-position: 80% right;
}


.runaway-btn-white {
    overflow: hidden !important;
    display: inline-block;
    border-radius: 50px;
    font-weight: 500;
    font-size: 14px;
    color: white !important;
    text-decoration: none;
    background: transparent;
    border: 2px solid #fff;
    overflow: hidden !important;
    background-clip: padding-box;
    transition: 
    background-position 0.8s ease,
    border-color 0.3s ease;
}

.runaway-btn-white:hover {
    color: white;
    background: linear-gradient(90deg, #5883FF, #63CFFF)!important;
    border: 2px solid #fff !important;
}







/* /////////// VIDEO HERO /////////// */

.et_pb_section_video_bg video {
    object-fit: cover;
}






/* /////////// ANIM TEXTE DEFILENT /////////// */

.runaway-def {
  position: relative;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}

.runaway-def::before,
.runaway-def::after {
  content: "";
  position: absolute;
  top: 0;
  width: 80px;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}

.runaway-def::before {
  left: 0;
  background: linear-gradient(to right, #ffffff 0%, rgba(255,255,255,0) 100%);
}

.runaway-def::after {
  right: 0;
  background: linear-gradient(to left, #ffffff 0%, rgba(255,255,255,0) 100%);
}

.runaway-def-track {
  display: inline-flex;
  align-items: center;
  width: max-content;
  animation: runaway-scroll 40s linear infinite;
}

.runaway-def-track {
  display: inline-flex;
  align-items: center;
  width: max-content;
  animation: runaway-scroll 50s linear infinite;
}

.runaway-def-track span {
    font-family: "neulis-neue", sans-serif;
    font-weight: 100;
    font-style: normal;
    font-size: 65px;
    font-weight: 200;
    line-height: 85px;
    letter-spacing: 2px;
    text-transform: lowercase;
    margin-right: 150px;
}

@keyframes runaway-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}








/* /////////// CATALOGUE /////////// */

.wpf_color_icons li label {
    border-radius: 25px !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    padding: 5px 0;
}

.wpf_color_icons li label {
    background: rgba(88, 131, 255, 1) !important;
    border-radius: 25px;
    color: #ffffff !important;
    margin-bottom: 0 !important;
    padding: .2em .8em;
    font-size: 14px;
}

.wpf_color_icons:not(.wpf_hide_text) li>input:checked+label {
    margin: 0 !important;
}
.wpf-label-option-all {
    padding: 0 !important;
}

.wpf_color_icons:not(.wpf_hide_text) li>input:checked+label{
    background-color: #c85dff !important;
}

.wpf_color_icons:not(.wpf_hide_text) li>input:checked+label .wpf-label-option-all{
    background-color: #c85dff !important;
}









/* /////////// PRODUITS / COURSES /////////// */
.runaway-loop-date_course {
    margin: 6px 0 15px 0 ;
    font-size: 14px;
    line-height: 1.4;
    color: #555;
    text-transform: uppercase;
}

.prix-produit p {
    font-size: 22px !important;
    font-weight: 600;
}

.product-template-default .variations label {
    display: none;
}

.orderby, .woocommerce div.product form.cart .variations td select {
    background-color: #EFEFEF;
    border-radius: 5px;
    border: 0;
    color: #000 !important;
    font-size: 14px;
    padding: 12px 12px;
    font-weight: 500;
    font-family: inherit;
}

.et_pb_wc_add_to_cart form.cart .variations td.value span:after,
.et_pb_wc_add_to_cart form.cart .variations td.value .reset_variations {
    display: none;
}
.woocommerce div.product form.cart .variations td {
    padding: 0 !important;
}

.woocommerce div.product span.price, .woocommerce-page div.product span.price {
    padding-bottom: 15px;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .stock {
    color: #9E9E9E;
    font-size: 1px !important;
    padding: 5px 0;
    display: none;
}

.info-prix p {
    font-size: 14px;
    line-height: 16px;
    font-style: italic;
}

.woocommerce div.product form.cart .woocommerce-variation-description p {
    margin-bottom: 10px;
    color: #ff30c8;
}

.et_button_no_icon.woocommerce-page button.button, .et_button_no_icon.woocommerce-page button.button.alt, .et_button_no_icon.woocommerce-page button.button.alt.disabled,
.et_button_no_icon.woocommerce button.button, .et_button_no_icon.woocommerce button.button.alt, .et_button_no_icon.woocommerce button.button.alt.disabled,
.et_button_no_icon.woocommerce-page button.button:hover, .et_button_no_icon.woocommerce-page button.button.alt:hover, .et_button_no_icon.woocommerce-page button.button.alt.disabled:hover,
.et_button_no_icon.woocommerce button.button:hover, .et_button_no_icon.woocommerce button.button.alt:hover, .et_button_no_icon.woocommerce button.button.alt.disabled:hover {
    padding: 15px 40px !important;
}

.woocommerce div.product form.cart .variations {
    margin-bottom: 10px;
}

.et_pb_wc_add_to_cart form.cart .variations td.value .reset_variations {
    margin-top: 5px;
    font-size: 13px;
}

.woocommerce-variation {
    padding-bottom: 25px;
}

.woocommerce div.product div.images img {
    border-radius: 25px;
}

.woocommerce .et-dynamic-content-woo a,
.et-dynamic-content-woo a {
    color: #673AB7 !important;
}


/* produit à venir : on masque achat + variations */
.runaway-product-coming-soon form.cart,
.runaway-product-coming-soon .variations_form,
.runaway-product-coming-soon .variations,
.runaway-product-coming-soon .single_variation_wrap,
.runaway-product-coming-soon .reset_variations,
.runaway-product-coming-soon .woocommerce-variation-price,
.runaway-product-coming-soon .price {
  display: none !important;
}

/* bloc infos à venir */
.runaway-coming-soon-wrap {
  margin-top: 20px;
}

.runaway-coming-soon-message {
  margin-bottom: 16px;
  padding: 16px 20px;
  border-radius: 16px;
  background: #f5f5f5;
  font-size: 16px;
  line-height: 1.5;
  color: #111;
}

/* faux bouton grisé */
.runaway-disabled-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 18px 40px;
  border-radius: 999px;
  background: #d9d9d9;
  color: #ffffff;
  font-weight: 600;
  font-size: 18px;
  line-height: 1;
  opacity: 0.7;
  cursor: not-allowed;
  user-select: none;
}






/* /////////// CONFIRM COMMANDE /////////// */

/* Page de confirmation WooCommerce */
body.woocommerce-order-received .et_pb_row_3 {
  display: flex;
  flex-wrap: wrap;
}

/* Colonne gauche vide : on la masque */
body.woocommerce-order-received .et_pb_row_3 > .et_pb_column_4 {
  display: none !important;
}

/* Colonne droite : pleine largeur */
body.woocommerce-order-received .et_pb_row_3 > .et_pb_column_5 {
  width: 100% !important;
  margin-right: 0 !important;
}







/* /////////// BLOG /////////// */

.single-post .et_post_meta_wrapper img {
    display:block;
    margin:0 auto;
}








/* /////////// FOOTER /////////// */

.footer p, .footer a {
    font-size: 14px !important;
}
p.credits-footer, a.credits-footer {
    font-size: 14px !important;
}







/* /////////// RESPONSIVE /////////// */


@media screen and (min-width: 821px) and (max-width: 1140px) {
    
}

@media (min-width: 981px) {
       
}

@media (max-width: 980px) {
    
}


@media (max-width: 768px) {
    .home #main-header #et_mobile_nav_menu {
        display: none;
    }
    .home #main-header.et-fixed-header #et_mobile_nav_menu {
        display: block;
    }
    .et_header_style_split #et_mobile_nav_menu {
        margin-top: 0;
    }
    .home #main-header a {
        margin-top: 25px;
    }
    .home .et_pb_text_0 {
        padding-top: 0 !important;
    }
    .home .et_pb_text_1 {
        padding-top: 15px !important;
        padding-bottom: 25px !important;
    }
    
    
    .et_header_style_split #main-header .container, .et_header_style_split #main-header .logo_container {
        width: 95%;
    }
    .et_header_style_split #main-header .mobile_nav {
        background-color: rgb(255 255 255);
        padding: 15px 10px;
    }
    .et_header_style_split .et_mobile_menu {
        top: 46px;
    }
    .et_header_style_split #et-top-navigation .mobile_menu_bar {
        padding-bottom: 0;
    }
    .et_header_style_split .et_menu_container .mobile_menu_bar {
        top: 8px;
    }
    .et_mobile_menu {
        padding: 2%;
    }
    .home #main-header a,
    .et_mobile_menu li a,
    #main-header a {
        color: #000;
        padding: 20px 35px;
    }
    .et-fixed-header {
        top: 0 !important;
    }
    #et-top-navigation .et-cart-info {
        float: right;
        margin: 0;
        font-size: 20px;
        position: absolute;
        top: -80px;
        right: 0px;
        background: #fff;
        padding: 10px 3px 10px 10px !important;
        border-radius: 50px;
        text-align: center;
        margin: auto;
    }
    #wc-stripe-express-checkout-button-separator  {
        padding-bottom: 35px;
    }
}


@media (max-width: 440px) {
    h1 {
        font-size: 40px;
        line-height: 45px;
    }
    .et_pb_wc_title h1 {
        font-size: 40px !important;
        line-height: 45px;
        padding-bottom: 15px;
    }

    .et_pb_post_title_1 .et_pb_title_container h1.entry-title {
        font-size: 50px !important;
    }
    h2 {
        font-size: 32px;
        line-height: 35px;
    }
    .product .related h2 {
        font-size: 25px !important;
    }
    h3 {
        font-size: 28px;
    }
    .title-neulis {
        font-size: 48px;
        line-height: 52px;
    }
    .p-big {
        line-height: 55px;
        font-size: 45px;
    }
    .citation-neulis {
        font-size: 30px;
    }
    .et_pb_shop ul.products.columns-2 li.product, .et_pb_shop ul.products.columns-3 li.product, .et_pb_shop ul.products.columns-4 li.product, .et_pb_shop ul.products.columns-5 li.product, .et_pb_shop ul.products.columns-6 li.product {
        width: 100% !important;
        margin-right: 0 !important;
    }
    .woocommerce div.product div.images img {
        border-radius: 5px;
    }
    .et_button_no_icon.et_button_icon_visible.et_button_left .et_pb_button, .et_button_no_icon.et_button_left .et_pb_button:hover, .et_button_no_icon .et_pb_button, .et_button_no_icon .et_pb_button:hover {
        padding: 15px 20px !important;
    }
    #et-top-navigation .et-cart-info {
        top: -65px;
    }
    .et_pb_wc_related_products ul.products.columns-1 li.product, .et_pb_wc_related_products ul.products.columns-2 li.product, .et_pb_wc_related_products ul.products.columns-3 li.product, .et_pb_wc_related_products ul.products.columns-4 li.product, .et_pb_wc_related_products ul.products.columns-5 li.product, .et_pb_wc_related_products ul.products.columns-6 li.product, .et_pb_wc_upsells ul.products.columns-1 li.product, .et_pb_wc_upsells ul.products.columns-2 li.product, .et_pb_wc_upsells ul.products.columns-3 li.product, .et_pb_wc_upsells ul.products.columns-4 li.product, .et_pb_wc_upsells ul.products.columns-5 li.product, .et_pb_wc_upsells ul.products.columns-6 li.product {
        width: 100% !important;
    }
    .woocommerce-privacy-policy-text {
        padding-bottom: 35px;
    }
}