/*
 Theme Name:   Twenty Twenty Scout
 Theme URI:    http://tfh.deanemorris.com/
 Description:  Twenty Twenty Child Theme for ScoutParamotorsUSA.com
 Author:       Deane Morris
 Author URI:   https://deanemorris.com
 Template:     twentytwenty
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentytwenty-scout
*/

.tmpbrdr {
	border: 2px solid #f0f;
}

body, td, div, span, p {
	font-family: "roboto", arial, sans-serif;
	font-size: 14px;
	color: #7a7a7a;
	letter-spacing: -0.015em;
}

p {
	line-height: 1.5;
	margin: 0 0 1em 0;
}

h1 {
	font-size: 5rem;
	color: #fff;
}

h2 {
	color: #f00;
}

.tfhh2 {
	color: #7a7a7a;
	font-weight: 700;
	margin: 6rem auto 3rem;
	margin-block-start: 0.83em;
	margin-block-end: 0.83em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}
@media (min-width: 700px) {
	.tfhh2 {
		font-size: 4.8rem;
	}
}

.TFHmultHa {
	margin-top: 60px;
	margin-bottom: 4px;
}
.TFHmultHb {
	margin-top: 4px;
	margin-bottom: 4px;
}
.TFHmultHc {
	margin-top: 4px;
	margin-bottom: 30px;
}

/* THIS SUCKS...
overriding inline CSS for Holly to make ugly white links
color: #e02828;

body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .modal-menu a, .footer-menu a, .footer-widgets a, #site-footer .wp-block-button.is-style-outline, .wp-block-pullquote:before, .singular:not(.overlay-header) .entry-header a, .archive-header a, .header-footer-group .color-accent, .header-footer-group .color-accent-hover:hover {
	color: #fff !important;
}
*/

.exciting {
	font-size: 130%;
	font-style: italic;
	color: #f00;
}

.tfhmoreinfo {
	font-size: 180%;
	margin: 45px auto 25px auto;
}

.wp-block-quote {
	quotes: '\201c' '\201d' '\2018' '\2019';
	border: 0px;
}
.wp-block-quote > p:first-child:before { content: open-quote; }
.wp-block-quote > p:first-child:after  { content: close-quote; }
.wp-block-quote > p:first-child {
	/*text-align: center;*/
	font-style: italic;
	font-size: 200%;
	font-weight: 700;
	color: #f00;
	margin-bottom: 2px;
}
.wp-block-quote cite:before { content: '\2013'; }
.wp-block-quote cite {
	/*text-align: center;*/
	font-size: 100%;
	color: #7a7a7a;
	margin-top: 2px;
}


.tfh-quote {
	text-align: center;
	font-weight: 600;
	font-size: 40px;
	font-style: italic;
	color: #f00;
	margin-bottom: 5px;
}

.tfh-cite {
	text-align: center;
	font-size: 14px;
	color: #666;
}

.site-description {
	color: #ccc !important;
	font-size: 16px;
	margin-top: 0px !important;
	padding-left: 2px;
}

#site-header, #site-footer {
	background: #000 !important;
}

.singular .entry-header {
	background-color: #fff;
	padding: 2rem 0;
}
.post-inner {
	padding-top: 2rem;
}

@media (min-width: 700px) {
	.singular .entry-header {
		padding: 2rem 0;
	}
	.post-inner {
		padding-top: 2rem;
	}
}

@media (min-width: 1220px) {
	.cover-header + .post-inner {
		padding-top: 10rem;
	}
}

.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width: 100rem;
	width: calc(100% - 2rem);
}

.scout-content {
	background: rgba(255,255,255,0.9);
	padding: 2rem;
}

.top-of-site-link {
	visibility: hidden;
	opacity: 0;
	position: fixed;
	bottom: 1.2rem;
	right: 1.5rem;
	z-index: 15;
}
.top-of-site-link svg {
	-webkit-filter: drop-shadow(0 2px 5px rgba(0,0,0,.3));
	filter: drop-shadow(0 2px 5px rgba(0,0,0,.3));
}
.showBtn {
	visibility: visible;
	opacity: 100;
}

.tfhred {
	color: #f00 !important;
}

.tfhgreen {
	color: #090 !important;
}

.TFHback {
	margin-left: auto;
	margin-right: auto;
}
.TFHmin {
	display: block;
	height: 1px;
}

.sp-tab__card-header {
	color: #c00;
	font-weight: bold;
}

.sp-tab__tab-content p, .sp-tab__tab-content span {
	font-size: 16px; line-height: 24px;
}

.sp-tab__tab-content h2 {
	color: #f33;
	font-size: 21px;
	margin: 0px 0px 4px 0px;
}

.sp-tab__tab-content h5 {
	color: #999;
	font-size: 14px;
	margin: 4px 0px 20px 0px;
}

.sp-tab__tab-content ul, .sp-tab__tab-content ol {
	margin-bottom: 20px;
}
.sp-tab__tab-content li {
	color: #444;
}

.redlink a , .sp-tab__tab-content a, .vp-a {
	color: #c00 !important;
	font-weight: bold !important;
}
.redlink a:hover, .sp-tab__tab-content a:hover, .vp-a:hover {
	color: #f00 !important;
}

/* Special TFH Table Styles */
.TFHcolortable {
	border-color: #cbb;
	font-family: "roboto", arial, sans-serif;
	border-top: 2px solid #c00;
	border-bottom: 2px solid #c00;
}
.TFHcolortable td {
	color: #a33;
	border-color: #cbb;
	font-size: 15px;
}
.TFHcolortable th {
	border-color: #cbb;
	border-bottom: 1px solid #c00;
	color: #933;
}
.TFHcolortable tr:nth-child(even), .TFHalt1, .TFHalt1 td {
	background: #edd;
}
.TFHcolortable tr:nth-child(odd), .TFHalt2, .TFHalt2 td {
	background: #fff;
}

.TFHclasstable {
	border-color: #abc;
	font-family: "roboto", arial, sans-serif;
	border-top: 2px solid #039;
	border-bottom: 2px solid #039;
}
.TFHclasstable th {
	background: #5a80b7;
	color: #fff;
	font-weight: 500;
	font-size: 34px;
	line-height: 34px;
	border-color: #039;
	border-bottom: 2px solid #3e60bf;
	text-align: center;
	vertical-align: middle;
}
.TFHclasstable td {
	color: #444;
	border-color: #abc;
	font-size: 15px;
	vertical-align: top;
	padding: 8px 16px 8px 30px;
}
.TFHclasstable td h3 {
	font-size: 28px;
	margin-top: 16px;
	margin-bottom: 8px;
}
.TFHclasstable th span {
	font-size: 34px;
	line-height: 34px;
}

.tfhTQ {
	color: #844;
	font-size: 16px;
	font-weight: bold;
}

.TFHproscons {
	border: 1px solid #c00;
	border-top: 2px solid #c00;
	border-bottom: 2px solid #c00;
}
.TFHproscons th {
	border-color: #cbb;
	font-size: 19px;
	color: #a33;
	text-align: center;
	font-weight: bold;
	background: #dcc;
}
.TFHproscons td {
	border-color: #cbb;
}
.TFHpros, .TFHcons {
	font-size: 16px;
	font-weight: bold;
	color: #933;
	text-align: center;
	border-bottom: 1px solid #c00 !important;
	background: #edd;
}

.TFHspacer {
	display: block;
	height: 40px;
}

.TFHbold {
	font-size: 140%;
	font-style: italic;
	font-weight: 500;
}

.tfhBigger, .tfhBigger p, .tfhBigger li, .tfhBigger a, .tfhBigger span, .tfhBigger div, .tfhBigger cite {
	font-size: 24px !important;
	line-height: 24px !important;
}

.tfhBigger h4 span {
	font-size: 3.2rem !important;
	line-height: 1.25 !important;
}

.tfhBigish, .tfhBigish p, .tfhBigish li, .tfhBigish a, .tfhBigish span, .tfhBigish div, .tfhBigish cite {
	font-size: 20px !important;
	line-height: 20px !important;
}

.tfhBigish h4 span {
	font-size: 3.2rem !important;
	line-height: 1.25 !important;
}

.tfhBigPs, .tfhBigPs p, .tfhBigPs div, .tfhBigPs span, .tfhBigPs li, .tfhBigPs a {
	font-size: 3.2rem !important;
	line-height: 1.25 !important;
}

.tfhSmaller, .tfhSmaller p, .tfhSmaller li, .tfhSmaller a, .tfhSmaller span, .tfhSmaller div, .tfhSmaller cite {
	font-size: 16px !important;
	line-height: 16px !important;
}

.max50 {
	max-width: 50%;
}

@media (max-width: 800px) {
	.sp-tab__tab-content ul, .sp-tab__tab-content ol {
		margin-bottom: 10px;
	}
	.sp-tab__tab-content li {
		font-size: 14px;
	}
	.TFHclasstable th {
		font-size: 24px;
		line-height: 24px;
	}
	.TFHclasstable td {
		font-size: 12px;
		padding: 6px 12px 6px 20px;
	}
	.TFHclasstable td h3 {
		font-size: 21px;
		line-height: 21px;
		margin-top: 12px;
		margin-bottom: 4px;
	}
	.TFHclasstable th span {
		font-size: 24px;
		line-height: 24px;
	}
	.tfhBigger, .tfhBigger p, .tfhBigger li, .tfhBigger a, .tfhBigger span, .tfhBigger div, .tfhBigger cite, .tfhBigger li {
		font-size: 16px;
		line-height: 16px;
	}

	.tfhBigger h4 span {
		font-size: 2.1rem;
		line-height: 1.0;
	}

	.tfhBigish, .tfhBigish p, .tfhBigish li, .tfhBigish a, .tfhBigish span, .tfhBigish div, .tfhBigish cite, .tfhBigish li {
		font-size: 13px;
		line-height: 13px;
	}

	.tfhBigish h4 span {
		font-size: 2.1rem;
		line-height: 1.0;
	}

	.tfhBigPs, .tfhBigPs p, .tfhBigPs div, .tfhBigPs span, .tfhBigPs li, .tfhBigPs a {
		font-size: 2.1rem !important;
		line-height: 1.0 !important;
	}

	.max50 {
		max-width: 100%;
	}
/*
	td, div, span, p {
		font-family: "roboto", arial, sans-serif;
		font-size: 14px;
	}
*/

}

.fleft {
	float: left;
}
.fright {
	float: right;
}

.cleft {
	clear: left;
}
.cright {
	clear: right;
}

.tcenter, .tcenter > p {
	text-align: center !important;
}

.tright {
	text-align: right !important;
}
.vBot {
	vertical-align: bottom !important;
}
.vTop {
	vertical-align: top !important;
}

.noRbord {
	border-right: 0px !important;
}
.noLbord {
	border-left: 0px !important;
}
.noTbord {
	border-top: 0px !important;
}
.noBbord {
	border-bottom: 0px !important;
}

.noLpad {
	padding-left: 6px !important;
}
.noLmar {
	margin-left: 0px !important;
}

.noRpad {
	padding-right: 0px !important;
}
.noRmar {
	margin-right: 0px !important;
}
.noBpad {
	padding-bottom: 0px !important;
}
.noBpad p {
	margin-bottom: 0px !important;
}
.noBmar {
	margin-bottom: 0px !important;
}
.Bmar {
	margin-bottom: 30px !important;
}

.noTmar {
	margin-top: 0px !important;
}
.noTpad {
	padding-top: 0px !important;
}

.smallTBmar {
	margin-top: 4px !important;
	margin-bottom: 4px !important;
}