/*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;
}

/*End*/
.layout {
    --primary-font: 'Montserrat' ;

    --logo-background:   white;                      ;
    --navbar-background: white;              ;
    --navbar-border:     2px solid black             ;
    --separation-line:   5px solid #214a12 ;
    --speed: 500ms;
}

#layout-menu-toggle + label {
    --menu-toggle-color: hsl(0, 0%, 15%) ;
    --size: 1.5rem                       ;
}

.layout .main-menu > .option {
    --border: 2px solid hsla(0, 0%, 100%, 0.1) ;

    --text-color_at-first: black ;

    --text-color_when-focused-on: #c7872c                 ;
    --background_when-focused-on: #EACB9F ;

    --text-color_when-dropdown-activated: hsl(83, 54%, 42%)    ;
    --background_when-dropdown-activated: hsla(0, 0%, 0%, 0.2) ;
}

.layout .sub-menu > .option {
    --border: 1px solid hsla(0, 0%, 0%, 0.2) ;
    
    --text-color_at-first: black                  ;
    --background_at-first: hsla(0, 0%, 100%, 0.3) ;

    --text-color_when-focused-on: black                  ;
    --background_when-focused-on: hsla(0, 0%, 100%, 0.5) ;
}


/* :: 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) );
    }
}

/*FONTS*/
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  src: url('https://peoplevine.blob.core.windows.net/media/1407/d9367abd-a25a-47e4-b75f-167bcf76e8c1/Montserrat.ttf') format('truetype');
}
@font-face {
  font-family: 'Montserrat-Italic';
  font-style: normal;
  src: url('https://peoplevine.blob.core.windows.net/media/1407/98a1b468-e657-470f-8431-b2f57930a003/Montserrat-Italic.ttf') format('truetype');
}
@font-face {
  font-family: 'Garamond';
  font-style: normal;
  src: url('https://peoplevine.blob.core.windows.net/media/1407/dc6a3863-0217-4353-b6cf-827a01354cda/Garamond.ttf') format('truetype');
}
@font-face {
  font-family: 'Garamond-Bold.';
  font-style: normal;
  src: url('https://peoplevine.blob.core.windows.net/media/1407/83b476c8-8f2e-4558-bccd-ddf9d8015858/Garamond-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Garamond-Italic';
  font-style: normal;
  src: url('hhttps://peoplevine.blob.core.windows.net/media/1407/e628d597-6cc6-4cb0-b65b-91085fae0cc6/Garamond-Italic.ttf') format('truetype');
}

.ui-update .hdg {
    color: #fff;
    font-family: 'Garamond';    
    font-size:28px;
}
h2.hdg.hdg_2 {
    font-size: 40px;
    color: #fff;
    font-family: 'Garamond';
    font-weight: 400;
}

.ui-update .txt {
    font-size: 14px;
    font-family: 'Montserrat';
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0;
}

.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: 'Montserrat';
    line-height: 1.2;
    color: #000000;
    display: block;
    margin-bottom: 6px;
    text-align: left;
    letter-spacing: 3px;
    font-weight:400;
}
.ui-update .fieldset-input>input, .ui-update .fieldset-input>textarea, .ui-update .fieldset-input>select, .ui-update .fieldset-input>.sq-input {
    color: #7D9B86;
    text-align:left;
}
/*APPLICATION LAYOUT*/
.ui-update .mix-box_outlined {
    box-shadow: none;
    border: none;
    background-color: transparent;
}
.ui-update .rule {
    border: 0;
    width: 100%;
    color: #e1e1e1;
    background-color: #000;
    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 {
    display: block;
    width: 100%;
    margin: 0;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    -moz-appearance: none;
    appearance: none;
    font-size: 17px;
    transition-property: border;
    transition-duration: 350ms;
    transition-timing-function: ease-in-out;
    border-width: 1px;
    border-style: none none solid none;
    border-color: #c7872c;
    background-color: transparent;
    padding: 12px 15px;
}
h1, h2, h3, h4, h5, h6 {
    text-transform: none;
}
.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: 'Montserrat';
    line-height: 1.2;
    color: #fff;
    display: block;
    margin-bottom: 6px;
    text-align: left;
    font-weight: 400;
}
.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%;
    margin: 0;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px;
    transition-property: border;
    transition-duration: 350ms;
    transition-timing-function: ease-in-out;
    border-width: 1px;
    border-style: none none solid none;
    border-color: #c7872c;
    background-color: transparent;
    padding: 12px 15px;
    font-family: 'Montserrat';
}
.ui-update .fieldset-detail {
    font-size: 11px;
    display: block;
    font-family: 'Montserrat';
    color: #b2b2b2;
    margin-top: 5px;
}
/*DATE PICKER*/
.ui-widget-content {
    border: none;
    background:#7D9B86;
    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: #000000;
}
.ui-update ::selection {
    background: #7D9B86;
    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: #ffffff;
    border: none;
    background: transparent;
}
.ui-state-default.ui-state-highlight {
    background: #7D9B86;
    font-weight: 400!important;
    color: #ffffff;  
}


/*BUTTONS*/
.ui-update .btn, .btn, .ui-update .btn:hover, .btn:hover, .btn-success {
    background-color: transparent;
    font-family: 'Montserrat';    
    color: #c7872c;
    border-color:#c7872c;
}


/* TICK BOXES*/
.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: 14px;
    position: relative;
    padding: 3px 0 1px 30px;
    cursor: pointer;
    color: #c7872c;
    width: 100%;
    font-family: 'Montserrat' !important;
    font-weight: 400;
}
.ui-update .tick_checkbox input[type="checkbox"]:checked+label:before {
    background-color: transparent;
    border-color: #c7872c;
}