/*
Theme Name: Premier Events
Template: shapely
Author: Ryan McDermott
Author URI: https://www.facebook.com/ryanjamesmcdermott
*/

@grid-gutter-width:	80px;

html {
	font-size: 62.5%;	
}

/* Global */
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	padding-right: 30px;
	padding-left: 30px;	
}

a.site-title, #menu *, .btn {
	text-decoration: none;	
}

a {
	text-decoration: underline;	
}

select:focus {
	outline: 3px solid #513ad5;
}

.gutter {
	margin: 0 50px;
	padding: 0 15px;	
}

.btn {
	border-radius: 25px;
}

.btn-white:visited:hover {
	color: white;	
}

.vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none;
}

p {
	font-size: 1.6rem;	
	line-height: 2.5rem;
	color: #8c979e;
}

.sub-heading {
	font-size: 2rem;	
	font-weight: 600;
}

h1, h2, h3, h4, h5, h6 {
	color: white;	
}

h2 {
	font-size: 4.5rem;
	line-height: 5.2rem;
}

h3 {
	font-size: 3rem;
	line-height: 3.8rem;
}

/* Header */
#site-navigation .mobile-toggle {
	width: 100%;
	text-align: center;	
}

#site-navigation .site-title-container {
	width: 100%;
  float: unset;
  text-align: center;	
}

#site-navigation {
	border-bottom: 0; 
	background-color: black;
	padding-top: 15px;
}

.main-navigation .menu li a {
	color: white; 
	font-weight: 300;
	text-transform: capitalize;
	font-size: 1em;
	letter-spacing: 1px;
	font-family: 'Poppins', sans-serif;
}

a.custom-logo-link {
	display: inline-block;
	padding-right: 15px;	
	vertical-align: top;
}

.site-title-container .site-title-right {
	display: inline-block;
	line-height: 0;	
}

.site-title-container .site-title-right .site-title {
	font-size: 22px;
	text-transform: uppercase;
	width: 100%;
}

.site-title-container .site-title-right .site-tagline {
	font-size: 15px;
	width: 100%;
}

@media (min-width: 620px) {
	#site-navigation .site-title-container {
	  text-align: left;	
		width: auto;
	}
	
	#site-navigation .site-title-container .site-title {
		display: block;	
	}
	
	#site-navigation .mobile-toggle {
		width: auto;	
	}
}

@media (min-width: 1200px) {
	#site-navigation .container.nav-bar {
	  width: unset;
	  margin: 0 50px;
	}
}

@media (max-width: 1250px) and (min-width: 990px) {
	body #site-navigation .container.nav-bar {
		width: 100%;
		margin: 0;
	}
	
	#site-navigation .module.left {
		padding: 0;	
	}
}

/* Intro */
#intro {
	padding: 50px 0 30px;	
}

#intro h1 {
	text-transform: uppercase;	
}

#intro_banner {
	height: 250px;	
}

/* Musical Services */

#services {
	padding-top: 50px;
}

#services h3 {
	color: white;
	margin-top: 30px;
}

#services .scroll-to-contact {
	margin-top: 100px;
}

#services .btn.scroll-to-contact .btn i {
	margin-left: 5px;
}

/* Videos */

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.video-container {
	max-width: 1200px;
	margin: 0 auto;
}

/* Removes thumbnails until more videos are uploaded to the YouTube channel */
#video_indicators_2_emd_video-cont {
	display: none;
}

#emdvideos {
	padding: 0 !important;	
}

#emd-videos .panel.panel-default {
	display: none;	
}

#video_items_1_emd_video-cont, #video_items_1_emd_video-view {
	background: linear-gradient( rgba(169, 0, 255, 0.45), rgba(55, 0, 106, 0.32) ) !important;	
}

div#video_items_1_emd_video-cont * {
	border: 0;
	max-height: 768px;
	margin: 0 auto;
}

.emd-container .panel-footer {
	display: none;	
}

.emd-container .panel {
	border-radius: 0;	
	border: none;
	background-color: unset;
}

.emd-container .emd-view-results .row {
	margin: 0;	
}

.emd-container .thumbnail {
	border-radius: 0px; 	
}

.emd-container .carousel-inner .item.active iframe {
	padding: 0 !important;
	border-radius: 0px !important; 
}

.emd-container .emd-view-results .row .col-lg-3.col-sm-4.col-xs-6 {
	padding-left: 0;	
	padding-right: 0;
}

@media (max-width: 1199px) {
	#video_indicators_2_emd_video-view .row div:nth-child(4) {
		display: none;
	}
}

/* _rotators */
#testimonials {
	padding-bottom: 50px;
}

#testimonials .slide1.testimonial_rotator_slide {
	display: flex;
}

#testimonials .testimonial_rotator_slide img {
	box-shadow: -12px 10px 0px white !important;
}

.testimonial_rotator_slide.cycletwo-slide {
	align-items: center;
	flex-direction: column;
}

#testimonials img {
	z-index: 1;
 	position: relative;
}

.testimonial_rotator.template-default .slide {
	width: 85%;	
}

#testimonials .testimonial-image img::before {
	position: absolute;
	content: '';
	display: block;
	height: 100%;
	width: 100%;
	background-color: white;
}

.quote {
	font-size: 1.6rem;
	line-height: 2.8rem;
	font-weight: 600;
	text-align: center;
}

#testimonials .testimonial_rotator_wrap {
	margin: 0;
	padding: 0;	
}

.testimonial_rotator.template-default .testimonial_rotator_author_info p {
	margin: 0;	
	font-size: 1.6rem;
}

#testimonials .testimonial-image {
	text-align: center;
}

@media (min-width: 992px) { 
	.testimonial_rotator_slide.cycletwo-slide {
		flex-direction: row;
	}
}

@media (min-width: 990px) { 
	#testimonials .testimonial-image img {
		max-width: 750px;
		width: 100%;
		box-shadow: -3px 3px 6px #0000007a;
		-moz-box-shadow: -3px 3px 6px #0000007a;
		-webkit-box-shadow: -3px 3px 6px #0000007a;
		transition: all 0.4s ease;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-ms-transition: all 0.4s ease;
	}

	/* #testimonials .row:hover .testimonial-image img {
		box-shadow: -6px 6px 6px #0000007a;
		-moz-box-shadow: -6px 6px 6px #0000007a;
		-webkit-box-shadow: -6px 6px 6px #0000007a;
		top: -18px;
	}*/
}

.quote i:nth-child(1) {
  margin-right: 10px;
  font-size: 1.5rem;
  vertical-align: text-top;
}

.quote i:nth-child(2) {
  margin-left: 10px;
  font-size: 1.5rem;
  vertical-align: text-top;
}

.quote_author {
	max-width: 300px;
	margin: 0 auto;
}

.testimonial_rotator_prev, .testimonial_rotator_next {
	color: #513ad5;
	font-size: 3.5rem;	
	top: calc(50% - 40px);
}

.testimonial_rotator_prev:hover, .testimonial_rotator_next:hover {
	color:#3c21d3 !important;	
}

.testimonial_rotator_next {
	right: 25px;	
}

.testimonial_rotator_prev {
	left: 25px;	
}

.testimonial_rotator.template-default .testimonial_rotator_author_info {
	text-align: center;
	border: none;
	padding: 0;
	margin: 0;
}

#testimonials .testimonial-image img {
	max-width: 80%;
    max-height: 400px;
    width: auto;
    height: auto;
    margin-bottom: 45px;
}

@media (min-width: 992px) {
	#services {
		padding-top: 100px;
	}

	#testimonials .testimonial-image {
		text-align: right;
	}
	
	.quote {
		max-width: 545px;
		text-align: left;
	}

	#testimonials .testimonial-image img {
    	margin-bottom: 10px;
	}
	
	.testimonial_rotator_prev, .testimonial_rotator_next {
		font-size: 5rem;	
	}
	
	.testimonial_rotator_next {
		right: 40px;	
	}

	.testimonial_rotator_prev {
		left: 40px;	
	}
	
	.testimonial_rotator.template-default .testimonial_rotator_author_info {
    padding: 10px 0 10px 15px;
    border-left: solid 3px #efefef;
    margin: 10px 0;
    text-align: left;
  }
}

@media (max-width: 992px) {

}

/* Gallery */
@media screen and (min-width: 460px) and (max-width: 768px) {
	.envira-gallery-item-4 {
		display: none;
	}
}

#envirabox-overlay {
	background: black !important;	
}

/* Contact */
#contact {
	padding-top: 100px;
	padding-bottom: 100px;
}

#contact .contact_me input, #contact .contact_me textarea {
	background: transparent;
	outline: 0;
	border: 0;
	border-bottom: 1px solid white;	
	color: white;
}

#contact .contact_me input::placeholder, #contact .contact_me textarea::placeholder {
	color: white;
}

#contact .wpforms-submit.btn.btn-white {
	display: block;
	margin: 0 auto;
	max-width: none;
	border-radius: 45px !important;
	line-height: 2em;
	text-transform: uppercase;
	background-color: black !important;
	color: white !important;
	border: 2px solid white !important;
}

#contact .address, #contact .email, #contact .phone {
	color: white; 
	font-weight: 400;
}

.availability_btn_basic_check_availability_code {
	max-width: unset !important;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
}

.availability_drop_basic_check_availability_code select {
	margin-bottom: 25px;
	font-size: 2rem;
	font-family: inherit;
	padding: 5px 10px;
}

@media screen and (max-width: 768px) {
	#contact #check-date {
		margin-top: 50px;
	}
}

/* Footer */
.cfa-section {
	background: linear-gradient( rgba(169, 0, 255, 0.45), rgba(55, 0, 106, 0.45) ), url(/wp-content/uploads/2019/10/adults-audience-band-342520.jpg);
	background-color: black;
	background-position: 70% 40%;
	background-repeat: no-repeat;
	background-size: cover;
}

.cfa-text {
	line-height: 3.8rem;
	font-size: 2.5rem;
	margin-bottom: 30px;
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
	.footer-callout .col-sm-9, .footer-callout .col-sm-3 {
		width: 100%;	
	}
}

.privacy-policy {
	margin-top: 15px; 
	display: block;
}

.privacy-policy a {
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
}

.privacy-policy a:hover {
	color: #858585;
}

.pum-container h2 {
	font-size: 4rem;
	line-height: 4.4rem;
}

.pum-content {
	padding-bottom: 25px;
}

.pum-container h1, .pum-container h2, .pum-container h3, .pum-container h4, .pum-container h5, .pum-container h6 {
    color: black;
}

.pum-container a {
	color: rgba( 81, 58, 212, 1.00 ) !important;	
}

.pum-container a:hover {
	color: #3c21d3 !important;	
}

.pum-container p {
	color: #475157;
}

/* Login Form Popup */

#dj-login-form input {
	background-color: #ededed;
	border: none;
	border-radius: 0px;
	height: 45px;
	width: 100%;
	max-width: 500px;
}

#dj-login-form label {
	display: block;
}

#dj-login-form {
	text-align: center;
}

.pum-open-overlay.pum-open-scrollable {
	margin-right: 2px;
	position: relative;
}

html.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden] {
	adding-right: inherit;
}