@media(min-width: 64em) {main .p-4.md\:flex-1 {max-width: 70%; float: left;} aside {padding-top: 70% !important; float: left !important;}}
aside h4 {margin-bottom: 40px; font-weight: 700;    font-size: 30px; color: #255c4e}
aside .views-row {line-height: 1; min-width: 100%; width: 100%; display: block; float: left; font-size: 18px;}
aside .views-row img {float: left; padding-right: 6px}
aside a {font-weight: 400 !important; vertical-align: middle;}
.block-type-views-block\:similar-stories-block-2 {border: 1px solid #b9d7e8;display: block;overflow: hidden;padding: 20px 20px 0 20px;}
.block-type-views-block\:similar-stories-block-2 .views-row:last-child { margin-bottom: -15px; }
@media(min-width: 64em){
/* 1. The Figure becomes the grid container */
.banner-image-or-video {
  display: grid !important;
  /* This is the magic: it stays as wide as the image's minimum width */
  grid-template-columns: min-content; 
  justify-content: center; /* Centers the grid on the page */
  margin: 0 auto 2.5rem;
}

/* 2. Ensure Drupal's wrappers don't fight the grid */
.banner-image-or-video-section .banner-image-wrapper, 
.banner-image-or-video-section .field-media-image {
  display: contents; /* This 'erases' the divs so the image and caption are direct grid children */
}

/* 3. The Image */
.banner-image-or-video-section .field-media-image img {
  display: block;
  width: auto;
  max-width: none; /* Allow it to be its natural size to set the grid width */
}

/* 4. The Caption */
.banner-image-or-video-caption {
  grid-column: 1; /* Stay in the same column as the image */
  width: 100%;    /* Fill the column (which is now exactly the image's width) */
  box-sizing: border-box;
}
}



.align-right .field-media-image img { margin-left: 0; }
section.body .align-right  {  float: none ; margin-bottom: 10px;}
@media(min-width: 58em){ 
	section.body .align-right  { float: right;} 
	.align-right .field-media-image img { margin-left: 1rem; }
	
}

h1 {font-size: 32px !important; line-height: 36px !important;}
    

.field-media-remote-video {padding-top: 0 !important;}

/* 02/23/24 - Adding styles to Pull Quote elements since something changed on live site */

.node-tulane-news blockquote {
	padding-left: 2rem;
	margin-bottom: 1.5rem;
}
.node-type-tulane-news .media-oembed-content {
min-width: 100% !important;
}
.node-tulane-news blockquote:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(6 182 212 / var(--tw-bg-opacity));
    width: 25%;
    height: 0.25rem;
    display: block;
    margin-top: 2rem;
    margin-bottom: 1rem;
}


figure figcaption:not(.banner-image-or-video-section figure figcaption, .paragraph--type--carousel figure figcaption.paragraph--type--carousel figure figcaption, #inset-image-section figure figcaption) {
    display: block !important;
}


.node-tulane-news blockquote p {
	  font-size: 22px;
    line-height: 26px;
    letter-spacing: 0.03em;
		font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
}

.node-tulane-news blockquote p cite {
	  font-style: normal;
	  font-weight: 900;
	  font-size: 22px;
    line-height: 26px;
    letter-spacing: 0.03em;
    margin-bottom: 1.5rem;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.ept-carousel-prev {margin-left: -30px;}
.ept-carousel-next {margin-right: -30px;}

.rl-experiment {padding: 20px;}

.similar-stories .views-row{
    margin-bottom: 10px;
    line-height: 1.0;
}

/*
aside {display: none;}

@media(min-width: 64em){h1 { font-size: 42px !important;    line-height: 46px !important;}}
.media-oembed-content { position: relative !important; min-height: 600px; max-width: 1000px !important; }
.block-type-views-block\:similar-stories-block-1 {border: 1px solid grey; padding: 15px; margin-top: 30px; max-width: 800px;}
main:not(.toolbar-icon-10.user-logged-in.path-node.page-node-type-tulane-news.toolbar-horizontal.toolbar-fixed main) {max-width: 900px !important;}
.node-content div div article div img {margin-top: 30px;}
.caption {margin-bottom: 30px; line-height: 18px; padding: 10px 40px 10px 10px; background-color: #eee; max-width: 800px;}
.node-type-tulane-news figure figcaption {margin: 0; }
*/