/*
 Theme Name:   The Music Loft
 Description:  Crocal Child Theme
 Version:      1.0
 Author:       Maia Siber
 Author URI:   https://maiasiber.com
 Template:     crocal
*/

@import url("scripts/slick.css");

/* Header Nav Highlight Links */
#eut-header a.tml-menu-link-highlight .eut-item {
	padding:5px 8px;
	border-radius:4px;
	color:#ffffff!important;
	background:#d0232a;
	-webkit-transition:background 100ms linear;
	     -o-transition:background 100ms linear;
	        transition:background 100ms linear;
}
#eut-header a.tml-menu-link-highlight:hover .eut-item {
	background:#620000;
}
#eut-header a.tml-menu-link-highlight .eut-item:after {
	display:none;
}

/* Homepage Nav */
body.home.page-template-default #eut-header {
	padding:10px 0;
	background:#ffffff;
	background-image:url(img/logo-dark.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:auto 60%;
}

/* Homepage Slider */
#homepage_slideshow {
	position:relative;
}
#homepage_slideshow .slick-slider {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
#homepage_slideshow .slick-list,
#homepage_slideshow .slick-track {
	height:100%;
}
#homepage_slideshow .slider .item {
	height:100%!important;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
#homepage_slideshow h1.add_shadow {
	text-shadow:rgba(0, 0, 0, 0.6) 0px 0px 10px;
}

/* Faculty Filters */
.tml_faculty_filters h6 {
	text-align:center;
}
.tml_faculty_filters h6 span {
	margin:0 5px; 
	opacity:0.5; 
	font-weight:400; 
	position:relative; 
	top:-1px;
}
.tml_faculty_filters h6 a.active {
	position:relative;
	color:#620000;
}
.tml_faculty_filters h6 a.active:after {
	display:block;
	content:'';
	width:100%;
	height:1px;
	background:#620000;
	position:absolute;
	bottom:-2px;
	left:0;
}

/* Faculty Grids */
.tml_faculty_grid {
	margin-left:-30px;
	margin-right:-30px;
}
.tml_faculty_grid .eut-column-inner-content {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
		flex-wrap:wrap;
}
.tml_faculty_grid .eut-column-inner-content .eut-team.eut-element {
	-webkit-box-flex:0;
	        -ms-flex:0 0 33.3333%;
		        flex:0 0 33.3333%;
	width:33%;
	margin-bottom:60px;
	padding:0 30px;
}

/* Calendar Tables */
.tml_calendar_table {
	width:auto;
	border:none;
	border-top:1px solid;
}
.tml_calendar_table tr {
	border:none;
}
.tml_calendar_table td {
	border:none;
	background:#f5f5f5;
	border-bottom:1px solid;
}
.tml_calendar_table tr td:first-child {
	text-align:left;
	font-weight:bold;
}
.tml_calendar_table tr td:last-child {
	text-align:right;
}

/* Lessons Schedule */
.tml_lessons_table tr:first-child,
.tml_lessons_table tr td:first-child {
	background:#f7f7f7;
	font-weight:bold;
	text-align:left;
}
.tml_lessons_table td {
	vertical-align:middle;
}

/* Procedures Side Navigation Links */
.tml_procedures_navigation p {
	font-size:13px;
	line-height:1;
}
.tml_procedures_navigation a {
	display:inline-block;
	margin:4px 0;
	line-height:1.2;
}

/* Contact 7 Form Style Overrides */
.wpcf7 input[type='text'],
.wpcf7 input[type='email'],
.wpcf7 input[type=radio],
.wpcf7 input[type=checkbox],
.wpcf7 textarea,
.wpcf7 select {
	background-color:#ffffff;
}
.wpcf7 textarea {
	height:100px;
}
.wpcf7-form input:checked+.wpcf7-list-item-label:after {
	background:#d0232a;
}
.wpcf7-form p {
	line-height:1;
}
.wpcf7-form label {
	display:block;
	font-size:13px;
	line-height:1.4;
	font-weight:600;
}
.wpcf7-form .agree-to-terms label {
	font-size:12px;
    font-weight:400;
    line-height:1;
}
.wpcf7-form input[type='submit'] {
	width:100%;
	text-transform:uppercase!important;
	letter-spacing:0.1em!important;
}
.wpcf7-form input[type='submit']:disabled {
	opacity:0.3;
	cursor:default;
	background-color:#000000!important;
}
.wpcf7 form .wpcf7-response-output {
	margin-left:0;
	margin-right:0;
}

/* MindBody Registration Form Style Overrides */
.hc_registration .hc-label {
	margin-bottom:15px;
	font-family:"Open Sans Condensed";
    font-weight:700!important;
    font-style:normal;
    text-transform:none;
    font-size:18px!important;
    line-height:24px;
    letter-spacing:0px;
}
.hc-registration-field input[type='text'],
.hc-registration-field input[type='email'],
.hc-registration-field input[type=radio],
.hc-registration-field input[type=checkbox],
.hc-registration-field textarea,
.hc-registration-field select {
	background-color:#ffffff;
}
.hc_registration .parsley-errors-list.filled {
    margin:0;
    position:relative;
    top:-10px;
}
.hc_registration .parsley-errors-list.filled>li {
	font-weight:400;
}
.hc-actions input[type='submit'] {
	width:100%;
	text-transform:uppercase!important;
	padding:.857em 1.714em!important;;
    line-height:1.4!important;;
    font-size:12px!important;;
    font-weight:600;
    letter-spacing:0.1em!important;
}

/* Mobile Styles */
@media only screen and (max-width:1023px) {
	
	/* Homepage Slider */
	#homepage_slideshow { margin-top:0!important; padding:80px 0 50px!important;  }

}

@media only screen and (max-width:768px) {

	.tml_hide_mobile {
		display:none!important;
	}

	/* Faculty Grids */
	.tml_faculty_grid .eut-column-inner-content .eut-team.eut-element { -webkit-box-flex:0; -ms-flex:none;	flex:none; width:100%; max-width:350px; margin-left:auto; margin-right:auto; }

	/* Calendar Tables */
	.tml_calendar_table,
	.tml_calendar_table tbody,
	.tml_calendar_table tr,
	.tml_calendar_table td { display:block; width:100%; text-align:left!important; }

	/* Lessons Schedule */
	.tml_lessons_table,
	.tml_lessons_table tbody,
	.tml_lessons_table tr,
	.tml_lessons_table td { display:block; width:100%; text-align:left!important; }
	.tml_lessons_table tr:first-child td:last-child { display:none!important; }

}