/* Borgo Mediterraneus - Custom CSS - Dev site */
@import "/media/templates/site/astroid_template_two/css/med-fonts.css";
/* ==========================================================================
   MIXIN / PLACEHOLDER (Regole condivise)
   ========================================================================== */
.row-fade, .med-rooms .com-content-category-blog__item.blog-item {
  opacity: 0;
  transform: translateY(3rem);
  transition: opacity 1.2s cubic-bezier(0.25, 1, 0.5, 1), transform 1.2s cubic-bezier(0.25, 1, 0.5, 1);
  will-change: opacity, transform;
}
.is-visible.row-fade, .med-rooms .is-visible.com-content-category-blog__item.blog-item {
  opacity: 1;
  transform: translateY(0);
}
@supports (-moz-appearance: none) {
  .row-fade, .med-rooms .com-content-category-blog__item.blog-item {
    transform: translateY(1.5rem);
    transition: opacity 0.5s cubic-bezier(0.25, 1, 0.5, 1), transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
  }
}

.med-services .row-fade img, .med-rooms img {
  border-radius: 10px;
}

.med-rooms {
  max-width: 1400px;
  margin: auto;
}

/* ==========================================================================
   BUTTONS
   ========================================================================== */
.btn.btn-primary, .btn.btn-secondary, .btn.btn-danger {
  font-family: "SF Pro Text Light", Arial, Helvetica, sans-serif;
}

/* ==========================================================================
   BLOG: CHI SIAMO E IL TERRITORIO 
   ========================================================================== */
.blog-borgo .blog-items .blog-item {
  background-color: #e5dbce;
  margin-top: 0;
}
.blog-borgo .blog-items.items-row .blog-item:nth-child(odd) {
  background-color: #f2f0e6;
}

/* ==========================================================================
   ARTICOLI: CAMERE
   ========================================================================== */
.med-rooms .com-content-category-blog__item.blog-item {
  display: flex;
  flex-direction: column;
}
.med-rooms .com-content-category-blog__item.blog-item > .row {
  flex-grow: 1;
}
.med-rooms .com-content-category-blog__item.blog-item .blog-room-container img {
  box-shadow: rgba(89, 53, 31, 0.35) 0px 5px 15px;
}
.med-rooms .button-url-room {
  text-transform: uppercase;
}

.custom-icn .as-grid .card .row > div:first-child {
  flex: 0 0 auto;
  width: auto;
}
.custom-icn .as-grid .card .row > div:first-child i {
  display: block;
}

.container-room-button a {
  color: white;
}
.container-room-button a:hover {
  color: white;
}

.navigation-rooms {
  margin-top: 2rem;
}
.navigation-rooms a {
  font-size: 0.9rem;
  text-transform: uppercase;
}

/* ==========================================================================
   ARTICOLI: SERVIZI
   ========================================================================== */
.service-pg [data-modals-element=modal] [data-modals-element=overlay] {
  background-color: rgba(50, 30, 14, 0.9);
  backdrop-filter: none;
}

.med-services .row-fade {
  padding: 3rem;
  background: #fffefb;
  border: 1px solid #eeddc4;
  border-radius: 10px;
  box-shadow: rgba(89, 53, 31, 0.25) 0px 5px 15px;
}
.med-services .row-fade img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.med-services .row-fade .button-url-service {
  text-transform: uppercase;
}

/* ==========================================================================
   ARTICOLO: CONTATTO -> MENU CONTATTO
   ========================================================================== */
.master-contact-container .contact-content .sub-title-contact {
  font-size: 1.5rem;
  font-family: "SF Pro Display", Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #553a23;
  padding-bottom: 0.5rem;
}
.master-contact-container .contact-content h2 {
  margin: 0 0 3rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #754822;
}
.master-contact-container .contact-content p {
  font-size: 1.2rem;
}
.master-contact-container .rsform h3 {
  display: none;
}

/* ==========================================================================
   ANIMAZIONI GLOBALI E FOOTER
   ========================================================================== */
.med-logo-footer img {
  display: block;
  width: 300px;
  height: 57.75px;
  margin: 0 auto 1rem;
}

/*# sourceMappingURL=/media/templates/site/astroid_template_two/css/med-style.css.map */