/* Import fonts from npm package Handcook
/ ================================================== */
/*
  * Created by IRIS Interactive
  * User : IRIS Interactive
*/
/* Layout
/ ================================================== */
/* Header
/ ================================================== */
/* Gutter
/ ================================================== */
/* Margin
/ ================================================== */
/* Margin
/ ================================================== */
/* Breakpoint
/ ================================================== */
/* Global
/ ================================================== */
/* Global SIT
/ ================================================== */
/* Notifications
/ ================================================== */
/* Difficulty
/ ================================================== */
/*!
 * IRIS Interactive
 *
 * NOTICE OF LICENSE
 *
 * This source file is no subject to a specific license
 * but it belongs to the company IRIS Interactive.
 * You can contact IRIS Interactive at the following
 * address: contact@iris-interactive.fr
 *
 * @author      Lucas ROCHE
 * @date        28/01/2022 07:41
 * @copyright   Copyright (c) 2002-2022 IRIS Interactive, Inc. (http://www.iris-interactive.fr)
 */
/* Font icon
/* ============================================= */
/* Font size
/* ============================================= */
/* Text icon
/* ============================================= */
/*
  * Created by IRIS Interactive
  * User : IRIS Interactive
*/
/* Main gutter
/ ================================================== */
/* Breakpoints
/* ============================================= */
/* display flex
/* ============================================= */
/* Hover
/* ============================================= */
/* Touch
/* ============================================= */
/* Clear
/* ============================================= */
/*
  * Created by IRIS Interactive
  * User : IRIS Interactive
*/
/* Transition
/* ============================================= */
/* Animate
/* ============================================= */
/* Ellipsis
/* ============================================= */
/*  Adaptive height block
/* ============================================= */
/* Line clamp
/* ============================================= */
/* Object fit
/* ============================================= */
/* Linear Gradient
/* ============================================= */
/* fit-content
/* ============================================= */
/* stretched-link
/* ============================================= */
/* sr-only
/* ============================================= */
/* Button
/* ============================================= */
/*
  * Created by IRIS Interactive
  * User : IRIS Interactive
*/
/* Utils classes
/* ============================================= */
.stretched-link:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
  background-color: transparent;
}

/* ============================================= */
.list-flex {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.list-flex > * {
  list-style-type: none;
  margin: 0 5px 10px 0;
}
.list-flex > *:last-child {
  margin-right: 0;
}

/* Animations
/* ============================================= */
@keyframes loader {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Sr-only
/* ============================================= */
.sr-only {
  clip: rect(0, 0, 0, 0);
  border-width: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

/* Text with icon before
/* ============================================= */
.text-icon {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.text-icon--start {
  align-items: flex-start;
}

/* Block with img animated on hover
/* ============================================= */
.hover-item img {
  transition: 0.2s ease;
  will-change: transform;
}
.hover-item:hover img {
  transform: scale(1.02);
}

/* Opening
/* ============================================= */
.is-open {
  color: #009e55;
}

.soon-close {
  color: #ff890e;
}

.is-close {
  color: #f33;
}

/* Font
/* ============================================= */
.fi--color:before,
.fi-color:after {
  color: var(--iris--icon--color);
}

/* Sizes
/* ============================================= */
.font-size-xsmall {
  font-size: var(--iris--global--font-size-xsmall--rem);
}

.font-size-small {
  font-size: var(--iris--global--font-size-small--rem);
}

.font-size-regular {
  font-size: var(--iris--global--font-size-regular--rem);
}
@media screen and (max-width: 650px) {
  .font-size-regular {
    font-size: var(--iris--global--font-size-regular--small--rem);
  }
}

.font-size-large {
  font-size: var(--iris--global--font-size-large--rem);
}
@media screen and (max-width: 650px) {
  .font-size-large {
    font-size: var(--iris--global--font-size-large--small--rem);
  }
}

.font-size-xlarge {
  font-size: var(--iris--global--font-size-extra-large--rem);
}
@media screen and (max-width: 650px) {
  .font-size-xlarge {
    font-size: var(--iris--global--font-size-extra-large--small--rem);
  }
}

/* Flex alignment
/* ============================================= */
.align-items--end, .align-items--bottom {
  align-items: flex-end;
}
.align-items--start, .align-items--top {
  align-items: flex-start;
}
.align-items--center {
  align-items: center;
}

/* Variables
/ ================================================== */
/* Utils
/ ================================================== */
.is-free {
  color: #65c46f;
  line-height: 1.2;
}

/* Loader animation
/* ============================================= */
@keyframes loader-animation {
  from {
    left: 100%;
  }
  to {
    left: -100%;
  }
}
/* Table Slider
/* ============================================= */
.wpet-tables-slider {
  position: relative;
}
.wpet-tables-slider .hc-slider-buttons {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  line-height: 1.2;
  padding: 15px 10px;
  z-index: 2;
  color: var(--iris--table--thead--color);
  font-size: 1.625rem;
}
.wpet-tables-slider .hc-slider-buttons .hc-slider-button-prev, .wpet-tables-slider .hc-slider-buttons .hc-slider-button-next {
  cursor: pointer;
  display: flex;
  align-items: center;
  transition: 0.2s ease;
}
body.iris-hover .wpet-tables-slider .hc-slider-buttons .hc-slider-button-prev:hover, body.iris-hover .wpet-tables-slider .hc-slider-buttons .hc-slider-button-next:hover {
  opacity: 0.75;
}
.wpet-tables-slider .hc-slider-buttons .hc-slider-button-prev:before {
  content: var(--font-icon--chevron-left);
  font-family: "collection-font";
  font-style: initial;
  text-transform: none;
  font-weight: 400;
  font-display: swap;
}
.wpet-tables-slider .hc-slider-buttons .hc-slider-button-next:before {
  content: var(--font-icon--chevron-right);
  font-family: "collection-font";
  font-style: initial;
  text-transform: none;
  font-weight: 400;
  font-display: swap;
}
.wpet-tables-slider .hc-slider-buttons .hc-slider-button-disabled {
  display: none;
}
.eco-mode-active .wpet-tables-slider .hc-slider-buttons {
  display: none;
}
.wpet-tables-slider .wp-block-table.hc-slider-slide table thead th {
  padding-right: 70px !important;
}

/* Open/close tag
/* ============================================= */
.opening-status-tag {
  display: flex;
  align-items: center;
  position: relative;
  padding: 7px 15px 7px 10px;
  border-radius: 14px;
  font-size: 0.8125rem;
  max-width: max-content;
  color: var(--iris--generic-button--color, #000);
  background-color: var(--iris--generic-button--color, #fff);
  line-height: 1;
}
.opening-status-tag__dot {
  position: relative;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  margin-right: 5px;
}
.opening-status-tag__dot--close {
  background: #f33;
}
.opening-status-tag__dot--open {
  background: #009e55;
}
.opening-status-tag__dot--middle {
  background: #ff890e;
}

/* Open/close widget
/* ============================================= */
.opening-status--close i {
  color: #f33 !important;
}
.opening-status--open i {
  color: #009e55 !important;
}
.opening-status--middle i {
  color: #ff890e !important;
}

/* Highlight date widget
/* ============================================= */
.highlight-date {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: var(--iris--highlight-date--color, #fff);
  font-size: var(--iris--global--font-size-xsmall--rem);
  line-height: 1.4;
  background-color: var(--iris--highlight-date--classic--background-color, var(--iris--button--border-color, var(--iris--button--background-color)));
  background-image: var(--iris--highlight-date--background-image, var(--iris--button--background-image, none));
  background-size: var(--iris--highlight-date--background-size, var(--iris--button--background-size, var(--iris--global--gradient-background-size, 200% 100%)));
  border-radius: var(--iris--global--border-radius);
  padding: 10px 10px 8px;
  min-height: 120px;
  height: 125px;
}
@media screen and (max-width: 650px) {
  .highlight-date {
    padding: 7px 10px;
  }
}
.highlight-date--inline {
  align-items: baseline;
  flex-direction: row;
  min-height: unset;
  gap: 5px;
  line-height: 1;
  height: 100%;
}
.highlight-date__link {
  color: var(--iris--highlight-date--color, #fff) !important;
  font-weight: bold !important;
  font-size: 1.125rem !important;
  white-space: nowrap;
}
.highlight-date__link:before {
  background-color: transparent !important;
}
@media screen and (max-width: 650px) {
  .highlight-date__link {
    font-size: 1rem !important;
  }
}

/* Rank widget
/* ============================================= */
.iris-card__rank i {
  color: #ffc400;
}

/* Show trace widget
/* ============================================= */
.iris-card__show-trace {
  display: none;
  align-items: center;
  gap: 5px;
  padding: 7px 15px 7px 10px;
  border-radius: 14px;
  font-size: 0.8125rem;
  max-width: max-content;
  color: var(--iris--generic-button--color, #000);
  background-color: var(--iris--generic-button--color, #fff);
  cursor: pointer;
}
@media screen and (min-width: 1000.1px) {
  .has-map .iris-card__show-trace {
    display: flex;
  }
}
.iris-card__show-trace__toggle {
  height: 12px;
  width: 20px;
  position: relative;
  border-radius: 8px;
  background-color: #acacac;
  border: solid 2px #acacac;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.iris-card__show-trace__toggle:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #fff;
  transition: left 0.2s ease;
}
.iris-card__show-trace__toggle.active {
  background-color: var(--iris--button--border-color, var(--iris--button--background-color));
  background-image: var(--iris--button--background-image, none);
  background-size: var(--iris--button--background-size, var(--iris--global--gradient-background-size, 200% 100%));
  border-color: var(--iris--button--border-color, var(--iris--button--background-color));
}
.iris-card__show-trace__toggle.active:before {
  left: 8px;
}

/* Agenda status (use in card agenda title)
/* ============================================= */
.iris-card__status {
  position: relative;
  padding: 5px 7px;
  color: #fff;
  border-radius: var(--iris--global--border-radius);
  background-color: #000;
  font-family: var(--iris--button--font-family);
  font-weight: var(--iris--button--font-weight, 400);
  font-size: 0.75rem;
  margin-right: 5px;
  float: left;
}

@media screen and (max-width: 1000px) {
  .fields-coords > .container {
    width: 100%;
  }
}
.fields-coords__wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 40px;
  align-items: center;
}
@media screen and (max-width: 650px) {
  .fields-coords__wrapper {
    grid-template-columns: 1fr;
    grid-gap: 20px;
  }
}
.fields-coords__map {
  border-radius: var(--iris--global--border-radius);
  overflow: hidden;
}
@media screen and (max-width: 650px) {
  .fields-coords__map {
    order: 2;
  }
}
.fields-coords__opening {
  font-size: var(--iris--tag--font-size--rem);
  margin-bottom: 20px;
}
@media screen and (max-width: 650px) {
  .fields-coords__opening {
    margin-bottom: 10px;
  }
}
.fields-coords__opening__status {
  position: relative;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  margin-right: 5px;
}
.fields-coords__opening__status--open {
  background: #009e55;
}
.fields-coords__opening__status--close {
  background: #f33;
}
.fields-coords__address {
  display: flex;
  flex-direction: column;
}
.fields-coords__address__title {
  font-family: var(--iris--global--font-family);
  font-size: var(--iris--global--font-size-large--rem);
  font-weight: bold;
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}
@media screen and (max-width: 650px) {
  .fields-coords__address__title {
    font-size: var(--iris--global--font-size-large--small--rem);
  }
}
.fields-coords__address__content {
  font-size: var(--iris--global--font-size-small--rem);
  margin-bottom: 20px;
}
.fields-coords__contact__phone {
  margin-bottom: 10px;
}
.fields-coords__contact__phone a,
.fields-coords__contact__phone a:before {
  text-decoration: none !important;
  transition: color 0.3s ease;
}