/*
Theme Name: Tom Bradshaw's Pedal Steel Guitar Products
Theme URI: https://www.steelguitarbradshaw.com/
Description: Custom Theme for desktop and mobile devices
Author: Somethumb Company
Author URI: https://somethumb.com/
Version: 1.0
Date: 20250115
License: Private, Copyright 2003-2025
Text Domain: tbpsgp
*/
:root {
	--color: 				#000;
	--sec-color: 		#cc0000;
	--ttl-color: 		#000;
	--ttl-color-alt:#fff;
	--btn-color: 		#000;
	--btn-color-h:  #fff;
	--btn-bgcolor: 	#fff;
	--btn-bgcolor-h:#000;
	--btn-bdr-color:#000;
	--btn-bgcolor-h:#000;
	--bdr-color: 		rgb(104, 110, 119);
	--bdr-radius: 	3px;
	--bdr-width: 		1px;
	--bdr-style:  	solid;	
	--box-shadow: 	rgba(18, 25, 97, 0.08) 0px 1px 4px 0px;
	--link-color: 	#393630;
	--link-h-color:	#000;
	--nav-color: 		#000;
	--nav-color-h: 	#000;
	--icn-color: 		#fff;
	--icn-color-h:	#bd6631;
	--icn-bgcolor:	#c53632;
	--scl-color: 		#fff;
	--scl-bgcolor: 	#9d9e9d;
	--line-margin: 	1.313em;
	--line-height: 	1.44;
	--site-padding: 1.44em;
	--site-margin: 	1.44em;
	--top-margin: 	1.313em;
	--bot-margin: 	1.44em;
	--site-width: 	1500px;
}
html {
	background-color: #fff;
	scroll-behavior: smooth;
}
body {
	font-family: "Roboto", sans-serif;
	margin: 0 auto;
  color: var(--color);
	background-color: #fff;
  font-size: 16px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: .02em;
	max-width: 1260px;
}
.screen-reader-text {
	display: none;
}
.hamburger, .hamburger-label {
	display: none;
}
p {
	margin: 0 0 calc(var(--bot-margin)/2);
	line-height: var(--line-height);
}
li {
	line-height: var(--line-height);
}
li:not(.wp-block-group li) {
	line-height: var(--line-height);
}
b, strong {
	font-weight: 600;
}
a {
	color: var(--link-color);
	line-height: 1;
}
a:hover {
	color: inherit;
	text-decoration: none;
}
.dsk {
	display: block;
}
.mob {
	display: none;
}
h1, h2 {
	border: 1px solid #cccccc;
	background: #ccffff;
	padding: .5em;
	font-size: 200%;
	text-align: center;
	margin-bottom: calc(var(--bot-margin)/2);
}
h1 span {
	display: block;
}
.red {
	color: var(--sec-color);
}
h2 {
	font-size: 150%;
	padding: .25em;
	background: #eee;
	font-family: "PT Serif", serif;
	font-style: italic;
}
h3 {
	font-size: 125%;
	font-weight: 700;
	margin-top: .313em;
	margin-bottom: calc(var(--bot-margin)/3);
	font-family: "PT Serif", serif;
	font-style: italic;
}
h4 {
	font-size: 106.3%;
	font-weight: 700;
	margin-top: .8em;
	margin-bottom: calc(var(--bot-margin)/3);
	font-family: "PT Serif", serif;
	font-style: italic;
	text-align: center;
}
/* Header */
body > header {
	margin: auto;
}
body > header figure {
	background-image: url("images/header_repeat.gif");
	background-repeat: repeat-x;
}
body > header figure a  {
	display: inline-block;
}
.gform_button {
	background-color: #3a96b8 !important;
}
/*Main*/
main {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;	
	margin-bottom: calc(var(--bot-margin)*2);	
}
main > nav {
	width: 100%;
	border-right: 1px solid #000;
	flex-basis: 200px;
	min-width: 200px;
}
main > nav li {
	text-align: center;
	line-height: 1;
	margin-bottom: calc(var(--line-margin)/4) !important;
	font-size: 93.8%;
}
main > nav a {
	display: block;
	color: var(--link-color);
	text-decoration: none;
	margin-top: 1px;
	border: 0px;
	line-height: var(--line-height);
	padding: 7px;
	font-weight: 500;
}
main > nav .menu-item-127 a, main > nav .menu-item-131 a {
	text-transform: uppercase;
}
main > nav .menu-item-127 a span, main > nav .menu-item-131 a {
	color: var(--sec-color);
	font-weight: 700;
	display: block;
}
main > nav li a:hover, main > nav li.current_page_item a, main > nav li.current-page-ancestor a {
	background-color: #eee;
}
main > nav .menu-item-my-products {
	background-color: #000;
	padding: 9px 0;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
}
main > aside {
	padding: 0 var(--site-padding);
	display: flex;
	flex-direction: row;
	width: 100%;
}
main #sidebar {
	min-width: 200px;
	font-size: 75%;
	margin-left: 2em;
}
main #ctnt {
	margin-bottom: var(--bot-margin);
}
.wp-singular main #ctnt p {
	text-indent: 2em;
	text-align: justify;
	font-size: 93.8%;
	font-family: "PT Serif", serif;
}
.wp-singular main #ctnt p.noindent, .wp-singular main #ctnt p.has-text-align-center, .wp-singular main #ctnt p.backtotoc, .wp-singular main #ctnt p.has-text-align-right, .wp-singular main #ctnt .wp-block-group p {
	text-indent: 0;
}
.wp-singular main #ctnt p.backtotoc, .wp-singular main #ctnt p.has-text-align-right {
	text-align: right;
}
.wp-singular main #ctnt p.nojustify, .wp-singular main #ctnt .wp-block-group p {
	text-align: left !important;
}
.has-text-align-center {
	text-align: center !important;
}
.wp-block-image .alignright {
	float: right;
	margin: .75em 0 0 1em;
}
.wp-block-image :where(figcaption) {
	margin-bottom: .5em;
	margin-top: .5em;
}
.border {
	border: 1px solid #aaa;
	padding: calc(var(--site-padding)/1.5) var(--site-padding) calc(var(--site-padding)/3);
	margin-bottom: var(--bot-margin);
}
/* Chapter Checklist */
.chapter-checklist {
  list-style: none;
  padding: 0;
  margin: 1em 0;
}

.chapter-checklist li {
  position: relative;
	margin-bottom: var(--line-margin);
  padding-left: var(--line-margin);
	line-height: var(--line-margin);
}

.chapter-checklist li::before {
  position: absolute;
  left: 0;
  top: 0;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  color: #4CAF50;
  content: "\f14a"; /* fa-check-square */
}

.chapter-checklist li.pending::before {
  font-weight: 400;
  content: "\f0c8"; /* fa-square */
  color: #ccc;
}
.chapter-checklist li.completed a { color: green; }
.chapter-checklist li.pending a { color: #aaa; }
.progress-bar {
  background: #eee;
  height: 10px;
  margin: 1em 0;
  border-radius: 5px;
  overflow: hidden;
}
.progress-bar .fill {
  background: #4caf50;
  height: 100%;
  transition: width 0.4s ease;
}
.lesson-navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-top: 2em;
	font-size: 75%;
}

.lesson-navigation a {
  display: inline-block;
  padding: 0.6em 1.2em;
  color: white !important;
  text-decoration: none;
  background-color: #4CAF50;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}

.lesson-navigation a:hover {
  background-color: #388E3C;
}

.lesson-navigation a.prev-link {
  background-color: #2196F3;
}

.lesson-navigation a.prev-link:hover {
  background-color: #1976D2;
}

.page-id-15 .gform_description {
	color: var(--sec-color);
	font-weight: 700;
	display: block;
}
.toc.wp-block-list a {
	font-family: "PT Serif", serif;
}
.toc.wp-block-list > li > a {
  color: #365F91;
  font-weight: 700;
	font-style: italic;
}
.toc.wp-block-list > li > ul > li > a:not(.tune), .toc.wp-block-list > li > ul > li > ul > li > a:not(.tune) {
  font-weight: 700;
	font-style: italic;
}
.toc.wp-block-list > li > ul > li.tune > a, .toc.wp-block-list > li > ul > li > ul > li.tune > a {
	color: var(--sec-color);
}
.wp-block-media-text {
	margin-bottom: var(--bot-margin);
}
.wp-block-list {
	margin: 0 0 1em 1em;
	list-style: circle;
}
.wp-block-list .wp-block-list .wp-block-list {
	margin-bottom: 0;
}
.wp-block-gallery {
	margin-bottom: var(--bot-margin);
}
/*Forms*/
.gform-theme--framework {
	margin-bottom: calc(var(--bot-margin)*2);
}
.gform-theme--foundation .gform_fields {
	row-gap: 20px;
}
#gform_submit_button_1:hover {
	opacity: .8;
}
/*Tuning Tips*/
.digression {
	background-color: #DAEEF3;
	padding: 8px 16px;
	border: 1px solid #000;
	margin-bottom: var(--bot-margin);
}
.escape {
	padding: 8px 16px;
	border: 1px solid #000;
	margin-bottom: var(--bot-margin);
}
/*Footer*/
footer ul {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-top: 1px solid #cccccc;
	padding-top: 1em;
}
footer > ul {
	justify-content: space-between;
	flex-wrap: wrap;
	font-size: 81.3%;
}
footer ul li {
	text-align: center;
}
footer h3 a {
	text-transform: uppercase;
	color: var(--sec-color);
	font-weight: 700;
	display: block;
}