/*
Theme Name: School of Theatre and Music
Description: The 2021 University of Illinois at Chicago - School of Theatre and Music website.
Author: Daniel Miller
Author URI: https://mllr.nyc
Version: 2.0

This theme is property of University of Illinois at Chicago College of Architecture, Design, and the Arts and is not available for public use.
*/

#hero-pop {
	z-index: 9999999 !important;
}

h1 {
	/* font-size: 80px;
	font-size: 8rem;
	font-size: calc(1rem + 4.861vw); */
	font-size: 5.2rem;
	line-height: .875em;
}

h2, section.details h1.heading-visible, h1.hero-title, section.intro h1 {
	/* font-size: 72px;
	font-size: 7.2rem;
	font-size: calc(1rem + 4.306vw); */
	font-size: 5.2rem;
	line-height: .875em;
}

h2.home-header {
	font-size: 28px;
	font-size: 2.8rem;
	line-height: 34px;
	/* font-size: calc(1rem + 1.111vw); */
}

h3, .home-desc .slide-title h3 {
	font-size: 28px;
	font-size: 2.8rem;
	/* font-size: calc(1rem + 1.806vw); */
	line-height: 1;
	color: #000000;
}

h4 {
	font-size: 28px;
	font-size: 2.8rem;
	/* font-size: calc(1rem + 1.250vw); */
	line-height:1em;
}

body, p, .content p, section p, .content li, section li, .wp-block-table,
.flex-button a, .flex-button-arrow a, .wp-block-button__link, a.button,
.side-nav .menu-items, .side-nav .menu-items a,
.back-link p, .back-link a p, .back-link a {
	font-size: 28px;
	font-size: 2.8rem;
	/* font-size: calc(1rem + 1.250vw); */
	line-height: 1.2em;
}

.slideCount {
	font-size: 28px;
	font-size: 2.8rem;
	/* font-size: calc(1rem + 1.111vw); */
}

@media (max-width: 1024px) and (min-width: 769px) {
  h1 {
	  font-size: 56px;
	  font-size: 5.6rem;
	  line-height: .875em;
  }

  h2, section.details h1.heading-visible, h1.hero-title, section.intro h1 {
	  /* font-size: 56px;
	  font-size: 5.6rem;
	  font-size: calc(1rem + 4.492vw); */
	  font-size: 5.2rem;
	  line-height: .875em;
  }

  h3, .home-desc .slide-title h3 {
	  font-size: 26px;
	  font-size: 2.6rem;
	  line-height: .8em;
  }

  h4 {
	  font-size: 24px;
	  font-size: 2.4rem;

  }
  body, p, .content p, section p, .content li, section li, .wp-block-table,
  .flex-button a, .flex-button-arrow a, .wp-block-button__link, a.button,
  .side-nav .menu-items, .side-nav .menu-items a {
	  font-size: 28px;
	  font-size: 2.8rem;

  }
}
@media (max-width: 768px) {
  h1 {
	  font-size: 34px;
	  font-size: 3.4rem;
	  line-height: .875em;
  }
  h2, section.details h1.heading-visible, h1.hero-title, section.intro h1 {
	  font-size: 34px;
	  font-size: 3.4rem;
	  line-height: .875em;
  }
  h2.home-header {
		font-size: 20px;
		font-size: 2rem;
	}
  h3, .slide-title, .home-desc .slide-title h3 {
	  font-size: 20px;
	  font-size: 2rem;
	  line-height: 1em;
  }
  h4 {
	  font-size: 20px;
	  font-size: 2rem;
  }
  body, p, .content p, section p, .content li, section li, .wp-block-table,
  .flex-button a, .flex-button-arrow a, .wp-block-button__link, a.button,
  .side-nav .menu-items, .side-nav .menu-items a {
	font-size: 20px;
	  font-size: 2rem;
  }

  body, p, .content p, section p, .content li, section li, .wp-block-table,
  .flex-button a, .flex-button-arrow a, .wp-block-button__link, a.button,
  .side-nav .menu-items, .side-nav .menu-items a,
  .back-link p, .back-link a p, .back-link a {
	  font-size: 2rem;
  }

}

.page-template-news-page #content,
.page-template-events-page #content {
	padding: 0 40px 0 20px;
}

.event-border {
	width: 100%;
	height: 0.75px;
	background-color: #9b9b9b;
}

.event-border:last-child {
	opacity: 0;
}

.single-news section.details,
.single-people section.details,
.single section.details {
	padding-bottom: 80px;
}

@media(max-width: 768px){
	.slideCount {
  	font-size: 20px;
  	font-size: 2rem;
  	/* top: -65px;
  	right: 90px; */
	}

	#content, .page-template-news-page #content, .page-template-events-page #content {
		padding: 0 15px;
	}

	.department-name {
		padding-top: 10px;
	}

	.single-news section.details,
	.single-people section.details,
	.single section.details,
	.single-event #content {
		padding-bottom: 0;
	}
}

@media(min-width: 1440px) {
	h1, h2, section.details h1.heading-visible, h1.hero-title, section.intro h1 {
		/* font-size: 7.2rem; */
		font-size: 5.2rem;
		line-height: .95em;
	}

	h2.home-header {
		font-size: 3.8rem;
		padding-top: 2px;
	}

	h3.home-header, .slideCount, button.slick-next.slick-arrow,
	h3, .home-desc .slide-title h3, .home-container .slick-arrow,
	.degree-buttons a.button {
		font-size: 3.8rem;
	}

	.home p.dept, .home-desc .news-school p {
		font-size:24px;
		font-size: 2.4rem;
		line-height: 2.8rem;
	}

	#calendar p.dept {
	  font-size: 24px;
	  line-height: 24px;
	}

	p.found-search span.main::before {
		margin-top: 10px;
	}

	.page-template-calendar-page h2 {
		font-size: 40px;
		line-height: 42px;
	}

	.home-events .slideCount, .home-news .slideCount {
		right: 150px !important;
		top: 1px;
	}

	.next.slick-arrow, .event-next.slick-arrow, .news-next.slick-arrow {
		padding: 7px 10px 5px 10px;
	}

	/* p, body, p, .content p, section p, .content li, section li, .wp-block-table, .flex-button a, .flex-button-arrow a, .wp-block-button__link, a.button, .side-nav .menu-items, .side-nav .menu-items a, .back-link p, .back-link a, .back-link a p {
		font-size: 3.8rem;
		line-height: 1.2em;
	} */

	/* .back-link span {padding-left: 35px;} */

}
.menu-item.secondary a:hover {
	text-decoration: underline !important;
}
#menu-people-2,
#menu-people-2.secondary-sibling {
	display: none !important;
	opacity: 0 !important;
}

#calendar .inside-search-menu input[type="submit"] {
  height: 40px;
  padding: 7px 5px 5px 5px;
}

a.logo span {
	font-size: 20px;
	line-height: 53px;
}

@media (min-width: 1440px){
	a.logo span {
		font-size: 24px;
		line-height: 55px;
	}
}

@media(min-width: 768px) {
	.page-id-1643 .main-container,
	.page-id-1649 .main-container {
		flex-direction: row-reverse;
	}
	.page-id-1643 #content,
	.page-id-1649 #content {
		width: 65%;
		min-width: 65%;
	}
}