/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/*Sticky currency selector*/

#wte-cc-currency-list-container{
   position: absolute;
   top: 50%;
   margin-top: -15px;
   right: 0;
   z-index: 99999;
}
body.wpte-cc-sticky-converter #wte-cc-currency-list-container{
    position: fixed;
}
#wte-cc-currency-list-container .wte-cc-currency-list-display{
    background: #32B67A;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    padding: 13px 35px 12px 15px;
    display: inline-block;
    height: auto;
    line-height: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}
#wte-cc-currency-list-container .wte-cc-currency-list-display:focus,
#wte-cc-currency-list-container .wte-cc-currency-list-display:active{
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#wte-cc-currency-list-container .wte-cc-currency-list-display:after{
    border-color: #FFF;
    height: 8px;
    width: 8px;
    margin-top: -5px;
    right: 16px;
}
#wte-cc-currency-list-container .wte-cc-currency-list-display .list{
    left: auto;
    right: 0;
    min-width: 263px;
    border: 1px solid rgba(50,182,122,0.3);
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: 0;
}
#wte-cc-currency-list-container .wte-cc-currency-list-display .list .option{
    font-size: 14px;
    color: #232323;
    font-weight: 500;
}
#wte-cc-currency-list-container .wte-cc-currency-list-display .list .option:focus,
#wte-cc-currency-list-container .wte-cc-currency-list-display .list .option:hover,
#wte-cc-currency-list-container .wte-cc-currency-list-display .list .option.selected.focus{
    background: rgba(50,182,122,0.1);
}

.nice-select.wte-cc-currency-list-display.lp-bf-altd {
    width: 100%;
    margin-bottom: 10px;
    /* border: none; */
    border-bottom: 1px solid rgba(var(--black-color-rgb), 0.07);
    border-radius: 0;
}

/*Widget based currency selector*/
.wte-currency-switcher-drpdown{
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.wte-currency-switcher-drpdown .wte-cc-currency-list-display{
    position: relative;
    z-index: 9;
    width: 100%;
    border: 1px solid rgba(35,35,35,0.1);
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 20px;
    display: block;
    line-height: 1;
    height: auto;
    font-size: 16px;
    font-weight: 500;
    color: #232323;
}
.wte-currency-switcher-drpdown .wte-cc-currency-list-display:after{
    border-color: #32B67A;
    height: 11px;
    width: 11px;
    margin-top: -7px;
    right: 20px;
}
.wte-currency-switcher-drpdown .wte-cc-currency-list-display .list{
    width: 100%;
    border: 1px solid rgba(50,182,122,0.3);
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: 0;
}
.wte-currency-switcher-drpdown .wte-cc-currency-list-display .list .option{
    background: #FFF;
    color: #232323;
    font-size: 14px;
    font-weight: 500;
}
.wte-currency-switcher-drpdown .wte-cc-currency-list-display .list .option:focus,
.wte-currency-switcher-drpdown .wte-cc-currency-list-display .list .option:hover{
    background: #32B67A;
    color: #FFF;
    font-weight: 500;
}