/**
 
Table of Contents
===================================================================================
#Variables
#Form Container
#Labels
#Focus
#Inputs
#Checkboxes
#Radio Buttons
#Gravity Forms Specific
#Ninja Forms Specific
#Enfold Forms Specific
#SEARCH Page form
#Inverted Color - Primary
#Inverted Color - Secondary





/* ================================================================================ */
/* #Variables
/* ================================================================================ */
:root { 
  --form-error-color: hsl(0, 100%, 32%);
}






/* ================================================================================ */
/* #Form Container
/* ================================================================================ */
#top form,
#top fieldset { margin-bottom: 0; }






/* ================================================================================ */
/* #Labels
/* ================================================================================ */

#top legend,
#top #main label,
#top .nf-field-label .nf-label-span, 
#top .nf-field-label label { 
  font-size: var(--font-size--body-small);
  font-weight: 500;
  margin-bottom: 4px;
  color: var(--color-text); 
}


#top #main .ginput_container label { 
  font-size: var(--font-size--body-small);
  font-weight: 300;
}




/* Labels - Required
----------------------------------------------------------------------------------- */
.gform_required_legend { display: none; }


#top label span, 
#top legend span,
#top .required { 
  color: var(--color-text); 
  font-size: var(--font-size--body-xx-small);
}






/* ================================================================================ */
/* #Focus
/* ================================================================================ */

#top #main input:not([type="submit"]):focus,
#top #main textarea:focus { 
  border-color: var(--color-neutral);
}






/* ================================================================================ */
/* #Inputs
/* ================================================================================ */

/* Input Containers
----------------------------------------------------------------------------------- */
#top #main .gform_wrapper ul li.gfield  /* Gravity Forms */ { 
  margin-top: 0; 
  margin-bottom: 0; 
  padding-bottom: 10px; 
}


/* Inputs
----------------------------------------------------------------------------------- */
#top #main input:not([type="submit"]),
#top #main textarea, 
#top #main select { 
  font-size: var(--font-size--body-small);
  font-family: var(--font-family--body);
  font-weight: 300;
  color: var(--color-text);
  background-color: var(--color-neutral--xx-light);
  border: 1px solid var(--color-neutral--x-light);
  padding: 10px 12px;
  margin-bottom: 0;
  -webkit-border-radius: var(--border-radius-small);
       -moz-border-radius: var(--border-radius-small);
            border-radius: var(--border-radius-small);
}


#top #main textarea { resize: none; }


#top #main .value_verifier_label {
  bottom: 20px;
  font-size: var(--font-size--body-small);
  color: var(--color-text);
}


/* Input Placeholders
----------------------------------------------------------------------------------- */
#main input::-webkit-input-placeholder,
#main textarea::-webkit-input-placeholder {
  color: var(--color-neutral);
  opacity: 1;
}

#main input:-moz-placeholder,
#main textarea:-moz-placeholder {
  color: var(--color-neutral);
  opacity: 1;
}

#main input::-moz-placeholder,
#main textarea::-moz-placeholder {
  color: var(--color-neutral);
  opacity: 1;
}

#main input:-ms-input-placeholder,
#main textarea:-ms-input-placeholder {
  color: var(--color-neutral);
  opacity: 1;
}

/* Select - works with Gravity Forms placeholder */
#top #main select:has(option[value=""]:checked) {
  color: var(--color-neutral);
}






/* ================================================================================ */
/* #Checkboxes
/* ================================================================================ */

/* Checkbox Containers
----------------------------------------------------------------------------------- */
#top .gfield_checkbox .gchoice,
#top .nf-form-content .listcheckbox-wrap li {
  display: block;
  position: relative;
  margin-bottom: 6px !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#top .gfield_checkbox .gchoice:last-of-type,
#top .nf-form-content .listcheckbox-wrap li:last-of-type {
  margin-bottom: 0 !important;
}


/* Checkbox
----------------------------------------------------------------------------------- */
#top #main .gfield_checkbox .gchoice label,
#top #main .nf-form-content .listcheckbox-wrap li label { margin-bottom: 0; }


/* Hide the browser's default checkbox */
input[type="checkbox"]  {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
}


/* Label */
#top #main input[type="checkbox"] + label {
  margin-bottom: 0;
  margin-left: 0;
  margin-top: 0;
  padding-left: 32px;
  cursor: pointer;
}


/* Create custom checkbox */
#top input[type="checkbox"] + label:before {
  opacity: 1;
  content: '';
  position: absolute;
  top: 3px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: var(--color-neutral--xx-light);
  border: 1px solid var(--color-neutral--x-light);
  -webkit-box-sizing: border-box;
  -moz-box-sizing:    border-box;
  box-sizing:         border-box;
  -webkit-border-radius: var(--border-radius-small);
  -moz-border-radius:    var(--border-radius-small);
  border-radius:         var(--border-radius-small);
}


/* Hover */
#top input[type="checkbox"] + label:hover:before {
  background-color: var(--color-neutral--x-light);
}


/* Checkmark/indicator (hidden when not checked) */
#top input[type="checkbox"] + label:after {
  content: "";
  position: absolute;
  display: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing:    border-box;
  box-sizing:         border-box;

  z-index: 3;
  left: 8px;
  top: 7px;
  width: 5px;
  height: 10px;
  border: solid var(--color-text);
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


/* Show the checkmark when checked */
#top input[type="checkbox"]:checked + label:after {
  display: block;
}






/* ================================================================================ */
/* #Radio Buttons
/* ================================================================================ */

/* Radio Button Containers
----------------------------------------------------------------------------------- */
#top .ginput_container_radio .gchoice,
#top .nf-form-content .listradio-wrap .gchoice  {
  display: block;
  position: relative;
  padding-left: 4px;
  margin-right: 24px;
  margin-bottom: 6px !important;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


#top .ginput_container_radio .gchoice:last-of-type,
#top .nf-form-content .listradio-wrap .gchoice:last-of-type {
  margin-bottom: 0 !important;
}


/* Make them display inline - add class .radio-inline */ 
.radio-inline .gfield_radio { display: flex; }

#top .gfield--type-radio.radio-inline .gfield_label { 
  float: left;
  margin-right: 8px;
  margin-bottom: 0;
}

#top .ginput_container_radio.radio-inline .gchoice,
#top .nf-form-content .listradio-wrap .radio-inline .gchoice { margin-bottom: 0 !important; }


@media (max-width: 1090px) {
  #top .gfield--type-radio.radio-inline .gfield_label { 
    float: none;
  }
}


@media (max-width: 500px) {
  .radio-inline .gfield_radio { display: block; }
}


/* Radio Button
----------------------------------------------------------------------------------- */
#top #main .ginput_container_radio .gchoice label,
#top #main .nf-form-content .listradio-wrap .gchoice label { 
  margin-bottom: 0; 
  max-width: none;
}


/* Hide the browser's default radio button */
.ginput_container_radio .gchoice input,
.listradio-wrap .gchoice input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}


/* Create custom radio button */
#top #main .ginput_container_radio .gchoice label,
#top .listradio-wrap .nf-field-element label { 
  cursor: pointer;
  display: block;
  margin: 0;
  padding-left: 30px;
}


.ginput_container_radio .gchoice label:before,
#top .listradio-wrap .nf-field-element label:before {
  content: '';
  position: absolute;
  top: 1px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: var(--color-neutral--xx-light);
  border: 1px solid var(--color-neutral--x-light);
  border-radius: 50%;
}


/* Hover */
.ginput_container_radio .gchoice label:hover:before,
#top .listradio-wrap .nf-field-element label:hover:before {
  background-color: var(--color-neutral--x-light);
}


/* Checked */
.ginput_container_radio .gchoice input:checked + label:before,
#top .listradio-wrap .nf-field-element label.nf-checked-label:before {
  border: 1px solid var(--color-neutral--x-light);
  background-color: var(--color-neutral--x-light);
}


/* The indicator (the dot/circle) - HIDDEN */
.ginput_container_radio .gchoice label:after,
#top .listradio-wrap .nf-field-element label:after {
  content: "";
  position: absolute;
  display: none;

  top: 7px;
  left: 6px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--color-text);
}


/* Show the indicator (dot/circle) when checked */
.ginput_container_radio .gchoice input:checked + label:after,
#top .listradio-wrap .nf-field-element label.nf-checked-label:after {
  display: block;
}






/* ================================================================================ */
/* #Gravity Forms – Specific 
/* ================================================================================ */

#top .gform_footer {
  padding: 0;
  margin: 0;
}


/* Gravity Forms - Sections
----------------------------------------------------------------------------------- */
.gfield + .gfield--type-section { margin-top: 24px; }


#main h3.gsection_title { font-size: var(--font-size--heading); }


/* Gravity Forms - Errors
----------------------------------------------------------------------------------- */
.gform_validation_errors { display: none; }


#main .gfield_validation_message, 
#main .validation_message {
  background: #fff9f9;
  border-color: var(--form-error-color);
  font-size: var(--font-size--body-x-small);
  padding: 8px 16px;
  margin-top: 8px;
}






/* ================================================================================ */
/* #Ninja Forms Specific
/* ================================================================================ */

.nf-before-form-content { display: none; }

nf-fields-wrap nf-field:first-child { 
  float: left;
  width: 49%;
 }

 nf-fields-wrap nf-field:nth-child(2) { 
  float: right;
  width: 49%;
 }



#top #main .list-wrap label { 
  font-weight: 400; 
}


#top .nf-form-content .listselect-wrap .nf-field-element div, 
#top .nf-form-content input.ninja-forms-field, 
#top .nf-form-content select.ninja-forms-field:not([multiple]) { 
  height: auto; 
}


#top .listradio-wrap .nf-field-element label,
#top .listcheckbox-container .nf-field-element label { 
  margin-left: 0 !important; 
}


#top .checkbox-wrap .nf-field-element label:after, 
#top .checkbox-wrap .nf-field-label label:after, 
#top .listcheckbox-wrap .nf-field-element label:after, 
#top .listcheckbox-wrap .nf-field-label label:after { 
  background: none; 
}


#top .listradio-wrap .nf-field-element label:after {
  border: none;
  z-index: 2;
}


#top #ninja_forms_required_items,
#top .nf-field-container { 
  margin-top: 0; 
  margin-bottom: 0; 
  padding-bottom: 8px; 
}


#top .listselect-wrap div select + div { 
  display: none; 
}


#top .nf-error.field-wrap .nf-field-element:after { 
  background: var(--form-error-color); 
}


#top .nf-error .ninja-forms-field { 
  border-color: var(--form-error-color) !important; 
}


#top .nf-error .nf-error-msg,
#top .nf-error-msg { 
  color: var(--form-error-color); 
}


/* POOLogic Specific */
#nf-field-16-wrap {  
  display: flex;
  flex-direction: column-reverse;
}

.nf-field-description {
  padding-bottom: 6px;
  padding-top: 2px;
}


@media only screen and (max-width: 800px) {
  #top .label-hidden .nf-field-label { 
    margin-bottom: 0 !important; 
  }
}







/* ================================================================================ */
/* #Enfold Forms Specific
/* ================================================================================ */

#top p.form_element { 
  margin-top: 0; 
  margin-bottom: 0; 
  padding-bottom: 24px; 
}


#top #main .avia_ajax_form label,
#top #main .avia_ajax_form label.input_checkbox_label { 
  font-weight: 500;
}


#top .avia_ajax_form input[type="checkbox"] + label:before { top: 0; }

#top .avia_ajax_form input[type="checkbox"] + label:after { top: 4px; }

#top #main .avia_ajax_form .button { margin-top: 16px; }


/* #Enfold - Submission error
----------------------------------------------------------------------------------- */

/* Valid Fields */
#top #wrap_all .valid .text_input, 
#top #wrap_all .valid .text_area, 
#top #wrap_all .valid .select {
  border-color: var(--color-neutral--x-light);
}

/* Error Fields */
#top #wrap_all .error .text_input, 
#top #wrap_all .error .text_area, 
#top #wrap_all .error .select,
#top .error input[type="checkbox"] + label:before {
  border-color: var(--form-error-color);
}

/* Labels */
#top #wrap_all .valid .input_checkbox_label,
#top #wrap_all .valid .required,
#top #wrap_all .valid .input_checkbox_label,
#top #wrap_all .valid .required {
  color: var(--color-text);
}






/* ================================================================================ */
/* #SEARCH Page form
/* ================================================================================ */

#search-fail { margin-bottom: 30px; }


#top.error404 p.entry-content strong { 
  text-transform: none;
	letter-spacing: -0.03em;
  font-family: var(--font-family--heading-style-a);
  line-height: var(--line-height--tight);
  color: var(--color-secondary--x-dark);
  font-weight: 700;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-size: var(--font-size--heading-x-large);
  padding-bottom: 0;
  display: block;
}


#top #search-fail #searchform {
  padding-bottom: 0;
}

#top #searchform > div {
  max-width: 400px;
}


#top #main input#searchsubmit {
  margin-top: 0;
  min-width: auto;
  -webkit-border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;
       -moz-border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;
            border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;
}












/* ================================================================================ */
/* #Inverted Color - Primary
/* ================================================================================ */

/* Labels (Inverted Primary)
----------------------------------------------------------------------------------- */
#top .inverted-color--primary legend { 
  color: #fff;
}


#top #main .inverted-color--primary label,
#top .inverted-color--primary .nf-field-label .nf-label-span, 
#top .inverted-color--primary .nf-field-label label { 
  color: var(--color-primary--xx-light);
}

/* Required */
#top .inverted-color--primary label span,
#top .inverted-color--primary .required { 
  color: var(--color-primary--xx-light);
}


/* Inputs (Inverted Primary)
----------------------------------------------------------------------------------- */
#top #main .inverted-color--primary input:not([type="submit"]),
#top #main .inverted-color--primary textarea, 
#top #main .inverted-color--primary select { 
  background-color: var(--color-primary--x-dark);
  border-color: var(--color-primary--dark);
  color: var(--color-primary--xx-light);
}


#top #main .inverted-color--primary .value_verifier_label {
  color: var(--color-primary--x-light);
}


/* Focus */
#top #main .inverted-color--primary input:not([type="submit"]):focus,
#top #main .inverted-color--primary textarea:focus, 
#top #main .inverted-color--primary select:focus { 
  background-color: var(--color-primary--dark);
  border-color: var(--color-primary--dark);
}


/* Input Placeholders (Inverted Primary)
----------------------------------------------------------------------------------- */
#main .inverted-color--primary input::-webkit-input-placeholder,
#main .inverted-color--primary textarea::-webkit-input-placeholder {
  color: var(--color-primary--x-light);
}

#main .inverted-color--primary input:-moz-placeholder,
#main .inverted-color--primary textarea:-moz-placeholder {
  color: var(--color-primary--x-light);
}

#main .inverted-color--primary input::-moz-placeholder,
#main .inverted-color--primary textarea::-moz-placeholder {
  color: var(--color-primary--x-light);
}

#main .inverted-color--primary input:-ms-input-placeholder,
#main .inverted-color--primary textarea:-ms-input-placeholder {
  color: var(--color-primary--x-light);
}

/* Select - works with Gravity Forms placeholder */
#top #main .inverted-color--primary select:has(option[value=""]:checked) {
  color: var(--color-primary--x-light);
}


/* Checkboxes (Inverted Primary)
----------------------------------------------------------------------------------- */
/* Checkbox */
#top .inverted-color--primary input[type="checkbox"] + label:before { 
  background-color: var(--color-primary--x-dark);
  border-color: var(--color-primary--dark);
}

/* Hover */
#top .inverted-color--primary input[type="checkbox"] + label:hover:before {
  background-color: var(--color-primary--dark);
  border-color: var(--color-primary--dark);
}

/* Checked */
#top .inverted-color--primary input[type="checkbox"] + label:after {
  border-color: var(--color-primary--x-light);
}


/* Radio Buttons (Inverted Primary)
----------------------------------------------------------------------------------- */
/* Radio button */
.inverted-color--primary .ginput_container_radio .gchoice label:before,
#top .inverted-color--primary .listradio-wrap .nf-field-element label:before { 
  background-color: var(--color-primary--x-dark);
  border-color: var(--color-primary--dark);
}

/* Hover */
.inverted-color--primary .ginput_container_radio .gchoice label:hover:before,
#top .inverted-color--primary .listradio-wrap .nf-field-element label:hover:before {
  background-color: var(--color-primary--dark);
  border-color: var(--color-primary--dark);
}

/* Checked */
.inverted-color--primary .ginput_container_radio .gchoice input:checked + label:before,
#top .inverted-color--primary .listradio-wrap .nf-field-element label.nf-checked-label:before {
  background-color: var(--color-primary--dark);
  border-color: var(--color-primary--dark);
}

/* The indicator (the dot/circle) */
.inverted-color--primary .ginput_container_radio .gchoice label:after,
#top .inverted-color--primary .listradio-wrap .nf-field-element label:after {
  background: var(--color-primary--x-light);
}






/* ================================================================================ */
/* #Inverted Color - Secondary
/* ================================================================================ */

/* Labels (Inverted Secondary)
----------------------------------------------------------------------------------- */
#top .inverted-color--secondary legend { 
  color: #fff;
}


#top #main .inverted-color--secondary label,
#top .inverted-color--secondary .nf-field-label .nf-label-span, 
#top .inverted-color--secondary .nf-field-label label { 
  color: var(--color-secondary--xx-light);
}

/* Required */
#top .inverted-color--secondary label span,
#top .inverted-color--secondary .required { 
  color: var(--color-secondary--xx-light);
}


/* Inputs (Inverted Secondary)
----------------------------------------------------------------------------------- */
#top #main .inverted-color--secondary input:not([type="submit"]),
#top #main .inverted-color--secondary textarea, 
#top #main .inverted-color--secondary select { 
  background-color: var(--color-secondary--x-dark);
  border-color: var(--color-secondary--dark);
  color: var(--color-secondary--xx-light);
}


#top #main .inverted-color--secondary .value_verifier_label {
  color: var(--color-secondary--x-light);
}


/* Focus */
#top #main .inverted-color--secondary input:not([type="submit"]):focus,
#top #main .inverted-color--secondary textarea:focus, 
#top #main .inverted-color--secondary select:focus { 
  background-color: var(--color-secondary--dark);
  border-color: var(--color-secondary--dark);
}


/* Input Placeholders (Inverted Secondary)
----------------------------------------------------------------------------------- */
#main .inverted-color--secondary input::-webkit-input-placeholder,
#main .inverted-color--secondary textarea::-webkit-input-placeholder {
  color: var(--color-secondary--x-light);
}

#main .inverted-color--secondary input:-moz-placeholder,
#main .inverted-color--secondary textarea:-moz-placeholder {
  color: var(--color-secondary--x-light);
}

#main .inverted-color--secondary input::-moz-placeholder,
#main .inverted-color--secondary textarea::-moz-placeholder {
  color: var(--color-secondary--x-light);
}

#main .inverted-color--secondary input:-ms-input-placeholder,
#main .inverted-color--secondary textarea:-ms-input-placeholder {
  color: var(--color-secondary--x-light);
}

/* Select - works with Gravity Forms placeholder */
#top #main .inverted-color--secondary select:has(option[value=""]:checked) {
  color: var(--color-secondary--x-light);
}


/* Checkboxes (Inverted Secondary)
----------------------------------------------------------------------------------- */
/* Checkbox */
#top .inverted-color--secondary input[type="checkbox"] + label:before { 
  background-color: var(--color-secondary--x-dark);
  border-color: var(--color-secondary--dark);
}

/* Hover */
#top .inverted-color--secondary input[type="checkbox"] + label:hover:before {
  background-color: var(--color-secondary--dark);
  border-color: var(--color-secondary--dark);
}

/* Checked */
#top .inverted-color--secondary input[type="checkbox"] + label:after {
  border-color: var(--color-secondary--x-light);
}


/* Radio Buttons (Inverted Secondary)
----------------------------------------------------------------------------------- */
/* Radio button */
.inverted-color--secondary .ginput_container_radio .gchoice label:before,
#top .inverted-color--secondary .listradio-wrap .nf-field-element label:before { 
  background-color: var(--color-secondary--x-dark);
  border-color: var(--color-secondary--dark);
}

/* Hover */
.inverted-color--secondary .ginput_container_radio .gchoice label:hover:before,
#top .inverted-color--secondary .listradio-wrap .nf-field-element label:hover:before {
  background-color: var(--color-secondary--dark);
  border-color: var(--color-secondary--dark);
}

/* Checked */
.inverted-color--secondary .ginput_container_radio .gchoice input:checked + label:before,
#top .inverted-color--secondary .listradio-wrap .nf-field-element label.nf-checked-label:before {
  background-color: var(--color-secondary--dark);
  border-color: var(--color-secondary--dark);
}

/* The indicator (the dot/circle) */
.inverted-color--secondary .ginput_container_radio .gchoice label:after,
#top .inverted-color--secondary .listradio-wrap .nf-field-element label:after {
  background: var(--color-secondary--x-light);
}