/* 
    Refuge du Lac Blanc
    Global CSS
*/

/* Body color */
html body {
    background-color: var(--e-global-color-01d4ba5);
}

/* Span */
.text-color-primary {
    color: var(--e-global-color-82957bd);
}

.text-color-white,
.elementor a.text-color-white {
    color: var(--e-global-color-01d4ba5);
}

.text-uppercase {
    text-transform: uppercase;
}



/* Buttons */
.btn-primary .elementor-widget-container a {
    font-family: "Pier Sans", Sans-serif;
    font-size: 1rem;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1rem;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 6%);
    padding: 12px 22px;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
}

.btn-primary.btn-color-main .elementor-widget-container a {
    background-color: var(--e-global-color-768f4a0);
    color: var(--e-global-color-01d4ba5);
    border-color: var(--e-global-color-768f4a0);
}

.btn-primary.btn-color-main .elementor-widget-container a:hover {
    background-color: var(--e-global-color-82957bd);
    color: var(--e-global-color-01d4ba5);
    border-color: var(--e-global-color-82957bd);
}

.btn-primary.btn-white .elementor-widget-container a {
    color: var( --e-global-color-b0a91cf );
    fill: var( --e-global-color-b0a91cf );
    background-color: var(--e-global-color-01d4ba5);
    border-color: var(--e-global-color-01d4ba5);
}

.btn-primary.btn-white .elementor-widget-container a:hover {
    color: var(--e-global-color-01d4ba5);
    background-color: var(--e-global-color-82957bd);
    border-color: var(--e-global-color-82957bd);
}


.btn-secondary .elementor-widget-container a {
    font-family: "Pier Sans", Sans-serif;
    font-size: 1rem;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1rem;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    padding: 12px 22px;
}

.btn-secondary.btn-color-main .elementor-widget-container a {
    background-color: transparent;
    border-color: var(--e-global-color-768f4a0);
    color: var(--e-global-color-768f4a0);
}

.btn-secondary.btn-color-main .elementor-widget-container a:hover {
    background-color: var(--e-global-color-768f4a0);
    color: var( --e-global-color-01d4ba5 );
}



.btn-secondary.btn-color-dark .elementor-widget-container a {
    background-color: transparent;
    color: var(--e-global-color-b0a91cf);
    border-color: var(--e-global-color-b0a91cf);
}
.btn-secondary.btn-color-dark .elementor-widget-container a:hover {
    background-color: var(--e-global-color-b0a91cf);
    color: var(--e-global-color-01d4ba5);
    border-color: var(--e-global-color-b0a91cf);
}
.btn-secondary.btn-color-dark .elementor-widget-container a:hover svg path {
    fill: var(--e-global-color-01d4ba5);
}


.btn-secondary.btn-color-white .elementor-widget-container a {
    background-color: transparent;
    color: var(--e-global-color-01d4ba5);
    border-color: var(--e-global-color-01d4ba5);
}
.btn-secondary.btn-color-white .elementor-widget-container a:hover {
    background-color: transparent;
    color: var(--e-global-color-82957bd);
    border-color: var(--e-global-color-82957bd);
}
.btn-secondary.btn-color-white .elementor-widget-container a:hover svg path {
    fill: var(--e-global-color-82957bd);
}

/* transition svg animation */
.elementor-button svg path {
    transition: all .2s linear;
}


/* Link texts */
.elementor a.text-link {
    text-decoration: underline;
    text-underline-offset: 3px;
} 

body a {
    color: inherit;
    text-underline-offset: 3px;
}






/* Responsive Mobile */
@media (max-width: 767px) {

    /*.btn-primary .elementor-widget-container a {
        font-size: 0.95rem;
        padding: 10px 20px;
    }*/

}