/****** Hero Video ******/
.hero-video {height:calc(100dvh - var(--header-height)); max-height:500px; overflow:hidden; display:flex; align-items:center; justify-content:center;}
.hero-video video {width:100%; height:auto; min-height:100%; object-fit:cover;}

@media (min-width:768px) {
    .hero-video {max-height:unset; min-height:600px;}
}



/****** section-home + masonry ******/
.section-home {overflow-x:clip;}
.section-home .level-1-display {margin-top:-30px;}

.section-home .background-graphic-leaves-wrapper {position:relative;}
.section-home .background-graphic-leaves-wrapper .row {position:relative; z-index:1;}
.section-home .background-graphic-leaves {position:absolute; left:0; bottom:-2rem; width:120vw; z-index:-1;}

@media (min-width:600px) {
  .section-home .icon-animated {margin-left:-60px;}
}
@media (min-width:768px) {
  .section-home .gallery-default-carousel-container {margin-top:-26px;}
  .section-home .background-graphic-leaves {z-index:0;}
  .section-home .background-graphic-leaves {width:68vw;}
}



/****** Featured News ******/
.section-featured-news {position:relative; overflow-x:clip; margin-top:200px;}
.section-featured-news::before {rotate:-5.75deg; content:""; background:var(--clr-edn-teal); width:100%; height:400px; position:absolute; top:-90px; left:0; isolation:isolate; z-index:-1;}
.section-featured-news .border-graphic {position:relative;}
.section-featured-news .container {margin-top:-116px; position:relative;}
.section-featured-news .col-md-2 {position:relative;}
.section-featured-news .icon-animated {position:absolute; top:-120px; right:0;}
.section-featured-news ul[role=list] {display:flex; row-gap:0.5rem; column-gap:1rem; flex-wrap:wrap;}

@media (min-width:768px) {
    .section-featured-news .icon-animated {top:-150px;}
}








/****** Default Gallery with Fade ******/
.gallery-default-carousel-container {position:relative;}



/****** Scrolling Gallery ******/
.section-gallery {overflow-x:clip; margin-top:-40px;}
.gallery-scrolling-carousel-container {margin-top:-40px; rotate:-0.89deg; margin-left:-5px; margin-right:-5px;}
.gallery-scrolling-slider .swiper-wrapper {transition-timing-function:linear !important;}
.section-gallery-header {display:flex; justify-content:space-between; align-items:flex-end;}
.section-gallery-header img.chicken {max-height:470px;}
.section-gallery-header>div:last-child {z-index:2;}
.section-gallery-header>div:first-child,
.section-gallery-header>div:last-child {position:relative; top:-28px;}
.section-gallery-header>div:first-child img {transform:translateX(-50%);}
.section-gallery-header>div:last-child img {transform:translateX(50%);}
.section-gallery-header>div:first-child {pointer-events:none;}
.edn-our-world {position:relative; flex:0 0 200px; padding-left:20px;}
.edn-our-world .edn-our-world-label {position:absolute; top:28%; left:0;}
.edn-our-world .edn-our-world-label .section-label {font-size:16px}

@media (min-width:480px) {
    .section-gallery-header>div:first-child,
    .section-gallery-header>div:last-child {top:-58px}
    .edn-our-world {flex:0 0 280px; padding-left:2px;}
    .gallery-scrolling-carousel-container {margin-top:-72px;}
}

@media (min-width:690px) {
    .edn-our-world .edn-our-world-label .section-label {font-size:20px;}
    .section-gallery-header>div:first-child,
    .section-gallery-header>div:last-child {top:-68px;}
    .edn-our-world {flex:0 0 360px; padding-left:0;}
    .gallery-scrolling-carousel-container {margin-top:-90px;}
}

@media (min-width:992px) {
    .edn-our-world .edn-our-world-label .section-label {font-size:24px;}
    .section-gallery-header>div:first-child,
    .section-gallery-header>div:last-child {top:-78px;}
    .edn-our-world {flex:0 0 480px;}
    .gallery-scrolling-carousel-container {margin-top:-120px;}
}







/****** Masonry ******/
#masonry-container {margin-right:calc(-.5 * 2.25rem); margin-left:calc(-.5 * 2.25rem);}
.masonry-item {width:50%; margin-bottom:0; display:inline-block; vertical-align:top; box-sizing:border-box;}
.masonry-item .row {padding:0; margin:0;}
.masonry-item .row>* {padding-right:calc(2.25rem * .5); padding-left:calc(2.25rem * .5);}
@media (max-width: 768px) {
  .masonry-item {width:100%;}
}