/* -------------------------
   Location
------------------------- */
.section-location-intro .level-1-title,
.section-location-intro {color:var(--neutral-100);}
.section-location-intro .para-lg {color:var(--primary-300);}
.section-location-intro .frame .paragon-p svg path {stroke:var(--primary-400); stroke-width:2px;}
.section-location-intro .paragon-p {z-index:2;}
.section-location-intro .intro-corner {border-bottom-right-radius:140px; background:var(--primary-500); margin-bottom:1.75rem; padding:2rem 1rem;}
.section-location-intro .frame {padding-bottom:3rem;}

@media (min-width:500px) {
  .section-location-intro .frame {padding-bottom:0;}
  .section-location-intro .intro-corner {padding:4rem 2rem;}
}

.section-location-intro .img-group {margin-top:-4rem;}
.section-location-intro .img-group img:first-child {position:relative; z-index:2;}
.section-location-intro .img-group img {border:6px solid #e1dbc7;}

@media (max-width:1023px) {
  .section-location-intro .img-group {display:flex;}
  .section-location-intro .img-group img:first-child {max-width:50%;}
  .section-location-intro .img-group img:last-child {max-width:50%;}
}

@media (min-width:1024px) {
  .section-location-intro .img-group img:first-child {max-width:320px; margin-bottom:-20%;}
}

.columns-2 {display:grid; grid-template-columns:1fr;}

@media (min-width:1024px) {
    .columns-2 {grid-template-columns:1fr 1fr; gap:2rem;}
}

.section-location-connected .level-1-title {color:var(--primary-500);}


/* -------------------------
   Rounded Carousel
------------------------- */
.section-carousel-location {background:var(--secondary-500)}
.section-carousel-location .frame::before, .section-carousel-location .frame::after {border-color:var(--neutral-100);}
.section-carousel-location .frame::before {top:2rem;}
.section-carousel-location .frame::after {bottom:2rem;}
.section-carousel-location .frame-inner::before, .section-carousel-location .frame-inner::after {border-color:var(--neutral-100);}
.section-carousel-location .carousel-buttons {margin-right:1rem;}
.section-carousel-location .carousel-buttons>div {background-color:var(--primary-500);}
.section-carousel-location .carousel-buttons>div:hover {background-color:#e1dbc7;}

.rounded-carousel img {object-fit:cover; display:block; border-radius:50%; border:6px solid #e1dbc7;}
img.no-corner-tr {border-top-right-radius:0;}
img.no-corner-br {border-bottom-right-radius:0;}
img.no-corner-tl {border-top-left-radius:0;}
img.no-corner-bl {border-bottom-left-radius:0;}

@media (max-width:499px) {
  .rounded-carousel {margin-right:-1rem; margin-left:-1rem;}
  .rounded-carousel img {width:100%; height:auto; max-width:500px; display:block;} 
}

@media (min-width:500px) {
  .rounded-carousel {margin-right:-2rem; margin-left:-2rem;}
  .rounded-carousel img {width:500px; height:500px;}
}


/* -------------------------
   Map
------------------------- */
.map-container {overflow:hidden; position:relative; border-radius:50%; border-bottom-right-radius:0; background:#202b35;}
.map {width:100%; height:100%; cursor:grab; user-select:none; touch-action:none;}
.map:active {cursor:grabbing;}
.map img {width:100%; height:100%; object-fit:cover; display:block; transform-origin:top left;}

.btn-zoom {border-radius:50%; background:#da6b39; position:relative; color:var(--neutral-100); width:48px; height:48px; transition:var(--transition-default); cursor:pointer; display:flex; justify-content:center; align-items:center; font-size:28px; margin-top:-48px;}
.btn-zoom:hover {background:var(--primary-500);}
.btn-zoom::before,
.btn-zoom::after {content:''; width:10px; height:2px; background:var(--neutral-100); position:absolute; top:50%; left:50%; translate:-50% -50%; transition:rotate 0.3s ease-out;}
.btn-zoom::after {rotate:90deg;}
.btn-zoom.zoom-out::after {rotate:0deg;}

.table {margin-bottom:1.75rem;}
.table-header {color:var(--primary-500); font-weight:var(--fw-semi-bold); border-bottom:2px solid var(--primary-500); padding:0.5rem 0;}
.table-row {display:flex; border-bottom:1px solid var(--primary-500); padding:0.5rem 0; transition:all 0.5s ease-out;}
.table-row .table-col:first-child {flex:1 1 auto; padding-right:1rem;}
.table-row .table-col:last-child {margin-left:auto; white-space:nowrap;}
.table-row:hover {background:#edeee9; padding-left:0.25rem; padding-right:0.25rem;}


/* -------------------------
   Columns 2 offset
------------------------- */
.columns-2-offset {display:grid; grid-template-columns:1fr; row-gap:2rem;}

@media (min-width:900px) {
  .columns-2-offset {grid-template-columns:1fr 2fr; column-gap:2rem;}
}


/* -------------------------
   Connections 3 columns
------------------------- */
.columns-3-connections {display:grid; column-gap:2rem;}
@media ( (min-width:820px) and (max-width:1100px) ) {
  .columns-3-connections {display:grid; grid-template-columns:1fr 1fr;}
  .columns-3-connections .column:last-child {grid-column:1/-1;}
}

@media (min-width:1099px) {
  .columns-3-connections {grid-template-columns:1fr 1fr 1fr; column-gap:4rem;}
}