/* 
Theme Name: Hello Elementor Child
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
*/


/*
    -- Elementor Colors var --

    #FF70E6 : --e-global-color-secondary
    #B02999 : --e-global-color-64640e2
    #FFF2ED : --e-global-color-45af479
    #FFC102 : --e-global-color-6233268
    #8F6C00 : --e-global-color-524fa4e
    #015AE6 : --e-global-color-primary
    #000BBB : --e-global-color-7c27569

    #000000 : --e-global-color-text
    #89847A : --e-global-color-9fd7036
    #BEB9AF : --e-global-color-accent
    #E8E3D9 : --e-global-color-30b5a7a
    #FFFFFF : --e-global-color-a181bc1

    #EA0E0E : --e-global-color-87056a2
    #3EDE6B : --e-global-color-4da2cad


    -- Elementor Typography var --

    Heading - H1 : --e-global-typography-primary
    Heading - H2 : --e-global-typography-secondary
    Heading - H3 : --e-global-typography-367c8dc
    Heading - H4 : --e-global-typography-b3e528e
    Heading - H5 : --e-global-typography-1cc4b53
    Heading - H6 : --e-global-typography-3f51692
    
    Body - Regular : --e-global-typography-text
    Body - Bold : --e-global-typography-accent
    
    Caption - Regular : --e-global-typography-44d2b64
    Caption - Bold : --e-global-typography-f80ffab
    
    Label - Regular : --e-global-typography-e7a35c8
    Label - Bold : --e-global-typography-53b5c73
    
    Button - Large : --e-global-typography-d5bc45b
    Button - Medium : --e-global-typography-f76d896
    Button - Small : --e-global-typography-6bd6429
    
    Link - Regular : --e-global-typography-d0013d0
    Link - Bold : --e-global-typography-810e136
*/


/* 
-------------------------------------
-------------- General --------------
-------------------------------------
*/

body {
    font-family: "azo-sans-web", Arial !important;
}

.elementor-location-footer p {
    margin-bottom: 0;
}

.d-none {
    display: none !important;
}

.text-center {
    text-align: center;
}

.accordion-body {
    padding: 1rem 1.25rem;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(0 * -1);
    margin-right: calc(1.5rem * -.5);
    margin-left: calc(1.5rem * -.5);
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(1.5rem* .5);
    padding-left: calc(1.5rem* .5);
    margin-top: 0;
}

.col,
.col-12 {
    flex: 1 0 0%;
}

@media (min-width: 768px) {
    .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
    }
}

.form-control {
    display: block;
    width: 100% !important;
}

/* -- Links -- */

.elementor-accordion .elementor-tab-content a,
.elementor-widget-text-editor a {
    text-decoration: underline;
    color: var(--e-global-color-secondary);
    transition: color 350ms ease-out;
}

.elementor-accordion .elementor-tab-content a:hover,
.elementor-widget-text-editor a:hover {
    color: var(--e-global-color-primary);
}


/* -- Lists -- */

.elementor-accordion .elementor-tab-content ul,
.elementor-widget-text-editor ul {
    list-style: none;
    padding: 0;
    margin-bottom: 24px;
    text-align: left !important;
}

.elementor-accordion .elementor-tab-content ul li,
.elementor-widget-text-editor ul li {
    padding-left: 23px;
    position: relative;
}

.elementor-accordion .elementor-tab-content ul li::before,
.elementor-widget-text-editor ul li::before {
    content: '';
    height: 5px;
    width: 5px;
    background: var(--e-global-color-secondary);
    display: block;
    position: absolute;
    transform: rotate(45deg);
    top: 10px;
    left: 0;
}

.elementor-accordion .elementor-tab-content ol ul li::before,
.elementor-accordion .elementor-tab-content ul ul li::before,
.elementor-widget-text-editor ol ul li::before,
.elementor-widget-text-editor ul ul li::before {
    background: var(--e-global-color-primary);
    transform: initial;
}

.elementor-accordion .elementor-tab-content ol,
.elementor-widget-text-editor ol {
    padding-left: 16px;
    margin-bottom: 24px;
}

.elementor-accordion .elementor-tab-content ol li,
.elementor-widget-text-editor ol li {
    padding-left: 6px;
}

.elementor-accordion .elementor-tab-content ol li::marker,
.elementor-widget-text-editor ol li::marker {
    color: var(--e-global-color-secondary);
}

.elementor-accordion .elementor-tab-content ol ol li::marker,
.elementor-widget-text-editor ol ol li::marker {
    color: var(--e-global-color-secondary);
}


/* -- Accordion -- */

.collapse:not(.show) {
    display: none;
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    text-align: left;
    border: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
}

.accordion-button:not(.collapsed)::after {
    transform: rotate(-180deg);
}

.accordion-button::after {
    flex-shrink: 0;
    margin-left: auto;
    content: "";
    background-repeat: no-repeat;
    transition: transform .2s ease-in-out;
}

.accordion-button:hover {
    z-index: 2;
}

.accordion-button:focus {
    z-index: 3;
}

.accordion-header {
    margin-bottom: 0;
}

.accordion-item {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
}

.accordion-item:first-of-type {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.accordion-item:not(:first-of-type) {
    border-top: 0;
}

.accordion-item:last-of-type {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.accordion-item:last-of-type .accordion-button .collapsed {
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}

.accordion-flush .accordion-collapse {
    border-width: 0;
}

.accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

.accordion-flush .accordion-item:first-child {
    border-top: 0;
}

.accordion-flush .accordion-item:last-child {
    border-bottom: 0;
}

.accordion-flush .accordion-item .accordion-button {
    border-radius: 0;
}


/* -------------- Text Colors -------------- */

.text-opnt-blue {
    color: var(--e-global-color-primary);
}


/* 
-------------------------------------
-------------- Buttons --------------
-------------------------------------
*/

.opnt-btn {
    display: inline-block;
    padding: 15px 50px;
    border-radius: 0;
    border: 0;
    color: var(--e-global-color-text);
    text-decoration: none !important;
    position: relative;
    /* font */
    font-weight: var(--e-global-typography-f76d896-font-weight);
    font-size: var(--e-global-typography-f76d896-font-size);
    line-height: var(--e-global-typography-f76d896-line-height);
}

input[type="submit"],
.elementor-button {
    position: relative;
}

.opnt-btn::before,
input[type="submit"]::before,
.elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    transition: all .35s ease-out;
    border-top: 0px solid var(--e-global-color-a181bc1);
    border-right: 0px solid transparent;
    border-bottom: 0;
    border-left: 0;
}

.opnt-btn::after,
input[type="submit"]::after,
.elementor-button::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    transition: all .35s ease-out;
    border-top: 0;
    border-right: 0;
    border-bottom: 0px solid var(--e-global-color-a181bc1);
    border-left: 0px solid transparent;
}

.opnt-btn:hover:before,
input[type="submit"]:hover:before,
.elementor-button:hover:before {
    border-top-width: 24px;
    border-right-width: 24px;
}

.opnt-btn:hover:after,
input[type="submit"]:hover:after,
.elementor-button:hover:after {
    border-bottom-width: 24px;
    border-left-width: 24px;
}

.opnt-btn:focus {
    outline: none;
}


/* -- Disabled Button -- */

.opnt-btn:disabled,
.opnt-btn:disabled:hover,
.opnt-btn:disabled:focus {
    color: var(--e-global-color-a181bc1);
    background-color: var(--e-global-color-9fd7036);
}

.opnt-btn.loading {
    cursor: wait;
}


/* -- Small Button -- */

.opnt-btn-small {
    padding: 10px 30px;
}

.opnt-btn-small:hover:before,
.elementor-button.elementor-size-sm:hover:before {
    border-top-width: 18px;
    border-right-width: 18px;
}

.opnt-btn-small:hover:after,
.elementor-button.elementor-size-sm:hover:after {
    border-bottom-width: 18px;
    border-left-width: 18px;
}


/* -- Button on Black Background -- */

.opnt-btn.black-bg:before,
.black-bg .elementor-button:before {
    border-top-color: var(--e-global-color-text);
}

.opnt-btn.black-bg:after,
.black-bg .elementor-button:after {
    border-bottom-color: var(--e-global-color-text);
}


/* -- Button on Blue Background -- */

.opnt-btn.blue-bg:before,
.blue-bg .elementor-button:before {
    border-top-color: var(--e-global-color-primary);
}

.opnt-btn.blue-bg:after,
.blue-bg .elementor-button:after {
    border-bottom-color: var(--e-global-color-primary);
}


/* -- Button on Yellow Background -- */

.opnt-btn.yellow-bg:before,
.yellow-bg .elementor-button:before {
    border-top-color: var(--e-global-color-6233268);
}

.opnt-btn.yellow-bg:after,
.yellow-bg .elementor-button:after {
    border-bottom-color: var(--e-global-color-6233268);
}


/* -- Button on Pink Background -- */

.opnt-btn.pink-bg:before,
.pink-bg .elementor-button:before {
    border-top-color: var(--e-global-color-secondary);
}

.opnt-btn.pink-bg:after,
.pink-bg .elementor-button:after {
    border-bottom-color: var(--e-global-color-secondary);
}


/* -- Button on Transparent Background -- */

.opnt-btn.transparent-bg:before,
.transparent-bg .elementor-button:before {
    border-top-color: transparent;
}

.opnt-btn.transparent-bg:after,
.transparent-bg .elementor-button:after {
    border-bottom-color: transparent;
}


/* Hover */

.opnt-btn-small:hover .top-left {
    border-bottom-width: 10px;
    border-left-width: 30px;
}

.opnt-btn-small:hover .top-right {
    border-right-width: 30px;
    border-bottom-width: 10px;
}

.opnt-btn-small:hover .bottom-right {
    border-top-width: 10px;
    border-right-width: 30px;
}

.opnt-btn-small:hover .bottom-left {
    border-top-width: 10px;
    border-left-width: 30px;
}


/* -- Remove Hover -- */

.opnt-btn.btn-no-hover:before,
.btn-no-hover .elementor-button:before,
.opnt-btn.btn-no-hover:after,
.btn-no-hover .elementor-button:after {
    content: none;
}


/* ------------ Blue Button ------------ */

.opnt-btn-blue,
.opnt-btn-blue:hover,
.opnt-btn-blue:focus {
    color: var(--e-global-color-a181bc1) !important;
    background-color: var(--e-global-color-primary) !important;
}


/* ------------ Pink Button ------------ */

.opnt-btn-pink,
.opnt-btn-pink:hover,
.opnt-btn-pink:focus {
    color: var(--e-global-color-a181bc1) !important;
    background-color: var(--e-global-color-secondary) !important;
}


/* ------------ Yellow Button ------------ */

.opnt-btn-yellow,
.opnt-btn-yellow:hover,
.opnt-btn-yellow:focus {
    color: var(--e-global-color-text) !important;
    background-color: var(--e-global-color-6233268) !important;
}


/* ------------ Black Button ------------ */

.opnt-btn-black,
.opnt-btn-black:hover,
.opnt-btn-black:focus {
    color: var(--e-global-color-a181bc1) !important;
    background-color: var(--e-global-color-text) !important;
}


/* ------------ Button link ------------ */

.btn-link .elementor-button-content-wrapper {
    position: relative;
    overflow: hidden;
    transition: all 350ms ease-out;
}

.btn-link .elementor-button-content-wrapper::before {
    content: "";
    width: 7px;
    height: 7px;
    background-color: var(--e-global-color-secondary);
    display: inline-block;
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%) rotate(225deg);
    transition: all 350ms ease-out;
}

.btn-link .elementor-button:hover .elementor-button-content-wrapper {
    padding-left: 12px;
}

.btn-link .elementor-button:hover .elementor-button-content-wrapper::before {
    left: 1px;
    transform: translateY(-50%) rotate(45deg);
}

/* ------------ Documents restriction ------------ */
.document_restricted {
    color: var(--e-global-color-secondary);
    /* font */
    font-size: var(--e-global-typography-44d2b64-font-size);
    line-height: var(--e-global-typography-44d2b64-line-height);
    font-weight: 700;
}

.document_restricted a,
.document_restricted a:focus {
    color: var(--e-global-color-primary)!important;
    text-decoration: underline;
    /* font */
    font-size: var(--e-global-typography-44d2b64-font-size)!important;
    line-height: var(--e-global-typography-44d2b64-line-height)!important;
    font-weight: 700!important;
}

.document_restricted a:hover {
    color: var(--e-global-color-7c27569)!important;
}

/* 
-------------------------------------
--------------- Forms ---------------
-------------------------------------
*/


/* -------------- Inputs -------------- */

input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
    padding: 16px !important;
    border-radius: 0 !important;
    border-color: var(--e-global-color-accent) !important;
    transition: all ease-out 150ms !important;
    /* font */
    font-weight: var(--e-global-typography-f76d896-font-weight);
    font-size: var(--e-global-typography-f76d896-font-size);
    line-height: var(--e-global-typography-f76d896-line-height);
}

input[type=date]:disabled,
input[type=email]:disabled,
input[type=number]:disabled,
input[type=password]:disabled,
input[type=search]:disabled,
input[type=tel]:disabled,
input[type=text]:disabled,
input[type=url]:disabled,
select:disabled,
textarea:disabled {
    color: var(--e-global-color-9fd7036);
    background-color: var(--e-global-color-30b5a7a);
    border-color: var(--e-global-color-30b5a7a);
}

input[type=date]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=url]:focus,
select:focus,
textarea:focus {
    outline: none;
    box-shadow: none !important;
    padding-bottom: 13px !important;
    border-color: var(--e-global-color-primary) !important;
    border-bottom-width: 4px !important;
}

input[type=date].input-warning,
input[type=email].input-warning,
input[type=number].input-warning,
input[type=password].input-warning,
input[type=search].input-warning,
input[type=tel].input-warning,
input[type=text].input-warning,
input[type=url].input-warning,
select.input-warning,
textarea.input-warning {
    border-color: var(--e-global-color-6233268);
}

input[type=date].input-danger,
input[type=email].input-danger,
input[type=number].input-danger,
input[type=password].input-danger,
input[type=search].input-danger,
input[type=tel].input-danger,
input[type=text].input-danger,
input[type=url].input-danger,
select.input-danger,
textarea.input-danger {
    border-color: var(--e-global-color-87056a2);
}


/* -- Radio -- */

input[type=radio] {
    padding: 0;
    width: 23px;
    height: 23px;
    background-color: var(--e-global-color-30b5a7a);
    border: 0;
    appearance: none;
    border-radius: 50%;
    display: grid !important;
    place-content: center;
    transition: 500ms all ease-out;
    cursor: pointer;
}

input[type="radio"]::before {
    content: "";
    width: 19px;
    height: 19px;
    border-radius: 50%;
    transform: scale(0);
    transition: 500ms all ease-out;
    background-color: var(--e-global-color-a181bc1);
}

input[type=radio]:hover {
    background-color: var(--e-global-color-6233268);
}

input[type="radio"]:hover::before {
    transform: scale(1);
}

input[type=radio]:checked:hover {
    background-color: var(--e-global-color-30b5a7a);
}

input[type="radio"]:checked::before {
    transform: scale(1);
    background-color: var(--e-global-color-primary);
}

.wpcf7-radio .wpcf7-list-item label {
    display: flex !important;
    align-items: center;
    column-gap: 6px;
}

.wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label {
    width: calc(100% - 6px - 23px);
    color: var(--e-global-color-text);
    text-transform: none;
    /*font*/
    font-size: var(--e-global-typography-text-font-size);
    line-height: var(--e-global-typography-text-line-height);
    font-weight: var(--e-global-typography-text-font-weight);
}


/* -- Select -- */


/* -- Label -- */

.form-label {
    text-transform: uppercase;
    color: var(--e-global-color-accent);
    /* font */
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}


/* -- Contact Form 7 -- */

.wpcf7-radio .wpcf7-list-item.first {
    margin: 0;
}

.wpcf7 .member b {
    display: inline-block;
    margin-bottom: 18px;
}

.eael-contact-form-7 .wpcf7-form p:nth-last-of-type(1) {
    margin: 0 !important;
    width: 100%;
}


/* 
-------------------------------------
--------- Navigation anchor ---------
-------------------------------------
*/


/* -- White -- */

.page-navigation-anchor.elementor-column::before {
    z-index: 10;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border-top: 45px solid var(--e-global-color-a181bc1);
    border-right: 45px solid transparent;
    border-bottom: 0;
    border-left: 0;
}

.page-navigation-anchor.elementor-column::after {
    z-index: 10;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 45px solid var(--e-global-color-a181bc1);
    border-left: 45px solid transparent;
}


/* -- Light grey -- */

.page-navigation-anchor-light-grey.elementor-column::before {
    border-top-color: var(--e-global-color-30b5a7a);
}

.page-navigation-anchor-light-grey.elementor-column::after {
    border-bottom-color: var(--e-global-color-30b5a7a);
}


/* 
-------------------------------------
------- Rectangle ProgressBar -------
-------------------------------------
*/

.rectangle_progressbar {
    position: relative;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background-color: var(--e-global-color-45af479);
    transform: rotate(45deg);
}

.rectangle_progressbar .progressbar_hide {
    position: absolute;
    z-index: 10;
    top: 2px;
    bottom: 2px;
    left: 2px;
    right: 2px;
    border-radius: 8px;
    background-color: var(--e-global-color-a181bc1);
}

.rectangle_progressbar .progressbar_top {
    position: absolute;
    z-index: 6;
    top: 0;
    left: 0;
    width: 28px;
    height: 16px;
    border-radius: 8px;
    transition: background-size 350ms ease-out;
    background: linear-gradient(var(--e-global-color-secondary) 99.99%, transparent);
    background-size: 0px 2px;
    background-repeat: no-repeat;
}

.rectangle_progressbar .progressbar_bottom {
    position: absolute;
    z-index: 6;
    bottom: 0;
    left: 0;
    transform: rotate(180deg);
    width: 28px;
    height: 16px;
    border-radius: 8px;
    transition: background-size 350ms ease-out;
    background: linear-gradient(var(--e-global-color-secondary) 99.99%, transparent);
    background-size: 0px 100%;
    background-repeat: no-repeat;
}

.rectangle_progressbar .progressbar_left {
    position: absolute;
    z-index: 6;
    top: 0;
    left: 0;
    transform: rotate(180deg);
    height: 28px;
    width: 16px;
    border-radius: 8px;
    transition: background-size 350ms ease-out;
    background: linear-gradient(var(--e-global-color-secondary) 99.99%, transparent);
    background-size: 100% 0px;
    background-repeat: no-repeat;
}

.rectangle_progressbar .progressbar_right {
    position: absolute;
    z-index: 6;
    top: 0;
    right: 0;
    height: 28px;
    width: 16px;
    border-radius: 8px;
    transition: background-size 350ms ease-out;
    background: linear-gradient(var(--e-global-color-secondary) 99.99%, transparent);
    background-size: 100% 0px;
    background-repeat: no-repeat;
}


/* 
-------------------------------------
---------- Post Pagination ----------
-------------------------------------
*/

.pagination {
    margin-bottom: 0;
    justify-content: center;
}

.pagination .nav-links .page-numbers:not(:first-child) {
    margin-left: 15px;
}

.pagination .nav-links .page-numbers:not(:last-child) {
    margin-right: 15px;
}

.pagination .nav-links .page-numbers:not(.prev):not(.next) {
    position: relative;
    z-index: 10;
    color: var(--e-global-color-text);
    transition: color 350ms ease-out !important;
    /* font */
    font-size: var(--e-global-typography-d5bc45b-font-size);
    line-height: var(--e-global-typography-d5bc45b-line-height);
    font-weight: var(--e-global-typography-d5bc45b-font-weight);
}

.pagination .nav-links .page-numbers:not(.prev):not(.next).current {
    color: var(--e-global-color-a181bc1);
}

.pagination .nav-links .page-numbers:not(.prev):not(.next)::after {
    content: "";
    width: 42px;
    height: 42px;
    background-color: var(--e-global-color-primary);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all 350ms ease-out;
    z-index: -1;
}


/* --- Hover --- */

.pagination .nav-links .page-numbers:not(.prev):not(.next):hover {
    color: var(--e-global-color-a181bc1);
}

.pagination .nav-links .page-numbers:not(.prev):not(.next):hover::after {
    width: 31px;
    height: 31px;
    transform: translate(-50%, -50%) rotate(-75deg);
    opacity: 1;
}


/* --- Active --- */

.pagination .nav-links .page-numbers:not(.prev):not(.next).current::after {
    width: 36px;
    height: 36px;
    transform: translate(-50%, -50%) rotate(45deg);
    background-color: var(--e-global-color-secondary);
    opacity: 1;
}


/* -- Pagination Prev & Next -- */

.pagination .nav-links .page-numbers.prev,
.pagination .nav-links .page-numbers.next {
    position: relative;
    z-index: 10;
}

.pagination .nav-links .page-numbers.prev .pagination-prev,
.pagination .nav-links .page-numbers.next .pagination-next {
    display: inline-block;
    z-index: 10;
    width: 37px;
    height: 26px;
    vertical-align: bottom;
    z-index: 10;
}

.pagination .nav-links a.page-numbers.prev .pagination-prev,
.pagination .nav-links a.page-numbers.next .pagination-next {
    background-image: url('img/icons/arrows/arrow.svg');
    background-position: center center;
}

.pagination .nav-links a.page-numbers.prev .pagination-prev {
    background-image: url('img/icons/arrows/arrow_prev.svg');
    transform: rotate(180deg);
}

.pagination .nav-links a.page-numbers.prev::before,
.pagination .nav-links a.page-numbers.next::before {
    content: "";
    width: 2px;
    height: 2px;
    background-color: var(--e-global-color-30b5a7a);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(60deg);
    z-index: -1;
    transition: all 350ms ease-out;
}

.pagination .nav-links a.page-numbers.next::before {
    transform: translate(-50%, -50%) rotate(-60deg);
}


/* - Disabled - */

.pagination .nav-links span.page-numbers.prev .pagination-prev,
.pagination .nav-links span.page-numbers.next .pagination-next {
    background-image: url('img/icons/arrows/arrow_disabled.svg');
    background-position: center center;
}

.pagination .nav-links span.page-numbers.prev .pagination-prev {
    transform: rotate(180deg);
}


/* - Hover - */

.pagination .nav-links a.page-numbers.prev:hover::before,
.pagination .nav-links a.page-numbers.next:hover::before {
    width: 28px;
    height: 28px;
    transform: translate(-50%, -50%) rotate(25deg);
}

.pagination .nav-links a.page-numbers.next:hover::before {
    transform: translate(-50%, -50%) rotate(-25deg);
}


/* 
-------------------------------------
---------------- FAQ ----------------
-------------------------------------
*/


/* ------ Menu ------ */

.menu-faq {
    list-style: none;
    background-color: white;
    width: 100%;
    border-radius: 0;
    padding: 0;
    margin: 0;
    border: 1px solid var(--e-global-color-accent);
}

.menu-faq li a {
    padding: 20px 34px;
    display: block;
    transition: all 350ms ease-out;
    color: var(--e-global-color-9fd7036) !important;
    font-size: var(--e-global-typography-3f51692-font-size);
    font-weight: var(--e-global-typography-3f51692-font-weight);
    line-height: var(--e-global-typography-3f51692-line-height);
    overflow: hidden;
    position: relative;
}

.menu-faq li a::before {
    content: "";
    opacity: 0;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: -50px;
    transform: translateY(-50%) rotate(215deg);
    background-color: var(--e-global-color-6233268);
    transition: all 350ms ease-out;
}

.menu-faq li a:hover {
    padding-left: 54px;
    background-color: var(--e-global-color-primary) !important;
    color: var(--e-global-color-a181bc1) !important;
}

.menu-faq li a:hover::before {
    opacity: 1;
    width: 10px;
    height: 10px;
    left: 34px;
    transform: translateY(-50%) rotate(45deg);
}

@media screen and (max-width: 1120px) {
    .menu-faq {
        display: none !important;
    }
}


/* ------ FAQ categories ------ */

.cat-faq {
    display: flex;
    align-items: center;
    column-gap: 8px;
    margin-top: 85px;
    margin-bottom: 14px;
    /* font */
    font-size: var(--e-global-typography-b3e528e-font-size);
    font-weight: var(--e-global-typography-b3e528e-font-weight);
    line-height: var(--e-global-typography-b3e528e-line-height);
}

#faq-accordion .cat-faq:first-of-type {
    margin-top: 0;
}


/* ------ FAQ ------ */

#faq-accordion .accordion-item {
    border: none;
}

#faq-accordion .accordion .accordion-item:not(:first-child) {
    margin-top: 24px;
}

#faq-accordion .accordion-button {
    background-color: white;
    cursor: pointer;
    padding: 17px 0;
    outline: none;
    border-radius: 0;
    border-bottom: 1px solid var(--e-global-color-accent);
    border-top: none;
    border-left: none;
    border-right: none;
    white-space: normal;
    color: var(--e-global-color-text);
    transition: all 350ms ease-out;
    /* font */
    font-size: var(--e-global-typography-3f51692-font-size);
    font-weight: var(--e-global-typography-3f51692-font-weight);
    line-height: var(--e-global-typography-3f51692-line-height);
}

#faq-accordion .accordion-button::after {
    width: 20px;
    height: 20px;
    background-size: 20px;
}

#faq-accordion .accordion-button:not(.collapsed)::after {
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-image: url('img/icons/accordion_chevron_blue.svg');
}

#faq-accordion .accordion-button:not(.collapsed) {
    color: var(--e-global-color-primary);
    box-shadow: none;
    border-bottom: none;
}

#faq-accordion .accordion-collapse {
    padding: 24px 36px 36px 36px;
    border-bottom: 3px solid var(--e-global-color-primary);
}

#faq-accordion .accordion-button:focus {
    box-shadow: none;
}


/* -- Link -- */

#faq-accordion .question-link {
    margin-top: 24px;
    text-align: right;
    cursor: pointer;
    color: var(--e-global-color-secondary);
    text-decoration: underline;
    font-size: var(--e-global-typography-d0013d0-font-size);
    font-weight: var(--e-global-typography-d0013d0-font-weight);
    line-height: var(--e-global-typography-d0013d0-line-height);
}


/* -- Modal -- */

.modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1;
    /* Sit on top */
    padding-top: 100px;
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}


/* Modal Content */

.modal {
    z-index: 99999 !important;
}

.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    z-index: 99999;
    border: 1px solid #888;
    width: 400px !important;
    max-width: 100%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
}


/* Add Animation */

@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}


/* The Close Button */

.close {
    color: var(--e-global-color-primary);
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 20px 16px;
    color: var(--e-global-color-primary);
}

.modal-body {
    padding: 20px 16px;
    text-align: center;
}


/* 
--------------------------------------
-------- Elementor Accordions --------
--------------------------------------
*/

.elementor-accordion .elementor-accordion-item:not(:last-of-type) {
    margin-bottom: 17px;
}

.elementor-accordion .elementor-accordion-item svg {
    width: 25px !important;
    height: 25px !important;
}

.elementor-accordion .elementor-accordion-item .elementor-tab-title {
    position: relative;
    overflow: hidden;
    z-index: 5;
    transition: all 350ms ease-out;
}

.elementor-accordion .elementor-accordion-item .elementor-tab-title a {
    transition: all 350ms ease-out;
}

.elementor-accordion .elementor-accordion-item .elementor-tab-title::before {
    content: "";
    width: 6px;
    height: 6px;
    background-color: var(--e-global-color-secondary);
    position: absolute;
    left: -8px;
    top: 50%;
    transform: translateY(-50%) translateX(-100%);
    z-index: -1;
    transition: all 350ms ease-out;
}

.elementor-accordion .elementor-accordion-item .elementor-tab-title:hover a {
    color: var(--e-global-color-secondary) !important;
}

.elementor-accordion .elementor-accordion-item .elementor-tab-title:hover::before {
    width: 83px;
    height: 83px;
    background-color: var(--e-global-color-30b5a7a);
    left: 0;
    transform: translateY(-50%) translateX(-50%) rotate(127deg);
}

.elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active {
    padding-left: 26px;
}

.elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active a {
    color: var(--e-global-color-text) !important;
}

.elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active::before {
    width: 6px;
    height: 6px;
    background-color: var(--e-global-color-secondary);
    left: 16px;
    transform: translateY(-50%) rotate(45deg);
}


/* 
-------------------------------------
-------------- Counter --------------
-------------------------------------
*/

.opnt-counter .elementor-heading-title {
    position: relative;
    z-index: 10;
}

.opnt-counter .elementor-heading-title::before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 34px;
    height: 34px;
    background-color: var(--e-global-color-30b5a7a);
    transform: translateX(-50%) translateY(-50%) rotate(23.65deg);
}

.opnt-counter.active .elementor-heading-title::before {
    background-color: var(--e-global-color-secondary);
}


/* 
------------------------------------------
- Elementor Section with triangle Around -
------------------------------------------
*/

.section_triangle_around {
    position: relative;
}

.section_triangle_around::before {
    z-index: 15;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 109px solid var(--e-global-color-a181bc1);
    border-right: 0;
    border-bottom: 0;
    border-left: 109px solid transparent;
}

.section_triangle_around::after {
    z-index: 15;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-top: 0;
    border-right: 109px solid transparent;
    border-bottom: 109px solid var(--e-global-color-a181bc1);
    border-left: 0;
}

@media screen and (max-width: 1024px) {
    .section_triangle_around::before {
        border-top-width: 70px;
        border-left-width: 70px;
    }

    .section_triangle_around::after {
        border-right-width: 70px;
        border-bottom-width: 70px;
    }
}

.section_triangle_around>* {
    z-index: 11;
}


/* 
------------------------------------
------ Triangle border Styles ------
------------------------------------
*/


/* ----------------- White ----------------- */


/* ----- Top Left ----- */

.top-left-triangle-white {
    position: relative;
}

.top-left-triangle-white::before {
    z-index: 10;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-top: 0;
    border-right: 107px solid transparent;
    border-bottom: 107px solid var(--e-global-color-a181bc1);
    border-left: 0;
}


/* ----- Top Right ----- */

.top-right-triangle-white {
    position: relative;
}

.top-right-triangle-white::after {
    z-index: 10;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 107px solid var(--e-global-color-a181bc1);
    border-right: 0;
    border-bottom: 0;
    border-left: 107px solid transparent;
}


/* ----- Bottom Left ----- */

.bottom-left-triangle-white .elementor-widget-container {
    position: relative;
}

.bottom-left-triangle-white .elementor-widget-container::before {
    z-index: 10;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-top: 0;
    border-right: 107px solid transparent;
    border-bottom: 107px solid var(--e-global-color-a181bc1);
    border-left: 0;
}


/* ----- Bottom Right ----- */

.bottom-right-triangle-white .elementor-widget-container {
    position: relative;
}

.bottom-right-triangle-white .elementor-widget-container::after {
    z-index: 10;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 107px solid var(--e-global-color-a181bc1);
    border-left: 107px solid transparent;
}

@media screen and (max-width: 1024px) {
    .top-left-triangle-white::before {
        border-top-width: 70px;
        border-right-width: 70px;
    }

    .top-right-triangle-white::after {
        border-top-width: 70px;
        border-left-width: 70px;
    }

    .bottom-left-triangle-white .elementor-widget-container::after {
        border-right-width: 70px;
        border-bottom-width: 70px;
    }

    .bottom-right-triangle-white .elementor-widget-container::after {
        border-bottom-width: 70px;
        border-left-width: 70px;
    }
}


/* ----------------- Colors ----------------- */


/* ----- Top Left ----- */

.top-left-triangle-colors {
    position: relative;
}

.top-left-triangle-colors::before {
    z-index: 10;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 214px;
    height: 214px;
    background-image: url("img/triangles/colors.svg");
    background-position: center center;
    background-size: 100% 100%;
    transform: rotate(90deg);
}


/* ----- Top Right ----- */

.top-right-triangle-colors {
    position: relative;
}

.top-right-triangle-colors::after {
    z-index: 10;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 214px;
    height: 214px;
    background-image: url("img/triangles/colors.svg");
    background-position: center center;
    background-size: 100% 100%;
    transform: rotate(180deg);
}


/* ----- Bottom Left ----- */

.bottom-left-triangle-colors .elementor-widget-container {
    position: relative;
}

.bottom-left-triangle-colors .elementor-widget-container::before {
    z-index: 10;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 214px;
    height: 214px;
    background-image: url("img/triangles/colors.svg");
    background-position: center center;
    background-size: 100% 100%;
}


/* ----- Bottom Right ----- */

.bottom-right-triangle-colors .elementor-widget-container {
    position: relative;
}

.bottom-right-triangle-colors .elementor-widget-container::after {
    z-index: 10;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 214px;
    height: 214px;
    background-image: url("img/triangles/colors.svg");
    background-position: center center;
    background-size: 100% 100%;
    transform: rotate(-90deg);
}

@media screen and (max-width: 1024px) {

    .top-left-triangle-colors::before,
    .top-right-triangle-colors::after,
    .bottom-left-triangle-colors .elementor-widget-container::before,
    .bottom-right-triangle-colors .elementor-widget-container::after {
        width: 75px;
        height: 75px;
    }
}


/* ----------------- Blue ----------------- */


/* ----- Top Left ----- */

.top-left-triangle-blue {
    position: relative;
}

.top-left-triangle-blue::before {
    z-index: 10;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 107px;
    height: 107px;
    background-image: url("img/triangles/blue.svg");
    background-position: center center;
    background-size: 100% 100%;
    transform: rotate(90deg);
}


/* ----- Top Right ----- */

.top-right-triangle-blue {
    position: relative;
}

.top-right-triangle-blue::after {
    z-index: 10;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 107px;
    height: 107px;
    background-image: url("img/triangles/blue.svg");
    background-position: center center;
    background-size: 100% 100%;
    transform: rotate(180deg);
}


/* ----- Bottom Left ----- */

.bottom-left-triangle-blue .elementor-widget-container {
    position: relative;
}

.bottom-left-triangle-blue .elementor-widget-container::before {
    z-index: 10;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 107px;
    height: 107px;
    background-image: url("img/triangles/blue.svg");
    background-position: center center;
    background-size: 100% 100%;
}


/* ----- Bottom Right ----- */

.bottom-right-triangle-blue .elementor-widget-container {
    position: relative;
}

.bottom-right-triangle-blue .elementor-widget-container::after {
    z-index: 10;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 107px;
    height: 107px;
    background-image: url("img/triangles/blue.svg");
    background-position: center center;
    background-size: 100% 100%;
    transform: rotate(-90deg);
}

@media screen and (max-width: 1024px) {

    .top-left-triangle-blue::before,
    .top-right-triangle-blue::after,
    .bottom-left-triangle-blue .elementor-widget-container::before,
    .bottom-right-triangle-blue .elementor-widget-container::after {
        width: 75px;
        height: 75px;
    }
}


/* 
-------------------------------------
---------- Diamonds Styles ----------
-------------------------------------
*/


/* -------------- Diamond -------------- */

.opnt-diamond {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: var(--e-global-color-secondary);
    transform: rotate(45deg);
}

.opnt-diamond-small {
    width: 6px;
    height: 6px;
}

.opnt-diamond-yellow {
    background-color: var(--e-global-color-6233268);
}

.opnt-diamond-blue {
    background-color: var(--e-global-color-primary);
}


/* -------------- Breadcrumbs Diamond -------------- */

.breadcrumb-diamond {
    margin: auto 9px;
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: var(--e-global-color-30b5a7a);
    transform: rotate(45deg);
    vertical-align: middle;
}


/* -------------- Title with Diamond -------------- */

h2.opnt-diamond-title,
.opnt-diamond-title .elementor-heading-title {
    position: relative;
    display: inline-block;
    padding-left: 16px;
}

h2.opnt-diamond-title::before,
.opnt-diamond-title .elementor-heading-title::before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: var(--e-global-color-secondary);
    display: inline-block;
    position: absolute;
    left: 1px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}


/* ---- Small title with Diamond ---- */

h4.opnt-diamond-title,
.opnt-diamond-title-small .elementor-heading-title {
    position: relative;
    display: inline-block;
    padding-left: 16px;
}

h4.opnt-diamond-title::before,
.opnt-diamond-title-small .elementor-heading-title::before {
    content: "";
    width: 6px;
    height: 6px;
    background-color: var(--e-global-color-secondary);
    display: inline-block;
    position: absolute;
    left: 1px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}

.opnt-diamond-title-white::before,
.opnt-diamond-title-white .elementor-heading-title::before {
    background-color: var(--e-global-color-a181bc1) !important;
}

.opnt-diamond-title-blue::before,
.opnt-diamond-title-blue .elementor-heading-title::before {
    background-color: var(--e-global-color-primary) !important;
}

.opnt-diamond-title-black::before,
.opnt-diamond-title-black .elementor-heading-title::before {
    background-color: var(--e-global-color-text) !important;
}


/* 
------------------------------------
-------------- Header --------------
------------------------------------
*/

.elementor-location-header .elementor-nav-menu--main .elementor-item {
    position: relative;
    overflow: hidden;
}

.elementor-location-header .elementor-nav-menu--main .menu-item {
    cursor: pointer;
}


/* -- Customs for Boutique nav item -- */

.elementor-location-header .elementor-nav-menu--main .sub-arrow {
    padding: 6px;
    padding-right: 0px;
}

.elementor-location-header .elementor-nav-menu--main .menu-item::after {
    display: none;
}

.elementor-location-header .elementor-nav-menu--main .menu-item.nav-menu-50 a.elementor-item {
    max-width: 100px;
    white-space: normal;
    text-align: center;
    color: var(--e-global-color-secondary) !important;
}

.elementor-location-header .elementor-nav-menu--main .menu-item.nav-menu-job a.elementor-item {
    white-space: normal;
    max-width: 110px;
    text-align: center;
}

.elementor-location-header .elementor-nav-menu--main .menu-item.nav-menu-shop .elementor-item {
    color: var(--e-global-color-primary) !important;
    margin-left: 18px !important;
}

.elementor-location-header .elementor-nav-menu--main .menu-item.nav-menu-contact .elementor-item {
    margin-right: 18px !important;
}

.elementor-location-header .elementor-nav-menu--main .menu-item.nav-menu-contact::after {
    display: block;
}

.elementor-location-header .elementor-nav-menu--main .menu-item.show_on_mobile {
    display: none;
}


@media screen and (min-width: 1025px) {
    .elementor-location-header .elementor-nav-menu--main .sub-arrow {
        padding: 4px;
        padding-right: 0px;
    }


    .elementor-location-header .elementor-nav-menu--main .menu-item.nav-menu-shop .elementor-item {
        color: var(--e-global-color-primary) !important;
        margin-left: 6px !important;
    }

    .elementor-location-header .elementor-nav-menu--main .menu-item.nav-menu-contact .elementor-item {
        margin-right: 6px !important;
    }
}

/* -- Add Hover and Active Diamond on nav items -- */

.elementor-location-header .elementor-nav-menu--main .elementor-item::after {
    content: "";
    width: 39px;
    height: 39px;
    z-index: -1;
    opacity: 1 !important;
    background-color: var(--e-global-color-45af479) !important;
    transform: translateX(-50%) translateY(80%) rotate(45deg) scale(0.43);
    position: absolute;
    left: 50%;
    bottom: 0;
    transition: all 350ms ease-out, transform 500ms;
}

.elementor-location-header .elementor-nav-menu--main .elementor-item:hover:after {
    transform: translateX(-50%) rotate(45deg) scale(1);
    top: 40%;
    bottom: initial;
}

.elementor-location-header .elementor-nav-menu--main .elementor-item.elementor-item-active:after {
    background-color: var(--e-global-color-secondary) !important;
    transform: translateX(-50%) translateY(25%) rotate(45deg) scale(0.25);
    top: initial;
    bottom: 22.5px;
}

.elementor-location-header .elementor-nav-menu--dropdown li a {
    padding-left: 22px !important;
}

.elementor-location-header .elementor-nav-menu--dropdown li:first-child a {
    margin-top: 14px;
}

.elementor-location-header .elementor-nav-menu--dropdown li:last-child a {
    margin-bottom: 14px;
}


/* Mobile */

@media screen and (max-width: 1024px) {

    .elementor-menu-toggle:not(.elementor-active) .elementor-menu-toggle__icon--open,
    .elementor-menu-toggle.elementor-active .elementor-menu-toggle__icon--close {
        display: flex;
    }

    .elementor-location-header .elementor-nav-menu--dropdown li a {
        padding-left: 30px !important;
    }

    .elementor-location-header .elementor-nav-menu--dropdown .menu-item.nav-menu-shop .elementor-item {
        color: var(--e-global-color-6233268) !important;
    }

    .elementor-location-header .elementor-nav-menu--dropdown .menu-item .elementor-item.has-submenu {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .elementor-location-header .elementor-nav-menu--dropdown .menu-item .elementor-item.has-submenu.highlighted {
        color: var(--e-global-color-secondary) !important;
    }

    .elementor-location-header .elementor-nav-menu--dropdown .menu-item .elementor-item.has-submenu .sub-arrow i {
        transition: transform ease-out 350ms;
    }

    .elementor-location-header .elementor-nav-menu--dropdown .menu-item .elementor-item.has-submenu.highlighted .sub-arrow i {
        transform: rotate(180deg);
    }

    .elementor-location-header .elementor-nav-menu--dropdown .menu-item .sub-menu {
        position: relative;
        background-color: var(--e-global-color-primary) !important;
        margin-left: 30px !important;
        margin-right: 30px !important;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .elementor-location-header .elementor-nav-menu--dropdown .menu-item .sub-menu::after {
        z-index: 10;
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        width: 0;
        height: 0;
        border-top: 0;
        border-right: 0;
        border-bottom: 46px solid var(--e-global-color-a181bc1);
        border-left: 46px solid transparent;
    }

    .elementor-location-header .elementor-nav-menu--dropdown .menu-item .sub-menu .menu-item a {
        color: var(--e-global-color-a181bc1) !important;
        background-color: var(--e-global-color-primary) !important;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    /* button menu elements */
    .elementor-location-header .elementor-nav-menu--dropdown .menu-item.show_on_mobile {
        display: inline-block;
        width: calc(50% - 44px);
        margin-top: 16px !important;
        margin-bottom: 16px !important;
    }

    .elementor-location-header .elementor-nav-menu--dropdown .menu-item.show_on_mobile a {
        margin-bottom: 0 !important;
        padding: 16px 32px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--e-global-color-a181bc1);
    }

    .elementor-location-header .elementor-nav-menu--dropdown .menu-item.nav-menu-connect {
        margin-right: 12px !important;
        margin-left: 30px !important;
    }

    .elementor-location-header .elementor-nav-menu--dropdown .menu-item.nav-menu-connect.logged {
        display: none;
    }

    .logged-in .elementor-location-header .elementor-nav-menu--dropdown .menu-item.nav-menu-connect {
        display: none;
    }

    .logged-in .elementor-location-header .elementor-nav-menu--dropdown .menu-item.nav-menu-connect.logged {
        display: inline-block;
    }

    .elementor-location-header .elementor-nav-menu--dropdown .menu-item.nav-menu-connect a {
        background-color: var(--e-global-color-secondary) !important;
    }

    .elementor-location-header .elementor-nav-menu--dropdown .menu-item.nav-menu-membership {
        margin-left: 12px !important;
        margin-right: 30px !important;
    }

    .elementor-location-header .elementor-nav-menu--dropdown .menu-item.nav-menu-membership a {
        background-color: var(--e-global-color-primary) !important;
    }
}


/* 
------------------------------------
------------- Homepage -------------
------------------------------------
*/

.hp_banner_news {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 64px;
}

.hp_banner_news .hp_banner_new .tags {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.hp_banner_news .hp_banner_new .tags .opnt-diamond {
    width: 7px;
    height: 7px;
}

.hp_banner_news .hp_banner_new .tags,
.hp_banner_news .hp_banner_new .tags a,
.hp_banner_news .hp_banner_new .tags a:hover {
    color: var(--e-global-color-secondary);
    text-transform: uppercase;
    /* font */
    font-size: var(--e-global-typography-44d2b64-font-size);
    line-height: var(--e-global-typography-44d2b64-line-height);
    font-weight: var(--e-global-typography-44d2b64-font-weight);
}

.hp_banner_news .hp_banner_new h4 a,
.hp_banner_news .hp_banner_new h4 a:hover {
    transition: color ease-out 800ms;
    margin-bottom: 10px;
    color: var(--e-global-color-text);
    /* font */
    font-size: var(--e-global-typography-b3e528e-font-size);
    line-height: var(--e-global-typography-b3e528e-line-height);
    font-weight: var(--e-global-typography-b3e528e-font-weight);
}

.hp_banner_news .hp_banner_new:hover h4 a {
    color: var(--e-global-color-secondary);
}

.hp_banner_news .hp_banner_new .date {
    margin-bottom: 0;
    color: var(--e-global-color-6233268);
    /* font */
    font-size: var(--e-global-typography-44d2b64-font-size);
    line-height: var(--e-global-typography-44d2b64-line-height);
    font-weight: var(--e-global-typography-44d2b64-font-weight);
}

/* -- Home News -- */

.hp_news_tags {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 8px;
}

.hp_news_tags .opnt-diamond {
    width: 7px;
    height: 7px;
    background-color: var(--e-global-color-primary);
}

.hp_news_tags div,
.hp_news_tags a {
    color: var(--e-global-color-primary);
    text-transform: uppercase;
    /* font */
    font-size: var(--e-global-typography-44d2b64-font-size);
    line-height: var(--e-global-typography-44d2b64-line-height);
    font-weight: var(--e-global-typography-44d2b64-font-weight);
}

.hp_news_tags.alternate .opnt-diamond {
    width: 7px;
    height: 7px;
    background-color: var(--e-global-color-secondary);
}

.hp_news_tags.alternate div,
.hp_news_tags.alternate a {
    color: var(--e-global-color-secondary);
}

/* 
-------------------------------------
------------- ChildPage -------------
-------------------------------------
*/

.childpages .childpage {
    display: flex;
    column-gap: 99px;
}

.childpages .childpage:nth-child(2n) {
    flex-direction: row-reverse;
}

.childpages .childpage:not(:last-of-type) {
    margin-bottom: 59px;
}

.childpages .childpage .childpage_thumbnail {
    width: 601px;
}

.childpages .childpage .childpage_thumbnail .childpage_thumbnail_container {
    position: relative;
}

.childpages .childpage .childpage_thumbnail .childpage_thumbnail_container::before {
    z-index: 10;
    content: '';
    width: 214px;
    height: 214px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url("img/triangles/colors.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
}

.childpages .childpage .childpage_thumbnail .childpage_thumbnail_container::after {
    z-index: 10;
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 107px solid var(--e-global-color-a181bc1);
    border-left: 107px solid transparent;
}

.childpages .childpage:nth-child(2n) .childpage_thumbnail .childpage_thumbnail_container::before {
    z-index: 10;
    content: '';
    width: 107px;
    height: 107px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url("img/triangles/blue.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
}

.childpages .childpage:nth-child(2n) .childpage_thumbnail .childpage_thumbnail_wrapper::after {
    z-index: 10;
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    border-top: 107px solid var(--e-global-color-a181bc1);
    border-right: 107px solid transparent;
    border-bottom: 0;
    border-left: 0;
}

.childpages .childpage .childpage_thumbnail img,
.childpages .childpage .childpage_thumbnail .none {
    width: 601px;
    height: 471px;
    object-fit: cover;
    object-position: center center;
}

.childpages .childpage .childpage_content {
    width: calc(100% - 601px - 99px);
}

.childpages .childpage .childpage_content .page_title h2 {
    margin-bottom: 24px;
    color: var(--e-global-color-text);
    /* font */
    font-weight: var(--e-global-typography-secondary-font-weight);
    font-size: var(--e-global-typography-secondary-font-size);
    line-height: var(--e-global-typography-secondary-line-height);
}

.childpages .childpage .childpage_content .page_description {
    margin-bottom: 36px;
    color: var(--e-global-color-text);
    /* font */
    font-weight: var(--e-global-typography-text-font-weight);
    font-size: var(--e-global-typography-text-font-size);
    line-height: var(--e-global-typography-text-line-height);
}


/* -- Responsive -- */

@media screen and (max-width: 1024px) {
    .childpages .childpage .childpage_thumbnail {
        width: calc(50% - 49px);
    }

    .childpages .childpage .childpage_thumbnail .childpage_thumbnail_container::before {
        width: 115px;
        height: 115px;
    }

    .childpages .childpage .childpage_thumbnail .childpage_thumbnail_container::after {
        border-bottom-width: 75px;
        border-left-width: 75px;
    }

    .childpages .childpage:nth-child(2n) .childpage_thumbnail .childpage_thumbnail_container::before {
        width: 75px;
        height: 75px;
    }

    .childpages .childpage:nth-child(2n) .childpage_thumbnail .childpage_thumbnail_wrapper::after {
        border-top-width: 75px;
        border-right-width: 75px;
    }

    .childpages .childpage .childpage_thumbnail img,
    .childpages .childpage .childpage_thumbnail .none {
        width: 100%;
        height: auto;
    }

    .childpages .childpage .childpage_content {
        width: calc(50% - 49px);
    }
}

@media screen and (max-width: 767px) {
    .childpages .childpage {
        flex-wrap: wrap;
        row-gap: 30px;
    }

    .childpages .childpage:not(:last-of-type) {
        margin-bottom: 100px;
    }

    .childpages .childpage .childpage_thumbnail {
        width: 100%;
    }

    .childpages .childpage .childpage_thumbnail .childpage_thumbnail_container::before {
        width: 115px;
        height: 115px;
    }

    .childpages .childpage .childpage_thumbnail .childpage_thumbnail_container::after {
        border-bottom-width: 75px;
        border-left-width: 75px;
    }

    .childpages .childpage:nth-child(2n) .childpage_thumbnail .childpage_thumbnail_container::before {
        width: 75px;
        height: 75px;
    }

    .childpages .childpage:nth-child(2n) .childpage_thumbnail .childpage_thumbnail_wrapper::after {
        border-top-width: 75px;
        border-right-width: 75px;
    }

    .childpages .childpage .childpage_thumbnail img,
    .childpages .childpage .childpage_thumbnail .none {
        width: 100%;
        height: auto;
    }

    .childpages .childpage .childpage_content {
        width: 100%;
    }
}


/* 
-------------------------------------
------------ Single Page ------------ 
-------------------------------------
*/


/* -------------- Content Template -------------- */

.page_content h2 {
    margin-top: 50px;
    margin-bottom: 24px;
    color: var(--e-global-color-primary);
    /* font */
    font-weight: var(--e-global-typography-b3e528e-font-weight);
    font-size: var(--e-global-typography-b3e528e-font-size);
    line-height: var(--e-global-typography-b3e528e-line-height);
}

.page_content h3 {
    margin-top: 30px;
    margin-bottom: 10px;
    color: var(--e-global-color-secondary);
    /* font */
    font-weight: var(--e-global-typography-3f51692-font-weight);
    font-size: var(--e-global-typography-3f51692-font-size);
    line-height: var(--e-global-typography-3f51692-line-height);
}


/* 
--------------------------------------
---------------- News ---------------- 
--------------------------------------
*/


/* -------------- Archive -------------- */

.news_archive .elementor-posts .elementor-post {
    flex-direction: column-reverse;
    position: relative;
}

.news_archive .elementor-posts .elementor-post::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    transition: all .35s ease-out;
    border-top: 0;
    border-right: 0px solid var(--e-global-color-30b5a7a);
    border-bottom: 0px solid transparent;
    border-left: 0;
}

.news_archive .elementor-posts .elementor-post::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    transition: all .35s ease-out;
    border-top: 0px solid transparent;
    border-right: 0;
    border-bottom: 0;
    border-left: 0px solid var(--e-global-color-30b5a7a);
}

.news_archive .elementor-posts .elementor-post .elementor-post__text {
    background-color: var(--e-global-color-a181bc1);
    padding: 35px 45px;
    transition: padding 350ms ease-out;
}

.news_archive .elementor-posts .elementor-post .elementor-post__title {
    flex-grow: 1;
}

.news_archive .elementor-posts .elementor-post .elementor-post__excerpt {
    flex-grow: 0;
    transition: margin 350ms ease-out;
}

.news_archive .elementor-posts .elementor-post .elementor-post__read-more {
    display: inline-block;
    position: relative;
    padding-left: 32px;
    transition: padding 350ms ease-out, color 350ms ease-out;
}

.news_archive .elementor-posts .elementor-post .elementor-post__read-more::before {
    content: "";
    width: 6.5px;
    height: 1px;
    background-color: var(--e-global-color-primary);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all 350ms ease-out;
}

.news_archive .elementor-posts .elementor-post .elementor-post__read-more::after {
    content: "";
    width: 7px;
    height: 7px;
    background-color: var(--e-global-color-primary);
    position: absolute;
    left: 10.5px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    transition: all 350ms ease-out;
}

.news_archive .elementor-posts .elementor-post .elementor-post__thumbnail {
    transition: padding 350ms ease-out;
}

.news_archive .elementor-posts .elementor-post .elementor-post__thumbnail img {
    transition: transform 350ms ease-out;
}


/* --- Blue Bg --- */

.news_archive.blue-bg .elementor-posts .elementor-post::before {
    border-right-color: var(--e-global-color-primary);
}

.news_archive.blue-bg .elementor-posts .elementor-post::after {
    border-left-color: var(--e-global-color-primary);
}


/* --- Pink Bg --- */

.news_archive.pink-bg .elementor-posts .elementor-post::before {
    border-right-color: var(--e-global-color-secondary);
}

.news_archive.pink-bg .elementor-posts .elementor-post::after {
    border-left-color: var(--e-global-color-secondary);
}


/* --- For Fiches Métier --- */

.news_archive.job_sheet .elementor-posts .elementor-post .elementor-post__title {
    flex-grow: initial;
    min-height: 50px;
}


/* --- Hover --- */

.news_archive .elementor-posts .elementor-post:hover:before {
    border-bottom-width: 34px;
    border-right-width: 34px;
}

.news_archive .elementor-posts .elementor-post:hover:after {
    border-top-width: 34px;
    border-left-width: 34px;
}

.news_archive .elementor-posts .elementor-post:hover .elementor-post__text {
    padding-bottom: 27px;
}

.news_archive .elementor-posts .elementor-post:hover .elementor-post__excerpt {
    margin-bottom: 23px;
}

.news_archive .elementor-posts .elementor-post:hover .elementor-post__read-more {
    padding-left: 41px;
    color: var(--e-global-color-secondary);
}

.news_archive .elementor-posts .elementor-post:hover .elementor-post__read-more::before {
    width: 15px;
    background-color: var(--e-global-color-secondary);
}

.news_archive .elementor-posts .elementor-post:hover .elementor-post__read-more::after {
    background-color: var(--e-global-color-secondary);
    left: 19px;
}

.news_archive .elementor-posts .elementor-post:hover .elementor-post__thumbnail {
    padding-bottom: calc(0.35 * 100%);
}

.news_archive .elementor-posts .elementor-post:hover .elementor-post__thumbnail img {
    transform: translate(-50%, -50%) scale(1.4);
}


/* --- Hover --- */

.news_archive .elementor-pagination .page-numbers:not(.prev):not(.next):hover::after {
    width: 31px;
    height: 31px;
    transform: translate(-50%, -50%) rotate(-75deg);
    opacity: 1;
}


/* --- Active --- */

.news_archive .elementor-pagination .page-numbers:not(.prev):not(.next).current::after {
    width: 36px;
    height: 36px;
    transform: translate(-50%, -50%) rotate(45deg);
    background-color: var(--e-global-color-secondary);
    opacity: 1;
}


/* -------------- Pagination -------------- */

.news_archive .elementor-pagination .page-numbers:not(.prev):not(.next) {
    position: relative;
    z-index: 10;
    transition: color 350ms ease-out !important;
}

.news_archive .elementor-pagination .page-numbers:not(.prev):not(.next)::after {
    content: "";
    width: 42px;
    height: 42px;
    background-color: var(--e-global-color-primary);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all 350ms ease-out;
    z-index: -1;
}

.news_archive .elementor-pagination .page-numbers.prev,
.news_archive .elementor-pagination .page-numbers.next {
    position: relative;
    z-index: 10;
}

.news_archive .elementor-pagination .page-numbers.prev .pagination-prev,
.news_archive .elementor-pagination .page-numbers.next .pagination-next {
    display: inline-block;
    z-index: 10;
    width: 37px;
    height: 26px;
    vertical-align: bottom;
    z-index: 10;
}

.news_archive .elementor-pagination a.page-numbers.prev .pagination-prev,
.news_archive .elementor-pagination a.page-numbers.next .pagination-next {
    background-image: url('img/icons/arrows/arrow.svg');
    background-position: center center;
}

.news_archive .elementor-pagination a.page-numbers.prev .pagination-prev {
    background-image: url('img/icons/arrows/arrow_prev.svg');
    transform: rotate(180deg);
}

.news_archive .elementor-pagination a.page-numbers.prev::before,
.news_archive .elementor-pagination a.page-numbers.next::before {
    content: "";
    width: 2px;
    height: 2px;
    background-color: var(--e-global-color-a181bc1);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(60deg);
    z-index: -1;
    transition: all 350ms ease-out;
}

.news_archive .elementor-pagination a.page-numbers.next::before {
    transform: translate(-50%, -50%) rotate(-60deg);
}


/* --- Disabled --- */

.news_archive .elementor-pagination span.page-numbers.prev .pagination-prev,
.news_archive .elementor-pagination span.page-numbers.next .pagination-next {
    background-image: url('img/icons/arrows/arrow_disabled.svg');
    background-position: center center;
}

.news_archive .elementor-pagination span.page-numbers.prev .pagination-prev {
    transform: rotate(180deg);
}


/* --- Hover --- */

.news_archive .elementor-pagination a.page-numbers.prev:hover::before,
.news_archive .elementor-pagination a.page-numbers.next:hover::before {
    width: 28px;
    height: 28px;
    transform: translate(-50%, -50%) rotate(25deg);
}

.news_archive .elementor-pagination a.page-numbers.next:hover::before {
    transform: translate(-50%, -50%) rotate(-25deg);
}


/* -------------- Single Template -------------- */

.post_content {
    /* font */
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
}

.post_content h2 {
    margin-top: 70px;
    margin-bottom: 24px;
    /* font */
    font-size: var(--e-global-typography-b3e528e-font-size);
    font-weight: var(--e-global-typography-b3e528e-font-weight);
    line-height: var(--e-global-typography-b3e528e-line-height);
}

.post_content h3 {
    margin-bottom: 24px;
    color: var(--e-global-color-primary);
    /* font */
    font-size: var(--e-global-typography-1cc4b53-font-size);
    font-weight: var(--e-global-typography-1cc4b53-font-weight);
    line-height: var(--e-global-typography-1cc4b53-line-height);
}

.post_content h4 {
    margin-bottom: 24px;
    color: var(--e-global-color-secondary);
    /* font */
    font-size: var(--e-global-typography-3f51692-font-size);
    font-weight: var(--e-global-typography-3f51692-font-weight);
    line-height: var(--e-global-typography-3f51692-line-height);
}

.post_content p {
    margin-bottom: 40px;
}

.post_content a {
    text-decoration: underline;
    color: var(--e-global-color-secondary);
    transition: color 350ms ease-out;
    /* font */
    font-size: var(--e-global-typography-810e136-font-size);
    font-weight: var(--e-global-typography-810e136-font-weight);
    line-height: var(--e-global-typography-810e136-line-height);
}

.post_content a:hover {
    color: var(--e-global-color-primary);
}

.post_content figure.wp-block-image {
    display: inline-block;
    margin-top: 45px;
    margin-bottom: 70px;
    position: relative;
}

/* .post_content figure.wp-block-image::before {
    content: "";
    width: 100px;
    height: 200px;
    position: absolute;
    top: 0;
    right: 0;
    background-image: url('/wp-content/uploads/2022/09/img_triangle_before.svg');
}

.post_content figure.wp-block-image::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 0;
    border-right: 170px solid transparent;
    border-bottom: 170px solid var(--e-global-color-a181bc1);
    border-left: 0;
} */

.post_content ul {
    list-style: none;
    padding: 0;
    margin-bottom: 24px;
}

.post_content ul li {
    padding-left: 23px;
    position: relative;
}

.post_content ul li::before {
    content: '';
    height: 5px;
    width: 5px;
    background: var(--e-global-color-secondary);
    display: block;
    position: absolute;
    transform: rotate(45deg);
    top: 10px;
    left: 0;
}

.post_content ol ul li::before,
.post_content ul ul li::before {
    background: var(--e-global-color-primary);
    transform: initial;
}

.post_content ol {
    padding-left: 16px;
    margin-bottom: 24px;
}

.post_content ol li {
    padding-left: 6px;
}

.post_content ol li::marker {
    color: var(--e-global-color-secondary);
}

.post_content ol ol li::marker {
    color: var(--e-global-color-secondary);
}

@media screen and (max-width: 767px) {
    .post_content figure.wp-block-image::after {
        border-right: 70px solid transparent;
        border-bottom: 70px solid var(--e-global-color-a181bc1);
    }
}


/* --- Accordion --- */

.accordion .accordion-item .accordion-button::after {
    width: 25px;
    height: 25px;
    background-size: 25px;
    background-image: url('img/icons/accordion_chevron.svg');
}


/* --- Author Image --- */

.elementor-author-box .elementor-author-box__avatar {
    position: relative;
}

.elementor-author-box .elementor-author-box__avatar::after {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    transform: translate(100%, -50%) rotate(45deg);
    background-color: var(--e-global-color-30b5a7a);
}


/* --- Tags --- */

.elementor-post-info .elementor-icon-list-text .elementor-post-info__terms-list {
    visibility: hidden;
}

.elementor-post-info .elementor-icon-list-text .elementor-post-info__terms-list a {
    display: inline-block !important;
    visibility: visible;
    padding: 15px 30px;
    margin-right: 18px;
    margin-bottom: 15px;
    background-color: var(--e-global-color-30b5a7a);
    position: relative;
}

.elementor-post-info .elementor-icon-list-text .elementor-post-info__terms-list a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    transition: all .35s ease-out;
    border-top: 24px solid var(--e-global-color-a181bc1);
    border-right: 24px solid transparent;
    border-bottom: 0;
    border-left: 0;
}

.elementor-post-info .elementor-icon-list-text .elementor-post-info__terms-list a::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    transition: all .35s ease-out;
    border-top: 0;
    border-right: 0;
    border-bottom: 24px solid var(--e-global-color-a181bc1);
    border-left: 24px solid transparent;
}


/* -- Hover -- */

.triangle_hover .elementor-widget-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    transition: all .35s ease-out;
    border-top: 0px solid var(--e-global-color-a181bc1);
    border-right: 0px solid transparent;
    border-bottom: 0;
    border-left: 0;
}

.triangle_hover .elementor-widget-container::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 7px;
    width: 0;
    height: 0;
    transition: all .35s ease-out;
    border-top: 0;
    border-right: 0;
    border-bottom: 0px solid var(--e-global-color-a181bc1);
    border-left: 0px solid transparent;
}

.triangle_hover .elementor-widget-container:hover:before {
    border-top-width: 19px;
    border-right-width: 19px;
}

.triangle_hover .elementor-widget-container:hover:after {
    border-bottom-width: 19px;
    border-left-width: 19px;
}


/* -- Social Hover -- */

.social_triangle_hover .elementor-share-btn {
    position: relative;
}

.social_triangle_hover .elementor-share-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    transition: all .35s ease-out;
    border-top: 0px solid var(--e-global-color-a181bc1);
    border-right: 0px solid transparent;
    border-bottom: 0;
    border-left: 0;
}

.social_triangle_hover .elementor-share-btn::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    transition: all .35s ease-out;
    border-top: 0;
    border-right: 0;
    border-bottom: 0px solid var(--e-global-color-a181bc1);
    border-left: 0px solid transparent;
}

.social_triangle_hover .elementor-share-btn:hover:before {
    border-top-width: 19px;
    border-right-width: 19px;
}

.social_triangle_hover .elementor-share-btn:hover:after {
    border-bottom-width: 19px;
    border-left-width: 19px;
}


/* 
--------------------------------------
--------------- Events --------------- 
--------------------------------------
*/


/* -------------- Home Events -------------- */

.events_list_home .event {
    display: flex;
    column-gap: 33px;
    align-items: center;
}

.events_list_home .event:not(:last-of-type) {
    margin-bottom: 40px;
}


/* -- Date -- */

.events_list_home .event .date {
    width: 60px;
    height: 60px;
    transform: rotate(45deg);
    background-color: var(--e-global-color-a181bc1);
    color: var(--e-global-color-primary);
    position: relative;
    transition: all 500ms ease-out;
}

.events_list_home .event .date .date_content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: all 500ms ease-out;
}

.events_list_home .event .date .date_content .day,
.events_list_home .event .date .date_content .year {
    /* font */
    font-size: var(--e-global-typography-f80ffab-font-size);
    font-weight: var(--e-global-typography-f80ffab-font-weight);
    line-height: var(--e-global-typography-f80ffab-line-height);
}

.events_list_home .event .date .date_content .month {
    text-transform: uppercase;
    /* font */
    font-size: var(--e-global-typography-44d2b64-font-size);
    font-weight: var(--e-global-typography-44d2b64-font-weight);
    line-height: var(--e-global-typography-44d2b64-line-height);
}


/* -- Content (Title, Excerpt, etc..) -- */

.events_list_home .event .content {
    width: calc(100% - 83px - 33px - 83px - 33px);
}

.events_list_home .event .content .remote_type {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.events_list_home .event .content .remote_type img {
    width: 26px;
    height: 26px;
}

.events_list_home .event .content .remote_type .event_type {
    padding: 4px 8px;
    transition: all 500ms ease-out;
    transform: rotate(-6deg);
    background-color: var(--e-global-color-a181bc1);
    color: var(--e-global-color-secondary);
    /* font */
    font-size: var(--e-global-typography-44d2b64-font-size);
    font-weight: var(--e-global-typography-44d2b64-font-weight);
    line-height: var(--e-global-typography-44d2b64-line-height);
}

.events_list_home .event .content .remote_type .event_type.none {
    opacity: 0;
}

.events_list_home .event .content .event_title {
    margin-top: 6px;
    margin-bottom: 6px;
    color: var(--e-global-color-a181bc1);
    /* font */
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    line-height: var(--e-global-typography-accent-line-height);
}

.events_list_home .event .content .place_hour {
    display: flex;
    align-items: center;
    column-gap: 16px;
    /* font */
    font-size: var(--e-global-typography-44d2b64-font-size);
    font-weight: var(--e-global-typography-44d2b64-font-weight);
    line-height: var(--e-global-typography-44d2b64-line-height);
}

.events_list_home .event .content .place_hour .place {
    display: flex;
    align-items: center;
    column-gap: 10px;
    color: var(--e-global-color-secondary);
}

.events_list_home .event .content .place_hour .place_texte {
    width: calc(100% - 16px);
}

.events_list_home .event .content .place_hour .hour {
    color: var(--e-global-color-a181bc1);
}


/* -- See more -- */

.events_list_home .event .see_more_wrapper {
    position: relative;
    width: 83px;
    height: 83px;
    overflow: hidden;
}

.events_list_home .event .see_more_wrapper .see_more_rectangle {
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 21px;
    height: 21px;
    background-color: var(--e-global-color-a181bc1);
    transition: all 500ms ease-out;
    opacity: 0;
}

.events_list_home .event .see_more_wrapper .see_more_chevron {
    z-index: 10;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-100%, -50%);
    width: 37px;
    height: 37px;
    background-image: url("img/icons/chevron-right.svg");
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    transition: all 500ms ease-out;
}

.events_list_home .event .see_more_wrapper .see_more_top_right_triangle {
    z-index: 10;
    transform: translate(100%, -100%);
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 34px solid var(--e-global-color-primary);
    border-right: 0;
    border-bottom: 0;
    border-left: 34px solid transparent;
    transition: all 500ms ease-out;
}

.events_list_home .event .see_more_wrapper .see_more_bottom_left_triangle {
    z-index: 10;
    transform: translate(-100%, 100%);
    position: absolute;
    left: -1;
    bottom: 0;
    width: 34px;
    height: 34px;
    border-top: 0;
    border-right: 34px solid transparent;
    border-bottom: 34px solid var(--e-global-color-primary);
    border-left: 0;
    transition: all 500ms ease-out;
}


/* -- Hover -- */

.events_list_home .event:hover .date {
    transform: rotate(315deg);
}

.events_list_home .event:hover .date .date_content {
    transform: translateX(-50%) translateY(-50%)rotate(-315deg);
}

.events_list_home .event:hover .content .remote_type .event_type {
    transform: rotate(6deg);
}

.events_list_home .event:hover .see_more_wrapper .see_more_rectangle {
    width: 83px;
    height: 83px;
    opacity: 1;
}

.events_list_home .event:hover .see_more_wrapper .see_more_chevron {
    left: 50%;
    transform: translate(-50%, -50%);
}

.events_list_home .event:hover .see_more_wrapper .see_more_top_right_triangle {
    transform: translate(0, 0);
}

.events_list_home .event:hover .see_more_wrapper .see_more_bottom_left_triangle {
    transform: translate(0, 0);
}


/* -- Responsive -- */

@media screen and (max-width: 768px) {
    .events_list_home .event {
        padding: 0 20px;
    }

    .events_list_home .event .content {
        width: calc(100% - 83px - 33px);
    }

    .events_list_home .event .see_more_wrapper {
        display: none;
    }
}


/* -------------- Sticky Events -------------- */

.sticky_events_container {
    display: flex;
    column-gap: 95px;
    padding-bottom: 70px;
}


/* -- Thumbnail Col -- */

.sticky_events_container .thumbnail_col {
    width: 546px;
}

.sticky_events_container .thumbnail_col .event_thumbnail {
    display: none;
    padding-top: 99px;
    transition: opacity 350ms ease-out;
    opacity: 0;
}

.sticky_events_container .thumbnail_col .event_thumbnail.active {
    display: block;
    position: relative;
}

.sticky_events_container .thumbnail_col .event_thumbnail img {
    width: 100%;
    height: 531px;
    object-fit: cover;
    object-position: center center;
}

.sticky_events_container .thumbnail_col .event_thumbnail .none {
    width: 100%;
    height: 531px;
    background-color: var(--e-global-color-30b5a7a);
    background-image: url('img/pictos/events/default.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 148px 148px;
    transition: all 350ms ease-out;
}

.sticky_events_container .thumbnail_col .event_thumbnail.active::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    transition: all .35s ease-out;
    border-top: 0;
    border-right: 0;
    border-bottom: 90px solid var(--e-global-color-a181bc1);
    border-left: 90px solid transparent;
}


/* -- Content Col -- */

.sticky_events_container .content_col {
    width: 796px;
    padding-right: 218px;
}

@media screen and (max-width: 1024px) {
    .sticky_events_container .thumbnail_col {
        width: 45%;
    }

    .sticky_events_container .content_col {
        padding-right: 20px;
    }
}

@media screen and (max-width: 767px) {
    .sticky_events_container {
        flex-wrap: wrap;
    }

    .sticky_events_container .thumbnail_col {
        width: 100%;
        padding: 0 10px;
    }

    .sticky_events_container .content_col {
        width: 100%;
        padding: 20px 10px 0 10px;
    }
}

.sticky_events_container .content_col h2 {
    margin-bottom: 56px;
    color: var(--e-global-color-text);
    /* font */
    font-size: var(--e-global-typography-secondary-font-size);
    font-weight: var(--e-global-typography-secondary-font-weight);
    line-height: var(--e-global-typography-secondary-line-height);
}

.sticky_events_container .content_col .event_content {
    display: none;
    transition: opacity 350ms ease-out;
    opacity: 0;
}

.sticky_events_container .content_col .event_content.active {
    display: block;
}


/* -- Event region -- */

.sticky_events_container .content_col .region {
    display: inline-block;
    margin-left: -4px;
    padding: 10px;
    transform: rotate(-6deg);
    background-color: var(--e-global-color-6233268);
    color: var(--e-global-color-text);
    z-index: 1;
    transition: all 350ms ease-out;
    /* font */
    font-size: var(--e-global-typography-1cc4b53-font-size);
    line-height: var(--e-global-typography-1cc4b53-line-height);
    font-weight: var(--e-global-typography-1cc4b53-font-weight);
}

.sticky_events_container .content_col .region.none {
    opacity: 0;
}


/* -- Event Title -- */

.sticky_events_container .content_col .event_title {
    margin: 10px 0 20px 0;
    color: var(--e-global-color-text);
    /* font */
    font-size: var(--e-global-typography-b3e528e-font-size);
    line-height: var(--e-global-typography-b3e528e-line-height);
    font-weight: var(--e-global-typography-b3e528e-font-weight);
}


/* -- Event details -- */

.sticky_events_container .content_col .details img {
    vertical-align: top;
    width: 54px;
    height: 54px;
}

.sticky_events_container .content_col .details .event_date {
    display: inline-block;
    margin-right: 48px;
    margin-left: 14px;
    max-width: 155px;
    color: var(--e-global-color-primary);
    /* font */
    font-size: var(--e-global-typography-3f51692-font-size);
    line-height: var(--e-global-typography-3f51692-line-height);
    font-weight: var(--e-global-typography-3f51692-font-weight);
}

.sticky_events_container .content_col .details .event_hour {
    display: inline-block;
    max-width: 100px;
    color: var(--e-global-color-primary);
    /* font */
    font-size: var(--e-global-typography-3f51692-font-size);
    line-height: var(--e-global-typography-3f51692-line-height);
    font-weight: var(--e-global-typography-3f51692-font-weight);
}


/* -- Event place -- */

.sticky_events_container .content_col .event_place {
    margin-top: 22px;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    column-gap: 6px;
    color: var(--e-global-color-secondary);
    /* font */
    font-size: var(--e-global-typography-accent-font-size);
    line-height: var(--e-global-typography-accent-line-height);
    font-weight: var(--e-global-typography-accent-font-weight);
}


/* -- For Subscribers -- */

.sticky_events_container .content_col .event_for_subscribers {
    color: var(--e-global-color-text);
    margin-bottom: 10px;
    /* font */
    font-size: var(--e-global-typography-accent-font-size);
    line-height: var(--e-global-typography-accent-line-height);
    font-weight: var(--e-global-typography-accent-font-weight);
}


/* -- Event types -- */

.sticky_events_container .content_col .events_tags {
    margin-bottom: 30px;
}

.sticky_events_container .content_col .events_tags .tag {
    display: inline-block !important;
    position: relative;
    visibility: visible;
    padding: 15px 30px;
    margin-right: 24px;
    margin-bottom: 15px;
    color: var(--e-global-color-primary);
    background-color: var(--e-global-color-30b5a7a);
    /* font */
    font-size: var(--e-global-typography-f76d896-font-size);
    line-height: var(--e-global-typography-f76d896-line-height);
    font-weight: var(--e-global-typography-f76d896-font-weight);
}

.sticky_events_container .content_col .events_tags .tag::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    transition: all .35s ease-out;
    border-top: 24px solid var(--e-global-color-a181bc1);
    border-right: 24px solid transparent;
    border-bottom: 0;
    border-left: 0;
}

.sticky_events_container .content_col .events_tags .tag::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    transition: all .35s ease-out;
    border-top: 0;
    border-right: 0;
    border-bottom: 24px solid var(--e-global-color-a181bc1);
    border-left: 24px solid transparent;
}


/* -- Event excerpt -- */

.sticky_events_container .content_col .event_excerpt {
    margin-bottom: 25px;
    color: var(--e-global-color-text);
    /* font */
    font-size: var(--e-global-typography-text-font-size);
    line-height: var(--e-global-typography-text-line-height);
    font-weight: var(--e-global-typography-text-font-weight);
}

.sticky_events_container .content_col .event_excerpt p {
    margin-bottom: 0;
}


/* -- Slide pagination -- */

.sticky_events_container .content_col .slide_pagination {
    margin-top: 40px;
    display: flex;
    align-items: center;
    column-gap: 130px;
}

.sticky_events_container .content_col .slide_pagination .slide_pagination_numbers {
    display: flex;
    align-items: center;
    column-gap: 8px;
    /* font */
    font-size: var(--e-global-typography-accent-font-size);
    line-height: var(--e-global-typography-accent-line-height);
    font-weight: var(--e-global-typography-accent-font-weight);
}

.sticky_events_container .content_col .slide_pagination .slide_pagination_numbers #current_page {
    color: var(--e-global-color-secondary);
}

.sticky_events_container .content_col .slide_pagination .slide_pagination_numbers #separator {
    width: 35px;
    height: 1px;
    background-color: var(--e-global-color-text);
}

.sticky_events_container .content_col .slide_pagination .slide_pagination_numbers #last_page {
    color: var(--e-global-color-text);
}

.sticky_events_container .content_col .slide_pagination .slide_pagination_arrow {
    display: flex;
    align-items: center;
    column-gap: 12px;
}

.sticky_events_container .content_col .slide_pagination .slide_pagination_arrow .prev_arrow,
.sticky_events_container .content_col .slide_pagination .slide_pagination_arrow .next_arrow {
    position: relative;
    cursor: pointer;
    z-index: 10;
}

.sticky_events_container .content_col .slide_pagination .slide_pagination_arrow #prev,
.sticky_events_container .content_col .slide_pagination .slide_pagination_arrow #next {
    display: inline-block;
    z-index: 10;
    width: 37px;
    height: 26px;
    vertical-align: bottom;
    z-index: 10;
}

.sticky_events_container .content_col .slide_pagination .slide_pagination_arrow #prev,
.sticky_events_container .content_col .slide_pagination .slide_pagination_arrow #next {
    background-image: url('img/icons/arrows/arrow.svg');
    background-position: center center;
}

.sticky_events_container .content_col .slide_pagination .slide_pagination_arrow #prev {
    background-image: url('img/icons/arrows/arrow_prev.svg');
    transform: rotate(180deg);
}

.sticky_events_container .content_col .slide_pagination .slide_pagination_arrow .prev_arrow::before,
.sticky_events_container .content_col .slide_pagination .slide_pagination_arrow .next_arrow::before {
    content: "";
    width: 2px;
    height: 2px;
    background-color: var(--e-global-color-30b5a7a);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(60deg);
    z-index: -1;
    transition: all 350ms ease-out;
}

.sticky_events_container .content_col .slide_pagination .slide_pagination_arrow .next_arrow::before {
    transform: translate(-50%, -50%) rotate(-60deg);
}


/* - Hover - */

.sticky_events_container .content_col .slide_pagination .slide_pagination_arrow .prev_arrow:hover::before,
.sticky_events_container .content_col .slide_pagination .slide_pagination_arrow .next_arrow:hover::before {
    width: 28px;
    height: 28px;
    transform: translate(-50%, -50%) rotate(25deg);
}

.sticky_events_container .content_col .slide_pagination .slide_pagination_arrow .next_arrow:hover::before {
    transform: translate(-50%, -50%) rotate(-25deg);
}


/* -------------- Event Search -------------- */

.events_search {
    display: flex;
    align-items: center;
    column-gap: 11px;
    row-gap: 15px;
    justify-content: center;
    margin-bottom: 98px;
}

.events_search #event_name {
    max-width: 396px;
    padding-right: 57px !important;
    background-image: url("img/icons/search.svg");
    background-repeat: no-repeat;
    background-position: calc(100% - 16px) center;
    background-size: 25px;
}

.events_search #event_region {
    max-width: 262px;
    border: none;
    appearance: none;
    background-color: var(--e-global-color-6233268);
    padding-right: 45px !important;
    background-image: url("img/icons/accordion_chevron.svg");
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) center;
    background-size: 21px;
}

.events_search #event_region:focus {
    padding-bottom: 16px !important;
}

.events_search #event_thematic {
    max-width: 325px;
    border: none;
    appearance: none;
    background-color: var(--e-global-color-6233268);
    padding-right: 45px !important;
    background-image: url("img/icons/accordion_chevron.svg");
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) center;
    background-size: 21px;
}

.events_search #event_thematic:focus {
    padding-bottom: 16px !important;
}

@media screen and (max-width: 1024px) {
    .events_search {
        flex-wrap: wrap;
    }

    .events_search #event_name,
    .events_search #event_region,
    .events_search #event_thematic {
        max-width: 100%;
    }
}


/* -------------- Event List -------------- */

.events_list .event_list_row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 30px;
    row-gap: 79px;
}

.events_list .event_list_row:not(:last-of-type) {
    margin-bottom: 79px;
}

.events_list .event {
    padding-bottom: 14px;
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 1024px) {
    .events_list .event_list_row {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 767px) {
    .events_list .event_list_row {
        grid-template-columns: 1fr;
    }
}


/* -- Thumbnail -- */

.events_list .event_list_row .event:nth-child(1) .thumbnail {
    padding: 45px 45px 0 0;
    background-image: url("img/pictos/events/diamond_logo.svg");
    background-position: 100% 0;
    background-repeat: no-repeat;
    transition: all 350ms ease-out;
}

.events_list .event_list_row .event:nth-child(2) .thumbnail {
    padding: 0 45px 45px 0;
    background-image: url("img/pictos/events/diamond_logo.svg");
    background-position: 100% 100%;
    background-repeat: no-repeat;
    transition: all 350ms ease-out;
}

.events_list .event_list_row .event:nth-child(3) .thumbnail {
    padding: 45px 0 0 45px;
    background-image: url("img/pictos/events/logo_diamond.svg");
    background-position: 0 0;
    background-repeat: no-repeat;
    transition: all 350ms ease-out;
}

/* -- Home 2024 -- */

.events_list.events_list_home_2024 .event_list_row {
    column-gap: 95px;
}

/* -- On Yellow bg -- */

.events_list_yellow_bg .event_list_row .event:nth-child(1) .thumbnail {
    background-image: url("img/pictos/events/diamond_logo_yellow.svg");
}

.events_list_yellow_bg .event_list_row .event:nth-child(2) .thumbnail {
    background-image: url("img/pictos/events/diamond_logo_yellow.svg");
}

.events_list_yellow_bg .event_list_row .event:nth-child(3) .thumbnail {
    background-image: url("img/pictos/events/logo_diamond_yellow.svg");
}

.events_list .event .thumbnail img {
    width: 305px;
    height: 233px;
    object-fit: cover;
    object-position: center center;
    transition: all 350ms ease-out;
}

.events_list .event .thumbnail .none {
    width: 305px;
    height: 233px;
    background-color: var(--e-global-color-30b5a7a);
    background-image: url('img/pictos/events/default.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 148px 148px;
    transition: all 350ms ease-out;
}


/* -- Remote Image & Event Type -- */

.events_list .event .remote_event_type {
    margin-top: -89px;
    margin-bottom: 13px;
    transition: all 350ms ease-out;
}

.events_list .event .remote_event_type img {
    margin-left: 4px;
    display: block;
    z-index: 10;
    position: relative;
}

.events_list .event .remote_event_type .event_type {
    display: inline-block;
    margin-left: -14px;
    padding: 10px;
    transform: rotate(-6deg);
    background-color: var(--e-global-color-6233268);
    color: var(--e-global-color-text);
    z-index: 1;
    transition: all 350ms ease-out;
    /* font */
    font-size: var(--e-global-typography-1cc4b53-font-size);
    line-height: var(--e-global-typography-1cc4b53-line-height);
    font-weight: var(--e-global-typography-1cc4b53-font-weight);
}

.events_list.events_list_on_event .event .remote_event_type .event_type {
    background-color: var(--e-global-color-45af479);
    color: var(--e-global-color-secondary);
}

.events_list.events_list_replay .event .remote_event_type .event_type {
    background-color: var(--e-global-color-primary);
    color: var(--e-global-color-a181bc1);
}

.events_list .event .remote_event_type .event_type.none {
    opacity: 0;
}


/* -- Details (Title, Date...) -- */

.events_list .event .event-detail {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.events_list .event .event_title {
    color: var(--e-global-color-text);
    margin-bottom: 15px;
    /* font */
    font-size: var(--e-global-typography-b3e528e-font-size);
    line-height: var(--e-global-typography-b3e528e-line-height);
    font-weight: var(--e-global-typography-b3e528e-font-weight);
}

.events_list .event .event_date {
    color: var(--e-global-color-text);
    margin-bottom: 8px;
    transition: color 350ms ease-out;
    /* font */
    font-size: var(--e-global-typography-3f51692-font-size);
    line-height: var(--e-global-typography-3f51692-line-height);
    font-weight: var(--e-global-typography-3f51692-font-weight);
}

.events_list .event .event_place {
    color: var(--e-global-color-text);
    margin-bottom: 5px;
    /* font */
    font-size: var(--e-global-typography-accent-font-size);
    line-height: var(--e-global-typography-accent-line-height);
    font-weight: var(--e-global-typography-accent-font-weight);
}

.events_list .event .event_for_subscribers {
    color: var(--e-global-color-secondary);
    margin-bottom: 35px;
    /* font */
    font-size: var(--e-global-typography-accent-font-size);
    line-height: var(--e-global-typography-accent-line-height);
    font-weight: var(--e-global-typography-accent-font-weight);
}


/* -- Link -- */

.events_list .event .event_link {
    display: inline-block;
    position: relative;
    padding-left: 32px;
    transition: padding 350ms ease-out, color 350ms ease-out;
    color: var(--e-global-color-primary);
    margin-top: auto;
    margin-bottom: 0;
    /* font */
    font-size: 22px;
    line-height: 24px;
    font-weight: 700;
}

.events_list .event .event_link::before {
    content: "";
    width: 6.5px;
    height: 1px;
    background-color: var(--e-global-color-primary);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all 350ms ease-out;
}

.events_list .event .event_link::after {
    content: "";
    width: 7px;
    height: 7px;
    background-color: var(--e-global-color-primary);
    position: absolute;
    left: 10.5px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    transition: all 350ms ease-out;
}


/* -- Hover -- */

.events_list .event_list_row .event:nth-child(1):hover .thumbnail {
    padding: 0 45px 0 0;
    background-position: 100% 45px;
}

.events_list .event_list_row .event:nth-child(2):hover .thumbnail {
    padding: 0 45px 0 0;
    background-position: 100% calc(100% - 45px);
}

.events_list .event_list_row .event:nth-child(3):hover .thumbnail {
    padding: 0 0 0 45px;
    background-position: 0 45px;
}

.events_list .event:hover .thumbnail img {
    height: 278px;
}

.events_list .event:hover .thumbnail .none {
    height: 278px;
}

.events_list .event:hover .remote_event_type {
    margin-top: -82px;
}

.events_list .event:hover .remote_event_type .event_type {
    transform: rotate(6deg);
    margin-top: -7px;
}

.events_list .event:hover .event_date {
    color: var(--e-global-color-primary);
}

.events_list .event:hover .event_link {
    padding-left: 41px;
    color: var(--e-global-color-secondary);
}

.events_list .event:hover .event_link::before {
    width: 15px;
    background-color: var(--e-global-color-secondary);
}

.events_list .event:hover .event_link::after {
    background-color: var(--e-global-color-secondary);
    left: 19px;
}


/* -- Pagination -- */

#events .pagination {
    margin-top: 60px;
    text-align: center;
}


/* -- Loader -- */

.loading_container {
    display: flex;
    flex-direction: column;
    row-gap: 15px;
    align-items: center;
}

.loading_container #loader {
    width: 75px;
    height: 75px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url('img/icons/spinner.svg');
    animation: spinnerRotation 2s infinite linear;
}

.loading_container #loader_text {
    color: var(--e-global-color-text);
    /* font */
    font-size: 22px;
    line-height: 24px;
    font-weight: 700;
}

.loading_container #default_text {
    margin-top: 122px;
    margin-bottom: 123px;
    color: var(--e-global-color-text);
    /* font */
    font-size: var(--e-global-typography-367c8dc-font-size);
    line-height: var(--e-global-typography-367c8dc-line-height);
    font-weight: var(--e-global-typography-367c8dc-font-weight);
}


/* -- Input Spinner Animation -- */

@keyframes spinnerRotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}


/* -- No result -- */

.no_result {
    text-align: center;
    color: var(--e-global-color-text);
    /* font */
    font-size: 22px;
    line-height: 24px;
    font-weight: 700;
}


/* -------------- Event List More -------------- */
.events_list_more {
    text-align: center;
    margin: 75px auto;
}


/* -------------- Event Template -------------- */


/* --- Event Tags --- */

.event_tags .elementor-post-info .elementor-icon-list-text .elementor-post-info__terms-list {
    display: inline-block !important;
    visibility: visible;
    padding: 15px 30px;
    margin-right: 18px;
    margin-bottom: 15px;
    background-color: var(--e-global-color-30b5a7a);
    position: relative;
}

.event_tags .elementor-post-info .elementor-icon-list-text .elementor-post-info__terms-list::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    transition: all .35s ease-out;
    border-top: 24px solid var(--e-global-color-a181bc1);
    border-right: 24px solid transparent;
    border-bottom: 0;
    border-left: 0;
}

.event_tags .elementor-post-info .elementor-icon-list-text .elementor-post-info__terms-list::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    transition: all .35s ease-out;
    border-top: 0;
    border-right: 0;
    border-bottom: 24px solid var(--e-global-color-a181bc1);
    border-left: 24px solid transparent;
}


/* -- Event Date -- */

.event_date {
    color: var(--e-global-color-6233268);
    /* font */
    font-size: var(--e-global-typography-1cc4b53-font-size);
    line-height: var(--e-global-typography-1cc4b53-line-height);
    font-weight: var(--e-global-typography-1cc4b53-font-weight);
}


/* -- Event Hour -- */

.event_hour {
    color: var(--e-global-color-primary);
    /* font */
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
}

.replay_video {
    margin-top: 20px;
}

.replay_video,
.replay_file {
    margin-top: 20px;
}

/* --- Event Subscribe --- */

.subscribe_container #valid_subscription,
.subscribe_container #already_subscribe_wrapper,
.subscribe_container #full_event_wrapper,
.subscribe_container #error_subscription {
    display: none;
}

.subscribe_container #valid_subscription,
.subscribe_container #already_subscribe_wrapper {
    color: var(--e-global-color-4da2cad);
    display: none;
    font-size: 24px;
    line-height: 24px;
}

.subscribe_container #already_subscribe_wrapper,
.subscribe_container #full_event_wrapper,
.subscribe_container #error_subscription {
    text-align: center;
    display: none;
}

.subscribe_container #subscribe_button_wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    justify-content: center;
}

.subscribe_container #subscribe_button_wrapper button,
#subscribe_connect_button {
    font-size: 20px;
    font-weight: bold;
    line-height: 22px;
    padding: 14px 18px;
}

#subscribe_connect_button {
    margin: 0 auto 50px auto;
    display: block;
    width: fit-content;
}


.subscribe_container button span,
#subscribe_connect_button span {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 15px;
}


.subscribe_container button span::after,
#subscribe_connect_button span::after {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url('img/pictos/events/near.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    display: inline-block;
}


.subscribe_container button.loading span::after {
    content: "";
    background-image: url('img/icons/spinner_white.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    display: inline-block;
    animation: spinnerRotation 2s infinite linear;
}

@media screen and (max-width: 767px) {

    .subscribe_container #subscribe_button_wrapper button,
    #subscribe_connect_button {
        font-size: 24px;
        line-height: 20px;
        padding: 15px 20px;
    }

    .subscribe_container button span::after,
    #subscribe_connect_button span::after {
        width: 30px;
        height: 30px;
    }
}

/* 
-------------------------------------
-------------- Studies --------------
-------------------------------------
*/


/* -------------- Studies List -------------- */

.studies_list .studies_list_row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 30px;
    row-gap: 41px;
}

.studies_list .studies_list_row:not(:last-of-type) {
    margin-bottom: 41px;
}

.studies_list .study {
    padding-bottom: 14px;
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 1024px) {
    .studies_list .studies_list_row {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 767px) {
    .studies_list .studies_list_row {
        grid-template-columns: 1fr;
    }
}


/* -- Thumbnail -- */

.studies_list .studies_list_row .study:nth-child(1) .thumbnail {
    padding: 45px 45px 0 0;
    background-image: url("img/pictos/events/diamond_logo.svg");
    background-position: 100% 0;
    background-repeat: no-repeat;
    transition: all 350ms ease-out;
}

.studies_list .studies_list_row .study:nth-child(2) .thumbnail {
    padding: 0 45px 45px 0;
    background-image: url("img/pictos/events/diamond_logo.svg");
    background-position: 100% 100%;
    background-repeat: no-repeat;
    transition: all 350ms ease-out;
}

.studies_list .studies_list_row .study:nth-child(3) .thumbnail {
    padding: 45px 0 0 45px;
    background-image: url("img/pictos/events/logo_diamond.svg");
    background-position: 0 0;
    background-repeat: no-repeat;
    transition: all 350ms ease-out;
}


/* -- On Yellow bg -- */

.studies_list_yellow_bg .studies_list_row .study:nth-child(1) .thumbnail {
    background-image: url("img/pictos/events/diamond_logo_yellow.svg");
}

.studies_list_yellow_bg .studies_list_row .study:nth-child(2) .thumbnail {
    background-image: url("img/pictos/events/diamond_logo_yellow.svg");
}

.studies_list_yellow_bg .studies_list_row .study:nth-child(3) .thumbnail {
    background-image: url("img/pictos/events/logo_diamond_yellow.svg");
}

.studies_list .study .thumbnail .thumbnail_img_wrapper {
    width: 305px;
    height: 233px;
    background-color: var(--e-global-color-45af479);
    overflow: hidden;
    perspective: 600px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    transition: all 350ms ease-out;
}

.studies_list .studies_list_row .study:nth-child(2) .thumbnail .thumbnail_img_wrapper {
    align-items: flex-end;
}

.studies_list .study .thumbnail .thumbnail_img_wrapper .book {
    width: 180px;
    height: 257px;
    position: relative;
    transform-style: preserve-3d;
    transform: rotateX(7deg) rotateY(20deg) rotateZ(-7deg);
}

.studies_list .study .thumbnail .thumbnail_img_wrapper .book::before {
    content: "";
    height: 257px;
    width: 30px;
    position: absolute;
    right: 0;
    left: -15px;
    top: 0;
    bottom: 0;
    background: var(--e-global-color-primary);
    transform: rotateY(-80deg) translateX(-14px);
}

.studies_list .study .thumbnail img {
    width: 180px;
    height: 257px;
    object-fit: cover;
    object-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 5px 5px 20px #666;
}

.studies_list .study .thumbnail .classic_thumbnail {
    width: 305px;
    height: 233px;
    background-color: var(--e-global-color-45af479);
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    transition: all 350ms ease-out;
}

.studies_list .studies_list_row .study:nth-child(2) .thumbnail .classic_thumbnail {
    align-items: flex-end;
}

.studies_list .study .thumbnail .classic_thumbnail img {
    position: relative;
    box-shadow: none;
}

.studies_list .study .thumbnail .none {
    width: 305px;
    height: 233px;
    background-color: var(--e-global-color-30b5a7a);
    background-image: url('img/pictos/studies/default.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 148px 148px;
    transition: all 350ms ease-out;
}


/* -- Details (Title, Date...) -- */

.studies_list .study .study_detail {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    padding-top: 30px;
}

.studies_list .study .study_date {
    color: var(--e-global-color-accent);
    margin-bottom: 2px;
    text-transform: capitalize;
    transition: color 350ms ease-out;
    /* font */
    font-size: var(--e-global-typography-text-font-size);
    line-height: var(--e-global-typography-text-line-height);
    font-weight: var(--e-global-typography-text-font-weight);
}

.studies_list .study .study_title {
    color: var(--e-global-color-text);
    margin-bottom: 50px;
    flex-grow: 1;
    /* font */
    font-size: var(--e-global-typography-b3e528e-font-size);
    line-height: var(--e-global-typography-b3e528e-line-height);
    font-weight: var(--e-global-typography-b3e528e-font-weight);
}


/* -- Link -- */

.studies_list .study .study_link {
    display: inline-block;
    position: relative;
    padding-left: 32px;
    transition: padding 350ms ease-out, color 350ms ease-out;
    color: var(--e-global-color-primary);
    margin-bottom: 0;
    /* font */
    font-size: 22px;
    line-height: 24px;
    font-weight: 700;
}

.studies_list .study .study_link::before {
    content: "";
    width: 6.5px;
    height: 1px;
    background-color: var(--e-global-color-primary);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all 350ms ease-out;
}

.studies_list .study .study_link::after {
    content: "";
    width: 7px;
    height: 7px;
    background-color: var(--e-global-color-primary);
    position: absolute;
    left: 10.5px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    transition: all 350ms ease-out;
}


/* -- Hover -- */

.studies_list .studies_list_row .study:nth-child(1):hover .thumbnail {
    padding: 0 45px 0 0;
    background-position: 100% 45px;
}

.studies_list .studies_list_row .study:nth-child(2):hover .thumbnail {
    padding: 0 45px 0 0;
    background-position: 100% calc(100% - 45px);
}

.studies_list .studies_list_row .study:nth-child(3):hover .thumbnail {
    padding: 0 0 0 45px;
    background-position: 0 45px;
}

.studies_list .study:hover .thumbnail .thumbnail_img_wrapper {
    height: 278px;
}

.studies_list .study:hover .thumbnail .classic_thumbnail {
    height: 278px;
}

.studies_list .study:hover .thumbnail .none {
    height: 278px;
}

.studies_list .study:hover .study_link {
    padding-left: 41px;
    color: var(--e-global-color-secondary);
}

.studies_list .study:hover .study_link::before {
    width: 15px;
    background-color: var(--e-global-color-secondary);
}

.studies_list .study:hover .study_link::after {
    background-color: var(--e-global-color-secondary);
    left: 19px;
}


/* -------------- Study Document -------------- */

.study_document {
    margin-bottom: 25px;
}

.study_document .document_title {
    color: var(--e-global-color-text);
    margin-bottom: 5px;
    /* font */
    font-size: var(--e-global-typography-9fd7036-font-size);
    line-height: var(--e-global-typography-9fd7036-line-height);
    font-weight: 700;
}

.study_document .document_description {
    color: var(--e-global-color-3f51692);
    margin-bottom: 10px;
    /* font */
    font-size: var(--e-global-typography-44d2b64-font-size);
    line-height: var(--e-global-typography-44d2b64-line-height);
    font-weight: var(--e-global-typography-44d2b64-font-weight);
}

.study_document .document_description p {
    margin-bottom: 5px;
}

.study_document .document_description p:last-of-type {
    margin-bottom: 0;
}

.study_document .document_description p a {
    text-decoration: underline;
    color: var(--e-global-color-secondary);
    transition: color 350ms ease-out;
}

.study_document .document_description p a:hover {
    color: var(--e-global-color-primary);
}


/* -------------- Study Cover -------------- */

.study_cover .thumbnail_img_wrapper {
    width: 80%;
    height: 350px;
    perspective: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 350ms ease-out;
}

.study_cover .thumbnail_img_wrapper .book {
    width: 200px;
    height: 300px;
    position: relative;
    transform-style: preserve-3d;
    transform: rotateX(7deg) rotateY(20deg) rotateZ(-7deg);
}

.study_cover .thumbnail_img_wrapper .book::before {
    content: "";
    height: 300px;
    width: 30px;
    position: absolute;
    right: 0;
    left: -15px;
    top: 0;
    bottom: 0;
    background: var(--e-global-color-primary);
    transform: rotateY(-80deg) translateX(-14px);
}

.study_cover .thumbnail_img_wrapper .book img {
    width: 200px;
    height: 300px;
    object-fit: cover;
    object-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 5px 5px 20px #666;
}

.study_cover .classic_thumbnail {
    text-align: center;
}

.study_cover .none {
    width: 305px;
    height: 233px;
    background-color: var(--e-global-color-30b5a7a);
    background-image: url('img/pictos/studies/default.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 148px 148px;
    margin: 0 auto;
    transition: all 350ms ease-out;
}

@media screen and (max-width: 1024px) {
    .study_cover .thumbnail_img_wrapper {
        width: 100%;
    }
}


/* 
--------------------------------------
---------------- Shop ---------------- 
--------------------------------------
*/


/* -------------- Product Prices -------------- */

.current_product_page .current_price {
    color: var(--e-global-color-text);
    margin-bottom: 10px;
    /* font */
    font-size: var(--e-global-typography-1cc4b53-font-size);
    line-height: var(--e-global-typography-1cc4b53-line-height);
    font-weight: var(--e-global-typography-1cc4b53-font-weight);
}

.current_product_page .other_price {
    color: var(--e-global-color-accent);
    margin-bottom: 0;
    text-decoration: line-through;
    /* font */
    font-size: var(--e-global-typography-text-font-size);
    line-height: var(--e-global-typography-text-line-height);
    font-weight: 700;
}


/* -------------- Products List -------------- */

.products_list .products_list_row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 30px;
    row-gap: 41px;
}

.products_list .products_list_row:not(:last-of-type) {
    margin-bottom: 41px;
}

.products_list .product {
    padding-bottom: 14px;
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 1024px) {
    .products_list .products_list_row {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 767px) {
    .products_list .products_list_row {
        grid-template-columns: 1fr;
    }
}


/* -- Thumbnail -- */

.products_list .products_list_row .product:nth-child(1) .thumbnail {
    padding: 45px 45px 0 0;
    background-image: url("img/pictos/events/diamond_logo.svg");
    background-position: 100% 0;
    background-repeat: no-repeat;
    transition: all 350ms ease-out;
}

.products_list .products_list_row .product:nth-child(2) .thumbnail {
    padding: 0 45px 45px 0;
    background-image: url("img/pictos/events/diamond_logo.svg");
    background-position: 100% 100%;
    background-repeat: no-repeat;
    transition: all 350ms ease-out;
}

.products_list .products_list_row .product:nth-child(3) .thumbnail {
    padding: 45px 0 0 45px;
    background-image: url("img/pictos/events/logo_diamond.svg");
    background-position: 0 0;
    background-repeat: no-repeat;
    transition: all 350ms ease-out;
}


/* -- On Yellow bg -- */

.products_list_yellow_bg .products_list_row .product:nth-child(1) .thumbnail {
    background-image: url("img/pictos/events/diamond_logo_yellow.svg");
}

.products_list_yellow_bg .products_list_row .product:nth-child(2) .thumbnail {
    background-image: url("img/pictos/events/diamond_logo_yellow.svg");
}

.products_list_yellow_bg .products_list_row .product:nth-child(3) .thumbnail {
    background-image: url("img/pictos/events/logo_diamond_yellow.svg");
}

.products_list .product .thumbnail .thumbnail_img_wrapper {
    width: 305px;
    height: 233px;
    background-color: var(--e-global-color-45af479);
    overflow: hidden;
    perspective: 600px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    transition: all 350ms ease-out;
}

.products_list .products_list_row .product:nth-child(2) .thumbnail .thumbnail_img_wrapper {
    align-items: flex-end;
}

.products_list .product .thumbnail .thumbnail_img_wrapper .book {
    width: 180px;
    height: 257px;
    position: relative;
    transform-style: preserve-3d;
    transform: rotateX(7deg) rotateY(20deg) rotateZ(-7deg);
}

.products_list .product .thumbnail .thumbnail_img_wrapper .book::before {
    content: "";
    height: 257px;
    width: 30px;
    position: absolute;
    right: 0;
    left: -15px;
    top: 0;
    bottom: 0;
    background: var(--e-global-color-primary);
    transform: rotateY(-80deg) translateX(-14px);
}

.products_list .product .thumbnail .book img {
    width: 305px;
    height: 257px;
    object-fit: cover;
    object-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 5px 5px 20px #666;
}

.products_list .product .thumbnail .classic_thumbnail {
    width: 305px;
    height: 233px;
    background-color: var(--e-global-color-45af479);
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    transition: all 350ms ease-out;
}

.products_list .products_list_row .product:nth-child(2) .thumbnail .classic_thumbnail {
    align-items: flex-end;
}

.products_list .product .thumbnail .classic_thumbnail img {
    position: relative;
    box-shadow: none;
}

.products_list .product .thumbnail .none {
    width: 305px;
    height: 233px;
    background-color: var(--e-global-color-30b5a7a);
    background-image: url('img/pictos/products/default.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 148px 148px;
    transition: all 350ms ease-out;
}


/* -- Details (Title, Date...) -- */

.products_list .product .product_details {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    padding-top: 30px;
}

.products_list .product .product_date {
    color: var(--e-global-color-accent);
    margin-bottom: 2px;
    text-transform: capitalize;
    transition: color 350ms ease-out;
    /* font */
    font-size: var(--e-global-typography-text-font-size);
    line-height: var(--e-global-typography-text-line-height);
    font-weight: var(--e-global-typography-text-font-weight);
}

.products_list_yellow_bg .products_list_row .product .product_date {
    color: var(--e-global-color-a181bc1);
}

.products_list .product .product_title_link {
    flex-grow: 1;
}

.products_list .product .product_title {
    color: var(--e-global-color-text);
    margin-bottom: 22px;
    /* font */
    font-size: var(--e-global-typography-b3e528e-font-size);
    line-height: var(--e-global-typography-b3e528e-line-height);
    font-weight: var(--e-global-typography-b3e528e-font-weight);
}

.products_list .product .product_price {
    margin-bottom: 54px;
}

.products_list .product .product_price .current_price {
    color: var(--e-global-color-text);
    margin-bottom: 6px;
    /* font */
    font-size: var(--e-global-typography-1cc4b53-font-size);
    line-height: var(--e-global-typography-1cc4b53-line-height);
    font-weight: var(--e-global-typography-1cc4b53-font-weight);
}

.products_list .product .product_price .current_price span {
    color: var(--e-global-color-accent);
    /* font */
    font-size: var(--e-global-typography-text-font-size);
    line-height: var(--e-global-typography-text-line-height);
    font-weight: var(--e-global-typography-text-font-weight);
}

.products_list.products_list_yellow_bg .product .product_price .current_price span {
    color: var(--e-global-color-a181bc1);
}

.products_list .product .product_price .other_price {
    color: var(--e-global-color-text);
    margin-bottom: 0;
    text-decoration: line-through;
    /* font */
    font-size: var(--e-global-typography-text-font-size);
    line-height: var(--e-global-typography-text-line-height);
    font-weight: var(--e-global-typography-text-font-weight);
}


/* -- Link -- */

.products_list .product .product_link {
    display: inline-block;
    position: relative;
    padding-left: 32px;
    transition: padding 350ms ease-out, color 350ms ease-out;
    color: var(--e-global-color-primary);
    margin-bottom: 0;
    /* font */
    font-size: 22px;
    line-height: 24px;
    font-weight: 700;
}

.products_list .product .product_link::before {
    content: "";
    width: 6.5px;
    height: 1px;
    background-color: var(--e-global-color-primary);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all 350ms ease-out;
}

.products_list .product .product_link::after {
    content: "";
    width: 7px;
    height: 7px;
    background-color: var(--e-global-color-primary);
    position: absolute;
    left: 10.5px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    transition: all 350ms ease-out;
}

.products_list_yellow_bg .products_list_row .product .product_link {
    color: var(--e-global-color-text);
}

.products_list_yellow_bg .products_list_row .product .product_link::before,
.products_list_yellow_bg .products_list_row .product .product_link::after {
    background-color: var(--e-global-color-text);
}


/* -- Add to cart -- */

.products_list .product .product_add_to_cart {
    position: relative;
}

.products_list .product .product_add_to_cart::before {
    content: "";
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    transition: all .35s ease-out;
    border-top: 0px solid var(--e-global-color-a181bc1);
    border-right: 0px solid transparent;
    border-bottom: 0;
    border-left: 0;
}

.products_list .product .product_add_to_cart::after {
    content: "";
    z-index: 10;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    transition: all .35s ease-out;
    border-top: 0;
    border-right: 0;
    border-bottom: 0px solid var(--e-global-color-a181bc1);
    border-left: 0px solid transparent;
}

.products_list_yellow_bg .products_list_row .product .product_add_to_cart::before {
    border-top-color: var(--e-global-color-6233268);
}

.products_list_yellow_bg .products_list_row .product .product_add_to_cart::after {
    border-bottom-color: var(--e-global-color-6233268);
}

.products_list .product .product_add_to_cart .add_to_cart_button {
    color: var(--e-global-color-a181bc1);
    background-color: var(--e-global-color-text);
    border-radius: 0;
    padding: 16px 26px;
    /* font */
    font-size: var(--e-global-typography-f76d896-font-size);
    line-height: var(--e-global-typography-f76d896-line-height);
    font-weight: var(--e-global-typography-f76d896-font-weight);
}

.products_list .product .product_add_to_cart .added_to_cart {
    display: none;
}


/* -- Hover -- */

.products_list .products_list_row .product:nth-child(1):hover .thumbnail {
    padding: 0 45px 0 0;
    background-position: 100% 45px;
}

.products_list .products_list_row .product:nth-child(2):hover .thumbnail {
    padding: 0 45px 0 0;
    background-position: 100% calc(100% - 45px);
}

.products_list .products_list_row .product:nth-child(3):hover .thumbnail {
    padding: 0 0 0 45px;
    background-position: 0 45px;
}

.products_list .product:hover .thumbnail .thumbnail_img_wrapper {
    height: 278px;
}

.products_list .product:hover .thumbnail .classic_thumbnail {
    height: 278px;
}

.products_list .product:hover .thumbnail .none {
    height: 278px;
}

.products_list .product:hover .product_link {
    padding-left: 41px;
    color: var(--e-global-color-secondary);
}

.products_list .product:hover .product_link::before {
    width: 15px;
    background-color: var(--e-global-color-secondary);
}

.products_list .product:hover .product_link::after {
    background-color: var(--e-global-color-secondary);
    left: 19px;
}

.products_list .product:hover .product_add_to_cart::before {
    border-top-width: 20px;
    border-right-width: 20px;
}

.products_list .product:hover .product_add_to_cart::after {
    border-bottom-width: 20px;
    border-left-width: 20px;
}


/* -------------- Sticky Products -------------- */

.sticky_products_container {
    display: flex;
    column-gap: 95px;
}


/* -- Thumbnail Col -- */

.sticky_products_container .thumbnail_col {
    width: 546px;
    background-color: var(--e-global-color-primary);
    padding-top: 99px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sticky_products_container .thumbnail_col .product_thumbnail {
    display: none;
    transition: opacity 350ms ease-out;
    opacity: 0;
}

.sticky_products_container .thumbnail_col .product_thumbnail.active {
    display: block;
    width: 70%;
    height: 624px;
}

.sticky_products_container .thumbnail_col .product_thumbnail .thumbnail_img_wrapper {
    width: 100%;
    height: 515px;
    overflow: hidden;
    perspective: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 350ms ease-out;
}

.sticky_products_container .thumbnail_col .product_thumbnail .book {
    width: 300px;
    height: 400px;
    position: relative;
    transform-style: preserve-3d;
    transform: rotateX(7deg) rotateY(20deg) rotateZ(-7deg);
}

.sticky_products_container .thumbnail_col .product_thumbnail .book::before {
    content: "";
    height: 400px;
    width: 30px;
    position: absolute;
    right: 0;
    left: -15px;
    top: 0;
    bottom: 0;
    background: var(--e-global-color-secondary);
    transform: rotateY(-80deg) translateX(-14px);
}

.sticky_products_container .thumbnail_col .product_thumbnail .book img {
    width: 300px;
    height: 400px;
    object-fit: cover;
    object-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 5px 5px 20px #666;
}

.sticky_products_container .thumbnail_col .product_thumbnail .classic_thumbnail {
    height: 515px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sticky_products_container .thumbnail_col .product_thumbnail .classic_thumbnail img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center center;
    position: initial;
    box-shadow: none;
}

.sticky_products_container .thumbnail_col .product_thumbnail .none {
    width: 100%;
    height: 515px;
    background-color: var(--e-global-color-30b5a7a);
    background-image: url('img/pictos/products/default.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 148px 148px;
    transition: all 350ms ease-out;
}


/* -- Content Col -- */

.sticky_products_container .content_col {
    width: 796px;
    padding-right: 218px;
    padding-bottom: 70px;
}

@media screen and (max-width: 1024px) {
    .sticky_products_container .thumbnail_col {
        width: 45%;
    }

    .sticky_products_container .thumbnail_col .product_thumbnail.active {
        width: 100%;
    }

    .sticky_products_container .thumbnail_col .product_thumbnail .book,
    .sticky_products_container .thumbnail_col .product_thumbnail .book img {
        width: 150px;
        height: 200px;
    }

    .sticky_products_container .thumbnail_col .product_thumbnail .book::before {
        height: 200px;
    }

    .sticky_products_container .thumbnail_col .product_thumbnail .classic_thumbnail {
        padding: 0 20px;
    }

    .sticky_products_container .content_col {
        padding-right: 20px;
    }
}

@media screen and (max-width: 767px) {
    .sticky_products_container {
        flex-wrap: wrap;
    }

    .sticky_products_container .thumbnail_col {
        width: 100%;
        padding: 0 10px;
    }

    .sticky_products_container .thumbnail_col .product_thumbnail .book,
    .sticky_products_container .thumbnail_col .product_thumbnail .book img {
        width: 250px;
        height: 350px;
    }

    .sticky_products_container .thumbnail_col .product_thumbnail .book::before {
        height: 350px;
    }

    .sticky_products_container .thumbnail_col .product_thumbnail .classic_thumbnail {
        padding: 0;
    }

    .sticky_products_container .content_col {
        width: 100%;
        padding: 20px 10px 20px 10px;
    }
}

.sticky_products_container .content_col h2 {
    margin-bottom: 56px;
    color: var(--e-global-color-text);
    /* font */
    font-size: var(--e-global-typography-secondary-font-size);
    font-weight: var(--e-global-typography-secondary-font-weight);
    line-height: var(--e-global-typography-secondary-line-height);
}

.sticky_products_container .content_col .product_content {
    display: none;
    transition: opacity 350ms ease-out;
    opacity: 0;
}

.sticky_products_container .content_col .product_content.active {
    display: block;
}


/* -- Product Date -- */

.sticky_products_container .content_col .product_date {
    text-transform: capitalize;
    margin-bottom: 15px;
    color: var(--e-global-color-primary);
    /* font */
    font-size: var(--e-global-typography-f76d896-font-size);
    line-height: var(--e-global-typography-f76d896-line-height);
    font-weight: var(--e-global-typography-f76d896-font-weight);
}


/* -- Product Title -- */

.sticky_products_container .content_col .product_title {
    margin-bottom: 40px;
    color: var(--e-global-color-text);
    /* font */
    font-size: var(--e-global-typography-367c8dc-font-size);
    line-height: var(--e-global-typography-367c8dc-line-height);
    font-weight: var(--e-global-typography-367c8dc-font-weight);
}


/* -- Product excerpt -- */

.sticky_products_container .content_col .product_excerpt {
    margin-bottom: 34px;
    color: var(--e-global-color-text);
    /* font */
    font-size: var(--e-global-typography-text-font-size);
    line-height: var(--e-global-typography-text-line-height);
    font-weight: var(--e-global-typography-text-font-weight);
}

.sticky_products_container .content_col .product_excerpt p {
    margin-bottom: 0;
}


/* -- Product price -- */

.sticky_products_container .content_col .product_price {
    margin-bottom: 55px;
}

.sticky_products_container .content_col .product_price .current_price {
    color: var(--e-global-color-text);
    margin-bottom: 2px;
    /* font */
    font-size: var(--e-global-typography-b3e528e-font-size);
    line-height: var(--e-global-typography-b3e528e-line-height);
    font-weight: var(--e-global-typography-b3e528e-font-weight);
}

.sticky_products_container .content_col .product_price .current_price span {
    color: var(--e-global-color-accent);
    /* font */
    font-size: var(--e-global-typography-3f51692-font-size);
    line-height: var(--e-global-typography-3f51692-line-height);
    font-weight: var(--e-global-typography-3f51692-font-weight);
}

.sticky_products_container .content_col .product_price .other_price {
    color: var(--e-global-color-accent);
    margin-bottom: 0;
    text-decoration: line-through;
    /* font */
    font-size: var(--e-global-typography-text-font-size);
    line-height: var(--e-global-typography-text-line-height);
    font-weight: var(--e-global-typography-text-font-weight);
}


/* -- Product links -- */

.sticky_products_container .content_col .product_links {
    display: flex;
    align-items: center;
    column-gap: 20px;
}

.sticky_products_container .content_col .product_links .opnt-btn {
    padding: 16px 18px;
}

.sticky_products_container .content_col .product_links .product_add_to_cart {
    position: relative;
    padding: 14px 26px;
    background-color: var(--e-global-color-primary);
}

.sticky_products_container .content_col .product_links .product_add_to_cart::before {
    content: "";
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    transition: all .35s ease-out;
    border-top: 0px solid var(--e-global-color-a181bc1);
    border-right: 0px solid transparent;
    border-bottom: 0;
    border-left: 0;
}

.sticky_products_container .content_col .product_links .product_add_to_cart::after {
    content: "";
    z-index: 10;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    transition: all .35s ease-out;
    border-top: 0;
    border-right: 0;
    border-bottom: 0px solid var(--e-global-color-a181bc1);
    border-left: 0px solid transparent;
}

.sticky_products_container .content_col .product_links .product_add_to_cart .add_to_cart_button {
    color: var(--e-global-color-a181bc1);
    background-color: var(--e-global-color-primary);
    border-radius: 0;
    padding: 0;
    /* font */
    font-size: var(--e-global-typography-f76d896-font-size);
    line-height: var(--e-global-typography-f76d896-line-height);
    font-weight: var(--e-global-typography-f76d896-font-weight);
}

.sticky_products_container .content_col .product_links .product_add_to_cart .added_to_cart {
    display: none;
}

.sticky_products_container .content_col .product_links .product_add_to_cart:hover::before {
    border-top-width: 20px;
    border-right-width: 20px;
}

.sticky_products_container .content_col .product_links .product_add_to_cart:hover::after {
    border-bottom-width: 20px;
    border-left-width: 20px;
}


/* -- Slide pagination -- */

.sticky_products_container .content_col .slide_pagination {
    margin-top: 68px;
    display: flex;
    align-items: center;
    column-gap: 130px;
}

.sticky_products_container .content_col .slide_pagination.home_pagination {
    column-gap: 60px;
    row-gap: 35px;
    flex-wrap: wrap;
}

.sticky_products_container .content_col .slide_pagination .slide_pagination_numbers {
    display: flex;
    align-items: center;
    column-gap: 8px;
    /* font */
    font-size: var(--e-global-typography-accent-font-size);
    line-height: var(--e-global-typography-accent-line-height);
    font-weight: var(--e-global-typography-accent-font-weight);
}

.sticky_products_container .content_col .slide_pagination .slide_pagination_numbers #current_page {
    color: var(--e-global-color-secondary);
}

.sticky_products_container .content_col .slide_pagination .slide_pagination_numbers #separator {
    width: 35px;
    height: 1px;
    background-color: var(--e-global-color-text);
}

.sticky_products_container .content_col .slide_pagination .slide_pagination_numbers #last_page {
    color: var(--e-global-color-text);
}

.sticky_products_container .content_col .slide_pagination .slide_pagination_arrow {
    display: flex;
    align-items: center;
    column-gap: 12px;
}

.sticky_products_container .content_col .slide_pagination .slide_pagination_arrow .prev_arrow,
.sticky_products_container .content_col .slide_pagination .slide_pagination_arrow .next_arrow {
    position: relative;
    cursor: pointer;
    z-index: 10;
}

.sticky_products_container .content_col .slide_pagination .slide_pagination_arrow #prev,
.sticky_products_container .content_col .slide_pagination .slide_pagination_arrow #next {
    display: inline-block;
    z-index: 10;
    width: 37px;
    height: 26px;
    vertical-align: bottom;
    z-index: 10;
}

.sticky_products_container .content_col .slide_pagination .slide_pagination_arrow #prev,
.sticky_products_container .content_col .slide_pagination .slide_pagination_arrow #next {
    background-image: url('img/icons/arrows/arrow.svg');
    background-position: center center;
}

.sticky_products_container .content_col .slide_pagination .slide_pagination_arrow #prev {
    background-image: url('img/icons/arrows/arrow_prev.svg');
    transform: rotate(180deg);
}

.sticky_products_container .content_col .slide_pagination .slide_pagination_arrow .prev_arrow::before,
.sticky_products_container .content_col .slide_pagination .slide_pagination_arrow .next_arrow::before {
    content: "";
    width: 2px;
    height: 2px;
    background-color: var(--e-global-color-30b5a7a);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(60deg);
    z-index: -1;
    transition: all 350ms ease-out;
}

.sticky_products_container .content_col .slide_pagination .slide_pagination_arrow .next_arrow::before {
    transform: translate(-50%, -50%) rotate(-60deg);
}


/* - Hover - */

.sticky_products_container .content_col .slide_pagination .slide_pagination_arrow .prev_arrow:hover::before,
.sticky_products_container .content_col .slide_pagination .slide_pagination_arrow .next_arrow:hover::before {
    width: 28px;
    height: 28px;
    transform: translate(-50%, -50%) rotate(25deg);
}

.sticky_products_container .content_col .slide_pagination .slide_pagination_arrow .next_arrow:hover::before {
    transform: translate(-50%, -50%) rotate(-25deg);
}


/* -------------- Single Product -------------- */


/* -- Small card on button -- */

.elementor-menu-cart__toggle {
    position: relative;
}

.elementor-menu-cart__toggle::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 135px;
    height: 2px;
    background-color: var(--e-global-color-45af479);
    transition: all 500ms ease-out;
}

.elementor-menu-cart__toggle .elementor-button-icon {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    column-gap: 8px;
}

.elementor-menu-cart__toggle .elementor-button-icon[data-counter]:before {
    z-index: 10;
    transition: all 500ms ease-out;
    color: var(--e-global-color-a181bc1);
    grid-column: 3;
    grid-row: 1;
    width: 52.5px;
    height: 52.5px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background-image: url('img/pictos/woocommerce/cart_number_bg.svg');
    background-position: center center;
    background-repeat: no-repeat;
    /* font */
    font-size: var(--e-global-typography-f76d896-font-size);
    font-weight: var(--e-global-typography-f76d896-font-weight);
    line-height: var(--e-global-typography-f76d896-line-height);
}

.elementor-menu-cart__toggle .elementor-button-icon i {
    grid-column: 1 / 2;
    grid-row: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.elementor-menu-cart__toggle .elementor-button-icon i::before {
    content: '' !important;
    width: 25px;
    height: 25px;
    background-image: url('img/icons/shopping_bag.svg');
    background-position: center center;
    background-size: 100%;
}

.elementor-menu-cart__toggle .elementor-button-icon .elementor-screen-only {
    grid-column: 2 / 3;
    grid-row: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: initial !important;
    width: auto !important;
    height: auto !important;
    text-transform: capitalize;
    /* font */
    font-size: var(--e-global-typography-f76d896-font-size);
    font-weight: var(--e-global-typography-f76d896-font-weight);
    line-height: var(--e-global-typography-f76d896-line-height);
}

.elementor-menu-cart__toggle:hover .elementor-button-icon[data-counter]:before {
    background-image: url('img/pictos/woocommerce/cart_number_bg_hover.svg');
}

.elementor-menu-cart__toggle:hover::after {
    width: 173px;
    height: 3px;
    background-color: var(--e-global-color-30b5a7a);
}


/* -------------- Product Category -------------- */

.product_meta .detail-content a {
    display: inline-block !important;
    visibility: visible;
    padding: 15px 30px;
    margin-right: 18px;
    margin-bottom: 15px;
    background-color: var(--e-global-color-30b5a7a);
    position: relative;
}

.product_meta .detail-content a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    transition: all .35s ease-out;
    border-top: 24px solid var(--e-global-color-a181bc1);
    border-right: 24px solid transparent;
    border-bottom: 0;
    border-left: 0;
}

.product_meta .detail-content a::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    transition: all .35s ease-out;
    border-top: 0;
    border-right: 0;
    border-bottom: 24px solid var(--e-global-color-a181bc1);
    border-left: 24px solid transparent;
}


/* -------------- Product Add to cart -------------- */

.elementor-add-to-cart .cart button {
    margin-top: 0 !important;
}

.elementor-add-to-cart .cart .e-atc-qty-button-holder {
    position: relative;
}

.elementor-add-to-cart .cart .e-atc-qty-button-holder::after {
    content: '';
    z-index: 10;
    position: absolute;
    top: 50%;
    left: 103px;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-image: url('img/icons/basket_plus.svg');
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}


/* -------------- Cart -------------- */

.woocommerce-cart table.cart .product-thumbnail {
    display: none;
}


/* -- Small cart -- */

.elementor-menu-cart__product-image {
    display: none;
}

.elementor-menu-cart__product-name,
.elementor-menu-cart__product-price {
    grid-column-start: 1 !important;
}


/* -------------- Notices -------------- */

.e-woocommerce-notices-wrapper .woocommerce-error a,
.e-woocommerce-notices-wrapper .woocommerce-error a:hover {
    position: relative;
    padding: 16px 26px;
    color: var(--e-global-color-a181bc1);
    border-radius: 0;
    background-color: var(--e-global-color-primary);
    /* font */
    font-size: var(--e-global-typography-f76d896-font-size);
    font-weight: var(--e-global-typography-f76d896-font-weight);
    line-height: var(--e-global-typography-f76d896-line-height);
}

.e-woocommerce-notices-wrapper .woocommerce-error a::before {
    content: "";
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    transition: all .35s ease-out;
    border-top: 0px solid #F9F2F5;
    border-right: 0px solid transparent;
    border-bottom: 0;
    border-left: 0;
}

.e-woocommerce-notices-wrapper .woocommerce-error a::after {
    content: "";
    z-index: 10;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    transition: all .35s ease-out;
    border-top: 0;
    border-right: 0;
    border-bottom: 0px solid #F9F2F5;
    border-left: 0px solid transparent;
}

.e-woocommerce-notices-wrapper .woocommerce-error a:hover::before {
    border-top-width: 20px;
    border-right-width: 20px;
}

.e-woocommerce-notices-wrapper .woocommerce-error a:hover::after {
    border-bottom-width: 20px;
    border-left-width: 20px;
}


/* 
--------------------------------------
------------ Fiche Presta ------------ 
--------------------------------------
*/

.edit_fiche_presta h4 {
    margin-bottom: 25px;
    color: var(--e-global-color-text);
    /* font */
    font-size: var(--e-global-typography-b3e528e-font-size);
    font-weight: var(--e-global-typography-b3e528e-font-weight);
    line-height: var(--e-global-typography-b3e528e-line-height);
}


/* -- Logo -- */

.edit_fiche_presta .logo_container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    column-gap: 30px;
    margin-bottom: 10px;
}

.edit_fiche_presta .logo_container .logo_container_title {
    margin-bottom: 10px;
    color: var(--e-global-color-9fd7036) !important;
    font-family: var(--e-global-typography-accent-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-accent-font-size) !important;
    font-weight: var(--e-global-typography-accent-font-weight) !important;
    text-transform: var(--e-global-typography-accent-text-transform) !important;
    line-height: var(--e-global-typography-accent-line-height) !important;
}

.edit_fiche_presta .logo_container div,
.edit_fiche_presta .logo_container .woocommerce-form-row {
    width: calc(48% - 15px);
}

.edit_fiche_presta .logo_container label {
    display: block;
    color: var(--e-global-color-9fd7036);
    margin-bottom: 4px;
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    text-transform: var(--e-global-typography-accent-text-transform);
    line-height: var(--e-global-typography-accent-line-height);
}


/* -- Partners -- */

.edit_fiche_presta .company_partners .company_partners_label {
    display: block;
    color: var(--e-global-color-9fd7036);
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    text-transform: var(--e-global-typography-accent-text-transform);
    line-height: var(--e-global-typography-accent-line-height);
}

.edit_fiche_presta .company_partners .company_partner_label {
    display: block;
    color: var(--e-global-color-9fd7036);
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    text-transform: var(--e-global-typography-text-text-transform);
    line-height: var(--e-global-typography-text-line-height);
}


/* 
--------------------------------------
----------- Slider Prestas ----------- 
--------------------------------------
*/

.associate_members_slider {
    background: var(--e-global-color-text);
    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .125);
    height: 180px;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.associate_members_slider::before,
.associate_members_slider::after {
    background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    content: "";
    height: 180px;
    position: absolute;
    width: 150px;
    z-index: 2;
}

.associate_members_slider::before {
    left: 0;
    top: 0;
}

.associate_members_slider::after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg);
}

.associate_members_slider .slide-track {
    display: flex;
    min-width: 100%;
    column-gap: 80px;
}

.associate_members_slider .slide-track .slide {
    background-color: var(--e-global-color-a181bc1);
    height: 180px;
    width: 320px;
    padding: 10px;
}

.associate_members_slider .slide-track .slide img {
    height: 160px;
    width: 300px;
    object-fit: contain;
    object-position: center center;
}


/* Animation */

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(calc((100% / 2) * -1))
    }

    100% {
        transform: translateX(0);
    }
}


/* 
--------------------------------------
---------- Annuaire Prestas ---------- 
--------------------------------------
*/


/* -------------- Search -------------- */

.associate_members_search {
    display: flex;
    align-items: center;
    column-gap: 30px;
    flex-wrap: wrap;
    row-gap: 30px;
    margin-bottom: 82px;
}

.associate_members_search #associate_member_name {
    max-width: calc(50% - 15px);
    padding: 13px 57px 13px 16px !important;
    background-image: url('img/icons/search.svg');
    background-size: 25px 25px;
    background-position: calc(100% - 16px) center;
    background-repeat: no-repeat;
}

.associate_members_search #associate_member_name:focus {
    padding-bottom: 10px !important;
}

.associate_members_search .associate_members_search_dropdowns {
    max-width: calc(50% - 15px);
    display: flex;
    align-items: center;
    column-gap: 30px;
    row-gap: 30px;
}

.associate_members_search .associate_members_search_dropdowns select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 12px 34px 12px 12px !important;
    border: none;
    background-color: var(--e-global-color-6233268);
    background-image: url('img/icons/accordion_chevron.svg');
    background-size: 21px 21px;
    background-position: calc(100% - 12px) center;
    background-repeat: no-repeat;
    /* font */
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    line-height: var(--e-global-typography-accent-line-height);
}

.associate_members_search .associate_members_search_dropdowns select:focus {
    padding-bottom: 12px !important;
}

.associate_members_search .associate_members_search_dropdowns select:disabled {
    background-color: var(--e-global-color-30b5a7a);
}

.associate_members_search .associate_members_search_dropdowns #associate_member_sector {
    width: 233px;
}

.associate_members_search .associate_members_search_dropdowns #associate_member_domain {
    width: 277px;
}

@media screen and (max-width: 1024px) {
    .associate_members_search {
        row-gap: 15px;
        margin-bottom: 15px;
    }

    .associate_members_search #associate_member_name {
        max-width: 100%;
        width: 100%;
    }

    .associate_members_search .associate_members_search_dropdowns {
        max-width: 100%;
        width: 100%;
    }

    .associate_members_search .associate_members_search_dropdowns #associate_member_sector,
    .associate_members_search .associate_members_search_dropdowns #associate_member_domain {
        width: calc(50% - 15px);
    }
}

@media screen and (max-width: 767px) {
    .associate_members_search .associate_members_search_dropdowns {
        flex-wrap: wrap;
        row-gap: 15px;
    }

    .associate_members_search .associate_members_search_dropdowns #associate_member_sector,
    .associate_members_search .associate_members_search_dropdowns #associate_member_domain {
        width: 100%;
    }
}


/* -------------- Sort -------------- */

.associate_members_counter_sort {
    display: none;
    margin-bottom: 54px;
    padding: 2px 0;
    align-items: center;
    justify-content: flex-end;
    column-gap: 30px;
    row-gap: 30px;
}

.associate_members_counter_sort .counter {
    text-align: middle;
    color: var(--e-global-color-text);
    /* font */
    font-size: var(--e-global-typography-1cc4b53-font-size);
    font-weight: var(--e-global-typography-1cc4b53-font-weight);
    line-height: var(--e-global-typography-1cc4b53-line-height);
}

.associate_members_counter_sort .counter #associate_member_count {
    color: var(--e-global-color-primary);
}

.associate_members_counter_sort .sort {
    display: flex;
    align-items: center;
    column-gap: 19px;
}

.associate_members_counter_sort .sort div {
    color: var(--e-global-color-text);
    /* font */
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
}

.associate_members_counter_sort .sort select {
    width: 255px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 12px 34px 12px 12px !important;
    background-image: url('img/icons/accordion_chevron.svg');
    background-size: 21px 21px;
    background-position: calc(100% - 12px) center;
    background-repeat: no-repeat;
    /* font */
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    line-height: var(--e-global-typography-accent-line-height);
}

.associate_members_counter_sort .sort select:focus {
    padding-bottom: 9px !important;
}

@media screen and (max-width: 767px) {
    .associate_members_counter_sort {
        flex-wrap: wrap;
        row-gap: 30px;
    }

    .associate_members_counter_sort .counter,
    .associate_members_counter_sort .sort {
        width: 100%;
    }

    .associate_members_counter_sort .sort {
        justify-content: flex-end;
    }

    .associate_members_counter_sort .sort select {
        width: 150px;
    }
}


/* -------------- List -------------- */

.associate_members_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 30px;
    row-gap: 36px;
}

@media screen and (max-width: 1024px) {
    .associate_members_list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 767px) {
    .associate_members_list {
        grid-template-columns: 1fr;
    }
}

.associate_members_list .associate_member {
    background-color: var(--e-global-color-30b5a7a);
    position: relative;
    padding: 24px 30px 52px 30px;
    transition: all 350ms ease-out;
    background-image: url('img/icons/idet_logo/grey.svg');
    background-repeat: no-repeat;
    background-size: 51px 51px;
    background-position: calc(100% - 18px) calc(100% - 18px);
    display: flex;
    flex-direction: column;
}

.associate_members_list .associate_member::before {
    content: '';
    width: 0;
    height: 0;
    transition: all 350ms ease-out;
    position: absolute;
    right: 0;
    top: 0;
    border-top: 45px solid var(--e-global-color-a181bc1);
    border-right: 0;
    border-bottom: 0;
    border-left: 45px solid transparent;
}

.associate_members_list .associate_member::after {
    content: '';
    width: 0;
    height: 0;
    transition: all 350ms ease-out;
    position: absolute;
    left: 0;
    bottom: 0;
    border-top: 0;
    border-right: 45px solid transparent;
    border-bottom: 45px solid var(--e-global-color-a181bc1);
    border-left: 0;
}


/* -- Content -- */

.associate_members_list .associate_member_content {
    flex-grow: 1;
}


/* -- Activity -- */

.associate_members_list .associate_member .associate_member_activity {
    padding-left: 19px;
    padding-right: 35px;
    position: relative;
    color: var(--e-global-color-secondary);
    transition: all 350ms ease-out;
    margin-bottom: 19px;
    /* font */
    font-size: var(--e-global-typography-44d2b64-font-size);
    font-weight: var(--e-global-typography-44d2b64-font-weight);
    line-height: var(--e-global-typography-44d2b64-line-height);
}

.associate_members_list .associate_member .opnt-diamond {
    margin: 0 5px;
}

.associate_members_list .associate_member .associate_member_activity::before {
    content: '';
    width: 6.5px;
    height: 6.5px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    z-index: 10;
    background-color: var(--e-global-color-a181bc1);
}


/* -- Name -- */

.associate_members_list .associate_member .associate_member_name {
    color: var(--e-global-color-text);
    transition: all 350ms ease-out;
    margin-bottom: 59px;
    /* font */
    font-size: var(--e-global-typography-1cc4b53-font-size);
    font-weight: var(--e-global-typography-1cc4b53-font-weight);
    line-height: var(--e-global-typography-1cc4b53-line-height);
}


/* -- Address -- */

.associate_members_list .associate_member .associate_member_address {
    padding-left: 28px;
    position: relative;
    color: var(--e-global-color-text);
    transition: all 350ms ease-out;
    margin-bottom: 48px;
    /* font */
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
}

.associate_members_list .associate_member .associate_member_address::before {
    content: '';
    width: 21px;
    height: 21px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    transition: all 350ms ease-out;
    background-image: url('img/pictos/location_black.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}


/* -- Link -- */

.associate_members_list .associate_member .associate_member_link {
    display: inline-block;
    position: relative;
    padding-left: 32px;
    transition: padding 350ms ease-out, color 350ms ease-out;
    color: var(--e-global-color-primary);
    margin-bottom: 0;
    /* font */
    font-size: 22px;
    line-height: 24px;
    font-weight: 700;
}

.associate_members_list .associate_member .associate_member_link::before {
    content: "";
    width: 6.5px;
    height: 1px;
    background-color: var(--e-global-color-primary);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all 350ms ease-out;
}

.associate_members_list .associate_member .associate_member_link::after {
    content: "";
    width: 7px;
    height: 7px;
    background-color: var(--e-global-color-primary);
    position: absolute;
    left: 10.5px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    transition: all 350ms ease-out;
}


/* -- Hover -- */

.associate_members_list .associate_member:hover {
    background-color: var(--e-global-color-text);
    background-image: url('img/icons/idet_logo/color.svg');
    background-size: 77px 77px;
}

.associate_members_list .associate_member:hover::before {
    border-top-width: 79px;
    border-left-width: 79px;
}

.associate_members_list .associate_member:hover::after {
    border-bottom-width: 79px;
    border-right-width: 79px;
}

.associate_members_list .associate_member:hover .associate_member_name,
.associate_members_list .associate_member:hover .associate_member_address {
    color: var(--e-global-color-a181bc1);
}

.associate_members_list .associate_member:hover .associate_member_address::before {
    background-image: url('img/pictos/location_white.svg');
}

.associate_members_list .associate_member:hover .associate_member_link {
    padding-left: 41px;
    color: var(--e-global-color-secondary);
}

.associate_members_list .associate_member:hover .associate_member_link::before {
    width: 15px;
    background-color: var(--e-global-color-secondary);
}

.associate_members_list .associate_member:hover .associate_member_link::after {
    background-color: var(--e-global-color-secondary);
    left: 19px;
}


/* -- Pagination -- */

#associate_members .pagination {
    margin-top: 80px;
}


/* -------------- Single -------------- */


/* -- Activities -- */

.company_activities {
    display: flex;
    flex-direction: column;
    column-gap: 8px;
    row-gap: 8px;
}

.company_activities .company_activity_sector,
.company_activities .company_activity_domain {
    margin-bottom: 0;
    color: var(--e-global-color-primary);
    /* font */
    font-size: var(--e-global-typography-3f51692-font-size);
    font-weight: var(--e-global-typography-3f51692-font-weight);
    line-height: var(--e-global-typography-3f51692-line-height);
}

.company_activities .company_activity_domain {
    color: var(--e-global-color-text);
    margin-left: 19px;
}


/* -- Informations -- */

.company_informations {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 53px;
    row-gap: 30px;
}

.company_informations .company_address,
.company_informations .company_phone,
.company_informations .company_mail,
.company_informations .company_website {
    position: relative;
    padding-left: 40px;
    color: var(--e-global-color-text);
    /* font */
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
}

.company_informations .company_phone,
.company_informations .company_mail,
.company_informations .company_website {
    word-break: break-all;
}

.company_informations .company_address::before,
.company_informations .company_phone::before,
.company_informations .company_mail::before,
.company_informations .company_website::before {
    content: '';
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    background-image: url('img/pictos/location_black.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.company_informations .company_phone::before {
    background-image: url('img/pictos/phone.svg');
}

.company_informations .company_mail::before {
    background-image: url('img/pictos/mail.svg');
}

.company_informations .company_website::before {
    background-image: url('img/pictos/website.svg');
}

.company_informations .company_mail_website {
    display: flex;
    flex-direction: column;
    row-gap: 9px;
    column-gap: 9px;
}

@media screen and (max-width: 1024px) {
    .company_informations {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 35px;
        padding-bottom: 30px;
    }
}

@media screen and (max-width: 767px) {
    .section_triangle_around .elementor-background-overlay {
        background-image: linear-gradient(180deg, var(--e-global-color-6233268) 56%, #FFFFFF00 56%) !important;
    }

    .company_informations {
        grid-template-columns: 1fr;
        padding-bottom: 0;
    }
}


/* -- Partners -- */

.company_partners_container h2 {
    margin-bottom: 46px;
    color: var(--e-global-color-text);
    /* font */
    font-size: var(--e-global-typography-secondary-font-size);
    font-weight: var(--e-global-typography-secondary-font-weight);
    line-height: var(--e-global-typography-secondary-line-height);
}

.company_partners_container .company_partners .company_partners_row {
    position: relative;
    background-image: url("img/grey_bg_repeater.svg");
    background-position: center center;
}

.company_partners_container .company_partners .company_partners_row .company_partners_row_overlay {
    z-index: 10;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: transparent;
    background-image: linear-gradient(90deg, #FFFFFF00 50%, var(--e-global-color-6233268) 50%);
    opacity: 1;
}

.company_partners_container .company_partners .company_partners_row:nth-child(2n) .company_partners_row_overlay {
    background-image: linear-gradient(90deg, var(--e-global-color-6233268) 50%, #FFFFFF00 50%);
}

.company_partners_container .company_partners .company_partners_row .company_partners_row_wrapper {
    max-width: 1110px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
}

.company_partners_container .company_partners .company_partners_row:nth-child(2n):not(.have_one_elemnt) .company_partners_row_wrapper {
    flex-direction: row-reverse;
}

.company_partners_container .company_partners .company_partners_row .company_partners_row_wrapper.one_element {
    justify-content: center;
}

.company_partners_container .company_partners .company_partners_row .company_partners_row_wrapper,
.company_partners_container .company_partners .company_partners_row .company_partners_row_wrapper * {
    z-index: 15;
}

.company_partners_container .company_partners .partner {
    width: 396px;
    max-width: 396px;
    padding: 81px 60px;
    text-align: center;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    background-color: var(--e-global-color-a181bc1);
}

.company_partners_container .company_partners .company_partners_row.have_one_elemnt .partner.first_element,
.company_partners_container .company_partners .partner.second_element {
    background-color: var(--e-global-color-6233268);
}

.company_partners_container .company_partners .partner .partner_content {
    flex-grow: 1;
}

.company_partners_container .company_partners .partner .partner_name {
    margin-bottom: 16px;
    color: var(--e-global-color-primary);
    /* font */
    font-size: var(--e-global-typography-367c8dc-font-size);
    font-weight: var(--e-global-typography-367c8dc-font-weight);
    line-height: var(--e-global-typography-367c8dc-line-height);
}

.company_partners_container .company_partners .company_partners_row.have_one_elemnt .partner.first_element .partner_name,
.company_partners_container .company_partners .partner.second_element .partner_name {
    color: var(--e-global-color-text);
}

.company_partners_container .company_partners .partner .partner_job {
    margin-bottom: 42px;
    color: var(--e-global-color-9fd7036);
    /* font */
    font-size: var(--e-global-typography-1cc4b53-font-size);
    font-weight: var(--e-global-typography-1cc4b53-font-weight);
    line-height: var(--e-global-typography-1cc4b53-line-height);
}

.company_partners_container .company_partners .partner .partner_phone,
.company_partners_container .company_partners .partner .partner_mobile_phone {
    display: inline-block;
    position: relative;
    padding-left: 41px;
    margin-bottom: 12.5px;
    color: var(--e-global-color-text);
    /* font */
    font-size: var(--e-global-typography-3f51692-font-size);
    font-weight: var(--e-global-typography-3f51692-font-weight);
    line-height: var(--e-global-typography-3f51692-line-height);
}

.company_partners_container .company_partners .partner .partner_phone::before,
.company_partners_container .company_partners .partner .partner_mobile_phone::before {
    content: '';
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    background-image: url('img/pictos/phone.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.company_partners_container .company_partners .partner .partner_mobile_mail,
.company_partners_container .company_partners .partner .partner_mobile_mail:hover,
.company_partners_container .company_partners .partner .partner_mobile_mail:focus {
    margin-top: 30px;
    color: var(--e-global-color-a181bc1);
    background-color: var(--e-global-color-primary);
    word-break: break-all;
    max-width: 275px;
}

.company_partners_container .company_partners .company_partners_row.have_one_elemnt .partner.first_element .partner_mobile_mail,
.company_partners_container .company_partners .company_partners_row.have_one_elemnt .partner.first_element .partner_mobile_mail:hover,
.company_partners_container .company_partners .company_partners_row.have_one_elemnt .partner.first_element .partner_mobile_mail:focus,
.company_partners_container .company_partners .partner.second_element .partner_mobile_mail,
.company_partners_container .company_partners .partner.second_element .partner_mobile_mail:hover,
.company_partners_container .company_partners .partner.second_element .partner_mobile_mail:focus {
    color: var(--e-global-color-a181bc1);
    background-color: var(--e-global-color-text);
}

.company_partners_container .company_partners .company_partners_row.have_one_elemnt .partner.first_element .partner_mobile_mail::before,
.company_partners_container .company_partners .partner.second_element .partner_mobile_mail::before {
    border-top-color: var(--e-global-color-6233268);
}

.company_partners_container .company_partners .company_partners_row.have_one_elemnt .partner.first_element .partner_mobile_mail::after,
.company_partners_container .company_partners .partner.second_element .partner_mobile_mail::after {
    border-bottom-color: var(--e-global-color-6233268);
}

@media screen and (max-width: 1024px) {
    .company_partners_container .company_partners .partner {
        width: 50%;
        max-width: 50%;
    }
}

@media screen and (max-width: 767px) {
    .company_partners_container .company_partners .company_partners_row .company_partners_row_wrapper {
        flex-wrap: wrap;
    }

    .company_partners_container .company_partners .partner {
        width: 100%;
        max-width: 100%;
    }
}


/* 
--------------------------------------
---------- Annuaire Adhérents ---------- 
--------------------------------------
*/


/* -------------- Search -------------- */

.active_members_search {
    display: flex;
    align-items: center;
    column-gap: 30px;
    flex-wrap: wrap;
    row-gap: 30px;
    margin-bottom: 82px;
}

.active_members_search #active_member_name {
    max-width: 430px;
    padding: 13px 57px 13px 16px !important;
    background-image: url('img/icons/search.svg');
    background-size: 25px 25px;
    background-position: calc(100% - 16px) center;
    background-repeat: no-repeat;
}

.active_members_search #active_member_name:focus {
    padding-bottom: 10px !important;
}

.active_members_search select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 12px 34px 12px 12px !important;
    border: none;
    background-color: var(--e-global-color-6233268);
    background-image: url('img/icons/accordion_chevron.svg');
    background-size: 21px 21px;
    background-position: calc(100% - 12px) center;
    background-repeat: no-repeat;
    /* font */
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    line-height: var(--e-global-typography-accent-line-height);
}

.active_members_search select:focus {
    padding-bottom: 12px !important;
}

.active_members_search #active_member_company_type {
    max-width: 336px;
}

.active_members_search #active_member_delegation {
    max-width: 283px;
}

@media screen and (max-width: 1024px) {
    .active_members_search {
        row-gap: 15px;
        margin-bottom: 15px;
    }

    .active_members_search #active_member_name {
        max-width: 100%;
        width: 100%;
    }

    .active_members_search #active_member_company_type,
    .active_members_search #active_member_delegation {
        width: calc(50% - 15px);
        max-width: calc(50% - 15px);
    }
}

@media screen and (max-width: 767px) {

    .active_members_search #active_member_company_type,
    .active_members_search #active_member_delegation {
        width: 100%;
        max-width: 100%;
    }
}


/* -------------- Sort -------------- */

.active_members_counter_sort {
    display: none;
    margin-bottom: 54px;
    padding: 2px 0;
    align-items: center;
    justify-content: flex-end;
    column-gap: 30px;
    row-gap: 30px;
}

.active_members_counter_sort .counter {
    text-align: middle;
    color: var(--e-global-color-text);
    /* font */
    font-size: var(--e-global-typography-1cc4b53-font-size);
    font-weight: var(--e-global-typography-1cc4b53-font-weight);
    line-height: var(--e-global-typography-1cc4b53-line-height);
}

.active_members_counter_sort .counter #active_member_count {
    color: var(--e-global-color-primary);
}

.active_members_counter_sort .sort {
    display: flex;
    align-items: center;
    column-gap: 19px;
}

.active_members_counter_sort .sort div {
    color: var(--e-global-color-text);
    /* font */
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
}

.active_members_counter_sort .sort select {
    width: 255px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 12px 34px 12px 12px !important;
    background-image: url('img/icons/accordion_chevron.svg');
    background-size: 21px 21px;
    background-position: calc(100% - 12px) center;
    background-repeat: no-repeat;
    /* font */
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    line-height: var(--e-global-typography-accent-line-height);
}

.active_members_counter_sort .sort select:focus {
    padding-bottom: 9px !important;
}

@media screen and (max-width: 767px) {
    .active_members_counter_sort {
        flex-wrap: wrap;
        row-gap: 30px;
    }

    .active_members_counter_sort .counter,
    .active_members_counter_sort .sort {
        width: 100%;
    }

    .active_members_counter_sort .sort {
        justify-content: flex-end;
    }

    .active_members_counter_sort .sort select {
        width: calc(50% - 10px);
    }
}


/* -------------- List -------------- */

.active_members_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 30px;
    row-gap: 36px;
}

@media screen and (max-width: 1024px) {
    .active_members_list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 767px) {
    .active_members_list {
        grid-template-columns: 1fr;
    }
}

.active_members_list .active_member {
    background-color: var(--e-global-color-30b5a7a);
    position: relative;
    padding: 24px 30px 52px 30px;
    transition: all 350ms ease-out;
    background-image: url('img/icons/idet_logo/grey.svg');
    background-repeat: no-repeat;
    background-size: 51px 51px;
    background-position: calc(100% - 18px) calc(100% - 18px);
}

.active_members_list .active_member::before {
    content: '';
    width: 0;
    height: 0;
    transition: all 350ms ease-out;
    position: absolute;
    right: 0;
    top: 0;
    border-top: 45px solid var(--e-global-color-a181bc1);
    border-right: 0;
    border-bottom: 0;
    border-left: 45px solid transparent;
}

.active_members_list .active_member::after {
    content: '';
    width: 0;
    height: 0;
    transition: all 350ms ease-out;
    position: absolute;
    left: 0;
    bottom: 0;
    border-top: 0;
    border-right: 45px solid transparent;
    border-bottom: 45px solid var(--e-global-color-a181bc1);
    border-left: 0;
}


/* -- Content -- */


/* -- Delegation -- */

.active_members_list .active_member .active_member_delegation {
    padding-left: 19px;
    padding-right: 35px;
    position: relative;
    color: var(--e-global-color-secondary);
    text-transform: uppercase;
    transition: all 350ms ease-out;
    margin-bottom: 30px;
    /* font */
    font-size: var(--e-global-typography-44d2b64-font-size);
    font-weight: var(--e-global-typography-44d2b64-font-weight);
    line-height: var(--e-global-typography-44d2b64-line-height);
}

.active_members_list .active_member .active_member_delegation::before {
    content: '';
    width: 6.5px;
    height: 6.5px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    z-index: 10;
    background-color: var(--e-global-color-a181bc1);
}


/* -- Name -- */

.active_members_list .active_member .active_member_name {
    color: var(--e-global-color-text);
    transition: all 350ms ease-out;
    margin-bottom: 2px;
    /* font */
    font-size: var(--e-global-typography-1cc4b53-font-size);
    font-weight: var(--e-global-typography-1cc4b53-font-weight);
    line-height: var(--e-global-typography-1cc4b53-line-height);
}


/* -- Job, Company -- */

.active_members_list .active_member .active_member_job {
    color: var(--e-global-color-9fd7036);
    transition: all 350ms ease-out;
    margin-bottom: 2px;
    /* font */
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    line-height: var(--e-global-typography-accent-line-height);
}

.active_members_list .active_member .active_member_company {
    color: var(--e-global-color-primary);
    transition: all 350ms ease-out;
    margin-bottom: 33px;
    /* font */
    font-size: var(--e-global-typography-3f51692-font-size);
    font-weight: var(--e-global-typography-3f51692-font-weight);
    line-height: var(--e-global-typography-3f51692-line-height);
}


/* -- Address -- */

.active_members_list .active_member .active_member_address {
    padding-left: 28px;
    position: relative;
    color: var(--e-global-color-text);
    transition: all 350ms ease-out;
    margin-bottom: 12px;
    /* font */
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
}

.active_members_list .active_member .active_member_address::before {
    content: '';
    width: 21px;
    height: 21px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    transition: all 350ms ease-out;
    background-image: url('img/pictos/location_black.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}


/* -- Phone -- */

.active_members_list .active_member .active_member_phone {
    padding-left: 28px;
    position: relative;
    color: var(--e-global-color-text);
    transition: all 350ms ease-out;
    margin-bottom: 12px;
    /* font */
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
}

.active_members_list .active_member .active_member_phone a {
    color: var(--e-global-color-text);
}

.active_members_list .active_member .active_member_phone::before {
    content: '';
    width: 21px;
    height: 21px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    transition: all 350ms ease-out;
    background-image: url('img/pictos/phone.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}


/* -- Mail -- */

.active_members_list .active_member .active_member_mail {
    padding-left: 28px;
    padding-right: 75px;
    word-break: break-all;
    position: relative;
    color: var(--e-global-color-text);
    transition: all 350ms ease-out;
    margin-bottom: 0;
    /* font */
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
}

.active_members_list .active_member .active_member_mail a {
    color: var(--e-global-color-text);
}

.active_members_list .active_member .active_member_mail::before {
    content: '';
    width: 21px;
    height: 21px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    transition: all 350ms ease-out;
    background-image: url('img/pictos/mail.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}


/* -- Hover -- */

.active_members_list .active_member:hover {
    background-color: var(--e-global-color-text);
    background-image: url('img/icons/idet_logo/color.svg');
    background-size: 77px 77px;
}

.active_members_list .active_member:hover::before {
    border-top-width: 79px;
    border-left-width: 79px;
}

.active_members_list .active_member:hover::after {
    border-bottom-width: 79px;
    border-right-width: 79px;
}

.active_members_list .active_member:hover .active_member_name,
.active_members_list .active_member:hover .active_member_address,
.active_members_list .active_member:hover .active_member_phone,
.active_members_list .active_member:hover .active_member_phone a,
.active_members_list .active_member:hover .active_member_mail,
.active_members_list .active_member:hover .active_member_mail a {
    color: var(--e-global-color-a181bc1);
}

.active_members_list .active_member:hover .active_member_address::before {
    background-image: url('img/pictos/location_white.svg');
}

.active_members_list .active_member:hover .active_member_phone::before {
    background-image: url('img/pictos/phone_white.svg');
}

.active_members_list .active_member:hover .active_member_mail::before {
    background-image: url('img/pictos/mail_white.svg');
}


/* -- Pagination -- */

#active_members .pagination {
    margin-top: 80px;
}


/* 
--------------------------------------
------------- Ressources ------------- 
--------------------------------------
*/


/* -------------- Search -------------- */

#searchform-ressource {
    width: 100%;
    display: flex;
    justify-content: center;
    column-gap: 10px;
}

#searchform-ressource input[type=date],
#searchform-ressource input[type=email],
#searchform-ressource input[type=number],
#searchform-ressource input[type=password],
#searchform-ressource input[type=search],
#searchform-ressource input[type=tel],
#searchform-ressource input[type=text],
#searchform-ressource input[type=url],
#searchform-ressource select,
#searchform-ressource textarea {
    border: 0;
}

#searchform-ressource input[type=date]:focus,
#searchform-ressource input[type=email]:focus,
#searchform-ressource input[type=number]:focus,
#searchform-ressource input[type=password]:focus,
#searchform-ressource input[type=search]:focus,
#searchform-ressource input[type=tel]:focus,
#searchform-ressource input[type=text]:focus,
#searchform-ressource input[type=url]:focus,
#searchform-ressource select:focus,
#searchform-ressource textarea:focus {
    padding-bottom: 12px !important;
    border-bottom: 4px solid var(--e-global-color-secondary) !important;
}

#searchform-ressource input[type="submit"]::before {
    border-top-color: #015AE6;
}

#searchform-ressource input[type="submit"]::after {
    border-bottom-color: #015AE6;
}

@media screen and (max-width: 900px) {
    #searchform-ressource {
        flex-wrap: wrap;
    }

    #searchform-ressource .search-field,
    #searchform-ressource .thematique-filtre,
    #searchform-ressource .submit {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}


/* ----------- Liste des tags ----------- */

.liste-tags h3 {
    display: none;
}

.liste-tags a {
    margin: 0 !important;
}

.liste-tags ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 50px;
    row-gap: 50px;
}

.liste-tags li {
    width: calc(50% - 25px);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    flex-direction: column;
    padding: 20px 40px;
    background-color: var(--e-global-color-30b5a7a);
    position: relative;
}

.liste-tags li::before {
    content: "";
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    transition: all .35s ease-out;
    border-top: 30px solid var(--e-global-color-a181bc1);
    border-right: 30px solid transparent;
    border-bottom: 0;
    border-left: 0;
}

.liste-tags li::after {
    content: "";
    z-index: 10;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    transition: all .35s ease-out;
    border-top: 0;
    border-right: 0;
    border-bottom: 30px solid var(--e-global-color-a181bc1);
    border-left: 30px solid transparent;
}

.liste-tags li a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    padding: 10px 20px;
    color: var(--e-global-color-secondary) !important;
    background-color: var(--e-global-color-a181bc1);
    position: relative;
}

.liste-tags li a::before {
    content: "";
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    transition: all .35s ease-out;
    border-top: 20px solid var(--e-global-color-30b5a7a);
    border-right: 20px solid transparent;
    border-bottom: 0;
    border-left: 0;
}

.liste-tags li a::after {
    content: "";
    z-index: 10;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    transition: all .35s ease-out;
    border-top: 0;
    border-right: 0;
    border-bottom: 20px solid var(--e-global-color-30b5a7a);
    border-left: 20px solid transparent;
}


.liste-tags li ul.children {
    margin-top: 50px;
    column-gap: 25px;
    row-gap: 25px;
}

.liste-tags li ul.children li {
    width: calc(50% - 25px);
    display: flex;
    align-items: stretch;
    justify-content: center;
    text-align: center;
    flex-direction: row;
    position: relative;
    padding: 0;
}

.liste-tags li ul.children li::before,
.liste-tags li ul.children li::after {
    content: none;
}

.liste-tags li ul.children li a {
    color: var(--e-global-color-primary) !important;
}

.liste-tags li ul.children li a:hover {
    color: var(--e-global-color-secondary) !important;
}

@media screen and (max-width: 767px) {

    .liste-tags li,
    .liste-tags li ul.children li {
        width: 100%;
    }
}


/* ----------- Liste des thématiques ----------- */

.liste-thematiques h3 {
    display: none;
}

.liste-thematiques ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 50px;
    row-gap: 50px;
}

.liste-thematiques a {
    margin: 0 !important;
}

.liste-thematiques li {
    width: calc(50% - 25px);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 30px 80px;
    background-color: var(--e-global-color-30b5a7a);
    position: relative;
}

.liste-thematiques li::before {
    content: "";
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    transition: all .35s ease-out;
    border-top: 45px solid var(--e-global-color-a181bc1);
    border-right: 45px solid transparent;
    border-bottom: 0;
    border-left: 0;
}

.liste-thematiques li::after {
    content: "";
    z-index: 10;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    transition: all .35s ease-out;
    border-top: 0;
    border-right: 0;
    border-bottom: 45px solid var(--e-global-color-a181bc1);
    border-left: 45px solid transparent;
}

@media screen and (max-width: 767px) {
    .liste-thematiques li {
        width: 100%;
    }
}


/* 
-------------------------------------
-------------- Sitemap -------------- 
-------------------------------------
*/

.elementor-widget-sitemap h2 {
    display: none;
}

.elementor-widget-sitemap ul {
    margin-bottom: 0 !important;
}

.elementor-widget-sitemap .elementor-sitemap-item a {
    margin-bottom: 15px;
    display: inline-block;
}

.elementor-widget-sitemap .elementor-sitemap-item a:hover {
    color: var(--e-global-color-primary) !important;
}


/* 
-------------------------------------
------------ Woocommerce ------------
-------------------------------------
*/


/* --------- Connect ---------- */

.woocommerce-account:not(.logged-in) .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce h2 {
    display: none;
}

.woocommerce-account:not(.logged-in) .elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce .woocommerce-form-login {
    margin-top: 0;
}

.elementor-shortcode .woocommerce h2:not(.woocommerce-column__title):not(.woocommerce-order-details__title) {
    display: none;
}

.elementor-shortcode .woocommerce .woocommerce-form-login {
    margin-top: 0;
    background-color: var(--e-global-color-a181bc1);
    padding: 20px;
    border: none;
    border-radius: 0;
    font-size: 14px;
}

.elementor-shortcode .woocommerce form .form-row {
    padding-left: calc(5px/2);
    padding-right: calc(5px/2);
    margin-left: calc(-5px/2);
    margin-right: calc(-5px/2);
    margin-bottom: 10px;
}

.elementor-shortcode .woocommerce form .form-row label {
    color: var(--e-global-color-9fd7036);
    margin-bottom: 4px;
    /* font */
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    text-transform: var(--e-global-typography-accent-text-transform);
    line-height: var(--e-global-typography-accent-line-height);
}

.elementor-shortcode .woocommerce form .form-row input.input-text,
.elementor-shortcode .woocommerce form .form-row textarea {
    border-style: solid;
    border-width: 0px;
    color: var(--e-global-color-text);
    background: #f7f7f7;
    /* font */
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    text-transform: var(--e-global-typography-text-text-transform);
    line-height: var(--e-global-typography-text-line-height);
}

.elementor-shortcode .woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
    background-color: var(--e-global-color-primary);
    color: var(--e-global-color-a181bc1);
    transition-duration: .3s;
    border: none;
    border-radius: 0;
    padding: 12px 16px;
    /* font */
    font-family: var(--e-global-typography-f76d896-font-family), Sans-serif;
    font-size: var(--e-global-typography-f76d896-font-size);
    font-weight: var(--e-global-typography-f76d896-font-weight);
    text-transform: var(--e-global-typography-f76d896-text-transform);
    line-height: var(--e-global-typography-f76d896-line-height);
    letter-spacing: var(--e-global-typography-f76d896-letter-spacing);
    word-spacing: var(--e-global-typography-f76d896-word-spacing);
}

.elementor-shortcode .woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover {
    background-color: var(--e-global-color-secondary);
    color: var(--e-global-color-a181bc1);
}

.elementor-shortcode .woocommerce .woocommerce-form__label-for-checkbox span {
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    text-transform: var(--e-global-typography-text-text-transform);
    line-height: var(--e-global-typography-text-line-height);
}

.elementor-shortcode .woocommerce .login .woocommerce-LostPassword,
.elementor-shortcode .woocommerce .register .woocommerce-LostPassword {
    font-size: 12px;
    margin-bottom: 0;
}

.elementor-shortcode .woocommerce a {
    color: var(--e-global-color-secondary);
    transition-duration: .3s;
}

.elementor-shortcode .woocommerce a:hover {
    color: var(--e-global-color-primary);
}


/* --------- My account ---------- */


/* -- Navigation -- */

.woocommerce .woocommerce-MyAccount-navigation {
    float: left;
    width: 25%;
    display: block;
}

.woocommerce .woocommerce-MyAccount-navigation ul {
    -webkit-padding-start: 0;
    padding-inline-start: 0;
}

.woocommerce .woocommerce-MyAccount-navigation ul li {
    list-style-type: none;
    display: inline-block;
    width: var(--tab-width, 100%);
    margin: 0;
}

.woocommerce .woocommerce-MyAccount-navigation ul li:after {
    content: "";
    display: block;
    width: 100%;
    background-color: #818a91;
    height: 1px;
    position: relative;
}

.woocommerce .woocommerce-MyAccount-navigation ul li a {
    font-style: normal;
    color: var(--e-global-color-text);
    display: block;
    padding: 12px 20px;
    text-align: start;
    background: #f7f7f7;
    border-radius: 0;
    border: 0 solid transparent;
    margin: 0;
    /* font */
    font-family: var(--e-global-typography-3f51692-font-family), Sans-serif;
    font-size: var(--e-global-typography-3f51692-font-size);
    font-weight: var(--e-global-typography-3f51692-font-weight);
    text-transform: var(--e-global-typography-3f51692-text-transform);
    line-height: var(--e-global-typography-3f51692-line-height);
    letter-spacing: var(--e-global-typography-3f51692-letter-spacing);
    word-spacing: var(--e-global-typography-3f51692-word-spacing);
}

.woocommerce .woocommerce-MyAccount-navigation ul li:not(.is-active) a {
    background-color: var(--e-global-color-30b5a7a);
}

.woocommerce .woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce .woocommerce-MyAccount-navigation ul li.is-active a {
    background-color: var(--e-global-color-secondary);
    color: var(--e-global-color-a181bc1);
}


/* -- Content -- */

.woocommerce .woocommerce-MyAccount-content {
    float: right;
    width: 75%;
    padding: 0;
    padding-left: 30px;
}

.woocommerce .woocommerce-MyAccount-content h2 {
    color: var(--e-global-color-text);
    /* font */
    font-family: var(--e-global-typography-367c8dc-font-family), Sans-serif;
    font-size: var(--e-global-typography-367c8dc-font-size);
    font-weight: var(--e-global-typography-367c8dc-font-weight);
    text-transform: var(--e-global-typography-367c8dc-text-transform);
    line-height: var(--e-global-typography-367c8dc-line-height);
}

.woocommerce .woocommerce-MyAccount-content h2:first-of-type {
    margin-top: 30px;
}

.woocommerce .woocommerce-MyAccount-content h3 {
    color: var(--e-global-color-text);
    margin-top: 0;
    margin-bottom: 25px;
    float: none;
    /* font */
    font-family: var(--e-global-typography-367c8dc-font-family), Sans-serif;
    font-size: var(--e-global-typography-367c8dc-font-size);
    font-weight: var(--e-global-typography-367c8dc-font-weight);
    text-transform: var(--e-global-typography-367c8dc-text-transform);
    line-height: var(--e-global-typography-367c8dc-line-height);
}

.woocommerce .woocommerce-MyAccount-content p {
    color: var(--e-global-color-text);
    /* font */
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    text-transform: var(--e-global-typography-text-text-transform);
    line-height: var(--e-global-typography-text-line-height);
}

.woocommerce .woocommerce-MyAccount-content mark {
    background-color: transparent;
    font-weight: 700;
    color: var(--e-global-color-text);
}

.woocommerce .woocommerce-MyAccount-content fieldset legend {
    font-weight: 700;
    padding: 20px 0;
    color: var(--e-global-color-text);
    /* font */
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    text-transform: var(--e-global-typography-text-text-transform);
    line-height: var(--e-global-typography-text-line-height);
}

.woocommerce .woocommerce-MyAccount-content address {
    color: var(--e-global-color-text);
    background-color: var(--e-global-color-a181bc1);
    padding: 20px;
    border: 0 solid #d4d4d4;
    border-radius: 0;
    /* font */
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    text-transform: var(--e-global-typography-text-text-transform);
    line-height: var(--e-global-typography-text-line-height);
}

.woocommerce .woocommerce-MyAccount-content button {
    transition: .3s;
}

.woocommerce .woocommerce-MyAccount-content .button {
    transition: .3s;
    background-color: var(--e-global-color-primary);
    border-radius: 0;
    color: var(--e-global-color-a181bc1);
    padding: 12px 16px;
    margin-top: 20px;
    /* font */
    font-family: var(--e-global-typography-f76d896-font-family), Sans-serif;
    font-size: var(--e-global-typography-f76d896-font-size);
    font-weight: var(--e-global-typography-f76d896-font-weight);
    text-transform: var(--e-global-typography-f76d896-text-transform);
    line-height: var(--e-global-typography-f76d896-line-height);
}

.woocommerce .woocommerce-MyAccount-content .button:hover {
    background-color: var(--e-global-color-secondary);
    color: var(--e-global-color-a181bc1);
}


/* -- Orders -- */

.woocommerce .woocommerce-MyAccount-content .shop_table {
    font-size: 14px;
    padding: 20px;
    border: none;
    margin-bottom: 0;
}

.woocommerce .woocommerce-MyAccount-content .shop_table th,
.woocommerce .woocommerce-MyAccount-content .shop_table tr {
    border: none;
}

.woocommerce .woocommerce-MyAccount-content .shop_table tr th {
    color: var(--e-global-color-primary);
    border-top: 0;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 9px;
    /* font */
    font-family: var(--e-global-typography-3f51692-font-family), Sans-serif;
    font-size: var(--e-global-typography-3f51692-font-size);
    font-weight: var(--e-global-typography-3f51692-font-weight);
    text-transform: var(--e-global-typography-3f51692-text-transform);
    line-height: var(--e-global-typography-3f51692-line-height);
}

.woocommerce .woocommerce-MyAccount-content .shop_table tfoot tr th {
    border-top: 2px solid var(--e-global-color-secondary);
}

.woocommerce .woocommerce-MyAccount-content .shop_table tr th span {
    color: var(--e-global-color-primary);
    /* font */
    font-family: var(--e-global-typography-3f51692-font-family), Sans-serif;
    font-size: var(--e-global-typography-3f51692-font-size);
    font-weight: var(--e-global-typography-3f51692-font-weight);
    text-transform: var(--e-global-typography-3f51692-text-transform);
    line-height: var(--e-global-typography-3f51692-line-height);
}

.woocommerce .woocommerce-MyAccount-content .shop_table td {
    background-color: transparent;
    padding-left: 0;
    padding-top: calc(15px/2);
    padding-bottom: calc(15px/2);
    color: var(--e-global-color-text);
    border: none;
    border-top: 2px solid var(--e-global-color-secondary);
    /* font */
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    text-transform: var(--e-global-typography-text-text-transform);
    line-height: var(--e-global-typography-text-line-height);
}

.woocommerce .woocommerce-MyAccount-content .shop_table tfoot td {
    padding-left: 0;
    color: var(--e-global-color-primary);
    border-top: 2px solid var(--e-global-color-secondary);
    /* font */
    font-family: var(--e-global-typography-3f51692-font-family), Sans-serif;
    font-size: var(--e-global-typography-3f51692-font-size);
    font-weight: var(--e-global-typography-3f51692-font-weight);
    text-transform: var(--e-global-typography-3f51692-text-transform);
    line-height: var(--e-global-typography-3f51692-line-height);
}


/* 
--------------------------------------
--------------- Footer --------------- 
--------------------------------------
*/


/* -------------- EAEL Twitter Card -------------- */

.eael-twitter-feed .eael-twitter-feed-item {
    margin-bottom: 0 !important;
}

.eael-twitter-feed .eael-twitter-feed-item .eael-twitter-feed-item-inner {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.eael-twitter-feed-item .eael-twitter-feed-item-header {
    display: grid;
    grid-template-columns: 50px auto;
    column-gap: 14px;
    margin-bottom: 18px !important;
}

.eael-twitter-feed-item .eael-twitter-feed-item-header .eael-twitter-feed-item-avatar {
    grid-row: 1/3;
}

.eael-twitter-feed-item .eael-twitter-feed-item-header .eael-twitter-feed-item-meta {
    grid-row: 1;
}

.eael-twitter-feed-item .eael-twitter-feed-item-header .eael-twitter-feed-item-date {
    grid-row: 2;
}

.eael-twitter-feed-item .eael-twitter-feed-item-content {
    order: 3;
}

.eael-twitter-feed .eael-twitter-feed-item .eael-twitter-feed-item-inner>img {
    order: 2;
    padding: 0 12px;
    margin-bottom: 21px;
}

@media screen and (max-width: 767px) {
    .eael-twitter-feed .eael-twitter-feed-item {
        position: initial !important;
        margin-bottom: 24px !important;
    }
}