/* FONTS */
@font-face {
    font-family: 'Menlo';
    font-style: normal;
    src: url('https://peoplevineuk.blob.core.windows.net/media/83/431c7f42-e7f1-4026-b8c6-fce1d71d7118/Menlo.ttf') format('truetype');
}

@font-face {
    font-family: 'Brown-Bold';
    font-style: normal;
    src: url('https://peoplevineuk.blob.core.windows.net/media/83/6282285d-50ed-45d1-8d51-f8017a954bfe/Brown-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Brown-Regular';
    font-style: normal;
    src: url('https://peoplevineuk.blob.core.windows.net/media/83/f40ad397-73ec-42b4-b16b-c6484687ca75/Brown-Regular.ttf') format('truetype');
}

/* GLOBAL STYLES */
body {
    background-color: #F7F1DA;
    font-family: 'Brown-Regular', sans-serif;
    text-align: center;
    padding: 0;
    margin: 0;
  overflow-x: hidden;
  position: relative !important;
  min-height: 100vh !important;
}
.ui-update .txt.mix-txt_light {
    display: none;
}
.ui-update p, .ui-update span {
    font-family: 'Brown-Regular';
    color: #1E1B1C;
    margin-top: 5px;
}
.ui-update p {
    text-align:left;
    font-family: 'Brown-Regular';
    color: #1E1B1C;
    margin-top: 5px;    
}
.ui-update .gridList-item {
    font-size: 15px;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 10px;
    margin: 0 0 5px 0;
    vertical-align: top;
    width: 100%;
}


@media only screen and (min-width: 768px), only print {
    .ui-update .gridList-item {
        padding: 0 20px;
        margin: 0 0 0px 0;
    }
}
.ui-update .fieldset-input>input, .ui-update .fieldset-input>textarea, .ui-update .fieldset-input>select, .ui-update .fieldset-input>.sq-input {
    display: block;
    width: 100%;
    /*height: 32px;*/
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 17px;
    -webkit-transition-property: border;
    transition-property: border;
    -webkit-transition-duration: 350ms;
    transition-duration: 350ms;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    border-width: 1px;
    border-style: solid;
    border-color: #a9a9a9;
    background-color: #fff;
    padding: 12px 15px;
    font-family: inherit;
    color: #202020!important;
}
/* Proper placeholder styling */
::placeholder {
    font-family: 'Brown-Regular', sans-serif;
    font-size: 16px;
    color: #151515!important;
    text-transform:inherit;
}

/* Browser compatibility */
::-webkit-input-placeholder {
    font-family: 'Brown-Regular', sans-serif;
    font-size: 16px;
    color: #151515!important;
    text-transform:inherit;    
}

:-moz-placeholder {
    font-family: 'Brown-Regular', sans-serif;
    font-size: 16px;
    color: #151515!important;
    text-transform:inherit;    
}

::-moz-placeholder {
    font-family: 'Brown-Regular', sans-serif;
    font-size: 16px;
    color: #151515!important;
    text-transform:inherit;    
}

:-ms-input-placeholder {
    font-family: 'Brown-Regular', sans-serif;
    font-size: 16px;
    color: #151515!important;
    text-transform:inherit;    
}
.ui-update .fieldset-input[data-fieldset-icon]:before {
    display:none;
}
#content_lblStatus {
    display: none;
}
#survey-group-497 .hdg.hdg_6.mix-hdg_dark {
    display:none;
}

#survey-group-555 .hdg.hdg_6.mix-hdg_dark {
    display:none;
}

#survey-group-553 .hdg.hdg_6.mix-hdg_dark {
    display:none;
}

#survey-group-542 .hdg.hdg_6.mix-hdg_dark {
    display:none;
}

#survey-group-564 .hdg.hdg_6.mix-hdg_dark {
    display:none;
}

/*DATE PICKER*/
.ui-widget-content {
    border: none;
    background:#F7F1DA;
    color: #000;
    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: #000000;
}
.ui-update ::selection {
    background: #000000;
    color: #ffffff;
}

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: #000000;
    border: none;
    background: transparent;
}
.ui-state-default.ui-state-highlight {
    background: #ffffff;
    font-weight: 600!important;
    color: #ffffff;  
}
.ui-update .fieldset-input[data-fieldset-icon] input {
    padding-left: 15px;
}


/* HEADER */
header {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    padding: 20px;
    background-color: #f8f8f8;
}

.hdg.hdg_6.mix-hdg_dark {
    font-family: 'Brown-Bold';
    font-size: 50px;
    text-align: center;
    width: 100%;
    padding: 20px;
    color: #151515;
}
h3 {
    font-family: 'Brown-Bold';
    font-size: 50px;
    text-align: center;
    width: 100%;
    padding: 20px;
    color: #151515;
    text-transform:uppercase;
}

/* Ensure the page structure fills the viewport */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

/* Ensures the entire page structure expands correctly */
.wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* Ensures the wrapper takes at least full height of viewport */
}

/* Ensures content expands and pushes the footer to the bottom */
.main-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* Additional class for content to grow and push footer down */
.content {
    flex: 1;
}

/* Updated footer styling */
footer {
    text-align: center;
    background-color: #151515;
    padding: 20px;
    width: 100%;
    margin-top: auto; /* Ensures footer is always pushed to the bottom */
}

/* Hides the unnecessary PeopleVine footer */
#pvFooter {
    display: none;
}




/* FORM STYLING */
#generatedSurvey {
    width: 620px;
    margin: 0 auto;
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.ui-update .box {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    background-color: transparent;
    border-radius: 2px;
    display: block;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
}
.ui-update .mix-box_outlined {
    box-shadow: none;
    border: none;
}
.ui-update .rule {
    display:none;
}
span#content_lblmessage {
    color: red;
}

/* FORM FIELDS */

#s-28283_27750 {
    margin-top: 20px;
}
#s-28455_27922 {
    margin-top: 20px;
}

/*.ui-update .fieldset-label {*/
/*    text-align: -webkit-left; */
/*}*/

.ui-update .fieldset-detail {
    font-size: 16px;
    display: block;
    font-family: inherit;
    color: #151515;
    margin-top: 5px;
    text-align: left;
}
.ui-update .hList {
    padding: 0;
    text-align: left;
}


/* BUTTON */
.ui-update .btn {
    font-family: 'Brown-Regular', serif;
    border: 1px solid #1E1B1C;
    background-color: #1E1B1C;
    color: #ffffff;
    border-radius: 3px;
    width: 620px;
    height: 32px;
    line-height: 0;
    margin-top: 0px; /* Add spacing above button */
    text-transform: capitalize;
}

.ui-update .btn:hover {
    background-color: #F7F1DA;
    color: #1E1B1C;
}
#continueApplication {
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically (if needed) */
    min-height: 100px; /* Ensures vertical centering works if needed */
}

#content_btnsub {
    /*display: block;*/
    margin: 0 auto; /* Centers the button horizontally */
    text-align: center;
}
    #content_btnback {
        display: none !important;
    }



/* RESPONSIVENESS */
@media (max-width: 768px) {
    #generatedSurvey {
        width: 90%;
    }

    .fieldset-input input,
    .fieldset-input textarea,
    .fieldset-input select {
        width: 100%;
    }

    .ui-update .btn {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .hdg.hdg_6.mix-hdg_dark {
        font-size: 40px;
    }

    .ui-update .btn {
        font-size: 14px;
    }
}

/*IDENTITY PAGE*/
#label_field_27950_27417 {
    display: none;
}

/*HEADSHOT PAGE*/
.ui-update .js-customFileInput {
    display: inline-block;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border: none;
    background-color: transparent;
    background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22148%22%20height%3D%22148%22%20viewBox%3D%220%200%20148%20148%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M74%2060L74%2081%22%20stroke%3D%22%23151515%22%20stroke-width%3D%222%22%2F%3E%0A%3Cpath%20d%3D%22M63.7502%2069.6606L74.2054%2059.2054L84.6606%2069.6606%22%20stroke%3D%22%23151515%22%20stroke-width%3D%222%22%2F%3E%0A%3Cpath%20d%3D%22M58%2079.24C58%2081.3265%2058%2084.761%2058%2086.9308C58%2088.0354%2058.8954%2088.9289%2060%2088.9289H87.0046C88.1092%2088.9289%2089.0046%2088.0335%2089.0046%2086.9289V79.8859%22%20stroke%3D%22%23151515%22%20stroke-width%3D%222%22%2F%3E%0A%3Cpath%20d%3D%22M27%201H7C3.68629%201%201%203.68629%201%207V27%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%0A%3Cpath%20d%3D%22M147%2027L147%207C147%203.68629%20144.314%201%20141%201L121%200.999999%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%0A%3Cpath%20d%3D%22M121%20147L141%20147C144.314%20147%20147%20144.314%20147%20141L147%20121%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%0A%3Cpath%20d%3D%22M1%20121L1%20141C1%20144.314%203.68629%20147%207%20147L27%20147%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%0A%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    width: 148px; /* Adjust based on your SVG */
    height: 148px; /* Adjust based on your SVG */
    text-indent: -9999px; /* Hide the text */
    padding: 0;
}
.ui-update .js-customFileInput:before {
    display:none;
}

.ui-update .js-customFileInput.active {
    background-color: #617772 ;
    border-color: #617772 ;
    color: #fff;
    padding-left: 48px;
}
/*CONTACT PAGE*/
#section_field_27959_27426 {
    font-size: 16px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
#section_field_27960_27427 {
    font-size: 16px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

/*PERSONAL DETAILS*/
#section_field_27971_27438 {
    font-size: 16px;
    text-align:left;
    margin-bottom: 0px;
    padding: 0px 0px 0px ;
}
#section_field_27974_27441 {
    font-size: 16px;
    text-align:left;    
    margin-bottom: 0px;
    padding: 0px 0px 0px ;
}
#section_field_27979_27446 {
    font-size: 16px;
    text-align:left;
    margin-bottom: 0px;
    padding: 0px 0px 0px ;
}
#section_field_28576_28043 {
    display: none;
}
#s-27973_27440,
#s-32233_31657{
    text-align: left;
}
.ui-update .tick_checkbox input[type="checkbox"]+label:before {
    content: ' ';
    height: 24px;
    width: 24px;
    position: absolute;
    top: 4px;
    left: 0;
    border-radius: 50px;
    border: 1px solid #151515;
    -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_checkbox input[type="checkbox"]+label:after {
    background-size: contain;
    background-position: center center;
    content: ' ';
    height: 14px;
    width: 14px;
    position: absolute;
    top: 9px;
    left: 5px;
}

/*.ui-update .tick input[type="radio"]+label, .ui-update .tick input[type="checkbox"]+label {*/
/*    padding: 3px 100px 3px 0px;*/
/*}*/

.ui-update .tick input[type="radio"]+label, .ui-update .tick input[type="checkbox"]+label {
    text-align: left;
}



/*MEMBERSHIP PACKAGES*/
#s-27982_27449 {
    text-align: left;
}
#content_field_28456_27923 {
    text-align: left;
    list-style: circle;
}
.btnLogout{
    display:none!important;
}

#content_field_27950_27417{
    color:#000!important;
}

.ui-update .js-customFileInput{
    border-radius:0!important;
}
#section_field_28511_27978 {
    display: none;
}
#label_field_28508_27975-type {
    display: none;
}
#label_field_28508_27975-country {
    display: none;
}
#s-28734_28201 {
    text-align: left;
}


/*exclusions*/

#label_field_28457_27924,
#label_field_28508_27975,
#label_field_28508_27975-address,
#label_field_28508_27975-city,
#label_field_28508_27975-state,
#label_field_28508_27975-zip,
#label_field_28734_28201,
#label_field_28456_27923,
#label_field_27967_27434,
#label_field_27968_27435,
#label_field_27970_27437,
#label_field_27973_27440,
#label_field_27972_27439,
#label_field_27975_27442,
#label_field_27976_27443,
#label_field_27977_27444,
#label_field_27978_27445,
#label_field_27980_27447,
#label_field_27945_27412,
#label_field_27946_27413,
#label_field_27947_27414,
#label_field_27948_27415,
#label_field_27949_27416,
#label_field_27951_27418,
#label_field_27953_27420,
#label_field_27954_27421,
#label_field_27955_27422,
#label_field_27956_27423,
#label_field_27957_27424,
#label_field_27958_27425,
#label_field_27961_27428,
#label_field_27962_27429,
#label_field_27963_27430,
#label_field_27964_27431,
#label_field_27965_27432,
#label_field_27966_27433,
#label_field_28279_27746,
#label_field_28280_27747,
#label_field_28281_27748,
#label_field_28282_27749,
#label_field_28284_27751,
#label_field_30162_29619,
#label_field_30163_29620,
#label_field_30164_29621,
#label_field_30034_29491,
#label_field_30035_29492,
#label_field_30037_29494,
#label_field_30038_29495,
#label_field_30039_29496,
#label_field_30036_29493,
#label_field_30040_29497,
#label_field_30041_29498,
#label_field_30857_30281,
#label_field_30864_30288-type,
#label_field_30864_30288,
#label_field_30864_30288-name,
#label_field_30864_30288-cc,
#label_field_30870_30294,
#label_field_30871_30295,
#label_field_26736_26211,
#label_field_26737_26212,
#label_field_26738_26213,
#label_field_26739_26214-type,
#label_field_26739_26214-name,
#label_field_26739_26214-cc,
#label_field_31291_30715,
#label_field_31397_30821,
#label_field_31404_30828,
#label_field_31404_30828-type,
#label_field_31404_30828-name,
#label_field_31404_30828-cc,
#label_field_31410_30834,
#label_field_31411_30835,
#label_field_31519_30943,
#label_field_31520_30944,
#label_field_31521_30945,
#label_field_31522_30946,
#label_field_31523_30947,
#label_field_31524_30948,
#label_field_31525_30949,
#content_payment_payment_type_31404_30828,
#label_field_31487_30911,
#label_field_31488_30912,
#label_field_31489_30913,
#label_field_31503_30927,
#label_field_31510_30934,
#label_field_31504_30928,
#label_field_31505_30929,
#label_field_31507_30931,
#label_field_31506_30930,
#label_field_31508_30932,
#label_field_31509_30933,
#label_field_32188_31612,
#label_field_32188_31612-type,
#label_field_32188_31612-name,
#label_field_32188_31612-cc,
#label_field_32194_31618,
#label_field_32195_31619,
#label_field_32187_31611,
#label_field_27958_27425-cc,
#label_field_32216_31640,
#label_field_32217_31641,
#label_field_32218_31642,
#label_field_32219_31643,
#label_field_32220_31644,
#label_field_32221_31645,
#label_field_32222_31646,
#label_field_32226_31650,
#label_field_32227_31651,
#label_field_32237_31661,
#label_field_32238_31662,
#label_field_32239_31663,
#label_field_32240_31664,
#label_field_32235_31659,
#label_field_32233_31657,
#label_field_32243_31667,
#label_field_32231_31655,
#label_field_32230_31654,
#label_field_32229_31653,
#label_field_32245_31669,
#label_field_32258_31682,
#label_field_32259_31683,
#label_field_32839_32259,
#label_field_32840_32260,
#label_field_32840_32260-type,
#label_field_32840_32260-name,
#label_field_32840_32260-cc,
#label_field_32846_32266,
#label_field_32847_32267{
    display: none;
}


#label_field_29022_28489,
#label_field_30865_30289,
#label_field_30867_30291,
#label_field_26739_26214,
#label_field_32253_31677,
#label_field_32255_31679,
#label_field_32841_32261,
#label_field_32843_32263{
    text-align: left;
}

#content_field_30870_30294,
#content_field_30871_30295,
#label_field_32191_31615,
#label_field_32189_31613,
#label_field_31405_30829,
#label_field_31407_30831{
    text-align: left;
}

#content_field_30859_30283,
#content_field_30860_30284{
    text-align: left
}

#section_field_29300_28767,
#content_payment_payment_type_26739_26214,
#s-28508_27975-type,
#s-30864_30288-type,
#label_field_28508_27975-name,
#label_field_28508_27975-cc,
#s-26739_26214-type,
#label_field_26739_26214{
    display: none;
}

/* button spacing */
    .split_collapseOnMobile .btn:last-child {
        margin-bottom: 0;
        margin-top: 5px;
    }


#content_btnback3{
    display:none!important;
}

#label_field_30346_29803 {
  text-align: left;
  display: block;
}


#section_field_30345_29802 {
  margin: 0;
  padding: 4px;
  line-height: 1;
  height: auto; 
}


#section_field_30347_29804 {
    margin: 0;
    padding: 4px;
    line-height: 1;
    height: auto;
}

#content_field_31841_31265 { 
    text-align: center;
    list-style: none;
}

/*Gift form labels*/

/* Scope only to this specific list */
  #content_field_31841_31265 {
    padding: 0;
    margin: 0;
  }

  #content_field_31841_31265 li {
    list-style: none;
    margin-bottom: 15px;
    position: relative;
  }

  /* Hide radio buttons in this list only */
  #content_field_31841_31265 input[type="radio"] {
    display: none;
  }

  /* Label as a uniform, clickable box */
  #content_field_31841_31265 label {
    display: block;
    text-align: center;
    width: calc(100vw - 20px);
    max-width: 600px;
    height: 120px;
    padding: 5px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 0px;
    background-color: #f9f9f9;
    cursor: pointer;
    transition: border 0.3s, background-color 0.3s;
  }

  /* Style the selected box */
  #content_field_31841_31265 input[type="radio"]:checked + label {
    border-color: #000000;
    background-color: #f7f1da;
  }


 .ui-update .hList>*:last-child {
    margin-right: 12px;
}

/* Hide actual radio inputs */
  #content_field_31841_31265 input[type="radio"] {
    display: none !important;
  }

  /* Reset label styling from any 'tick' or 'bubble' class effects */
  #content_field_31841_31265 label::before,
  #content_field_31841_31265 label::after {
    display: none !important;
    content: none !important;
    background: none !important;
  }