/*Layout CSS*/
.academics-media-media {
	display: none !important;
}
.academics-media-caption-wrapper {
	background-size: cover;
	background-repeat: no-repeat;
	box-shadow: 0px 0px 0px 2px white inset;
	border: none;
}
.academics-media-row  {
	width: 100%;
	max-width: 100%;
	--bs-gutter-x: 0px !important;
}
@media screen and (max-width: 767px) {
.academics-media-row {
	margin-left: 0px !important;
	margin-right: 0px !important;
}
}
.academics-media-col {
	padding: 0px !important;
}
.academics-wide-col .academics-media-caption-wrapper {
	height: 600px;
	width: 100%;
}
.academics-narrow-col .academics-media-caption-wrapper {
	height: 600px;
}
.academics-media-short-subcol .academics-media-caption-wrapper {
	height: 300px;
}
/*Desktop Layout*/
 @media screen and (min-width: 768px) {
.academics-wide-col {
	flex: 0 0 50% !important;
	max-width: 50% !important;
}
.academics-short-col {
	flex: 0 0 25% !important;
	max-width: 50% !important;
}
.academics-narrow-col {
	flex: 0 0 25% !important;
	max-width: 50% !important;
}
.academics-short-col .academics-media-caption-subwrapper {
	padding: 15px;
}
}
/*End Desktop Layout*/

/*Mobile Layout*/
 @media screen and (max-width: 767px) {
 	.academics-media-col {
 		display: block;
 		flex: none !important;
 		width: 100% !important;
 		max-width: 100% !important;
		height: 300px !important;
 	}
 	.academics-media-col .academics-media-caption-wrapper {
 		height: 300px !important;
		width: 100%;
 	}
	.academics-short-col {
		height: 600px !important;
		width: 100%;
	}
	/*.field--name-field-component-header + .academics-media-wrapper {
		margin-top: 60px;
	}*/
 }
/*End Mobile Layout*/
/*End Layout CSS*/

/*Text CSS*/
.academics-media-caption-subwrapper {
	color: #000000;
}
.academics-media-caption-preheader {
	font-size: 14px;
	padding-bottom: 15px;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 1px;
}
@media screen and (min-width: 768px) {
.academics-media-caption-text {
	font-size: 20px;
}
}
@media screen and (max-width: 767px) {
.academics-media-caption-text {
	font-size: 16px;
}
}
@media screen and (max-width: 767px) {
	.academics-media-caption-text {
		margin-right: 90px;
	}
}
@media screen and (min-width: 768px) {
	.academics-wide-col .academics-media-caption-text {
		margin-right: 90px;
	}
	.academics-short-col .academics-media-caption-text {
		margin-right: 50px;
		font-size: 14px;
	}
	.academics-narrow-col .academics-media-caption-text {
		margin-right: 50px;
	}
}
.academics-media-col .academics-media-caption-subwrapper {
	position: relative;
	text-align: left;
}
/*End Text CSS*/

/*Background Transparency CSS*/
.academics-media-caption-wrapper {
  position: relative;
}

/*.academics-media-caption-wrapper .field {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
  position: relative;
}

.academics-media-caption-wrapper:hover .field {
  opacity: 1;
  visibility: visible;
}
.academics-media-caption-wrapper:focus .field {
  opacity: 1;
  visibility: visible;
}
.academics-media-caption-wrapper:focus-within .field {
  opacity: 1;
  visibility: visible;
}
.academics-media-caption-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.95);
  opacity: 0;
  transition: opacity 0.3s;
  box-shadow: none;
}
.academics-media-caption-wrapper:hover::before {
  opacity: 1;
}
.academics-media-caption-wrapper:focus::before {
  opacity: 1;
}
.academics-media-caption-wrapper:focus-within::before {
  opacity: 1;
}*/
.academics-media-caption-wrapper > * {
  position: relative;
}
/* Set other styles for child elements */
/*End Background Transparency CSS*/
/*Media Queries*/
/*Desktop Queries*/
@media screen and (min-width: 768px) {
.academics-wide-col .academics-media-caption-subwrapper {
	top: 80px;
	left: 64px;
	right: 252px;
	bottom: 80px;
}
.academics-media-short-subcol .academics-media-caption-subwrapper {
	position: relative;
	left: 15px;
	top: 15px;
}
.academics-narrow-col .academics-media-caption-subwrapper {
	position: relative;
	left: 15px;
	top: 15px;
}
.academics-wide-col button .academics-media-caption-subwrapper {
	top: 0px;
}
.academics-narrow-col button .academics-media-caption-subwrapper {
	top: 0px;
}
}
/*End Desktop Queries*/

/*Mobile Queries*/
@media screen and (max-width: 767px) {
.academics-media-caption-subwrapper {
	left: 10%;
	/*top: 10%;*/
}
.paragraph--type--academics-gallery-media  {
	margin-bottom: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.paragraph--type--academics-gallery-media.last-post-content-paragraph {
	margin-bottom: -5px !important;
}
}
/*End Mobile Queries*/
/*Adding Desktop Breakpoints*/
@media screen and (max-width: 1300px) and (min-width: 768px) {
	.academics-wide-col .academics-media-caption-wrapper {
		height: 400px;
		width: 100%;
	}
	.academics-media-short-subcol .academics-media-caption-wrapper {
		height: 200px;
		width: 100%;
	}
	.academics-short-col .academics-media-caption-text {
		font-size: 12px !important;
	}
}
@media screen and (max-width: 1700px) and (min-width: 1301px) {
.academics-wide-col .academics-media-caption-wrapper {
	height: 500px;
	width: 100%;
}
.academics-media-short-subcol .academics-media-caption-wrapper {
	height: 250px;
	width: 100%;
}
}
/*End Adding Desktop Breakpoints*/
/*End Media Queries*/
/*Hiding last column on mobile by default*/
	    .academics-media-see-more {
	         display: none;
	         cursor: pointer;
	         color: #4C2E15;
	         text-decoration: none;
			 background-color: #FFE41E;
			 text-align: center;
			 position: relative;
			 top: -5px;
			 width: 100%;
			 padding-top: 10px;
			 padding-bottom: 10px;
			 font-style: normal;
			 font-weight: 400;
			 font-size: 16px;
			 line-height: 24px;
	       }
	@media (max-width: 767px) {
    .academics-media-see-more {
         display: block;
         cursor: pointer;
         color: #4C2E15;
         text-decoration: none;
		  background-color: #FFE41E;
		  text-align: center;
		  position: relative;
		  top: -5px;
		  width: 100%;
		  padding-top: 10px;
		  padding-bottom: 10px;
		  font-style: normal;
		  font-weight: 400;
		  font-size: 16px;
		  line-height: 24px;
       }
   }
   /*End of hiding mobile columns*/
   
   /*Button CSS*/
   .academics-media-caption-wrapper .gallery-hover-plus {
   	position: absolute;
   	top: 20px;
   	right: 20px;
   	height: 35px;
   	width: 35px;
   	text-align: center;
   	padding: 2px;
   	background-color: #FFE41E;
   	border-radius: 50%;
   }
   .academics-media-caption-wrapper:hover .gallery-hover-plus {
   	display: none;
   }
   @media screen and (min-width: 768px) {
   	.academics-media-caption-wrapper .gallery-hover-plus {
   		display: none;
   	}
   }
   /*End Button CSS*/
   /*New Opacity CSS*/
   /* Default state */
   .academics-media-caption-wrapper .field {
     opacity: 0;
     visibility: hidden;
	 transition: opacity 0.3s, visibility 0.3s;
   }

   .academics-media-caption-wrapper::before {
     opacity: 0;
   }

   /* When the button is clicked, apply styles */
   .academics-media-caption-wrapper.clicked {
	   /*background-image: unset !important;*/
	   /*background-color: #ffffff;*/
	   /*background: rgba(255, 255, 255, 0.95);*/
	   transition: opacity 0.3s;
   }
   .academics-media-caption-wrapper.clicked .field {
     opacity: 1;
     visibility: visible;
   }

   .academics-media-caption-wrapper.clicked::before {
     opacity: 1;
   }
   .academics-media-caption-wrapper.clicked:focus::before {
     opacity: 1;
   }
   .academics-media-caption-wrapper.clicked:focus-within::before {
     opacity: 1;
   }
   .academics-media-caption-text a {
       pointer-events: auto;
       display: inline;
       visibility: visible;
   }
   /*End New Opacity CSS*/
  .academics-media-caption-wrapper::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(255, 255, 255, 0.95);
     opacity: 0;
     transition:
   opacity 0.3s;
     box-shadow: none;
   }
   /*Additional CSS*/
   .academics-media-caption-wrapper {
	   width: 100% !important;
   }
   /*End Additional CSS*/