@charset 'utf-8';
/*
 Theme Name:   KSM-Music Child
 Theme URI:    https://www.whitespider.ie/
 Description:  KSM-Music - Fully Responsive and Mobile Friendly theme
 Author:       Whitespider Web Design
 Author URI:   https://www.whitespider.ie/
 Template:     melodyschool
 Version:      1.1
 Tags:         light, inheritable theme-options
 Text Domain:  melodyschool
*/


@import url("../melodyschool/style.css");

/*homepage notice - 18.06.2021*/
.ws-notice-on{
	font-size:18px !important;
	line-height:22px !important;
}
.ws-notice-on h4{
	margin-bottom:20px !important;
}
.ws-notice-off{
	display:none !important;
}

/* =Theme customization starts here
-------------------------------------------------------------- */

/*generic*/
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}

.ws-top-margin{
	margin-top:40px;
}


header.top_panel_wrap.top_panel_style_6{

}

/*hero*/
div.ws-hero-outer-wrapper{
		width:100%;
		height:100px;
		max-width:700px;
		margin:0 auto !important;
		padding-top:10px;
		text-align:center;
		color:#ffffff;
		font-weight:800;
		background-color:rgba(0,0,0,0.4);
}

div.ws-hero-img-wrapper{
	display:inline-block;
	padding-right:15px;
}
#hero-subtitle span{
	display:block !important;
	text-align:center !important;
}

/*-------------------------------------------
*		teacher shortcode / widget
*-------------------------------------------*/
.teacher-wrapper{
	box-sizing:border-box !important;
	margin-bottom:40px;
	clear:both;
}

.teacher-image{
	box-sizing:border-box !important;
	float:left;
	width:30%;
	max-width:80px;
}
.teacher-image>a:hover img{
	transform:scale(1.05);
}
.teacher-image img{
	display:inline-block !important;
	max-width:80px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	transition:all 0.23s ease-in-out;
}
.teacher-details{
	box-sizing:border-box !important;
	float:right;
	width:70%;
	padding-left:10px;
}
.teacher-details>h5{
	margin-top:-10px;
	margin-bottom:5px;
}
.teacher-details>div.teacher-summary{
	font-size:13px;
	line-height:17px;
}

h5.teacher_title{
    margin-top:0px;
    padding:15px 0px;
    text-align:center;
    background-color:#59c6bc;
    color:#ffffff !important;
}

/* teachers index page */
.ws-team-index img{
	border-radius:50% !important;
	-moz-border-radius:50% !important;
	-webkit-border-radius:50% !important;
}
.ws-teacher-index-text{
	margin-top:15px;
}
.ws-teacher-index-text h5{
	margin-bottom:15px;
}

.ws-teachers-hero{
	padding-right:30px !important;
}
.ws-teachers-hero p{
	font-size:18px;
}

/*-------------------------------------------
*		we teach page index
*-------------------------------------------*/
.ws-blur{
	position:relative;
}
.ws-blur:hover div.ws-overlay{
	background-color:transparent;
}
.ws-white-title h5{
	position:relative;
	color:#ffffff !important;
	text-align:center;
	cursor:pointer;
	z-index:102;
}
.ws-white-title h5>a{
	color:#ffffff !important;
	transition:all 0.23 ease-in-out;
}
.ws-white-title h5>a:hover{
	color:#ffffff !important;
	font-weight:900;
}
.ws-blur div.ws-overlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.4);
	cursor:pointer;
	transition:all 0.4s ease-in-out;
	z-index:101;
}

/*individual classes pages*/
body.single-services p{
	font-size:15px;
}
div.teacher-summary p{
	font-size:13px !important;
}

/*-------------------------------------------
*	individual class pages
*-------------------------------------------*/
body.single-services h1.post_title.entry-title{
	display:none;
}

span.class-desc{
	display:inline-block;
	position:relative;
	top:12px;
	margin-right:20px;
	font-size:30px;
	color:#ffffff;
}
span.class-meta,a.class-meta,a.enrol-cta{
	display:inline-block;	
	padding:6px;
	margin-right:12px;
	margin-bottom:15px;
	text-align:center;
	min-width:140px;
	border-radius:18px;
	-webkit-border-radius:18px;
	-moz-border-radius:18px;
}
span.class-meta,
a.class-meta{
	border:solid 2px #ffffff !important;
	background-color:#59c6bc !important;
	color:#ffffff !important;
}
a.enrol-cta{
	border:solid 1px #fff568;
	background-color:#fff568;
	color:#333745 !important;
}
.ws-classes-top-cta a.enrol-cta{
	border:solid 2px #ffffff;	
}

.ws-classes-top-cta span.class-desc{
	color:#59c6bc;
}
.ws-classes-top-cta span.class-meta,
.ws-classes-top-cta a.class-meta{
	border:solid 2px #59c6bc !important;
	background-color:transparent !important;
	color:#59c6bc !important;
}

a.class-meta,
a.enrol-cta{
	transition:all 0.23s ease-in-out !important;
}
a.class-meta:hover{
	background-color:#ffffff !important;
	color:#59c6bc !important;
}
a.enrol-cta:hover{
	background-color:#f9eb2c !important;
}

/*-------------------------------------------
*		forms customisation
*-------------------------------------------*/
form.wpcf7-form input,
form.wpcf7-form input[type="date"],
form.wpcf7-form textarea{
	margin-top:5px;
	width:90% !important;
	height:40px;
	padding:5px;
	border:solid 1px #e5e5e5 !important;
	transition:all 0.23s ease-in-out;
}
form.wpcf7-form textarea{
	min-height:140px !important;
}
form.wpcf7-form input[type="date"]{
	padding:0px 5px !important;
	width:88% !important;
}
form.wpcf7-form input:focus,
form.wpcf7-form input[type="date"]:focus,
form.wpcf7-form textarea:focus{
	border-color:#fff569 !important;
}
span.wpcf7-form-control-wrap.tc-accept{
	text-align:left !important;
}
form.wpcf7-form input[type="checkbox"]{
	display:block;
	width:40px !important;
	text-align:left !important;
}

/*------------------------------------
*        Media Queries
*-----------------------------------*/
@media screen and (max-width: 799px){
	.ws-hero-outer-wrapper{
		display:none !important;
	}
}

@media (max-width:1265px) and (min-width:1140px) {
	li.menu-item-939{
		display:none;
	}
}

@media (min-width:1140px){
	.ws-menu-cta{
		margin-top:-2px;
		border:solid 2px #ffffff;
		transition:all 0.23s ease-in-out;
		border-radius:30px;
		-moz-border-radius:30px;
		-webkit-border-radius:30px;
	}
	.ws-menu-cta a{
		transition:all 0.23s ease-in-out;
	}
	.ws-menu-cta:hover{
		background-color:#4fb0a7 !important;
	}
	.ws-menu-cta a:hover{
		color:#ffffff !important;
	}
}

@media (max-width:965px){
	span.class-desc{
		display:block;
		position:static !important;
		margin:0 auto !important;
		margin-bottom:25px !important;
		text-align:left;
	}
}

@media (max-width:960px) and (min-width:768px) {
	.teacher-image img{
		max-width:65px !important;
	}
	.teacher-details{
		width:65% !important;
	}
}

@media (max-width:840px){
	#hero-subtitle{
	   
	}
}

@media (max-width:767px){
	.vc_col-sm-4 .vc_column-inner{
		margin-left:0px !important;
		margin-top:40px !important;
	}
	.teacher-wrapper{
	}

}

@media (max-width:640px){
	span.class-meta,
	a.class-meta,
	a.enrol-cta{
		font-size:11px !important;
		padding:4px !important;
		min-width:106px !important;
	}
}

/*Added to display the 'install app' section on the home page on mobile devices*/


div.app-install #our-app-install h1, 
div.app-install #our-app-install h2, 
div.app-install #our-app-install h3, 
div.app-install #our-app-install p, 
div.app-install #our-app-install .sc_item_descr {
  color:#666 !important;
	}

@media (min-width:640px) {
  #our-app-install {
    visibility: hidden;
    display: none;
  }
}