/************************************************************8
*
*                         General CSS
*
*************************************************************/
body, html {
	font: 16px arial, verdana, helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
	background-image: url('bgSwirl.jpg');
	background-position: center top;
	background-size: cover;
	background-attachment: fixed;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'itc-avant-garde-gothic-pro', sans-serif;
	text-transform: uppercase;
}
h1 {
	font-size: 45px;
}
.splatterText {
	background: #fff;
	font-size: 65px;
	letter-spacing: 15px;
	color: #000;
	mix-blend-mode: lighten;
	display: inline-block;
	text-shadow: 0px 2px 5px rgba(0,0,0,.5);
	margin: 0px;
}
.splatterBG {
	background: url('paintSplatterBG.jpg');
	background-color: rgba(0,0,0,0);
	background-size: contain;
	display: inline-block;
	margin-bottom: 35px;
	padding: 0px;
}
h2 {
	font-size: 40px;
}
h3 {
	font-size: 35px;
}
h4 {
	font-size: 30px;
}
h5 {
	font-size: 25px;
}
h6 {
	font-size: 20px;
}
a, a:visited {
	font-family: 'itc-avant-garde-gothic-pro', sans-serif;
	font-weight: 900;
	text-decoration: none;
	transition: .2s;
	color:rgb(255, 103, 103);
}
a:hover {
	box-sizing: border-box;
	color: #000;
	transition: .2s;
}

.blackLink, .blackLink:visited, .blackLink:active {
	font-weight: 900;
	font-family: 'itc-avant-garde-gothic-pro', sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #000;
	color: #fff;
	padding: 8px;
	box-sizing: border-box;
	transition: .2s;
}
.blackLink:hover {
	background-image: url('paintSplatterBG.jpg');
	background-color: rgba(0,0,0,1);
	background-position: center;
	background-size: cover;
	color: #fff;
	transition: .2s;
}

.biggerBlacker {
	font-size: 25px !important;
	margin-right: 15px;
}
.pageContainer {
	width: 90%;
	max-width: 1200px;
	margin: auto;
	margin-bottom: 75px;
}
.donateContactBar {
	box-sizing: border-box;
	width: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: left;
	text-align: center;
	margin-left: auto;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 15px;
}
.donateContactBar > div {
	box-sizing: border-box;
	width: 175px;
	margin: 0px;
	margin-right: 10px;
}
.donateContactBar h5 {
	margin: 0px;
}
.donateContactBar a {
	box-sizing: border-box;
	width: 100%;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.givebutter-button {
    margin: auto;
}
#espanolBTN {
	position: absolute;
	top: 0px;
	right: 10px;
	width:fit-content;
	padding: 5px;
	background-color: #cc0000;
	color: #fff;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	text-transform: uppercase;
	display: none;
}
#espanolBTN:hover {
	cursor: pointer;
} 
#google_translate_element {
    display: block;
	position: relative;
	margin-left: auto;
	margin-right: 15px;
	margin-bottom: 15px;
	width:fit-content;
}
/**************************************************************
*
*                          Header CSS
*
***************************************************************/
nav {
	height: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 25px;
}
nav a, nav a:visited {
	font-size: 25px;
	display: block;
	padding: 10px;
	text-transform: uppercase;
	background: none;
	color: #000;
}
.desktopNavTopLink {
	position: relative;
	display: block;
	margin-right: 18px;
	white-space: nowrap;
}
.desktopNavTopLink:hover {
	background-color: #000;
}
.desktopNavTopLink:hover a {
	color: #fff;
}
.desktopNavTopLink .desktopNavSubLink {
	display: none;
}
.desktopNavTopLink:hover .desktopNavSubLink {
	display: block;
	position: absolute;
	top: 45px;
	left: 0px;
	width: 200px;
	white-space: normal;
}
.desktopNavSubLink {
	box-sizing: border-box;
	background-color: #000;
	color: #fff;
	padding: 10px;
	z-index: 100;
}
.desktopNavSubLink a {
	padding: 0px;
	margin: 0px !important;
	font-size: 18px !important;
	color: #fff;
}
.desktopNavSubLink a:hover {
	color:rgb(255, 103, 103);
}
#navLogo {
	width: 125px;
	transition: .2s;
}
#navLogo:hover {
	transform: scale(1.05);
	transition: .2s;
}
#giveNowBTN {
	position: relative;
	display: block;
	margin-left: 15px;
	background-color: transparent;
	border-top: 5px solid rgb(255, 103, 103);
	border-bottom: 5px solid rgb(255, 103, 103);
	padding: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	color: rgb(255, 103, 103);
	transform: rotate(5deg);
	transition: .2s;
}
#giveNowBTN a {
	padding: 0px;
	color: rgb(255, 103, 103);
	font-size: 19px;
}
#giveNowBTN:hover {
	color: #000;
	transform: rotate(5deg) scale(1.1);
	transition: .2s;
}
#giveBTN {
	margin: 0px;
	padding: 0px;
	text-align: center;
	line-height: .9;
	font-size: larger;
}
#nowBTN {
	margin: 0px;
	padding: 0px;
	text-align: center;
	line-height: .9;
}

#mobileNav {
    display: none;
}
/***************************************************************
*
*                            Footer CSS
*
****************************************************************/
footer {
	width: 90%;
	margin: auto;
	margin-bottom: 50px;
	max-width: 1200px;
	border-top: 3px solid #000;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
}
footer h5 {
	margin-bottom: 25px;
}
footer a {
	display: inline;
	box-sizing: border-box;
	text-align: center;
	background-color: transparent;
	color: rgb(255, 103, 103) !important;
	transition: .2s;
}
footer a:hover {
	color: #fff;
	background-color: #000;
	transition: .2s;
}
footer > div {
	box-sizing: border-box;
	text-align: center;
	padding: 15px;
	width: 200px;
}
footer > div:first-child {
	text-align: left;
}
footer > div:last-child {
	text-align: right;
}
.pageTitleWrapper {
	box-sizing: border-box;
	width: 90%;
	max-width: 1200px;
	margin: auto;
	margin-top: 50px;
	margin-bottom: 50px;
}
.socialLink {
	background-color: transparent;
	padding: 10px;
	padding-bottom: 5px;
}
.socialLink:hover {
	filter: brightness(1000%);
	background-color: #000;
}
#instagramLogo {
	fill: rgb(255, 103, 103) !important;
	margin-bottom: -10px;
}
#footerFullDiv {
	margin-top: 50px;
	width: 100%;
	text-align: center;
}
#footerFlex {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 15px;
	margin-top: -15px;
}
.footerSocialLink {
	display: block;
	width: 125px;
	height: 40px;
	transition: .2s;
	background: none;
}
.footerSocialLink:hover {
	opacity: .8;
	transition: .2s;
	background: none;
	transform: scale(1.1);
}
.footerSocialLink img {
	width: 100%;
}
/***************************************************************
*
*		                         Blocks CSS
*
****************************************************************/
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.metricFlex {
	display: flex;
	align-items: flex-start;
	justify-self: space-around;
	flex-wrap: wrap;
}
.singleMetric {
	text-align: center;
	text-transform: uppercase;
	margin: auto;
	max-width: 115px;
	font-family: 'itc-avant-garde-gothic-pro', sans-serif;
}
.metricTopLine {
	font-size: 50px;
}
.metricBottomLine {
	font-size: 16px;
}
.pullQuote {
	font-size: 35px;
	font-weight: 100;
	text-align: center;
	font-style: italic;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	width: 75%;
}
.pullQuote::before {
	content: '“';
	position: relative;
	display: block;
	width: 15px;
	height: 15px;
	font-family: 'Times New Roman', Times, serif;
	font-size: 45px;
	font-weight: 900;
	margin-left: -10px;
	margin-bottom: -10px;
}
.pullQuote::after {
	content: '”';
	position: relative;
	display: block;
	width: 15px;
	height: 15px;
	font-family: 'Times New Roman', Times, serif;
	font-size: 45px;
	font-weight: 900;
	margin-left: auto;
	margin-top: -10px;
}
blockquote {
	margin-left: 50px;
	border-left: 5px solid #ccc;
	padding-left: 15px;
	font-style: italic;
}
.ql-align-left {
	text-align: left;
}
.ql-align-center {
	text-align: center;
}
.ql-align-right {
	text-align: right;
}
.ql-align-justify {
	text-align: justify;
}
.ql-size-small {
	font-size: smaller;
}
.ql-size-large {
	font-size: larger;
}
.ql-size-huge {
	font-size: xx-large;
}
.ql-indent-1 {
	margin-left: 25px;
}
.ql-indent-2 {
	margin-left: 50px;
}
.ql-indent-3 {
	margin-left: 75px;
}
.ql-indent-4 {
	margin-left: 100px;
}
.ql-indent-5 {
	margin-left: 125px;
}
.ql-indent-6 {
	margin-left: 150px;
}
.ql-indent-7 {
	margin-left: 175px;
}
.ql-indent-8 {
	margin-left: 200px;
}
.blocksContainer {
	width: 100%;
	display: block;
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
}
.pageContent {
	width: 90%;
	max-width: 1200px;
	margin: auto;
}
.blockParagraph {
	position: relative;
}
.videoEmbed {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.videoWrapper {
  position: relative;
  overflow: hidden;
	width: 100%;
  padding-top: 56.25%;
  margin-bottom: 50px;
	margin-top: 0px;
}
.wide25 {
	width: 25%;
}
.wide33 {
	width: 33%;
}
.wide50 {
	width: 50%;
}
.wide66 {
	width: 66%;
}
.wide75 {
	width: 75%;
}
.wide100 {
	width: 100%;
}
.leftAlignBlock {
	margin-left: 0px;
	margin-right: auto;
}
.centerAlignBlock {
	margin: auto;
}
.rightAlignBlock {
	margin-left: auto;
	margin-right: 0px;
}
.blockButtonTextLink {
	display: block;
	padding: 15px;
	margin: 15px;
}
.blockButtonLink {
	background: none;
}
.buttonLinkWrapper {
	box-sizing: border-box;
	margin: 25px;
	margin-bottom: 50px;
}
.spanBGCOLOR {
	position: relative;
	background-color: #000;
	color: #FFF;
	font-size: 25px;
	margin: auto;
	padding: 15px;
	transition: .2s;
	border-radius: 10px;
}
.smallBTN, .medBTN, .largeBTN {
	font-weight: 900;
	font-family: 'itc-avant-garde-gothic-pro', sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	padding: 8px;
	box-sizing: border-box;
	transition: .2s;
}
.medBTN {
	font-size: larger;
}
.largeBTN {
	font-size: xx-large;
}
.smallBTN:hover, .medBTN:hover, .largeBTN:hover {
	color: #fff !important;
	background-image: url('paintSplatterBG.jpg');
	background-position: center;
	background-size: cover;
	transition: .2s;
}
.spanBGCOLOR:hover{
	background-image: url('paintSplatterBG.jpg');
	background-position: center;
	background-size: cover;
	transition: .2s;
}
.twentyFiveWidth {
	box-sizing: border-box;
	flex-basis: 25%;
}
.thirtyThreeWidth {
	box-sizing: border-box;
	flex-basis: 33%;
}
.fiftyWidth {
	box-sizing: border-box;
	flex-basis: 50%;
}
.sixtySixWidth {
	box-sizing: border-box;
	flex-basis: 66%;
}
.seventyFiveWidth {
	box-sizing: border-box;
	flex-basis: 75%;
}
.twoColBlock {
	box-sizing: border-box;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 25px;
	flex-wrap: nowrap;
	margin-top: 25px;
	margin-bottom: 25px;
}
.twoColBlock > div {
	box-sizing: border-box;
	display: block;
	min-width: 250px;
	margin: 0px;
	padding: 0px;
}
.twoColBlock img {
	width: 100%;
	height: auto;
}
.threeColBlock {
	box-sizing: border-box;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: nowrap;
	gap: 25px;
	margin-top: 25px;
	margin-bottom: 25px;
}
.threeColBlock > div {
	box-sizing: border-box;
	display: block;
	min-width: 250px;
	margin: 0px;
	padding: 0px;
	
}
.threeColBlock img {
	width: 100%;
	height: auto;
}
.imgGridWrapper {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-wrap: wrap;
}
.imgGridWrapper a, .imgGridWrapper a:visited, .imgGridWrapper a:active {
	display: inline-block;
	position: relative;
	width: 100%;
	background: none;
	transform: scale(1.0);
	transition: .2s;
}
.imgGridWrapper a:hover {
	transform: scale(1.05);
	transition: .2s;
}
.imgWrapper {
	box-sizing: border-box;
	display: block;
	width: 30%;
	min-width: 200px;
	margin: 10px;
	padding: 0px;
}
.imgWrapper img {
	width: 100%;
}
.fileUploadFlex {
	display: flex;
	align-items: flex-start;
	justify-content: left;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
.fileUploadFlex a {
	border: 1px solid;
	padding: 10px;
	margin-right: 15px;
	display: flex;
	align-items: center;
}
.downloadArrow {
	width: 15px !important;
	height: auto;
	margin-right: 10px;
}
.slideshow {
	box-sizing: border-box;
	position: relative;
	padding: 0px;
	margin: 0px;
	width: 90%;
	margin: auto;
}
.slideshowDisplay {
	box-sizing: border-box;
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	padding-bottom: 56.25%;
	border: 3px solid black;
}
.slideshowDisplay img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: contain;
	height: calc(100% - 10px);
	width: calc(100% - 10px);
	z-index: 1;
	opacity: 0;
	transition: .2s;
}
.slideshowDisplay .opaque {
	opacity: 1;
	transition: .2s;
}
.slideshowDisplay .captionDisplay {
	display: none;
	box-sizing: border-box;
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 15px;
	width: 100%;
	height: fit-content;
	background-color: rgba(0,0,0,1);
	color: #fff;
	text-align: center;
	font-style: italic;
	z-index: 10;
}
.fullsizeSlideshowBTN {
	display: block;
	box-sizing: border-box;
	position: absolute;
	top: 15px;
	right: 15px;
	background-color: #000;
	border-radius: 5px;
	border: 0px;
	width: fit-content;
	height: fit-content;
	padding: 5px;
	z-index: 10;
	transition: .2s;
}
.fullsizeSlideshowBTN:hover {
	cursor: pointer;
	background-image: url('paintSplatterBG.jpg');
	background-size: cover;
	background-position: center;
	transition: .2s;
}
.fullsizeSlideshowBTN img {
	margin: 0px;
	padding: 0px;
	filter: invert(1);
}
.slideshowFooter {
	padding-top: 15px;
	display: flex;
	align-items: center;
	justify-content: left;
	gap: 15px;
	overflow-x: hidden;
}
.slideshowFooter img {
	width: 75px;
	height: 75px;
}
.slideshowFooter img:hover {
	cursor: pointer;
}
.prevSlideshowBTN {
	position: absolute;
	top: 50%;
	left: -45px;
	transform: rotate(-90deg) translateY(-50%);
	padding: 10px;
	width: 75px;
	height: 45px;
	box-sizing: border-box;
	background-color: #000;
	background-size: cover;
	background-position: center;
	color: #fff;
	font-weight: 900;
	font-family: 'itc-avant-garde-gothic-pro', sans-serif;
	text-align: center;
	border: 0px;
	z-index: 10;
	transition: .2s;
}
.nextSlideshowBTN {
	position: absolute;
	top: 50%;
	right: -45px;
	transform: rotate(90deg) translateY(-50%);
	padding: 10px;
	width: 75px;
	height: 45px;
	box-sizing: border-box;
	background-color: #000;
	background-size: cover;
	background-position: center;
	color: #fff;
	font-weight: 900;
	font-family: 'itc-avant-garde-gothic-pro', sans-serif;
	border: 0px;
	z-index: 10;
	transition: .2s;
}
.prevSlideshowBTN:hover, .nextSlideshowBTN:hover {
	cursor: pointer;
	background-image: url('paintSplatterBG.jpg');
	background-size: cover;
	background-position: center;
	transition: .2s;
}

/*******************************************************************8
*
*												Homepage CSS
*
**********************************************************************/
#featuredSlider {
	width: 100%;
	height: calc(100vw * .42);
	margin: auto;
	padding: 0px;
	position: relative;
	overflow-y: hidden;
}
.slideIMG {
	width: 100%;
	z-index: 0;
}
.featuredSlide {
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	opacity: 0;
	transition: .5s;
	transform: translate(0%, 0%);
}
.featureSliderFlex {
	position: absolute;
	top: 0px;
	left: 0px;
}
#featuredSliderFooter {
	position: relative;
	text-align: center;
	width: 100%;
	margin: 0px;
	margin-top: 25px;
	padding: 0px;
}
.sliderTabButton {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	margin: 5px;
	background-color: #222;
	display: inline-block;
	transition: .2s;
}
.sliderTabButton:hover {
	cursor: pointer;
	background-color: #999;
	transition: .2s;
}
.activeSliderButton {
	background-color: rgb(255, 103, 103);
	transition: .2s;
}
.slideDate {
	box-sizing: border-box;
	border: 3px solid white;
	background-color: rgba(25,25,25,.5);
	color: white;
	font-weight: 900;
	font-size: 20px;
	text-align: center;
	padding: 15px;
	width: 100px;
	text-transform: uppercase;
	display: inline-block;
	position: absolute;
	top: 25px;
	left: 25px;
}
.dateDay {
	font-size: 35px;
}
.slideTitle {
	box-sizing: border-box;
	color: white;
	font-size: 35px;
	font-weight: 900;
	font-family: 'itc-avant-garde-gothic-pro', sans-serif;
	display: inline-flex;
	text-transform: uppercase;
	margin-left: 25px;
	margin-right: 25px;
	padding: 15px;
	background-color: rgba(25,25,25,.5);
	position: absolute;
	top: 25px;
	left: 150px;
}
.slideHeadline {
	position: absolute;
	top: calc(100vw * .35);
	left: 0px;
	max-width: 66%;
	box-sizing: border-box;
	color: white;
	font-size: 20px;
	font-weight: 900;
	text-align: left;
	padding: 15px;
	background-color: rgba(25,25,25,.7);
}
.sliderMoreInfoButton, .sliderMoreInfoButton:visited {
	position: absolute;
	top: calc(100vw * .35);
	right: 25px;
	box-sizing: border-box;
	background-image: none;
	background-color: rgba(0,0,0,1);
	background-position: center;
	background-size: cover;
	color: #fff;
	text-decoration: none;
	padding: 15px;
	font-weight: 900;
	font-family: 'itc-avant-garde-gothic-pro', sans-serif;
	font-size: 25px;
	transition: .2s;
}
.sliderMoreInfoButton:hover {
	background-image: url('paintSplatterBG.jpg');
	background-color: rgba(0,0,0,1);
	color: #fff;
	background-position: center;
	background-size: cover;
	transition: .2s;
}
.featuredNewsLink {
	display: block;
	position: absolute;
	width: fit-content;
	height: fit-content;
	top: 150px;
	left: -25%;
	line-height: 1;
	transform: rotate(-90deg);
	transition: .2s;
}
#homeNewsWrapper {
	width: 100%;
	box-sizing: border-box;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 50px;
	padding-bottom: 50px;
	border-bottom: 3px solid black;
	position: relative;
}
.newsHeader {
	position: relative;
	width: fit-content;
}
#allNewsBTN {
	display: inline-block;
	position: absolute;
	top: 80px;
	right: 15px;
	z-index: 5;
}
.featuredNewsWrapper {
	width: 33%;
	max-width: 300px;
	box-sizing: border-box;
	margin: 20px;
	position: relative;
}
.featuredNewsDate {
	text-align: right;
	margin-bottom: 15px;
}
.featuredNewsTitle {
	margin: 0px;
	margin-top: 15px;
	text-align: left;
}
.featuredNewsWrapper img {
	width: 100%;
}
.featuredNewsDesc {
	text-align: justify;
	height: fit-content;
	margin-top: 15px;
}
.featuredNewsHidden {
	display: none;
}
.featuredNewsDesc .pullQuote, .featuredNewsDesc img, .featuredNewsDesc .metricFlex, .featuredNewsDesc .codeSnippet, .featuredNewsDesc h2, .featuredNewsDesc h3, .featuredNewsDesc h4, .featuredNewsDesc h5, .featuredNewsDesc h6, .featuredNewsDesc h1 {
	display: none;
}
#homePartnersWrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 50px;
	margin-bottom: 100px;
}
#homePartnersWrapper img {
	width: 200px;
	height: auto;
	mix-blend-mode: multiply;
}
#homePartnersHeader {
	position: relative;
	width: fit-content;
}
#allPartnersBTN {
	display: inline-block;
	position: absolute;
	top: 80px;
	right: 15px;
	z-index: 5;
}
/***************************************************************************
*
*									                   Calendar CSS
*
****************************************************************************/
#calCurDateData {
	display: none;
}
#calendarHeader {
	background-color: #000;
	color:#fff;
	text-transform: uppercase;
	text-align: center;
	font-family: 'itc-avant-garde-gothic-pro', sans-serif;
}
#calendarMonthHeader {
	font-size: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
}
#calendarDayOfWeekHeader {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding-bottom: 15px;
}
#calendarDayOfWeekHeader > div {
	width: calc(100% / 7);
	box-sizing: border-box;
	margin: 0px;
	padding: 0px;
}
#calendarWrapper {
	box-sizing: border-box;
	width: 90%;
	max-width: 1200px;
	border: 2px solid black;
	margin: auto;
}
#calendarWrapper a {
	background: none;
}
#calendarWrapper a:hover {
	border-bottom: 1px solid #000;
}
.calendarWeek {
	box-sizing: border-box;
	width: 100%;
	margin: 0px;
	padding: 0px;
	display: flex;
	align-items: stretch;
	justify-content: center;
}
.calendarDay {
	box-sizing: border-box;
	width: calc(100% / 7);
	min-height: 150px;
	margin: 0px;
	padding: 5px;
	border: 1px solid #000;
}
.calendarDay a {
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 500;
}
.calendarDay a:hover {
	background-color: #000;
}
.calendarFooter {
	width: 90%;
	max-width: 1200px;
	margin: auto;
	margin-top: 25px;
	margin-bottom: 50px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.dateMarkerCur {
	color: #000;
}
.dateMarkerNonCur {
	color: #ccc;
}
.calHeaderLink {
	display: inline-block;
	color: rgb(255, 103, 103);
	transform: translateY(-3px);
}
.calHeaderLink:hover {
	color: #fff !important;
	border-bottom: 0px !important;
}
#eventListHeader {
	margin-bottom: 75px;
	position: relative;
}
#eventListWrapper {
	box-sizing: border-box;
	width: 90%;
	max-width: 1200px;
	margin: auto;
	margin-top: 50px;
	margin-bottom: 0px;
}
#mobileNextPrevWrapper {

	display: none;
	
}
#mobileNextPrevWrapper .blackLink {
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.eventWrapper {
	border-bottom: 2px solid #000;
	margin-bottom: 50px;
}
.eventWrapper.musicCat,
.eventWrapper.artCat,
.eventWrapper.filmCat,
.eventWrapper.classCat,
.eventWrapper.otherCat,
.eventWrapper.other2Cat {
	color: #000 !important;
}
.eventDateCard {
	box-sizing: border-box;
	border: 3px solid #000;
	color: #000;
	font-weight: 900;
	font-size: 20px;
	text-align: center;
	padding: 15px;
	margin-right: 15px;
	width: 100px;
	width: auto;
	text-transform: uppercase;
	display: inline-block;
}
.wideDate {
	min-width: 150px !important;
}
.eventMetaData h4 {
	margin-top: 5px;
	line-height: 1;
}
.eventLocation {
	margin-top: -40px;
	margin-bottom: 0px;
}
.eventTime {
	margin-bottom: 15px;
}
.eventDetailsFlex {
	display: flex;
	align-items: flex-start;
	justify-content: left;
}
.eventDescription {
	box-sizing: border-box;
	width: 100%;
	margin-top: 50px;
	margin-bottom: 55px;
	padding-right: 25px;
}
.eventFlex {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	margin-bottom: 50px;
}

.eventFlex > div {
	box-sizing: border-box;
	width: 50%;
}

.eventRightSide img {
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
	object-fit: cover;
}
.eventLeftSide {
	position: relative;
}
.eventReadMoreLink {
	margin-top: 25px;
	text-align: right;
}
.eventTicketLinks {
	position: absolute;
	display: block;
	left: 0px;
	bottom: 0px;
}
#calendarColorKey {
	box-sizing: border-box;
	width: 90%;
	max-width: 1200px;
	margin: auto;
	margin-bottom: 25px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 20px;
	line-height: 1;
	font-family: 'itc-avant-garde-gothic-pro', sans-serif;
}
#musicFilterBTN:hover, 
#artFilterBTN:hover, 
#filmFilterBTN:hover,
#classFilterBTN:hover,
#otherFilterBTN:hover,
#other2FilterBTN:hover {
	user-select: none;
	cursor: pointer;
	opacity: .6;
	transition: .2s;
}
#showAllCatBTN:hover {
	cursor: pointer;
}
.faded {
	opacity: .4 !important;
	transition: .2s;
}
.faded:hover {
	opacity: 1 !important;
	transition: .2s;
}
.collapsed {
	box-sizing: border-box;
	margin: 0px !important;
	padding: 0px !important;
	overflow: hidden !important;
	height: 0px !important;
	max-height: 0px !important;
	transition: .2s;
	border: 0px !important;
	border-bottom: 0px !important;
}
#mobileCatSelector {
	display: none;
	margin-top: 25px;
	margin-bottom: 55px;
}
#catSelector {
	box-sizing: border-box;
	padding: 10px;
	margin-top: -10px;
	width: 100%;
	border: 0px;
	background-color: rgb(255, 103, 103);
	color: #fff;
	font-weight: 900;
	text-transform: uppercase;
}

.artCat, .artCat:visited {
	color:rgb(255, 103, 103) !important;
	display: block;
}
.musicCat, .musicCat:visited {
	color:rgb(84, 202, 94) !important;
	display: block;
}
.filmCat, .filmCat:visited {
	color:rgb(92, 92, 92) !important;
	display: block;
}
.classCat, .classCat:visited {
	color:rgb(87, 119, 237) !important;
	display: block;
}
.otherCat, .otherCat:visited {
	color:rgb(228, 199, 56) !important;
	display: block;
}
.other2Cat, .other2Cat:visited {
	color:rgb(203, 107, 214) !important;
	display: block;
}
.artCatKey {
	background-color:rgb(255, 103, 103);
	display: inline-block;
	width: 15px;
	height: 15px;
}
.musicCatKey {
	background-color:rgb(84, 202, 94);
	display: inline-block;
	width: 15px;
	height: 15px;
}
.filmCatKey {
	background-color:rgb(92, 92, 92);
	display: inline-block;
	width: 15px;
	height: 15px;
}
.classCatKey {
	background-color:rgb(87, 119, 237);
	display: inline-block;
	width: 15px;
	height: 15px;
}
.otherCatKey {
	background-color:rgb(228, 199, 56);
	display: inline-block;
	width: 15px;
	height: 15px;
}
.other2CatKey {
	background-color:rgb(203, 107, 214);
	display: inline-block;
	width: 15px;
	height: 15px;
}
.eventPageContainer {
	width: 90%;
	max-width: 1200px;
	margin: auto;
	margin-top: 75px;
	margin-bottom: 75px;
}
.eventPageNoBorder {
	border-bottom: 0px !important;
}
.additionalDateWrapper {
	margin-bottom: 10px;
}
.additionalDateWrapper h6 {
	margin-bottom: 0px;
}
.calLink {
	position: relative;
}
.calHoverDiv {
	box-sizing: border-box;
	width: 375px;
	padding: 10px;
	display: none;
	border: 3px solid #000;
	border-top: 25px solid #000;
	background-color: #fff;
	position: absolute;
	top: 0px;
	left: 50%;
	color: #000;
	transform: translateX(-50%) translateY(-115%);
	z-index: 10;
}
.calHoverDiv::after {
	content: " ";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border-width: 15px;
	border-style: solid;
	border-color: black transparent transparent transparent;
}
.backToCalLink {
	position: absolute;
	bottom: 0px;
	left: 0px;
}
/********************************************************************
*
*              						Careers Page
*
*********************************************************************/
#careerPageWrapper {
	width: 90%;
	max-width: 1200px;
	margin: auto;
}
.careerWrapper {
	margin-bottom: 100px;
	border-bottom: 3px solid #000;
}
.careerWrapper:last-child {
	border-bottom: 0px; 
}
.careerWrapper img {
	width: 100%;
}

/****************************************************************
*
*                    Partners Page
*
******************************************************************/
#partnersWrapper {
	width: 90%;
	max-width: 1200px;
	margin: auto;
}
.partnerFlex {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	flex-wrap: wrap;
	margin-bottom: 75px;
}
.partnerFlex img {
	box-sizing: border-box;
	margin: 45px;
	filter: saturate(1);
	mix-blend-mode: multiply;
}
.scale10 {
	width: calc(.1 * 200px) !important;
}
.scale20 {
	width: calc(.2 * 200px) !important;
}
.scale30 {
	width: calc(.3 * 200px) !important;
}
.scale40 {
	width: calc(.4 * 200px) !important;
}
.scale50 {
	width: calc(.5 * 200px) !important;
}
.scale60 {
	width: calc(.6 * 200px) !important;
}
.scale70 {
	width: calc(.7 * 200px) !important;
}
.scale80 {
	width: calc(.8 * 200px) !important;
}
.scale90 {
	width: calc(.9 * 200px) !important;
}
.scale100 {
	width: calc(1 * 200px) !important;
}
.scale110 {
	width: calc(1.1 * 200px) !important;
}
.scale120 {
	width: calc(1.2 * 200px) !important;
}
.scale130 {
	width: calc(1.3 * 200px) !important;
}
.scale140 {
	width: calc(1.4 * 200px) !important;
}
.scale150 {
	width: calc(1.5 * 200px) !important;
}
.scale160 {
	width: calc(1.6 * 200px) !important;
}
.scale170 {
	width: calc(1.7 * 200px) !important;
}
.scale180 {
	width: calc(1.8 * 200px) !important;
}
.scale190 {
	width: calc(1.9 * 200px) !important;
}
.scale200 {
	width: calc(2 * 200px) !important;
}
.partnersLink:hover {
    transform: scale(1.1);
}
.partnersLink[href=""] {
    transform: none;
    pointer-events: none;
}

/*****************************************************************
*
*                     News Page
*
******************************************************************/
.newsContainer {
	width: 90%;
	max-width: 1200px;
	margin: auto;
}
.newsArticleWrapper img {
	width: 100%;
}
.newsArticleWrapper {
	margin-bottom: 75px;
	border-bottom: 3px solid #000;
	padding-bottom: 50px;
}
.newsArticleWrapper:last-child {
	border-bottom: 0px;
}
.newsArticleWrapper h4 {
	margin-bottom: 0px;
}
.externalLinkWrapper {
	display: block;
	margin-top: 25px;
}
.externalLinkWrapper a {
	padding: 10px;
	margin-top: 25px;
}
/****************************************************************
*
*                  Staff Page
*
*****************************************************************/
.staffContainer {
	width: 90%;
	max-width: 1200px;
	margin: auto;
}
.staffFlex {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	width: 100%;
	margin-top: 75px;
	margin-bottom: 50px;
	padding-bottom: 50px;
	border-bottom: 3px solid #000;
}
.staffFlex:last-child {
	border-bottom: 0px;
}
.staffContent {
	padding: 0px;
	padding-left: 20px;
	width: 100%;
}
.staffContent h3 {
	margin: 0px;
}
.staffContent h5 {
	margin: 0px;
}
.staffIMG {
	width: 200px;
}
.staffIMG img {
	width: 200px;
}
.emailLink {
	margin-top: 15px;
}
.emailLink::before {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url('mailIcon.png');
	background-size: 25px;
	margin-bottom: -7px;
}
/******************************************************8
*
*                 Bravo CSS
*
*********************************************************/
.bravoPartnersContainer {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
.bravoPartnersContainer a {
	background: none;
}
.bravoPartnerIMG {
	width: 200px;
	height: auto;
	margin: 25px;
	filter: saturate(1);
	mix-blend-mode: multiply;
}	
/**********************************************************
*
*              Mobile CSS
*
***********************************************************/


@media only screen and (max-width: 1040px) {
    
    /*          Nav CSS        */
    
    nav {
        display: none;
    }   
    
    #mobileNav {
        margin-top: 5px;
        margin-bottom: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #mobileNavLogo {
        position: relative;
        width: 75px;
        height: 75px;
        transition: .2s;
        z-index: 16;
    }
    #mobileNavLogo:hover {
        transform: scale(1.1);
        transition: .2s;
    }
    #burgerBTN {
        font-weight: 900;
        font-size: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 75px;
        height: 75px;
        letter-spacing: -3px;
        transform: rotate(90deg) scaleY(.8) scaleX(1);
        transition: .2s;
    }
    #burgerBTN:hover {
        cursor: pointer;
        transform: rotate(90deg) scaleY(1) scaleX(1.1);
        transition: .2s;
    }
    #burgerMenu {
        box-sizing: border-box;
        padding-left: 20px;
        padding-bottom: 0px;
        display: block;
        position: absolute;
        top: 75px;
        left: 0px;
        width: 100%;
        height: 0px;
        background: #fff;
        z-index: 15;
        transition: .2s;
        overflow: hidden;
    }
    #burgerMenu h3 {
        font-size: 18px;
        margin-top: 10px;
        margin-bottom: 5px;
        margin-left: -5px;
    }
    #mobileGiveNowBTN a {
        display: block;
        box-sizing: border;
        padding: 10px;
        width: 125px;
        background-color: rgb(255, 103, 103);
        text-align: center;
        text-transform: uppercase;
        margin-top: 10px;
        color: #fff;
        font-size: 15px;
				
    }
    #mobileGiveNowBTN a:hover {
        background-color: #000;
				display: block;
        box-sizing: border;
        padding: 10px;
        width: 125px;
        text-align: center;
        text-transform: uppercase;
        margin-top: 10px;
        color: #fff;
        font-size: 15px;
    }
    
    
    /*               Homepage                         */
    
    #featuredSlider {
        height: calc(60vw + 125px);
        overflow-y: visible;
    }
    .slideIMG {
        margin-top: 0px;
        margin-bottom: 0px;
        margin: 0px;
    }
    .slideTitle {
        background-color: #000;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 75px;
        font-size: 18px;
        margin-left: 0px;
        margin-right: 0px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: right;
        text-align: right;
    }
    .slideDate {
        color: #000;
        width: auto;
        position: relative;
        background-color: #fff;
        border: 1px solid #000;
        border-bottom: 0px;
        padding: 5px;
        top: 0px;
        left: 0px;
        text-align: left;
    }
    .dateMonth, .dateDay, .dateYear {
        font-size: 15px;
        margin-top: 0px;
    }
    .dateDay {
        padding-right: 0px;
        margin-right: 0px;
    }
    .dateDay::after {
        content: ',';
        margin: 0px;
        margin-left: -5px;
        padding: 0px;
    }
    .slideDate > div {
        display: inline;
    }
    .slideHeadline {
        top: 0px;
        width: 100%;
        height: 75px;
        max-width: 100%;
        background-color: #000;
        font-size: 15px;
        font-weight: 400;
        position: relative;
        margin-top: -10px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .sliderMoreInfoButton {
        top: auto;
        bottom: 100px;
        font-size: 15px;
        padding: 7px;
        padding-bottom: 4px;
        background-color: rgb(255, 103, 103);
    }
    #featuredSliderFooter {
        margin-top: 45px;
    }
    #allNewsBTN {
        top: 50px;
        right: 5px;
        font-size: small;
        padding: 5px;
        padding-bottom: 5px;
    }
    #allPartnersBTN {
        top: 50px;
        right: 5px;
        font-size: small;
        padding: 5px;
    }
    #homeNewsWrapper {
        flex-flow: column;
    }
    .featuredNewsWrapper {
        width: 90%;
        margin: auto;
        max-width: 600px;
    }
    .featuredNewsLink {
        font-size: small;
        left: -60px;
    }
    #homePartnersWrapper {
        flex-flow: column;
    }
    
    
    /*            calendar         */
    
    #calendarColorKey, #calendarWrapper, #calendarFooter, #calendarTitle, #calCategoryTip {
        display: none;
    }
    #eventListHeader {
        margin-bottom: 30px;
    }
		#mobileNextPrevWrapper {
			display: flex;
			align-items: center;
			justify-content: space-between;
			box-sizing: border-box;
			width: 100%;
			max-width: 1200px;
			margin: auto;
			margin-top: 0px;
			margin-bottom: 20px;
		}
    .eventFlex {
        flex-flow: column-reverse;
        width: 100%;
    }
    .eventFlex > div {
        width: 100%;
				display: block;
    }
    .eventDateCard {
        box-sizing: border-box;
        margin: 0px;
        padding: 10px;
        text-align: left;
        width: 100%;
        height: 40px;
        position: absolute;
        left: 0px;
        /*top: -91vw;*/
				top: -10px;
        background-color: #000;
        border: 0px;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: left;
    }
    .eventDateCard .dateMonth, .eventDateCard .dateDay, .eventDateCard .dateYear {
        font-size: 25px;
        font-weight: 700;
        display: inline;
        margin-right: 5px;
        margin-bottom: 0px;
    }
    .eventDetailsFlex {
        flex-flow: column;
    }
    .eventMetaData {
        margin-top: 50px;
    }
    .eventLocation {
        margin-top: 0px;
    }
    .eventDescription {
        width: 100%;
        margin-top: 15px;
        padding-right: 0px;
    }
    .biggerBlacker {
        font-size: 15px !important;
    }
    .eventReadMoreLink {
        position: absolute;
        right: 0px;
        bottom: 0px;
    }
		#mobileCatSelector {
			display: block;
		}
    
    /*                   Bravo   Page            */
    .bravoPartnersContainer {
        justify-content: center;
    }
    .donateContactBar {
        flex-flow: column;
    }
    .donateContactBar > div {
        width: 100%;
        max-width: 100%;
        text-align: left;
        margin-bottom: 0px;
        margin-top: 0px;
        padding-bottom: 0px;
        padding-top: 0px;
        padding-left: 10px;
    }
    .donateContactBar a {
        margin: 0px;
    }
    .staffFlex {
        flex-flow: column;
        margin-top: 0px;
        padding-bottom: 10px;
    }
    .staffIMG {
        width: 100%;
        margin-bottom: 15px;
    }
    .staffIMG > img {
        width: 100%;
        max-width: 100%;
    }
    .staffContent {
        padding-left: 0px;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }
    
    /*              Blocks                      */
    .metricTopLine {
        font-size: 30px;
    }
    .metricBottomLine {
        font-size: 12px;
        font-weight: 500;
    }
    .splatterText {
        font-size: 40px;
        letter-spacing: 5px;
    }
    .twoColBlock, .threeColBlock {
        flex-flow: column;
    }
		.twoColBlock > div, .threeColBlock > div {
			width: 100% !important;
			padding: 0px;
		}

		.slideshowDisplay {
			padding-bottom: 100%;
		}
    h1 {
        font-size: xx-large;
    }
    h2 {
        font-size: x-large;
    }
    h3 {
        font-size: large;
    }
    h4 {
        font-size: medium;
    }
    h5 {
        font-size: small;
    }
		#homeNewsWrapper h5 {
			font-size: medium;
		}
		.imgWrapper {
			width: 30%;
			min-width: 25px !important;
			margin: 5px;
		}
		.pullQuote {
			font-size: 25px;
			width: 100%;
		}
}