/* -- DESKTOP -- */

@media screen and (max-width: 1600px) {
	
	header nav li:last-child ul.submenu {
		width: 300px;
	}
	
}

@media screen and (max-width: 1400px) {
	
	header nav > ul li {
		padding-right: 2.25%;	
	}
	
	header nav ul.submenu li {
		font-size: 2vw;
		line-height: 2.2vw;
	}
	
	.menu-trigger {
		font-size: 2vw;
	}
	
	header.compact .menu-trigger {
		font-size: 1.7vw;
	}
	
	header.compact nav ul.submenu li {
		font-size: 1.7vw;
		line-height: 1.9vw;
	}
	
	header nav li:last-child ul.submenu {
		width: auto;
		margin-left: -50px;
	}

}

@media screen and (max-width: 1280px) {

	#header-wrap {
		padding-right: 0;
	}
	
	.intro-init header #header-wrap {
		box-sizing: border-box;
	}	

	.ui-calendar-current,
	.calendar-day-current {
		font-size: 22px;
	}

	.ui-calendar-grid {
		font-size: 18px;
		line-height: 20px;
	}
	
	.calendar-nav-arrow svg {
		width: 24px;
		height: 18px;
	}
	
	.calendar-nav-arrow svg * {
		transform: scale(.70);	
	}
	
	.event-tickets > h3 {
		margin-bottom: 30px;	
	}
		
}


/* -- TABLET -- */

@media screen and (max-width: 1050px) {
	
	:root {
		--page-pad: 40px;
		
	}
	
	#wrapper {
		padding-top: 94px;	
	}

	
	h1 {
		font-size: 33px;
		line-height: 35px;	
	}
	
	h2 {
		font-size: 26px;
		line-height: 30px;
	}

	p {

	}
	
	blockquote {
		font-size: 34px;
		line-height: 40px;
		margin: 40px 0;
	}
	
	.caption,
	figcaption {

	}
	
	header {
		position: fixed;
		top: 0;
		min-height: 90px;
		background: black;
	}
	
	header #nav-menu {
		display: none;
		flex-direction: column;
		box-sizing: border-box;
		height: calc(100vh - 90px);
		padding-bottom: 100px;
		overflow-y: auto;
		scrollbar-color: #666 black;
	}
	
	header #nav-menu::-webkit-scrollbar-track {
		background: black;
	}
	
	header #nav-menu::-webkit-scrollbar-thumb {
		background-color: #666;  
		border-radius: 6px; 
		border: 3px solid black;
	}
	
	header #nav-menu.show {
		display: block;
		padding-top: 40px;
	}
	
	header #nav-menu.show nav#secondary-nav {
		margin-top: 15px;
		font-size: 20px;
		line-height: 20px;
	}
	
	header #nav-menu li:last-child ul.submenu {
		width: auto;
		margin-left: initial;
	}
	
	header .logo {
		margin-top: 5px;	
	}
	
	header.compact .logo {
		position: relative;
		animation-name: none;
	}
	
	header.compact #nav-menu {
		padding-top: 40px;
		padding-left: 0;
	}

	header #primary-nav {
		display: block;
		height: auto !important;
		min-height: initial;
		max-height: initial;
	}
	
	header #primary-nav ul {
		display: block;
		height: auto;
	}
	
	header #primary-nav ul li {
		flex-grow: 1;
		padding: 10px 0;
	}
	
	header #primary-nav ul li .menu-trigger {
		font-size: 28px;
	}
	
	header #primary-nav ul li .menu-trigger svg {
		display: none;
	}
	
	header #primary-nav ul li.menu-open ul.submenu {
		position: relative;
		visibility: visible;
		padding-bottom: 0;
		padding-top: 10px;
		padding-left: 20px;
	}
	
	header #primary-nav ul.submenu li {
		font-size: 18px;
		line-height: 20px;
	}
		
	header #secondary-nav ul {
		display: grid;
		columns: 2;
		-moz-columns: 2;
		-webkit-columns: 2;
		grid-template-columns: 1fr 1fr;
	}
	
	header #secondary-nav ul li {
		box-sizing: border-box;
		padding: 10px 20px 20px 0;
	}
	
	header nav .arrow {
		display: none;	
	}
	
	header #menu-button {
		display: block;
		left: initial;
		right: var(--page-pad);
	}
	
	header .support-button {
		display: none;
	}
	
	.active-alert #wrapper {
		padding-top: 130px;
	}
	
	ul.grid {
		display: block;
		margin: 50px 0;
		gap: 0;
	}
	
	ul.grid > li {
		padding: 20px;
		margin-bottom: 20px;
	}
	
	.columns {
		display: block;
		gap: 0;	
	}
	
	.columns > .column {
		width: auto;
	}
	
	.intro-end header {
		height: 525px;
	}
	
	.image-list-3 {
		display: block;
	}
	
	.image-list-3 li {
		margin-bottom: 40px;
	}
	
	.filters ul li {
		margin-left: 0;
		margin-right: 5px;
	}
	
	.share-page {
		min-height: 90px;	
	}

	.share-page h2 {
		flex-grow: 1;
		font-size: 22px;
		line-height: 25px;
		padding-top: 8px;
	}
	
	.share-page ul {
		margin-top: 5px;
	}
	
	.share-page ul li a {
		width: 24px;
		height: 24px;
	}


	.page-header {
		padding-top: 30px;
		padding-bottom: 30px;	
	}
	
	.page-intro {
		flex-direction: column-reverse;	
	}
	
	.image-buttons ul,
	.image-buttons-4 ul {
		grid-template-columns: 1fr 1fr;
	}

	.image-buttons li a {
		font-size: 22px;
		line-height: 25px;
	}
	
	.timeline li .text {
		flex-basis: 65%;
	}
	
	.timeline li .image {
		flex-basis: 35%;
	}
	
	.timeline li .image figure img {
		width: 100%;
		height: auto;
	}
	
	.audio-player .audio-description {
		display: none;
	}

	.carousel .slider-controls {
		width: calc(100% - 80px) !important;	
	}
	
	.feature-box {
		box-sizing: border-box;
		grid-template: 'header' 'image' 'text';
		grid-template-rows: 1fr;
		gap: 0;
		padding: 40px 0;
		margin-left: 0;
	}

	.feature-box .header {
		margin: 0 40px;
	}
	
	.feature-box figure {
		padding: 20px 40px;
	}
	
	.feature-box .summary {
		padding: 40px;
		padding-top: 0;
	}
	
	.feature-box .button-bottom {
		width: calc(100% - 80px);
		margin-left: 40px;
		margin-bottom: 0;
	}
	
	.feature-box-white .header,
	.feature-box-white .summary,
	.feature-box-white figure {
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	}
	
	.feature-box-carousel li .feature-box {
		padding-top: 0;
		margin-bottom: 40px;
	}
	
	footer .logo {
		margin-bottom: 60px;
	}
			
	#footer-main {
		flex-direction: column;	
		padding-top: 20px;
		padding-bottom: 30px;
	}	
			
	#footer-map {
		display: none;
	}		
	
	#footer-links ul {
		columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
		padding: 60px 0 0;
	}
	
	#footer-links ul li {
		padding-right: 20px;
		padding-bottom: 20px;
		box-sizing: border-box;
		page-break-inside: avoid;
		break-inside: avoid;
		-webkit-column-break-inside: avoid;
	}
	
	#footer-bottom-cols {
		flex-direction: column;
	}
	
	#footer-bottom .site-by {
		padding-top: 20px;
		text-align: left;
	}
			
	#home-feature {
		position: relative;

		transition: height 1s;
	}

	#home-feature .slider-controls {
		width: calc(100% - 80px) !important;
	}
	
	#home-carousel .slide .heading {
		font-size: 32px;
		line-height: 36px;
	}
	
	#home-carousel .slide .label  {
		margin-top: 15px;	
	}
	
	#home-carousel .slide .subhead,
	#home-carousel .slide .label  {
		font-size: 18px;
		line-height: 21px;
	}

	#home-schedule {
		display: block;
		gap: initial;
		margin: 0;
		padding-bottom: 30px;
	}
	
	#home-schedule > div {
		flex-basis: initial;
		margin-bottom: 60px;
	}
	
	#home-schedule h3 {
		margin-bottom: 30px;	
	}
	
	#home-live-header > h3 {
		display: inline;
		font-size: 30px;
		line-height: 32px;
	}
	
	#home-live-header h2 {
		font-size: 48px;
		line-height: 57px;
	}
		
	
	#home-live-header > h2:after {
		margin: 0 0 34px 6px;
	}
	
	.video-audio-layout {
		padding-top: 50px;
		flex-direction: column;
	}
	
	.video-audio-layout h2 {
		font-size: 30px;
		line-height: 32px;	
	}
	
	.video-audio-layout .info {
		border-top: 0;	
	}
	
	#home-bottom {
		padding-top: 30px;
		padding-bottom: 30px;	
	}
	
	#home-upcoming h2 {
	
	}
	
	#home-upcoming > h2 a * {
		transform: scale(.72);
		top: -2px;
		right: -11px;	
	}
	
	#home-feature-box {
		padding-left: 0;
		padding-right: 0;
	}
	

	#home-more {
		margin-top: 50px;
		margin-bottom: 50px;
		flex-direction: column;	
	}
	
	#home-more h2 {
	
	}
	
	#home-more .item {
		min-height: 0;
		margin-bottom: 20px;	
		border-top: 1px solid black;
	}
	
	#home-email-capture .cols {
		flex-direction: column;
	}
	
	#calendar .control-header .controls {
		display: none;	
	}
	
	
	.calendar-layout {
		padding-top: 0;
		flex-direction: column;
	}
	
	.calendar-main {
		max-width: 100%;
		min-height: 0;
	}
	
	.ui-calendar-grid {
		font-size: 22px;
		line-height: 25px;
	}
	
	.ui-calendar-header {
		height: 25px;
		line-height: 25px;
		border-top: 0;
	}

	.ui-calendar-next,
	.ui-calendar-prev {
		min-width: 24px;
		width: 24px;
		height: 16px;
	}
	
	.ui-calendar-days {
		display: grid;
	}
	
	.calendar-sticky-nav {
		padding-bottom: 18px;	
	}
		
	.calendar-sticky-nav.ui-sticky {
		top: initial;
		position: relative;
	}
	
	.calendar-sticky-nav.ui-sticky-bottom {
		position: relative;
		bottom: initial;
	}
	
	.calendar-nav-day {
		padding: 10px 0;	
	}
	
	.calendar-month-layout {
		display: grid;
		grid-template: 'nav' 'main' 'button' 'filters' 'list';
		grid-template-columns: 1fr;
		padding-top: 0;
		padding-bottom: 50px;
		gap: 0;
	}

	.calendar-month-layout .ui-calendar-days {
		gap: 10px;
		border-bottom: 1px solid black;
	}
	
	.calendar-month-layout .ui-calendar-grid {
		padding-top: 20px;
	}
	
	.calendar-month-layout .ui-calendar-week {
		border: 0;
		gap: 0;
	}
	
	.calendar-month-layout .ui-calendar-week li {
		height: 0;
		padding-bottom: 100%;
	}

	.calendar-month-layout .ui-calendar-week li > a {
		position: absolute;
		width: 100%;
		top: 50%;
		margin: 0;
		transform: translateY(-50%);
	}
	
	.calendar-month-layout .ui-calendar-week li.selected {
		background: #67BFFF;
		border-radius: 50%;
	}
	
	.calendar-month-layout .ui-calendar-week li.selected > a {
		background: none;
	}
				
	.calendar-month-layout .ui-calendar-week ul {
		display: none;
	}
	
	
	.calendar-month-layout .calendar-event-list {
		display: block;
		grid-area: list;
	}
	
	.calendar-event-main {
		width: auto;
		min-height: 0;
	}
	
	.calendar-event-main h2 {
		font-size: 33px;
		line-height: 35px;
		margin: 0 0 40px;
	}
	
	.event-image {
		position: relative;
		left: initial;	
		margin: 30px 0;
	}
	
	.event-text {
		margin-top: 30px;	
	}
	
	.event-bottom {
		flex-direction: column;	
	}
	
	.watch-main .video-audio-layout {
	
		padding-bottom: 50px;	
	}
		
	.watch-browse-layout {
		display: block;
		gap: initial;
		margin-top: 50px;
	}
	
	.watch-browse-layout h2,
	.watch-categories {
		width: auto;	
	}
		
	.watch-categories ul.ui-sticky {
		position: relative;
		top: initial;
	}
	
	.watch-categories ul.ui-sticky-bottom {
		position: relative;
		bottom: initial;
	}
	
	.watch-categories {
		cursor: pointer;	
	}

	.watch-categories .menu-trigger {
		display: block;
	}
		
	.watch-categories .menu-trigger + ul {
		max-height: 0;
		padding-bottom: 0;
		overflow: hidden;
		transition: .5s;	
	}
	
	.watch-categories .menu-trigger:focus + ul {
		max-height: 15em;
		padding-bottom: 20px;
	}
	
	.watch-categories .menu-trigger:focus {
		pointer-events: none;
	}
		
	.watch-categories ul li {
		font-size: 16px;
		line-height: 20px;
	}
		
	.watch-filters {
		border-top: 0;
		padding-top: 0;
		margin-bottom: 0;
		cursor: pointer;
	}
			
	.watch-filters h5 {
		display: none;
	}
	
	.watch-filters .menu-trigger {
		display: block;	
	}
	
	.watch-filters .menu-trigger + ul {
		max-height: 0;
		padding-bottom: 0;
		overflow: hidden;
		transition: .5s;
	}
	
	.watch-filters .menu-trigger:focus + ul {
		max-height: 15em;
		padding-bottom: 10px;
	}
	
	.watch-filters .menu-trigger:focus {
		pointer-events: none;
	}
	
	.watch-results {
		border-top: 0;
	}
	
	.music-upcoming-layout {
		display: block;
	}
	
	.music-upcoming-feature {
		margin: 30px 0;	
		padding-bottom: 0;
	}

	.music-upcoming-feature .button {
		left: 0;
		width: 100%;
		bottom: -30px;
		color: var(--purple);
		border-color: var(--purple);
	}
	
	.music-upcoming-feature .button * {
		stroke: var(--purple);
	}

	.music-feature .button {
		color: var(--blue);
		border-color: var(--blue);
	}
	
	.music-feature .button * {
		stroke: var(--blue);
	}
	
	.act-header {
		height: 70px;
	}
	
	.act-header-pad {
		padding-left: 70px;
		background-size: 68px 68px;
		background-position: -5px 0;
	}

	.act-header-connect {
		padding-left: 200px;
	}
	
	.act-header h1 {
		padding: 12px 0 0 0;
		font-size: 20px;
		line-height: 22px;
		max-width: 250px;
	}
		
	.act-header-connect {
		position: absolute;
		right: -10px;
		top: 10px;
	}
	
	.act-header-connect h6 {
		display: none;
	}
	
	.act-header-connect a {
		width: 26px;
		height: 30px;
		background-size: 81px 30px;
	}
	
	.act-header-connect .connect-facebook {
		background-position: -3px 0;
	}
	
	.act-header-connect .connect-instagram {
		background-position: -29px 0;
	}
	
	.act-header-connect .connect-twitter {
		background-position: -55px 0;
	}
	
	
	.act-programs-layout {
		display: block;
	}
	
	
	.act-program-feature .feature-box {
		grid-template: 'image' 'text';
		grid-template-columns: 1fr;
		padding-top: 0;
	}
	
	.act-program-feature .feature-box figure {
		width: 100%;
		overflow: hidden;
		padding-bottom: 60px;
	}
	
	.act-program-feature .summary {
		/*max-width: 630px;*/
	}
	
	.act-program-feature .carousel .slider-controls {
		width: 100%;
	}
	
	.act-program-deadline {
		margin-top: 0;	
	}
	 
	.act-program-forms {
		display: block;
		margin-top: 80px;
		margin-bottom: 100px;
	}
	
	.search-results-layout {
		margin-top: 50px;
	}
	
	.search-layout {
		display: block;
		margin-top: 40px;
	}
	
	.search-categories {
		width: auto;	
	}
		
	.search-categories ul.ui-sticky {
		position: relative;
		top: initial;
	}
	
	.search-categories ul.ui-sticky-bottom {
		position: relative;
		bottom: initial;
	}
	
	.search-categories {
		width: auto;
		padding-bottom: 30px;
		max-width: 100%;
		cursor: pointer;	
	}
	
	.search-categories .menu-trigger {
		display: block;
	}
		
	.search-categories .menu-trigger + ul {
		width: auto;
		max-height: 0;
		padding-bottom: 0;
		overflow: hidden;
		transition: .5s;	
	}
	
	.search-categories .menu-trigger:focus + ul {
		max-height: 15em;
		padding-bottom: 20px;
	}
	
	.search-categories .menu-trigger:focus {
		pointer-events: none;
	}
		
	.search-categories ul li {
		font-size: 16px;
		line-height: 20px;
	}
	
	#staff-grid ul {
		grid-template-columns: 1fr 1fr;
	}
	
	.catc-header.compact .catc-header-pad {
		height: 140px;
	}
		
	.catc-header h1 {
		width: 144px;
		height: 63px;
		background: url('../images/pages/catc-logo-sm.svg') no-repeat;
	}
	
	.catc-header h1 span {
		display: none;	
	}
	
	.catc-header nav {
		width: 100%;
		margin-left: 0;
	}

	.catc-header.compact nav {
		padding-top: 90px;
	}
		
	.catc-header nav a {
		margin-right: 4%;
	}
	
	.catc-header nav a:last-child {
		margin-right: 0;
	}
	
	.catc-header h6 {
		top: 45px;
	}
		
	 
}


@media screen and (max-width: 1000px) {

	#home-carousel .slide {
		position: relative;
		padding: 0;	
		text-align: center;
	}
	
	#home-carousel .slide img.image  {
		position: relative;
		right: initial;
		bottom: initial;
		top: 0;
		margin-top: 30px;
		width: 100%;
		max-width: 550px;
		margin-left: auto;
		margin-right: auto;
		transform: none;
	}
	
	#home-carousel .slide .text  {
		position: initial;
		max-width: 550px;
		margin-left: auto;
		margin-right: auto;
		padding-left: var(--page-pad);
		padding-right: var(--page-pad);
		padding-top: 20px;
		width: 90%;
		top: initial;
		font-size: 20px;
		line-height: 23px;
		text-align: left;
	}
	
	#home-carousel .main-slide .slide .text  {
		padding: 0;
		margin: initial;
		width: 368px;
		height: 197px;
		top: 20%;
		left: var(--page-pad);
	}

	#home-carousel .main-slide .slide .learn-more-button  {
		top: 55%;
		left: var(--page-pad);
	}


}


@media screen and (max-width: 750px) {
		
	.page-alert {
		display: block;
	}
	
	.page-alert .title {
		margin-bottom: 20px;
	}
	
	.page-alert .text {
		margin-bottom: 40px;
	}
	
	.page-alert .button {
		margin-bottom: 10px;
	}
	
	#home-carousel .main-slide .slide .text  {
		width: 280px;
		height: 150px;
		top: 10%;
	}
	
	#home-carousel .main-slide .slide .learn-more-button  {
		top: 35%;
	}
	
	#home-carousel .main-slide .slide div.image  {
		position: absolute;
		padding: 0;
		width: 80%;
		height: 100%;
		left: 35%;
		background-position: right bottom;
		background-size: 100% auto;
	}
	
	.act-programs-intro {
		display: block;
	}
	
	.galleries-list {
		display: block;
	}
	
	.galleries-list li .title {
		margin-bottom: 0;	
	}
	
	.page-header-search input[type=text] {
		width: 300px;
	}
	
	.catc-header nav {
		font-size: 16px;
	}
	
	.catc-header nav a {
		margin-right: 3%;
	}
	
	.catc-header h6 span {
		display: none;
	}


}



/* -- PHONE -- */

@media screen and (max-width: 550px) {
	
	:root {
		--page-pad: 20px;
	}

	
	.image-list-2 {
		display: block;
	}
	
	.image-list-2 li {
		margin-bottom: 40px;
	}
	
	.summary {

	}
	
	.image-buttons ul,
	.image-buttons-2 ul,
	.image-buttons-3 ul,
	.image-buttons-4 ul {
		grid-template-columns: 1fr;
	}
	
	.image-buttons li {
		padding-bottom: 20px;
	}
	
	.image-buttons .text {
		height: auto;
	}
	
	.video-audio-layout {
		gap: 10px;	
	}
	
	.article-layout figure {
		width: calc(100% + 40px);
		margin-left: -20px;
	}
	
	.article-layout figure figcaption {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.article-layout li {
		margin-left: 0;
	}
	
	.timeline li {
		gap: 20px;
	}
	
	#home-carousel .slide img.image  {
		position: relative;
		right: initial;
		bottom: initial;
		top: 0;
		margin-top: 0;
		width: 100%;
		max-width: 550px;
		margin-left: auto;
		margin-right: auto;
		transform: none;
	}
	
	#home-carousel .slide .text  {
		position: initial;
		max-width: 550px;
		margin-left: auto;
		margin-right: auto;
		padding-left: var(--page-pad);
		padding-right: var(--page-pad);
		padding-top: 45px;
		width: 90%;
		top: initial;
		font-size: 20px;
		line-height: 23px;
		text-align: left;
	}
	
	#home-feature .slider-controls,
	.slider-controls {
		width: calc(100% - 40px) !important;	
	}	
	
	.email-capture div {
		padding-bottom: 5px;
	}
	
	.email-capture div.half {
		flex-basis: 100%;
		flex-shrink: 0;
	}	
	

	
	.calendar-layout {
		padding-left: 0;
		padding-right: 0;	
	}
	
	.calendar-nav,
	.calendar-day-nav,
	.calendar-event-list {
		padding-left: var(--page-pad);
		padding-right: var(--page-pad);	
	}
	
	.ui-calendar-grid {
		font-size: 18px;
		line-height: 20px;
		border-bottom: 0;
		padding-bottom: 15px;
	}
	
	.feature-box {
		padding: 20px 0;
	}
	
	.feature-box .header {
		margin: 0 20px;
	}
	
	.feature-box figure {
		padding: 20px 20px;
	}
	
	.feature-box .summary {
		padding: 20px;
		padding-top: 0;
	}
	
	.feature-box .button-bottom {
		width: calc(100% - 40px);
		margin-left: 20px;
	}
	
	#home-schedule {
		padding-top: 30px;
		padding-bottom: 0;	
	}
	
	#home-live {
		padding-top: 10px;	
	}
	
	#home-live-header {
		padding-top: 10px;	
	}
	
	#home-live-header h2 {
		font-size: 40px;
		line-height: 48px;	
	}
	
	#home-live .video-audio-layout {
		padding: 30px 0;
	}
	
	#home-upcoming {
		margin-bottom: 40px;	
	}
	
	#home-upcoming h2 {
		padding-top: 10px;	
	}
	
	#home-feature-box .feature-box {
		padding-top: 20px;	
	}
	
	#home-more {
		padding-top: 0;	
	}
	
	#home-email-capture {
		padding-top: 0;	
	}
	
	#home-email-capture .cols .text p:last-child {
		margin-bottom: 0;
	}
	
	#calendar-filter-button {
		display: block;
	}
	
	#calendar-filters {
		display: none;
		position: fixed;
		z-index: 999;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		box-sizing: border-box;
		padding: 50px 30px 40px;
		background: rgba(0,0,0,.5);
	}
	
	#calendar-filters.open {
		display: block;
	}
		
	#calendar-filter-close {
		display: block;
		float: right;
		margin: 5px;
	}
	
	.calendar-filter-layout {
		box-sizing: border-box;
		height: 100%;
		max-height: 700px;
		background: var(--bg-pink);
		padding: 20px;
		overflow-y: auto;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
	
	.calendar-filter-layout::-webkit-scrollbar {
	  display: none;
	}
	
	.calendar-filter-layout h5 {
		margin-top: 55px;
		margin-bottom: 25px;
		font-size: 33px;
		line-height: 35px;
	}
	
	.calendar-filter-layout ul {
		border-bottom: 1px solid black;
	}	
	
	.calendar-filter-layout ul li {
		display: block;
		margin: 0;
		padding: 10px 0;
		font-size: 16px;
		line-height: 30px;
		border-top: 1px solid black;
	}	
	
	.calendar-filter-layout ul li a,
	.calendar-filter-layout ul li:nth-child(1n - 1) a {
		position: relative;
		display: block;
		padding: 0;
		padding-left: 50px;
		color: black;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		height: 30px;
	}		

	.calendar-filter-layout ul li a:before {
		display: block;
		position: absolute;
		content: "";
		width: 28px;
		height: 28px;
		border: 1px solid black;
		left: 0;
		top: 0;
	}

	
	.calendar-filter-layout ul li a.selected:before {
		background: url('../images/common/check.svg') center center no-repeat;
	}
			
	.calendar-event-list .event {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}
	
	.calendar-event-list .event > div {
		width: 100%;	
	}
	
	.calendar-list-sticky.ui-sticky {
		position: fixed;
		top: 90px;
	}
	
	.event-image {
		position: relative;
		width: calc(100% + 40px);
		left: -20px;
	}
	
	.event-image figcaption {
		padding-left: var(--page-pad);
		padding-right: var(--page-pad);
	}
	
	.image-list li {
		display: block;
		padding-bottom: 60px;	
	}
	
	.image-list figure {
		margin-bottom: 20px;
	}
	
	.music-upcoming-feature {
		margin-top: 0;
	}
	
	.gallery-images .transcript {
		padding-left: 20px;
		padding-right: 20px;
		font-size: 16px;
		line-height: 22px;
	}
	
	.act-header h1 {
		max-width: 220px;
		font-size: 18px;
		padding-right: 100px;
	}
	
	.page-header-search input[type=text] {
		width: auto;
	}
	
	#staff-grid ul {
		grid-template-columns: 1fr;
	}
	
	.catc-header-pad {
		padding-left: 20px;
		padding-right: 20px;	
	}

	.catc-header nav {
		font-size: 15px;
	}
	
	.catc-header nav a {
		margin-right: 2%;
	}
	
	
}