/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     http://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */


body, input, textarea, select {
font-style: normal;
font-weight: 400;

}


body.et_non_fixed_nav.et_transparent_nav.et_secondary_nav_enabled #main-header,
body.et_fixed_nav.et_secondary_nav_enabled #main-header {
	top: 0px!important;
	border-top: 5px solid #ffffff;
}

#main-header {
	border-top: 5px solid #ffffff;
}

#image-header {
border-top: 2px solid #ffffff;
height: 100%;
padding: 0;
margin: 0;
text-align:center;
}

#getstartedbutton {
	position: absolute;
	margin-top: -60px;
	margin-left: 85%;
	z-index: 1000;
}

#top-header {
	right: 0;
	left: 0;
	margin:0;
	margin-top: -14px;
	padding-top: 0;
}

#et-secondary-nav {
    
}

/*fixing logo to text issue*/

.et_header_style_left .logo_container{
	position:initial!important;
	vertical-align: middle;	
	padding-bottom: .4em;
    padding-top: .7em;
	}

#et-top-navigation {display: none}


#tagline {
    color: #31c2dd;
	font-size: 24px;
	font-weight: 300!important;
	padding-left: 5px;
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 11px;
}


.et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container {
	padding-top: 0!important;
				 
}

#top-header .container {
    margin-top: 5px;
}


/*top navigation styling - this is set up within the secondary-nav*/

#et-secondary-menu {
    float: left;
}

#et-secondary-menu ul {
    font-size: 0;
}




ol, ul {
    list-style: outside none none;
}


#et-secondary-nav li, #et-secondary-nav li:link, #et-secondary-nav li:visited, #et-secondary-menu ul.sub-menu li:link {
    background: none;
	font-family: "franklin-gothic-urw",sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    color: #404040;
    margin: 0;
    position: relative;
    text-decoration: none;
}

#et-secondary-nav ul li a:hover {
	background-color:rgba(0,0,0,0)
}





#et-secondary-nav li a, #et-secondary-nav li a:link, #et-secondary-nav li a:visited {
    padding-left: 19px;
    padding-right: 19px;
	padding-top: 0;
	padding-bottom: 8px;
	margin-top: 0;
}





#et-secondary-nav li.current_page_item a, #et-secondary-nav li.current-menu-item a, #et-secondary-nav li.current-cat a, #et-secondary-nav li a:hover {
	color: #1f94aa !important;
}

/*top navigation submenu - secondary-nav*/

#et-secondary-nav li li.current_page_item a, #et-secondary-nav li li.current-menu-item a, #et-secondary-nav li li.current-cat a {
	color: #404040 !important;
}

#et-secondary-nav li li a:hover {
	color: #1f94aa !important;
}

#et-secondary-nav li>ul.sub-menu{
	width:174px
}


#et-secondary-nav .sub-menu {
   background-color: #fff; /* Background color dropdown */
   border: 1px solid #1f94aa; /* Top border color dropdown */
}

#et-secondary-nav .sub-menu li a {
   font-size: 14px; /* Font size dropdown */
   width: 100%;
   color: #404040;
   
}


#et-secondary-nav li li a, #et-secondary-nav li li a:link, #et-secondary-nav li li a:visited {
   
	padding-top: 8px;
	text-align: center;
	padding-bottom: 8px;
}

#et-secondary-nav .sub-menu li {
	margin-top: 0px;
   padding-left: 0px;
   padding-right: 0px;
   width: 100%;
}

#et-secondary-nav li li.sub-menu a, #et-secondary-nav li li.sub-menu a:link, #et-secondary-nav li li.sub-menu a:visited {
   
   padding-bottom: 8px;
   padding-left: 8px;
    padding-right: 8px;
}


#et-secondary-nav .sub-menu {
   padding-top: 0px;
   padding-bottom: 0px;
}

.nav ul li a:hover {
   opacity: 1;
   background-color: rgba(0,0,0,0);
}

#et-secondary-nav li ul {
		-webkit-box-shadow: 0 0px 0px rgba(0,0,0,.1);
}





.et_pb_text a{
	font-weight:700;
	
}



h1, h2, h3, h4, h5, h6 {
    padding-bottom: 25px;
}


h1 {
color: #1f94aa;
 font-family: "franklin-gothic-urw", sans-serif;
 font-size: 46px!important;
 font-style: normal;
 font-weight: 900!important;
 line-height: 34px;
}

h2 {
color: #292929;
 font-family: "franklin-gothic-urw",sans-serif;
 font-size: 34px!important;
 font-style: normal;
 font-weight: 300!important;
 line-height: 34px;
 margin-top: -19px;
}

h3 {
	
color: #1f94aa;
font-family: "franklin-gothic-urw",sans-serif;
font-weight: 700!important;
font-size: 24px!important;
padding-top: 10px;

}

h3 em {
color:	#292929;
font-family: "franklin-gothic-urw",sans-serif;
font-weight: 900!important;
text-transform: uppercase;
font-style:normal;
}


h5 {
	
color: #1f94aa;
font-family: "franklin-gothic-urw",sans-serif;
font-weight: 700!important;
 font-size: 18px!important;
}

h5 em {
color:	#292929;
font-family: "franklin-gothic-urw",sans-serif;
font-weight: 900!important;
text-transform: uppercase;
font-style:normal;
}

.content h1, .content h2, .content h3, #content h4, .content h5, .content h6 {
    font-family: "franklin-gothic-urw",sans-serif;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin: 0 0 4px;
    padding: 0;
}


.content h2 {
    color: #414349;
    font-size: 24px;
    margin-bottom: 8px;
    margin-top: 15px;
}

.content h3 {
    color: #e0c931;
    font-size: 20px;
	margin-bottom: 13px;
}

.entry-content p {
    padding-bottom: 1.2em;
}


q:before {
content:"\201c"; 
color: #d3ba07; 
font-size: 300%; 
font-family: Georgia, "Times New Roman", Times, serif; 
line-height:0;
vertical-align:text-bottom;
margin-left: -35px;
}


q, q p {
font-family: "franklin-gothic-urw",sans-serif;
font-style: normal;
font-weight: 300;
font-size: 28px;
line-height: 1.1em;
color: #1f89aa;
}

q {
border-top: 0px #d3ba07 solid;
border-color: #d3ba07!important;
padding: 0;
	border-left: 0px;
    margin-bottom: 10px;
	margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
	
}

p.second {
	margin-top: 50px;
}


p.summary {
	color: #000;
	font-size: 28px;
	font-weight:300;
	line-height:1.1em;
}

cite {
    color: #b6a004;
    font-family: "franklin-gothic-urw",sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 12px;
    margin-bottom: 4px;
    margin-top: 4px;
}

p.quote {
font-style: italic;
font-weight: 300;
font-size: 18px;
line-height:1.5em;

}




span.attrib {
	color: #1f94aa;
	font-weight: 700;
	font-style: normal;
	font-size: 14px;
}

.intro p{
	font-family: "franklin-gothic-urw",Arial,sans-serif;
	color: #a85700;
    font-size: 30px;
    font-style: normal;
    font-weight: 300;
    line-height: 36px;	
}

/*buttons*/

a.button.sidebar {
	font-family: "franklin-gothic-urw",Arial,sans-serif;
    background-color: #1f94aa;
    font-size: 24px;
	line-height: 36px;
    margin-top: 35px;
	margin-bottom: 5px;
    padding-top: 10px;
	padding-bottom: 10px;
    width: 280px;
	color: #fff;
	text-align:center;
}

a.button.sidebar.two {
margin-top: 0px;	
background-color: #1f66aa;
}

a.button.sidebar.three {
margin-top: 0px;	
background-color: #0e9ccf;
font-size: 22px;
line-height: 22px;
}

a:hover.button.sidebar {
    background-color: #000;
}

.button {
    display: inline-block;
    margin-right: 8px;
	border-radius: 5px;
	cursor: pointer;
	font-weight: 700;
}


.button span {
    font-weight: 300;
}

/*tabs*/

.equal-tabs .et_pb_tabs_controls li {
    width: 25%; /*change width of tabs here depending on the number of tabs you have*/
    text-align: center;
	padding: 5px 0px 3px;
}

.et_pb_tabs_0.et_pb_tabs .et_pb_tabs_controls li.et_pb_tab_active a {
    color: #444 !important;
}

.et_pb_tabs {
	margin-right: 32px;
	
}

.et_pb_tabs {
    border: 1px solid #d9d9d9;
}

.et_pb_tabs p a {
	text-transform:uppercase;
	font-weight:900;
}

.et_pb_all_tabs {
    background: #fff none repeat scroll 0 0;
    padding: 24px 20px;
}

.et_pb_tabs_controls li:hover {
    background-color: #1f94aa!important;
}

.et_pb_tabs_controls li:hover a {
	color: #ffffff!important;
}

/*footer*/

#main-footer {
    margin-top: 50px;
}


#footer-bottom {
    background-color: #2884ae;
	background-image: url(../../uploads/2016/04/banner1.png);
	background-position: bottom;
	background-size: cover;
    padding-top: 2px;
	height:93px;
	margin-bottom: 25px;
}

#footer-info, #footer-info a {
    font-family: "franklin-gothic-urw",Arial,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
	margin-top:-12px;
}

#hfive {
    clear: both;
    float: left;
    margin-left: 35.166%;
    margin-top: -30px;
}

#social_footer {
    clear: both;
    float: right;
    margin-right: 71px;
    margin-top: -43px;
}

#social_footer ul li {
    display: inline;
    margin-right: 3px;
}

#social_header ul, #social_footer ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

p#footer-info span::after {
	content:'\2004|\2004';
}

/*image styling*/

img.curved {
    border-radius: 10px;
}

img.border {
 border: 7px #292929 solid;
}



.wp-caption {
    background-color: transparent;
    border: 0px solid #ddd;
    margin-bottom: 20px;
    max-width: 98%;
    padding: 0;
    text-align: left;
	
}

.wp-caption p.wp-caption-text {
	color: rgba(41, 41, 41, .8);
    font-family: "franklin-gothic-urw",Arial,sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
	text-transform: uppercase;
    font-size: 14px;	
    margin: 0;
	margin-top: -4px;
    padding: 0;
}

.wp-caption p.wp-caption-text span{
	color: #1f94aa;
	text-transform: none;
	font-style:italic;
	font-weight: 400;
}

/*slideshow plugin*/

span.slb_template_tag_ui {
	display:none;
}

span.slb_slideshow {
	display:none;
}


/*sidebar styling*/

.sidebarbutton {
    background-color: #ebd94f;
    border-radius: 10px;
    clear: both;
    color: #ffffff !important;
    display: block;
    float: left;
    font-family: "franklin-gothic-urw",serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    margin-bottom: 5px;
    margin-top: 0;
    padding-bottom: 18px;
    padding-left: 18px;
	padding-right: 18px;
    padding-top: 18px;
    text-align: left;
    text-decoration: none;
    width: 169px;
}

p.sidebar-link {
	margin-top: 25px;
}

p.sidebar-link a {
	color: #292929;
}

p.sidebar-link a:hover, p.sidebar-link a:active {
	color: #1f94aa;
}

/*contact page*/
h1.et_pb_contact_main_title {
	display:none;
}

.et_pb_contact_main_title{
	padding-bottom: 25px;
}


#et_mobile_nav_menu {
    display: inline;
}

/*getting started page overlay*/

.et_overlay::before {
    font-size: 60px;
	top: 46% !important;
	left: 47% !important;
}

#slb_viewer_wrap .slb_theme_slb_default .slb_data_title, #slb_viewer_wrap .slb_theme_slb_default .slb_group_status {
    font-family: "franklin-gothic-urw",sans-serif !important;
	font-size: 16px !important;
}

ul#mobile_menu li.page_item {
	display:none;
}

/*studio page slideshow*/

div.noshow {
    display: none;
}

/****** Lightbox Styling FOR SIDEBAR VIDEO BUTTONS *******/
[class*="lightbox-trigger-"] {cursor:pointer;}
[class*="lightbox-content-"] {position:relative; z-index: unset !important;}
[class*="lightbox-content-"] .mfp-close {color:#999999 !important;}
[class*="lightbox-content-"] .mfp-close:active {top:0px !important;}

/*responsive layout revisions*/


/* Responsive Styles 981px - 1100px */
@media all and (min-width: 981px) and (max-width: 1100px) {
	
#et-secondary-nav {
	margin-left: -50px;
}
	
#et-secondary-nav li a, #et-secondary-nav li a:link, #et-secondary-nav li a:visited {
    padding-left: 9px;
}

#et-secondary-nav li:first-child a {
    padding-left: 0px;
}

a.button.sidebar {
	font-family: "franklin-gothic-urw",Arial,sans-serif;
    background-color: #1f94aa;
    font-size: 20px;
	line-height: 36px;
    margin-top: 35px;
	margin-bottom: 5px;
    padding-top: 7px;
	padding-bottom: 7px;
    width: 238px;
	color: #fff;
	text-align:center;
}

#hfive {
    margin-left: 0;
}


#social_footer {
    margin-right: 0;
}
}

/* Responsive Styles Tablet And Below */
@media all and (max-width: 980px) {
	
	
h1 {
 font-size: 46px!important;
 line-height: 34px;
}

h2 {
 font-size: 34px!important;
 line-height: 34px;
 margin-top: -19px;
}

.et_header_style_left .logo_container {
    float:left;
    height: 51px!important;
    margin: 0 !important;
    padding-bottom: 0.5em;
    padding-top: .7em;
    width: 584px;
}

#et-top-navigation {display: none}

.et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_left #et-top-navigation {
    float: right;
	display:inline;
    padding-top: 0;
	padding-left: 0!important;
	margin-top: 0;
	height:51px;
	}

.et_header_style_split .mobile_menu_bar, .et_header_style_left .mobile_menu_bar {	
    padding-top: 10px;
	padding-bottom: 9px;
}

#et_mobile_nav_menu, .mobile_nav.closed, .mobile_nav.open {

max-height:51px;
}
	
.et_header_style_left #logo, .et_header_style_split #logo img {
	width:auto;
    max-height: 100%;
	max-width: 100%;
}
	
#getstartedbutton {
    margin-left: 75%;
}
	
#hfive {
    margin-left: 0;
	margin-top: -30px;
}


#social_footer {
    margin-right: 0;
}

#footer-info {
	float: left;
}

.et_always_center_on_mobile {
    margin-left: 0 !important;
    margin-right: auto !important;
    text-align: center !important;
}

ul#mobile_menu {
	margin-top: 0;	
}
	
}


@media all and (max-width: 779px) {
	
.equal-tabs .et_pb_tabs_controls li {
width: 100%;
text-align: center;
}

h1 {
 font-size: 40px!important;
 line-height: 30px;
}

h2 {
 font-size: 30px!important;
 line-height: 30px;
 margin-top: -19px;
}

p.summary {
    color: #000;
    font-size: 24px;
    font-weight: 300;
    line-height: 1.1em;
}

}

@media all and (min-width: 670px) and (max-width: 779px) {
	
	.et_header_style_left .logo_container {
    float:left;
    height: 51px!important;
    margin: 0 !important;
    padding-bottom: 0.5em;
    padding-top: .7em;
    width: 80%;
}
	
}

@media all and (max-width: 669px) {

/* Changes mobile logo to specified image */
#logo {
    display:none;
  }
  
.et_header_style_left .logo_container {
    height: 77px !important;
    margin: 0 !important;
    padding-bottom: 0.5em;
    padding-top: 0.7em;
    width: 307px;
}
  
.logo_container:after {
    content: url("https://mosepianoforall.com/wp-content/uploads/2019/11/logo-resp.png");
}

.et_header_style_split .mobile_menu_bar, .et_header_style_left .mobile_menu_bar {
	padding-bottom: 13px;
    padding-top: 23px;
}

ul#mobile_menu {
	margin-top: 9px;	
}
  
  h1 {
 font-size: 40px!important;
 line-height: 30px;
}

h2 {
 font-size: 30px!important;
 line-height: 30px;
 margin-top: -19px;
}

#hfive {
    margin-left: 0;
    margin-top: -20px;
}

p#footer-info {
	line-height: 1.4em;
}

p#footer-info span::after {
	content:"\a";
    white-space: pre;
}

h5 {
    font-size: 16px !important;
}

#social_footer {
	width: 30%;
	height: 30%;
	text-align:right;
	margin-top: -50px;
}

#social_footer img{
	width: 40%;
	height: 40%;
}

#footer-info, p#footer-info {
    text-align: left !important;
}

#footer-bottom {
    background-position: left bottom;
}
}


@media all and (max-width: 600px) {
	
	
#hfive {
    margin-top: -40px;
}

	
	
#social_footer {	
	margin-top: -50px;
}
	
#hfive em::after {
	content:"\a";
    white-space: pre;
}
	
}

@media all and (max-width: 528px) {
	
h1 {
 font-size: 36px!important;
 line-height: 30px;
}

h2 {
 font-size: 24px!important;
 line-height: 26px;
 margin-top: -19px;
}

}

@media all and (max-width: 500px) {
	
#getstartedbutton {
    margin-left: 75%;
	margin-top: -50px;
}

#getstartedbutton img{
    max-width: 90%;
}
	
}

@media all and (max-width: 439px) {
	
.container.et_menu_container {
    text-align: center;
}
	
.et_header_style_left .logo_container {
    float: none;
	margin:auto!important;
}

.et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_left #et-top-navigation {
    float: none;
    height: 51px;
    padding-left: 0!important;
	margin:auto!important;
}

.et_header_style_split .mobile_menu_bar, .et_header_style_left .mobile_menu_bar {
    padding-top: 0;
}

#et_mobile_nav_menu {
    float: none;
	display: block;
}

ul#mobile_menu {
	margin-top: 0;	
}

#getstartedbutton {
    margin-left: 70%;
	margin-top: -30px;
}

#getstartedbutton img{
    max-width: 90%;
}

.et_overlay::before {
    font-size: 45px;
}

#social_footer {	
	margin-top: -40px;
}

}

@media all and (max-width: 359px) {
	
.et_header_style_left .logo_container {
    float: none;
    margin: auto !important;
	width: auto;
}

.logo_container::after {
    content: url("https://mosepianoforall.com/wp-content/uploads/2019/11/logo-responsive-phone.png");
}

a.button.sidebar {
	font-family: "franklin-gothic-urw",Arial,sans-serif;
    background-color: #1f94aa;
    font-size: 20px;
	line-height: 36px;
    margin-top: 35px;
	margin-bottom: 5px;
    padding-top: 7px;
	padding-bottom: 7px;
    width: 200px;
	color: #fff;
	text-align:center;
}
	
}

/* Responsive Styles Large Desktop And Above */
@media all and (min-width: 1601px) {

#image-header img{
	display:none;
}
#image-header:after {
    content: url("https://mosepianoforall.com/wp-content/uploads/2019/11/banner-1920.png");
}	
	
}