/**
Theme Name: Potential Piano Studio
Theme Author: Kool Desiger Maker
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;


}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
 display: block;
}
body{ font-family: 'Lato', sans-serif ;  float:left; width:100%; background-color:#ede2d7;
}

img{ border:none; outline:none; max-width:100%; max-height:100%; }
a{ outline:none; border:none; }
.header-outer{ float:left; width:100%; padding-top:3%; padding-bottom:0%;}
.navigation{ float:left; width:100%; padding-top:3%;}
.navigation img{width:22.8%;margin-left:1%; margin-right:1%; border:solid 5px #666;}
.navigation img:hover:first-child{opacity:.8;}
.logo{ float:left;}
.icon1w{float:right;padding-top:26px;}
.logo:hover{opacity:.8;}
.class1 h2{clear:both; line-height:32px;margin-bottom:0px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; padding-bottom:16px; color:#b68955; font-size:32px; }
.class1 h3{ clear:both; line-height:25px;margin-bottom:0px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; padding-bottom:16px; color:#b68955; font-size:20px; }
.class1 p{ clear:both; line-height:28px; margin-bottom:0px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:400;  color:#666; font-size:17px; padding-bottom:12px; }
.content-outer{ float:left; width:100%; padding-top:40px; padding-bottom:40px;}
.padding2{ padding-top:7%;}
.padding3{ padding-top:14%;}
.class1 p a{ text-decoration:underline; border:none; outline:none; color:#666;}
.class1 p a:hover{ text-decoration:none; border:none; outline:none; color:#666;}
.class1 p:last-child{ padding-bottom:0px;}
.copyright-outer{ float:left; width:100%;  padding-bottom:15px;}
.copyright{ clear:both;}
.copyright p{ clear:both; line-height:25px; margin-bottom:0px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:400; padding-bottom:0px; color:#666; font-size:16px; }
.logo2{ clear:both; padding-bottom:16px;}
.img1{ float:right; padding-left:60px; padding-bottom:0px; }
.img1 img{ border:solid 5px #666;}
.img2{clear:both;padding-bottom:12px;}
.img3{clear:both;padding-bottom:52px;}
.img3:hover{ opacity:.8;}
.img4{ float:right; padding-right:60px; padding-bottom:0px; }
.img4 img{ border:solid 5px #666;}
#top {
  /* Hidden by default */
	display:none;
  position: fixed; /* Fixed/sticky position */
  bottom:20px; /* Place the button at the bottom of the page */
  right: 20px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background: url(https://edmontonpianolessons.ca/wp-content/themes/potential-piano-studio/images/arrow.png) no-repeat center center #666; background-size:20px; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding:20px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#top:hover {
	
  background-color:#333; /* Add a dark-grey background on hover */
}

.form2 input[type="email"]{ float:left; width:100%; padding-left:12px; padding-right:12px;border:solid 1px #d8d8d8; height:30px; margin-bottom:9px;font-size:14px; color:#666; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; font-weight:400; }
.form2 textarea{ float:left; width:100%; padding-left:12px; padding-top:12px; padding-bottom:12px;  padding-right:12px;border:solid 1px #d8d8d8; height:130px; margin-bottom:16px;font-size:14px; color:#666; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; font-weight:400;}
.form2 input[type="text"]{ float:left; width:100%; padding-left:12px; padding-right:12px;border:solid 1px #d8d8d8; height:30px; margin-bottom:9px;font-size:14px; color:#666;font-weight:normal;font-family:Georgia, "Times New Roman", Times, serif; font-weight:400;  }
.form2 input[type="submit"]{ float:right;display:block; width:100%; margin-top:4px; padding:0px 0px 0px 0px; background-color:#333; height:30px; margin-bottom:4px;  transition:0.5s ease; font-size:16px;  color:#fff; cursor:pointer ; border:none; font-weight:700; font-family:Georgia, "Times New Roman", Times, serif;  }
.form2 input[type="submit"]:hover{color:#fff; text-decoration:none; letter-spacing:2px; }
.form2 label{ float:left; padding-top:5px; color:#666; font-size:14px;  font-family: 'Lato', sans-serif ; font-weight:400;}
.color2{ color:#b68955 !important; font-weight:700 !important;}
.form2 h6{clear:both; line-height:24px; margin-bottom:0px; font-family:Georgia, "Times New Roman", Times, serif;  font-weight:400; padding-bottom:6px;color:#666; font-size:14px;}
.form2 h6 span{ color:#F00;}
.a3{ padding:25px 25px 25px 25px; background-color:#FFF; float:right; width:100%;}
.q1{ float:left; width:49% !important; margin-right:2%;}
.q2{width:49% !important;float:left; }
.a1{ width:100%;}
.menu2{ clear:both;margin:0 auto; width:412px;}
.menu2 ul{ list-style:none; padding:0 0 0 0px; margin:0 0 0 0px; width:100%;}
.menu2 ul li{float:left;color:#666; line-height:24px; padding-bottom:0px;margin-bottom:12px;font-family:Georgia, "Times New Roman", Times, serif;  font-weight:400; font-size:17px; padding-left:7px;padding-right:7px;background:url(https://edmontonpianolessons.ca/wp-content/uploads/2025/09/seprartor.jpg) no-repeat right center;}
.menu2 ul li a{ text-decoration:none; border:none; outline:none; color:#666; }
.menu2 ul li a:hover{ text-decoration:underline; border:none; outline:none; color:#666;}
.menu2 ul li:last-child{ background:none;}
@media all and (max-width:1400px) 
{
.header-outer{ padding-top:5%;}
.logo img{ width:600px;}
.navigation {
  padding-top:5%;
}
.padding2 {
  padding-top:0%;
}
.navigation img {
  width: 22.7%;
  margin-left: 1%;
  margin-right: 1%;
  border: solid 5px #666;
}
.padding3 {
  padding-top:11%;
}
.img3 {
  padding-bottom:40px;
}
}
@media all and (max-width:1200px) 
{
.header-outer{ padding-top:3%;}
.logo img{ width:500px;}
.navigation {
  padding-top:3%;
}
.padding2 {
  padding-top:0%;
}
.navigation img {
  width: 22.7%;
  margin-left: 1%;
  margin-right: 1%;
  border: solid 3px #666;
}
.content-outer {
  padding-top:35px;
  padding-bottom:35px;
}
.img1 {
  padding-left:20px;
  padding-bottom: 0px;
}
.img1 img {
  border: solid 3px #666;
}
.padding3 {
  padding-top:6%;
}
.img3 {
  padding-bottom:30px;
}
.img4 {
  padding-right:50px;
  padding-bottom: 0px;
}
.a3 {
  padding:25px 25px 25px 25px; margin-left:4%;
}
}
@media all and (max-width:992px) 
{
	.a4{ width:100%;}.a5{ width:100%;}
.header-outer{ padding-top:4%;}
.logo img{ width:450px;}
.navigation {
  padding-top:4%;
}
.padding2 {
  padding-top:0%;
}
.navigation img {
  width: 22.6%;
  margin-left: 1%;
  margin-right: 1%;
  border: solid 3px #666;
}
	.img2{width:410px;}
.content-outer {
  padding-top:30px;
  padding-bottom:30px;
}
.img1 {
  padding-left:0px; float:none; clear:both; text-align:center; padding-top:30px;
  padding-bottom: 0px;
}
.img1 img {
  border: solid 3px #666;
}
.img4 img {
  border: solid 3px #666;
}
.a1{ width:100% !important;}
.a2{ width:100% !important;}
.padding3 {
  padding-top:0%;
}
.img3 {
  padding-bottom:30px;
}
.img3 img{ height:50px;}
.img4 {
  padding-right:0px; float:none; text-align:center;
  padding-bottom:30px;
}
	.img1 img{ width:50%; }
	.img4 img{ width:50%; }
.a3 {
  padding:25px 25px 25px 25px; margin-left:0%; margin-top:40px;
}
	
.menu2 {
width:394px;
}
	.menu2 ul li{ font-size:16px;}
	.icon1w{float:right;padding-top:14px;}
}
@media all and (max-width:768px) 
{
.header-outer{ padding-top:3%;}
.logo img{ width:450px;}
.navigation {
  padding-top:3%;
}
.logo2{ padding-bottom:0px;}
.padding2 {
  padding-top:0%;
}
.navigation img {
  width:47.6%; margin-top:1%; margin-bottom:1%;  
  margin-left: 1%;
  margin-right: 1%;
  border: solid 3px #666;
}

.content-outer {
  padding-top:20px;
  padding-bottom:20px;
}
.img1 {
  padding-left:0px; float:none; clear:both; text-align:center; padding-top:20px;
  padding-bottom: 0px;
}
.img1 img {
  border: solid 3px #666;
}
#top {
  bottom:10px; /* Place the button at the bottom of the page */
  right:10px; /* Place the button 30px from the right */
 background-size:15px; /* Set a background color */ 
 padding:15px;}
 .padding3 {
  padding-top:0%;
}
.img3 {
  padding-bottom:30px;
}
.img3 img{ height:40px;}
.img4 {
  padding-right:0px; float:none; text-align:center;
  padding-bottom:30px;
}
.a3 {
  padding:25px 25px 25px 25px; margin-left:0%; margin-top:30px;
}
.q1{ width:100% !important; margin-right:0px;}
.q2{ width:100% !important;}
.form2 h6 {
  line-height: 24px;
  padding-bottom: 6px;
  font-size:13px;
}

	.img4 img{ width:60%; }
	.img1 img{ width:60%; }
	.icon1w img{ height:50px;}
	
}
@media all and (max-width:580px) 
{
.header-outer{ padding-top:3%;}
	.icon1w{float:none; clear:both; text-align:center;}
	.logo{ float:none; clear:both; text-align:center;}
.logo img{ width:360px;}
.navigation {
  padding-top:3%;
}
.logo2{ padding-bottom:0px;}
.padding2 {
  padding-top:0%;
}
.navigation img {
  width:47.5%; margin-top:1%; margin-bottom:1%;  
  margin-left: 1%;
  margin-right: 1%;
  border: solid 3px #666;
}
.content-outer {
  padding-top:20px;
  padding-bottom:20px;
}
.img2{ padding-bottom:0px;width:300px;}
.img1 {
  padding-left:0px; float:none; clear:both; text-align:center; padding-top:15px;
  padding-bottom: 0px;
}
.img1 img {
  border: solid 3px #666;
}
.container{ width:92% !important;}
.class1 p {
  line-height: 28px;
  font-size:16px;
  padding-bottom: 12px;
}
.copyright p{ font-size:15px;}
.img3 {
  padding-bottom:20px;
}
.img3 img{ height:35px;}
.img4 {
  padding-right:0px; float:none; text-align:center;
  padding-bottom:20px;
}
.a3 {
  padding:20px 20px 20px 20px; margin-left:0%; margin-top:20px;
}
.form2 input[type="submit"]{ font-size:14px;}
.menu2 {
width:288px;
}
	.menu2 ul li{ font-size:15px;}
	.menu2 ul li:nth-child(4){margin-left:66px;} 
	.menu2 ul li:nth-child(3){background:none;} 
	.img4 img{ width:70%;} 
			.img1 img{ width:70%; }
		.icon1w img{ height:36px;}

}
@media all and (max-width:380px) 
{
.header-outer{ padding-top:3%;}
.logo img{ width:auto;}
.navigation {
  padding-top:3%;
}
.logo2{ padding-bottom:0px;}
.padding2 {
  padding-top:0%;
}
.navigation img {
  width:47.4%; margin-top:1%; margin-bottom:1%;  
  margin-left: 1%;
  margin-right: 1%;
  border: solid 3px #666;
}
	.img2 {width:260px;}
.img2 img{ width:auto;}
.content-outer {
  padding-top:15px;
  padding-bottom:15px;
}
.img1 {
  padding-left:0px; float:none; clear:both; text-align:center; padding-top:10px;
  padding-bottom: 0px;
}
.img1 img {
  border: solid 3px #666;
}
.container{ width:92% !important;}
.class1 p {
  line-height: 28px;
  font-size:15px;
  padding-bottom: 12px;
}
.copyright p{ font-size:14px;}
.a3 {
  padding:15px 15px 15px 15px; margin-left:0%; margin-top:20px;
}
	.menu2 {
width:242px;
}
	.menu2 ul li{ font-size:14px;padding-left:6px; padding-right:6px;}
	.menu2 ul li:nth-child(4){margin-left:66px;} 
	.menu2 ul li:nth-child(3){background:none;} 
	.img4 img{ width:auto; }
	.img1 img{ width:auto; }
}