@import url("./elements/_fonts.css?v=63636112");
@import url("./elements/_color.css?v=63636112");
@import url("./elements/_animations.css?v=63636112");
@import url("./elements/_reset.css?v=63636112");
@import url("./elements/_header.css?v=63636112");
@import url("./elements/_footer.css?v=63636112");
@import url("./elements/_search.css?v=63636112");
@import url("./elements/_transitions.css?v=63636112");
@import url("./elements/_accordion.css?v=63636112");
@import url("./elements/_formidable.css?v=63636112");
@import url("./elements/_newsletter-modal.css?v=63636112");
@import url("./elements/swiper-bundle.min.css?v=63636112");
@import url("./elements/_swiper-pagination.css?v=63636112");
@import url("./sections/_popular-brands-section.css?v=63636112");
@import url("./elements/_geo-lander-modal.css?v=63636112");

@import url("./elements/_selectbox.css?v=63636112");

.um-account-meta{text-align: left !important;}
.account-main .um-account .um-account-meta-img{max-width: 80px; margin: 0 auto; display: none;}
.account-main .um-account .um-account-meta-img img{max-width: 80px; border: 4px solid var(--Sky-Blue);}
.account-main .um-account .um-account-name a{color: var(--Deep-Teal); font-size: 16px;}
.account-main .um-account .um-account-side ul{background: var(--White); border: 1px solid var(--Beige); border-radius: 16px; overflow: hidden; padding: 0 !important; }
.account-main .um-account .um-account-side li{margin-bottom: 0 !important; background: white; border-bottom: 1px solid #F2EBE3; }
.account-main .um-account .um-account-side li:last-child{border-bottom: none;}
.account-main .um-account .um-account-side li a:hover{background: white;}
.account-main .um-account .um-account-side li::before{display: none;}
.account-main .um-account .um-account-side li a{padding: 12px 0;}
.account-main .um-account .um-account-side li a span.um-account-title{color: var(--Deep-Teal);}
.account-main .um-account .um-account-side li a:hover span.um-account-title{font-weight: 700;}
.account-main .um-account .um-account-side li a span.um-account-icon{border-right: 1px solid var(--Beige);}
.account-main .um-account .um-account-side li a span.um-account-icon i{opacity: 0.7;}
.account-main .um-account .um-account-side li a.current span.um-account-icon i{color: var(--Deep-Teal); opacity: 1;}
.account-main .um-account .um-account-side li a span.um-account-arrow{position: absolute; right: 10px; top: 50%; transform: translateY(-50%); font-size: 18px; opacity: 1; width: 32px; height: 32px; background: var(--Sky-Blue); border-radius: 50%; display: flex; justify-content: center; align-items: center; transition: var(--b-transition);}
.account-main .um-account .um-account-side li a span.um-account-arrow i{display: none;}
.account-main .um-account .um-account-side li a span.um-account-arrow::before{content: ""; position: absolute; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8.66699 11.3333L12.0003 8L8.66699 4.66666' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 11.3333L7.33333 8L4 4.66666' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); width: 32px; height: 32px; background-repeat: no-repeat; background-position: center; transition: var(--b-transition);}
.account-main .um-account .um-account-side li a.current span.um-account-arrow{background: var(--Golden-Yellow);}
.account-main .um-account .um-account-side li a.current span.um-account-arrow::before{transform: translateX(2px);}
.account-main .um-account .um-account-side li a:hover span.um-account-arrow{background: var(--Golden-Yellow);}
.account-main .um-account .um-account-side li a:hover span.um-account-arrow::before{transform: translateX(2px);}

.um-col-alt.um-col-alt-b .um-left{clear: both;}
.account-main .um-account .um-account-main div.um-account-heading{font-size: 20px; line-height: 20px; color: var(--Deep-Teal); margin-bottom: 20px !important; clear: both; padding-top: 32px;}
.account-main .um-account .um-account-main p{color: var(--Deep-Teal);}
.account-main .um:not(.um-admin):not(.um-directory) input{ padding: 15px 23px 15px !important; border: 1px solid var(--Beige) !important; border-radius: 24px; height: auto !important; color: var(--Deep-Teal); font-family: var(--body-font); }
.account-main .um:not(.um-admin):not(.um-directory) input:focus{border: 1px solid var(--Beige) !important;}

.account-main .um:not(.um-admin):not(.um-directory) input:autofill,
.account-main .um:not(.um-admin):not(.um-directory) input:-moz-autofill,
.account-main .um:not(.um-admin):not(.um-directory) input:-webkit-autofill{background-color: var(--White); color: var(--Deep-Teal); -webkit-text-fill-color: var(--Deep-Teal); }

.account-main .um:not(.um-admin):not(.um-directory) ::placeholder{color: var(--Deep-Teal);}
.account-main .um-field-label{margin: 0 0 4px 0;}
.account-main .um-field-label label, label.um-field-label, .um-account-tab .um-field .um-field-label{color: var(--Deep-Teal); padding: 0; font-size: 16px !important; line-height: 24px !important; font-weight: 500; }
.account-main .um input[type="submit"].um-button{ width: 100% !important; border-radius: 24px !important; background-color: var(--Deep-Teal); color: var(--White); border: none !important; font-weight: 500 !important; padding: 14px 20px !important; font-size: 16px; }
.account-main .um input[type="submit"].um-button:hover{background-color: var(--Golden-Yellow);}


body.page-id-1430 .um-form .um-field table{margin: 0; }
body.page-id-1430 .um-form .um-field table tr td a{color: var(--Deep-Teal); font-weight: 500;}
body.page-id-1430 .um-form .um-field table tr td a:hover{color: var(--Golden-Yellow);}

.account-main .um-col-alt.um-col-alt-b *{display: none;}
.account-main .um-col-alt.um-col-alt-b .um-left, .account-main .um-col-alt.um-col-alt-b .um-left input.um-button{display: block;}
p.um-notice.success, .account-main .um-account .um-account-main p.success { background: var(--Peach-Blossom); }
.um-account-main #um_field_0_user_login, .um-account-main #um_field_0_last_name{display: none;}


@media screen and (min-width: 1024px) {
    .account-main{padding: 80px 0;}
    .account-main .um-account .um-account-main{padding:0 0 0 60px;}
}

@media screen and (max-width: 1023px) and (min-width: 865px){
    .account-main .um-account-main{padding:0 0 0 40px !important;}
}
@media screen and (max-width: 1023px) and (min-width: 768px){
    .account-main{padding: 60px 0;}
    .account-main .um:not(.um-admin){margin-bottom: 0 !important;} 
}
@media screen and (max-width: 864px) and (min-width: 533px){
    div.uimob800 .um-account-main{max-width: 100% !important; padding: 0 0 0 40px;}
    .account-main .um-account .um-account-side ul {padding: 0 !important;}
    .account-main .um-account .um-account-side li a span.um-account-arrow{display: none;}
}
@media screen and (max-width: 767px) and (min-width: 200px){
    .account-main{padding: 60px 0;}
    .account-main .um:not(.um-admin){margin-bottom: 0 !important;}
    .account-main .um-account .um-account-main .um-account-nav a{color: var(--Deep-Teal) !important;}
    .account-main .um-account .um-account-main .um-account-nav a span.arr{transition: var(--b-transition);}
    .account-main .um-account-main .um-account-tab.um-account-tab-privacy{margin-top: 32px; overflow: hidden;}
body.page-id-1430 .um-form .um-field table{ overflow-x: scroll; display: block;}
    
}

@media screen and (max-width: 532px) and (min-width: 200px){
    .um-account-meta{margin-bottom: 20px !important;}
    .um-account-main{border: 1px solid var(--Beige); background: var(--White); padding: 0 10px !important; border-radius: 16px; }
    .account-main .um-account .um-account-main .um-account-nav a span.arr{position: absolute; right: 10px; top: 5px; font-size: 18px; opacity: 1; width: 32px; height: 32px; background: var(--Sky-Blue); border-radius: 50%; display: flex; justify-content: center; align-items: center; transition: var(--b-transition);}
    .account-main .um-account .um-account-main .um-account-nav a span.arr i{display: none;}
    .account-main .um-account .um-account-main .um-account-nav a span.arr::before{content: ""; position: absolute; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4.66683 8.66724L8.00016 12.0006L11.3335 8.66724' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.66683 4.00049L8.00016 7.33382L11.3335 4.00049' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); width: 32px; height: 32px; background-repeat: no-repeat; background-position: center; transition: var(--b-transition);}
    .account-main .um-account .um-account-main .um-account-nav a.current span.arr{transform: rotate(180deg); background: var(--Golden-Yellow);}
    .account-main .um-col-alt.um-col-alt-b{padding-top: 10px;}
    .account-main .um-col-alt.um-col-alt-b .um-left{float: none;}
}