/*------------------------------------*\
    
    WebFX Choices.js Customizations - Global styling for select box/text inputs using Choices.js

    Add custom Choices.js select input styling to this file if it should be applied to all Choices.js select inputs on the site
    Otherwise, put your styles in individual block stylesheets

\*------------------------------------*/

.choices {
    z-index: 2;
}

.choices__inner {
    width: 100%;
    display: block;
    height: 46px;
    background: var(--white);
    color: var(--body-color);
    border: var(--border);
    font-size: 15px;
    font-weight: 500;
    border-radius: 10px;
    font-family: var(--font-primary);
    padding: 12px 50px 10px 10px !important;
    transition: all ease 0.1s;  
    z-index: 3;
    position: relative;
}

.choices__list--dropdown .choices__item {
    height: 50px;
    display: flex;
    align-items: center;
    width: 100%;
}

.choices__list .choices__item--choice {
    padding: 10px 10px;
    color: var(--body-color);
    background: var(--white);
    font-size: 15px;
    font-weight: 500;
}

.choices__list .choices__item--choice:nth-child(odd) {
    background: var(--medium);
}
.choices__list .choices__item--choice:nth-child(even) {
    background: var(--white);
}
.choices__placeholder{
    opacity: 1;
}
.choices[data-type*='select-one']:after {
    content: "\e901";
    font-family: 'rmfx-icon';
    border: none;
    width: 46px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    top: 0;
    margin: 0;
    color: var(--body-color);
    z-index: 4;
}

.choices[data-type*='select-one'].is-open:after {
    border: none;
    content: "\e912";
    margin: 0;
}

.choices:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    right: 46px;
    top: 0;
    margin: 0;
    background: var(--border-color);
    z-index: 4;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted, 
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
    background: var(--medium);
}

.bg-dark .choices__inner {
    background: var(--darkest);
    border: 1px solid var(--darkest);
    color: var(--white);
}

.bg-dark .is-focused .choices__inner,
.bg-dark .is-open .choices__inner {
    border-color: var(--darkest);
}

.bg-dark .choices:before {
    background: var(--darkest);
}

.bg-dark:not(.half-testimonials-half-form):not(.half-text-half-form) .choices__list .choices__item--choice {
    color: var(--white);
    background: var(--darkest);
}

.bg-dark:not(.half-testimonials-half-form):not(.half-text-half-form) .choices__list .choices__item--choice:nth-child(even) {
    background: var(--dark);
}

.bg-dark:not(.half-testimonials-half-form):not(.half-text-half-form) .is-open .choices__list--dropdown {
    border-color: var(--darkest);
}

.bg-dark .is-open .choices__list--dropdown[aria-expanded] {
    border-color: var(--darkest);
}

.bg-dark:not(.half-testimonials-half-form):not(.half-text-half-form) .choices__list--dropdown .choices__item--selectable.is-highlighted, 
.bg-dark:not(.half-testimonials-half-form):not(.half-text-half-form) .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
    background: var(--darkest);
    color: var(--white);
}

.bg-dark:not(.half-testimonials-half-form):not(.half-text-half-form) .choices__list--dropdown .choices__item--selectable.is-highlighted:nth-child(even), 
.bg-dark:not(.half-testimonials-half-form):not(.half-text-half-form) .choices__list[aria-expanded] .choices__item--selectable.is-highlighted:nth-child(even) {
    background: var(--dark);
    color: var(--white);
}

.is-open .choices__inner {
    border-radius: 10px 10px 0 0;
}

.is-flipped.is-open .choices__inner {
    border-radius: 0 0 10px 10px;
}

.is-focused .choices__inner, .is-open .choices__inner {
    border-color: var(--border-color);
}

.is-open .choices__list--dropdown {
    border-color: var(--border-color);
    border-radius: 0 0 10px 10px;
}

.is-flipped .choices__list--dropdown {
    border-radius: 10px 10px 0 0;
}

.is-open .choices__list--dropdown[aria-expanded] {
    border-color: var(--border-color);
    box-shadow: var(--drop-shadow);
}

.choices[data-type*='select-one'] .choices__input {
    display: none;
}

.choices__list--dropdown {
    border-radius: 10px;
    background: transparent;
}

.choices__list--dropdown .choices__item--selectable:after {
    display: none;
}

.choices__list--single {
    padding: 0;
}

.choices__list--dropdown .choices__item {
    position: relative;
    padding: 10px 16px !important;
    font-size: 16px;
    color: var(--body-color);
    font-weight: 400;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: var(--light);
    color: var(--body-color);
}

@media(min-width: 768px) {
    .choices__inner {
        padding: 15px 50px 10px 15px !important;
        height: 54px;
        font-size: 16px;
    }

    .choices__list .choices__item--choice {
        padding: 11px 15px;
        font-size: 16px;
    }
}