/* @group Outdoor Rentals
------------------------------------ */

.outdoor-rentals { margin-bottom: 15em; position: relative; } 

.outdoor-rentals .background .img-box { position: absolute; z-index: -1; left: 0; bottom: 0; padding: 0; background-color: unset; height: 56em; pointer-events: none; }

.outdoor-rentals .text { margin-bottom: 10em; }
.outdoor-rentals .text h3 { text-transform: uppercase; font-weight: 700; font-size: 2em; line-height: 1.6em; letter-spacing: .1em; color: var(--rose-gold); margin: 0 0 1em; }
.outdoor-rentals .text h2 { text-transform: uppercase; font-weight: 700; font-size: 3em; line-height: 1em; letter-spacing: .0667em; color: var(--navy-blue); margin: 0 0 1em; }
.outdoor-rentals .text p { font-weight: 500; font-size: 1.6em; line-height: 1.5em; letter-spacing: .125em; color: var(--navy-blue); margin: 0 0 1.875em; }
.outdoor-rentals .text .bttn-outlined { min-width: 15.8em; text-align: center; }

.outdoor-rentals .images { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; column-gap: 7.6rem; }
.outdoor-rentals .images .outer-image { flex: 0 1 calc(50% - 3.8em); margin: 0 0 3em; text-align: center; }
.outdoor-rentals .images .img-box { height: 18.4em; margin: 0 0 3em; }
.outdoor-rentals .images p { text-transform: uppercase; font-weight: 700; font-size: 1.6em; line-height: 1em; letter-spacing: .125em; color: var(--navy-blue); }


@media only screen
and (min-width : 961px){

  .outdoor-rentals { margin-bottom: 35.5rem; }

  .outdoor-rentals .background .img-box { left: unset; right: 0; bottom: -25rem; height: 81.5rem; }

  .outdoor-rentals .text { margin-bottom: 0; }
  .outdoor-rentals .text h2 { font-size: 4.5em; letter-spacing: .044em; }
  .outdoor-rentals .text p { font-size: 2em; line-height: 1.35em; letter-spacing: .1em; }
  
  .outdoor-rentals .images { column-gap: 3.1rem; }
  .outdoor-rentals .images .outer-image { flex: 0 1 calc(33% - 1.8rem); margin: 0; }
  .outdoor-rentals .images .outer-image.second { position: relative; top: 17rem; }
  .outdoor-rentals .images .img-box { height: 43rem; }


  /* TEMPLATES */
  .page-template-local-attractions .outdoor-rentals {
    margin-top: 4rem;
    margin-bottom: 35rem;
  }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
  .outdoor-rentals .background .img-box { max-width: 50%; }
  .outdoor-rentals .background .img-box::before { content: ''; position: absolute; inset: 0; background: rgba(255, 255, 255, 0.50) }
}
/* @end
------------------------------------ */