/*!
Theme Name: My Steelers 2021
Theme URI:
Author: CMJ SiteResQ
Author URI: http://SiteResQ.com
Description: Custom Steelers 2021 Theme based on _
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
Text Domain: my-steelers_
*/

@import url("css/style_core.css");
@import url("css/style-webfonts.css");
@import url("css/style-schedule.css?ver=2.0.0");
@import url("css/snippets.css");

/*--------------------------------------------------------------
# *** Wordpress Overrides ***
--------------------------------------------------------------*/
.entry-header, .entry-footer, .edit-link {display:none;}
.post, .page {margin: 0;}

/*--------------------------------------------------------------
# *** Generic Stuff ***
--------------------------------------------------------------*/

.hide {display:none;}
.devNote, .devnote {background:lightyellow; color:red;}
.clear, .clearMe {clear:both;}
.centerme {text-align:center;}
.rightme {text-align:right;}
.leftme {text-align:left;}
.justifyme {text-align:justify;}
.rule {height: 1px; background: #eee; margin: 20px 0;}
.rule hr {display: none;}

.blockthis,
.blockThis {border: 1px solid red; padding: 10px; margin: 20px;}
.cY {color: #ffc011;}/* default yellow color */
.bgY {background-color: #ffc011;}/* default yellow BG color */

h1,h2,h3,h4,h5,h6 {font-family: 'Gunplay';}
h2.glow {text-shadow: 3px 3px 12px #ffc011;}

.ff {font-family: 'Gunplay';}
.ffAlt {font-family: 'Gunplay 3D';}

.txtBanner {font-family: 'Gunplay'; text-align: center; font-size: 300%; background: #999; color: #ffc011; padding: 20px 0;

}
.txtBanner span {color: #000;}
/*
	-webkit-text-stroke:5px black;
	-webkit-text-fill-color:#ffc011;
*/

/*--------------------------------------------------------------
# *** Masthead w/Navigation ***
--------------------------------------------------------------*/
#masthead {background: #333; margin: 0; padding: 0; border-top: 10px solid #000;}
.site-header {}
.steel-banner {background: #000; text-align:center;}
.steel-banner img {width: 100%; max-width: 1200px;}

.main-navigation div {padding: 10px 0;}
.main-navigation ul {display: flex;text-align:center;align-items: center;justify-content: center;}
.main-navigation ul li {display:inline-block;}
.main-navigation ul li a {color: #fff;padding: 10px 15px;border-radius: 5px;}
.main-navigation ul li a:hover {color: #ffc011; background: #000;}

/* Small menu. */
.menu-toggle {display:none; text-align:center;margin: 0 auto; background: black; color: #ffc011;}



/*--------------------------------------------------------------
# *** Page Defaults ***
--------------------------------------------------------------*/
.outer {width: 100%; background: #eee; padding: 30px 0;}
.inner {width: 100%; max-width: 1200px; background:#fff; margin: 0 auto; padding: 30px;}

.pageHeading {width: 80%; margin: 0 auto 15px auto; text-align:center; border-bottom: 1px solid #eee;}
.pageHeading .subtitle {font-family: 'Gunplay';color: #ddd;text-transform: uppercase;font-weight: 600;letter-spacing: 2px;line-height: 20px; font-size: 70%;}
.pageHeading h1 {font-family: 'Gunplay';color: #ddd; font-size: 200%;line-height: 42px;margin: 0 auto 20px;color: #333;font-weight: 600;}

/*--------------------------------------------------------------
# *** Footer: Widget Area ***
--------------------------------------------------------------*/
#sWidgets {border-top: 2px solid #eee;}
#sWidgets .outerP {width: 100%; max-width: 1024px; margin: 0 auto;}
#sWidgets .innerP {padding: 30px 20px;}

#sWidgets .cols {}
#sWidgets .cols .col {background: #eee; text-align:center;}

#sWidgets h3.widget-title {}

#sWidgets .cols .col ul {margin: 0; padding: 0;}
#sWidgets .cols .col ul li {list-style-type: none;}
#sWidgets .cols .col ul li a {color: #000; text-transform: capitalize; display: block; padding: 6px 0; text-decoration: none;}
#sWidgets .cols .col ul li a:hover {background: #ccc; color: #fff;}

#sWidgets .cols #c1 {}
#sWidgets .cols #c2 {}
#sWidgets .cols #c3 {}


/*  response  */
@media screen and (min-width: 960px) {
	#sWidgets .innerP {padding: 30px 0px;}
	#sWidgets .cols .col {float: left;margin-right: 30px;}

	#sWidgets .cols .col ul li a {padding: 3px 0;}

	#sWidgets .cols #c1 {width: 31%;}
	#sWidgets .cols #c2 {width: 32%;}
	#sWidgets .cols #c3 {width: 31%; margin-right: 0;}
}

/*--------------------------------------------------------------
# *** Steeler Stats ***
--------------------------------------------------------------*/
#steelStats {background: #ffc011;  padding: 20px 0;}
#steelStats .outerF {margin: 0 auto;}
#steelStats .innerF {border: 15px solid #000; margin: 0 20px; padding: 0 0 10px 0px;}

.sbLogosRow {background: #fff; padding: 10px 10px;}
.sbLogosRow ul {margin: 0; padding: 0; text-align:center; }
.sbLogosRow ul li {display: inline-block; width: 46%; text-align:center; margin: 0; margin-bottom: 5px; padding: 0;border: 1px solid #eee;}

.sbLogosRow ul li .logo { }
.sbLogosRow ul li .logo img {width: 100%;}
.sbLogosRow ul li .data {padding: 4px 0 8px 0;}

.sbLogosRow ul li .num {font-family: 'Gunplay';}
.sbLogosRow ul li .date {}
.sbLogosRow ul li .vs {font-size: 90%;}
.sbLogosRow ul li .vs::before {content:"( ";}
.sbLogosRow ul li .vs::after {content:" )";}

.listYearsF {text-align:center;}
.listYearsF h4 {}
.listYearsF ul { margin: 0 30px; padding: 0 30px;}
.listYearsF ul li {list-style-type:none; display:inline-block; line-height: 1.5em;}
.listYearsF ul li::after {content:", ";}
.listYearsF ul li:last-child:before {content:"";}
.listYearsF ul li:last-child:after {content:".";}

/*  response  */
@media screen and (min-width: 600px) {
	.sbLogosRow ul li {width: 30%;}
}
@media screen and (min-width: 960px) {
	#steelStats .outerF {width: 100%; max-width: 1200px;}
	#steelStats .innerF { }
	.sbLogosRow ul li {width: 16%;}
	.listYearsF ul { margin: 0; padding: 0;}
}


/*--------------------------------------------------------------
# *** Base Site Footer ***
--------------------------------------------------------------*/

.site-footer {background: #000; margin-top: 0px; border-top: 15px solid #333; border-bottom: 15px solid #000;}
.site-footer .site-info { padding: 20px; text-align:center;}

.site-footer .site-info .inside {overflow:auto;}
.site-footer .site-info .inside .sr {float:left;}
.site-footer .site-info .inside .upTop {float:right;}

div.sr a {display: inline-block; background: url(/assets/favicon-32x32.png) no-repeat left center; height: 40px; color: #f1b51c; text-decoration: none;}
div.sr a span {padding-left: 35px; line-height: 40px;}

.site-footer .site-info .upTop a {display:block;}
.site-footer .site-info .upTop a ion-icon {color: #ffc011; font-size: 220%;pointer-events: none;}
.site-footer .site-info .upTop a:hover ion-icon {color: #fff;}


/*--------------------------------------------------------------
# *** HIDE modules for PRINT ***
--------------------------------------------------------------*/
body.page-template-page-print .outer {width: 100%; background: #fff; padding: 30px 0;}

	body.page-template-page-print .site-main,
	body.page-template-page-print .outer,
	body.page-template-page-print .inner {padding: 0px 0;}

body.page-template-page-print .site-main {padding-bottom: 30px;}

	body.page-template-page-print .site-header,
	body.page-template-page-print .entry-header,
	body.page-template-page-print #sWidgets,
	body.page-template-page-print #steelStats,
	body.page-template-page-print .site-footer,

	.no-print, .no-print * {display: none !important;}