@font-face {
  font-family: 'LTCCaslonPro';
  font-style: normal;
  src: url('https://peoplevine.blob.core.windows.net/media/1411/d2b03756-1312-4009-90f5-3c09e0715229/LTCCaslonPro.otf') format('opentype');
}
@font-face {
  font-family: 'LTCCaslonPro-Italic';
  font-style: normal;
  src: url('https://peoplevine.blob.core.windows.net/media/1411/9151e60b-4975-4a2e-95b0-a9f09217830d/LTCCaslonPro-Italic.otf') format('opentype');
}
@font-face {
  font-family: 'LTCCaslonSwash';
  font-style: normal;
  src: url('https://peoplevine.blob.core.windows.net/media/1411/8b390641-16bd-4869-9dab-5ea5ef5c4e0e/LTCCaslonSwash.otf') format('opentype');
}
@font-face {
  font-family: 'AvenirLTPro-Heavy';
  font-style: normal;
  src: url('https://peoplevine.blob.core.windows.net/media/1411/777a1e93-56c4-4c29-ab11-61b4c68cb6b7/AvenirLTPro-Heavy.otf') format('opentype');
}
@font-face {
  font-family: 'AvenirLTPro-Black';
  font-style: normal;
  src: url('https://peoplevine.blob.core.windows.net/media/1411/a63b65f7-c80d-4a24-8495-76cc54651dd1/AvenirLTPro-Black.otf') format('opentype');
}
@font-face {
  font-family: 'AvenirLTPro-Book';
  font-style: normal;
  src: url('https://peoplevine.blob.core.windows.net/media/1411/ac18da07-091e-45e9-9f76-9df0fa9dd157/AvenirLTPro-Book.otf') format('opentype');
}

.templatesitefooter {
    height: 30px;
    padding-top: 5px;
    text-align: center;
}
.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 5rem;
    margin-top:2rem;
    border: 1px solid transparent;
    display: flex;
    justify-content: center;
    width: 100%;
}
/*End*/

/*Footer Edits*/
footer {
    bottom: 0;
    width: 100%;
}

.templatesitefooter {
    display: none;
    height: 30px;
    padding-top: 5px;
    /*position: absolute;*/
    bottom: 0px;
    text-align: center;
    width: 100%;
}
/*End*/

body {
  background-color: #f0f2ec;
}
.ui-update .mix-box_outlined {
    box-shadow: none;
    border: 1px none #e1e1e1;
    background-color: #f0f2ec;
}

.ui-update .hdg {
    font-family: 'LTCCaslonPro',serif;
    color: #1f2a37 !important;
}
.ui-update h1,h2,h3,h4,h5,h6 {
    font-family: 'LTCCaslonPro', serif;
    color: #1f2a37 !important;
}
.ui-update p,span,li {
    font-family: 'AvenirLTPro-Book', serif;
   color: #1f2a37 !important;
    font-size: 16px;
}

.ui-update .fieldset-label {
    font-family: 'AvenirLTPro-Heavy',serif;
    color: #1f2a37 !important;
    font-size: 16px;
    text-transform: uppercase;
}
.ui-update .tick input[type="radio"]+label, .ui-update .tick input[type="checkbox"]+label {
    color: #1f2a37;
}

.ui-update .fieldset-detail {
    font-size: 13px;
    display: block;
    font-family: AvenirLTPro-Book;
    margin-top: 5px;
}

/* Button */

.ui-update .btn {
    font-family: 'AvenirLTPro-Book', serif;
    border: 1px solid white;
    background-color: #1f2a37;
    color: #f0f2ec;
    border-radius: 0px;
    font-size: 16px;
}
.ui-update .btn:hover {
    font-family: 'AvenirLTPro-Book', serif;
    border:1px solid #1f2a37;
    background-color: #f0f2ec;
    color: #1f2a37;
    border-radius: 0px;
    font-size: 16px;
}

/*DATEPICKER*/

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

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

.ui-update .alert {
    font-size: 17px;
    font-family: inherit;
    padding: 20px 10px;
    margin-bottom: 20px;
    text-align: center;
    background-color: red!important;
    border: none;
    color: #4f4f4f;
}

td.ui-datepicker-today {
    background: #1f2a37;
}

.ui-datepicker .ui-datepicker-title select {
    color: #fff;
    background-color: #1f2a37;
}

.customPage {
    margin:3rem;
}