/**
 * @file
 * Modules styles
 *
 * Modules are reusables CSS objects (components).
 * They can be utilized
 */

/**
  * Region content
  */

/**
  * Page de base
  */

.base-title {
  margin: 2rem auto;
  text-align: center;
  font-size: 39px;
  color: #774c3f;
  font-family: "Yeseva One", sans-serif;
}
.base-text {
  color: #774c3f;
  /* font-family: "Mulish", sans-serif; */
  font-size: 18px;
}
.base-text td {
  border: 1px solid #774c3f;
  text-align: center;
}
.base-text a {
  color: #B25B24;
  text-decoration: underline;
}
.base-text a:hover {
  text-decoration-color: blue;
}

/**
  * Paragraph title
  */

.heading {
  background-color: #fff4ea;
  padding: 2rem 0.5rem;
}
.heading__title {
  text-align: center;
  color: #774c3f;
  margin: auto;
  max-width: 600px;
  font-size: 39px;
  font-family: "Yeseva One", sans-serif;
}
@media all and (min-width: 1000px) {
  .heading {
    padding: 2rem;
  }
  .heading__title {
    font-size: 64px;
    max-width: 1000px;
  }
}


/**
  * Paragraph section
  */

.section-wrapper {
  background-color: #fff4ea;
  padding: 2rem 0;
}
.section {
  color: #774c3f;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.section__part__title {
  font-size: 31px;
  font-family: "Yeseva One", sans-serif;
}
.section__part__text {
  margin: 2rem auto;
}
.section__image img {
  border-radius: 20px;
  overflow: hidden;
  object-fit: cover;
  display: block;
}
@media all and (min-width: 1000px) {
  .section {
    flex-direction: inherit;
    justify-content: space-between;
    position: relative;
  }
  .section__part {
    width: 40.2083333%;
  }
  .section__svg {
    max-width: 57.29166%;
  }
  .section__image {
    max-width: calc(50% - 1rem);
    position: absolute;
    right: 0;
  }
  .section__part__title {
    font-size: 39px;
  }
}


/**
  * Paragraph section button wrapper
  */

.section-button-wrapper {
  padding: 2rem 0 4rem 0;
}
.section-button-wrapper__button {
  text-align: center;
  margin: 2rem;
}
.section-button-wrapper__button a {
  color: white;
  border-radius: 8px;
  background-color: #d98048;
  padding: 0.5rem 2rem;
  font-weight: bold;
  border: 2px solid transparent;
  transition: 0.15s ease;
}
.section-button-wrapper__button a:hover {
  box-shadow: 10px 10px #774c3f;
  border: 2px solid #774c3f;
}
@media all and (min-width: 1000px) {
  .section-button-wrapper__button {
    text-align: start;
    margin: 0;
  }
}


/**
  * Paragraph map wrapper
  */

.map-wrapper {
  background: #d98048;
  margin-top: 4rem;
  border-radius: 20px 20px 0 0;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.map-wrapper__title {
  color: white;
  font-family: "Yeseva One", sans-serif;
  font-size: 31px;
}
.map-wrapper__text {
  color: white;
  margin-bottom: 2rem;
}
.map-wrapper__button {
  margin-bottom: 2rem;
}
.map-wrapper__button a {
  display: block;
  color: #774c3f;
  border-radius: 8px;
  background-color: white;
  padding: 0.5rem 2rem;
  font-weight: bold;
  border: 2px solid transparent;
  transition: 0.15s ease;
}
.map-wrapper__button a:hover {
  box-shadow: 10px 10px #774c3f;
  border: 2px solid #774c3f;
}
.map-wrapper__item {
  width: 100%;
}
.map-wrapper__item .map {
  text-align: center;
}
.map-wrapper__item .map-title-btn-container {
  background-color: #fff4ea;
  bottom: 0;
  min-height:inherit;
  max-height: 60%;
  width: 100%;
}
.map-wrapper__item .map__title {
  color: #d98048;
}
.map-wrapper__item .map__button .field__item a {
  background-color: #d98048;
  border-radius: 8px;
  color: white;
}
/* .map-wrapper a:hover {
  transform: scale(110%);
} */
.map-wrapper__item .map__image .field__item {
  justify-content: center;
}
@media all and (min-width: 1000px) {
  .map-wrapper__title {
    font-size: 39px;
  }
  .map-wrapper__item {
    max-width: 60%;
  }
  .map-wrapper__text {
    max-width: 60%;
  }
  .map-wrapper__button a {
    font-size: 20px;
  }
}
@media all and (max-width: 450px) {
  .map-wrapper__text {
    text-align: start;
  }
}



/**
  * Paragraph map
  */

.map {
  margin: 1.5rem auto;
  /* font-family: "Mulish", sans-serif; */
  font-weight: 700;
  /* font-size: 20px; */
  text-align: center;
}
.map-container {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}
.map-title-btn-container {
  position: absolute;
  background-color: #d98048;
  bottom: 0;
  min-height: 55%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.map__title {
  color: white;
  margin: 0 1rem;
  max-width: 380px;
}
.map__button {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.map__button .field__item a {
  display: block;
  padding: 0.5rem 2rem;
  background-color: white;
  border-radius: 0.5rem;
  color: #774c3f;
  border: 2px solid transparent;
  transition: 0.15s ease;
}
.map__button .field__item a:hover {
  box-shadow: 10px 10px #774c3f;
  border: 2px solid #774c3f;
}
.map__image .field__item {
  width: 100%;
  display: flex;
  justify-content: center;
}
.map__image img {
  max-width: inherit;
  height: inherit;
  display: block;
}
@media all and (min-width: 1000px) {
  .map {
    text-align: start;
    font-size: 20px;
  }
  .map-title-btn-container {
    bottom: inherit;
    max-height: inherit;
    height: 100%;
    width: 40%;
  }
  .map__image .field__item {
    justify-content: flex-end;
  }
}

/**
  * Paragraph socials
  */

.socials {
  margin-top: 1.5rem;
  margin-bottom: 2rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.socials a {
  background-color: #53bcbd;
  border-radius: 20px;
  overflow: hidden;
  transition: 0.25s ease;
  display: flex;
  justify-content: center;
  align-items: center;
}
.socials a:hover {
  background-color: #35a1a3ef;
}
.socials-facebook{
  background-color: #F0F2F5;
  border-radius: 20px;
  overflow: hidden;
  transition: 0.25s ease;
}
.socials-container {
  /* overflow: hidden; */
  /* height: 200px; */
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1rem 0;
}
.socials .socials__title {
  color: white;
  font-size: 25px;
  font-family: "Yeseva One", sans-serif;
}
.socials__button {
  margin-bottom: 1rem;
}
.socials__button {
  background-color: #fff4ea;
  font-weight: 700;
  padding: 0.5rem 1rem;
  color: #774c3f;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
}
.socials__button::after {
  content: "";
  display: inline-block;
  margin-left: 12px;
  width: 20px;
  height: 20px;
  background: url(../images/Facebook.png) no-repeat;
  background-size: 100%;
}
.socials__button p {
  margin: 0;
}
@media all and (min-width: 1000px) {
  .socials {
    text-align: start;
    display: flex;
    flex-direction: row;
    gap: 2rem;
  }
  .socials a {
    width: 50%;
  }
  .socials-facebook{
    width: 50%;
  }
  .socials-container {
    height: 300px;
    max-width: 425px;
  }
  .socials .socials__title {
    font-size: 39px;
    max-width: 500px;
    margin: 1rem 0;
  }
  .socials__button {
    font-size: 20px;
    /* min-width: 272px; */
  }
}

/**
  * Paragraph partner-wrapper
  */

.partner-wrapper-background-color {
  background-color: #fff4ea;
  padding: 2rem 0;
}
.partner-wrapper__title {
  font-family: "Yeseva One", sans-serif;
  color: #774c3f;
  text-align: center;
  font-size: 39px;
}
.partner-wrapper__items .field__items {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
/* .partner-wrapper__items .field__items .field__item {
  padding: 0;
  border-radius: 20px;
  overflow: hidden;
  margin: 0.8rem auto;
} */
.partner-wrapper__items .field__items .field__item img {
  display: block;
}
@media all and (min-width: 1000px) {
  .partner-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .partner-wrapper__title {
    white-space: nowrap;
    margin-right: 1rem;
  }
  .partner-wrapper__items {
    flex-grow: 0.7;
  }
  .partner-wrapper__items .field__items {
    flex-direction: row;
  }
}


/**
  * Paragraph partner-wrapper
  */

.partner-item a {
  padding: 0;
  border-radius: 20px;
  overflow: hidden;
  margin: 0.8rem auto;
  display: block;
  border: 2px solid transparent;
  transition: 0.15s;
}
.partner-item a:hover {
  box-shadow: 10px 10px #774c3f;
  border: 2px solid #774c3f;
}
@media all and (min-width: 1000px) {
  .partner-item a {
    margin: 2rem 0.5rem;
  }
}


/**
  * Paragraph title-wrapper
  */

.title-wrapper {
  color: #d98048;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 2rem 0;
}
.title-wrapper__title {
  text-align: center;
  font-size: 39px;
  font-family: "Yeseva One", sans-serif;
}
.title-wrapper__image-container {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  max-width: 80%;
}
.title-wrapper__image-container img {
  max-height: 700px;
  display: block;
  object-fit: cover;
  width: 100%;
}
.title-wrapper__location {
  font-weight: bold;
  position: absolute;
  top: 15%;
  right: 10%;
  background-color: white;
  border-radius: 8px;
  padding: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}
.title-wrapper__location::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 20px;
  background: url(../images/location-icon.png) no-repeat;
  background-size: 100%;
  margin-right: 5px;
}
@media all and (min-width: 1200px) {
  .title-wrapper__title {
    font-size: 64px;
  }
}
@media all and (min-width: 1000px) {
  .title-wrapper {
    flex-direction: row;
    justify-content: space-between;
    margin: 4rem 0;
  }
  .title-wrapper__title {
    max-width: 600px;
    text-align: start;
    width: 53%;
  }
  .title-wrapper__image-container {
    width: 45%;
  }
  .title-wrapper__image-container img {
    max-width: 100%;
  }
}
@media all and (max-width: 500px) {
  .title-wrapper__image-container {
    max-width: 100%;
  }
}
@media all and (max-width: 400px) {
  .title-wrapper__title {
    font-size: 27px;
  }
}
@media all and (max-width: 320px) {
  .title-wrapper__location {
    right: 1%;
  }
}


/**
  * Paragraph text
  */
.text {
  color: #774c3f;
  background: #fff4ea;
}
.text-container {
  padding: 2rem 0;
}
@media all and (min-width: 1000px) {
  .text-container {
    padding: 3rem 0;
    display: flex;
    justify-content: space-between;
  }
  .text-container p {
    width: 47%;
  }
}

/**
  * Paragraph location
  */

.location {
  margin: 4rem auto;
}
.location-container {
  color: #774c3f;
}
.location-part {
  margin-top: 2rem;
}
.location__title {
  font-family: "Yeseva One", sans-serif;
  font-size: 31px;
}
.location__text {
  font-size: 20px;
  /* font-family: "Mulish", sans-serif; */
}
.location__map {
  border-radius: 20px;
  overflow: hidden;
}
.location__map iframe {
  width: 100%;
  height: 300px;
}
.location__image .field {
  display: flex;
  justify-content: center;
  align-items: center;
}
.location__button,
.location__contact {
  text-align: center;
  margin: 2rem 0;
}
.location__button a {
  border-radius: 20px;
  background: #d98048;
  font-weight: bold;
  font-size: 20px;
  color: white;
  padding: 1.5rem 0;
  display: block;
  transition: 0.15s;
  hyphens: auto;
  border: 2px solid transparent;
}
.location__button a:hover {
  box-shadow: 10px 10px #774c3f;
  border: 2px solid #774c3f;
}
@media all and (min-width: 1000px) {
  .location-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .location-part {
    margin-top: inherit;
    width: 49%;
  }
  .location__title {
    font-size: 39px;
  }
  .location__button a,
  .location__contact a {
    padding: 2rem;
  }
}

/**
  * Paragraph hero
  */

.hero img {
  max-width: inherit;
  /* height: inherit; */
  width: 100%;
  height: 300px;
  object-fit: cover;
  display: block;
}
@media all and (min-width: 1000px) {
  .hero img {
    max-width: 100%;
    height: auto;
    max-height: 500px;
  }
}

/**
  * View site
  */

.view-view-site {
  width: 90%;
  margin: 3rem auto;
}
.view-view-site::after {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: calc(50% - 150px);
  width: 300px;
  height: 100%;
  background: #53bcbd;
  background-size: 100%;
  z-index: -5;
}
.view__items {
  padding: 0;
}
.view__item {
  position: relative;
  max-width: 100%;
  border-radius: 20px;
  overflow: hidden;
  margin: 2rem auto;
}
.view-poster-teaser {
  position: relative;
  z-index: 10;
  height: 100%;
}
.view-poster-teaser a::after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 10%;
  right: 10%;
  width: 23px;
  height: 23px;
  background: url(../images/white-arrow.png) no-repeat;
  background-size: 100%;
  z-index: 9;
}
.view-poster-teaser a {
  display: block;
  position: relative;
  height: 100%;
}
.view-poster-teaser .field--name-field-image img {
  display: block;
  position: relative;
  max-width: inherit;
  height: inherit;
  width: 100%;
  height: 333px;
  object-fit: cover;
  z-index: 0;
}
.view-poster-teaser__title-location {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: #774c3fad;
  opacity: 1;
  transition: 0.33s;
  z-index: 5;
}
.view-poster-teaser__title-location.opacity-none {
  opacity: 0;
}
.view-poster-teaser__title-location h2 {
  position: absolute;
  font-size: 25px;
  font-family: "Yeseva One", sans-serif;
  top: 25%;
  left: 15%;
  color: white;
  margin-right: 2rem;
}
.view-poster-teaser .field--name-field-location {
  position: absolute;
  top: 10%;
  left: 15%;
  color: #d98048;
  font-weight: bold;
  background-color: white;
  border-radius: 8px;
  padding: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}
.view-poster-teaser .field--name-field-location::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 20px;
  background: url(../images/location-icon.png) no-repeat;
  background-size: 100%;
  margin-right: 5px;
}
@media all and (min-width: 1000px) {
  .view__items {
    margin: 0;
    display: grid;
    justify-content: center;
    grid-template-columns: 35% 35%;
    row-gap: 2rem;
    column-gap: 2rem;
  }
  .view__item {
    margin: 0;
  }
  .view__item.small-row {
    height: 450px;
  }
  .view__item.big-row {
    height: 700px;
    grid-row-end: span 2;
  }
  .view-poster-teaser__title-location h2 {
    font-size: 31px;
    left: 8%;
    margin-right: 1rem;
  }
  .view-poster-teaser .field--name-field-location {
    left: 8%;
  }
  .view-poster-teaser .field--name-field-image {
    height: 100%;
  }
  .view-poster-teaser .field--name-field-image img {
    height: 100%;
  }
  .view-view-site::after {
    left: calc(50% - 300px);
    width: 600px;
  }
}
@media all and (min-width: 1200px) {
  .view-poster-teaser__title-location h2 {
    font-size: 39px;
  }
}

/**
  * Paragraph contacta
  */

.contact {
  background-color: #53bcbd;
  border-radius: 20px;
  color: white;
  max-width: 1200px;
  margin: 2rem auto;
  padding: 2rem 1rem;
}
.contact__title {
  font-size: 31px;
  font-family: "Yeseva One", sans-serif;
}
.contact__title,
.contact__text {
  text-align: center;
}
.contact__text {
  font-weight: bold;
}
.contact__form .form-item {
  display: flex;
  flex-direction: column;
  max-width: 400px;
  margin: 1rem auto;
}
.contact__form .form-type-textarea {
  max-width: 600px;
}
.contact__form .form-actions {
  text-align: center;
  margin: 2rem 0;
}
.contact input,
.contact textarea {
  color: black;
  border: none;
  resize: none;
  border-radius: 8px;
  padding: 0.5rem;
  transition: 0.25s;
  border: 2px solid transparent;
  outline: none;
}
.contact input:focus,
.contact textarea:focus {
  border: 2px solid #774c3f;
}
.contact input.form-submit {
  font-weight: bold;
  color: #774c3f;
  background-color: white;
  padding: 0.5rem 2rem;
  transition: 0.15s;
  border: 2px solid transparent;
}
.contact input.form-submit:hover {
  box-shadow: 10px 10px #774c3f;
  border: 2px solid #774c3f;
}
.contact .captcha .g-recaptcha > div {
  margin: 0 auto;
}
.contact iframe {
  width: 100%;
}
@media all and (min-width: 1000px) {
  .contact {
    padding: 2rem 4rem;
  }
  .contact__title {
    font-size: 39px;
  }
  .contact__form form {
    display: grid;
    justify-content: center;
    column-gap: 2rem;
    grid-template-columns: repeat(2, 48%);
  }
  .contact__form .captcha {
    grid-column-start: 2;
  }
  .contact .g-recaptcha {
    display: flex;
    justify-content: end;
  }
  .contact .captcha .g-recaptcha > div {
    margin: 0;
  }
  .contact__form .form-item {
    width: 100%;
    grid-column-start: 1;
  }
  .contact__form .form-type-textarea {
    max-width: 100%;
    grid-column-start: 2;
    grid-row-start: 1;
    grid-row-end: span 3;
  }
  .contact__form textarea {
    height: 250px;
  }
  .contact__form .form-actions {
    grid-column-start: 2;
    text-align: end;
  }
}
/* @media all and (max-width: 350px) {
} */

/**
  * Paragraph booklet-wrapper
  */
  .booklet-wrapper {
    background-color: #fff4ea;
    padding: 2rem 0;
  }
  .booklet-wrapper__title {
    font-family: 'Yeseva One', sans-serif;
    margin: 0;
    font-size: 31px;
    color: #774c3f;
    padding: 2rem 0;
    white-space: nowrap;
  }
  @media all and (min-width: 1000px) {
    .booklet-wrapper .grid-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .booklet-wrapper__title {
      font-size: 39px;
    }
    .booklet-wrapper__items {
      flex-grow: 1;
    }
    .booklet-wrapper__items .field__items {
      display: flex;
      align-items: center;
    }
    .booklet-wrapper__items .field__items > .field__item {
      margin: 0 1rem;
      width: 100%;
    }
  }

  /**
  * Paragraph booklet
  */

  .booklet {
    background-color: white;
    max-width: 350px;
    border-radius: 20px;
    overflow: hidden;
    margin: 2rem auto;
    padding: 2rem 1rem;
    max-height: 400px;
  }
  .booklet img {
    border-radius: 4px;
    overflow: hidden;
  }
  .booklet__title {
  font-family: 'Yeseva One', sans-serif;
  font-size: 25px;
}
.booklet__file {
  text-align: center;
  margin: 1rem 0;
}
.booklet__file span {
  display: block;
  background: none;
  padding: 0;
}
.booklet__file a {
  background-color: #d98048;
  border-radius: 8px;
  text-align: center;
  display: block;
  color: white;
  font-weight: bold;
  padding: 0.5rem 1rem;
  max-width: 100%;
  border: 2px solid transparent;
  transition: 0.15s ease;
}
.booklet__file a:hover {
  box-shadow: 10px 10px #774c3f;
  border: 2px solid #774c3f;
}
@media all and (min-width: 1000px) {
  .booklet__title {
    white-space: nowrap;
  }
}


/**
  * paragraph image-tooltip-wrapper
  */

  .image-tooltip-wrapper {
    margin-bottom: 2rem;
  }
  .image-tooltip-wrapper .field__items img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
  @media all and (min-width: 1000px) {
    .image-tooltip-wrapper .field__items {
      display: flex;
    }
    .image-tooltip-wrapper .field__items > .field__item {
      width: 50%;
    }
  }


/**
  * paragraph image-tooltip
  */

.image-tooltip {
  position: relative;
}
.image-tooltip .image-tooltip__tooltip {
  color: white;
  text-align: center;
  position: absolute;
  opacity: 0;
  background-color: #53BCBD;
  top: 0;
  left: 10%;
  border-radius: 20px;
  width: 80%;
  padding: 0 1rem;
  transition: 0.33s;
}
/* .image-tooltip:hover .image-tooltip__tooltip {
  opacity: 1;
  transform: translateY(-100%);
} */
.image-tooltip__text p {
  margin: 0 0 1rem 0;
  color: #53BCBD;
}

/**
  * paragraph timeline
  */

.timeline {
  text-align: center;
  margin-bottom: 2rem;
}
.timeline__title {
  font-family: 'Yeseva One', sans-serif;
  font-size: 31px;
  color: #774c3f;
  margin-bottom: 1rem;
}
.timeline__text {
  color: #774c3f;
  margin-bottom: 2rem;
}
.timeline__image {
  overflow-x: scroll;
  margin-bottom: 2rem;
}
.timeline__image .field__item {
  width: 300%;
}
.timeline__image img {
  width: 95%;
  object-fit: cover;
  display: block;
  margin: 0 auto;
}
.timeline__button .field__item a {
  color: white;
  border-radius: 8px;
  background-color: #d98048;
  padding: 0.5rem 2rem;
  font-weight: bold;
  border: 2px solid transparent;
  transition: 0.15s ease;
}
.timeline__button .field__item a:hover {
  box-shadow: 10px 10px #774c3f;
  border: 2px solid #774c3f;
}
@media all and (min-width: 500px) {
  .timeline__image .field__item {
    width: 200%;
  }
}
@media all and (min-width: 1000px) {
  .timeline__title {
    font-size: 39px;
  }
  .timeline__image {
    overflow-x: inherit;
  }
  .timeline__image .field__item {
    width: 90%;
    margin: 0 auto;
  }
  .timeline__image img {
    width: 100%;
    margin: 0 auto;
  }
}

/**
  * Paragraph reference-wrapper
  */

.reference-wrapper {
  background: #53BCBD;
  padding: 2rem 0 4rem 0;
  position: relative;
  height: 600px;
}
/* .reference-wrapper .grid-row {
  padding-right: 0;
  margin-right: 0;
} */
.reference-wrapper__title {
  font-family: 'Yeseva One', sans-serif;
  font-size: 31px;
  color: white;
  text-align: center;
}
.reference-wrapper__items {
  overflow-x: scroll;
  /* border-radius: 20px; */
  margin: 2rem 0;
  position: absolute;
  width: 100%;
  left: 0;
}
.reference-wrapper__items > .field__items {
  display: flex;
  justify-content: space-between;
  width: 280%;
}
.reference-wrapper__items > .field__items > .field__item {
  width: 100%;
  margin-right: 0.5rem;
}
.reference-wrapper__items > .field__items > .field__item:first-child {
  margin-left: 2rem;
}
.reference-wrapper__items > .field__items > .field__item:last-child {
  margin-right: 2rem;
}
@media all and (min-width: 700px) {
  .reference-wrapper__items > .field__items {
    width: 145%;
  }
}
@media all and (min-width: 1000px) {
  .reference-wrapper {
    position: inherit;
    height: auto;
  }
  .reference-wrapper__title {
    font-size: 39px;
  }
  .reference-wrapper__items {
    overflow-x: inherit;
    position: inherit;
  }
  .reference-wrapper__items > .field__items {
    width: 100%;
  }
  .reference-wrapper__items > .field__items > .field__item:first-child {
    margin-left: inherit;
  }
  .reference-wrapper__items > .field__items > .field__item:last-child {
    margin-right: inherit;
  }
}


/**
  * Paragraph reference
  */

.reference {
  background: white;
  border-radius: 20px;
  padding: 1rem 2rem;
  height: 100%;
}
.reference__title {
  font-size: 25px;
  font-family: 'Yeseva One', sans-serif;
}
.reference__image {
  padding: 1rem 0 0 1rem;
}


/**
  * Paragraph files
  */

.files-item {
  margin: 1rem 0;
}
.files-item span {
  display: block;
  background: none;
  padding: 0;
  display: flex;
  justify-content: center;
}
.files-item a {
  background-color: #d98048;
  border-radius: 8px;
  text-align: center;
  display: block;
  color: white;
  font-weight: bold;
  padding: 1rem;
  max-width: 100%;
  border: 2px solid transparent;
  transition: 0.15s ease;
}
.files-item a:hover {
  box-shadow: 10px 10px #774c3f;
  border: 2px solid #774c3f;
}

/**
* Paragraph section-tooltip
*/

.section-tooltip {
  color: #774c3f;
  margin: 2rem 0;
}
.section-tooltip__title {
  font-size: 31px;
  font-family: "Yeseva One", sans-serif;
}
.section-tooltip__text {
  position: relative;
}
.section-tooltip__text a {
  font-weight: bold;
  color: #d98048;
}
.section-tooltip__text > .field__items > .field__item {
  background-color: #53BCBD;
  color: white;
  text-align: center;
  background-color: #53BCBD;
  border-radius: 20px;
  padding: 0.5rem 1rem;
  margin: 1rem 0;
}
@media all and (min-width: 1000px) {
  .section-tooltip__title {
    font-size: 39px;
  }
  .section-tooltip__text > .field__items > .field__item {
    width: 80%;
    position: absolute;
    bottom: 0;
    left: 10%;
    z-index: -1;
    opacity: 0;
    transform: translateY(100%);
    transition: 0.33s;
  }
  .section-tooltip__text a:hover {
    color: #774c3f;
    cursor: pointer;
  }
  .section-tooltip__text > .field__items > .tooltip-appear {
    opacity: 1;
    transform: none;
    z-index: 5;
  }
}


/**
* Paragraph card-region
*/

.card-region-wrapper {
  color: #774c3f;
  margin: 4rem 0;
}
.card-region-wrapper__title {
  font-size: 31px;
  font-family: "Yeseva One", sans-serif;
}
.card-region-wrapper__items > .field__items > .field__item {
  padding: 3rem 0;
}
@media all and (min-width: 700px) {
  .card-region-wrapper__items > .field__items {
    display: flex;
    flex-wrap: wrap;
    /* align-items: flex-start; */
    width: 104%;
  }
  .card-region-wrapper__items > .field__items > .field__item {
    width: 47%;
    margin-right: 3%;
  }
}
@media all and (min-width: 1000px) {
  .card-region-wrapper__title {
    font-size: 39px;
  }
  .card-region-wrapper__items > .field__items > .field__item {
    width: 30%;
    /* margin-right: 3%; */
  }
}

/**
  * Paragraph card-region
  */

.card-region {
  background-color: #fff4ea;
  border-radius: 20px;
  /* margin: 4rem 0; */
  height: 100%;
}
.card-region__row1 {
  position: relative;
}
.card-region__row1 img {
  display: block;
  width: 100%;
  object-fit: cover;
  height: 235px;
  border-radius: 20px;
}
.card-region__location {
  position: absolute;
  top: 10%;
  left: 10%;
  color: #d98048;
  font-weight: bold;
  background-color: white;
  border-radius: 8px;
  padding: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}
.card-region__location::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 20px;
  background: url(../images/location-icon.png) no-repeat;
  margin-right: 5px;
}
.card-region__row2 {
  padding: 0.5rem 1rem;
}
.card-region__title {
  font-size: 28px;
  font-family: "Yeseva One", sans-serif;
}


/**
  * Paragraph description
  */


  .description__text {
    padding: 2rem 0;
    color: #774c3f;
  }
  .post-it {
    text-align: center;
    color: white;
    border-radius: 20px;
    padding: 1rem 2rem;
  }
  .post-it--blue {
    background: #53bcbd;
  }
  .description__images {
    width: 80%;
    margin: 4rem auto;
  }
  .description__images .field__items {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
  }
  .description__images .field__item {
    margin: 2rem auto;

  }
  @media all and (min-width: 1000px) {
    .description__text {
      padding: 3rem 0;
      display: flex;
      justify-content: space-between;
    }
    .description__text p {
      width: 47%;
    }
    .description__images .field__items {
      flex-direction: row;
    }
  }

/**
  * Paragraph subgroup
  */

.subgroup {
  color: #774c3f;
}
.subgroup__title {
  text-align: center;
  max-width: 800px;
  font-size: 31px;
  font-family: "Yeseva One", sans-serif;
  margin: 2rem auto;
}
.subgroup__section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.subgroup__section .field__item img {
  border-radius: 20px;
  overflow: hidden;
}
@media all and (min-width: 1000px) {
  .subgroup__title {
    font-size: 39px;
  }
  .subgroup__section {
    flex-direction: row;
    align-items: inherit;
  }
  .subgroup__section .field__item:nth-child(2) {
    display: flex;
    justify-content: center;
    background-color: #0F0619;
    border-radius: 20px;
    overflow: hidden;
  }
  .subgroup__section .field__item {
    width: 49%;
  }
  .subgroup__section .field__item img {
    border-radius: 25px;
  }
}


/**
  * Paragraph second subgroup
  */

.second-subgroup {
  margin: 4rem 0;
  display: flex;
  flex-direction: column-reverse;
}
.second-subgroup img {
  border-radius: 20px;
  display: block;
  object-fit: cover;
  height: 450px;
}
.second-subgroup__text {
  color: #774c3f;
}
.second-subgroup__images > .field__items {
  display: flex;
  justify-content: space-between;
}
.second-subgroup__images > .field__items > .field__item {
  width: 49%;
}
.second-subgroup__images > .field__items > .field__item .paragraph {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #53bcbd;
}
@media all and (max-width: 500px) {
  .second-subgroup__images > .field__items {
    display: flex;
    flex-direction: column;
  }
  .second-subgroup__images > .field__items > .field__item {
    width: 100%;
  }
}
@media all and (min-width: 1000px) {
  .second-subgroup {
    flex-direction: row;
    justify-content: space-between;
  }
  .second-subgroup__images {
    width: 49%;
  }
  .second-subgroup__images img {
    height: auto;
  }
  .second-subgroup__text {
    width: 49%;
  }
}


/**
  * Paragraph historical
  */

.historical {
  margin: 4rem 0;
  color: #774c3f;
}
.historical__image {
  display: flex;
  justify-content: center;
}
.historical__image img {
  border-radius: 20px;
  overflow: hidden;
  max-height: 800px;
  object-fit: cover;
  width: auto;
}
@media all and (min-width: 1000px) {
  .historical {
    display: flex;
    justify-content: space-between;
  }
  .historical__text {
    width: 65%;
  }
  .historical__image {
    width: 30%;
    margin: auto 0 auto auto;
  }
  .historical__image img {
    max-height: 500px;
  }
}


/**
  * Paragraph conservation
  */

.conservation {
  text-align: center;
  margin: 4rem 0;
}
.conservation__text {
  color: #774c3f;
  margin: 4rem auto;
}
@media all and (min-width: 1000px) {
  .conservation__text {
    width: 66%;
  }
}


/**
  * Paragraph abbreviation
  */

.abbreviation {
  margin: 4rem auto;
}
.post-it--orange {
  background: #d98048;
}
.abbreviation__title {
  font-weight: bold;
  margin: 1rem 0;
}
@media all and (min-width: 1000px) {
  .abbreviation {
    width: 50%;
  }
}


/**
  * Paragraph join-wrapper
  */

.join-wrapper {
  background-color: #fff4ea;
  padding: 4rem 0;
  color: #774c3f;
}
.join-wrapper__title {
  font-family: "Yeseva One", sans-serif;
  font-size: 31px;
  margin-top: 0;
}
.join-wrapper__items > .field__items > .field__item {
  margin: 2rem auto;
  max-width: 400px;
}
@media all and (min-width: 1000px) {
  .join-wrapper__title {
    font-size: 39px;
  }
  .join-wrapper__items {
    margin: 4rem auto;
    width: 66%;
  }
  .join-wrapper__items > .field__items {
    display: flex;
    justify-content: space-between;
  }
  .join-wrapper__items > .field__items > .field__item {
    width: 47%;
    margin: 0;
  }
}


/**
  * Paragraph join
  */

.join {
  background: white;
  padding: 3rem 2rem;
  border-radius: 20px;
}
.join__flex {
  display: flex;
}
.join__image {
  width: 15%;
}
.join__title {
  font-family: "Yeseva One", sans-serif;
  width: 150px;
  margin: 0 1rem;
  /* width: 85%; */
}
.join__file {
  margin-top: 6rem;
}
.join__file span {
  display: block;
  background: none;
  padding: 0;
}
.join__file a {
  background-color: #d98048;
  border-radius: 8px;
  text-align: center;
  display: block;
  color: white;
  font-weight: bold;
  padding: 0.5rem 1rem;
  max-width: 100%;
  border: 2px solid transparent;
  transition: 0.15s ease;
}
.join__file a:hover {
  box-shadow: 10px 10px #774c3f;
  border: 2px solid #774c3f;
}


/**
  * Paragraph exposition
  */

.exposition {
  color: #774c3f;
  margin: 4rem 0;
}
.exposition__title {
  font-size: 31px;
  font-family: "Yeseva One", sans-serif;
}
.exposition__flex {
  margin: 2rem 0;
}
.exposition .join__file {
  /* margin-top: 4rem; */
  position: absolute;
  width: 85%;
  bottom: 15%;
  left: 7.5%;
}
.exposition__join .join {
  background: #fff4ea;
  height: 100%;
  position: relative;
  max-width: 400px;
  min-height: 322px;
  margin: 2rem auto;
}
.exposition__images > .field__items {
  display: flex;
  flex-direction: column;
}
.exposition__images > .field__items > .field__item {
  max-width: 400px;
  margin: 2rem auto;
}
.exposition__images > .field__items img {
  display: block;
  width: 100%;
  object-fit: cover;
  border-radius: 20px;
  height: 400px;
}
@media all and (min-width: 1000px) {
  .exposition__title {
    font-size: 39px;
  }
  .exposition__flex {
    display: flex;
  }
  .exposition__images {
    width: 66%;
  }
  .exposition__images > .field__items > .field__item {
    max-width: inherit;
    margin: inherit;
    width: 47%;
    margin-right: 3%;
  }
  .exposition__join {
    width: 33%;
  }
  .exposition__join .join {
    max-width: inherit;
    min-height: inherit;
    margin: 0;
  }
  .exposition__join > .field__item {
    height: 100%;
  }
  .exposition__images > .field__items {
    flex-direction: row;
  }
}


/**
  * Paragraph Iframe
  */

.map-iframe {
  margin: 4rem 0;
}
.map-iframe iframe {
  height: 500px;
}
.map-iframe__button a {
  background-color: #d98048;
  border-radius: 8px;
  text-align: center;
  display: block;
  color: white;
  font-weight: bold;
  padding: 0.5rem 1rem;
  max-width: 400px;
  border: 2px solid transparent;
  transition: 0.15s ease;
  margin: 0 auto;
}
.map-iframe__button a:hover {
  box-shadow: 10px 10px #774c3f;
  border: 2px solid #774c3f;
}
@media all and (min-width: 1000px) {
  .map-iframe iframe {
    height: 800px;
  }
}


/**
  * Module Cookies
  */

.cookiesjsr-banner, .cookiesjsr-btn, .cookies-fallback--btn {
  background-color: #d98048;
}
.cookiesjsr-btn, .cookies-fallback--btn {
  font-weight: bold;
  border-radius: 8px;
  border: 2px solid white;
  transition: 0.15s ease;
  opacity: 1;
  font-size: inherit;
  text-transform: inherit;
  transform: inherit;
}
.cookiesjsr-btn.important {
  color: #774c3f;
  border: 2px solid transparent;
}
.cookiesjsr-btn.invert{
  border: 2px solid #d98048;
  color: #774c3f;
}
.cookiesjsr-btn.important.invert{
  border: 2px solid;
  border-color: #d98048;
  background-color: #d98048;
}
.cookiesjsr-btn:hover, .cookiesjsr-btn.important.invert:hover, .cookies-fallback--btn:hover {
  box-shadow: 6px 6px #774c3f;
  border: 2px solid #774c3f;
  border-color: #774c3f;
  transform: none;
  opacity: 1;
}
/* Popin */
.cookiesjsr-service-group.active .cookiesjsr-service-group--content,
.cookiesjsr-service-group.active .cookiesjsr-service-group--tab{
  background-color: #d98048;
}
.cookiesjsr-service--always-on span{
  padding:0.5rem 1rem;
  border:2px solid #fff;
  font-weight: 700;
  color: #774c3f;
}
.cookiesjsr-service-group--tab, .cookiesjsr-layer--label-all, .cookiesjsr-layer--title, .cookies-fallback--text, a.cookies-fallback--link {
  color: #774c3f;
}


/**
  * Section v2 title
  */

.page-title {
  padding: 2rem;
}
.page-title h1 {
  text-align: center;
  color: #774c3f;
  margin: auto;
  max-width: 600px;
  font-size: 39px;
  font-family: "Yeseva One", sans-serif;
}
@media all and (min-width: 1000px) {
  .page-title h1 {
    font-size: 64px;
    max-width: 1000px;
  }
}

/**
* Section v2
*/

.layout__region {
  padding: 1rem;
}
.section-v2 h2 {
  font-size: 31px;
  font-family: "Yeseva One", sans-serif;
  margin: 0;
  }
.section-v2 a {
    background-color: #d98048;
    border-radius: 8px;
    text-align: center;
    display: block;
    color: white;
    font-weight: bold;
    padding: 0.5rem 1rem;
    border: 2px solid transparent;
    transition: 0.15s ease;
    margin: 0 auto;
    width: 50%;
    min-width: 150px;
  }
.section-v2 a:hover {
  box-shadow: 10px 10px #774c3f;
  border: 2px solid #774c3f;
}
.section-v2 .paragraph--type--image-v2 .field__item {
  height: 100%;
  display: flex;
  align-items: center;
}
.section-v2 img {
  border-radius: 20px;
  height: 100%;
  max-height: 500px;
  object-fit: cover;
  display: block;
}
@media all and (min-width: 1000px) {
  .section-v2 h2 {
    font-size: 39px;
  }
}

/**
* Webform confirmation modal
*/

div.ui-dialog.webform-confirmation-modal {
  color: #774c3f;
  font-size: 21px;
}
div.webform-confirmation-modal--content.ui-dialog-content.ui-widget-content {
  background: #fff4ea;
}