/* 
Theme Name: Hello Soleane
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/


/* remove bottom margin on last elementor paragraph */
.elementor-widget-text-editor p:last-child {
    margin-bottom: 0;
}


/* automatic add left and right padding on both sides on small devices */
@media screen and (max-width: 1199px) {
   .elementor[data-elementor-type="wp-page"] > .e-con > .e-con-inner {
        padding-left: 10px;
        padding-inline-start : 10px;
        padding-right: 10px;
        padding-inline-end: 10px;
    }
}


/** automatic set font color to primary color **/
body  {
    color:var(--e-global-color-primary);
}


.em-secondary-light em {
    color:var(--e-global-color-secondary);
    font-weight: normal;
}


.btn-arrow .elementor-button {
    padding-left: 40px;
    position: relative;
    background-repeat: no-repeat;
    background-position: 26px center;
    background-size: 20px auto;
    padding-left: 56px;
    transition: all 150ms;
}

.btn-arrow .elementor-button .elementor-button-content-wrapper {
    transition: transform 250ms ease-out;
}

.btn-arrow .elementor-button:hover .elementor-button-content-wrapper {
    transform: translateX(10px);
}


.btn-arrow.from-primary .elementor-button,
.btn-arrow.to-primary .elementor-button:hover,
.btn-arrow.to-primary .elementor-button:focus {
    background-image:url("img/right-arrow-primary.svg");
    border-color:var(--e-global-color-primary);
    color : var(--e-global-color-primary)!important;
}

.btn-arrow.from-secondary .elementor-button,
.btn-arrow.to-secondary .elementor-button:hover,
.btn-arrow.to-secondary .elementor-button:focus {
    background-image:url("img/right-arrow-secondary.svg");
    color : var(--e-global-color-secondary)!important;
}
.btn-arrow.to-secondary .elementor-button:hover ,
.btn-arrow.to-secondary .elementor-button:focus {
    border-color:var(--e-global-color-secondary);
}

.btn-arrow.to-accent .elementor-button:hover,
.btn-arrow.to-accent .elementor-button:focus {
    border-color:var(--e-global-color-accent) !important;
    color : var(--e-global-color-accent)!important;
    background-color: transparent !important;
}

.btn-arrow.from-white .elementor-button,
.btn-arrow.to-white .elementor-button:hover,
.btn-arrow.to-white .elementor-button:focus {
    background-image:url("img/right-arrow-white.svg");
    color : #FFF;
}
.btn-arrow.to-white .elementor-button:hover {
    border-color:#FFF;
}


.btn-arrow.from-accent .elementor-button,
.btn-arrow.to-accent .elementor-button:hover,
.btn-arrow.to-accent .elementor-button:focus {
    background-image:url("img/right-arrow-accent.svg");
    color : var(--e-global-color-accent)!important;
}

.btn-arrow.to-accent .elementor-button:hover,
.btn-arrow.to-accent .elementor-button:focus {
    border-color:var(--e-global-color-accent);
}


.btn-hover-bold:hover .elementor-button-text {
    font-weight: bold;
}

.color-accent {
    color:var(--e-global-color-accent);
}

.color-green {
    color:var(--e-global-color-45fabea);
}

.color-secondary {
    color:var(--e-global-color-secondary);
}

.color-white {
    color:#FFF;
}

.fw-normal {
    font-weight: normal;
}

.fw-light {
    font-weight: 300;
}

.ff-creative {
    font-family: "Creative vintage Regular";
}

.square {
    aspect-ratio: 1/1;
}

.article-image-boucle {
    aspect-ratio: 16/9;
}



.carrousel-arrows-top-right .swiper  .elementor-swiper-button,
.carrousel-arrows-top-middle .swiper  .elementor-swiper-button {
    top:-30px;
    z-index: 99;
}

.carrousel-arrows-top-right .swiper  .elementor-swiper-button.elementor-swiper-button-prev {
    left: unset;
    right: 70px;
}



.carrousel-arrows-top-middle .swiper  .elementor-swiper-button.elementor-swiper-button-next {
    right:calc(50% + 20px);
}
.carrousel-arrows-top-middle .swiper  .elementor-swiper-button.elementor-swiper-button-prev {
    left: unset;
    right:calc(50% + 80px);
}


.grid-reassurance img {
    max-width: 60%;
}
.grid-reassurance .elementor-counter-title {
    justify-content: center;
    text-align: center;
}
.grid-reassurance .hide-number .elementor-counter-number {
    display: none;
}


.li-arrow  ul {
    list-style-type: none;
    padding-left: 0;
}

.li-arrow  ul li {
    margin-bottom: 20px;
    padding-left: 60px;
    background: url("img/arrow-circle-right.svg") no-repeat top left;
    background-size: 35px;
    min-height: 50px;
}

.arrow-fit-text  ul li {
    background-size: auto 22px;
    padding-left: 40px;
    background-position: 0 2px;
    min-height: unset;
}

.li-arrow strong {
    font-weight: 800;
}

button.sol-accordion__trigger {
    width: 100%;
    background-color: var(--e-global-color-accent)!important;
    border-color: var(--e-global-color-accent)!important;
    color:#FFF!important;
    font-weight: 800;
    font-size: 24px;
    text-align: left;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;

}
.sol-accordion__panel {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.35s ease;
    overflow: hidden;
}
.sol-accordion__panel.is-open {
    grid-template-rows: 1fr;
}
.sol-accordion__panel-inner {
    overflow: hidden;
}
.sol-accordion__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.35s ease;
    flex-shrink: 0;
    transform: rotate(90deg);
}
.sol-accordion__trigger[aria-expanded="true"] .sol-accordion__icon {
    transform: rotate(180deg);
}

.sol-accordion__content {
    padding-top: 10px;
    padding-bottom: 30px;
    padding-left: 20px;
}

.search-filter-field--type-choice button:hover,
.search-filter-input-button--is-selected:hover,
.search-filter-input-button--is-selected:focus, .search-filter-input-button--is-selected:active {
    background: var(--e-global-color-primary)!important;
    color:var(--e-global-color-secondary)!important;
    border-color: var(--e-global-color-primary)!important;
}

.elementor-widget-loop-carousel svg:hover circle,
.elementor-swiper-button svg:hover circle {
    fill:var(--e-global-color-primary);
}

.elementor-widget-loop-carousel svg:hover path,
.elementor-widget-loop-carousel svg:hover line,
.elementor-swiper-button svg:hover path,
.elementor-swiper-button svg:hover line {
    stroke:var(--e-global-color-secondary);
}




@media screen and (min-width: 1024px) {
    #sol-carrousel .swiper-wrapper .swiper-slide:nth-child(odd) {
        transform:translatey(calc(50% - 7px));
        padding-bottom: 300px;
    }

    #sol-carrousel .swiper-wrapper .swiper-slide:nth-child(even) {
        transform:translatey(calc(-50% + 17px));
        padding-top:300px;
    }
}

@media screen and (max-width: 767px) {
    .header-buttons {
        position: absolute;
        top:-130px;
        left: 0;
    }

    header .e-n-menu-toggle:hover {
        border: 0!important;
    }


    .carrousel-arrows-top-middle .swiper  .elementor-swiper-button.elementor-swiper-button-next {
        right:10px;
    }
    .carrousel-arrows-top-middle .swiper  .elementor-swiper-button.elementor-swiper-button-prev {
        right:70px;
    }
}