/*   
Theme Name: JESM Theme
Theme URI: http://hainescreative.com
Description: This is a Haines Creative custom theme for Jerry Evans School of Music
Author: Guy Haines
Author URI: http://hainescreative.com
Version: 1
*/


/* @import "library/bootstrap.css"; */ 

/* Overrides */

body, footer ul.menu li ul li a, footer ul.menu li.minilink a {font-weight: 300;}

.fullwidthbanner-container {
	padding: 90px 0 !important;
	overflow: visible;
	max-height: 800px !important;
	background: cover !important;
}
.fullwidthbanner-container iframe {
	max-width: 100%;
	min-height: 240px;
	height: auto;
}



h4.home-banner-text {
	color: white;
	font-weight: 600;
    text-transform: uppercase;
    font-size: 44px;
    line-height: 54px;
    font-family: 'Montserrat', 'Open Sans', verdana, sans-serif;
}
h4.home-banner-text span {font-size: 24px; line-height: 32px;}
@media all and (max-width: 991px) {
	.fullwidthbanner-container .container {width: 100%; max-width: 100%;}
	h4.home-banner-text {font-size: 32px; line-height: 40px;}
	h4.home-banner-text span {font-size: 18px; line-height: 28px;}
}

.owl-item > div.sa_hover_container {
	background-color: #5e81be !important;
}
div#slider_homeslider {
    font-size: 16px;
    line-height: 24px;
    margin: 48px auto;
    color: white;
}

@media all and (min-width: 992px) {
	.col-md-fifth {width: 20% !important; float: left;}
}


.cta-band {
	background: #eee;
	padding: 48px 0;
	width: calc(100% - 30px);
	margin: 48px auto;
}
.cta-band h3 {max-width: 550px; margin: 0 auto;}
/* Gravity Forms */

body .gform_wrapper ul li.gfield {
	margin-top: 1px !important;
	margin-right: 0 !important;
	padding-right: 0 !important;}
.gform_wrapper li.hidden_label input {margin-top: 0 !important;}

.gform_wrapper .gform_body {width: 100% !important;}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
	width: 100% !important;
	font-size: 14px !important;
	border: none!important;
	outline: none !important;
	padding: 20px 12px !important;
	color: #444 !important;
	background: #fafafa !important;
	border-radius: 0 !important;
	display: block;
}
.gform_wrapper .top_label .gfield_label {color: #444 !important; margin: 15px 0 0 0;}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-webkit-input-placeholder,
.gform_wrapper textarea::-webkit-input-placeholder{ 
  color: #aaa !important;
}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-moz-placeholder, 
.gform_wrapper textarea::-moz-placeholder {
  color: #aaa !important;
}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):-ms-input-placeholder, 
.gform_wrapper textarea:-ms-input-placeholder {
  color: #aaa !important;
}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):-moz-placeholder, 
.gform_wrapper textarea:-moz-placeholder {
  color: #aaa !important;
}
.gform_wrapper textarea {
	font-size: 14px !important;
	border: none !important;
	outline: none !important;
	padding: 8px 12px !important;
	height: 100px !important;
	width: 100% !important;
	float: right;
	color: #444 !important;
	background: #fafafa !important;
}

.gform_wrapper .chosen-container, .gform_wrapper .chosen-container * {
	width: 100% !important;
}
.gform_wrapper .gform_footer {
	padding: 3px 0 0 0 !important; 
	margin-top: 0 !important;
	text-align: center;}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
	width: 100% !important;
	max-width: 200px; 
	padding: 7px 15px; 
	text-align: center; 
	outline: none;
	border: none;
	background: #425b86;
	margin: 10px auto !important;
	color: white;
	position: relative;
	text-transform: uppercase;
	font: 18px 'Lato', sans-serif !important;
	float: right !important;
	clear: both !important;
	min-height: 44px !important;
}


.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: rgba(255,223,224,.25);
     margin-bottom: 0px!important; 
     border-top: none !important; 
     border-bottom:  none !important; 
     padding-bottom: 0px !important; 
     padding-top: 0px !important; 
    box-sizing: border-box;
}
.gform_wrapper .field_description_below .gfield_description {padding-top: 0 !important;}
.gform_wrapper .validation_message {
    padding: 5px !important;
    background: rgba(255,255,255,.6);
}

.gform_wrapper div.validation_error {    
	border: 1px solid #911311 !important;
	color: #444 !important;
}
div#gform_confirmation_wrapper_1 {
    padding: 8px !important;
    border: 1px solid #444 !important;
}


@media all and (min-width: 768px) {
	li#field_1_1, li#field_1_2 {
		width: calc(50% - 5px) !important;
		float: left !important;
		clear: none !important;
	}
	li#field_1_1 {margin-right: 10px !important;}
}
.faculty {text-align: center; font-size: 14px;}
.faculty img {
    margin: 0 auto 10px auto;
    display: block;
}

/* 2019 Updates */

body {line-height: 30px;}

@media all and (min-width: 768px) {
	.fullwidthbanner-container {
		min-height: 460px !important; 
		padding: 175px 32px !important;
	}
}
@media all and (min-width: 992px) {
	.fullwidthbanner-container {
		min-height: 540px !important; 
		padding: 160px 32px !important;
	}
}
@media all and (min-width: 1200px) {
	.fullwidthbanner-container {
		min-height: 640px !important; 
		padding: 250px 32px !important;
	}
}

.home-iframe {
	padding: 48px 0;
}
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.cta-band {background: #fff;}

.testimonials-title {margin-top: 48px;}
.testimonialsHeader {background: #fff; padding: 16px 0 48px 0;}
.home-badge-img {margin-top: 10px;}
.home-value {
	position: relative; 
	background: #fff; 
	padding-top: 48px;
	padding-bottom: 48px;
	min-height: 290px;
}
.home-value:before {
	content: "";
    display: block; 
    margin: 0 auto; 
    width: 64px; 
    padding-bottom: 20px; 
    border-top: 4px solid #425b86; 
    position: absolute;
    top: 0;
    right: 0;
}
.sidebar {background: none;}

.post, .story {	
	background: #fff;
	margin-bottom: 32px;
	border: 1px solid #ddd;
}
.teacher, .teacher a {color: #425b86; background: none;}
.post h2, .meta, .entry {margin-bottom: 24px;}
.sidebar li {line-height: 28px;}
.sidebar img.CTA {margin: 48px 0 24px 0; max-width: 225px;}

.preFooter {background: #fff;}
.faculty:nth-of-type(2) {border: none; }
#nav-posts {width: 100%;}
#nav-posts .prev, 
#nav-posts .next {
	float: left; 
	margin: 24px 0; 
	background: #425b86; 
	padding: 12px 24px;
}
#nav-posts .prev a, 
#nav-posts .next a {
	color: white; 
}
#nav-posts .next {float: right;}

.testimonials {border: none;}

.faculty h3 {text-align: left;}

@media all and (min-width: 960px) {
	.ubermenu-submenu-id-302, .ubermenu-submenu-id-350 {
		position: fixed !important;
	}
}

#menu-item-1603 > a {padding-right: 0;}

.get-in-touch {
	max-width: 250px;
    padding: 7px 15px;
    text-align: center;
    outline: none;
    border: none;
    border-radius: 10px 10px 0 0;
    background: #425b86;
    margin: 0 auto !important;
    color: white;
    position: relative;
    text-transform: capitalize;
    font: 15px 'Lato', sans-serif !important;
    clear: both !important;
    min-height: 44px !important;
    position: fixed;
    bottom: 0;
    right: 20px;
}
.modalCTA {
	width: 100% !important;
    max-width: 200px;
    padding: 7px 15px;
    text-align: center;
    outline: none;
    border: none;
    background: #425b86;
    margin: 10px auto !important;
    color: white;
    display: block;
    position: relative;
    text-transform: uppercase;
    font: 18px 'Lato', sans-serif !important;
    float: none !important;
    clear: both !important;
    min-height: 44px !important;
 }

.spu-content button {
	background: #425b86;
	color: white;
	font-family: 'Rotis Serif', 'Philosopher', "times", serif;
	padding: 12px 24px;
	font-size: 18px;
	outline: none;
	border: none;
}