/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.woocommerce form .password-input,
.woocommerce-page form .password-input{
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.woocommerce form .password-input .show-password-input,
.woocommerce-page form .password-input .show-password-input{
    top: .5rem;
    right: 1.2rem;
    position: absolute;
    cursor: pointer;
}

.show-password-input::after {
    font-family: 'FontAwesome';
    font-weight: 400;
    font-variant: normal;
    font-size: 1.4em;
    text-transform: none;
    line-height: 1;
    margin-left: .618em;
    content: "\f06e";
    text-decoration: none;
}

.show-password-input.display-password::after{
    content: "\f070";
}


.woocommerce div.product form.cart table.extra-options{
	table-layout: auto;
}



.header-nav.nav-right{
    align-items: center;
}

.mobile-sidebar .html.html_top_right_text > div{
    margin: 0 auto;
}

.stuck .header-main .nav > li > a{
 line-height: 16px;
}

@media (min-width: 411px){
    .header-main li.html.custom{
        display: inline-block;
    }
}

@media (max-width: 849px){
    
    .header-main li.html.custom{
        display: inline-block;
    }
    .header-main .header-language-dropdown .language-name{
        display: none;
    }
    .header-main .header-language-dropdown > a{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        font-size: 0;
    }

    .header-main .header-language-dropdown .nav-dropdown{
        min-width: 180px;
        left: auto;
        right: -45px;
    }
    .header-main .header-language-dropdown .nav-dropdown img{
        vertical-align: unset;
    }
	
	.header-main .mobile-nav .currency_block{
        max-width: 70px;
    }
}

/**
 **
 Вариант №1 С рамкой
 **
*/

.currency_block > div {
    line-height: 1;
}

.header-nav .html_top_right_text{
    padding-top: 5px;
    min-height: 32px;
}

.selectron23-option-title{
    opacity: 0.8;
}

.selectron23-container .selectron23-option:not(:first-of-type):hover{
    background-color: #ffffff !important;
}
.selectron23-option:not(:first-of-type):hover .selectron23-option-title{
    color: #5C5C5C !important;
}

.selectron23-container > div{
    border-bottom: 1px solid #eae6e6;
}
.selectron23-container > div:last-of-type{
    border-bottom: 1px solid transparent;
}

.has-dropdown.header-language-dropdown .image-icon{
    font-size: 11px;
    line-height: 1;
}

.selectron23-container[data-opened="0"] > span{
    background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-size: cover;
    border: none !important;
    width: 18px;
    height: 14px;
    opacity: .8;
    margin-top: -6px;
}

.selectron23-container[data-opened="1"] > span {
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-size: cover;
    border: none !important;
    width: 18px;
    height: 14px;
    opacity: .8;
    margin-top: -4px !important;
    transform: rotate(180deg);
}
@media (max-width: 570px){
    html.custom.html_top_right_text > div:first-of-type{
        max-width: 70px;
        width: 70px;
    }
}

/* <<---  Конец Вариант №1        */

/**
 **
 Вариант №2 Без рамки
 **
 **/
/*
.header-nav .html_top_right_text{
    padding-top: 10px;
    min-height: 36px;
}

.selectron23{
    max-width: 70px;
    width: 70px !important;
    margin-left: 10px;
}

.selectron23-option-title{
    opacity: 0.8;
}

.selectron23-container .selectron23-option:not(:first-of-type){
    background-color: #ffffff !important;
}
.selectron23-option:not(:first-of-type) .selectron23-option-title{
    color: #5C5C5C !important;
}

.has-dropdown.header-language-dropdown .image-icon{
    font-size: 11px;
}

.selectron23-container > span{
    transition: all, 0.1s;
}
.selectron23-container[data-opened="0"] > span{
    background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-size: cover;
    border: none !important;
    width: 18px;
    height: 14px;
    opacity: .8;
    margin-top: -6px;
}

.selectron23-container[data-opened="1"] > span{
    background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-size: cover;
    border: none !important;
    width: 18px;
    height: 14px;
    opacity: .8;
    margin-top: -4px !important;
    transform: rotate(180deg);
}
*/
/* <<---  Конец Вариант №2        */



.my-account-header .social-button{
	min-width: 270px;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}