/*
CTC Separate Stylesheet
Updated: 2025-05-01 13:31:35
*/
.custom-customer-area-banner {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    text-align: center;
    font-size: 18px;
    color: #39455C;
    font-family: Montserrat, serif;
    font-weight: 300;
}
.custom-customer-area-banner h1 {
    font-size: clamp(30px, 2.5vw, 48px);
    color: #39455C;
    font-family: Playfair Display;
    font-weight: 500;
}
.custom-customer-area-banner h2 {
    text-transform: uppercase;
    font-size: 16px;
    color: #39455C;
    font-family: Montserrat, serif;
    font-weight: 300;
}
body.customer-area-active .cuar-css-wrapper.cuar-content-container {
    border-color: #39455C;
    color: #39455C;
    font-family: Montserrat, serif;
}
body.customer-area-active .cuar-css-wrapper .cuar-menu-container {
    background-color: #39455C;
    color: #fff;
    padding: clamp(10px, 1.146vw, 22px) clamp(15px, 1.823vw, 35px);
}
body.customer-area-active .cuar-css-wrapper .navbar-default .navbar-nav > li > a {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: clamp(12px, 0.833vw, 16px);
}
body.customer-area-active .cuar-css-wrapper .navbar-default .navbar-nav > li > a:focus, body.customer-area-active .cuar-css-wrapper .navbar-default .navbar-nav > li > a:hover {
    background: #39455C;
    color: #fff;
}
body.customer-area-active .cuar-css-wrapper .navbar-default .navbar-nav > .open > a, body.customer-area-active .cuar-css-wrapper .navbar-default .navbar-nav > .open > a:focus, body.customer-area-active .cuar-css-wrapper .navbar-default .navbar-nav > .open > a:hover,
body.customer-area-active .cuar-css-wrapper .cuar-menu-container .navbar .navbar-nav > li.current-menu-item > a, body.customer-area-active .cuar-css-wrapper .cuar-menu-container .navbar .navbar-nav > li.current-page-parent > a {
    background: #39455C;
}
body.customer-area-active .cuar-css-wrapper .dropdown-menu {
    background-color: #39455C;
    color: #fff;
}
body.customer-area-active .cuar-css-wrapper .dropdown-menu > li > a {
    color: #fff;
}
body.customer-area-active .cuar-css-wrapper .dropdown-menu > li > a:focus, body.customer-area-active .cuar-css-wrapper .dropdown-menu > li > a:hover {
    background-color: #39455C;
    color: #fff;
}
body.customer-area-active .cuar-css-wrapper .dropdown-menu > .active > a, body.customer-area-active .cuar-css-wrapper .dropdown-menu > .active > a:focus, body.customer-area-active .cuar-css-wrapper .dropdown-menu > .active > a:hover {
    background-color: #5F6B82;
    color: #fff;
}
body.customer-area-active .cuar-css-wrapper .navbar-default .navbar-brand {
    color: #fff;
}
body.customer-area-active .cuar-css-wrapper .navbar-default .navbar-toggle {
    border-color: #fff;
}
body.customer-area-active .cuar-css-wrapper .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
/**/
body.customer-area-active .cuar-css-wrapper .page-heading {
    background-color: #FBF7F1;
    color: #39455C;
    text-align: center;
    border-color: #39455C;
    padding: clamp(15px, 1.563vw, 30px) clamp(20px, 2.083vw, 40px);
}
body.customer-area-active .cuar-css-wrapper .media {
    text-align: center;
}
body.customer-area-active .cuar-css-wrapper .media-left {
    display: none !important;
}
body.customer-area-active .cuar-css-wrapper .media-body, body.customer-area-active .cuar-css-wrapper .media-left, body.customer-area-active .cuar-css-wrapper .media-right {
    display: block;
}
body.customer-area-active .cuar-css-wrapper .media-heading {
    color: #39455C;
    font-weight: 500;
    font-size: clamp(18px, 1.563vw, 30px);
    font-family: Playfair Display;
}
body.customer-area-active .cuar-css-wrapper .media-heading small {
    font-size: 100%;
}
/**/
body.customer-area-active .cuar-css-wrapper .panel-heading {
    background-color: #39455C;
    border-color: #39455C;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: .1em;
    font-weight: 400;
    border-radius: 0;
    height: auto;
    padding: 9px 19px;
}
body.customer-area-active .cuar-css-wrapper .customer-account .cuar-field.cuar-readonly-field, body.customer-area-active .cuar-css-wrapper .customer-account .cuar-profile-fields {
    margin: 0;
}
body.customer-area-active .cuar-css-wrapper .panel-body {
    font-weight: 500;
    letter-spacing: .1em;
    font-size: 14px;
    border-color: #39455C;
}
body.customer-area-active .cuar-css-wrapper .customer-account .cuar-field.cuar-readonly-field .cuar-field-label {
    padding-left: 0;
    text-transform: uppercase;
}
body.customer-area-active .cuar-css-wrapper .btn-default {
    color: #39455C;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    border-color: #39455C;
    letter-spacing: .3em;
    min-width: clamp(150px, 11.458vw, 220px);
}
body.customer-area-active .cuar-css-wrapper .panel-tabs > li > a {
    font-size: 14px;
    letter-spacing: .1em;
    font-weight: 500;
    text-transform: uppercase;
    background-color: #fff;
    color: #39455C;
}
body.customer-area-active .cuar-css-wrapper .cuar-content-styles a:not(.btn) {
    text-decoration: none;
    border-color: #39455C !important;
}
body.customer-area-active .cuar-css-wrapper .panel-tabs.panel-tabs-border > li.active > a {
    border-color: #39455C;
    background-color: #39455C;
    color: #fff;
}