/*****************************************
* Easy Select Custom
*****************************************/
.main_content .easy-select {
    --es-height:48px;
    --es-bg:#fff;
    --es-text:var(--vii-color-text);
    --es-text-hover:#445870;
    --es-border:1px solid var(--vii-color-gray);
    --es-border-hover:1px solid var(--vii-color-primary);
    --es-radius:5px;
}

.main_content .es-current .es-option:after {
    position:absolute; top:50%; right:10px;
    transform:translateY(-50%);
    content:"\e915"; font-size:.65em; font-family:var(--vii-font-icomoon);
    display:inline-block; margin-left:10px;
    transition:transform .3s ease;
    color:var(--vii-color-natural-black);
}

.main_content .easy-select.es-dropdown-open .es-current .es-option:after {
    transform:translateY(-50%) rotate(180deg);
}

/*****************************************
* Easy Select Custom > Fullwidth layout
*****************************************/
.full-width-select .easy-select {
    --es-radius:0px;
    --es-height:58px;
    width:100%;
}
.full-width-select .easy-select .es-option {
    --vii-color-natural-black:#fff;
    text-align:center; justify-content:space-between;
    font-family:var(--vii-font-secondary); font-weight:700;
}
.full-width-select .es-current {
    --es-bg:var(--vii-color-blue);
    --es-bg-hover:var(--vii-color-blue);
    --es-text:#fff;
    --es-text-hover:#fff;
    --es-border:none;
    --es-border-hover:none;
}
.full-width-select .es-current .es-option {font-size:24px;}
.full-width-select .es-current .es-option:after {right:25px; font-weight:400;}
.full-width-select .es-dropdown {
    top:100%;
    box-shadow:0 0 15px 0 rgba(0, 0, 0, .15);
    border-color:rgba(1, 5, 83, .4);
}

@media only screen and (max-width:1023px) {
    /* full width dropdown */
    .full-width-select .easy-select {margin-left:0;}
    .full-width-select .es-dropdown {
        left:var(--vii-gap-side);
        min-width:unset; width:calc(100% - var(--vii-gap-side) * 2); max-width:unset;
    }
}