/*
Theme Name: Moonlight Child
Description: Firefest
Template: moonlight-parent
Version: 1.0.0
*/
.banner h1 {
	font-weight: bold;
	font-size: 46px;
	padding-bottom: 30px;
	color: #fff;
	text-shadow: 0 0 5px #000;
}
#events h2 {
	font-size: calc(21px + (36 - 21) * ((100vw - 300px) / (2000 - 300)));
}
.linkbtn {
	display: flex;
	justify-content: center;
}
.firelogos {
	display: flex;
	justify-content: center;
	column-gap: 50px;
	align-items: center;
	height: 100%;
	flex-wrap: wrap;
	row-gap: 15px;
}
.firelogos img {
	width: auto;
	max-height: 175px;
}
.sections img {
	max-height: 512px;
	width: auto;
}
.carousel-control .fas {
	text-shadow: 0 0 5px #000;
}
.faqh {
	text-align: center;
	display: block;
	margin-bottom: 30px;
	text-transform: uppercase;
	font-weight: bold;
}
/* = FAQ ACCORDION = */
#accordion .panel {
	border: 2px solid #333;
}
#accordion .panel-title:before {
	content: "";
	border-bottom: 25px solid rgba(0, 0, 0, 0);
	border-left: 15px solid var(--color-1);
	border-top: 23px solid rgba(0, 0, 0, 0);
}
#accordion .panel-title div {
	color: #333;
	background: #f6f6f6;
	font-size: 16px;
	font-weight: bold;
	border: 1px solid #000;
}
#accordion .panel-title div.collapsed {
	color: #333;
	background: #f6f6f6;
}
#faq-section {
	padding-bottom: 50px;
}
#accordion .panel-title div:before, #accordion .panel-title div.collapsed:before {
	color: #fff;
	background: var(--color-1);
}
#accordion .panel-body {
	color: #fff;
	font-size: 16px;
	border: 2px solid var(--color-1);
	background: var(--color-1);
	font-weight: bold;
}
#accordion .panel {
	border-radius: 0;
	margin-bottom: 15px;
}
#accordion .panel-heading {
	padding: 0;
}
#accordion .panel-title {
	position: relative;
}
#accordion .panel-title:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	left: 32px;
}
#accordion .panel-title div {
	display: block;
	line-height: 21px;
	font-weight: bold;
	padding: 13px 10px 13px 65px;
}
#accordion .panel-title div:before, #accordion .panel-title div.collapsed:before {
	content: "-";
	font-weight: 900;
	position: absolute;
	top: 0;
	left: 0px;
	width: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	font-size: 40px;
}
#accordion .panel-title div.collapsed:before {
	content: "+";
	font-size: 25px;
	font-weight: 900;
}
#accordion .panel-body {
	line-height: 26px;
}
#accordion .faq-panel-two-lines:before {
	border-bottom: 35px solid rgba(0, 0, 0, 0);
	border-top: 35px solid rgba(0, 0, 0, 0);
}
#accordion .faq-panel-three-lines:before {
	border-bottom: 45px solid rgba(0, 0, 0, 0);
	border-top: 45px solid rgba(0, 0, 0, 0);
}
#accordion .faq-panel-four-lines:before {
	border-bottom: 56px solid rgba(0, 0, 0, 0);
	border-top: 56px solid rgba(0, 0, 0, 0);
}
#accordion .faq-panel-five-lines:before {
	border-bottom: 66px solid rgba(0, 0, 0, 0);
	border-top: 66px solid rgba(0, 0, 0, 0);
}
#accordion .faq-panel-six-lines:before {
	border-bottom: 77px solid rgba(0, 0, 0, 0);
	border-top: 77px solid rgba(0, 0, 0, 0);
}
#accordion .faq-panel-seven-lines:before {
	border-bottom: 87px solid rgba(0, 0, 0, 0);
	border-top: 87px solid rgba(0, 0, 0, 0);
}
#accordion .faq-panel-two-lines a:before, #accordion .faq-panel-two-lines a.collapsed:before {
	padding: 25px 10px;
}
#accordion .faq-panel-three-lines a:before, #accordion .faq-panel-three-lines a.collapsed:before {
	padding: 35px 10px;
}
#accordion .faq-panel-four-lines a:before, #accordion .faq-panel-four-lines a.collapsed:before {
	padding: 46px 10px;
}
#accordion .faq-panel-five-lines a:before, #accordion .faq-panel-five-lines a.collapsed:before {
	padding: 56px 10px;
}
#accordion .faq-panel-six-lines a:before, #accordion .faq-panel-six-lines a.collapsed:before {
	padding: 67px 10px;
}
#accordion .faq-panel-seven-lines a:before, #accordion .faq-panel-seven-lines a.collapsed:before {
	padding: 77px 10px;
}
.sponsors {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	column-gap: 15px;
	row-gap: 15px;
	align-items: center;
}
.sponsors .sponsorlogo {
	flex: 0 1 25%;
}
.level-wrap {
	padding-bottom: 150px;
}
.level-wrap h2 {
	margin-bottom: 30px;
}
.page-template-page-contact .company-address {
	display: none !important;
}
.busname {
	font-weight: bold;
	display: block;
	margin: 5px 0;
	font-size: 1.2em;
}
footer {
	background: var(--color-1);
}
footer a:hover {
	color: var(--color-2);
}
.c2a a {
	color: var(--color-1);
}
.c2a a:hover {
	color: var(--color-2);
}
.homebanner {
	position: relative;
	bottom: unset;
	margin-bottom: 30px;
}
.homebanner h1 {
	color: #000;
	text-shadow: unset;
}
.page-id-506 .testimonial-content {
	border-left: 0;
	font-size: 1.8em;
	text-align: center;
}
.page-id-506 .testimonial-box {
	display: block;
}
.map-container {
	margin-top: 30px;
}
.hp-services-heading {
	background-position: center;
}
.brushfire-button {
	width: 260px !important;
	margin: 5px auto !important;
}
.buy-button-menu {
	display: flex;
}
.buy-button-menu .brushfire-button {
	margin: 5px !important;
}
#menu-main-menu>li:last-of-type {
	background-color: #ffffff00;
	color: #000;
}
#menu-main-menu>li:last-of-type a {
	color: #000;
}
#menu-main-menu>li:last-of-type a:hover {
	color: var(--color-1);
}
#menu-main-menu>li:last-of-type:hover {
	background-color: #ffffff00;
}
body p,
body li {
	font-size: 18px;
}
.brushfire-button.dark {
	background-color: var(--color-1) !important;
}
.sitemap {
	display: none;
}
.page-id-6 div#services {
	padding: 50px 0 0 0;
}
body .brushfire-button[class]:after {
	content: 'BUY TICKETS';
	height: auto;
}
.feature-items{
	display: flex;
	flex-wrap: wrap;
	column-gap: 20px;
}
.feature-items .content{
	padding: 10px 0 40px 0
}
.hp-services-heading {
	background-size: auto;
	background-image: url(https://www.transparenttextures.com/patterns/shattered-dark.png);
}
body.home #get-your-tickets-today {
	background-image: url(https://www.transparenttextures.com/patterns/shattered-dark.png);
	background-color: var(--color-1);
	color: #fff;
}

body.home div#services #get-to-the-fest {
	background-image: url(https://www.transparenttextures.com/patterns/shattered-dark.png);
	background-color: #fff;
	color: var(--color-2);
}

body.home div#services #get-to-the-fest h2 {
	color: var(--color-2);
}

.btn {
	min-width: 260px;
	font-size: 22.5px;
}

body .brushfire-button[class] {
	background-color: #fff;
	color: var(--color-2);
}

body .brushfire-button[class]:after {
	content: 'BUY TICKETS';
	height: auto;
	color: #fff;
}

body.home #get-your-tickets-today .brushfire-button[class]:after {
	color: #000;
}

div#services .sections:nth-of-type(even) a {
	color: #000;
}

div#services .sections:nth-of-type(even) a:hover {
	color: var(--color-1);
}

#photography-provided-by .flex-display-align {
	width: 100%;
	display: block;
}

.photologo {
	display: flex;
	justify-content: center;
	column-gap: 20px;
	row-gap: 20px;
	flex-wrap: wrap;
}

.photologo img {
	max-height: unset !important;
	width: 500px;
}
@media screen and (max-width: 991px) {
	.c2a a {
		color: #fff;
	}
	.hp-services-heading {
		padding-top: 50%;
		min-height: unset;
		background-size: contain;
		background-repeat: no-repeat;
		background-attachment: inherit;
	}
}
@media screen and (max-width: 768px) {
	.sponsors .sponsorlogo {
		flex: unset;
	}
}
@media screen and (min-width: 992px) {
	.flex-col {
		padding: 10px;
	}
}
