@font-face {
	font-family: 'chords';
  	src: url('RepriseChordsStd.otf');
}

.component-wrap div {
	opacity : 0;
}

.hfg-grid .widget {
	height: 0
}

.chords li {
	border-left-width: 3px;
	border-left-style: solid;
	display: block;
	float:left;
	width: 220px;
	padding:0px 18px ;
	height: 66px;
	font-family: 'chords', serif;
	font-size: 44px;
	}
	
.chords li:last-child {
	border-right-width: 3px;
	border-right-style: solid;
	}

.chords ul {
	float:left;
	padding-left: 0px;
	margin: 16px 20px;
	}
	
.chords {
	width:	1079px;
	margin: 0 auto;
	}

.refresher {
	display: flex;
 	background: #818a91;
	font-size: 1.2em;
	border: none;
	padding: 11px;
	color: white;
	border-radius: 5px;
	margin: 0 0 20px 32px;
}

.refresher:hover {
 	opacity: .85;
 	color: #fff:
}

.refresher:active {
	color: #4c5c68;
	background: #dedede;
}

.material-symbols-outlined {
	padding: 0 20px 0 0;
}

h1.title.entry-title	{
	font-size: 1.9em;
}

button {
	padding: 2px;
}

.widget-area a {
	text-decoration: none
}

.chords a {
	text-decoration: none;
	font-size: 22px;
	font-family: arial;
}

.chords section {
	display: inline;
	margin-left: 46px;
}