/*Instagram media*/
iframe.instagram-media.instagram-media-rendered {
min-width: 290px!important;
}

/*Add a box shadow feature*/
.box-shadow-effect img {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.margin-right-half {
padding-right: 0.5rem;
}

.grid-container:has(.poem__body) {
padding: 0;
}

.poem {
padding: 0;
}

.text-around-image .flex-container {
flex-direction: column;
}

/*Fix underline in button warning*/
.dark-background .learn-more a.button,
.dark-background a.button,
a.button.secondary {
  text-decoration: none!important;
}

.caption a.no-underline {
    text-decoration: none;
}

.callout {
background: #efefef;
}

/*Maximum height for multiple asset blocks*/
.assets.asset-column-2 img {
    max-height: 350px;
}

 .assets.asset-column-3 img {
    max-height: 250px;
}

/*Larger img over blurred background*/

.large-image-blurred .asset-hero__img {
    max-width: 50rem!important;
}

/*Remove background and opacity for h1 Image Banner blocks*/
.image-banner-horizontal .image-banner.tint-light .overlay-container>h1, 
.image-banner-horizontal .image-banner.tint-light .overlay-container>h2, 
.image-banner-horizontal .image-banner.tint-light .overlay-container>p {
    opacity: unset;
    background: unset !important;
    padding: 0 !important;
    -webkit-backdrop-filter: unset;
    backdrop-filter: unset;
}

/*Add white text option*/
.image-banner-horizontal.white-text h1, 
.image-banner-horizontal.white-text h2 {
color: #fff;
}

/*Portrait (Narrow) Option*/
@media screen and (min-width: 93.75em) {
    .portrait-narrow .media-caption-text.resourceTextGrid:has(.layout-horizontal) {
        grid-template-areas: ". media-embed-media text .";
        grid-template-columns: 1fr 1.5fr 1.5fr 1fr;
    }
}

/*Remove Prev/Next buttons*/
.grid-container.site-page-pagination {
display: none;
}

/*Card column options*/
.card-2-columns .assets.asset-column-3:has(.asset.card) {
        grid-template-columns: repeat(2, 48%);
}

@media print, screen and (min-width: 56.25em) {
.card-2-columns .assets.asset-column-3:has(.asset.card) {
         gap: 2rem;
}
    .card-3-columns .assets.asset-column-2:has(.asset.card) {
        grid-template-columns: repeat(3, 32%);
        gap: 2rem;
    }
    .card-4-columns .assets.asset-column-2:has(.asset.card) {
        grid-template-columns: repeat(4, 24%);
        gap: 2rem;
    }
     .card-4-columns .assets:has(.asset.card) .card img {
        height: 13rem;
    }
}