/*
 * form
*/
/*
:root
   {
      --hx-font-family: 'Barlow Condensed';
      --hx-font-weight: 500;
      --p-font-family: 'Barlow Condensed';
      --p-font-weight: 300;
      --strong-font-family: 'Barlow Condensed';
      --strong-font-weight: 500;
      --a-font-family: 'Barlow Condensed';
      --a-font-weight: 500;
      
      --label-font-family: 'Barlow Condensed';
      --label-font-weight: 300;
      --btn-font-family: 'Barlow Condensed';
      --btn-font-weight: 500;
   }
:root
   {
      --btn-bg: #006171;
      --btn-c: #ffffff;
      --btn-bg-hover: #d3d93e;
      --btn-c-hover: #ffffff;
      --form-input-text-bg: #e5f4eb;
      --form-input-text-c: rgba(0, 0, 0, 0.9);      
      --form-input-checkbox-bg: #e5f4eb;
      --form-input-checkbox-br-c: #e5f4eb;
      --form-input-checkbox-active-c: #006171;
      --form-input-radio-bg: #e5f4eb;
      --form-input-radio-br-c: #e5f4eb;
      --form-input-checkbox-active-c: #006171;
      --search-results-bg: #e5f4eb;
   }
*/
/*
.form-icon
   {
      display: inline-block;
      position: relative;
   }
.form-icon > *:not(i)
   {
      padding-right: 2.5rem;
      width: 100%;
   } 
*/
/*
.form-icon i
   {
      position: absolute;
      right: 1.5rem;
      top: 1.0625rem;
      color: var(--c);
   }
*/
label
   {
      font-size: 1.25rem;
      line-height: 1.75rem;
      font-family: var(--label-font-family);
      font-style: normal;
      font-weight: var(--label-font-weight);
      margin-bottom: 0.25rem;
   }
label.form-required:after
   {
      content: ' *\a0';
      color: red;
   }
.btn,
.button,
.p-teaser .p-wysiwyg p:last-child a,
.votingapi-reaction-form .form-item label .votingapi-reaction-item 
   {
      -webkit-appearance: none;
      -moz-appearance: none;
      border-radius: 0rem;
      background-image: none;
      cursor: pointer;   
      text-decoration: none !important;  
      display: inline-block;      
      
      margin: 0rem;
      padding: 0.5rem 1.5rem;
      border-width: 0rem;
      background-color: var(--btn-bg);
      color: var(--btn-c) !important;
      font-family: var(--btn-font-family) !important;
      font-style: normal !important;
      font-weight: var(--btn-font-weight) !important;
      /*
      font-size: 1rem;
      line-height: 1.75rem;
      */
      font-size: 1.25rem;
      line-height: 1.6rem;
      
      letter-spacing: var(--btn-letter-spacing);
   }
.p-teaser .p-wysiwyg p:last-child a
   {
      margin-top: auto;
   }
.btn:hover,
.button:hover,
.p-teaser .p-wysiwyg p:last-child a:hover
   {
      background-color: var(--btn-bg-hover);
      color: var(--btn-c-hover) !important;
   }
.btn:focus, 
.button:focus, 
.btn:hover,
.button:hover,
.p-teaser .p-wysiwyg p:last-child a:hover,
.p-teaser .p-wysiwyg p:last-child a:focus
   {
      text-decoration: none !important;
   }
.form-text,
.form-email,
.form-textarea,
.form-search
   {
      -webkit-appearance: none;
      -moz-appearance: none;
      border-radius: 0rem;
      background-image: none;
      
      margin: 0rem;
      padding: 0.5rem;
      padding-left: 1rem;
      padding-right: 1rem;
      border-width: 0rem;
      background-color: var(--form-input-text-bg);
      color: var(--form-input-text-c);
      
      font-size: 1.25rem;
      line-height: 1.75rem;

      font-family: var(--p-font-family);
      font-style: normal;
      font-weight: var(--p-font-weight);
   }
.form-select
   {
      -webkit-appearance: none;
      -moz-appearance: none;
      border-radius: 0rem;
      background-image: none;
      
      margin: 0rem;
      padding: 0.5rem;
      padding-left: 1rem;
      padding-right: 1rem;
      border-width: 0rem;
      background-color: var(--form-input-text-bg);
      color: var(--form-input-text-c);
      
      font-size: 1.25rem;
      line-height: 1.75rem;
      
      font-family: var(--p-font-family);
      font-style: normal;
      font-weight: var(--p-font-weight);
	  /*
      font-family: 'Roboto';
      font-style: normal;
      font-weight: 400;
	  */
   }
.form-select option
   {
      font-size: 1.25rem;
      line-height: 1.75rem;
      /*
      font-family: var(--p-font-family);
      font-style: normal;
      font-weight: var(--p-font-weight);
      */      
      font-family: var(--strong-font-family);
      font-style: normal;
      font-weight: var(--strong-font-weight);
   }
form .description
   {
      font-size: 1rem;
   }
.form-item-field-n-p-geo-data-0-title
   {
      margin-bottom: 0.25rem !important;
   }
   /*
select,
option
   {      
      font-size: 1rem;
      line-height: 1.75rem;
      font-family: 'Roboto';
      font-style: normal;
      font-weight: 400;
   }
   */
.form-select
   {
      cursor: pointer;
      padding-right: 1.5rem;      
      background-image: url(../images/form/caret-down.svg);
      background-position: calc(100% - 0.75rem) 0.9rem;
      background-repeat: no-repeat;
   }
.views-exposed-form .form-item > *,
.views-exposed-form .form-item > div > *
   {
      display: block;
      width: 100%;
   }
.views-exposed-form .form-item,
.views-exposed-form .form-item .cshs-custom-wrapper > .select-wrapper
   {
      margin: 0rem !important;
      padding: 0.5rem;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
      -webkit-order: 0;
      -ms-flex-order: 0;
      order: 0;
      -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
      flex: 1 1 100%;
      -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
      align-self: flex-end;
   }
.views-exposed-form .form-item.js-form-type-cshs
   {
      padding: 0rem;
   }
.views-exposed-form .form-actions
   {
      margin: 0rem !important;
      padding: 0.5rem;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
      -webkit-order: 0;
      -ms-flex-order: 0;
      order: 0;
      -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
      flex: 1 1 100%;
      -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
      align-self: flex-end;
   }
@media (min-width: 768px)
   {
      .views-exposed-form .form-item,
      .views-exposed-form .form-item .cshs-custom-wrapper > .select-wrapper
         {
            -webkit-flex: 1 1 50%;
            -ms-flex: 1 1 50%;
            flex: 1 1 50%;
         }
      .views-exposed-form .form-actions
         {
            -webkit-flex: 1 1 50%;
            -ms-flex: 1 1 50%;
            flex: 1 1 50%;
         }

   }
@media (min-width: 1200px)
   {      
      .views-exposed-form .form-item,
      .views-exposed-form .form-item .cshs-custom-wrapper > .select-wrapper
         {
            -webkit-flex: 1 1 33%;
            -ms-flex: 1 1 33%;
            flex: 1 1 33%;
         }

      .views-exposed-form .form-actions
         {
            -webkit-flex: 1 1 33%;
            -ms-flex: 1 1 33%;
            flex: 1 1 33%;
         }
   }
/* ************************************************* */
form input[type='checkbox'],
form input[type='checkbox']:checked,
form input[type='radio'],
form input[type='radio']:checked
   {     
      margin:0;
      padding:0;    
      position: absolute;
      visibility: hidden;
   }
form input[type='checkbox'] + label,
form input[type='radio'] + label 
   {
     margin-left: 2rem;
     margin-right: 3rem;
     display: inline-block;
     cursor: pointer;
     position: relative;
   }
   
form input[type='checkbox'] + label:before,
form input[type='radio'] + label:before 
   { 
      content:'\00a0';
      display:inline-block;
      background-color: var(--form-input-checkbox-bg);
      transform: translateY(-50%);
      border-radius: 100%;
      border-style: solid;
      border-width: 0.125rem;
      border-color: var(--form-input-checkbox-br-c);
      position: absolute;
      top: 50%;
      width: 1.5rem;
      height: 1.5rem;
      left: -2rem
   }
form input[type='radio'] + label:before 
   { 
      background-color: var(--form-input-radio-bg);
      border-color: var(--form-input-radio-br-c);
   }
form input[type='checkbox'] + label:before
   { 
      border-radius: 0%;
   }
form input[type='radio'] + label:before 
   { 
      border-radius: 100%;
   }
form input[type='checkbox']:checked + label:after,
form input[type='checkbox'] + label:after,
form input[type='radio']:checked + label:after,
form input[type='radio'] + label:after 
   {
      font-family: 'Font Awesome 5 Pro';
      font-style: normal;
      font-weight: normal;
      color: var(--form-input-checkbox-active-c);
      margin-right: 0.5rem;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: -0.39rem;
   }
form input[type='radio']:checked + label:after,
form input[type='radio'] + label:after 
   {
      color: var(--form-input-radio-active-c);
   }
form input[type='checkbox'] + label:after
   {
       content:'\00a0';       
   }
form input[type='checkbox']:checked + label:after
   {
      content:'\f00c';  
      left: -1.75rem
   }
form input[type='radio'] + label:after 
   {
       content:'\00a0';
   }
form input[type='radio']:checked + label:after
   {
      content:'\f111';
      left: -1.585rem;
      font-size: 0.725rem;
   }
   /*
form input[type='checkbox'] + label:focus:after,
form input[type='radio'] + label:focus:after,
*/
form input[type='checkbox'] + label:focus:before,
form input[type='radio'] + label:focus:before
   {
      color: var(--yellow);
      border-color: var(--yellow);
   }
   /*
form input[type='checkbox'] + label:focus:before,
form input[type='radio'] + label:focus:before
   {
      border-color: var(--yellow);
      box-shadow: -0.9375rem 0rem 0rem 0rem var(--yellow);
      outline: 0.46875rem solid var(--white);
   }
   */ 
form.votingapi-reaction-form label:before,
form.votingapi-reaction-form label:after
   {
      display: none !important;
   }
/* ************************************************* */ 
/* register form */
.user-register-form .js-form-type-textfield label,
.user-register-form .js-form-type-email label,
.user-register-form .js-form-type-select label,
.user-register-form .js-form-type-textarea label
   {
      display: block;
   }
.user-register-form .form-item
   {
      margin-bottom: 2rem;
   }
.user-register-form .form-text,
.user-register-form .form-email,
.user-register-form .form-select,
.user-register-form .form-textarea
   {
      width: 100%;
   }
/* user-login-form */
.user-login-form .js-form-type-textfield label,
.user-login-form .js-form-type-email label,
.user-login-form .js-form-type-select label,
.user-login-form .js-form-type-textarea label
   {
      display: block;
   }
.user-login-form .form-item,
.captcha
   {
      margin-bottom: 2rem;
   }
.user-login-form .form-text,
.user-login-form .form-email,
.user-login-form .form-select,
.user-login-form .form-textarea
   {
      width: 100%;
   }
/* user-pass */
.user-pass .js-form-type-textfield label,
.user-pass .js-form-type-email label,
.user-pass .js-form-type-select label,
.user-pass .js-form-type-textarea label
   {
      display: block;
   }
.user-pass .form-item
   {
      margin-bottom: 2rem;
   }
.user-pass .form-text,
.user-pass .form-email,
.user-pass .form-select,
.user-pass .form-textarea
   {
      width: 100%;
   }
/* user-form */
.user-form .js-form-type-textfield label,
.user-form .js-form-type-email label,
.user-form .js-form-type-select label,
.user-form .js-form-type-textarea label
   {
      display: block;
   }
.user-form .form-item
   {
      margin-bottom: 2rem;
   }
.user-form .form-text,
.user-form .form-email,
.user-form .form-select,
.user-form .form-textarea
   {
      width: 100%;
   }
/* comment-form */
.comment-form .js-form-type-textfield label,
.comment-form .js-form-type-email label,
.comment-form .js-form-type-select label,
.comment-form .js-form-type-textarea label
   {
      display: block;
   }
.comment-form .form-item
   {
      margin-bottom: 2rem;
   }
.comment-form .form-text,
.comment-form .form-email,
.comment-form .form-select,
.comment-form .form-textarea
   {
      width: 100%;
   }
/* node-form */
.node-form .js-form-type-textfield label,
.node-form .js-form-type-email label,
.node-form .js-form-type-select label,
.node-form .js-form-type-textarea label
   {
      display: block;
   }
.node-form .form-item
   {
      margin-bottom: 2rem;
   }
.node-form .form-text,
.node-form .form-email,
.node-form .form-select,
.node-form .form-textarea
   {
      width: 100%;
   }
/* contact-form */
.contact-form .js-form-type-textfield label,
.contact-form .js-form-type-email label,
.contact-form .js-form-type-select label,
.contact-form .js-form-type-textarea label
   {
      display: block;
   }
.contact-form .form-item
   {
      margin-bottom: 2rem;
   }
.contact-form .form-text,
.contact-form .form-email,
.contact-form .form-select,
.contact-form .form-textarea
   {
      width: 100%;
   }
/* user-cancel-form */
.user-cancel-form .form-actions
   {
      margin-top: 2rem;
   }
/* #search-block-form */
.search-results li strong
   {
      background-color: var(--search-results-bg);
   }
#search-block-form,
.search-form .form-wrapper
   {
      display: flex;
      justify-content: center;
   }
.search-form 
   {
      text-align: center;
      margin-bottom: 2rem;
   }
.search-form .form-type-search label
   {
      display: none;
   }
#search-block-form .form-search
   {
      display: inline-block;
      width: 100%;
   }

@media (min-width: 992px)
   {
      #search-block-form .form-search
         {
            min-width: 18.75rem;
         }
   }
.search-results li
   {
      margin-bottom: 3rem;
   }
.search-results li strong
   {
      background-color: var(--bg);
   }
   
/* proposal fix */
.form-item-field-n-p-geo-data-0-value
   {
      display: none;
   }
.form-wrapper.field--widget-leaflet-widget,
.field--widget-geofield-openlayersinputwidget 
   {
      margin-bottom: 2rem;
   }
/* webform-submission-form */
.webform-submission-form .form-item
   {
      margin-bottom: 2rem;
   }
.webform-submission-form .form-item .form-text,
.webform-submission-form .form-item .form-textarea
   {
      width: 100%;
   }