/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

@import '/wp-content/themes/hello-theme-child-master/assets/fonts/stylesheets.css';

:root{
    --jaune: #FCD006;
    --rose: #D7317F;
    --rose-2: #E71F6A;
    --rouge: #DB5035;
    --mauve-1: #43328B;
    --mauve-2: #191531;
    --mauve-3: #380D63;
    --creamy: #DAD0B5;
    --grey: #252736;

    --top: 0px;
    --header-h: 70px;
    --container-w: 1470px;
    --container-padding: calc((100vw - var(--container-w)) / 2);
    --font: "Urbani";

}

html, body{
    padding: 0;
    margin: 0;
}

body{
    width: 100%;
    max-width: 100vw;
    min-height: 100vh;
    min-height: 100dvh;
    /* Rectangle 44 */

    overflow-x: hidden;
    /*background: linear-gradient(180deg, var(--mauve-1) 0%, var(--mauve-2) 100%);*/
    background-color: var(--grey);
}

body:not(.home):not(.page-id-96) main#content{
    padding-top: clamp(50px, 10vw, 100px);
    padding-top: var(--header-h);
}

*, :before, ::after{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

*{
    font-family: 'Urbani', sans-serif;
}

body.admin-bar {--top: 32px}

@media (max-width: 782px){body.admin-bar {--top: 46px}}
@media (max-width: 1470px){  :root{ --container-padding: 15px; }  }

img, svg, video, iframe{display: block;}

ul.reset{
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

button.reset{
    background-color: transparent;
    border: none;
    outline: none;
    padding: 0;
    color: inherit;
}

button.reset:hover,
button.reset:focus{
    background-color: transparent;
}

.container{
    width: 100%;
    max-width: var(--container-w);
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

a:not(.btn){
    color: inherit;
    text-decoration: underline;
}

.btn{
    border: white 1px solid;
    color: white;
    padding: 0 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 16px;
    min-height: 30px;
    transition: background-color .3s ease, color .3s ease, border-color .3s ease;
    will-change: background-color, color, border-color;
    border-radius: 15px;
    max-width: max-content;
    font-weight: bold;
}

.btn.text-jaune{
    color: var(--jaune);
}

.btn.border-jaune{
    border-color: var(--jaune);
}

.btn:hover,
.btn.text-jaune:hover{
    background-color: var(--jaune);
    /*color: var(--mauve-1);*/
    color: var(--grey);
    /*border-color: var(--mauve-1);*/
    border-color: var(--grey);
}

.alert{
    --bs-border-radius: 0.375rem;
    --bs-border-width: 1px;
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
    --bs-alert-border-radius: var(--bs-border-radius);
    --bs-alert-link-color: inherit;
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius);
    font-size: 1.2em;
}

.alert-info {
    --bs-alert-color: #055160;
    --bs-alert-bg: #cff4fc;
    --bs-alert-border-color: #9eeaf9;
    --bs-alert-link-color: #055160;
}

.text-center{text-align: center}


/*==================================
            Accordeon
===================================*/


.elementor-widget-n-accordion > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{
    padding: 25px 15px!important;
    border: none!important;
}

.elementor-widget-n-accordion .e-n-accordion-item-title-text{
    font-size: clamp(20px, 3vw, 25px)!important;
    line-height: 1!important;
    color: white!important;

}

.elementor-widget-n-accordion details:not(:last-of-type){
    border: none!important;
    border-bottom: white 2px solid!important;
}

.elementor-widget-n-accordion [data-element_type="container"][role="region"].e-child{
    padding-bottom: 20px!important;
}

.elementor-widget-n-accordion [data-element_type="container"][role="region"].e-child a{
    color: inherit;
}

.elementor-widget-n-accordion [data-element_type="container"][role="region"].e-child h5{
    margin: 0!important;
}

.elementor-widget-n-accordion [data-element_type="container"][role="region"].e-child h5,
.elementor-widget-n-accordion [data-element_type="container"][role="region"].e-child p,
.elementor-widget-n-accordion [data-element_type="container"][role="region"].e-child li{
    font-size: 20px!important
}

.elementor-widget-n-accordion [data-element_type="container"][role="region"].e-child ul{
    padding-left: 1em!important;
}

.elementor-widget-n-accordion .e-n-accordion-item:not(:last-child) {
    margin-block-end: 0!important;
}

.elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon .e-opened svg,
.elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon .e-closed svg{
    display: none!important;
}

.elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon .e-opened:before,
.elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon .e-closed:before{
    content: "";
    width: 25px;
    height: 25px;
    aspect-ratio: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon .e-opened:before{
    background-image: url('data:image/svg+xml,%3Csvg aria-hidden="true" class="e-font-icon-svg e-fas-minus" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z" fill="%23fff" %3E%3C/path%3E%3C/svg%3E');
}
.elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon .e-closed:before{
    background-image: url('data:image/svg+xml,%3Csvg aria-hidden="true" class="e-font-icon-svg e-fas-plus" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z" fill="%23fff" %3E%3C/path%3E%3C/svg%3E');
}

.elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-text{text-transform: initial!important;}

/*===========================================
        Pages enfants Infos pratiques
============================================*/

.parent-pageid-102 [data-element_type="container"]:not([role="region"]).e-child{
    padding: 0!important;
    border-radius: 0!important;
    border: none!important;
}

.parent-pageid-102 [data-element_type="container"].e-child:not([role="region"])>.e-con-inner{
    padding: 0!important;
}

.parent-pageid-102 [data-element_type="container"].e-child:before{
    background: none!important;
    border: none!important;
}

.parent-pageid-102 h1.elementor-heading-title,
.parent-pageid-102 .elementor-widget-heading{
    font-size: clamp(25px, 4vw, 40px)!important;
    margin: 0!important;
    padding: 0!important;
}

.parent-pageid-102 .elementor-widget-text-editor h2{
    color: var(--jaune)!important;
}

.parent-pageid-102 #content [data-elementor-post-type="page"] > [data-element_type="container"] > .e-con-inner{
    position: relative;
}

/*.parent-pageid-102 .elementor-widget-n-accordion details{
    border-bottom: white 2px solid!important;
}*/

@media(max-width: 480px){
    .parent-pageid-100 .elementor-widget-text-editor{
        font-size: 20px!important;
        columns: 1!important;
    }
    .parent-pageid-100 h2.elementor-heading-title{font-size: 24px!important;}
}

#goto-parent{
    position: absolute;
    right: 15px;
    top: clamp(30px, 7vw, 42px);
    width: clamp(30px, 4vw, 40px);
    height: auto;
    aspect-ratio: 1;
    border-radius: 50%;
    border: var(--jaune) 1px solid;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color .3s ease;
    will-change: background-color;
}
#goto-parent svg{width: 80%;height: auto;}
#goto-parent svg path{fill: var(--jaune); transition: fill .3s ease; will-change: fill;}

#goto-parent:hover{background-color: var(--jaune);}
#goto-parent:hover svg path{fill: var(--grey)}

@media(max-width: 1300px){
    #goto-parent{right: 0;}
}

@media(max-width: 480px){
    #goto-parent{display: none;}
}