/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */


@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jockey+One&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&family=Rokkitt:ital,wght@0,100..900;1,100..900&display=swap');

/*grid-only*/html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:hover,a:focus{color:#23527c;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role="button"]{cursor:pointer}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed}


body { background:#f8f5f3; background:#eaedea; font-family:"Sora"; font-size:19px; color:#111 }

img { max-width:100%; height:auto; display:inline-block; }
h1, h2, h3, h4 { font-family:"Jockey One"; font-weight:500; }
hr { border-top:1px solid #ddd; }
a { color:#e21833; }
input, textarea, select { background:none; width:100%; margin:10px 0; border:2px solid #b3ada8; padding:10px; }
input[type="checkbox"] { width:20px !important; }

table { border-collapse:collapse; box-shadow: 0 30px 80px rgba(0,0,0,0.2); }
table th { background:#e9e9e9; border:1px solid #ccc; font-size:11px; font-weight: 800; text-transform:uppercase; padding:8px; color:#333; }
table td { background:#f6f6f6; text-align:center; border:1px solid #ccc; font-size:15px; font-weight:400; padding:8px; color:#333; }
table .th-away { opacity:0.7; }

.container-fluid { max-width:1400px; }
.section { position:relative; padding:40px 0; }
.section-sm { position:relative; padding:80px 0; }
.section-md { position:relative; padding:120px 0; }
.section-lg { position:relative; padding:160px 0; }
.section-xl { position:relative; padding:200px 0; }
.accent { background:#f8f5f3 }
.dark { background:#111; color:#f1f1f1; }
.dark p { opacity:0.85; }

.align-center { text-align:center; }
.align-right { text-align:right; }
.align-left { text-align:left; }

button, .button, input[type="submit"] { font-size:0.7em; font-weight:500; background:#e21833; border:2px solid #e21833; text-transform:uppercase; color:#fff; padding:8px 18px; display:inline-block; margin:15px 0; cursor:pointer; text-decoration:none; transition:all 0.25s ease-in-out 0s; }
button:hover, .button:hover { background:none; color:#080808; border:2px solid #000; text-decoration:none; transition:all 0.25s ease-in-out 0s; }

.top-msg { font-size:0.8em; background:#111; color:#f1f1f1; padding:10px; text-align:center; }

.top { padding:20px 0; }
.top .logo { color:#111; font-size:0.8em; margin-top:20px; font-weight:600; display:inline-block; }

.nav { text-align:right; }
.nav ul { list-style-type: none; margin: 0; padding: 0; }
.nav ul li { display: inline-block; }
.nav ul li a { color:#000; padding:6px 18px; font-size:0.7em; font-weight:600; text-transform: uppercase; text-decoration:none; }
.nav ul li a:hover { color:#e21833; }
.nav button { color:#111; background:none; border-color:#111 }
.nav .button { padding:8px; margin:0 4px; color:#f1f1f1; }
.nav .button:hover { background:#111; color:#f1f1f1;}
.nav .small-btn { border:2px solid #111; }
.nav .small-btn:hover { border:2px solid #e21833; }


.home .header h1 { font-size:5.2em; line-height:0.9; margin:0; font-weight:700; }
.home .header h2 { font-size:3em; font-weight:500; margin-top:6px; margin-bottom:0; }
.header p { font-size:1em; }
.home .header .button { font-size:0.9em; padding:10px 20px;  }

.header-buttons { width:500px; height:500px; background:url("/assets/homepage-1578b010.jpg") }

.home h2 { font-size:2.8em; margin-top:0; }

.community { background:#f1f1f1; }
.community h2 { margin:0; font-weight:400; font-size:2.3em; text-align:center;  }

.how-to-play .tabs button { margin-right:6px; background:#444; border-color:#444; }
.how-to-play .tabs button.active { background:#f1f1f1; border-color:#f1f1f1; color:#111; }
.how-to-play .tabs button:hover { color:#f1f1f1; background:#444; }
.how-to-play-content { text-align:left; }

table { width:100%; }
table td, table th { padding:8px; }

.btn { border:4px solid #000; padding:20px; margin:20px; display:inline-block; }

.each-game { border:2px solid #ccc; margin:10px 0; padding:20px; }

.each-group { display:flex; justify-content:space-between; color:#111; background:#d6d6d6; padding:20px; margin:20px 0; }
.each-group:hover { background:#111; color:#f1f1f1; }

/* DASHBOARD */
.dashboard .edit-button { font-size:0.8em; margin:20px 0; }

/* NFL */
.dashboard h1 { font-size:5em; margin:0; line-height:1; }
.dashboard .current-season { color:#e21833; font-family:"Jockey One";  margin:0; font-weight:400; font-size:2em; }
.dashboard .group-title { background:#111 url("/assets/header-pl-75eba4fc.jpg"); color:#fff; padding:80px 30px; background-size:cover; }
.dashboard .nfl-each-game { background:#d8dbda; padding:15px 30px; margin-bottom:15px; display:flex; justify-content:space-between; }
.dashboard .nfl-each-game .game-time { opacity:0.8; font-size:0.7em; margin-top:20px; text-align:center; }
.dashboard .nfl-each-game .team-name { font-size:0.8em; margin-top:4px; font-weight:700; text-align:center; }
.dashboard .nfl-each-game input[type="radio"] { display:none; }
.dashboard .nfl-each-game .select { margin-top:15px; }
.dashboard .nfl-each-game img { padding:6px; border:3px solid transparent;  }
.dashboard .nfl-each-game img:hover { background:#eaedea; }
.dashboard .nfl-each-game .selected-team { border:3px solid #111; background:#eaedea; }
.dashboard .tabs { display:flex; justify-content:space-between; }
.dashboard .tabs button { background:#ccc; color:#111; border:0; width:33%; margin:10px 0 30px; padding:20px; font-size:0.8em; }
.dashboard .tabs button.active { background:#111; color:#fff; font-weight:600; }

/* Premier League */
.dashboard .pl-each-game { display:flex;justify-content:space-between; background:none; border:3px solid #ccc; box-shadow:4px 4px 50px rgba(40,0,0,0.12); padding:15px 30px; margin-bottom:15px; }
.dashboard .pl-each-game .pl-game-info { margin-top:60px; text-align:center; font-size:0.8em; align-items:center; }
.dashboard .pl-each-game .pl-date { margin-bottom:8px;  }
.dashboard .pl-each-game .pl-team { text-align:center; }
.dashboard .pl-each-game .pl-team-name { margin:0 0 8px; font-size:0.7em; font-weight:600; }
.dashboard .pl-team input { width:100px; text-align:center; padding:4px; width:80px; }

.dashboard .leaderboard tr:nth-child(even) td { background:#e9e9e9; }
.dashboard .leaderboard .highlight td { background:#e3e3b8 !important; }
.dashboard .leaderboard .first { background:#111; color:#f1f1f1; padding:2px 8px; width:30px; height:30px; border-radius:50%; }
.dashboard .save-btn { background:#111; border-color:#111; font-size:0.9em; font-weight:700; padding:12px 16px; display:inline-block; color:#f1f1f1; }

.flex-between { display:flex; justify-content:space-between; }

.lead .flex-between { background:none; border:2px solid #ccc; padding:14px 20px; margin:15px 0; font-size:0.8em; }
.lead .flex-between:first-child { margin-top:0; }
.lead .flex-between:nth-child(odd) { background:#e7e7e7; }
.lead .flex-between:nth-child(even) { background:#f1f1f1; }
.lead .flex-between img { margin-left:-4px; margin-right:6px; }
.lead .player-nickname { width:50%; font-weight:500; }
.lead .thead { background:none !important; border:0; opacity:0.7; }
.lead .highlight { background:#e3e3b8 !important; border-color:#111; }
.lead .pts { font-weight:700; }

.home-leaderboard { background: linear-gradient(90deg,rgba(234, 237, 234, 1) 0%, rgba(230, 227, 216, 1) 100%); }

.widget { margin-bottom:30px; background:none; padding:30px; border:3px solid #ccc; box-shadow:4px 4px 50px rgba(40,0,0,0.12); }
.widget h2 { font-weight:400; margin-top:0; margin-bottom:20px; }
.widget table { box-shadow:none; }
.widget table td { background:none; border:1px solid #bbb;  }
.widget input[type="submit"] { background:#111; border-color:#111; }

/* new group */
.new-group-header { background:#111; color:#f1f1f1; font-size:1.6em; margin:30px 0; padding:60px 30px; }
.game-type, .game-type:hover { background:none; padding:30px; border:3px solid #bbb; box-shadow:0 2px 10px rgba(0,0,0,0.1); }
.game-type.active { border:3px solid #e21833; background:#f1f1f1; }
button.game-type { width:100%; text-align:left; color:#111; margin:0; }
button.game-type h2 { font-size:4em; margin:0; }
button.game-type p { font-size:1.5em; text-transform:none; opacity:0.8; }
.group-name-field { margin-top:40px; }
.group-name-field label { font-size:2em; font-family:"Jockey One";}

table .player-label, table .player-name { text-align:left; }

.nfl-results { font-size:0.7em; text-align:center; }
.nfl-results th { background:#ddd; padding:4px; border:1px solid #ccc; }
.nfl-results td { padding:4px; border:1px solid #ccc; }
.nfl-results .points { color:#111; margin-top:2px; font-size:0.8em; font-weight:700; }

.table-container table { font-size:0.7em; text-align:center; }
.table-container table td { background:none; }
.table-container .final-score { font-weight:700; font-size:1.2em; }
.table-container .bet-perfect { background:#a4db12; }
.table-container .bet-correct { background:#3cca78; }
.table-container .bet-incorrect { background:#cdcec4; }
.table-container .team-icon { display:block; margin-bottom:4px; }

.table-container { overflow:auto; }
.table-container thead tr { position:sticky; top:0; }

.form { background:#d1d1d1; padding:40px; border-radius:10px; }
.form h2 { margin-top:0; }
.form label { color:#444; font-size:0.8em; }
.form input { background:none; width:100%; border:2px solid #b3ada8; }
.form input:focus { border:2px solid #000; }
.form input[type="submit"] { background:#000; }
.form input[type="submit"]:hover, .form input[type="submit"]:focus { background:#e35106; }
.form a { font-size:0.8em; }


.footer { background:#111; color:#ddd; font-size:0.8em; }
.footer h3 { font-family:"Sora"; }
.footer a { color:#ddd; }
.footer p { color:#ddd; }
.footer ul { margin:0; padding:0; list-style-type:none; }
.footer ul a { color:#ddd; padding:6px 0; text-decoration:none; transition:all 0.25s ease-in-out 0s; }
.footer ul a:hover, .footer ul a:focus { color:#e35106; transition:all 0.25s ease-in-out 0s; }

#how-btn { font-size:0.9em; text-decoration:underline; }

.output-msg { border-radius:4px; position:fixed; bottom:4%; left:4%; font-size:0.8em; background:#000; color:#f1f1f1; padding:14px; box-shadow:5px 0 30px rgba(0,0,0,0.2); }
.alert-msg { border-radius:4px; position:fixed; top:2%; left:2%; padding:20px; background:#f1f1f1; box-shadow:10px 0 40px rgba(0,0,0,0.2); }


/*.save-btn { display:flex; align-items:center; }*/

.spinner-border {
	position:relative;
	top:-2px;
	left:-6px;
  display: none;
  color:#f1f1f1;
  width: 1.2rem;
  height: 1.2rem;
  vertical-align: text-bottom;
  border: 0.15em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spinner-border 0.75s linear infinite;
}

@keyframes spinner-border {
  100% {
    transform: rotate(360deg);
  }
}


.mobile-menu-btn { display:none; }

@media only screen and (max-width:992px) {
.table-container .final-score { font-size:1em; }
.table-container table { width:1000px; }
.table-container tr th { width:140px; }
}

@media only screen and (max-width:768px) {

.section,
.section-sm,
.section-md,
.section-lg,
.section-xl { padding:40px 0; }
  
.nav { display:none; }
.nav ul li { width:100%; padding:6px 0; }
.nav a.button, .nav button { background:none; border:0; color:#111; }
.mobile-menu-btn { display:block; text-align:right; }
  
/* .home .header { padding:20px 0; } */
.home .header h1 { font-size:1.6em; font-weight:500; }
.home .header h2 { font-size:1.6em; font-weight:500; margin:0; }
.home .header p { font-size:0.9em; }

.dashboard .group-title { padding:30px; }
.dashboard .group-title h1 { font-size:2.6em; }
.dashboard .group-title .current-season { font-size:1.6em; font-weight:400; }
.dashboard .tabs button { font-size:0.7em; }

}