/*
Theme Name: Twenty Twenty-One Child
Theme URI: https://wordpress.org/themes/twentytwentyone/
Template: twentytwentyone
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Tags: one-column,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready
Version: 1.3.1625783955
Updated: 2021-07-08 22:39:15

*/

.site-header .search-form { display:flex; gap:.5rem; align-items:center; }
.site-header .search-field { flex:1; min-width: 180px; }
.site-header .search-submit { cursor:pointer; }

.search-form label {
	display: none !important;
	}


/* Target the last page number before the "Next" link */
.pagenumbers a.page-numbers:not(.prev):not(.next):last-of-type {
    display: none;
}

.piano-notes {
	font-family: 'Roboto Mono', Consolas, 'Courier New', monospace !important;
	font-weight: 500 !important;
}

.piano-notes-group {
    font-family: 'Roboto Mono', Consolas, 'Courier New', monospace !important;
	font-weight: 600 !important;
}

.piano-notes-group-2 {
	font-family: 'Source Code Pro', 'Fira Code', Consolas, 'Courier New', monospace !important;
	font-weight: 500 !important;
}

.site-header {
	padding-bottom : 20px;
}

.site-title {
	color:blue;
}

.entry-header {
	margin-bottom:10px !important;
}

h2 {
	text-align:center;
}

h3 {
	color:darkred;
	text-align:center;
}

h4 {
	color:darkred;
	text-align:center;
}

.hdtoplink {
	font-size:114%;
	padding-left:20px;	
}

a.mega-menu-link {
    font-size: 24px !important;
    text-transform: none;
    font-weight: normal;
	margin-top: 10px!important;
	margin-bottom: 10px !important;
}

ul {
	padding-left:20px !important;	
}


ol {
	padding-left:20px !important;	
}

li {
	font-size:117%;
	/* padding-left:20px; */
}


.nplink {
	color: blue !important;
	font-weight: bold !important;
	font-size: 120% !important;
	text-decoration: underline !important;
}

.bllink {
	color: blue !important;
}


.bldplink {
	color:blue !important; 
	font-size:120% !important;
}

.blblink {
	color: blue !important;
	font-weight: bold !important;
}

.blb2link {
	color: blue !important;
	font-weight: bold !important;
	font-size: 120% !important;
	text-decoration: underline !important;
}


.rdlink {
	color: red !important;
	text-decoration: underline !important;
}

.ptips	{
	background-color:#d4f0ff;
	padding: 10px;
}

li li {
	font-size:100%;
}

p, tr {
	font-size: 112%;
	} 

.pgbreak {
    background:rgb(255, 255, 255);
    color:rgb(255, 255, 255);
    margin: 3px -30px 0px -30px;
    font-size: 80%;
    padding: 3px 0px 3px 15px;
}

hr {
	display: block;
	height: 2px;
	border: 0;
	border-top: 1px solid rgb(100,70,110);
  /*	background-color:rgb(229, 32, 58); */
	margin: 1em 0;
	padding: 0;
}

.display-posts-listing {
	padding-left:2px !important; 
}

/* exp  */

.expcol {
	margin-top: -20px;
	margin-bottom: -20px;
	text-align:right;
	color: blue;
}

.collapseomatic_content {
	padding-bottom : 20px !important;
}

/*Notes*/

.hdopt {
}

.dtopt1 {
  width: 310px; 
  margin-bottom: 20px;
}

.dtopt2 {
  width: 120px; 
  display: inline-block;
	font-size: 22px !important;
}

.dtopt3 {
  width: 180px;
  display: inline-block;
}

/* ++ */

/* Header Links  */

div.menuTable {
  font-family: Arial, Helvetica, sans-serif;
/*  background-color: #510E81; */
	background: rgb(10, 10, 150);
  width: 100%;
  max-width:500px !important;
  height: 40px;
  text-align: center;
	padding-bottom:4px;
	
}
.hTable.menuTable .hTableCell, .hTable.menuTable .hTableHead {
	border: 3px solid  #22174c;
 /* border: 3px solid #FFBD99; */
  padding: 3px 2px;
}
.hTable.menuTable .hTableBody .hTableCell {
  font-size: 16px;
  font-weight: bold;
  color: #FFFAC8;
}
.menuTable .tableFootStyle {
  font-size: 14px;
}
.menuTable .tableFootStyle .links {
	 text-align: right;
}
.menuTable .tableFootStyle .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}
.menuTable.outerTableFooter {
  border-top: none;
}
.menuTable.outerTableFooter .tableFootStyle {
  padding: 3px 5px; 
}
/* hTable */
.hTable{ display: table; }
.hTableRow { display: table-row; }
.hTableHeading { display: table-header-group;}
.hTableCell, .hTableHead { display: table-cell;}
.hTableHeading { display: table-header-group;}
.hTableFoot { display: table-footer-group;}
.hTableBody { display: table-row-group;}

.hTableCell a {
	color: #FFFAC8;
	font-family: Arial;
	font-weight: bold;
	font-size: 20px;
	font-style: normal;
	text-decoration: none;
	width: 150px;
	height: 33px;
	text-align: center;
	margin-top:5px;
	display: block;
  border: 1px #FFFFFF solid !important;
	height: 100%;
	width: 100%; 
	text-decoration: none;
}

/* ++ */

/*KN BLink*/
 
.knbt1 {
/* background-color: #D8BFD8; */
  background-color: rgb(245, 215, 231);
  margin: 12px 0px 20px -10px;
  padding: 5px;
  font-style: normal;
}

.knbt1 a:link {
  color:rgb(0,0,190);
/*  text-decoration:underline !important; */
}

.lbt1 {
text-align:right;
}

.ckhbt1 {
text-align:right;
margin-bottom:20px;  
}

.btn1 {
   background-color: #191970;
   background: -moz-linear-gradient(bottom,#191970 0%,#4169E1 100%);
   background: -webkit-linear-gradient(bottom,#191970 0%,#4169E1 100%);
   background: -o-linear-gradient(bottom,#191970 0%,#4169E1 100%);
   background: -ms-linear-gradient(bottom,#191970 0%,#4169E1 100%);
   background: linear-gradient(bottom,#191970 0%,#4169E1 100%);
   border: 1px #A0A0A0 solid;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   border-radius: 10px;
   -moz-box-shadow: 1px 4px 10px rgba(20,20,20,0.27);
   -webkit-box-shadow: 1px 4px 10px rgba(20,20,20,0.27);
   box-shadow: 1px 4px 10px rgba(20,20,20,0.27);  
  font-family: Arial;
  color:rgb(255,250,200);
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none !important;
  text-transform: none  !important; 
  margin: 10px;
}

.btn1:hover {
   background-color: #2E8B57;
   background: -moz-linear-gradient(bottom,#2E8B57 0%,#98FB98 100%);
   background: -webkit-linear-gradient(bottom,#2E8B57 0%,#98FB98 100%);
   background: -o-linear-gradient(bottom,#2E8B57 0%,#98FB98 100%);
   background: -ms-linear-gradient(bottom,#2E8B57 0%,#98FB98 100%);
   background: linear-gradient(bottom,#2E8B57 0%,#98FB98 100%);
   border: 1px #A0A0A0 solid;
}


/* Admin Bar */
#wpadminbar .ab-submenu .ab-item, #wpadminbar .quicklinks .menupop ul li a, #wpadminbar .quicklinks .menupop ul li a strong, #wpadminbar .quicklinks .menupop.hover ul li a, #wpadminbar.nojs .quicklinks .menupop:hover ul li a {
    color: white !important;
}

.home .nav-links {
  display: none
}

/*#a2a_follow_widget-2 */
.widget.widget_a2a_follow_widget {
  margin-bottom: 1px !important;
  text-align: center !important;
  padding: 5px !important;
}

.topbutton {
	height:50px;
	width:80px;
	position:fixed;
	right:5px;
	bottom:65px;
	Z-index:1;    
	background-image:url("https://www.synthesizernotes.com/wp-content/uploads/top-252342.png");
	background-repeat:no-repeat;
	display:none;
}

.listbutton {
	height:50px;
	width:90px;
	position:fixed;
	right:5px;
	bottom:5px;
	Z-index:1; 
	background-image:url("https://www.synthesizernotes.com/wp-content/uploads/piano-list-12.png");
     background-repeat:no-repeat;
     display:none;
}


.englishlistbt {
	height:50px;
	width:90px;
	position:fixed;
	right:5px;
	bottom:5px;
	Z-index:1; 
	background-image:url("https://www.synthesizernotes.com/wp-content/uploads/piano-list-12.png");
     background-repeat:no-repeat;
     display:none;
}

.navigation.post-navigation {
	display:none	
}

.wp-block-image {
	margin-bottom:10px !important;
}

.post-item {
  display: flex;
  align-items: flex-start;
}

.image-container {
  flex: 0 0 auto;
  margin-right: 20px; /* Adjust the margin as needed */
}

.text-container {
  flex: 1;
}

/* CSS for the Back to Top button */
#back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #000;
  color: #fff;
  padding: 10px;
  border-radius: 5px;
  cursor: pointer;
  z-index: 1000;
  opacity: 0.7;
  transition: opacity 0.3s;
}

#back-to-top:hover {
  opacity: 1;
}

#back-to-top a {
  color: #fff;
  text-decoration: none;
}

@media (max-width: 600px) {
  #back-to-top {
    bottom: 10px;
    right: 10px;
    padding: 8px;
  }
}

.yoast-breadcrumb a {
    color: blue !important;
    text-decoration: underline;
}

.yoast-breadcrumb a:hover {
    color: darkblue !important;
}

.breadcrumbs a {
    color: blue !important;
    text-decoration: underline; /* optional, if you want it underlined */
}

.breadcrumbs a:hover {
    color: darkblue !important;
}