/*   
Theme Name: Iron Bowl
Author: Sandlapper Creative
Author URI: http://www.sandlappercreative.com
Version: 5.0
*/

/*Reset*/
a,hr{padding:0}a,input[type=checkbox]{vertical-align:baseline}article,aside,figure,footer,header,hgroup,hr,img.aligncenter,nav,section{display:block}abbr,address,article,aside,audio,b,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0;margin:0;padding:0}td,td img{vertical-align:top}embed,img,object{max-width:100%;height:auto;}html{overflow-y:scroll}ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}a{font-size:100%;background:0 0;margin:0}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}.alignleft,img.alignleft{float:left;margin:15px 15px 15px 0}alignright,img.alignright{float:right;margin:15px 0 15px 15px}.aligncenter,img.aligncenter{margin:15px auto}table{border-collapse:collapse;border-spacing:0;font:100%}th{vertical-align:bottom}td{font-weight:400}hr{height:1px;border:0;border-top:1px solid #ccc;margin:1em 0}input,select{vertical-align:middle}pre{white-space:pre-line;word-wrap:break-word}input,select,textarea{font:99% sans-serif}a:active,a:hover{outline:0}small{font-size:85%}strong,th{font-weight:700}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}code,kbd,pre,samp{font-family:monospace,sans-serif}.clickable,button,input[type=button],input[type=submit],label{cursor:pointer}button,input,select,textarea{margin:0}button{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}.ie6 html{filter:expression(document.execCommand("BackgroundImageCache",false,true))}.clearfix:after,.clearfix:before{content:"\0020";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}.ie6 input,input[type=radio]{vertical-align:text-bottom}


/*Styles*/

body{}
body, select, input, textarea{ font-family: "Inter", Helvetica, Arial, sans-serif;}

a{ color: #6488b0;}
a:hover, a:focus{ color: #223142;}
.button, button{ -webkit-appearance: none; display: inline-block; text-decoration: none; color: #fff; background-color: #6488b0; font-size: 13px; line-height: 13px; letter-spacing: .15em; font-weight: 800; min-width: 200px; box-sizing: border-box; padding: 20px 35px; text-transform: uppercase; text-align: center;}
.button:hover, button:hover, .button:focus, button:focus{ background-color: #0e0e0e; color: #fff;}
.screen-reader{ position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden;}
a, img, .button, button{ transition: all .2s ease 0s;}

h1, h2, h3, h4, h5, h6{ line-height: normal; color: #222;}
h1{}
h2{ font-family: "Inter Tight", Helvetica, Arial, sans-serif;}
h3{}
h4{}
h5{}
h6{}
.lede{ font-weight: 600; font-size: 13px; letter-spacing: .1em; color: #6488b0; text-transform: uppercase;}

.page-wrap{}
.wrapper, .container{ width: 95%; max-width: 1400px; margin: 0 auto;}
.container{ display: flex;}
.wrapper:after{ content: ""; display: table; clear: both;}

nav ul{ list-style: none; position: relative; float:left; margin:0; padding:0; z-index: 9;}
nav ul a{ display: block; line-height: 32px; text-decoration: none;}
nav ul li{ position: relative; float: left; margin: 0; padding: 0;}
nav ul li.current-menu-item a, .nav ul li:hover > a{}
nav ul ul{ display: none; position: absolute; top: 100%; left: 0; padding: 0; text-align: left;}
nav ul ul li{ float: none; width: 200px;}
nav ul ul a{ line-height: 120%;}
nav ul ul ul{ top: 0; left: 100%;}
nav ul li:hover > ul{ display: block;}

.header{ border-bottom: 1px solid #223142; height: 60px; background-color: #0e1319; color: #fff;}
.header .container{ height: 100%; justify-content: space-between; align-items: center; max-width: calc(100% - 140px); position: relative;}
.header .logo{ max-width: 100px; position: absolute; top: 10px; left: -30px; z-index: 99;}
.home .header .logo{ max-width: 125px;}
.header .nav{ font-size: 13px; text-transform: uppercase; font-weight: 600; letter-spacing: .1em;}
.header .nav .menu{ margin-left: 125px;}
.header .nav li{ margin: 0 10px;}
.header .nav li.menu-item-has-children a:after{ content: "\f107"; font-family: "Font Awesome", FontAwesome, "Font Awesome 6 Free"; color: #6488b0; font-size: 10px; margin-left: 5px;}
.header .nav li.menu-item-has-children li a:after, .header .nav .sub-menu li.menu-item-has-children li a:after{ content: "";}
.header .nav a{ color: #fff;}
.header .nav li:hover > a{ color: #6488b0;}
.header .nav .sub-menu{ background-color: #0e1319; left: -8px; font-size: 11px;}
.header .nav .sub-menu li{ margin: 0;}
.header .nav .sub-menu li a{ padding: 6px 8px;}
.header .nav .sub-menu li:hover > a{ background-color: #223142; color: #fff;}
.header .nav .sub-menu li.menu-item-has-children a:after{ content: "\f105"; float: right;}
.header .nav .sub-menu ul{ left: 200px;}
.header .next-games{ text-align: center; height: 60px; display: flex;}
.header .next-games .team{ padding: 0 30px; position: relative; box-sizing: border-box; height: 60px; display: flex; justify-content: center; flex-direction: column;}
.header .next-games .team:nth-of-type(1){ border-bottom: 1px solid #9e1b32;}
.header .next-games .team:nth-of-type(2){ border-bottom: 1px solid #E87722;}
.header .next-games span{ font-family: "Inter Tight", Helvetica, Arial, sans-serif; font-weight: 500; font-size: 12px; display: inline-block; margin: 0 8px;}
.header .next-games time{ font-size: 12px; margin-bottom: 3px; display: inline-block;}
.header .next-games .logos{ display: flex; text-align: center; align-items: center; justify-content: center;}
.header .next-games .logos img{ max-width: 35px; max-height: 20px; width: auto; height: auto; transition: all 0s ease 0s;}
.header .next-games .team:hover time, .header .next-games .team:hover img, .header .next-games .team:hover span{ opacity: 0;}
.header .next-games .team a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; text-decoration: none; transition: all 0s ease 0s;}
.header .next-games .team a .link-text{ opacity: 0; display: flex; align-items: center; justify-content: center; height: 100%; font-weight: 700; font-size: 13px; text-transform: uppercase; font-family: "Inter Tight", Helvetica, Arial, sans-serif; letter-spacing: .1em; transition: all 0s ease 0s;}
.header .next-games .team a:hover .link-text{ opacity: 1;}
.header .next-games .team:nth-of-type(1):hover{ background-color: #9e1b32;}
.header .next-games .team:nth-of-type(2):hover{ background-color: #E87722;}

.rmp_menu_trigger{ min-width: 0 !important; top: 2px !important; right: 10px !important;}
.rmp-menu-subarrow{ font-family: "Font Awesome", FontAwesome, "Font Awesome 6 Free"; font-size: 10px !important;}

.content{ color: #0e1319;}
.content p{ margin-top: 20px;}
.content ul{ list-style: disc; margin: 15px 0 0 30px;}
.content ol{ margin: 15px 0 0 30px;}

.navigation{ padding: 0; text-align: center;}
.navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled{ color: #fff; text-decoration: none;}
.navigation li{ display: inline;}
.navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled{ background-color: #666; cursor: pointer;}
.navigation li a:hover, .navigation li.active a{ background-color: #333;}

.footer{ text-align: center; font-size: 13px; margin: 100px 0 150px; font-weight: 300;}
.footer .wrapper{ max-width: 700px !important;}
.footer .credit{ margin-bottom: 15px;}
.footer .footer-menu{ margin-top: 15px;}
.footer .footer-menu li{ display: inline;}
.footer .footer-menu li:after{ content: " | ";}
.footer .footer-menu li:nth-last-of-type(1):after{ content: "";}

.video-wrapper{ position: relative; padding-bottom: 56.25%; height: 0;}
.video-wrapper iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.gform_wrapper{ margin-top: 45px;}
.gform_body input, .gform_body textarea{ padding: 20px !important; border: none; background: none; border: 1px solid #ccc;}
.gform_button{ border: none;}


/* Homepage */

.home{ background-color: #0e1319; color: #fff;}
.home .container, .home .wrapper{ max-width: calc(100% - 140px);}
.home .button:hover{ background-color: #fff; color: #0e0e0e;}
.home .hero{ position: relative; overflow: hidden;}
.home .hero .hero-overlay{ position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: linear-gradient(to bottom, rgba(14,19,25,1) 0%,rgba(14,19,25,0.95) 15%,rgba(14,19,25,0.85) 50%,rgba(14,19,25,0.95) 85%,rgba(14,19,25,1) 100%); z-index: 1;}
.home .hero .aside{ font-size: 13px; line-height: 13px; text-transform: uppercase; color: #435d79; letter-spacing: .1em; font-weight: 500; position: absolute; top: 0; right: -375px; transform: rotate(90deg); transform-origin: top left; z-index: 3;}
.home .hero .container{ border-left: 1px solid #223142; border-right: 1px solid #223142; flex-direction: column; height: 100%; justify-content: center; position: relative; z-index: 3;}
.home .hero .hero-content{ position: relative; height: 100%; width: 50%; display: flex; justify-content: center; flex-direction: column; border-right: 1px solid #223142;}
.home .hero .lede{ font-size: 18px; letter-spacing: .15em; margin-top: 60px;}
.home .hero h1{ font-size: 120px; line-height: 100px; font-weight: 900; text-transform: uppercase; max-width: 700px; margin: 30px 0 50px -5px; color: #fff;}
.home .hero ul{ margin: 0; list-style: none;}
.home .hero ul li{ display: inline; margin-right: 20px;}
.home .hero:after{ content: ""; display: block; width: 100%; height: 1px; position: absolute; top: 0; bottom: 0; margin: auto; background-color: #223142; z-index: 2;}
.home .hero .container:after{ content: ""; display: block; width: 1px; height: 100%; position: absolute; left: 0; right: -50%; margin: auto; background-color: #223142;}
.home .hero .hero-aspect-ratio{ position: relative; width: 100%; height: 0; padding-top: 56.25%; overflow: hidden;}
.hero .hero-video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; overflow: hidden;}
.hero .hero-video iframe, .hero .hero-video video{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); object-fit: cover; pointer-events: none;}

.home .schedules, .results .schedules{ border-bottom: 1px solid #223142; position: relative;}
.home .schedules:before, .results .schedules:before{ content: ""; display: block; width: 50%; height: 10px; background-color: #9e1b32; position: absolute; top: 0; left: 0;}
.home .schedules:after, .results .schedules:after{ content: ""; display: block; width: 50%; height: 10px; background-color: #E87722; position: absolute; top: 0; right: 0;}
.home .schedules .grid, .results .grid{ display: grid; grid-template-columns: repeat(2,1fr); text-align: center;}
.home .schedules .team:nth-of-type(1), .results .schedules .team:nth-of-type(1){ border-right: 1px solid #223142;}
.home .schedules .team, .results .schedules .team{ padding: 40px 0 60px;}
.home .schedules h2, .results .schedules h2{ font-size: 21px; margin: 15px 0; color: #fff;}
.home .schedules ul, .results .schedules ul{ margin: 0; list-style: none;}
.home .schedules ul li, .results .schedules ul li{ margin-top: 10px;}
.home .schedules ul li a, .results .schedules ul li a{ color: #fff; text-transform: uppercase; font-size: 12px; letter-spacing: .05em;}
.home .schedules ul li a:hover, .results .schedules ul li a:hover{ color: #6488b0;}

.home .game{ border-bottom: 1px solid #223142; display: grid; grid-template-columns: repeat(3,1fr); text-align: center;}
.home .game .team{ background-size: cover; background-position: center center; filter: grayscale(1); opacity: .5; transition: all .2s ease 0s;}
.home .game .team:hover{ opacity: 1; filter: grayscale(0); transition: all .2s ease 0s;}
.home .game .team:after{ content: ""; padding-bottom: 100%; display: block;}
.home .game .info{ display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 0 5%;}
.home .game .info h2{ font-size: 30px; line-height: 34px; margin: 30px auto; color: #fff;}
.home .game .info h2 span{ display: block;}
#timer{ width: 350px; display: grid; grid-template-columns: repeat(4,1fr); color: #fff;}
#timer p{ margin: 0; position: relative;}
#timer p:after{ content: ":"; position: absolute; top: 0; font-weight: 200;}
#timer p:nth-of-type(1):after{ right: -10px;}
#timer p:nth-of-type(2):after{ right: 0;}
#timer p:nth-of-type(3):after{ right: -5px;}
#timer p:nth-of-type(4):after{ content: "";}
#timer .timer{ font-family: "Inter Tight", Helvetica, Arial, sans-serif; font-size: 30px; font-weight: 900;}
#timer .timer span{ font-family: "Inter", Helvetica, Arial, sans-serif; font-size: 12px; text-transform: uppercase; display: block; margin-top: 10px; color: #6588b1; font-weight: 400;}
.home .game .info .button{ margin-top: 40px; background-color: #fff; color: #0e0e0e;}
.home .game .info .button:hover{ color: #fff; background-color: #6488b0;}

.home .record{ text-align: center; border-bottom: 1px solid #223142; position: relative; box-sizing: border-box; overflow: hidden;}
.home .record .wrapper{ border-left: 1px solid #223142; border-right: 1px solid #223142; padding: 120px 0 180px; overflow: hidden;}
.home .record h2{ position: absolute; z-index: -1; font-size: 130px; line-height: 130px; letter-spacing: -.07em; text-shadow: 1px 1px 0 #223142, -1px 1px 0 #223142, -1px -1px #223142, 1px -1px #223142; color: #0e1319; text-transform: uppercase; font-weight: 900; bottom: -20px; left: 0; right: 0 margin: auto; text-align: center; width: 100%;  display: inline-block; font-size: calc(100vw /9.5); white-space: nowrap;} 
.home .record .lede{ font-size: 16px; letter-spacing: .3em; font-weight: 700; color: #9e1b32;}
.home .record .overall{ font-size: 200px; line-height: 200px; font-family: "Inter Tight", Helvetica, Arial, sans-serif; font-weight: 900; margin: 10px 0 30px; color: #fff;}
.home .record .overall span:after{ content: "-";}
.home .record .overall span:nth-last-of-type(1):after{ content: "";}

.home .upcoming{ border-bottom: 1px solid #223142;}
.home .upcoming .wrapper{ border-left: 1px solid #223142; border-right: 1px solid #223142; display: grid; grid-template-columns: repeat(2,1fr);}
.home .upcoming .upcoming-visual{ background-size: cover; background-position: center center;}
.home .upcoming .upcoming-visual:after{ content: ""; padding-bottom: 100%; display: block;}
.home .upcoming .upcoming-content{ padding: 0 60px; background-color: #fff; color: #0e1319; font-size: 16px; line-height: 30px; font-weight: 300; display: flex; justify-content: center; flex-direction: column; align-items: flex-start;}
.home .upcoming .upcoming-content h2{ font-size: 42px; line-height: 46px; font-weight: 700;}
.home .upcoming .upcoming-content .button{ margin-top: 50px; background-color: #0e1319; color: #fff;}
.home .upcoming .upcoming-content .button:hover{ background-color: #6488b0;}

.home .about .container{ border-left: 1px solid #223142; border-right: 1px solid #223142; flex-direction: row-reverse; color: #fff;}
.home .about .about-content{ width: 50%; border-right: 1px solid #223142; padding: 120px 0 100px; padding-right: 2.5%; box-sizing: border-box; font-size: 16px; line-height: 26px; font-weight: 300;}
.home .about .about-content h2{ font-size: 48px; line-height: 52px; color: #fff;}
.home .about .about-content a{ color: #fff;}
.home .about .about-content a:hover{ color: #6488b0;}
.home .about .about-visual{ width: 50%; text-align: center;}
.home .about .about-visual img{ max-width: 230px; margin-top: 100px;}
.home .about .about-visual img:hover{ max-width: 260px; margin-top: 90px; transform: rotate(2deg);}

.home .remaining{ position: relative; padding-bottom: 100px; color: #fff;}
.home .remaining h2{ position: absolute; z-index: 1; font-size: 130px; line-height: 130px; letter-spacing: -.07em; text-shadow: 1px 1px 0 #223142, -1px 1px 0 #223142, -1px -1px #223142, 1px -1px #223142; color: #0e1319; text-transform: uppercase; font-weight: 900; bottom: 0; left: -5px; right: 0 margin: auto; text-align: center; width: 100%;  display: inline-block; font-size: calc(100vw /8.75); white-space: nowrap;}
.home .remaining:before{ content: ""; display: block; width: 50%; height: 10px; background-color: #9e1b32; position: absolute; top: 0; left: 0;}
.home .remaining:after{ content: ""; display: block; width: 50%; height: 10px; background-color: #E87722; position: absolute; top: 0; right: 0;}
.home .remaining .wrapper{ border-left: 1px solid #223142; border-right: 1px solid #223142; text-align: center;}
.home .remaining .grid{ display: grid; grid-template-columns: repeat(2,1fr); position: relative; }
.home .remaining .team{ padding: 60px 0 100px;}
.home .remaining .team:nth-of-type(1){ border-right: 1px solid #223142;}
.home .remaining .team h3{ font-size: 36px; line-height: 36px; margin-top: 15px; color: #fff;}
.home .remaining .team h3 span{ display: block;}
.home .remaining ul{ display: table; margin: 25px auto 0; list-style: none; font-size: 15px; width: 250px; text-align: left;}
.home .remaining ul li{ border-bottom: 1px solid #223142; padding-bottom: 5px; margin-bottom: 5px;}
.home .remaining ul li:nth-last-of-type(1){ border-bottom: none;}
.home .remaining ul li a{ color: #fff; text-decoration: none;}
.home .remaining ul li a:hover{ color: #6488b0;}


/* Schedule Pages */

.schedule-content{ padding: 100px 0 100px;}
.schedule-content h1{ text-align: center; font-family: "Inter Tight", Helvetica, Arial, sans-serif; font-size: 42px; line-height: 42px; margin-bottom: 60px;}
.schedule-container .container{ justify-content: space-between;}
.schedule-container .schedule{ min-width: 900px; width: 66.6667%;}
.schedule-container table{ font-size: 14px;}
.schedule-container table a{ text-decoration: none;}
.schedule-container th{ text-align: left; margin-bottom: 8px; font-family: "Inter Tight", Helvetica, Arial, sans-serif; font-size: 16px;}
.schedule-container tr{ display: flex; align-items: center; padding: 10px 12px 10px 8px;}
.schedule-container tr:nth-of-type(odd){ background-color: #f4f4f4; transition: all .2s ease 0s;}
.schedule-container tr:hover{ background-color: #e4e4e4; transition: all .2s ease 0s;}
.schedule-container thead tr{ background-color: #fff !important; padding: 5px 8px;}
.schedule-container tr td:nth-of-type(1), .schedule-container tr th:nth-of-type(1){ min-width: 150px;}
.schedule-container tr td:nth-of-type(2), .schedule-container tr th:nth-of-type(2){ min-width: 250px; font-family: "Inter Tight", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 600;}
.schedule-container tr td:nth-of-type(2) a{ color: #222;}
.schedule-container tr td:nth-of-type(2) a:hover{ color: #6488b0;}
.schedule-container tr td:nth-of-type(3), .schedule-container tr th:nth-of-type(3){ min-width: 150px;}
.schedule-container tr td:nth-of-type(4), .schedule-container tr th:nth-of-type(4), .schedule-container tr td:nth-of-type(5), .schedule-container tr th:nth-of-type(5){ min-width: 120px; text-align: center;}
.schedule-container tr td:nth-of-type(6), .schedule-container tr th:nth-of-type(6){ font-family: "Inter Tight", Helvetica, Arial, sans-serif; font-weight: 600; text-transform: uppercase;}
.schedule-container .game-link{ display: flex;}
.schedule-container .game-link i{ font-size: 10px;  margin: 4px 0 0 7px; float: right;}
.schedule-container .opponent{ display: flex; align-items: center;}
.schedule-container .opponent span{ width: 35px; height: 25px; display: flex; align-items: center; justify-content: center; margin-right: 20px;}
.schedule-container .opponent span img{ max-width: 100%; max-height: 100%; width: auto; height: auto;}
.schedule-container .commentary{ margin-top: 45px;}
.schedule-container .commentary strong{ font-size: 21px;}
.schedule-container .commentary ul{ list-style: none; margin: 15px 0 0;}
.schedule-container .commentary ul li{ margin-bottom: 8px;}
.schedule-container .specs{ width: 30%; margin-top: 38px; font-size: 15px;}
.schedule-container .specs .button{ margin-bottom: 30px;}
.schedule-container .specs .button:nth-of-type(1){ display: block; text-align: center;}
.schedule-container .specs h2{ font-size: 18px;}
.schedule-container .specs ul{ list-style: none; margin: 5px 0 0;}
.schedule-container .specs ul li{ border-bottom: 1px solid #ccc; padding: 5px 0;}
.schedule-container .specs ul li strong{ font-weight: 600;}
.schedule-container .specs ul li:nth-last-of-type(1), .schedule-container ul.schedule-links li{ border: none;}
.schedule-container .specs ul.schedule-links{ margin: 25px 0; font-weight: 600;}
.schedule-container .specs .seating-chart, .schedule-container .specs .buttons{ margin-top: 25px;}
.schedule-game{ background-color: #0e1319; color: #fff;}
.schedule-game .container{ border-left: 1px solid #223142; border-right: 1px solid #223142; flex-direction: column; height: 100%; justify-content: center; position: relative; z-index: 3; max-width: calc(100% - 40px); width: 95%;}
.schedule-game article{ display: flex; justify-content: space-between;}
.schedule-game h1{ font-size: 18px; font-weight: 700; letter-spacing: .1em; color: #6488b0; text-transform: uppercase; margin-bottom: 30px;}
.schedule-game h2{ font-size: 42px; line-height: 52px; color: #fff;}
.schedule-game h1 span{ display: inline-flex; align-items: center;}
.schedule-game h1 span img{ max-width: 55px; max-height: 35px; width: auto; height: auto; margin-right: 8px;}
.schedule-game .game-details{ width: 50%; padding-right: 5%; box-sizing: border-box;  padding: 100px 5% 200px 0; border-right: 1px solid #223142;}
.schedule-game .game-links{ list-style: none; margin: 45px 0 60px;}
.schedule-game .game-links li{ margin-bottom: 15px;}
.schedule-game .game-multimedia{ width: 50%; font-size: 16px; line-height: 26px;}
.schedule-game .game-multimedia .video-wrapper{ width: 100%;}
.schedule-game .game-multimedia .lede{ margin: 8px 0 30px; display: flex; justify-content: flex-end;}
.schedule-game .game-multimedia .lede i{ transform: scaleX(-1); float:left; margin: 1px 8px 0 0;}
.schedule-game .game-multimedia h2{ font-size: 21px; margin: 0;}
.schedule-game .game-multimedia p{ margin-top: 0;}
.schedule-game .game-details .button:hover{ background-color: #fff; color: #0e1319;}
.schedule-game .return{ font-size: 13px; margin-top: 30px; text-decoration: none;}
.schedule-game .countdown{ text-align: center; border-top: 1px solid #223142; padding: 100px 0 300px; position: relative; font-size: 21px; font-weight: 500; overflow: hidden;}
.schedule-game .countdown #timer{ margin: 0 auto;}
.schedule-game .countdown h2{ position: absolute; z-index: -1; font-size: 130px; line-height: 130px; letter-spacing: -.07em; text-shadow: 1px 1px 0 #223142, -1px 1px 0 #223142, -1px -1px #223142, 1px -1px #223142; color: #0e1319; text-transform: uppercase; font-weight: 900; bottom: 35px; left: -5px; right: 0 margin: auto; text-align: center; width: 100%;  display: inline-block; font-size: calc(100vw /6.5); white-space: nowrap;}
.schedule-game .countdown .logos{ display: flex; justify-content: center; align-items: center; max-width: 300px; margin: 0 auto 30px;}
.schedule-game .countdown img{ max-width: 185px; max-height: 135px; width: auto; height: auto; margin: 0 15px;}


/* Results */

.results .results-headline{ padding: 60px 0; background-color: #0e1319;}
.results h1{ text-align: center; font-family: "Inter Tight", Helvetica, Arial, sans-serif; font-size: 42px; line-height: 42px; color: #fff;}
.results .schedules{ background-color: #0e1319; margin-bottom: 60px;}
.results-content table{ font-size: 14px; width: 100%; max-width: 800px; margin: 0 auto;}
.results-content table a{ text-decoration: none;}
.results-content th{ text-align: left; margin-bottom: 8px; font-family: "Inter Tight", Helvetica, Arial, sans-serif; font-size: 16px;}
.results-content th, .results-content td{ padding: 10px 12px 10px 8px;}
.results-content tr:nth-of-type(odd){ background-color: #f4f4f4; transition: all .2s ease 0s;}
.results-content tr:hover{ background-color: #e4e4e4; transition: all .2s ease 0s;}
.results-content thead tr{ background-color: #fff !important; padding: 5px 8px;}
.results-content tr td:nth-of-type(1){ font-weight: 500;}
.results-content tr th:nth-of-type(4), .results-content tr td:nth-of-type(4){ text-align: center;}
.results-content tr td:nth-of-type(5), .results-content tr th:nth-of-type(5){ font-family: "Inter Tight", Helvetica, Arial, sans-serif; font-weight: 600; text-transform: uppercase; text-align: right; font-size: 13px;}
.results .results-filters{ display: flex; justify-content: space-between; max-width: 650px; margin: 0 auto;}
.results .results-filters h2{ font-size: 12px; text-transform: uppercase; letter-spacing: .025em; margin-bottom: 5px;}
.results .results-filters .select-filter{ width: 175px;}
.results .results-filters .select-filter .facetwp-facet, .results .results-filters .select-filter .fs-wrap{ width: 100%;}
.results .results-filters .date-filter{ width: 260px; position: relative;}
.results .results-filters .date-filter .facetwp-slider-label{ position: absolute; font-size: 12px; text-transform: uppercase; top: 0; right: 0;}
.results .results-filters .date-filter .facetwp-facet-years{ margin-top: 13px;}
.results .results-filters .select-filter .fs-wrap{ font-size: 14px;}
.results .results-filters .fs-wrap.multiple .fs-option.selected .fs-checkbox i{ background-color: #0e1319;}
.results .results-filters .date-filter .facetwp-slider-reset{ display: none;}


/* FAQ */

.faq-content, .faq .other-stat{ padding: 60px 0 80px; background-color: #0e1319; color: #fff; font-size: 16px; line-height: 26px;}
.faq-content .container{ justify-content: space-between; align-items: flex-start;}
.faq-content h1, .faq-content h2{ color: #fff;}
.faq-content h1, .faq .other-stat h1{ font-size: 60px; line-height: 64px; margin-bottom: 15px; color: #fff;}
.faq-content h2, .faq .other-stat h2{ font-size: 30px; line-height: 34px; margin-bottom: 30px; color: #fff;}
.faq-content .stat{ width: 250px; font-family: "Inter Tight", Helvetica, Arial, sans-serif; font-size: 200px; line-height: 200px; font-weight: 700;}
.faq-content .description{ width: calc(100% - 350px);}
.faq .buttons{ list-style: none; margin: 30px 0 0;}
.faq .buttons li{ display: inline; margin-right: 20px;}
.faq .results-content{ margin-top: 60px;}
.faq .results-content h2{ text-align: center; font-size: 36px; margin-bottom: 30px;}
.faq .record{ text-align: center; position: relative; box-sizing: border-box; overflow: hidden; background-color: #0e1319; color: #fff;}
.faq .record .wrapper{ padding: 120px 0 180px; overflow: hidden; border-left: 1px solid #223142; border-right: 1px solid #223142;}
.faq .record h1{ font-size: 42px; line-height: 46px; color: #fff; max-width: 900px; margin: 0 auto 30px;}
.faq .record h3{ position: absolute; font-size: 130px; line-height: 130px; letter-spacing: -.07em; text-shadow: 1px 1px 0 #223142, -1px 1px 0 #223142, -1px -1px #223142, 1px -1px #223142; color: #0e1319; text-transform: uppercase; font-weight: 900; bottom: -20px; left: 0; right: 0 margin: auto; text-align: center; width: 100%;  display: inline-block; font-size: calc(100vw /9.5); white-space: nowrap;} 
.faq .record .lede{ font-size: 16px; letter-spacing: .3em; font-weight: 700; color: #9e1b32;}
.faq .record .overall{ font-size: 200px; line-height: 200px; font-family: "Inter Tight", Helvetica, Arial, sans-serif; font-weight: 900; margin: 10px 0 30px; color: #fff;}
.faq .record .overall span:after{ content: "-";}
.faq .record .overall span:nth-last-of-type(1):after{ content: "";}
.faq .record img{ max-width: 230px; margin: 45px 0 60px;}
.faq .other-stat{ text-align: center; color: #fff; padding-bottom: 100px;}
.faq .other-stat .stat{ font-family: "Inter Tight", Helvetica, Arial, sans-serif; font-size: 200px; line-height: 200px; font-weight: 700;}
.faq .other-stat h1{ max-width: 900px; margin: 30px auto 15px;}
.faq .other-stat h2{ margin-bottom: 45px;}


/* Tickets */

.tickets.schedule-game .container{ flex-direction: row; align-items: center;}
.tickets .game-details{ padding: 0 5% 0 0;}
.tickets .game-details .button{ margin: 30px 15px 0 0;}
.tickets .game-details h2{ font-size: 60px; line-height: 64px;}
.tickets .game-multimedia{ background-size: cover; background-position: center center;}
.tickets .game-multimedia:after{ content: ""; padding-bottom: 100%; display: block;}

.tickets .details{ background-color: #fff; padding: 60px 0 80px; color: #222; font-size: 18px; line-height: 26px;}
.tickets .details .wrapper{ max-width: 960px;}
.tickets .details h2{ color: #222;}
.tickets .details h3{ font-size: 21px; margin-top: 20px;}
.tickets .details hr{ background-color: #ccc; border: none; margin: 60px 0; width: 100%; height: 1px; display: block;}

.tickets .faq{ background-color: #eee; padding: 60px 0 80px; color: #222;}
.tickets .faq .wrapper{ max-width: 800px;}
.tickets .faq h2{ color: #222; text-align: center; margin-bottom: 30px;}
.tickets .faq .tabs input{ position: absolute; opacity: 0; z-index: -1;}
.tickets .faq .tabs .row{ display: flex;}
.tickets .faq .tabs .row .col{ flex: 1;}
.tickets .faq .tabs .row .col:last-child{ margin-left: 1em;}
.tickets .faq .tabs{ overflow: hidden;}
.tickets .faq .tabs .tab{ width: 100%; overflow: hidden; border-bottom: 1px solid #ccc;}
.tickets .faq .tabs .tab-label{ display: flex; justify-content: space-between; padding: 1em 0; cursor: pointer; font-size: 21px; font-weight: bold; align-items: center;}
.tickets .faq .tabs .tab-label:hover{}
.tickets .faq .tabs .tab-label::after{ content: "+"; width: 1em; height: 1em; text-align: center; transition: all 0.35s;}
.tickets .faq .tabs .tab-content{ max-height: 0; padding: 0 1em; transition: all 0.35s; display: none; font-size: 16px; line-height: 24px;}
.tickets .faq .tabs .tab-close{ display: flex; justify-content: flex-end; padding: 1em; cursor: pointer;}
.tickets .faq .tabs .tab-close:hover{}
.tickets .faq .tabs input:checked + .tab-label{ padding-bottom: 0;}
.tickets .faq .tabs input:checked + .tab-label::after{ content: "-";}
.tickets .faq .tabs input:checked ~ .tab-content{ max-height: 100vh; padding: 0 0 30px; display: block;}

.tickets .cta{ padding: 60px 0 100px; text-align: center; font-size: 18px; line-height: 26px;}
.tickets .cta .wrapper{ max-width: 600px;}
.tickets .cta .button{ margin-top: 30px;}
.tickets .cta .button:hover{ background-color: #fff; color: #0e1319;}


/* Basketball */

.basketball .schedule-game .container{ flex-direction: row; align-items: center;}
.basketball .game-details{ padding: 0 5% 0 0;}
.basketball .results-content{ margin: 60px 0 100px;}
.basketball .results-content .button{ margin: 30px 15px 0 0;}
.basketball .results-content h2, .basketball .results-content small, .basketball .results-content .year-jump{ display: block; text-align: center;}
.basketball .results-content h2{ font-size: 36px; margin-bottom: 30px;}
.basketball .results-content .year-jump{ font-size: 14px; margin-bottom: 30px;}
.basketball .game-multimedia{ background-size: cover; background-position: center center;}
.basketball .game-multimedia:after{ content: ""; padding-bottom: 100%; display: block;}


/* Baseball */

.baseball .schedule-game .container{ flex-direction: row; align-items: center;}
.baseball .game-details{ padding: 0 5% 0 0;}
.baseball .game-details .buttons{ list-style: none; margin: 30px 0 0;}
.baseball .game-details .buttons .button{ margin-bottom: 20px;}
.baseball .game-multimedia{ background-color: #eee; padding: 200px 0;}
.baseball .game-multimedia .logos{ display: flex; justify-content: center; height: 100%;}
.baseball .game-multimedia .logos img{ width: 30%; margin: 0 5%;}
.baseball .schedule-content{ text-align: center;}
.baseball .schedule-content h2{ font-size: 36px;}
.baseball .schedule-content .wrapper{ max-width: 960px;}
.baseball .schedule-content .schedule{ display: grid; grid-template-columns: repeat(3,1fr); gap: 60px; margin-top: 45px; font-size: 16px; line-height: 24px;}
.baseball .schedule-content .single-game h3{ font-size: 24px; margin-bottom: 15px;}
.baseball .schedule-content .single-game h4{ font-size: 14px; text-transform: uppercase; letter-spacing: .025em;}
.baseball .schedule-content .single-game p{ margin: 0 0 15px;}
.baseball .schedule-content .single-game .button{ margin-top: 15px;}


/* Landing Page */

.landing{ margin: 60px 0 100px; text-align: center; font-size: 16px; line-height: 24px;}
.landing .wrapper{ max-width: 800px;}
.landing .logo{ max-width: 300px; margin-bottom: 45px;}
.landing h1{ font-size: 48px; line-height: 52px; max-width: 600px; margin: 0 auto;}
.landing h2{ font-size: 24px; line-height: 28px; margin-top: 20px}
.landing h3{ font-size: 30px; margin-top: 45px;}
.landing .buttons{ margin: 45px 0 0; list-style: none;}
.landing .buttons li{ display: inline-block; margin: 0 10px;}
.landing .video-wrapper, .landing .large-image{ margin-top: 45px;}
.landing table{ font-size: 14px; margin-top: 45px; width: 100%; text-align: left;}
.landing table a{ text-decoration: none;}
.landing th{ text-align: left; margin-bottom: 8px; font-family: "Inter Tight", Helvetica, Arial, sans-serif; font-size: 16px;}
.landing tr, .landing tr td, .landing th{ padding: 10px 12px 10px 8px;}
.landing tr:nth-of-type(odd){ background-color: #f4f4f4; transition: all .2s ease 0s;}
.landing tr:hover{ background-color: #e4e4e4; transition: all .2s ease 0s;}
.landing thead tr{ background-color: #fff !important; padding: 5px 8px;}

.default{ margin: 60px 0 100px;}
.default .wrapper{ max-width: 960px;}
.default article h1{ font-size: 36px;}
.default article h2{ font-size: 24px; margin-top: 30px;}


/* Podcasts */

.podcast-content{ padding: 100px 0;}
.podcast-intro{ text-align: center; max-width: 800px; margin: 0 auto 60px;}
.podcast-intro h1, .single-podcast h1{ margin-bottom: 15px; font-size: 36px;}
.podcast-grid{ max-width: 1000px; margin: 0 auto; display: grid; grid-template-columns: repeat(3,1fr); column-gap: 30px; row-gap: 60px;}
.podcast-grid article{ text-align: center;}
.podcast-grid article h2{ font-size: 21px; line-height: 21px; margin-top: 25px;}
.podcast-grid article h2 a{ color: #141d24; text-decoration: none;}
.podcast-grid article h2 a:hover{ color: #68a4c0;}
.podcast-grid article p.podcast-host{ text-transform: uppercase; letter-spacing: .075em; font-size: 13px; margin-top: 5px;}
.podcast-grid article:hover img{ opacity: .8;}
.facetwp-facet-team{ text-align: center;}
.facetwp-pager{ clear: both; text-align: center;}
.single-podcast{ max-width: 1200px; margin: 0 auto 100px;}
.single-podcast .podcast-cover{ width: 25%; float: left;}
.single-podcast .podcast-details{ width: 70%; float: right; font-size: 18px; line-height: 28px;}
.single-podcast .podcast-details h2{ text-transform: uppercase; letter-spacing: .075em; font-size: 18px;}
.podcast-links{ margin: 60px 0; display: flex; align-items: center;}
.podcast-links span{ text-transform: uppercase; font-size: 13px; letter-spacing: .075em; margin: -10px 15px 0 0;}
.podcast-links img{ max-width: 120px; max-height: 30px; width: auto; height: auto; margin-right: 15px;}
.podcast-content .facetwp-facet-content_pager{ text-align: center; margin-top: 60px;}
.podcast-content .facetwp-facet-content_pager button{ border: none;}


/* Postseason */

.single-postseason .content{ padding-top: 100px;}
.single-postseason .bowl-logo{ max-width: 250px; margin: 0 auto 45px;}
.single-postseason .game-logos{ display: flex; justify-content: center; align-items: center; max-width: 600px; margin: 0 auto;}
.single-postseason .game-logos img{ max-width: 250px; max-height: 200px; height: auto; width: auto; margin: 60px 30px;}
.single-postseason .game-links{ list-style: none; margin: 30px 0;}
.single-postseason .game-links li{ margin-bottom: 20px;}


/* Single Rivalry Game */

.single-games .content p{ max-width: 900px; margin: 30px auto;}
.single-games .content .video-embed{ margin-top: 30px;}


/* Media queries */

@media screen and (max-width: 1200px) {
	.home .hero .hero-content{ width: 100%;}
	.home .hero h1{ font-size: 100px; line-height: 80px;}
	.home .hero .lede{ margin-top: 55px;}
	.home .hero .container::after{ display: none;}
    .home .game{ display: flex; flex-wrap: wrap; width: 100%;}
    .home .game .team{ width: 50%; flex: 0 0 50%; box-sizing: border-box;}
    .home .game .info{ width: 100%; flex: 0 0 100%;}
    .home .game .team:nth-child(1){ order: 1;}
    .home .game .team:nth-child(3){ order: 2;}
    .home .game .info{ order: 3; padding: 60px 5%; box-sizing: border-box;}
    .home .game .info h2{ font-size: 48px; line-height: 52px;}
    .home .record .overall, .faq .record .overall{ font-size: 125px; line-height: 125px;}
    .home .upcoming .wrapper{ display: block;}
    .home .upcoming .upcoming-visual:after{ padding-bottom: 56.25%;}
    .home .upcoming .upcoming-content{ padding: 60px;}
    .schedule-container .container{ flex-direction: column;}
    .schedule-container .schedule, .schedule-container .specs{ width: 100%; min-width: auto;}
    .schedule-content h1{ padding: 0 5%;}
}

@media screen and (max-width: 1040px) {
	.header .nav{ display: none;}
}

@media screen and (max-width: 960px) {
	.home .hero:after, .home .hero .aside{ display: none;}
	.home .hero .hero-aspect-ratio{ padding-top: 65%;}
	.home .hero .lede{ margin-top: 0;}
	.hero .hero-video{ width: 110%;}
	.home .game .team{ display: none;}
	.home .schedules .wrapper{ width: 100%; max-width: 100%;}
	.home .schedules .grid, .results .grid{ display: block; border: none;}
	.home .schedules .team, .results .schedules .team{ padding: 40px 0 60px; box-sizing: border-box;}
	.home .schedules .team:nth-of-type(1), .results .schedules .team:nth-of-type(1){ border-right: none;}
	.home .schedules:before, .results .schedules:before, .home .schedules:after, .results .schedules:after{ display: none;}
	.home .schedules .team, .results .schedules .team{ position: relative;}
	.home .schedules .team:nth-of-type(1):before, .results .schedules .team:nth-of-type(1):before{ content: ""; display: block; width: 100%; height: 10px; background-color: #9e1b32; position: absolute; top: 0; left: 0;}
	.home .schedules .team:nth-of-type(2):before, .results .schedules .team:nth-of-type(2):before{ content: ""; display: block; width: 100%; height: 10px; background-color: #E87722; position: absolute; top: 0; left: 0;}
	.home .schedules h2, .results .schedules h2{ font-size: 30px;}
	.home .about .container{ flex-direction: column;}
	.home .about .about-content{ width: 100%; border-right: none; padding-top: 60px;}
	.home .about .about-visual{ margin: 0 auto;}
	.home .about .about-visual img{ max-width: 150px;}
	.schedule-game .container{ flex-direction: column !important;}
	.schedule-game .game-details{ width: 100%; padding: 100px 0; box-sizing: border-box; text-align: center;}
	.schedule-game .game-multimedia{ width: 100%;}
	.schedule-game .game-multimedia:after{ padding-bottom: 56.25% !important;}
	.schedule-content table{ width: 100%; box-sizing: border-box;}
	.schedule-content table tr, .content table td{ display: block; text-align: center !important;}
	.schedule-content table thead, .content table tr th{ display: none;}
	.schedule-content table td{ padding: 5px 0; width: 100% !important; min-width: auto !important;}
	.schedule-content table tr{ padding: 30px 5% !important; box-sizing: border-box;}
	.schedule-container .opponent{ flex-direction: column; font-size: 24px !important;}
	.schedule-container .opponent span{ margin: 0 0 15px; width: 100px; height: 75px;}
	.schedule-container .game-link{ justify-content: center;}
	.schedule-container tr td:nth-of-type(1){ font-weight: 600; font-size: 13px; letter-spacing: .1em; color: #6488b0; text-transform: uppercase;}
	.schedule-container .game-link a{ -webkit-appearance: none; display: inline-block; text-decoration: none; color: #fff; background-color: #6488b0; letter-spacing: .15em; font-weight: 800; min-width: 200px; box-sizing: border-box; padding: 20px 35px; text-transform: uppercase; text-align: center; color: #fff;}
	.schedule-container .game-link a:hover{ background-color: #0e0e0e; color: #fff;}
	.faq-content .container{ flex-direction: column; justify-content: center; align-items: center;}
	.faq-content .description{ width: 100%; text-align: center;}
	.faq-content .stat, .faq .other-stat .stat{ font-size: 125px; line-height: 125px; width: 100%; text-align: center; margin-bottom: 30px;}
	.faq-content h1, .faq .other-stat h1, .landing h1, .schedule-game h2{ font-size: 36px; line-height: 40px;}
	.landing .logo{ max-width: 200px;}
	.schedule-game article{ display: block;}
}

@media screen and (max-width: 768px) {
	.header{ height: 90px;}
	.header .container{ justify-content: center; align-items: flex-start;}
	.header .logo{ margin: 15px auto 0; position: relative; top: 0; right: 0; left: 0; max-width: 125px;}
	.rmp_menu_trigger{ top: 15px !important; }
	.home{ overflow-x: hidden;}
	.home .container, .home .wrapper{ max-width: calc(100% - 80px);}
	.button, button, .game-link a{ display: block; width: 100%; text-align: center; box-sizing: border-box;}
	.header .next-games{ display: none;}
	.home .hero{ height: 60vh; min-height: 600px;}
	.home .hero .hero-content{ text-align: center;}
	.home .hero .hero-aspect-ratio, .home .hero .hero-video{ display: none;}
	.home .hero .lede{ font-size: 14px; line-height: 16px; margin-top: 50px;}
	.home .hero h1{ font-size: 72px; line-height: 60px;}
	.home .hero ul li{ display: block; margin: 0 0 30px;}
	.home .record .overall{ font-size: 90px; line-height: 90px;}
	.home .remaining .grid{ display: block;}
	.home .remaining::before, .home .remaining::after{ display: none;}
	.home .remaining .team{ position: relative; border: none;}
	.home .remaining .team:nth-of-type(1):before{ content: ""; display: block; width: 100%; height: 10px; background-color: #9e1b32; position: absolute; top: 0; left: 0;}
	.home .remaining .team:nth-of-type(2):before{ content: ""; display: block; width: 100%; height: 10px; background-color: #E87722; position: absolute; top: 0; left: 0;}
	.home .remaining .wrapper{ width: 100%; max-width: 100%;}
	.home .remaining .team h3 span{ display: inline;}
	.home .about .about-visual img{ margin-top: 60px;}
	.results .results-filters{ display: block;}
	.results .results-filters .select-filter, .results .results-filters .date-filter{ width: 100%;}
	.content table tr, .content table td{ display: block; text-align: center !important;}
	.content table thead, .content table tr th{ display: none;}
	.content table td{ padding: 5px 0;}
	.content table tr{ padding: 15px 5%;}
	.baseball .schedule-content .schedule{ display: block;}
	.baseball .schedule-content .single-game{ margin-bottom: 45px;}
	.landing .buttons li{ margin: 0 0 20px; width: 100%;}
	.results .results-headline{ padding: 85px 0 60px;}
	.podcast-grid{ grid-template-columns: repeat(2,1fr);}
	.home .about .about-visual img{ max-width: 150px; margin-top: 100px;}
	.home .about .about-visual img:hover{ max-width: 150px; margin-top: 100px; transform: none;}
}

@media screen and (max-width: 600px) {
	.home .hero h1{ font-size: 55px; line-height: 48px;}
	.home .game .info h2{ font-size: 36px; line-height: 40px;}
	.home .game .info{ padding-top: 40px;}
	.home .upcoming .upcoming-content{ padding: 45px 30px;}
	.home .upcoming .upcoming-content h2{ font-size: 30px; line-height: 34px;}
	.home .about .about-content h2{ font-size: 30px; line-height: 34px;}
	.home .about .container{ border: none;}
	.home .record .wrapper{ padding: 60px 0 120px;}
	.home .record .overall, .faq .record .overall{ font-size: 72px; line-height: 72px;}
}