/* Theme-owned Ultimate Member and Select2 overrides. */

.um {
    margin-bottom: 0 !important;
}

.um-field {
    margin-bottom: 27px;
    padding: 0;
}

.um-field-label {
    margin: 0 0 0 0 !important;
}

.um .um-field-label {
    color: #254062 !important;
    font-family: var(--e-global-typography-text-font-family ), Sans-serif;
    padding-bottom: 6px;
}

.um-form input[type=text],
.um-form input[type=search],
.um-form input[type=tel],
.um-form input[type=number],
.um-form input[type=password] {
    font-size: 14px !important;
    color: #254062 !important;
}

.um .um-form input[type=text], .um .um-form input[type=search], .um .um-form input[type=tel], .um .um-form input[type=number], .um .um-form input[type=password], .um .um-form textarea, .um .upload-progress, .select2-container .select2-choice, .select2-drop, .select2-container-multi .select2-choices, .select2-drop-active, .select2-drop.select2-drop-above {
    border: 1px solid #f5f5f5 !important;
    box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 7%) !important;
    padding: 0.5rem 1rem !important;
    border-radius: 3px;
    line-height: 1.4;
}

.um input[type=submit].um-button, .um a.um-button {
    background: #EC671C !important;
    border: 1px solid #EC671C !important;
}

.um input[type=submit].um-button:hover, .um a.um-button:hover {
    background: #d35914 !important;
    border: 1px solid #d35914 !important;
}

.um input[type=submit].um-button:focus, .um a.um-button:focus {
    background: #d35914 !important;
    border: 1px solid #d35914 !important;
    box-shadow: 0 0 0 0.2rem #f6c3aa !important;
}

.um input[type=submit].um-button:not(:disabled):not(.disabled).active,.um input[type=submit].um-button:not(:disabled):not(.disabled):active,
.um a.um-button:not(:disabled):not(.disabled).active, .um a.um-button:not(:disabled):not(.disabled):active {
    background: #c25111 !important;
    border: 1px solid #c25111 !important;
}

.um input[type=submit].um-button.disabled, .um input[type=submit].um-button:disabled,
.um a.um-button.disabled, .um a.um-button:disabled {
    background: #EC671C !important;
    border: 1px solid #EC671C !important;
}

.um .um-account-tab-delete input[type=submit].um-button {
    background: #d9534f !important;
    border: 1px solid #d9534f !important;
}

.um .um-account-tab-delete input[type=submit].um-button:hover {
    background: #C9302C !important;
    border: 1px solid #C9302C !important;
}

.um .um-account-tab-delete input[type=submit].um-button:focus {
    background: #C9302C !important;
    border: 1px solid #C9302C !important;
    box-shadow: 0 0 0 0.2rem #e8cac9 !important;
}

.um .um-account-tab-delete input[type=submit].um-button:not(:disabled):not(.disabled).active,
.um .um-account-tab-delete input[type=submit].um-button:not(:disabled):not(.disabled):active {
    background: #bc2a26 !important;
    border: 1px solid #bc2a26 !important;
}

.um .um-account-tab-delete input[type=submit].um-button.disabled, .um .um-account-tab-delete input[type=submit].um-button:disabled,
.um a.um-button.disabled, .um a.um-button:disabled {
    background: #d9534f !important;
    border: 1px solid #d9534f !important;
}

.um-col-alt {
    margin: 30px 0 30px 0 !important;
}

.um-col-alt-b {
    padding-top: 0 !important;
}

a.um-link-alt { 
    color: #254062 !important;
    text-align: right !important;
    text-decoration: underline !important;
}

.um-col-alt-r {
  text-align: center;
}

.um-link-alt-r {
    color: #254062 !important;
    text-decoration: underline !important;
}

.um-center .um-button {
    min-width: 120px !important;
}

.um-account-main div.um-account-heading {
    margin: 0 0 20px 0 !important;
}

.um-account-main p {
    margin: 20px 0 20px 0 !important;
}

.um-account-side li a span.um-account-title {
    color: #254062 !important;
}

.um-account-side li a span.um-account-icon, .um-account-side li a.current span.um-account-icon, .um-account-side li a.current:hover span.um-account-icon {
    color: #254062 !important;
}
.um-profile-container {
    float: left;
    width: 100%;
}

.um-profile-photo-container {
    width: 30%;
}

.um-profile-photo {
    float: none;
    margin: 0px;
}

.um-profile-photo a.um-profile-photo-img {
    float: none;
    display: block;
    position: relative;
}

div.uimob340 .um-account-main {
    float: left;
}

div.uimob340 .um-profile-photo-container {
    width: 100% !important;
}

div.uimob340 .um-profile-photo {
    position: relative;
    top: 0;
    left: 0;
}

div.uimob340 .um-profile-photo a.um-profile-photo-img {
    width: auto !important;
    height: auto !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
}

div.uimob340 .um-account-nav a {
    height: auto;
    padding-top: 8%;
    padding-bottom: 8%;
    line-height: normal;
}

div.uimob340 .um-account-nav span.ico, div.uimob340 .um-account-nav span.arr {
    top: 25%;
}

div.uimob340 .um-account-nav span.arr {
    font-size: 21px;
}

div.uimob500 .um-account-main {
    float: left;
}

div.uimob500 .um-profile-photo-container {
    width: 100% !important;
}

div.uimob500 .um-profile-photo {
    position: relative;
    top: 0;
    left: 0;
}

div.uimob500 .um-profile-photo a.um-profile-photo-img {
    width: auto !important;
    height: auto !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
}

div.uimob800 .um-profile-photo-container {
    width: 100% !important;
}

div.uimob800 .um-profile-photo a.um-profile-photo-img {
    width: auto !important;
    height: auto !important;
    top: 0 !important;
}

div.uimob960 .um-profile-photo a.um-profile-photo-img {
    width: auto !important;
    height: auto !important;
    top: 0 !important;
}

div.uimob800 .um-account-side li a.current, div.uimob800 .um-account-side li a.current:hover {
    background: #4d6787;
}

.um-profile-photo:hover .um-profile-photo-overlay {
    opacity: 1;
}

.um-profile-photo-overlay {
    opacity: 0;
}

.um-profile-photo-overlay:hover {
    background: rgb(0 0 0 / 15%);
}

.um-profile-photo .um-dropdown {
    right: -40px !important;
    top: 105px !important;
}

.um-profile-photo .um-dropdown li {
    background: #fff;
}

.um-profile-photo .um-dropdown .um-dropdown-arr {
    color: #fff;
}

.um-profile-photo .um-dropdown li {
    padding: 0.25rem !important;
}

.um-profile-photo .um-dropdown li a {
    height: auto;
    text-decoration: none !important;
}

.um-profile-photo .um-dropdown li a:hover {
    color: #000;
    background-color: darkgray !important
}

.um-account a, .um-account label, .um-account input, .um-account div {
    font-family: "Manrope", Sans-serif;
}
/*
*  The following CSS fixes a bug in UM where conditional and their parent dropdowns have different CSS.
*
*  The bug happens because UM adds the .select2-container within <body> instead of um-form.
*/

body > .select2-container .select2-dropdown input {
    border: 1px solid #f5f5f5 !important;
    box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 7%) !important;
    padding: 0.5rem 1rem !important;
    border-radius: 3px;
    line-height: 1.4;
    font-size: 14px !important;
    color: #254062 !important;
}

body > .select2-container .select2-dropdown .select2-results li.select2-results__option[aria-selected="true"] {
    background-color: #ddd !important;
}

body > .select2-container .select2-dropdown .select2-results li.select2-results__option.select2-results__option--highlighted {
    background: #f4f4f4;
    color: #666;
}

body > .select2-container.select2-container--open .select2-dropdown .select2-results li {
    list-style: none;
    display: list-item;
    background: none;
    font-size: 15px;
    margin: 5px !important;
    color: #666 !important;
    padding: 3px 7px 4px !important;
    cursor: pointer;
    min-height: 1em;
}