@font-face {
	font-family: 'Gill_Sans_Light';
	font-weight: normal;
	font-style: italic;
	src: url('https://peoplevineuk.blob.core.windows.net/media/110/3729fc40-7384-4cae-ae6e-c4caa87944f7/Gill_Sans_Light.otf') format("opentype");
}
@font-face {
	font-family: 'Fino_Sans_Regular';
	font-weight: normal;
	font-style: italic;
	src: url('https://peoplevineuk.blob.core.windows.net/media/110/7ebb28c3-5d00-4652-b16d-65fe113db9ff/Fino_Sans_Regular.otf') format("opentype");
}
@font-face {
	font-family: 'NanumGothic';
	font-weight: normal;
	font-style: italic;
	src: url('https://peoplevineuk.blob.core.windows.net/media/110/79f8fca0-4c55-4464-8ec0-8cc5d98f1798/NanumGothicCoding-Regular.ttf') format("truetype");
}


/*HEADERS*/
.ui-update .hdg.hdg_1 {
    font-family: 'Fino_Sans_Regular';
    color: #040F2A;    
}
.ui-update .hdg.hdg_2 {
    font-family: 'Fino_Sans_Regular';
    color: #040F2A;    
}
.ui-update .hdg.hdg_3 {
    font-family: 'Fino_Sans_Regular';
    color: #040F2A;    
}
.ui-update .hdg.hdg_4 {
    font-family: 'Fino_Sans_Regular';
    color: #040F2A;    
    font-size: 23px;    
}
.hdg.hdg_6.mix-hdg_dark {
    font-family: 'Fino_Sans_Regular';
    font-weight: 400;
    text-align: left;
    color: #040F2A;
    letter-spacing: 3px; 
    text-transform: uppercase;
}

/* Override */
body {
    font-family: 'Gill_Sans_Light', sans-serif !important;
    background-color: #D2C99E;
    color: #040F2A;
    /*background-color: #d1d1d1;*/
    
}

.ui-update .txt.mix-txt_light {
    color: #ffffff;
}

/* :: 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) );
    }
}
  .navbar-brand {
    margin-bottom: 50px; /* Adjust the margin value as needed */
  }
.ui-update .fieldset_error .fieldset-alert {
    color: #000000;
}  
.ui-update .fieldset_error .fieldset-label {
    color: #000000;
}  

/*APPLICATION*/
.ui-update .tick input[type="radio"]+label, .ui-update .tick input[type="checkbox"]+label {

    transition-property: color;
    
    transition-duration: 350ms;
  
    transition-timing-function: ease-in-out;
    font-size: 15px;
    position: relative;
    color: #000000;
    width: 100%;

}
.ui-update .fieldset-detail a {
    -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;
    text-decoration: underline;
    color: #000000;
}

.ui-update .txt {
    color: #040F2A;
}

.ui-update .fieldset-detail {
    font-size: 13px;
    display: block;
    font-family: inherit;
    color: #040F2A;
    margin-top: 5px;
}

.ui-update .fieldset-input>input, .ui-update .fieldset-input>textarea, .ui-update .fieldset-input>select, .ui-update .fieldset-input>.sq-input {
    font-family: 'Gill_Sans_Light';
    color: #000000;
}
.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: transparent;
    border-radius: 5px;
    background-color: #ffffff;
    padding: 12px 15px;
    font-family: inherit;
    color: #2A2826;
}
.ui-update .fieldset-label {
    font-size: 14px;
    -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-family: inherit;
    line-height: 1.2;
    color: #000000;
    font-weight: 400;
    display: block;
    margin-bottom: 6px;
}
.ui-update .fieldset-label_required:before {
    content: "*";
    color: #000000;
    margin-right: 2px;
    font-size: 18px;
    line-height: 0;
    vertical-align: sub;
}
.ui-update .rule {
    border: 0;
    width: 100%;
    color: #e1e1e1;
    background-color: #000000;
    height: 1px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
}
.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: transparent;
    border-radius: 0px;
    background-color: #ffffff;
    padding: 12px 15px;
    font-family: inherit;
    color: #000000;
}
.ui-update .mix-box_outlined {
    box-shadow: none;
    color: none;
    border: none; 
}

.ui-update .alert {
    font-size: 17px;
    font-family: inherit;
    padding: 20px 10px;
    margin-bottom: 20px;
    text-align: center;
    background-color: #000000;
    border: 2px solid #000000;
    color: #fff;
    font-weight:700;
}
#content_lblStatus {
    font-family: 'Gill_Sans_Light';
}
.ui-update .btn:hover {
    background-color: #D8CFC5;
    border: 1px solid #D8CFC5;
    color: #2A2826;
}


/*END APPLICATION*/

/*DATE PICKER*/
.ui-widget-content {
    border: none;
    background: #040F2A;
    color: #F0EFD1;
    padding: 10px;
    box-shadow: 0 0 15px 1px rgb(0 0 0 / 20%);
    border-radius: 0;
}
.ui-datepicker td .ui-state-default:hover {
    background: #db150d;
    color: black;
}
.ui-update ::selection {
    background: #db150d;
    color: #F0EFD1;
}
.ui-datepicker-today .ui-state-highlight {
    color: #F0EFD1;
    font-weight: bold;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    color: #F0EFD1;
    border: none;
    background: transparent;
}
.ui-state-default.ui-state-highlight {
    background: #db150d;
    font-weight: 600!important;
    color: #F0EFD1 !important;  
}

/*END DATE PICKER*/

/*Button*/
.ui-update .btn {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    outline: none !important;
    border: none;
    box-shadow: none;
    background-color: #040F2A;
    text-decoration: none;
    font-weight: normal;
    border-color: #000000;
    color: #9C7B3B;
    border-radius: 2px;
    display: block;
    width: 100%;
    cursor: pointer;
    font-weight: normal;
    padding: 15px 45px;
    vertical-align: middle;
    border-style: solid;
    border-width: 0px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    white-space: normal;
    font-weight: 500;
}

.ui-update .btn:hover {
    background-color: #9C7B3B;
    border: 0px solid #000000;
    color: #040F2A;
    border-radius: 2px;
}
.ui-update .js-customFileInput {
    font-size: 17px;
    font-family: inherit;
    display: inline-block;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #e1e1e1;
    background-color: transparent;
    color: #000000;
    padding: 12px 20px 10px 52px;
    border-radius: 25px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 350ms;
    transition-duration: 350ms;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.ui-update .fieldset-label_required:before {
    content: "*";
    color: #ab7d00;
    margin-right: 2px;
    font-size: 18px;
    line-height: 0;
    vertical-align: sub;
}

.ui-update .fieldset-detail a:hover {
    text-decoration: underline;
    color: #000000;
}

.ui-update .tick_bubble input[type="checkbox"]:checked+label, .ui-update .tick_bubble input[type="radio"]:checked+label {
    background-color: #000000;
    border-color: #000000;
    border-radius: 5px;
    color: #ffffff;
    padding-left: 50px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.ui-update .tick_checkbox input[type="checkbox"]+label:before {
    height: 24px;
    width: 24px;
    position: absolute;
    border-radius: 2px;
    border: 1px solid #000000;
}

.ui-update .tick_checkbox input[type="checkbox"]:checked+label:before {
    background-color: #000000;
    border-color: #000000;
}

.ui-update .fieldset-label_required:before {
    content: "*";
    color: #b51f20;
    margin-right: 2px;
    font-size: 18px;
    line-height: 0;
    vertical-align: sub;
}


/* Hide */

#label_field_37007_36393-type {
    display: none;
}

#haveReferral {
    display: none;
}


/* Event page update */

.ui-update .tick_bubble input[type="checkbox"]+label, .ui-update .tick_bubble input[type="radio"]+label {
    font-family: inherit;
    border: 1px solid #4f4f4f;
    background-color: transparent;
    display: inline-block;
    padding: 10px 20px;
    margin-bottom: 5px;
    height: 100%;
}

.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: black;
    border-radius: 0px;
    background-color: transparent;
    padding: 12px 15px;
    font-family: inherit;
    color: #000000;
}

#content_search_for::placeholder,
#content_first_name::placeholder,
#content_last_name::placeholder,
#content_password::placeholder,
#content_password_confirm::placeholder,
#content_email::placeholder,
#content_field_37013_36399::placeholder {
    color: black;
}

.ui-update .js-customFileInput {
    font-size: 17px;
    font-family: inherit;
    display: inline-block;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #000000;
    background-color: transparent;
    color: #000000;
    padding: 12px 20px 10px 52px;
    border-radius: 25px;
    transition-property: all;
    transition-duration: 350ms;
    transition-timing-function: ease-in-out;
}