
/* Custom dropdown */
.custom-dropdown {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
  }

.custom-dropdown select {
    background-color:transparent;
    color: #fff;
    font-size: 20px;
    /* padding: .5em; */
    padding-right: 8px;
    border: 0;
    margin: 0;
    border-radius: 0;
    text-indent: 0.01px;
    text-overflow: '';
    font-family: "Avenir Medium";
border-bottom: 2px solid #fff;
/*Hiding the select arrow for firefox*/
-moz-appearance: none;
/*Hiding the select arrow for chrome*/
-webkit-appearance:none;
/*Hiding the select arrow default implementation*/
appearance: none;
}
.custom-dropdown select option{
    color: #0F215A;
    font-size: 18px;
    font-family: "Avenir Regular";
    margin-right: 4px;
    padding-left: 4px;
}

.custom-dropdown-form .placeholder{
    color: #adadad !important;
}


/*Hiding the select arrow for IE10*/
.custom-dropdown select::-ms-expand {
    display: none;
}
.custom-dropdown select:focus{
    outline: -webkit-focus-ring-color auto 0;
}
.custom-dropdown > div.f-wrap::before,
.custom-dropdown > div.f-wrap::after {
content: "";
position: absolute;
pointer-events: none;
}
.f-wrap{
    position: relative;
    display: inline-flex;
}

.custom-dropdown > div.f-wrap::after { /*  Custom dropdown arrow */
    content: "\25BC";
    /* height: 15px; */
    font-size: .625em;
    /* line-height: 1; */
    right: 0;
    top: 5px;
    margin-top: -.5em;
    background-image: url(../images/dropdown-arrow-white.svg);
    width: 16px;
    background-size: 15px;
    background-position: center;
    background-repeat: no-repeat;
    color: transparent !important;
}

.filter-white .custom-dropdown div.f-wrap::after{    
    background-image: url(../images/dropdown-arrow-dark.svg);
} 

.custom-dropdown div.f-wrap::before { /*  Custom dropdown arrow cover */
width: 15px;
right: 0;
top: 0;
bottom: 0;
border-radius: 0;
background-color: transparent;
}

.custom-dropdown div.f-wrap::after {
color: #fff;
}

.custom-dropdown select[disabled] {
color: #fff;
}




/** Custom Dropdown Form **/


/* Custom dropdown */
.custom-dropdown-form .ginput_container_select, .custom-dropdown-form {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    width: 100%;
}

.custom-dropdown-form .ginput_container_select select, .custom-dropdown-form select {
    background-color:#fff;
    color: #fff;
    font-size: 20px;
    /* padding: .5em; */
    padding-right: 8px;
    border: 0;
    margin: 0;
    border-radius: 0;
    text-indent: 0.01px;
    text-overflow: '';
    font-family: "Avenir Heavy";
    /*Hiding the select arrow for firefox*/
    -moz-appearance: none;
    /*Hiding the select arrow for chrome*/
    -webkit-appearance:none;
    /*Hiding the select arrow default implementation*/
    appearance: none;
}
.main-filter-object .custom-dropdown-form select{
    color: #0F215A;
    font-family: "Avenir Regular";
    font-size: 13px;
}
.custom-dropdown-form .ginput_container_select select option, .custom-dropdown-form select option{
    color: #0F215A;
    font-size: 18px;
    font-family: "Avenir Regular";
    margin-right: 4px;
    padding-left: 4px;
}
/*Hiding the select arrow for IE10*/
.custom-dropdown-form .ginput_container_select select::-ms-expand, .custom-dropdown-form select::-ms-expand {
    display: none;
}
.custom-dropdown-form .ginput_container_select select:focus, .custom-dropdown-form select:focus{
    outline: -webkit-focus-ring-color auto 0;
}
.custom-dropdown-form .ginput_container_select::before,
.custom-dropdown-form .ginput_container_select::after, .custom-dropdown-form::before, .custom-dropdown-form::after {
content: "";
position: absolute;
pointer-events: none;
}

.custom-dropdown-form .ginput_container_select::after, .custom-dropdown-form::after { /*  Custom dropdown arrow */
    content: "\25BC";
    right: 12px;
    top: 21px;
    margin-top: -.5em;
    background-image: url(../images/arrow-down-form-icon.svg);
    width: 22px;
    background-size: 22px;
    background-position: center;
    background-repeat: no-repeat;
    color: transparent !important;
}


.custom-dropdown-form .ginput_container_select::before, .custom-dropdown-form::before { /*  Custom dropdown arrow cover */
width: 15px;
right: 0;
top: 0;
bottom: 0;
border-radius: 0;
background-color: transparent;
}

.custom-dropdown-form .ginput_container_select::after, .custom-dropdown-form::after {
color: #fff;
}

.custom-dropdown-form .ginput_container_select select[disabled], .custom-dropdown-form select[disabled]{
color: #fff;
}