/*Main layout*/
.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 {
    margin-top: auto;
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: transparent;
   color: black;
   text-align: center;
}
#pvFooter {
    display: none;
}
.border-top {
    border-top: none;
}

/*FONTS*/
@font-face {
  font-family: 'Natalya Monoline Regular';
  font-style: normal;
  src: url('https://peoplevine.blob.core.windows.net/media/1297/f76034b5-d4fc-444a-91f6-b4e58c401039/Natalya_Monoline_Regular.otf') format('opentype');
}
@font-face {
  font-family: 'Natalya Monoline Bold';
  font-style: normal;
  src: url('https://peoplevine.blob.core.windows.net/media/1297/cc1e4fa6-ea31-4923-b821-c83b4ac618be/Natalya_Monoline_Bold.otf') format('opentype');
}
@font-face {
  font-family: 'Natalya Monoline Black';
  font-style: normal;
  src: url('https://peoplevine.blob.core.windows.net/media/1297/548284ba-1be7-4a94-a161-ce3859ff0081/Natalya_Monoline_Black.otf') format('opentype');
}
@font-face {
  font-family: 'Natalya Monoline Thin';
  font-style: normal;
  src: url('https://peoplevine.blob.core.windows.net/media/1297/d4d7a0a6-60f7-486c-aa64-6c48ae768a27/Natalya_Monoline_Thin.otf') format('opentype');
}
@font-face {
  font-family: 'Natalya Monoline Light';
  font-style: normal;
  src: url('https://peoplevine.blob.core.windows.net/media/1297/686959fa-6106-4e7a-8a74-a89abba0a31f/Natalya_Monoline_Light.otf') format('opentype');
}

@font-face {
  font-family: 'Sackers Gothic Medium';
  font-style: normal;
  src: url('https://peoplevine.blob.core.windows.net/media/1297/72722a0a-a258-41f9-901b-ea88d36fc62a/SackersGothicStd-Medium.otf') format('opentype');
}
@font-face {
  font-family: 'Sackers Gothic Heavy';
  font-style: normal;
  src: url('https://peoplevine.blob.core.windows.net/media/1297/99421c29-f7af-45a9-99e2-4a36eb3bb054/SackersGothicStd-Heavy.otf') format('opentype');
}
@font-face {
  font-family: 'Sackers Gothic Light';
  font-style: normal;
  src: url('https://peoplevine.blob.core.windows.net/media/1297/068cb322-9238-4050-9cfa-a124b498996a/SackersGothicStd-Light.otf') format('opentype');
}
@font-face {
  font-family: 'simplynouveaujnl';
  font-style: normal;
  src: url('https://peoplevine.blob.core.windows.net/media/1297/simplynouveaujnl.otf') format('opentype');
}

/*DATE PICKER*/
.ui-widget-content {
    border: none;
    background:#456979;
    color: #FFFFFF;
    padding: 10px;
    box-shadow: 0 0 15px 1px rgb(0 0 0 / 20%);
    border-radius: 0;
}
.ui-datepicker td .ui-state-default:hover {
    background: #ffffff;
    color: #DFD7B8;
}
.ui-update ::selection {
    background: #456979;
    color: #ffffff;
}

td.ui-datepicker-today .ui-state-highlight {
    color: #DFD7B8;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    color: #ffffff;
    border: none;
    background: transparent;
}
.ui-state-default.ui-state-highlight {
    background: #456979;
    font-weight: 600!important;
    color: #ffffff;  
}

/*HEADERS*/
.ui-update .hdg.hdg_1 {
    font-family: 'simplynouveaujnl';
}
.ui-update .hdg.hdg_2 {
    font-family: 'simplynouveaujnl';
}
.ui-update .hdg.hdg_3 {
    font-family: 'Natalya Monoline Regular';
}
.ui-update .hdg.hdg_4 {
    font-family: 'simplynouveaujnl';
}
.hdg.hdg_6.mix-hdg_dark {
    font-family: 'simplynouveaujnl';
}

/* :: additional styling :: */
@media screen and (max-width: 750px) {
    .pvwrap,
    #PeopleVineContent {
        padding: 5vh 5vw;
        width: 100%;
    }
}
@media screen and (min-width: 751px) {
    .pvwrap,
    #PeopleVineContent {
        padding: 3rem;
        width: calc( 100% - var(--layout-header-width) );
    }
}

body {
    font-family: "Sackers Gothic Medium",Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #DFD7B8;
    background-color: #213631;
}

.ui-update .fieldset-label {
    font-size: 14px;
    transition-property: color;
    transition-duration: 350ms;
    transition-timing-function: ease-in-out;
    font-family: inherit;
    line-height: 1.2;
    color: #DFD7B8;
    display: block;
    margin-bottom: 6px;
}

.ui-update .hdg.mix-hdg_dark {
    color: #DFD7B8;
}

.ui-update .fieldset_error .fieldset-label {
    color: #DFD7B8;
}

.ui-update .fieldset_error .fieldset-alert {
    color: #DFD7B8;
}

.ui-update .txt {
    font-size: inherit;
    font-family: inherit;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0;
    text-transform: none;
    transition-property: color;
    transition-duration: 350ms;
    transition-timing-function: ease-in-out;
    color: #DFD7B8;
}

.ui-update .fieldset_error .fieldset-input>* {
    border-color: #DFD7B8;
}
.ui-update .fieldset_error .fieldset-input>input, .ui-update .fieldset_error .fieldset-input>textarea, .ui-update .fieldset_error .fieldset-input>select, .ui-update .fieldset_error .fieldset-input>*>input {
    background-color: #008c8c;
}
/*APPLICATION*/
.ui-update .fieldset-input>input, .ui-update .fieldset-input>textarea, .ui-update .fieldset-input>select, .ui-update .fieldset-input>.sq-input {
    font-family: 'Sackers Gothic Medium';
    color: #DFD7B8;
}
.ui-update .box {
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 15%);
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    border-radius: 2px;
    display: block;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
}
.ui-update .fieldset-input>input, .ui-update .fieldset-input>textarea, .ui-update .fieldset-input>select, .ui-update .fieldset-input>.sq-input {
    border-style: solid;
    border-color: #DFD7B8;
    background-color: transparent;
    padding: 12px 15px;
    font-family: inherit;
    color: #DFD7B8;
}

.ui-update .mix-box_outlined {
    box-shadow: none;
     border: none; 
}
#content_lblStatus {
    font-family: 'Georgia';
}
.ui-update .btn:hover {
    background-color: #DFD7B8;
    border: 1px solid #DFD7B8;
    color: #DFD7B8;
}

.ui-update a {
    color: #008c8c;
}
/*END APPLICATION*/

/*DATE PICKER*/
.ui-widget-content {
    border: none;
    background: #2D574A;
    color: #DFD7B8;
    padding: 10px;
    box-shadow: 0 0 15px 1px rgb(0 0 0 / 20%);
    border-radius: 0;
}
.ui-datepicker td .ui-state-default:hover {
    background: #2D574A;
    color: black;
}
.ui-update ::selection {
    background: #ffffff;
    color: black;
}
.ui-datepicker-today .ui-state-highlight {
    color: #DFD7B8;
    font-weight: bold;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    color: #DFD7B8;
    border: none;
    background: transparent;
}
.ui-state-default.ui-state-highlight {
    background: #2D574A;
    font-weight: 600!important;
    color: #2A2826 !important;  
}
/*END DATE PICKER*/

/*BUTTONS*/
/*.ui-update .btn:hover, .btn:hover {*/
/*    border-color: #DFD7B8;*/
/*    BACKGROUND-COLOR: #DFD7B8;*/
/*}*/

/*BUTTON EDITS*/
#survey_group #PeopleVineContent {
  max-width: 1185px;
}

#mainForm #content_pnlItem {
    font-family: 'Sackers Gothic Medium';
}
#content_pnlItem h3 {
    font-family: 'Sackers Gothic Medium';
}
#generatedSurvey .fieldset-label {
  font-family:'Sackers Gothic Medium';
}
#generatedSurvey #s-12543_24639 {
    margin-top: 20px;
}
#generatedSurvey em {
    font-style: normal;
    font-family: 'Sackers Gothic Medium';
}
#content_field_14380_28418 li label {
    color: white;
}
#content_btnsurvey {
    /*border: 1px solid var(--black);*/
    background: none;
    color: #DFD7B8;
}
#content_btnsurvey:hover, #content_btnsurvey:focus {
    background: var(--black);
    color: black;
}
.ui-update .btn {
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 0px;
    border-color: #DFD7B8;
    color: #DFD7B8;
}

.ui-update .btn:hover {
    border-color: #DFD7B8;
    background-color: #DFD7B8;
    color: #2D574A;
}
/* END OF EDITS*/

/*heading line override*/
.ui-update .rule {
    border: 0;
    width: 100%;
    color: #DFD7B8;
    background-color: #DFD7B8;
    height: 1px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
}
/*END*/

/*CHECK BOX*/
.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: 5px 15px 5px 25px;
    border-radius: 5px;
    cursor: pointer;
    color: #DFD7B8;
    width: 100%;
}

.ui-update .tick_checkbox input[type="checkbox"]+label:before {
    content: ' ';
    height: 24px;
    width: 24px;
    position: absolute;
    top: 1px;
    left: 0;
    border-radius: 2px;
    border: 1px solid #DFD7B8;
    -webkit-transition-property: border-color,background-color;
    transition-property: border-color,background-color;
    -webkit-transition-duration: 350ms;
    transition-duration: 350ms;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    z-index: 1;
}

.ui-update .tick_bubble input[type="checkbox"]+label:before, .ui-update .tick_bubble input[type="radio"]+label:before {
    left: 14px;
    top: 7px;
}

.ui-update .fieldset_error .fieldset-input>input, .ui-update .fieldset_error .fieldset-input>textarea, .ui-update .fieldset_error .fieldset-input>select, .ui-update .fieldset_error .fieldset-input>*>input {
    background-color: #feeeeb 
}

/*PAYMENT FORM*/
#content_payment_payment_type_13199_12832 {
    display: none;
}
#label_field_13199_12832-type {
    display: none;
}
#s-13199_12832-type {
    display: none;
}
#label_field_13199_12832 {
    display: none;
}

/*REMOVE 'LOGIN' TO VIEW FORM TEXT*/
.ui-update .hdg.mix-hdg_brandCallout {
    color: #212224;
    display: none;
}

/* Page divider */

/* Page Divider */
.page-divider {
    background-image: url('https://peoplevine.blob.core.windows.net/media/1400/0e6966b5-64fd-476a-8f8a-9184aa9f38d4/Asset_1.png');
    background-repeat: no-repeat;
    background-size: contain; /* Keeps the image at its original aspect ratio */
    background-position: center;
    height: 50px; /* Adjust height as needed for your divider image */
    margin: 2rem 0; /* Adds space above and below the divider */
}


.ui-update .fieldset-input>input:focus, .ui-update .fieldset-input>textarea:focus, .ui-update .fieldset-input>select:focus, .ui-update .fieldset-input>.sq-input:focus {
outline: none;
border-color: #DFD7B8;
}

.ui-update .txt.mix-txt_light {
    color: #b2b2b2;
    display: none;
}

/* Confirmation page */

.ui-update .titleBar {
    display: -ms-flexbox;
    display: flex;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    background-color: transparent;
    color: #fff;
}

.ui-update .dataList-split {
    font-size: 17px;
    font-family: inherit;
    color: #ffffff;
    width: 100%;
}

.ui-update .dataList {
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    padding: 14px 20px 14px 16px;
    background-color: transparent;
    border-radius: 2px;
    display: block;
}

.ui-update .titleBar-hdg {
    font-size: 15px;
    -ms-flex-item-align: center;
    align-self: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 15px 20px;
    font-family: inherit;
    color: #dfd7b8;
}

.ui-update .titleBar-cta {
    font-size: 13px;
    transition-property: background-color;
    transition-duration: 350ms;
    transition-timing-function: ease-in-out;
    word-break: keep-all;
    background-color: transparent;
    border-top-right-radius: 2px;
    color: #fff;
    font-family: inherit;
    text-transform: lowercase;
    text-align: right;
    padding: 15px 20px;
    cursor: pointer;
}

.ui-update .titleBar-cta:hover {
    background-color: transparent;
    color: #dfd7b8;
}

#password_forgot .hdg{
    color:#DFD7B8;
    padding-bottom:24px;
}