a.newsletter[rel=external]::after{
	display: none;
}

legend{
	font-size: 17px;
}

input[type=text], textarea{
	width: 100%;
}

#Zoom, #Room, #Recurring-Dates, #Location_Zoom_Link, #Outside_Readings_Details{
    display: none;   
}

input[value="Online"]:checked ~ #Zoom, input[value="In-person"]:checked ~ #Room, input[value="Yes"]:checked ~ #Recurring-Dates, input[value="No"]:checked ~ #Location_Zoom_Link, input[value="Yes"]:checked ~ #Outside_Readings_Details {
    display: block;
}

.icSliderContainer{
	background-color: #E1E1E8;
	margin-bottom: 1.5rem;
}

.department #contentcontainer .details .block h3{
	text-align: center;
	margin-top: 0;
}

/*Calendar items*/

.hero{
	/*display: none;*/
	min-height: initial;
}

.hero img{
    display: none;
}

.hero:after{
	display: none;
}

#hero-title, #hero-subtitle, .export-controls{
	display: none;
}

.hero-text{
	margin-bottom: 0.2em;
}

/*.hero+.wrapper{
	top: initial;
}*/

.ctx-calendar-image-hover {
  width: 200px;
  height: 200px;
  background-image: url('/faculty-staff/ctx/_includes/images/Calendar_Icon_II.jpg'); /* Replace with your image URLs */
  transition: background-image 0.5s ease-in-out;
  background-size: contain;
  margin: 0 auto;
}

.ctx-calendar-image-hover:hover {
  background-image: url('/faculty-staff/ctx/_includes/images/CTX-Calendar.jpg'); /* Replace with your image URLs */
}

.newsletter-image-hover {
  width: 200px;
  height: 200px;
  background-image: url('/faculty-staff/ctx/_includes/images/TheSpark_Blue.png'); /* Replace with your image URLs */
  transition: background-image 0.5s ease-in-out;
  background-size: contain;
  margin: 0 auto;
}

.newsletter-image-hover:hover {
  background-image: url('/faculty-staff/ctx/_includes/images/TheSpark_White.png'); /* Replace with your image URLs */
}


/* End Calendar items*/

/* Image Swap on RSI page */
.swap-container {
  position: relative; /* Essential for positioning the second image on top */
  height: 200px; /* Set dimensions */
  width: 200px;
}

.swap-container img {
  position: absolute; /* Stack the images */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.5s ease; /* Smooth transition for the swap */
}

.hover-image {
  opacity: 0; /* Hide the second image by default */
}

.swap-container:hover .hover-image {
  opacity: 1; /* Show the second image on hover */
}

.swap-container:hover .main-image {
  opacity: 0; /* Hide the main image on hover */
}
/* End Image Swap on RSI page */

/* RSI Buttons font resize on RSI_Focus_Tips.pcf page */
.rsi_buttons p{
	font-size: 16px;
}
/* End RSI font resize */
	
@media (max-width: 992px) {
	.icSliderContainer{
		margin-bottom: 3.4rem;
	}
	
	.department #contentcontainer .icSliderContainer img {
		margin-top: 0;
	}
	
}