/* Ensure background color is applied site-wide */
body, html {
    margin: 0;
    padding: 0;
    font-family: 'Albra_Regular', sans-serif;
    background-color: #381014 !important; /* Force background color */
    color: #F1F1DE;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    color: #F1F1DE;
}
body {
    color: #F1F1DE!important;
    font-family:'Albra_Regular';
    padding-bottom: 60px; /* Adjust this based on footer height */
    
}
li#s-190_190-type {
    display: none;
}
@font-face {
  font-family: 'ParaSupreme-Medium';
  font-style: normal;
  src: url('https://peoplevine.blob.core.windows.net/media/1429/c1a8c798-f133-4c7f-82ef-80a310ee400c/ParaSupreme-Medium.otf') format('opentype');
}
@font-face {
  font-family: 'Apercu_Light';
  font-style: normal;
  src: url('https://peoplevine.blob.core.windows.net/media/1429/78f829be-f0e6-4c01-9248-478dc9bac253/Apercu_Light.otf') format('opentype');
}
@font-face {
  font-family: 'Albra_Regular';
  font-style: normal;
  src: url('https://peoplevine.blob.core.windows.net/media/1429/548bc7ad-0d56-43d1-b3dd-df120e7bc2d1/Albra_Regular.otf') format('opentype');
}


/* Navbar Adjustments */
.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 5rem;
    margin-top: 2rem;
    border: none;
    display: flex;
    justify-content: space-between; /* Align logo to left, menu to right */
    align-items: center;
    padding: 0 20px;
    width: 100%;
}

/* Footer Adjustments */
footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #381014;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
   margin-top: auto; /* Pushes the footer to the bottom */

}

/* Ensure footer is visible */
.templatesitefooter {
    display: none;
}


/* Header Styles */
.header {
    display: center;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    background-color: #381014;
}

.header .logo {
    display: center;
    align-items: center;
}


.nav-links {
    display: flex;
    gap: 20px;
}

.nav-links a {
    color: #F1F1DE;
    text-decoration: none;
    font-weight: bold;
}

.nav-links a:hover {
    text-decoration: underline;
}

/* General Application Styles */
.ui-update .fieldset-label {
    font-size: 14px;
    transition: color 350ms ease-in-out;
    font-family: 'Albra_Regular';
    line-height: 1.2;
    color: #F1F1DE;
    display: block;
    margin-bottom: 6px;
}
.ui-update .mix-box_outlined {
    box-shadow: none;
    border: none;
}
.ui-update .hdg.mix-hdg_dark {
    font-family: 'ParaSupreme-Medium';
    font-weight: bold;
    color: #F1F1DE !important;
    font-size: 32px;
    text-align: left; /* Default: left-aligned for desktop */
}

/* Center only on mobile (screens 768px or smaller) */
@media only screen and (max-width: 768px) {
    .ui-update .hdg.mix-hdg_dark {
        text-align: center; /* Center text on mobile */
    }
}
.txt {
    display: block; /* Ensures it behaves as a block for centering */
    text-align: left; /* Default position on desktop */
}

/* Center only on mobile (screens 768px or smaller) */
@media only screen and (max-width: 768px) {
    .txt {
        text-align: center; /* Centers the text on mobile */
    }
}


.ui-update .tick input[type="radio"]+label, .ui-update .tick input[type="checkbox"]+label {
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 350ms;
    transition-duration: 350ms;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    font-size: 15px;
    position: relative;
    padding: 3px 0 1px 30px;
    cursor: pointer;
    color: #F1F1DE;
    width: 100%;
}
.fieldset-input select option {
    color: black; /* Change to your preferred color */
}
.ui-update .js-customFileInput:before {
    filter: brightness(0) saturate(100%) invert(97%) sepia(10%) saturate(300%) hue-rotate(30deg) brightness(95%) contrast(90%);
}
.ui-update a {
    color: #F1F1DE;
    text-decoration: underline;
}

/*Button styles*/
.ui-update .btn:hover, .btn:hover {
    border-color: #381014!important;
    background-color: #F1F1DE!important;
    color: #381014!important;
}

.ui-update .btn { color: #381014 !important; }

/*Date widget*/

.ui-widget-content {
    border: none;
    background: #000000!important;
    color: #F1F1DE!important;
    padding: 10px;
    box-shadow: 0 0 15px 1px rgb(0 0 0 / 20%);
    border-radius: 0;
}
.ui-datepicker td .ui-state-default:hover {
    background: #F1F1DE!important;
    color: #000000!important;
}
.ui-update ::selection {
    background: #D19393!important;
    color: #F1F1DE!important;
}

td.ui-datepicker-today .ui-state-highlight {
    color: #000000!important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    color: #F1F1DE!important;
    border: none;
    background: transparent;
}
.ui-state-default.ui-state-highlight {
    background: #F1F1DE!important;
    font-weight: 600!important;
    color: #000!important;  
}
.ui-datepicker .ui-datepicker-title select {
    background: #F1F1DE!important;
    border-color: transparent;
    color: #381014!important;
}


label#label_field_190_190, label#label_field_190_190-cc, label#label_field_20003_20003, label#label_field_20003_20003-cc, li#s-20003_20003-type, label#label_field_20003_20003, li#s-20013_20013-type, label#label_field_20013_20013, li#s-20008_20008-type, label#label_field_20008_20008  {
    display: none;
}

.ui-update #continueApplication .hdg.mix-hdg_brandCallout span#content_lblProgress {
    display: none;
}