@charset "UTF-8";
/*!
 Theme Name:   Parc Naturel des Hautes Fagnes Eifel
 Theme URI:    http://www.botrange.be/
 Description:  Parc Naturel des Hautes Fagnes Eifel
 Author:       Visible
 Author URI:   https://www.visible.be
 Template:     layers-elementor
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  pnhf
*/
:root {
  --theme-color-primary: #E8CC00;
  --theme-color-secondary: #006445;
  --theme-color-secondary-tr: #006445A8;
  --theme-color-tertiary: #95c23d;
  --theme-color-quatro: #d3a300;
  --theme-color-dark: #0a0a0a;
  --theme-color-white: #fff;
  --theme-color-red: #ae3c00;
  --theme-color-gray-900: #1f1f1f;
  --theme-color-gray-700: #505050;
  --theme-color-gray-600: #848484;
  --theme-color-gray-500: #A5A5A5;
  --theme-color-gray-300: #DDDDDD;
  --theme-color-gray-100: #F2F2F2;
  --icon-primary-color: #1f1f1f;
  --icon-accent-color: #9cc31b;
  --icon-bottom-color: #ffffff;
  --max-container-width: 1640px;
  --social-color-yt: #FF0000;
  --social-color-fb: #4267B2;
  --social-color-ig: #F56040;
  --social-color-share: #d3a300;
  --theme-block-gap: 20px; }

:root {
  --rules-list-block-gap: 20px;
  --rules-list-cols: 2; }

.rules-list ol {
  color: #fff;
  counter-reset: rules;
  display: grid;
  -webkit-column-gap: var(--rules-list-block-gap);
     -moz-column-gap: var(--rules-list-block-gap);
          column-gap: var(--rules-list-block-gap);
  grid-template-columns: repeat(var(--rules-list-cols), 1fr); }
  .rules-list ol > li {
    padding-top: var(--rules-list-block-gap);
    padding-bottom: var(--rules-list-block-gap);
    border-top: 1px solid #fff; }
  .rules-list ol > li:nth-child(1), .rules-list ol > li:nth-child(2) {
    border-top: none; }
  .rules-list ol > li::before {
    counter-increment: rules;
    /* On incrémente le compteur section */
    content: counter(rules);
    /* On affiche le compteur */
    font-size: 35px;
    font-weight: bold;
    color: var(--theme-color-quatro);
    display: block; }

.form-item-base, .booking_form .reservation-container p.form-item.form-text, .booking_form .reservation-container p.form-item.form-select {
  position: relative;
  background: #fff;
  min-height: 50px;
  border-radius: 30px;
  padding: 7px 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center; }
  .form-item-base label, .booking_form .reservation-container p.form-item.form-text label, .booking_form .reservation-container p.form-item.form-select label {
    color: var(--theme-color-quatro);
    font-style: italic; }

.booking_form .reservation-container .submiting_content.wpdev-help-message.alert.alert-warning.alert-success {
  background-color: var(--theme-color-secondary);
  border: none;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  opacity: 1 !important; }

.booking_form .reservation-container table.datepick {
  font-family: Roboto;
  text-shadow: none !important; }

.booking_form .reservation-container .block_hints .block_free a, .booking_form .reservation-container .block_hints .block_time, .booking_form .reservation-container .datepick-inline .date_available a {
  text-shadow: none; }

.booking_form .reservation-container .block_hints .block_free, .booking_form .reservation-container .block_hints .block_time, .booking_form .reservation-container .block_hints .block_check_in_out div.check-in-div, .booking_form .reservation-container .block_hints .block_check_in_out div.check-out-div, .booking_form .reservation-container .datepick-inline .date_available, .booking_form .reservation-container .datepick-inline .timespartly.check_in_time div.check-in-div, .booking_form .reservation-container .datepick-inline .timespartly.check_out_time div.check-out-div {
  background-color: var(--theme-color-tertiary); }

.booking_form .reservation-container .block_hints .date_approved.block_check_in_out, .booking_form .reservation-container .block_hints .block_booked, .booking_form .reservation-container .datepick-inline .date_approved, .booking_form .reservation-container .block_hints .block_booked a, .booking_form .reservation-container .datepick-inline .date_approved a {
  background-color: var(--theme-color-red); }

.booking_form .reservation-container .booking_form_div input[type="button"]:hover, .booking_form .reservation-container .wpbc-payment-form input[type="button"]:hover {
  border: none; }

.booking_form .reservation-container p.form-item label {
  color: var(--theme-color-quatro);
  font-style: italic; }

.booking_form .reservation-container p.form-item.form-text label {
  position: absolute;
  top: 50%;
  left: 25px;
  -webkit-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out; }

.booking_form .reservation-container p.form-item.form-text.has-label label, .booking_form .reservation-container p.form-item.form-text.is-focused label {
  top: 12px;
  color: var(--theme-color-gray-500);
  font-size: 8px;
  text-transform: uppercase;
  font-style: normal;
  letter-spacing: 0.1em;
  font-weight: 500; }

.booking_form .reservation-container p.form-item.form-select {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap; }
  .booking_form .reservation-container p.form-item.form-select label {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
            flex: 0 0 auto;
    padding-right: 1em; }
  .booking_form .reservation-container p.form-item.form-select > span {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
            flex: 1 1 auto; }
  .booking_form .reservation-container p.form-item.form-select input, .booking_form .reservation-container p.form-item.form-select select {
    border: none; }

.booking_form .reservation-container input[type='text'], .booking_form .reservation-container input[type='email'], .booking_form .reservation-container input[type='data'],
.booking_form .reservation-container input[type='number'], .booking_form .reservation-container input[type='password'], .booking_form .reservation-container input[type='phone'] {
  border: none; }

@media (min-width: 768px) {
    :root {
      --theme-block-gap: 20px; }
    :root {
      --rules-list-block-gap: 30px;
      --rules-list-cols: 3; }
    .rules-list ol > li:nth-child(3) {
      border-top: none; } }

@media (min-width: 1024px) {
    :root {
      --theme-block-gap: 30px; }
    :root {
      --rules-list-block-gap: 30px;
      --rules-list-cols: 4; }
    .rules-list ol > li:nth-child(4) {
      border-top: none; }
  .booking_form .reservation-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px; }
    .booking_form .reservation-container .calendar-container {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
              order: 2; } }

@media (min-width: 1200px) {
    :root {
      --theme-block-gap: 50px; }
    :root {
      --rules-list-block-gap: 30px;
      --rules-list-cols: 5; }
    .rules-list ol > li:nth-child(5) {
      border-top: none; } }