/* #region "./assets/sass/single-antenne.scss" */
/*
- type: css/auto
*/
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Medium Screens */
/* XLarge Devices, Wide Screens */
/* XXLarge Devices, Wide Screens */
/* Background color */
.bcg-primary {
  background-color: #004A70;
}

.bcg-secondary {
  background-color: #0085AC;
}

.bcg-tertiary {
  background-color: #D4E4EF;
}

.bcg-white {
  background-color: #fff;
}

/* Text Color */
.tc-primary {
  color: #004A70;
}

.tc-secondary {
  color: #0085AC;
}

.tc-tertiary {
  color: #D4E4EF;
}

.tc-white {
  color: #fff;
}

/* Font weights */
.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

/* Text alignements */
.tc-center {
  text-align: center;
}

.tc-left {
  text-align: left;
}

.tc-right {
  text-align: right;
}

/* Font styles */
.fs-italic {
  font-style: italic;
}

/* Line heights */
.lh-1 {
  line-height: 1.2;
}

.hero-banner__content {
  position: relative;
}
@media screen and (min-width: 992px) {
  .hero-banner__content {
    margin-top: 70px;
  }
}
.hero-banner__content .petal-title {
  display: flex;
}
.hero-banner__content .petal-title h1 {
  font-size: 2.8rem;
}
@media screen and (min-width: 992px) {
  .hero-banner__content .petal-title h1 {
    font-size: 3.2rem;
  }
}
@media screen and (min-width: 1200px) {
  .hero-banner__content .petal-title h1 {
    font-size: 4rem;
  }
}
.hero-banner__content .petal-title svg {
  top: -85px;
}

.hero-banner__intro-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.hero-banner__intro-content img,
.hero-banner__intro-content picture {
  display: block;
  width: 100%;
  border-radius: 16px;
  max-height: 280px;
}
.hero-banner__intro-content p {
  color: #004A70;
  font-size: 1.6rem;
}
@media screen and (min-width: 768px) {
  .hero-banner__intro-content p {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 992px) {
  .hero-banner__intro-content p {
    font-size: 2rem;
  }
}

.hero-banner__intro {
  display: grid;
  grid-gap: 20px;
}
@media screen and (min-width: 768px) {
  .hero-banner__intro {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px;
  }
}

.informations {
  margin: 35px 0;
}
.informations__title .heading {
  font-size: 2.4rem;
}
@media screen and (min-width: 768px) {
  .informations__title .heading {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 992px) {
  .informations__title .heading {
    font-size: 3.2rem;
  }
}
.informations__content {
  display: grid;
  grid-gap: 20px;
  padding: 12.5px 0 12.5px 0;
}
@media screen and (min-width: 768px) {
  .informations__content {
    grid-template-columns: 0.75fr 1fr;
  }
}
@media screen and (min-width: 992px) {
  .informations__content {
    padding: 12.5px 0 25px 0;
  }
}
@media screen and (min-width: 1200px) {
  .informations__content {
    grid-template-columns: 425px 1fr;
  }
}
.informations__content address,
.informations__content .listing {
  font-style: normal;
  padding: 18px;
  border-radius: 16px;
  font-size: 1.6rem;
}
@media screen and (min-width: 992px) {
  .informations__content address,
  .informations__content .listing {
    padding: 36px;
  }
}
.informations__content address h3,
.informations__content .listing h3 {
  font-size: 1.6rem;
  margin-bottom: 10px;
}
.informations__content address .list,
.informations__content .listing .list {
  font-size: 1.6rem;
  margin-top: 0;
}
.informations__content .telephone-content p {
  color: #004A70;
}
.informations__content .adresse-content__openning em {
  display: inline-block;
  line-height: 1.4;
  font-size: 1.2rem;
  font-weight: 300;
}
.informations #map {
  width: 100%;
  height: 133px;
  border: 1px solid #D4E4EF;
  border-radius: 4px;
}
.informations .adresse-content,
.informations .adresse-content__telephone,
.informations .adresse-content__openning,
.informations .informations__contact {
  padding-top: 5px;
}
.informations .adresse-content h3,
.informations .adresse-content__telephone h3,
.informations .adresse-content__openning h3,
.informations .informations__contact h3 {
  display: flex;
  align-items: center;
  gap: 5px;
}
.informations .adresse-content__telephone a {
  text-decoration: none;
}
.informations .adresse-content__telephone a:hover, .informations .adresse-content__telephone a:focus {
  text-decoration: underline;
}
.informations .adresse-content__openning p:first-of-type {
  margin-bottom: 0;
}
.informations .adresse-content__openning p:not(:first-of-type) {
  margin-top: 5px;
}

.listing h3:first-of-type {
  margin-top: 0;
}
.listing h3 {
  display: flex;
  align-items: center;
  gap: 5px;
}
.listing__services, .listing__antenna, .listing__public, .listing__infos {
  padding-bottom: 15px;
}
.listing ul {
  padding-left: 25px;
}

.service {
  min-height: 50px;
}
.service.service-description__enabled {
  line-height: 22px;
}
.service .service-description {
  margin-top: 0;
}

.bandeau {
  padding: 25px 0 25px 0;
  margin: 25px 0 0 0;
}
@media screen and (min-width: 768px) {
  .bandeau {
    margin: 50px 0 25px 0;
  }
}
@media screen and (min-width: 992px) {
  .bandeau {
    padding: 50px 0 50px 0;
    margin: 50px 0 100px 0;
  }
}
.bandeau .container {
  display: flex;
  gap: 20px;
  max-width: 990px;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .bandeau .container {
    gap: 50px;
    flex-direction: row;
  }
}
@media screen and (min-width: 992px) {
  .bandeau .container {
    gap: 100px;
  }
}
.bandeau .satisfaction {
  position: relative;
  display: grid;
  grid-gap: 17.91px;
  align-items: center;
  max-width: 360px;
}
@media screen and (min-width: 768px) {
  .bandeau .satisfaction {
    grid-template-columns: 52px 1fr;
  }
}
@media screen and (min-width: 992px) {
  .bandeau .satisfaction {
    max-width: 100%;
  }
}
.bandeau .satisfaction p {
  font-size: 2rem;
  color: #fff;
  margin: 0;
  line-height: 1;
}
@media screen and (min-width: 992px) {
  .bandeau .satisfaction p {
    font-size: 2.4rem;
  }
}
.bandeau .satisfaction img,
.bandeau .satisfaction picture {
  max-width: 52px;
}
.bandeau .satisfaction:after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  display: none;
}
@media screen and (min-width: 768px) {
  .bandeau .satisfaction:after {
    display: block;
  }
}
@media screen and (min-width: 992px) {
  .bandeau .satisfaction:after {
    right: -20px;
  }
}
@media screen and (min-width: 1200px) {
  .bandeau .satisfaction:after {
    right: -50px;
  }
}
.bandeau .links p {
  font-size: 1.6rem;
  margin: 0 0 8px 0;
}

.bandeau--no-link .container {
  justify-content: center;
}
.bandeau--no-link .satisfaction:after {
  content: none;
}

.single-antenne .testimony-content span,
.single-antenne .testimony-content .heading {
  color: #fff !important;
}

.hero-banner__form {
  position: relative;
}
.hero-banner__form .gform_heading {
  position: absolute;
  top: 5px;
  left: 15px;
}
.hero-banner__form .gform_heading .gform_title {
  color: #fff;
  font-weight: 500;
}
.hero-banner__form form {
  background-color: #0085AC;
  border-radius: 16px;
  padding: 70px 15px 15px 15px;
}
@media screen and (min-width: 992px) {
  .hero-banner__form form {
    padding: 70px 30px 30px 30px;
  }
}
.hero-banner__form form .gform_fields {
  grid-gap: 12.5px;
}
.hero-banner__form form input[type=text],
.hero-banner__form form input[type=email],
.hero-banner__form form input[type=tel],
.hero-banner__form form textarea,
.hero-banner__form form select {
  border: none;
  border-radius: 7px;
  padding: 24px 10px;
  color: #A5ACC6;
  font-size: 1.4rem;
}
.hero-banner__form form input[type=text]::placeholder,
.hero-banner__form form input[type=email]::placeholder,
.hero-banner__form form input[type=tel]::placeholder,
.hero-banner__form form textarea::placeholder,
.hero-banner__form form select::placeholder {
  font-size: 1.4rem;
  color: #A5ACC6;
}
.hero-banner__form form textarea {
  min-block-size: 145px;
}
.hero-banner__form form input[type=submit] {
  background-color: #004A70 !important;
  width: 100% !important;
  font-size: 1.6rem !important;
  border-radius: 7px !important;
  padding: 15px 0 !important;
  font-weight: 700 !important;
}
.hero-banner__form form .gfield--type-multiselect label {
  position: relative;
  background-color: #fff;
  border: none;
  border-radius: 7px;
  padding: 17px 10px;
  margin-bottom: 0;
  font-size: 1.4rem;
  color: #A5ACC6;
}
.hero-banner__form form .gfield--type-multiselect label:before {
  content: "";
  display: block;
  width: 20px;
  height: 14px;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: rotate(0) translateY(-50%);
  background-image: url(/wp-content/plugins/tribu_antennes/frontend/public/assets/svg/chevron-down-primary.svg);
  background-repeat: no-repeat;
  background-size: 20px;
}
.hero-banner__form form .gfield--type-multiselect label.openned:before {
  transform: rotate(180deg) translateY(50%);
}
.hero-banner__form form .gfield--type-multiselect select {
  display: none;
}
.hero-banner__form form .gfield--type-multiselect .ginput_container_multiselect.openned select {
  display: block;
}
.hero-banner__form form .gform_footer {
  margin-top: 12.5px;
}

.hero-banner__form--desktop {
  display: none;
}

.hero-banner__form--mobile {
  display: block;
}

@media screen and (min-width: 992px) {
  .hero-banner__form .gform_heading {
    top: 0;
    left: 30px;
  }
  .hero-banner__form--desktop {
    display: block;
  }
  .hero-banner__form--mobile {
    display: none;
  }
}
.adresse-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}
.adresse-heading__status {
  border-radius: 29px;
  background-size: 10px;
  background-position: 15px 50%;
  background-repeat: no-repeat;
  padding: 6px 15px 6px 10px;
  display: inline-block;
  padding-left: 35px;
  font-size: 1.4rem;
}
.adresse-heading .open {
  background-color: #D3F6E8;
  color: #01A161;
  background-image: url(/wp-content/plugins/tribu_antennes/frontend/public/assets/svg/green-dot.svg);
}
.adresse-heading .close {
  background-color: #DEF2FF;
  color: #0085AC;
  background-image: url(/wp-content/plugins/tribu_antennes/frontend/public/assets/svg/blue-dot.svg);
}
.adresse-heading .itinerary {
  border: 2px solid #004A70;
  border-radius: 6px;
  padding: 5px 8.5px;
  font-size: 1.2rem;
  transition: background-color 250ms ease-in-out, color 250ms ease-in-out;
}
.adresse-heading .itinerary:hover, .adresse-heading .itinerary:focus {
  background-color: #004A70;
  color: #fff;
}
/* #endregion "./assets/sass/single-antenne.scss" */


/*# sourceMappingURL=single_antenne.css.map*/