/*** Bellisario College Custom Styles ***/
/* CSS Variables Do Not Work in Media Queries */
$screen-large-mobile-min: 576px !default;  // Large Mobile Landscape
$screen-tablet-min: 768px !default;  // Tablet Portrait
$screen-desktop-min: 1080px !default; // Tablets and small desktops
$screen-large-desktop-min: 1440px !default; // Large tablets and desktops
$screen-ultrawide-monitor-min: 1800px !default; // Large Monitor

	
.brand .submenu-links {
	width: 320px;
	}

//	
// Tier Three Adjust
//

.full-width-nav .mobile-brand-tier-three {
	font-size: var(--font-size-lg);
	padding: 0 1rem 0 0;
	text-wrap: pretty;
	}

//	
// Mobile Logo
//	

.full-width-nav .primary-brand-bar .brand-cta.tierTwoTwoLine .header-logo {
	height: 48px; /* account for very long text */
	
	@media (min-width: $screen-large-mobile-min) {	
		height: 64px;
		}
	
	@media (min-width: $screen-desktop-min) {	
		height: 74px;
		}
		
	}

footer li.footer-list {
	width: 100%;
	
	@media (min-width: $screen-large-mobile-min) {	
		width: calc(50% - 0.5 * var(--spacing-medium-small));
		}

	@media (min-width: $screen-tablet-min) {	
		width: calc(33.33% - .6666 * var(--spacing-medium-small)); /* was 33.33%, but 3 cols needs to subtract grid gap */
		}
				
	@media (min-width: $screen-desktop-min) {	
		width: calc(25% - .75 * var(--spacing-medium-small)); /* was 25%, but 4 cols needs to subtract grid gap */
		}
	}

//	
// Dropdown Offset
//	

#navigation .brand > ul li:nth-child(n + 4) .dropdown-content {
	left: 0; /* need to re-set this */
	right: auto;
	}
	
#navigation .brand > ul li:nth-child(n + 5)  { /* add 4 or greater? */
	
	.dropdown-content {
		position: absolute;
		right: 0;
		left: auto;
		}
	}

@media (min-width: $screen-desktop-min) {	

	.full-width-nav #navigation .brand > ul > li.open:nth-child(n + 4) > .dropdown-content:after  {
		background-position: top left;
		left: 0.5rem;
		}
	
	.full-width-nav #navigation .brand > ul > li.open:nth-child(n + 5) > .dropdown-content:after  {
		background-position: right top;
		position: absolute;
		right: 110px;
		left: 0;
		}
	}
		
.bg-dark-purple-gradient {
	background: linear-gradient(to right bottom, var(--ps-perpetual-purple-450) 25%, var(--ps-link-blue-450) 100%);
	}

.footer-wrap {
	background: linear-gradient(to bottom, #002e69 0%, var(--ps-link-blue-600) 75%, var(--ps-link-blue-500) 100%);
	}

.full-width-nav .primary-brand-bar .header-cta-buttons {
	
	.button {
		text-transform: none;
		font-style: normal;
		}
	
	.btn-wrap .cta-button {
		font-size: var(--small-1);
		}
	}

.wrap-cta .cta-button {
	text-transform: none;
	font-style: normal;
	}

.entry_type_homePage {
	
	p.hero-header {
		text-wrap: balance;
		}
	}

footer div.footer-list ul li, footer li.footer-list ul li {
	font-family: var(--font-sans), "Franklin Gothic Medium", Tahoma, sans-serif;
	font-weight: var(--font-weight-medium);
	}

.channel-listing-alumniPodcasts iframe {
	margin: var(--spacing-x-small) 0;
	}

.standard-hero {
	
	h1 {
		font-size: var(--display-3);
		}	
	}

//	
// Home Landing
//	

.block-psucampus-homepage-hero .hero-vid-wrapper {
	aspect-ratio: 16 / 7;
	
	@media (max-aspect-ratio: 3 / 4) {
		aspect-ratio: 4 / 3;
		}
	}

.entry_type_homePage {
	
	.hero-vid-wrapper {
		
		video {
			opacity: 0.5;
			}	
		}
	
	.hero-vid-wrapper + .hero-container {	
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		background: transparent;
		}
	
	.hero-vid-wrapper + .hero-container .hero-grid {
		
		&::after {
			content: '';
			background: url(/assets/uploads/globals/big-small-horizontal-reverse.svg);
			width: calc(100% - 2 * var(--grid-gap-small));
			height: 100%;
			position: absolute;
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center center;
			max-width: calc(1440px - 2 * var(--grid-gap-standard));
			
			@media (min-width: $screen-desktop-min) {
				width: calc(100% - 2 * var(--grid-gap-standard));
				}
			
			@media (min-width: $screen-ultrawide-monitor-min) {
				max-width: calc(1600px - 2 * var(--grid-gap-standard));
				}
				
			@media (max-aspect-ratio: 1 /1) {
				background: url(/assets/uploads/globals/big-small-stacked-reverse.svg);
				background-size: contain;
				background-repeat: no-repeat;
				background-position: center center;
				width: 66.66%;
				left: 0;
				right: 0;
				margin: auto;
				}
			}
		
		.hero-header {
			display: none;
			}
		}
	}

//	
// Media Effects
//	


.research-category-selector ul li.active > a	{
	text-decoration: none;
	font-weight: var(--font-weight-bold);
	font-style: italic;
	pointer-events: none;
	color: var(--primary-text-color);
	}

h2.merl-reserach-categories {
	font-weight: var(--font-weight-medium);
	font-size: var(--h4);
	
	strong {
		font-weight: var(--font-weight-bold);
		}
	}


.accordion-merl-categories {
	
	dl.faq dt button {
		background-color: var(--ps-creek-100);
		
		&[aria-expanded="true"] {
			background-color: var(--ps-pugh-blue-50);	
			}
		}	
	
	@media (min-width: $screen-tablet-min) {
	
		.research-category-selector > ul {
			column-count: 2;
			column-gap: var(--spacing-small);
			}
		}
	
	@media (min-width: $screen-desktop-min) {
	
		.research-category-selector > ul {
			column-count: 3;
			}
		}
	
	}

.media-effects-research {
	
	h2 {
		border-top: 1px solid var(--color-standard-border);
		margin-top: var(--spacing-standard);
		padding-top: var(--spacing-standard);
		}
	}
	
.preview-cards-wrap.preview-cards-research .preview-cards {
		 
	div.capsule {		
		border: 1px solid var(--color-light-gray-border);
		height: 100%;
		display: flex;
		align-items: flex-start;
		align-content: flex-start;
		padding: var(--spacing-medium-small);
		transition: var(--link-transition);

		h3 {
			font-size: var(--h6);
			line-height: var(--line-height-base);
			font-weight: var(--font-weight-medium);
			padding-top: 0;
			}
			
		@media (min-width: $screen-tablet-min) {
			grid-column: span 1;
			}
		
		@media (min-width: $screen-desktop-min) {
			grid-column: span 2;
			}
				
		@media (min-width: $screen-large-desktop-min) {
			grid-column: span 4;
			}
			
		.capsule-details {
			text-align: left;
			
			p.card-capsule-title {
				line-height: var(--line-height-medium);
				}
			
			ul.tag-list li a:link {
				font-size: var(--small-3);
				}
			}				
		}
	}
	
//	
// Media Guide
//	

.media-guide-terms {
	margin-top: var(--spacing-standard);
	
	@media (min-width: $screen-tablet-min) {
		column-count: 2;
		column-gap: var(--spacing-standard);
		}
	
	@media (min-width: $screen-desktop-min) {
		column-count: 3;
		}
	
	h3 {
		padding-top: var(--spacing-small);	
		}
			
	.group-alphabetical {
		border-top: 1px solid var(--color-standard-border);
		padding-bottom: var(--spacing-xx-small);	
		-webkit-column-break-inside: avoid;
		page-break-inside: avoid;
			break-inside: avoid;
		
		ul li {
			margin-bottom: var(--spacing-xx-small);
			}	
		}
	}

.bg-media-alert {
	background: var(--ps-keystone-yellow-100);
	margin-top: var(--spacing-large);
	border: var(--spacing-small) solid var(--ps-keystone-yellow-250);
	
	@media (min-width: $screen-desktop-min) {
		margin-top: 0;
		margin-bottom: calc(-1 * var(--spacing-large));
		border: 0;
		}
	}

.topic-search {
	margin-top: var(--spacing-small);
	}

.topic-search input {
	padding: var(--spacing-x-small);
	background: var(--ps-pugh-blue-50);
	border: 1px solid var(--ps-pugh-blue-500);
	font-size: var(--font-size-lg);
	font-family: var(--font-serif);
	min-width: 100%;
	
	@media (min-width: $screen-tablet-min) {
		min-width: 50%;
		}
	
	@media (min-width: $screen-desktop-min) {
		min-width: calc(33.33% - var(--spacing-small));
		}
	}
	
.expertise-list-sidebar {
	background: var(--ps-slate-gray-0);
	padding: var(--spacing-small);
	position: sticky;
	top: 6rem;
	max-height: 85vh;
	overflow: auto;
	
	div {
		padding: var(--spacing-minimum) 0;
		}
	}

h2.expertise-categories {
	font-size: var(--h4);
	font-weight: var(--font-weight-regular);
	padding-top: var(--spacing-small);
	padding-bottom: var(--spacing-small);
	margin-top: 4rem;
	
	span {
		display: inline-block;
		padding: var(--spacing-small);
		background: var(--ps-katz-green-550);
		color: white;
		}
	}

.expert-grid {
	margin: var(--spacing-small) 0 var(--spacing-standard) 0;
	display: grid;
	grid-gap: var(--grid-gap-x-small);
	
	@media (min-width: $screen-tablet-min) {	
		grid-gap: var(--grid-gap-small);
		grid-template-columns: 1fr 1fr;		
		}
		
	@media (min-width: $screen-desktop-min) {	
		grid-template-columns: 1fr 1fr;
		}
	}
			
.expert-card {
	width: 100%;
	background: var(--white);
	border: 1px solid var(--color-standard-border);
	padding: var(--spacing-xx-small) var(--spacing-small);
	display: grid;
	grid-template-columns: min-content auto;
	
	.expert-image-title {
		display: flex;
		}
	
	.expert-image {
		width: 6rem;
		margin-right: var(--spacing-small);
		flex-shrink: 0;
		margin-top: var(--spacing-xx-small);
		
		img {
			width: 100%;
			height: auto;
			}
		}
	}

//	
// CommAgency
//	

.commagency .col .centered-buttons a.button {
	font-family: var(--font-serif);
	font-size: var(--h5);
	font-weight: var(--font-weight-bold);
	padding: var(--spacing-standard) var(--spacing-large);
	}

//	
// CommAgency Timeline
//	

#cd-timeline {
  position: relative;
  padding-top: 2em;
  padding-bottom: 2em; 
  }
  
  #cd-timeline::before {
	/* this is the vertical line */
	content: '';
	position: absolute;
	top: 0;
	left: 18px;
	height: 100%;
	width: 4px;
	background: rgba(0, 0, 0, 0.25); 
	}
	
  @media (min-width: 992px) {

	#cd-timeline {
		padding-top: 3em;
		padding-bottom: 3em; 
		}
	
	#cd-timeline::before {
		left: 50%;
		margin-left: -2px; 
		} 
	}
		
.cd-timeline-block {
  position: relative;
  margin: 2em 0;
  overflow: hidden;
  *zoom: 1; }
  
  .cd-timeline-block:first-child {
	margin-top: 0; }
	
  .cd-timeline-block:last-child {
	margin-bottom: 0; }
	
  .cd-timeline-block:nth-of-type(odd):before, .cd-timeline-block:nth-of-type(even):before {
	content: '';
	position: absolute;
	width: 25%;
	left: 18px;
	top: 46px;
	border-bottom: 3px solid rgba(0, 0, 0, 0.25); }
	
  @media (min-width: 992px) {
	  
	.cd-timeline-block {
	  margin: 0; }
	  
	  .cd-timeline-block:nth-of-type(odd):before {
		content: '';
		position: absolute;
		width: 20%;
		left: auto;
		right: 50%;
		top: 56px;
		border-bottom: 3px solid rgba(0, 0, 0, 0.25); }
		
	  .cd-timeline-block:nth-of-type(even):before {
		content: '';
		position: absolute;
		width: 20%;
		left: 50%;
		top: 56px;
		border-bottom: 3px solid rgba(0, 0, 0, 0.25); }
		
	  .cd-timeline-block:first-child {
		margin-top: 0; }
		
	  .cd-timeline-block:last-child {
		margin-bottom: 0; } }
		
.cd-timeline-img {
  position: absolute;
  top: 33px;
  left: 5px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  /* background: rgba($white,0.5); */
  border: 3px solid rgba(0, 0, 0, 0.25); }
  
  @media (min-width: 992px) {
	  
	.cd-timeline-img {
	  width: 50px;
	  height: 50px;
	  left: 50%;
	  margin-left: -25px; } }
	  
.cd-timeline-content {
  position: relative;
  margin-left: 40px;
  /* background: $color-white; */
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 1em;
  overflow: hidden;
  *zoom: 1;
  text-align: center; }
  
  .cd-timeline-content img {
	opacity: 0.375; 
margin: 0 auto;}

  .cd-timeline-content h2 {
	color: #ffffff;
	color: #1E407C;
	margin-bottom: 0.75rem;
	margin-top: 1rem;
	font-size: 1.25rem; }
	
  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
	display: inline-block; }
	
  .cd-timeline-content p {
	color: #ffffff;
	color: #1E407C;
	font-family: "Nunito Sans", serif;
	font-size: 1rem;
	line-height: 1.2;
padding-top: 0; }

  .cd-timeline-content .cd-read-more {
	float: right;
	padding: .8em 1em;
	background: rgba(0, 0, 0, 0.25);
	color: rgba(0, 0, 0, 0.25);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; }
	
	.no-touch .cd-timeline-content .cd-read-more:hover {
	  background-color: #ffffff; }
	  
  .cd-timeline-content .cd-date {
	float: left;
	padding: .8em 0;
	opacity: .7; }
	
  .cd-timeline-content::before {
	content: '';
	position: absolute;
	top: 16px;
	right: 100%;
	height: 0;
	width: 0;
	border: 7px solid transparent;
	border-right: 7px solid rgba(0, 0, 0, 0.25); }
	
  @media (min-width: 768px) {
	  
	.cd-timeline-content h2 {
	  font-size: 1.75rem; }
	  
	.cd-timeline-content p {
	  font-size: 1.25rem; }
	  
	.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
	  font-size: 1rem; } }
	  
  @media (min-width: 992px) {
	  
	.cd-timeline-content {
	  margin-left: 0;
	  padding: 0 1.6em 0 1.6em;
	  width: 45%; }
	  
	  .cd-timeline-content::before {
		top: 24px;
		left: 100%;
		border-color: transparent;
		border-left-color: #ffffff; }
		
	  .cd-timeline-content .cd-read-more {
		float: left; }
		
	  .cd-timeline-content .cd-date {
		position: absolute;
		width: 100%;
		left: 122%;
		top: 6px;
		font-size: 1rem; }
		
	  .cd-timeline-block:nth-child(even) .cd-timeline-content {
		float: right; }
		
		.cd-timeline-block:nth-child(even) .cd-timeline-content::before {
		  top: 24px;
		  left: auto;
		  right: 100%;
		  border-color: transparent;
		  border-right-color: #ffffff; }
		  
		.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
		  float: right; }
		  
		.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
		  left: auto;
		  right: 122%;
		  text-align: right; } }
			  
//	
// Holocaust Initiative
//	

.channel-listing-items .channel-listing-grid.channel-listing-grid-4up {
	display: grid;
	grid-grap: var(--spacing-standard);
	}

.holocaust-initiative {
	--color-holocaust-initiative-slate: #2A5370;
	
	.directory-item-capsule .directory-item-image img {
		width: 100%;
		
		@media (min-width: $screen-tablet-min) {	
			width: 100%;
			}
		}
		
	.directory-item-image {
		position: relative;
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='b' xmlns='http://www.w3.org/2000/svg' width='359.6' height='359.28' viewBox='0 0 359.6 359.28'%3E%3Cg id='c'%3E%3Cpolygon points='112.16 359.28 135.01 359.28 225.02 269.53 247.18 269.53 359.6 157.27 359.6 111.92 247.44 224.61 247.35 202.11 292.27 157.19 269.85 157.19 247.44 179.69 224.96 179.6 247.17 157.34 247.26 112.18 292.35 67.53 292.35 90.12 359.43 22.87 359.34 .02 292.88 66.91 292.09 66.91 292.18 45.02 337.27 .1 314.51 .1 225.04 89.74 224.93 67.53 292.27 .19 247.44 .19 134.92 112.53 179.84 112.44 .69 291.77 .52 314.44 90.18 224.78 90.09 247.37 45.52 291.94 45.52 314.44 112.77 247.02 112.91 224.53 91.66 224.43 90.6 224.48 120.17 194.79 224.54 90.29 224.76 90.01 225.04 89.7 225.04 157.42 179.85 202.35 202.04 202.35 112.79 291.92 112.79 314.67 202.54 224.6 224.73 224.6 134.98 314.6 157.35 314.6 112.16 359.28' fill='%23cbdff3' stroke-width='0'/%3E%3Cpolyline points='67.82 22.29 67.97 44.65 67.92 45.08 61.17 51.88 .51 112.44 .5 157.58 45.5 112.5 45.44 134.9 .5 179.75 .5 202.33 22.83 202.33 45.5 179.75 45.5 202.25 0 247.08 23 247.08 135.25 134.75 90.5 134.75 224.92 .25 202.42 .25 90.42 112.33 68.08 112.33 157.75 22.67 157.58 .08 135.25 .08 68 67.5 67.92 45.08 112.83 .25 90.33 .25 67.92 22.67 45.75 22.67 68 .08 45.33 0 .33 45.25 22.67 45.25 .5 67.58 .5 90.33 67.92 22.76' fill='%23cbdff3' stroke-width='0'/%3E%3Cpolygon points='247.19 292.18 247.19 314.49 337.14 224.32 337.14 247.13 359.32 224.54 359.32 202.09 359.32 179.5 247.19 292.18' fill='%23cbdff3' stroke-width='0'/%3E%3C/g%3E%3C/svg%3E"), url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='b' xmlns='http://www.w3.org/2000/svg' width='359.6' height='359.28' viewBox='0 0 359.6 359.28'%3E%3Cg id='c'%3E%3Cpolygon points='112.16 359.28 135.01 359.28 225.02 269.53 247.18 269.53 359.6 157.27 359.6 111.92 247.44 224.61 247.35 202.11 292.27 157.19 269.85 157.19 247.44 179.69 224.96 179.6 247.17 157.34 247.26 112.18 292.35 67.53 292.35 90.12 359.43 22.87 359.34 .02 292.88 66.91 292.09 66.91 292.18 45.02 337.27 .1 314.51 .1 225.04 89.74 224.93 67.53 292.27 .19 247.44 .19 134.92 112.53 179.84 112.44 .69 291.77 .52 314.44 90.18 224.78 90.09 247.37 45.52 291.94 45.52 314.44 112.77 247.02 112.91 224.53 91.66 224.43 90.6 224.48 120.17 194.79 224.54 90.29 224.76 90.01 225.04 89.7 225.04 157.42 179.85 202.35 202.04 202.35 112.79 291.92 112.79 314.67 202.54 224.6 224.73 224.6 134.98 314.6 157.35 314.6 112.16 359.28' fill='%23cbdff3' stroke-width='0'/%3E%3Cpolyline points='67.82 22.29 67.97 44.65 67.92 45.08 61.17 51.88 .51 112.44 .5 157.58 45.5 112.5 45.44 134.9 .5 179.75 .5 202.33 22.83 202.33 45.5 179.75 45.5 202.25 0 247.08 23 247.08 135.25 134.75 90.5 134.75 224.92 .25 202.42 .25 90.42 112.33 68.08 112.33 157.75 22.67 157.58 .08 135.25 .08 68 67.5 67.92 45.08 112.83 .25 90.33 .25 67.92 22.67 45.75 22.67 68 .08 45.33 0 .33 45.25 22.67 45.25 .5 67.58 .5 90.33 67.92 22.76' fill='%23cbdff3' stroke-width='0'/%3E%3Cpolygon points='247.19 292.18 247.19 314.49 337.14 224.32 337.14 247.13 359.32 224.54 359.32 202.09 359.32 179.5 247.19 292.18' fill='%23cbdff3' stroke-width='0'/%3E%3C/g%3E%3C/svg%3E");
		background-repeat: no-repeat, no-repeat;
		background-size: 50%, 50%;
		background-position: 0 0, 100% 100%;
		width: 50%;
		
		@media (min-width: $screen-tablet-min) {	
			width: revert;
			}
			
		img {
			border-radius: 3vw 0 3vw 3vw;
			}	
		}
	
	.directory-item-image div {			
		padding: var(--spacing-small);
		}
		
	a.block .block-image {
		background: transparent;
		border-radius: 0 3vw 3vw 3vw;
		
		&:hover {
			background: var(--ps-beaver-blue-500);	
			}
		}
	
	.latest-news-new-feed img,
	.component figure img,
	.component.preview-cards-wrap.preview-cards-standard .block-image img,
	.component.content-builder-templateSnippet .block-image img,
	.container-grid-builder.container-standard.bg-color,
	.full-color-hero-overlap .hero-group-text,
	.callout-box-content {
		border-radius: 0 3vw 3vw 3vw;
		}

	/* .component figure::before,
	.component.preview-cards-wrap.preview-cards-standard .block-image::before,
	.component.content-builder-templateSnippet .block-image::before {
		position: absolute;
		top: -0.75vw;
		left: -0.75vw;
		right: 0.75vw;
		bottom: 0.75vw;
		content: '';
		border: 1px solid var(--ps-slate-gray-500);
		border-radius: 0 3vw 3vw 3vw;
		} */
		
	footer div.social-cta ul {
		margin-bottom: 0;	
		}
	}

.footer-hi-logos {
	display: flex;
	flex-wrap: wrap;
	grid-column: 1 / -1;
	
	img {
		height: 5rem;
		width: auto;
		margin: var(--spacing-small);
		}
	}

.preview-cards-wrap.preview-cards-wrap-rows.preview-cards-holocaust-initiative-news .preview-cards {
	
	.block-content {
		
		h3 {
			padding-bottom: var(--spacing-small);
			
			a:hover {
				text-decoration: underline;
				}	
			}
			
		p {
			display: inline;
			font-size: var(--font-size-xl);
			
			&.eyebrow-category {
				font-weight: var(--font-weight-medium);
				padding-top: var(--spacing-small);
				display: block;
				
				+ h3 {
					padding-top: 0;
					}
				}
			
			}
		
		a.blog-preview-link {
			font-size: var(--font-size-xl);
			background-color: var(--ps-pugh-blue-100);
			padding: var(--spacing-minimum) var(--spacing-xx-small);
			}
		
		}
	
	.card-row {
		border: none;
		background-color: transparent;
		box-shadow: none;
		
		&:hover {
			background-color: transparent;
			
			.block-content h3 {
				text-decoration: none;
				}
			}
		}
	}

//	
// Alumni Card
//	

.alumni-card {
	
	h3 {
		font-size: var(--h5);
		padding-top: var(--spacing-x-small);
		
		a {
			text-decoration: underline;
			text-underline-offset: var(--spacing-minimum);
			}
		}
	
	p, ul {
		font-size: var(--font-size-lg);
		line-height: var(--line-height-medium);
		}
	
	p {
		padding-top: var(--spacing-minimum);
		
		}
	
	ul {	
		padding-left: 0;
		margin-top: 0;
		color: var(--primary-text-color);
		}
	}		
	
//	
// Image Primary Directory Card
//	

/* 	Turning off image primary b/c of image quality
.directory-grid {
	margin-top: var(--spacing-standard);
	 
	@media (min-width: $screen-large-mobile-min) {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-gap: var(--grid-gap-small);
		}
	
	@media (min-width: $screen-tablet-min) { 3-up instead of 2 COMMENT
		grid-template-columns: repeat(3, minmax(0, 1fr))r;
		}
	
	@media (min-width: $screen-desktop-min) { 3-up instead of 2 COMMENT
		grid-template-columns: repeat(3, minmax(0, 1fr));
		}
	}
	
.directory-card {
	background-color: transparent;
	display: block;
	}
	
	*/

.directory-body:not(.directory-body-two-column) .accordion-content dl.faq dt button {		
	font-weight: var(--font-weight-regular);
	font-family: var(--font-serif);
	}
		
p.content-lead {
	font-size: var(--h5);
	
	@media (min-width: $screen-tablet-min) {	
		font-size: var(--h4);
		}
	}

p.quick-fact-citation {
	font-style: italic;
	font-size: var(--font-size-base);
	margin-top: var(--spacing-small);
	font-weight: var(--font-weight-bold);
	line-height: var(--line-height-small);
	}

.image-gallery-alumni {
	display: block;
	width: 100%;
	}

.image-gallery-wrap {
	padding-top: 0;
	}

.image-slider {
	margin-top: var(--spacing-small);
	
	img {
		width: 100%;
		height: auto;
		}
	
	.slick-slide {
		margin-left: var(--spacing-x-small);
		margin-right: var(--spacing-x-small);
		}
	
	.slick-slide figure figcaption {
		display: none;
		}
		
	.slick-slide.slick-active figure figcaption {
		display: block;
		}
	
	.slick-next,
	.slick-prev {
		height: 0 !important;
		width: 0 !important;
		background-color: rgba(0, 30, 68, 0.8);
		}
	
	@media (min-width: $screen-tablet-min) {
	
		.slick-next,
		.slick-prev  {
			height: 44px !important;
			width: 44px !important;
			border-radius: 50%;
			}
			
		.slick-next:before,
		.slick-prev:before {
			height: 44px;
			width: 44px;
			}
		}
		
	.slick-prev:before,
	.slick-prev:before {
		position: relative;
		content: "";
		background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NyIgaGVpZ2h0PSI0NyIgdmlld0JveD0iMCAwIDQ3IDQ3Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjUgMS41KSI+PHBhdGggZD0iTTE0LjU3OCwxNS44NDRsNy4zLTcuM0ExLjM4LDEuMzgsMCwxLDAsMTkuOTI5LDYuNmwtOC4yNzYsOC4yN2ExLjM3NywxLjM3NywwLDAsMC0uMDQsMS45TDE5LjkyMywyNS4xYTEuMzgsMS4zOCwwLDEsMCwxLjk1NC0xLjk0OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMuNDgxIDYuNzI4KSIgZmlsbD0iI0ZGRiIgc3Ryb2tlPSIjRkZGIiBzdHJva2Utd2lkdGg9IjAuNSIvPjxwYXRoIGQ9Ik00NywyNUEyMiwyMiwwLDEsMSwyNSwzLDIyLDIyLDAsMCwxLDQ3LDI1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMgLTMpIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIzIi8+PC9nPjwvc3ZnPg==);
		background-size: 100%;
		display: block;
		}
	
	.slick-next:before,
	.slick-next:before  {
		background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NyIgaGVpZ2h0PSI0NyIgdmlld0JveD0iMCAwIDQ3IDQ3Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjUgMS41KSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSI+PHBhdGggZD0iTTE4Ljk2MSwxNS44NDRsLTcuMy03LjNBMS4zOCwxLjM4LDAsMSwxLDEzLjYxLDYuNmw4LjI3Niw4LjI3YTEuMzc3LDEuMzc3LDAsMCwxLC4wNCwxLjlMMTMuNjE2LDI1LjFhMS4zOCwxLjM4LDAsMCwxLTEuOTU0LTEuOTQ4WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNi45ODEgNi43MjgpIiBmaWxsPSIjRkZGIiBzdHJva2U9IiNGRkYiIHN0cm9rZS13aWR0aD0iMC41Ii8+PHBhdGggZD0iTTMsMjVBMjIsMjIsMCwxLDAsMjUsMywyMiwyMiwwLDAsMCwzLDI1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMgLTMpIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIzIi8+PC9nPjwvZz48L3N2Zz4=);
		background-size: 100%;
		content: "";
		display: block;
		}
		
	}
	
.alumni-slider {

	figcaption {
	
		h3 {
			padding-top: var(--spacing-xx-small);
			font-size: var(--h4);
			}
		
		ul.directory-title-list {
			padding-left: 0;
			font-size: var(--small-1);
			margin-top: var(--spacing-minimum);
			
			li {
				line-height: var(--line-height-medium) !important;	
				}
			}
		}
	}

.mediaopps-slider,
.publications-slider {
	
	h3 {
		font-size: var(--font-size-lg);
		font-family: var(--font-sans);
		padding-top: var(--spacing-x-small);
		}
	}
	
.publications-slider {
	
	img {
		box-shadow: var(--box-shadow-light);
		}
	}

.image-gallery-wrap.image-gallery-alumni .image-gallery .slick-prev {
	
	}

.image-gallery-wrap .image-gallery .slick-slide	{
		
		}

.image-gallery-wrap.image-gallery-alumni .image-gallery .slick-slide.slick-active figure figcaption {
	display: table-row;
}

.image-gallery-wrap.image-gallery-alumni .image-gallery .slick-slide.slick-active figure .img-slide-overlay {
	display: none;
	}

//	
// Publications
//	

.preview-cards-publications a {
	
	.block-image img {
		width: 100%;
		height: auto;
		box-shadow: var(--box-shadow-light);
		}
	
	.block-content {
		
		h3 {
			padding-top: var(--spacing-x-small);
			font-size: var(--font-size-xl);
			}
		}
	}

//	
// Job Posting
//	

p.posting-company {
	font-size: var(--h3);
	font-weight: var(--font-weight-bold);
	}

p.posting-submit {
	text-align: right;
	font-style: italic;
	}

.preview-cards-wrap.preview-cards-stacked-capsules {
	
	.preview-cards.preview-cards-2up {
			
		div.preview-card {
			border: 1px solid var(--color-light-gray-border);
			padding: var(--spacing-standard);	
			
			h2 {
				padding-top: 0;
				}
			
			p {
				font-size: var(--font-size-base);
				line-height: var(--line-height-medium);
				}
			
			@media (min-width: $screen-desktop-min) {
				grid-column: span 6;
				}
			
			@media (min-width: $screen-large-desktop-min) {
				grid-column: span 6;
				}	
			}
		}
	}	

//	
// Start Your Story Footer
//

.start-your-story {
	background-color: #002e69;
	padding-top: var(--spacing-medium-large);
	padding-bottom: var(--spacing-standard);
	
	.container {
		display: grid;
		grid-gap: 0 3vw;
		grid-template:
			"story-image" 
			"story-actions";
			
		@media (min-width: 730px) {
			padding-top: var(--spacing-large);
			padding-top: var(--spacing-medium-large);
			}
		
		@media (min-width: $screen-tablet-min) {
			grid-template:
				"story-image story-actions" / 2.5fr 7.5fr;
			}
			
		@media (min-width: $screen-desktop-min) {
			grid-template:
				"story-image story-actions" / 2.5fr 7.5fr;
			}
		}
	}

div.start-your-story-image {
	grid-area: story-image;
	display: none;
	
	img {
		width: 100%; 
		height: auto;
		}
	
	@media (min-width: $screen-tablet-min) {
		display: block;
		}
	}

div.start-your-story-actions {
	grid-area: story-actions;
	display: flex;
	width: 100%;
	align-items: flex-start;
	flex-wrap: wrap;
	position: relative;
	padding-top: var(--spacing-large);
	
	@media (min-width: $screen-desktop-min) {
		flex-wrap: nowrap;
		}
	
	&::before {
		content: '';
		height: 2px;
		background-color: var(--ps-keystone-yellow-500);
		display: block;
		margin-top: 0;	
		position: absolute;
		left: calc(-1 * var(--spacing-maximum));
		width: calc(100% + var(--spacing-maximum));
		top: var(--spacing-standard);
		}
	
	.cta-text {
		flex-grow: 0;
		
		p.h2 {
			padding-top: var(--spacing-x-small);
			
			@media (min-width: $screen-large-desktop-min) {
				padding-top: var(--spacing-small);
				}
			}
		}
	
	.cta-actions {
		flex-grow: 1;
		display: flex;		
		justify-content: flex-start;
		flex-wrap: wrap;
		
		@media (min-width: $screen-large-mobile-min) {
			flex-shrink: 0;
			}
		
		@media (min-width: $screen-desktop-min) {
			justify-content: flex-end;
			
			.button {
				font-size: var(--font-size-lg);
				padding: var(--spacing-x-small) var(--spacing-medium-small);
				}
			}
		
		@media (min-width: $screen-large-desktop-min) {
			
			.button {
				font-size: var(--font-size-xl);
				padding: var(--spacing-small) var(--spacing-medium-large);
				}
			}
		}
	
	.button.button-subtle {
		border: 1px solid var(--white);
		color: var(--white);
		}
	}

h2, p.h2 {
	font-size: var(--h2);
	}

.preview-cards-wrap.preview-cards-textCards.preview-cards-media-center-news {
	
	a.block .block-content p.eyebrow.eyebrow-category {
		padding-top: 0;
		font-weight: var(--font-weight-bold);
		color: var(--ps-discovery-salmon-600);
		}
	
	a.block .block-content p.post-date {
		font-size: var(--font-size-xl);
			}
	
	a.block .block-content h3 {
		padding-top: var(--spacing-xx-small);
		}
	}

ul.tag-list {
	font-size: var(--small-2);
	}

.event-details p.event-speaker,
.col-event-individual p.event-speaker {
	padding-top: var(--spacing-minimum);
	font-size: var(--h5);
	padding-bottom: var(--spacing-minimum);
	font-weight: var(--font-weight-medium);
	color: var(--color-primary-header);
	font-family: var(--font-serif);
	line-height: var(--line-height-medium);
	}

.col-event-individual p.event-speaker {
	font-size: var(--h3);
	padding-top: 0;
	}
	
//	
// Event Item with Year
//

p.past-event-alert {
	line-height: var(--line-height-medium);
	display: inline-block;
	color: var(--ps-danger-red);
	font-weight: var(--font-weight-medium);
	margin-bottom: var(--spacing-small);
	padding-top: var(--spacing-xx-small);	
	}

.new-events {

	.event-feed-event .date {
		
		@media (min-width: $screen-tablet-min) {
			padding-left: 0;
			padding-right: var(--spacing-medium-small);	
			}
		
		@media (min-width: $screen-desktop-min) {
			width: 12.5%;
			}
		
		@media (min-width: $screen-large-desktop-min) {
			width: 10%;
			}
			
		div {
			background:	linear-gradient(to top, var(--ps-pugh-blue-50) 0%,#ffffff 100%);
			}
			
		.month {
			font-size: var(--font-size-lg);
			background: var(--ps-creek-100);
			border-bottom: 1px solid var(--white);
			}
		
		.day {
			font-size: var(--h4);
			padding-top: var(--spacing-minimum);
			line-height: var(--line-height-medium);
			width: auto;
			height: auto;
			border: none;
			border-radius: unset;
			
			@media (min-width: $screen-desktop-min) {
				width: auto;
				height: auto;
				}
			}
		
		.year {
			font-size: var(--font-size-base);
			padding-top: 0;
			}
					
		}
	}
	
/*------------------------------------------------
	
	BELLISARIO TIMELINE

---------------------------------------------------------- */
.timeline-container {
  width: 800px;
  padding: 50px 0;
  margin: 50px auto;
  position: relative;
  overflow: hidden;
  }

.timeline-container:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1px;
  width: 2px;
  height: 100%;
  background: #CCD1D9;
  z-index: 1;
  }

.timeline-block {
  width: 408px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  -moz-box-pack: justify;
  justify-content: space-between;
  clear: both;
  }

.timeline-block-right {
  float: right;
  }

.timeline-block-right .timeline-content {
  text-align: left;
  }

.timeline-block-left {
  float: left;
  direction: rtl;
  }
  
.timeline-block-left .timeline-content {
  text-align: right;
  }

.marker {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #F5F7FA;
  background: #3DCBFF;
  margin-top: 25px;
  z-index: 9999;
  }

.timeline-content {
  width: 95%;
  padding: 15px;
  }

.timeline-content.bellisario-complete {
  background-color: rgba(195, 226, 248, 0.5);
  }

.timeline-content h3 {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 25px;
  font-weight: 500;
  padding-top: 0;
  }

.timeline-content span {
  font-size: 1.25rem;
  color: #205EA3;
  }

.timeline-content p {
  font-size: 1rem;
  line-height: 1.5;
  word-spacing: 1px;
  direction: ltr;
  padding-top: var(--spacing-xx-small);
  }

@media screen and (max-width: 56.25rem) { /* 760 */
	
  .timeline-container {
		width: 100%;
		}
  
  .timeline-container:before {
		left: 8px;
		width: 2px;
		}
  
  .timeline-block {
		width: 100%;
		margin-bottom: 30px;
		}
  
  .timeline-block-right {
		float: none;
		}
  
  .timeline-block-right .timeline-content {
		text-align: left;
		}
	
  .timeline-block-left {
		float: none;
		direction: ltr;
		}
  
  .timeline-block-left .timeline-content {
		text-align: left;
		}
	}

.media-grid {
	padding-top: var(--spacing-standard);
		
	@media (min-width: $screen-large-mobile-min) {
		
		.element {
			margin-top: 0;
			}
		}
	
	p.media-grid-video-label {
		font-size: var(--font-size-lg);
		font-weight: var(--font-weight-bold);
		line-height: var(--line-height-medium);
		padding-top: var(--spacing-minimum);
		}
	}

.grid-display {
	
	@media (min-width: $screen-large-mobile-min) {
		display: grid;
		grid-gap: var(--spacing-standard);
		}
	}

.grid-columns-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	}

.grid-columns-3 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	
	@media (min-width: $screen-desktop-min) {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		}
	}			
		
.grid-columns-4 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	
	@media (min-width: $screen-desktop-min) {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		}
	}			

.grid-columns-5 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	
	@media (min-width: $screen-desktop-min) {
		grid-template-columns: repeat(5, minmax(0, 1fr));
		}
	}

.grid-columns-6 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	
	@media (min-width: $screen-desktop-min) {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		}
	
	@media (min-width: $screen-large-desktop-min) {
		grid-template-columns: repeat(6, minmax(0, 1fr));
		}
	}

//	
// Media Effects Lab People
//		
	
.directory-grid-alumni-notes .alumni-note-capsule {
	display: block;
	
	.directory-item-image {
		float: right;
		margin-bottom: 0;
		margin-left: 0.5rem;
		
		img {
			width: 90px;
			height: auto;
			border-radius: 50%;
			}
		}
	}
	
.directory-item-capsule {
	display: grid;
	column-gap: var(--spacing-standard);
	row-gap: var(--spacing-small);	
	grid-template-columns: auto;
	grid-template-rows: auto;
	grid-template-areas:
	"image"
	"content";
	padding: var(--spacing-standard) 0;
	border-bottom: 1px solid var(--color-standard-border);

	@media (min-width: $screen-tablet-min) {
		grid-template-columns: 2fr 1fr;
		grid-template-areas: "content image";
		}

	@media (min-width: $screen-large-desktop-min) {
		grid-template-columns: 3fr 1fr;
		}
	
	.contact-block {
		margin-bottom: 0;
		}
	
	p.eyebrow.eyebrow-category {
		font-size: var(--font-size-xl);
		}
	
	p.eyebrow + h3 {
		padding-top: 0;
		}
	
	h3 {
		padding-top: var(--spacing-small);
		
		+ b {
			margin-top: var(--spacing-small);
			}
		}
	
	ul.directory-title-list {
		list-style-type: none;
		padding-left: 0px;
		color: var(--primary-text-color);
		
		li {
			font-size: var(--h6);
			margin-bottom: var(--spacing-x-small);
			}
		}
	
	p {
		font-size: var(--font-size-lg);
		padding-top: var(--spacing-small);
		}
	
	.directory-item-header-content {
		grid-area: content;
		}
		
	.directory-item-image {
		grid-area: image; 
		
		img {
			width: 50%;
			height: auto;
			
			@media (min-width: $screen-tablet-min) {
				width: 100%;
				}
			}
		}
	
	}

//	
// Alumni Notes
//		

.component-id-296021 + .button-wrap {
	padding-top: 0;
	}

.directory-grid-alumni-notes { /* snippet on alumni landing page */
	margin-bottom: 0;
	
	@media (min-width: $screen-tablet-min) {

		.directory-item-capsule {
			border-bottom: none;
			}
		}
	
	a.alumni-note-capsule {
		
		h3 {
			padding-top: 0;
			}
			
		p {
			line-height: var(--line-height-medium);		
			}
	
		&:hover {
			text-decoration: none;
			
			h3, p.eyebrow {
				text-decoration: underline;
				}
			}
		}
	}

.entry_type_alumniNote {
	
	p.eyebrow-category {
		font-size: var(--h4);
		}
	
	h1 {
		padding-bottom: 0;
		padding-top: 0;
		
		+ p {
			padding-top: var(--spacing-xx-small);	
			}
		
		}
	
	.alumni-note-capsule {
		display: flex;
		flex-direction: column;
		}	
	
	.directory-entry-image {
		order: 1;
		
		img {
			width: 100%;
			height: auto;
			}
		}
	
	.directory-entry-header-content {
		order: 2;
		}
	
	@media (min-width: $screen-tablet-min) {
		
		.alumni-note-capsule {
			flex-direction: row;
			column-gap: var(--spacing-standard);
			}	
		
		.directory-entry-image {
			width: 33.33%;
			order: 2;
			}
		
		.directory-entry-header-content {
			width: 66.66%;
			order: 1;
			}
		}
	}
		
.alumni-note-capsule {
	
	p.eyebrow-category {
		color: var(--color-primary-header);
		padding-top: var(--spacing-medium-small);
		
		span {
			font-style: italic;
			}
		}
	
	h3 + p {
		padding-top: var(--spacing-minimum);
		}
	
	p.note-posted {
		font-family: var(--font-serif);
		font-style: italic;
		}
	}

//	
// Accreditation
//

.bellisario-accreditation {

	.full-width-nav .more-menu-buttons {
		display: none;
		}
	
	@media (min-width: $screen-tablet-min) {
		
		.full-width-nav .brand-cta .more-menu-buttons {
			display: none;
			}
		}
	
	@media (min-width: $screen-desktop-min) {
		
		.full-width-nav .primary-nav-bar {
			display: none;
			}
		}
		
	.component-text ul li a[href$=".pdf"]::after {
		content: "";
		height: 21px;
		width: 17px;
		background: url(/assets/components/img/doc-icon-pdf.svg) no-repeat;
		background-size: contain;
		background-position: center top;
		display: inline-block;
		position: relative;
		margin-left: var(--spacing-minimum);
		vertical-align: text-bottom;
		}
	
	a.button[href$=".pdf"]::after,
	.preview-cards-textCards a.pdf h2::after {
		content: "";
		height: 28px;
		width: 23px;
		background: url(/assets/components/img/doc-icon-pdf.svg) no-repeat;
		background-size: contain;
		background-position: center top;
		display: inline-block;
		position: relative;
		margin-left: var(--spacing-xx-small);
		vertical-align: text-bottom;
		}
	}

//	
// Student Org Cards
//

.channel-listing-studentOrganizations {
	
	.capsule-details {
		
		h4 {
			font-size: var(--h6);
			padding-top: var(--spacing-small);
			}
		
		ul {
			list-style-type: disc;
			margin-bottom: 0;
			
			li {
				margin: var(--spacing-xx-small) 0;
				}
			}
		}
	}

//	
// Student Reps -> Fellows and Mentors
//

#student-reps {
	
	&.accordion-content dl.faq dt button[aria-expanded=true] span {
		/* padding-bottom: var(--spacing-small); */
		}
	
	&.accordion-content h3 {
		font-size: var(--h5);
		padding-top: var(--spacing-small);
		
		em {
			font-style: normal;
			font-weight: var(--font-weight-regular);
			font-size: var(--font-size-xl);
			}
		}
	
	dt button span {
		display: grid;
		grid-template-columns: 2fr 4fr;
		align-items: flex-start;
		grid-gap: var(--spacing-standard);
		
		@media (min-width: $screen-large-mobile-min) {
			grid-template-columns: 1fr 5fr;
			}
		
		.item-overview {
			
			p.student-major-minor {
				line-height: var(--line-height-medium);
				font-size: var(--font-size-lg);
				padding-top: var(--spacing-xx-small);
				}			
			}
		
		.item-image {
			
			img {
				width: 100%;
				height: auto;
				}
			}
		}
	}
					

//	
// Breadcrumb Limit Test (for Core)
//	

ol.breadcrumb { /* line-clamp not official spec, 2026 */
	max-width: 100%;
	width: 100%;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	margin: var(--spacing-medium-small) 0 var(--spacing-large) 0;
	}

ol.breadcrumb > li {
	display: inline;
	line-height: var(--line-height-medium);
	}
	
/* testing - already put on core */
.preview-cards-wrap.preview-cards-textCards {
	
	a.block {
		padding: var(--spacing-standard) var(--spacing-x-large) var(--spacing-standard) var(--spacing-standard);
		background-color: var(--ps-limestone-gray-0);
		transform: var(--link-transition);
		border: 2px solid var(--ps-limestone-gray-100);
		height: 100%;
		display: flex;
		align-items: center;
		}
	}

.grid-preconfigured-one-to-two > div:nth-of-type(1),
.grid-preconfigured-two-to-one > div:nth-of-type(2),
.grid-preconfigured-one-to-three > div:nth-of-type(1),
.grid-preconfigured-three-to-one > div:nth-of-type(2)  {
	
	.latest-news-new-feed {
		
		@media (min-width: $screen-desktop-min) {
			flex-flow: column;
			
			a {
				width: 100%;
				}
			}
		}
	}

//	
// Content Warnings for Mismatched Containers and Component Groups
//	

section.content-warnings {
	width: calc(100% - 2 * var(--spacing-standard));
	padding: var(--spacing-large);
	background: var(--white);
	border: var(--spacing-x-small) solid var(--ps-danger-red);
	position: absolute;
	top: 0;
	z-index: 99999;
	margin: var(--spacing-standard);
	
	h2.text-warning {
		color: var(--ps-danger-red);
		}
	}			

//	
// Test of Image in Text Slider
//	

.slide-card {
	
	.slide-card-format {
		grid-gap: var(--spacing-small);
		flex-direction: column;
		justify-content: flex-start;
		
		@media (min-width: $screen-tablet-min) {
			grid-gap: var(--spacing-standard);
			flex-direction: row;
			flex: 0 0 100%;
			}
				
		.slide-card-image {
			width: 100%;
						
			@media (min-width: $screen-tablet-min) {
				width: 15%;
				justify-items: center;
				}
			
			img {
				height: 120px;
				width: auto;
				}
				
			@media (min-width: $screen-tablet-min) {
				
				img {
					height: auto;
					max-height: 240px;
					width: auto;
					max-width: 100%;
					}
				}
			}		
		
		.slide-card-image + .slide-card-content {

			@media (min-width: $screen-tablet-min) {
				width: 85%;
				}
			}
		}
	}