@import url('https://fonts.googleapis.com/css?family=Montserrat:400,400i,900,900i&display=swap'); body { background: #fff; } .global { padding-top: 150px; box-shadow: none !important; } @media only screen and (max-width: 759px) { .global { padding-top: 50px; } .global.has-league { padding-top: 82px; } } #footer { background: #333333; display: block; width: auto; padding: 20px; margin: 0; } body #header { background: #ffffff; font-family: 'Montserrat', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif" !important; font-weight: 400; /*position: fixed;*/ left: 0; top: 0; z-index: 9999; } #header input, #header button { -webkit-appearance: none; } #header b, #header strong { font-weight: 900; } #header em { font-style: italic; } #header a:link, #header a:visited { color: #12609b; text-decoration: none; cursor: pointer; } #header a:hover, #header a:focus { border-bottom: 1px solid #12609b; margin-bottom: -1px; } #header input { font-family: 'Montserrat', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif" !important; font-weight: 400; } #header input[type="submit"] { background: #12609b; cursor: pointer; /*color: #444444;*/ color: #ffffff; border: 2px solid #444444; -moz-box-shadow: 1px 1px 0px 0px #444444, 2px 2px 0px 0px #444444, 3px 3px 0px 0px #444444, 4px 4px 0px 0px #444444, 5px 5px 0px 0px #444444; -webkit-box-shadow: 1px 1px 0px 0px #444444, 2px 2px 0px 0px #444444, 3px 3px 0px 0px #444444, 4px 4px 0px 0px #444444, 5px 5px 0px 0px #444444; box-shadow: 1px 1px 0px 0px #444444 #444444, 2px 2px 0px 0px #444444, 3px 3px 0px 0px #444444, 4px 4px 0px 0px #444444, 5px 5px 0px 0px #444444; font-weight: 900; } #header input[type="submit"]:hover, #header input[type="submit"]:focus { background: #ffffff; color: #444444; } #header { display: block; width: 100%; position: fixed; } #desktop-header { background: #12609b; } #desktop-header #top-row { display: block; //max-width: 1200px; position: relative; overflow: hidden; width: 100%; margin: 0 auto; background: #ffffff; /*background: #12609b url('orange.png') left top repeat-y !important;*/ } #desktop-header .row-content { display: table; width: 100%; overflow: hidden; } #desktop-header #logo { display: inline; float: left; width: 225px; height: 75px; /*background: transparent url('logo.png') 4px top no-repeat;*/ background: #333333 url('logo.png') left top no-repeat; background-size: contain; text-indent: -99999em; } #desktop-header #boxscores { position: absolute; /*left: 244px; top: 8px;*/ left: 224px; top: 0; padding: 8px 0 15px 15px; height: 52px; } @media only screen and (min-width: 760px) { #desktop-header #boxscores { width: 63%; } } @media only screen and (min-width: 800px) { #desktop-header #boxscores { width: 65%; } } @media only screen and (min-width: 900px) { #desktop-header #boxscores { width: 69%; } } @media only screen and (min-width: 1000px) { #desktop-header #boxscores { width: 72%; } } @media only screen and (min-width: 1100px) { #desktop-header #boxscores { width: 75%; } } @media only screen and (min-width: 1200px) { #desktop-header #boxscores { //width: 920px; } } #desktop-header #boxscores #boxscore-nav { position: absolute; left: 15px; top: 8px; width: 65px; margin: 0 2em 0 0; text-transform: uppercase; font-size: 0.8em; border-right: 2px solid #12609b; } #desktop-header #boxscores #boxscore-nav li a { color: #444444; } #desktop-header #boxscores #boxscore-nav li a:hover, #desktop-header #boxscores #boxscore-nav li a:focus { color: #ffcc66; } #desktop-header #boxscores #boxscore-nav li.active { font-weight: 900; font-size: 1.2em; } #desktop-header #boxscores #boxscore-list { display: inline; float: left; overflow: hidden; width: 91%; margin: 0 0 0 80px; height: 55px; } #desktop-header #boxscores #boxscore-list li.yesterday, #desktop-header #boxscores #boxscore-list li.tomorrow { display: none; } #desktop-header #boxscores #boxscore-list li.no-games { padding: 1.4em 0; text-transform: uppercase; font-weight: 700; color: #444444; } #desktop-header #boxscores #boxscore-list li { display: inline; float: left; margin: 0 40px 0 0; } #desktop-header #boxscores #boxscore-list li .row, #search-tray ul#boxscore-list li .row { display: block; font-weight: 900; } #desktop-header #boxscores #boxscore-list li .row span, #search-tray ul#boxscore-list li .row span { display: inline; float: right; margin-left: 1.5em; font-weight: 400; } #desktop-header #boxscores #boxscore-list li .row:last-child, #search-tray ul#boxscore-list li .row:last-child { font-weight: 400; font-style: italic; } #desktop-header #boxscores #boxscore-list li a, #search-tray ul#boxscore-list li a { color: #444444; } #desktop-header #boxscores #boxscore-list li a:hover, #desktop-header #boxscores #boxscore-list li a:focus, #search-tray ul#boxscore-list li a:hover, #search-tray ul#boxscore-list li a:focus { color: #12609b; } #desktop-header #social { display: block; position: absolute; right: 0; top: 0; color: #ffffff; margin-bottom: 0; height: 75px; background: #ffffff; padding: 0 0.5em; } #desktop-header #social li { display: block; margin-top: 7px; height: 27px; width: 27px; overflow: hidden; } #desktop-header #social li a { color: #12609b; } #desktop-header #social li:first-child a:before { content: "\f081"; display: inline-block; font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: normal; line-height: 1; font-size: 27px; margin-right: 1em; padding-left: 1px; } #desktop-header #social li:last-child a:before { content: "\f082"; display: inline-block; font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: normal; line-height: 1; font-size: 27px; margin-right: 1em; padding-left: 1px; } #desktop-header #social li a:hover, #desktop-header #social li a:focus { color: #444444; border: none; } #desktop-header #league-menu-toggle { text-align: center !important; white-space: nowrap; } #desktop-header #change-league-toggle .active-league { display: inline !important; float: left !important; margin-left: 0 !important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: right; width: 88%; padding-right: 2em; margin-right: -2em !important; } #desktop-header #change-league-toggle { text-align: right; white-space: nowrap !important; overflow: hidden; } /*@media only screen and (max-width: 1100px) { #desktop-header #change-league-toggle .active-league { width: 92%; } } @media only screen and (max-width: 900px) { #desktop-header #change-league-toggle .active-league { width: 90%; } }*/ #desktop-header #second-row #logged-in-nav li a#change-league-toggle:hover { color: #ffcc66 !important; } #desktop-header #second-row #logged-in-nav li a#change-league-toggle.active:hover { color: #444444 !important; } #desktop-header #second-row #logged-in-nav li a#change-league-toggle:focus { color: #ffffff; } @media only screen and (max-width: 1000px) { #desktop-header #change-league-toggle, #desktop-header #league-menu-toggle { padding: 0 0.5em !important; } } @media only screen and (max-width: 1000px) { #desktop-header #change-league-toggle { max-width: 280px; margin: 0 auto; } /*#desktop-header #change-league-toggle .active-league { width: 89%; }*/ } #desktop-header #league-menu-toggle.single { text-align: left; } #desktop-header #second-row { display: block; /*padding-left: 150px;*/ background: #444444; } #desktop-header #second-row .row-content { /*max-width: 1050px;*/ //max-width: 1200px; //margin: 0 auto; } #desktop-header #second-row #basic-nav { display: inline; float: left; margin-bottom: 0; } #desktop-header #second-row #logged-in-nav { display: table; width: 100%; margin-bottom: -1px; } #desktop-header #second-row #basic-nav li { display: inline; float: left; overflow: hidden; } #desktop-header #second-row #logged-in-nav li { display: table-cell; overflow: hidden; position: relative; } #desktop-header #second-row #basic-nav li a, #desktop-header #second-row #logged-in-nav li a { display: block; font-size: 1.5em; line-height: 2em; color: #ffffff; padding: 0 1em; text-transform: uppercase; font-weight: 900; } #desktop-header #second-row #basic-nav li a:after, #desktop-header #second-row #logged-in-nav li a:after { content: "\f138"; text-align: center; display: inline; font-family: 'Font Awesome 5 Free'; padding-left: 0.5em; } #desktop-header #second-row #logged-in-nav li a:after { padding-left: 0; } #desktop-header #second-row #basic-nav li:first-child a, #desktop-header #second-row #logged-in-nav li:first-child a { background: #ffffff; color: #12609b; width: 75px; padding: 0; } #desktop-header #second-row #logged-in-nav li:first-child { width: 75px; } #desktop-header #second-row #basic-nav li a:hover, #desktop-header #second-row #basic-nav li a:focus, #desktop-header #second-row #logged-in-nav li a:hover, #desktop-header #second-row #logged-in-nav li a:focus{ color: #ffcc66; border: none; margin-bottom: 0; } #desktop-header #second-row #basic-nav li:first-child a:hover, #desktop-header #second-row #basic-nav li:first-child a:focus, #desktop-header #second-row #logged-in-nav li:first-child a:hover, #desktop-header #second-row logged-in-nav li:first-child a:focus { color: #444444; } #desktop-header #second-row #basic-nav li:first-child a span, #desktop-header #second-row #logged-in-nav li a span { display: inline; float: left; margin-left: -99999em; } #desktop-header #second-row #basic-nav li:first-child a:after, #desktop-header #second-row #logged-in-nav li:first-child a:after { content: "\f015"; text-align: center; display: block; font-family: 'Font Awesome 5 Free'; padding-left: 0; } #desktop-header #second-row #logged-in-nav li:last-child { width: 40px; } #desktop-header #second-row #logged-in-nav li a#site-menu-toggle, #desktop-header #second-row #logged-in-nav li a#logout-link, #desktop-header #second-row #logged-in-nav li a#inbox-link, #desktop-header #second-row #logged-in-nav li a#search-open { padding: 0 0.6em; text-align: center; } #desktop-header #second-row #logged-in-nav li a#logout-link, #desktop-header #second-row #logged-in-nav li a#inbox-link, #desktop-header #second-row #logged-in-nav li a#search-open { width: 20px; margin: 0 auto; } #desktop-header #second-row #logged-in-nav li a#site-menu-toggle.active { border-right: 1px solid #333333; } #desktop-header #second-row #logged-in-nav li a#site-menu-toggle:after { content: '\f0c9'; } #desktop-header #second-row #logged-in-nav li a#logout-link:after { content: '\f2f5'; } #desktop-header #second-row #logged-in-nav li a#inbox-link:after { content: '\f0e0'; } #desktop-header #second-row #logged-in-nav li a#search-open:after { content: '\f002'; } #desktop-header #second-row #logged-in-nav li a#change-league-toggle:after, #desktop-header #second-row #logged-in-nav li a#league-menu-toggle:after { content: '\f13a'; padding-left: 0.5em; } #desktop-header #second-row #logged-in-nav li#single-league a#change-league-toggle:after { content: '\f434'; } @media only screen and (max-width: 1000px) { #desktop-header #second-row #logged-in-nav li.other a#change-league-toggle:after { padding-left: 0; padding-right: 0.5em; } } #desktop-header #second-row #logged-in-nav li.other a#change-league-toggle:after, #mobile-header #change-toggle.other:after { color: #ffcc66 !important; } #desktop-header #second-row #logged-in-nav li a#change-league-toggle.active:after { content: '\f057'; } #desktop-header #second-row #logged-in-nav li a.active { background: #333333; color: #ffffff; } #desktop-header #second-row #logged-in-nav li a.active:hover { color: #444444; } .header-font { font-family: 'Font Awesome 5 Brands'; } a.no-leagues-links:after { margin-left: 0.5em; } .has-messages { position: relative; } .messages { position: absolute; left: -10px; top: 0; font-size: 0.5em; font-weight: 400; padding: 0.25em; border-radius: 50%; background: #ffcc66; color: #444444; min-width: 1.25em; line-height: 1.25em; text-align: center; } .messages.current { color: #ffffff; font-size: 0.75em; right: 0.5em !important; } #active-league .messages.current { width: 1.25em; left: auto; right: 6px !important; top: 6px !important; background: #ffcc66; color: #444444; } /*#change-toggle .messages.current { width: 1.25em; left: auto; right: 0 !important; }*/ /*@media only screen and (max-width: 1200px) { .messages.current { right: 5% !important; } } @media only screen and (max-width: 1100px) { .messages.current { right: 4% !important; } } @media only screen and (max-width: 900px) { .messages.current { right: 3% !important; } } @media only screen and (max-width: 800px) { .messages.current { right: 0 !important; } }*/ #desktop-header .messages { right: 0; left: auto; background: #ffcc66; color: #444444; top: 6px; } /*@media only screen and (max-width: 1100px) { #desktop-header .messages { right: 10px; } } @media only screen and (max-width: 980px) { #desktop-header .messages { right: 5px; } }*/ a.has-messages:hover .messages { color: #ffffff !important; } #links-tray a.has-messages:before, #desktop-header a#inbox-link.has-messages:after { content: '\f658' !important; } #desktop-header ul#toggles { display: inline; float: right; overflow: hidden; margin: 0; } #desktop-header #toggles li { display: inline; float: left; } #desktop-header #toggles li a { font-size: 1.5em; line-height: 2em; color: #ffffff; display: block; width: auto; font-weight: 900; text-transform: uppercase; } #desktop-header #toggles li a#search-open:after { content: '\f002'; font-family: 'Font Awesome 5 Free'; display: inline; padding-left: 0.5em; padding-right: 0.5em; } #desktop-header #toggles li a:hover, #desktop-header #toggles li a:focus { color: #ffcc66; border: none; } #desktop-header #site-row, #desktop-header #league-change-row, #desktop-header #league-row { display: block; /*padding-left: 149px;*/ background: #333333; } #desktop-header #league-change-row { background: #eeeeee; } #desktop-header #site-row.hidden-row, #desktop-header #league-change-row.hidden-row, #desktop-header #league-row.hidden-row { display: none; } #desktop-header #site-row .row-content, #desktop-header #league-change-row .row-content, #desktop-header #league-row .row-content { //border-left: 1px solid #0d4f80; //border-right: 1px solid #0d4f80; /*max-width: 1049px;*/ //max-width: 1199px; //margin: 0 auto; } #desktop-header #league-change-row .row-content { background: #333333; border: none; max-width: 1200px; border-bottom: 5px solid #333333; } #desktop-header #site-row #site-menu, #desktop-header #league-change-row #change-league, #desktop-header #league-row #league-menu { width: 100%; display: table; height: 100%; margin-bottom: 0; overflow: hidden; } #desktop-header #league-change-row #change-league { display: block; } #desktop-header #league-change-row #change-league .current-league { color: #ffffff; text-align: center; padding: 0.75em 1em; background: #0d4f80; text-transform: uppercase; } #desktop-header #site-row ul li, #desktop-header #league-change-row ul li, #desktop-header #league-row ul li { display: table-cell; height: 100%; vertical-align: middle; overflow: hidden; } #desktop-header #league-change-row ul li { display: block; text-align: left; } #desktop-header #site-row ul li a, #desktop-header #league-change-row ul li a, #desktop-header #league-row ul li a { color: #ffffff; text-transform: uppercase; line-height: 1em; display: block; padding: 0.75em 1em; text-align: center; height: 100%; } @-moz-document url-prefix() { #desktop-header #site-row ul li a, #desktop-header #league-change-row ul li a, #desktop-header #league-row ul li a { height: auto; } } @media only screen and (max-width: 980px) { #desktop-header #site-row ul li a, #desktop-header #league-change-row ul li a, #desktop-header #league-row ul li a { font-size: 0.8em; padding: 1.1em 1em } } @media only screen and (max-width: 780px) { #desktop-header #site-row ul li a, #desktop-header #league-change-row ul li a, #desktop-header #league-row ul li a { padding: 1.1em 0.75em } } #desktop-header #site-row ul li a:hover, #desktop-header #site-row ul li a:focus, #desktop-header #league-change-row ul li a:hover, #desktop-header #league-row ul li a:hover, #desktop-header #league-change-row ul li a:focus, #desktop-header #league-row ul li a:focus { background: #444444; border: none; margin-bottom: 0; } #desktop-search, #desktop-login { display: none; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.5); width: 100%; height: 100%; z-index: 40001; } #desktop-search #search, #desktop-login #login { display: block; max-width: 500px; width: 80%; margin: 0 auto; background: #ffffff; padding: 20px; position: relative; -moz-box-shadow: 1px 1px 0px 0px #444444, 2px 2px 0px 0px #444444, 3px 3px 0px 0px #444444, 4px 4px 0px 0px #444444, 5px 5px 0px 0px #444444; -webkit-box-shadow: 1px 1px 0px 0px #444444, 2px 2px 0px 0px #444444, 3px 3px 0px 0px #444444, 4px 4px 0px 0px #444444, 5px 5px 0px 0px #444444; box-shadow: 1px 1px 0px 0px #444444 #444444, 2px 2px 0px 0px #444444, 3px 3px 0px 0px #444444, 4px 4px 0px 0px #444444, 5px 5px 0px 0px #444444; } #header a#search-close, #header a#login-close { position: absolute; right: -5px; top: -3em; background: #444444; padding: 0.5em; color: #ffffff; } #header a#search-close:hover, #header a#search-close:focus, #header a#login-close:hover, #header a#login-close:focus { background: #ffcc66; border: none; } #search-close:after, #login-close:after { content: '\f057'; font-family: 'Font Awesome 5 Free'; display: inline; font-weight: 900; padding-left: 0.5em; } #search input[name="kw"], #login input[type="text"], #login input[type="password"] { display: block; border: 2px solid #444444; width: 100%; padding: 0.5em 0; text-indent: 0.5em; font-size: 2em; -moz-box-shadow: 1px 1px 0px 0px #444444, 2px 2px 0px 0px #444444, 3px 3px 0px 0px #444444, 4px 4px 0px 0px #444444, 5px 5px 0px 0px #444444; -webkit-box-shadow: 1px 1px 0px 0px #444444, 2px 2px 0px 0px #444444, 3px 3px 0px 0px #444444, 4px 4px 0px 0px #444444, 5px 5px 0px 0px #444444; box-shadow: 1px 1px 0px 0px #444444 #444444, 2px 2px 0px 0px #444444, 3px 3px 0px 0px #444444, 4px 4px 0px 0px #444444, 5px 5px 0px 0px #444444; } #login input[type="text"], #login input[type="password"] { margin-bottom: 0.5em; } #login input[type="submit"] { display: block; width: 100%; font-size: 2em; padding: 0.5em; } #email_remind_desktop, #email_remind_mobile { margin-top: 1em; } #email_remind_mobile { color: #ffffff; } #email_remind_desktop h3, #email_remind_mobile h3 { display: block; font-size: 1em; text-align: left; margin: 2em 0 1em; text-transform: uppercase; color: #444444; } #email_remind_mobile h3 { color: #ffffff; } #email_remind_desktop a.remind-positive, #email_remind_mobile a.remind-positive { display: block; background: #12609b; font-size: 2em; font-weight: 900; padding: 0.5em; color: #ffffff; border: 2px solid #444444; -moz-box-shadow: 1px 1px 0px 0px #444444, 2px 2px 0px 0px #444444, 3px 3px 0px 0px #444444, 4px 4px 0px 0px #444444, 5px 5px 0px 0px #444444; -webkit-box-shadow: 1px 1px 0px 0px #444444, 2px 2px 0px 0px #444444, 3px 3px 0px 0px #444444, 4px 4px 0px 0px #444444, 5px 5px 0px 0px #444444; box-shadow: 1px 1px 0px 0px #444444 #444444, 2px 2px 0px 0px #444444, 3px 3px 0px 0px #444444, 4px 4px 0px 0px #444444, 5px 5px 0px 0px #444444; line-height: 1em; text-align: center; } #email_remind_mobile a.remind-positive { font-size: 1.25em; margin-bottom: 2em; } #email_remind_desktop a.remind-positive:focus, #email_remind_desktop a.remind-positive:hover, #email_remind_mobile a.remind-positive:focus, #email_remind_mobile a.remind-positive:hover{ background: #ffffff; color: #444444; margin-bottom: 0; } #email_remind_mobile a.remind-positive:focus, #email_remind_mobile a.remind-positive:hover { margin-bottom: 2em; } ul.ui-autocomplete { border: 2px solid #444444; -moz-box-shadow: 1px 1px 0px 0px #444444, 2px 2px 0px 0px #444444, 3px 3px 0px 0px #444444, 4px 4px 0px 0px #444444, 5px 5px 0px 0px #444444; -webkit-box-shadow: 1px 1px 0px 0px #444444, 2px 2px 0px 0px #444444, 3px 3px 0px 0px #444444, 4px 4px 0px 0px #444444, 5px 5px 0px 0px #444444; box-shadow: 1px 1px 0px 0px #444444 #444444, 2px 2px 0px 0px #444444, 3px 3px 0px 0px #444444, 4px 4px 0px 0px #444444, 5px 5px 0px 0px #444444; } ul.ui-autocomplete li.ui-menu-item { font-size: 1.2em; font-family: 'Montserrat', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif" !important; } /* Mobile */ #mobile-header { display: block; width: 100%; min-width: 400px; background: #333333; height: 40px; padding: 5px 0; } #links-toggle { display: inline; float: left; width: 130px; height: 40px; text-indent: -99999em; background: url('sws-logo-mobile.png') left top no-repeat; background-size: contain; margin-left: 5px; margin-bottom: 5px; } #search-toggle { display: inline; float: right; width: 93px; height: 40px; text-indent: -99999em; background: url('sws-search-toggle-mobile.png') left top no-repeat; background-size: contain; } #links-toggle:hover, #links-toggle:focus, #search-toggle:hover, #search-toggle:focus { opacity: 0.8; border-bottom: 0 !important; margin-bottom: 0 !important; } #links-toggle:hover, #links-toggle:focus { margin-bottom: 5px !important; } #links-tray, #search-tray, #league-tray, #change-league-tray { display: none !important; background: #333333; position: fixed; width: 90%; height: 95%; padding: 5%; left: 0; top: 0; z-index: 40001; min-width: 360px; } #mobile-header #change-toggle, #mobile-header #league-toggle, #mobile-header a.no-league-links-mobile { display: inline; float: left; font-size: 1em; color: #ffffff; text-transform: uppercase; font-weight: 900; padding: 0.75em 1em; position: relative; } #mobile-header #change-toggle:after, #mobile-header #league-toggle:after, #mobile-header a.no-league-links-mobile:after { content: '\f078'; font-family: 'Font Awesome 5 Free'; display: inline; padding-left: 0.5em; } #mobile-header a.no-league-links-mobile:after { content: '\f138' !important; } #mobile-header #change-toggle:hover, #mobile-header #league-toggle:hover, #mobile-header #change-toggle:focus, #mobile-header #league-toggle:focus, #mobile-header a.no-league-links-mobile:hover, #mobile-header a.no-league-links-mobile:focus { color: #444444; } @media only screen and (max-width: 600px) { #mobile-header #change-toggle, #mobile-header #league-toggle:not(.single), #mobile-header a.no-league-links-mobile { width: 65px; padding: 0 1.5em; } #mobile-header #change-toggle { width: 75px; } #mobile-header #change-toggle:after, #mobile-header #league-toggle:after, #mobile-header a.no-league-links-mobile:after { font-size: 0.7em; } } @media only screen and (max-width: 500px) { #mobile-header #league-toggle:not(.single) { width: 50px; } #search-toggle.logged-in { width: 55px; background-image: url('sws-search-toggle-mobile-small.png'); } } #active-league { display: block; clear: both; background: #444444; color: #ffffff; text-transform: uppercase; padding: 0.5em 30px 0.5em 0.5em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; } .tray-end { display: block; clear: both; } .scroll-y { overflow-y: scroll; } #links-tray #basic-nav, #links-tray #logged-in-nav, #league-tray ul, #change-league-tray ul { margin-bottom: 0; width: 80%; } #change-league-tray ul { width: 85%; } #links-tray #site-menu { width: 80%; } #links-tray #basic-nav li, #links-tray #site-menu li, #links-tray #logged-in-nav li, #league-tray ul li, #change-league-tray ul li { padding: 0.5em 0; } #change-league-tray ul li.current-league { background: #444444; padding: 1em; color: #ffffff; text-transform: uppercase; margin: 0 0 1em 0; } span.notification { display: inline-block; margin: 0; font-weight: 400; color: #ffffff; margin-left: 0.5em; background: #444444; padding: 0.25em; border-radius: 50%; font-size: 0.8em; text-align: center; min-width: 1.25em; line-height: 1.5em; text-indent: 0 !important; } #links-tray #basic-nav li a, #links-tray #site-menu li a, #links-tray #logged-in-nav li a, #header #league-tray ul li a, #header #change-league-tray ul li a { display: block; font-size: 1.25em; line-height: 1.5em; font-weight: 900; color: #ffffff; text-transform: uppercase; } #header #change-league-tray ul li a { margin-left: 1.5em; text-indent: -1.5em; } #links-tray #basic-nav li a:before, #links-tray #site-menu li a:before, #links-tray #logged-in-nav li a:before, #header #league-tray ul li a:before, #header #change-league-tray ul li a:before { content: '\f138'; font-family: 'Font Awesome 5 Free'; display: inline; padding-right: 0.5em; } #links-tray #basic-nav li:first-child a:before, #links-tray #logged-in-nav li:first-child a:before { content: '\f015'; } #links-tray #logged-in-nav li:last-child a:before { content: '\f0e0'; } #links-tray #site-menu li:last-child a:before { content: '\f2f5'; } #links-tray #basic-nav li a:hover, #links-tray #basic-nav li a:focus, #links-tray #site-menu li a:hover, #links-tray #site-menu li a:focus, #links-tray #logged-in-nav li a:hover, #links-tray #logged-in-nav li a:focus, #header #league-tray ul li a:hover, #header #change-league-tray ul li a:hover, #header #league-tray ul li a:focus, #header #change-league-tray ul li a:focus { color: #444444; } /*#links-tray a#forgot_link { display: block; padding: 1em; background: #ffffff; margin-bottom: 1.5em; border: 2px solid #444444; -moz-box-shadow: 1px 1px 0px 0px #444444, 2px 2px 0px 0px #444444, 3px 3px 0px 0px #444444, 4px 4px 0px 0px #444444, 5px 5px 0px 0px #444444; -webkit-box-shadow: 1px 1px 0px 0px #444444, 2px 2px 0px 0px #444444, 3px 3px 0px 0px #444444, 4px 4px 0px 0px #444444, 5px 5px 0px 0px #444444; box-shadow: 1px 1px 0px 0px #444444 #444444, 2px 2px 0px 0px #444444, 3px 3px 0px 0px #444444, 4px 4px 0px 0px #444444, 5px 5px 0px 0px #444444; width: 50%; } #links-tray a#forgot_link:hover, #links-tray a#forgot_link:focus { margin-bottom: 1.5em; border-bottom: 2px solid #444444; color: #444444; }*/ #links-tray input { font-size: 1.25em !important; margin-bottom: 1em !important; } #links-tray #social-container { display: block; margin-bottom: 3em; } #links-tray #social { display: table-row; } #links-tray #social li { display: table-cell; padding-right: 1em; } #links-tray #social li:last-child { padding-right: 0; width: auto; } #links-tray #social li a span { margin-left: -9999em; } #links-tray #social li a { display: inline-block; background: #12609b; color: #ffffff; padding: 0.5em; text-transform: uppercase; border: 2px solid #444444; -moz-box-shadow: 1px 1px 0px 0px #444444, 2px 2px 0px 0px #444444, 3px 3px 0px 0px #444444, 4px 4px 0px 0px #444444, 5px 5px 0px 0px #444444; -webkit-box-shadow: 1px 1px 0px 0px #444444, 2px 2px 0px 0px #444444, 3px 3px 0px 0px #444444, 4px 4px 0px 0px #444444, 5px 5px 0px 0px #444444; box-shadow: 1px 1px 0px 0px #444444 #444444, 2px 2px 0px 0px #444444, 3px 3px 0px 0px #444444, 4px 4px 0px 0px #444444, 5px 5px 0px 0px #444444; font-size: 1.2em; line-height: 2em; font-weight: 900; width: 1.7em; } #links-tray #social li:first-child a:before { content: "\f081"; display: inline; float: left; font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: normal; line-height: 1em; font-size: 2em; } #links-tray #social li:nth-child(2) a:before { content: "\f082"; display: inline; float: left; font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: normal; line-height: 1em; font-size: 2em; } #links-tray #social li:last-child a { width: auto; } #links-tray #social li a:hover, #links-tray #social li a:focus, #links-tray #sws-plus:hover, #links-tray #sws-plus:focus { background: #ffffff; color: #444444; } #links-close, #search-close-mobile, #league-close-mobile, #change-league-close-mobile { display: inline; float: right; font-size: 3em; color: #ffffff !important; margin-bottom: 0.5em; margin-top: 0em; } #links-close:after, #search-close-mobile:after, #league-close-mobile:after, #change-league-close-mobile:after { content: '\f057'; font-family: 'Font Awesome 5 Free'; display: inline; font-weight: 900; } #header #links-close span, #header #search-close-mobile span, #league-close-mobile span, #change-league-close-mobile span { display: inline; float: left; margin-left: -99999em; } #header #links-close:hover, #header #links-close:focus, #header #search-close-mobile:hover, #header #search-close-mobile:focus, #league-close-mobile:hover, #change-league-close-mobile:hover, #league-close-mobile:focus, #change-league-close-mobile:focus { border-bottom: 0; color: #444444 !important; margin-bottom: 0.5em; } #search-tray ul#boxscore-nav { display: block; overflow: hidden; margin: 2em 0 1em; } #search-tray ul#boxscore-nav li { display: inline; float: left; width: 33.33%; overflow: hidden; } #search-tray ul#boxscore-nav li:first-child a { display: block; color: #ffffff; text-align: left; } #search-tray ul#boxscore-nav li:nth-child(2) a { display: block; color: #ffffff; text-align: center; } #search-tray ul#boxscore-nav li:last-child a { display: block; color: #ffffff; text-align: right; } #search-tray ul#boxscore-nav li.active a { font-weight: 900; font-size: 1.25em; } #search-tray ul#boxscore-list .yesterday, #search-tray ul#boxscore-list .tomorrow { display: none; } #search-tray ul#boxscore-list { display: block; overflow: hidden; margin-bottom: 0; } #search-tray ul#boxscore-list li { display: inline; float: left; width: 33.33%; margin-bottom: 2em; } #search-tray #boxscore-list-container { display: block; background: #ffffff; border: 2px solid #444444; -moz-box-shadow: 1px 1px 0px 0px #444444, 2px 2px 0px 0px #444444, 3px 3px 0px 0px #444444, 4px 4px 0px 0px #444444, 5px 5px 0px 0px #444444; -webkit-box-shadow: 1px 1px 0px 0px #444444, 2px 2px 0px 0px #444444, 3px 3px 0px 0px #444444, 4px 4px 0px 0px #444444, 5px 5px 0px 0px #444444; box-shadow: 1px 1px 0px 0px #444444 #444444, 2px 2px 0px 0px #444444, 3px 3px 0px 0px #444444, 4px 4px 0px 0px #444444, 5px 5px 0px 0px #444444; padding: 2em 0 0 2em; } #search-tray ul#boxscore-list li .row span { padding-right: 2em; } @media only screen and (max-width: 1399px) { #right-rail { display:none; } #main-content { width:100%; } } @media only screen and (min-width: 1400px) and (max-width: 1539px) { #right-rail { display:block; float:left; width:200px; } #main-content { width: calc(100% - 200px); float:left; } #desktop-header #second-row .row-content { max-width: calc(100% - 200px); } #desktop-header #league-row .row-content { max-width: calc(100% - 200px); } #desktop-header #site-row #site-menu { max-width: calc(100% - 200px); } } @media only screen and (min-width: 1540px) { #right-rail { display:block; float:left; width:340px; } #main-content { width: calc(100% - 340px); float:left; } #desktop-header #second-row .row-content { max-width: calc(100% - 340px); } #desktop-header #league-row .row-content { max-width: calc(100% - 340px); } #desktop-header #site-row #site-menu { max-width: calc(100% - 340px); } } .nba-blue { color: #ffffff; background-color: #12609b !important; } .nba-blue-font { color: #12609b !important; } .wnba-orange { color: #ffffff; background-color: #f27c2b !important; } .wnba-orange-font { color: #f27c2b !important; } .legends-gold { color: #ffffff; background-color: #cb9a15 !important; } /* Setting up common classes */ h1.sws-heading, h2.sws-heading, h3.sws-heading, h4.sws-heading, h4.sws-heading, .sws-heading { font-size: 1em; line-height: 1em; display: table; text-transform: uppercase; color: #ffffff; background: #444444; font-size: 1.75em; padding: 0.5em; font-family: 'Montserrat', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif" !important; font-weight: 700; } .right-arrow.before:before { content: '\f138'; font-family: 'Font Awesome 5 Free'; display: inline; padding-right: 0.5em; } .right-arrow.after:after { content: '\f138'; font-family: 'Font Awesome 5 Free'; display: inline; padding-left: 0.5em; } .exclamation-mark.before:before { content: '\f06a'; font-family: 'Font Awesome 5 Free'; display: inline; padding-right: 0.5em; } .exclamation-mark.after:after { content: '\f06a'; font-family: 'Font Awesome 5 Free'; display: inline; padding-left: 0.5em; } .caution.before:before { content: '\f071'; font-family: 'Font Awesome 5 Free'; display: inline; padding-right: 0.5em; } .caution.after:after { content: '\f071'; font-family: 'Font Awesome 5 Free'; display: inline; padding-left: 0.5em; } .basketball.before:before { content: '\f434'; font-family: 'Font Awesome 5 Free'; display: inline; padding-right: 0.5em; } .basketball.after:after { content: '\f434'; font-family: 'Font Awesome 5 Free'; display: inline; padding-left: 0.5em; } .just-dropshadow { border: 2px solid #444444 !important; -moz-box-shadow: 1px 1px 0px 0px #444444, 2px 2px 0px 0px #444444, 3px 3px 0px 0px #444444, 4px 4px 0px 0px #444444, 5px 5px 0px 0px #444444; -webkit-box-shadow: 1px 1px 0px 0px #444444, 2px 2px 0px 0px #444444, 3px 3px 0px 0px #444444, 4px 4px 0px 0px #444444, 5px 5px 0px 0px #444444; box-shadow: 1px 1px 0px 0px #444444 #444444, 2px 2px 0px 0px #444444, 3px 3px 0px 0px #444444, 4px 4px 0px 0px #444444, 5px 5px 0px 0px #444444; } .sws-dropshadow { font-size: 1em; display: block; background: #ffffff; border: 2px solid #444444 !important; -moz-box-shadow: 1px 1px 0px 0px #444444, 2px 2px 0px 0px #444444, 3px 3px 0px 0px #444444, 4px 4px 0px 0px #444444, 5px 5px 0px 0px #444444; -webkit-box-shadow: 1px 1px 0px 0px #444444, 2px 2px 0px 0px #444444, 3px 3px 0px 0px #444444, 4px 4px 0px 0px #444444, 5px 5px 0px 0px #444444; box-shadow: 1px 1px 0px 0px #444444 #444444, 2px 2px 0px 0px #444444, 3px 3px 0px 0px #444444, 4px 4px 0px 0px #444444, 5px 5px 0px 0px #444444; padding: 2em; font-family: 'Montserrat', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif" !important; margin-bottom: 1em; } input.sws-dropshadow, textarea.sws-dropshadow { font-size: 1em; width: 100%; padding: 0.75em 1.333em; font-size: 1.5em; } textarea.sws-dropshadow { padding-bottom: 0; } a.sws-button, button.sws-button { display: table; font-size: 1em; line-height: 1em; text-transform: uppercase; color: #ffffff; background: #12609b; padding: 0.5em; font-size: 1.5em; font-family: 'Montserrat', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif" !important; font-weight: 700; border: 2px solid #444444 !important; -moz-box-shadow: 1px 1px 0px 0px #444444, 2px 2px 0px 0px #444444, 3px 3px 0px 0px #444444, 4px 4px 0px 0px #444444, 5px 5px 0px 0px #444444; -webkit-box-shadow: 1px 1px 0px 0px #444444, 2px 2px 0px 0px #444444, 3px 3px 0px 0px #444444, 4px 4px 0px 0px #444444, 5px 5px 0px 0px #444444; box-shadow: 1px 1px 0px 0px #444444 #444444, 2px 2px 0px 0px #444444, 3px 3px 0px 0px #444444, 4px 4px 0px 0px #444444, 5px 5px 0px 0px #444444; margin-bottom: 1em; cursor: pointer; } a.sws-button:hover, a.sws-button:focus, button.sws-button:hover, button.sws-button:focus { background: #444444; } /* GAME RECAP PAGE BY TRAVIS NICHOLSON */ #notableplayers { color:#222; } #notableplayers h2 { color:#222; margin-bottom:15px; } #notableplayers h3 { line-height: 2.0em; text-transform: uppercase; font-weight: 400; } .notableplayer { //min-height:175px; //margin-bottom:25px; } .notable-line ol li { display:inline-block; font-size:1.25em; padding-right:15px; padding-bottom:8px; } .notable-line ol { display: inherit; padding: 0; margin:0; //padding-left: 120px; } .new-boxscore h2 { margin-top: .75em; margin-bottom: .125em; } .boxscore-notable-label { font-size: 11px; color: #cdcdcd; font-weight: 800; } .boxscore-date { margin-top: 10px; font-size: 1.0em; color: #676767; text-align:center; padding-bottom: 10px; font-weight: 500; border-bottom: 4px solid #cecece; } .boxscore-score { text-align: center; text-transform: uppercase; font-weight: 800; line-height: 1; font-size: 1.5em; font-family: 'Montserrat', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif" !important; } .gametime-final { background:green; padding: 4px 7px; color:#fff; font-size:.8em; } /* The Drop Down Menu on the Stats/Lineup Page */ .select-css { display: block; font-size: 1.4em; font-weight: bold; color: #000; line-height: 1.4em; padding: 5px; width: 100%; max-width: 100%; border: 2px solid #222222; } .select-css::-ms-expand { display: none; } .select-css:hover { border-color: #000; } .select-css:focus { border-color: #000; color: #000; } .select-css option { font-weight:normal; }