/*
RIGHT MENU
Colors:

First item requires a padding top or will be under the menu bar */

* {
	margin: 0 auto;
	font-family: Verdana, sans-serif;
}

html {
	-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
	background-color: #4F112E;
}

figure { font-size: 0px; }

.center { text-align: center; }



/* Menu */
#header-align { max-width: 1920px; }

header {
	text-align: center;
	width: 100%;
	/* position: fixed; */
	z-index: 1000;
	max-width: 1920px;
	background-color: #D91674;
	padding: 10px 30px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

header:after {
	content: "";
	display: table;
	clear: both;
}

header h1 {
	font-size: 20px;
	color: #fff;
	display: inline-block;
	float: left;
}



@media screen and (max-width: 400px) {
	header { padding: 10px 15px; }
	
	header h1 { font-size: 17px; }
}



header figure {
	font-size: 0px;
	float: right;
	margin-top: 3px;
}

header figure a { text-decoration: none; }

header figure a img {
	width: 20px;
	margin-left: 10px;
}

.divider {
	max-width: 1920px;
	background-color: #4F112E;
	height: 25px;
}
/* Menu End */



/* Footer */
footer {
	max-width: 1920px;
	text-align: center;
	padding: 20px 30px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background-color: #4F112E;
}

footer form {
	width: 100%;
	max-width: 400px;
	float: none;
}

footer form h3 {
	color: #fff;
	font-size: 26px;
}



@media screen and (max-width: 800px) {
	footer form h3 {
		font-size: 22px;
		margin-bottom: 10px;
	}
}



footer .footer-form-container {
	clear: both;
	text-align: center;
}

footer .footer-form-container:after {
	content: "";
	display: table;
	clear: both;
}

footer h5,footer h5 span,footer h6,footer h6 a {
	color: #fff;
	font-size: 10px;
	font-weight: 100;
}

footer h6 a { text-decoration: none; }

footer #footer-nav a:hover,footer h6 a:hover { color: #D91674; }
/* Footer End */



/* Main Content */
#index-main-content-container #index-main-content {
	background-color: #fff;
	max-width: 1920px;
}

#index-main-content-container #index-main-content .main-images figure {
	font-weight: 0px;
	width: 100%;
}

#index-main-content-container #index-main-content .main-images figure .image { width: 33.333%; }

#index-main-content-container #index-main-content .main-images figure .logo {
	width: 23.333%;
	padding: 5%;
}



@media screen and (max-width: 900px) {
	#index-main-content-container #index-main-content .main-images figure .logo {
		width: 27.333%;
		padding: 3%;
	}
}

@media screen and (max-width: 500px) {
	#index-main-content-container #index-main-content .main-images figure .logo {
		width: 33.333%;
		padding: 0%;
	}
}



#index-main-content-container #index-main-content .events-section-container { background-color: #D91674; }

#index-main-content-container #index-main-content .events-section {
	padding: 50px;
	max-width: 1180px;
}

#index-main-content-container #index-main-content .events-section p {
	color: #fff;
	font-size: 20px;
	display: inline-block;
}



@media screen and (max-width: 600px) { #index-main-content-container #index-main-content .events-section p { font-size: 18px; } }



#index-main-content-container #index-main-content .events-section .arrow-figure {
	font-size: 0px;
	display: inline-block;
	margin-left: 50px;
}

#index-main-content-container #index-main-content .events-section .arrow-figure img { width: 225px; }



@media screen and (max-width: 1000px) {
	#index-main-content-container #index-main-content .events-section .arrow-figure { margin-left: 30px; }
	
	#index-main-content-container #index-main-content .events-section .arrow-figure img { width: 150px; }
}

@media screen and (max-width: 650px) {
	#index-main-content-container #index-main-content .events-section .arrow-figure { margin-left: 15px; }
	
	#index-main-content-container #index-main-content .events-section .arrow-figure img { width: 100px; }
}

@media screen and (max-width: 450px) {
	#index-main-content-container #index-main-content .events-section .arrow-figure { margin-left: 5px; }
	
	#index-main-content-container #index-main-content .events-section .arrow-figure img { width: 75px; }
}



#index-main-content-container #index-main-content .events-section .eventbrite-figure {
	font-size: 0px;
	text-align: right;
	margin-left: 50px;
}

#index-main-content-container #index-main-content .events-section .eventbrite-figure a { text-decoration: none; }

#index-main-content-container #index-main-content .events-section .eventbrite-figure a img { width: 65%; }



@media screen and (max-width: 550px) { #index-main-content-container #index-main-content .events-section .eventbrite-figure a img { width: 200px; } }



@media screen and (max-width: 400px) {
	#index-main-content-container #index-main-content .events-section .arrow-figure {
		display: block;
		width: 100%;
		text-align: left;
		margin-top: 15px;
	}
	
	#index-main-content-container #index-main-content .events-section .arrow-figure img { width: 100px; }
	
	#index-main-content-container #index-main-content .events-section .eventbrite-figure {
		text-align: center;
		margin-top: 15px;
		margin-left: 0px;
	}
	
	#index-main-content-container #index-main-content .events-section .eventbrite-figure a img { width: 80%; }
}



@media screen and (max-width: 800px) { #index-main-content-container #index-main-content .events-section { padding: 50px 20px; } }



/* Form Section */
#service-form-container {
	text-align: center;
	padding: 50px;
	max-width: 900px;
}

#service-form-container:after {
	content: "";
	display: table;
	clear: both;
}

#service-form-container #contact-information {
	text-align: left;
	float: left;
	width: 50%;
}

#service-form-container #contact-information h3,#service-form-container #contact-information p {
	color: #fff;
	margin-right: 20px;
}

#service-form-container #contact-information h3 {
	font-size: 26px;
	margin-bottom: 20px;
}

#service-form-container #contact-information p { font-size: 16px; }



@media screen and (max-width: 800px) {
	#service-form-container { padding: 50px 20px; }
	
	#service-form-container #contact-information h3 {
		font-size: 22px;
		margin-bottom: 10px;
	}
	
	#service-form-container #contact-information p { font-size: 14px; }
}



form {
	width: 50%;
	float: right;
}



@media screen and (max-width: 600px) {
	#service-form-container #contact-information {
		width: 100%;
		margin-bottom: 25px;
	}
	
	form {
		width: 100%;
	}
}



form label {
	font-size: 12px;
	margin-bottom: 2px;
	display: block;
	text-align: left;
	color: #fff;
}

::-webkit-input-placeholder { /* Edge */ color: #000; }

:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #000; }

::placeholder { color: #fff; }

form input,form textarea {
	font-size: 14px;
	border: 0.5px solid #fff;
	color: #000;
	background-color: #fff;
	padding-top: 3px;
	font-weight: 100;
}

form input:focus,form textarea:focus { outline: none; }

form #first_name,form #last_name,form #email,form #name {
	width:100%;
	height: 25px;
	padding-left: 5px;
	margin-bottom: 14px;
}

form #age_range,form #type_of_event,form textarea { width: 100%; }

form select {
	font-size: 15px;
	width: 130px;
	padding: 5px 3px;
	margin: 0;
	letter-spacing: 1px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	outline: none;
	display: block;
	border: 0.5px solid #fff;
	background-color: #fff;
	color: #000;
	cursor: pointer;
	height: 30px;
	margin-bottom: 10px;
	outline: none;
	-webkit-appearance: none;
}

select.drop_down {
background-image:
    linear-gradient(45deg, transparent 50%, #444444 50%),
    linear-gradient(135deg, #444444 50%, transparent 50%),
    linear-gradient(to right, #444444, #444444);
background-position:
    calc(100% - 20px) calc(0.8em + 2px),
    calc(100% - 15px) calc(0.8em + 2px),
    calc(100% - 2.5em) 0px;
  background-size:
    5px 5px,
    5px 5px,
    0.5px 2em;
  background-repeat: no-repeat;
}

select.drop_down:focus {
  background-image:
    linear-gradient(45deg, #444444 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, #444444 50%),
    linear-gradient(to right, #444444, #444444);
  background-position:
    calc(100% - 15px) 0.9em,
    calc(100% - 20px) 0.9em,
    calc(100% - 2.5em) 0px;
  background-size:
    5px 5px,
    5px 5px,
     0.5px 2em;
  background-repeat: no-repeat;
  outline: 0;
}

form #additional_information { height: 100px; }

form #message { height: 150px; }

form .submit-contact-form {
	font-size: 16px;
	padding: 5px 20px;
	margin-top: 3px;
	border-radius: 10px;
	text-decoration: none;
	color: #fff;
	display: inline-block;
	border: 1px solid #4F112E;
	background-color: #4F112E;
	display: block;
}

form .submit-contact-form-light {
	color: #4F112E;
	border: 1px solid #fff;
	background-color: #fff;
}

form .submit-contact-form:hover {
	cursor: pointer;
	background-color: #fff;
	border: 1px solid #fff;
	color: #4F112E;
}

form .submit-contact-form-light:hover {
	background-color: #4F112E;
	border: 1px solid #fff;
	color: #fff;
}

#echo-message {
	font-size: 18px;
	color: #fff;
	text-align: center;
	padding-top: 20px;
	background-color: #D91674;
	margin-bottom: -40px;
}

#echo-message2 {
	font-size: 18px;
	color: #fff;
	text-align: center;
	padding-top: 20px;
}
/* Services Form End */
/* Form Section */



#index-main-content-container #index-main-content .information-container {
	padding: 50px;
	background-color: #fff;
}

#index-main-content-container #index-main-content .information-container .information-width { max-width: 1000px; }

#index-main-content-container #index-main-content .information-container .information-width:after {
	content: "";
	display: table;
	clear: both;
}

#index-main-content-container #index-main-content .information-container figure {
	font-size: 0px;
	float: left;
	width: 280px;
}

#index-main-content-container #index-main-content .information-container figure img {
	width: 100%;
	border: 5px solid #4F112E;
}

#index-main-content-container #index-main-content .information-container p {
	font-size: 22px;
	color: #4F112E;
	width: 670px;
	float: right;
	margin-top: 50px;
	margin-left: 50px;
}



@media screen and (max-width: 1099px) {
	#index-main-content-container #index-main-content .information-container .information-width { max-width: 800px; }
	
	#index-main-content-container #index-main-content .information-container p {
		width: 470px;
		margin-top: 25px;
	}
}

@media screen and (max-width: 899px) {
	#index-main-content-container #index-main-content .information-container .information-width { max-width: 700px; }
	
	#index-main-content-container #index-main-content .information-container p {
		font-size: 18px;
		width: 370px;
		margin-top: 30px;
	}
}

@media screen and (max-width: 739px) {
	#index-main-content-container #index-main-content .information-container .information-width { max-width: 600px; }
	
	#index-main-content-container #index-main-content .information-container figure { width: 210px; }
	
	#index-main-content-container #index-main-content .information-container p {
		font-size: 16px;
		width: 370px;
		margin-left: 20px;
		margin-top: 10px;
	}
}

@media screen and (max-width: 639px) {
	#index-main-content-container #index-main-content .information-container p { width: 100%; }
}




@media screen and (max-width: 800px) { #index-main-content-container #index-main-content .information-container { padding: 50px 20px; } }
/* Main Content End */



/* Back to Top */
#myBtn {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 99;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 10px;
	border-radius: 25px;
	border: 1px solid #fff;
	background-color: #4F112E;
}

#myBtn:hover { background-color: #D91674; }

#myBtn img { width: 20px; }
/* Back to Top End */



/* Menu End */



/* Mobile */
@media screen and (max-width: 899px) {
	.desktopMenu { display: none; }

/* Hamburger to X Icon */
	.Xcontainer {
		/*text-align: center;*/
		height: 40px;
		width: 100%;
		background-color: #ededed;
	}

	.Xicon {
		margin-top: 0px;
		cursor: pointer;
		padding: 7px 15px;
		display: inline-block;
	}

	.bar1, .bar2 {
		width: 35px;
		height: 1px;
		background-color: #424746;
		border-radius: 3px;
		margin: 5px 0;
		transition: 0.5s;
	}

	.change .bar1 {
		-webkit-transform: rotate(-45deg) translate(-2px, 2px);
		transform: rotate(-45deg) translate(-2px, 2px);
	}

	.change .bar2 {
		-webkit-transform: rotate(45deg) translate(-2.2px, -2.2px);
		transform: rotate(45deg) translate(-2.2px, -2.2px);
	}
/* Hamburger to X Icon End */

	footer h6 { padding-top: 5px; }
}
/* Mobile End */




/* Desktop */
@media screen and (min-width: 900px) {
	.mobileMenu,.mobileMenu a { display: none; }
	
/* Menu */
	.Xcontainer { display: none; }
	
	header {
		/*box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;*/
	}
/* Menu End */

	footer h5 { float: left; }

	footer h6 { float: right; }
}
/* Desktop End */





/* Add or Remove Class */
.background-color {
	background: #000;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition:  0.5s ease-in-out;
	-ms-transition:  0.5s ease-in-out;
	-o-transition:  0.5s ease-in-out;
}
/* Add or Remove Class End */