/* Theme Name: UnderStrap Child Theme URI: https://www.understrap.com Description: UnderStrap Child Theme Author: Holger Koenemann Author URI: http://www.holgerkoenemann.de Template: understrap Version: 0.5.5 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: understrap-child Tags: one-column, custom-menu, featured-images, theme-options, translation-ready GitHub Theme URI: holger1411/understrap-child */ @charset "utf-8"; /********************************************************* RESETS **********************************************************/ :root { } ::-webkit-scrollbar { width: 12px; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(7, 72, 128,0.3); -webkit-border-radius: 10px; border-radius: 10px; } ::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: rgba(7, 72, 128,1); -webkit-box-shadow: inset 0 0 6px rgba(7, 72, 128,0.5); } ::-webkit-scrollbar-thumb:window-inactive { background: rgba(7, 72, 128,0.1); } html, body{ width:100%; height: 100%; min-height: 100vh; margin:0px; padding:0px; } body { background-color:#e3e3e3; color: #333; font-family: 'Roboto', sans-serif; position: relative; } p, h1, h2, h3, h4 { margin:0; padding:0; } .container { padding: 0; } .row { margin-left: 0; margin-right: 0; } img { max-width:100%; display: inherit; } .no-padding { padding:0; } .no-padding-left { padding-left:0; } .no-padding-right { padding-right:0; } .less-padding { padding: 5px; } .verticalCenter { display: flex; align-items: center; } small { font-size: 75%; font-weight: inherit; } .clear { clear: both; } .bgPrimary { background: var(--primaryColor); } /********************************************************* DEFAULTS **********************************************************/ p { font-size: 1.1rem; margin-bottom: 1rem; line-height: 1.5; } a { color:var(--primaryColor); } a:hover { text-decoration: none; } h1 { } h2 { font-size: 2.5rem; color: #42494d; text-transform: uppercase; font-weight: 300; line-height: 1; } h2 a { font-size: 50%; color: #10192e; font-weight: bold; transition: .3s; font-style: italic; } h2 a:hover { font-size: 50%; color: var(--secondaryColor); font-weight: bold; text-decoration: underline; } h2.alt { color: #d3d3d3; } h2.alt a{ color: #fff; } h3 { color: var(--primaryColor); font-size: 2rem; text-transform: uppercase; padding-bottom: .5rem; margin-top: 2.5rem; font-weight: bold; border-bottom: 3px solid var(--secondaryColor); margin-bottom: 1rem; font-family: 'Russo One', sans-serif; } h3 a { font-size: 50%; color: #10192e; font-weight: bold; transition: .3s; font-style: italic; display: block; } .date { color: #42494d; font-size: .8rem; } h4 { font-size: 1.1rem; color: #333; font-weight: bold; font-family: 'Roboto Condensed',sans-serif; } h5 { font-size: 1.5rem; padding: .5rem; margin: 0; color: #fff; text-transform: uppercase; font-style: italic; text-align: center; background: var(--secondaryColor); } .contentContainer { padding: 1.5rem 3.5rem; background: rgba(255,255,255,.8); } .table { padding: 2rem 1rem; background: #fff; } .takeoverWrapper { background-position: top center; background-repeat: no-repeat; } .relative { position: relative; } .cursor { cursor: pointer; } .btnPrimary { display: inline-block; font-size: 1.1rem; padding: .5rem 2rem; margin: 1rem auto .5rem auto; background-color: var(--primaryColor); color: #fff; font-weight: bold; transition: .3s; border: 0; line-height: 1; } .btnPrimary:hover { color: #fff; cursor: pointer; text-decoration: none; background-color: var(--secondaryColor); } .btnPrimary.live { background-color: var(--secondaryColor); } .btnPrimary.live:hover { background-color: var(--primaryColor); } /********************************************************* NAV **********************************************************/ .navbar { background: var(--primaryColor); } .nav-link { color: #fff; display: inline-block; text-transform: uppercase; } .nav-link:hover, .nav-link:active, .nav-link:focus { color: #fbc45f; } .nav-link .fab { font-size: 160%; } .navbar-expand-lg .navbar-nav .nav-link { padding: 0; } .nav-link .fab { padding-left: .5rem; } .nav-item { padding-right: .5rem; padding-left: .5rem; } .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); } .navbar-toggler { border-color: rgb(255,255,255); } .dropdown-item:hover { background: var(--primaryColor); color: #fff; } @media(min-width: 768px) { .dropdown-menu { margin-top: 0; // fixes closing on slow mouse transition } } /********************************************************* FOOTER **********************************************************/ footer { color: #fff; text-transform: uppercase; } .footerMainNav { list-style: none; padding: 0; } .footerMainNav .nav-item { margin: auto; display: inline-block; text-align: left; padding-right: .5rem; padding-left: .5rem; border-right: 2px solid #fff; } .footerMainNav .nav-item:nth-last-child(1) { border: none; } .footerMainNav a{ font-size: 1rem; color: #fff; display: inline-block; margin: 0; font-weight: bold; padding: 0; } .footerSubNav a { font-size: 1rem; color: #d3d3d3; margin: 0 .5rem; } footer a:hover { text-decoration: underline; } .copyright { font-size: 1rem; padding: 1rem; margin: 0; line-height: 1; font-weight: 300; text-align: center; background: #ffffff; color: #5a5a5a; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; } .copyright a { margin: 0 15px; display: inline-block; color:#fff; } .copyright a:hover { text-decoration: underline; color: #fff; } .newsletterForm p { font-size: 1.5rem; } .newsletterForm button { border-radius: 100%; background: none; border:1px solid #fff; color: #fff; transition: .3s; } .newsletterForm button:hover { background: #fff; color: #b0d051; cursor: pointer; } .globalFooter { background: #464646; } .globalFooter a { font-size: 1rem; color: #d3d3d3; margin: 0 .5rem; } .globalFooter img { max-width: 150px; } /* .newsletterForm input { font-size: 1rem; padding: .5rem 2rem; min-width: 450px; max-width: 100%; background: #fff; border: 1px solid #cfcfcf; } */ /********************************************************* SLIDER GLOBAL **********************************************************/ .slick-track { display: flex !important; } .slick-slide { height: auto; } .slick-slide > div { line-height: 0; } .slick-slide img { display: inline-block; } .slick-slide a { display: inline-block; } .slick-next, .slick-prev { height: auto; width: auto; } .slick-dots li button:before { color: #8e8e8e; } .slick-dots li.slick-active button:before { opacity: 1; color: var(--primaryColor);; text-shadow: 0px 0px 4px #fff; } .slick-dots { bottom: 25px; } .slick-next { right: 15px; } .slick-dots li button:before { font-size: 17px; } .slick-prev { left: 15px; z-index: 9000; } .mainSlider.slick-dotted.slick-slider { margin-bottom: 0; } .matchupSlider .slick-next { right: -35px; z-index: 9000; } .matchupSlider .slick-prev { left: -35px; } .broadcastLogo { max-height: 80px; } .subheader { display: block; line-height: 1; padding: .3rem 0 .2rem 0; font-size: .8rem; letter-spacing: 2px; background: #d5202c; color: #fff; } .subheader.empty { background: #fff; } .slick-prev:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0d9"; font-size: 5rem; } .slick-next:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0da"; font-size: 5rem; } .mediaSlider .slide, .videoSlider .slide{ padding: 0 10px; } .video_name { text-align: left; } .videoSlider .slick-next, .videoSlider .slick-prev { top: 40%; } .headlineContainer { position: absolute; bottom: 0; left: 0; margin: 0; width: 100%; height: 100%; background: linear-gradient(to top, #000, transparent 60%); } .headline { padding: 0 20px 60px 150px; margin: 0; color: #fff; font-size: 2.5rem; font-weight: bold; font-family: 'Russo One', sans-serif; text-align: left; position: absolute; bottom: 0; line-height: .8; width: 100%; } /********************************************************* HOME **********************************************************/ .embedWrap { float: right !important; display: inline-block !important; padding: 2rem !important; } .bgCover { background-position: top center; background-repeat: no-repeat; background-size: cover; } .newsWrapper { background: #000; } .newsTicker { width: 100%; background: #000; color: #fff; display: block; } .newsTicker:hover, .newsTicker:active, .newsTicker:focus { color: #fff; text-decoration: none; } .newsTicker p { margin: 0; padding: 1rem; line-height: 1; } .newsTicker p.live { color: #fff; background: var(--secondaryColor); text-align: center; text-transform: uppercase; } .matchupSlider .slick-slide { margin: 0 10px; background: #fff; } .matchupSlider { padding: 1.3rem 0; } .matchupSlider .slide { color: #757575; background: #fff; text-align: center; text-transform: uppercase; padding: 0; margin: 0; } .matchupSlider .slide:hover, .matchupSlider .slide:focus, .matchupSlider .slide:active { text-decoration: none; } .matchupSlider h3 { font-size: 1.2rem; padding: .2rem 0; border: none; margin: 0; color: #fff; font-weight: bold; background: #000; font-family: 'Oswald', sans-serif; } .matchupSlider h3.live { background: var(--secondaryColor); } .matchupSlider h3.complete { background: var(--primaryColor); } .matchupSlider .vs { font-size: 1.5rem; color: var(--secondaryColor); font-family: 'Oswald', sans-serif; } .matchupSlider .teamName { font-size: 1rem; line-height: 1.1; font-weight: 300; margin: 0; font-family: 'Oswald', sans-serif; } .matchupSlider .verticalCenter { padding: .7rem 0; } .newsCard { transition: .3s; display: inline-block; } .newsCard:hover { background: var(--primaryColor); } .newsCard:hover h4, .newsCard:hover p { transition: .3s; } .newsCard:hover h4, .newsCard:hover p{ color: #fff; } /*** Slider Tweaks ***/ .gallerySlider .slide, .featuredSlider .slide, .matchesSlider .slide { padding: 0 .5rem; } .gallerySlider a, .gallerySlider img, .featuredSlider a, .featuredSlider img, .matchesSlider a, .matchesSlider img { width: 100%; } .gallerySlider .slick-dots, .featuredSlider .slick-dots, .matchesSlider .slick-dots { bottom: -25px; } /********************************************************* PLAYER HISTORY PAGE **********************************************************/ .playerHistoryTable .profile_image { width: 55px !important; } .dataTables_wrapper { background: #fff; min-width: 1000px; } .playerHistoryTable { font-family: 'Roboto', sans-serif; width: 100%; text-align: center; background: #fff; padding: 0; } .playerHistoryTable tbody td { padding: .5rem; vertical-align: middle; } .playerHistoryTable thead td { vertical-align: middle; font-family: 'Oswald', sans-serif; background: var(--primaryColor); border-bottom: 3px solid var(--secondaryColor) !important; color: #fff; padding: .5rem .3rem; font-size: .8rem; } .playerHistoryTable tbody tr > td:nth-child(1) { font-weight: bold; } .dataTables_length { padding: 1rem; margin: 0; } .tableScroll { overflow-x: scroll; } .max350 { max-width: 350px; } /********************************************************* CUSTOM SEARCH AND TEXT INPUTS **********************************************************/ .input { position: relative; z-index: 1; display: inline-block; margin: 1rem 0; max-width: 100%; width: 100%; vertical-align: top; font-size: 1.5rem; } .input__field { position: relative; display: block; float: right; padding: 0.8em; width: 60%; border: none; border-radius: 0; background: #f0f0f0; color: #aaa; font-weight: 400; -webkit-appearance: none; /* for box shadows to show on iOS */ } .input__field:focus { outline: none; } .input__label { display: inline-block; float: right; margin: 0; padding: 0 1em; width: 40%; color: #696969; font-weight: bold; font-size: 1rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .input__label-content { position: relative; display: block; padding: 1.6em 0; width: 100%; } .input__label-content span { font-weight: normal; } .graphic { position: absolute; top: 0; left: 0; fill: none; } .icon { color: #ddd; font-size: 150%; } /* Makiko */ .input--makiko { overflow: hidden; background:var(--secondaryColor); border:1px solid var(--secondaryColor); } .input__field--makiko { width: 100%; background: transparent; color:var(--primaryColor); z-index: 10; font-weight: 500; } .input__label--makiko { position: absolute; width: 100%; text-align: left; pointer-events: none; color: #fff; } .input__label--makiko::before { content: ''; position: absolute; width: 30px; height: 30px; top: 45%; left: 20px; background: url('/wp-content/themes/understrap-child/img/search.svg') no-repeat center center; background-size: 100%; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.7,0,0.3,1); transition: transform 0.4s cubic-bezier(0.7,0,0.3,1); } .input__label-content--makiko { display: block; padding: 1.5em 0 0 4rem; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.7,0,0.3,1); transition: transform 0.4s cubic-bezier(0.7,0,0.3,1); } .input__field--makiko:focus + .input__label--makiko::before, .input--filled .input__label--makiko::before { -webkit-transform: scale3d(38, 38, 1); transform: scale3d(38, 38, 1); } .clearBtn { display: none; } .input--filled .clearBtn { display: block; color: #fff; position: absolute; font-size: 2rem; top: 0; right: 0; height: 100%; width: 60px; text-align: center; vertical-align: middle; line-height: 215%; cursor: pointer; z-index: 400; } /* Hoshi */ .input--hoshi { overflow: hidden; } .input__field--hoshi { margin-top: 1em; padding: 0.85em 0.15em; width: 100%; background: transparent; color: #595F6E; } .input__label--hoshi { position: absolute; bottom: 0; left: 0; padding: 0 0.25em; width: 100%; height: calc(100% - 1em); text-align: left; pointer-events: none; } .input__label-content--hoshi { position: absolute; } .input__label--hoshi::before, .input__label--hoshi::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 10px); border-bottom: 1px solid #B9C1CA; } .input__label--hoshi::after { margin-top: 2px; border-bottom: 4px solid red; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } .input__label--hoshi-color-1::after { border-color: var(--secondaryColor); } .input__label--hoshi-color-2::after { border-color: hsl(160, 100%, 50%); } .input__label--hoshi-color-3::after { border-color: hsl(20, 100%, 50%); } .input__field--hoshi:focus + .input__label--hoshi::after, .input--filled .input__label--hoshi::after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi, .input--filled .input__label-content--hoshi { -webkit-animation: anim-1 0.3s forwards; animation: anim-1 0.3s forwards; } @-webkit-keyframes anim-1 { 50% { opacity: 0; -webkit-transform: translate3d(1em, 0, 0); transform: translate3d(1em, 0, 0); } 51% { opacity: 0; -webkit-transform: translate3d(-1em, -40%, 0); transform: translate3d(-1em, -40%, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, -40%, 0); transform: translate3d(0, -40%, 0); } } @keyframes anim-1 { 50% { opacity: 0; -webkit-transform: translate3d(1em, 0, 0); transform: translate3d(1em, 0, 0); } 51% { opacity: 0; -webkit-transform: translate3d(-1em, -40%, 0); transform: translate3d(-1em, -40%, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, -40%, 0); transform: translate3d(0, -40%, 0); } } /********************************************************* INTERNALS **********************************************************/ .social-share { font-weight: bold; text-transform: uppercase; font-family: 'Oswald', sans-serif; } .btnFacebook { color: #3a559f; padding: 0 .3rem; font-size: 2rem; transition: .3s; } .btnTwitter { color: #28aae1; padding: 0 .3rem; font-size: 2rem; transition: .3s; } .btnTwitter:hover, .btnFacebook:hover { color: var(--primaryColor); } .internalBanner { padding: 4rem 0; background-size: cover; background-position: top right; background-repeat: no-repeat; text-align: right; border-bottom: 8px solid var(--secondaryColor); } .internalBanner h1 { font-family: 'Russo One', sans-serif; color: var(--primaryColor); background: rgba(255,255,255,.8); padding: 1rem 2rem; text-transform: uppercase; display: inline-block; font-style: normal; font-weight: normal; } .quoteRow { background: rgb(20, 97, 153); color: #fff; text-align: center; padding: 1rem 1.5rem; } .quote p { font-size: 1.5rem; font-style: italic; } .quote p:nth-child(2) { font-style: normal; font-weight: bold; } .teamRow { background: #ebebeb; border-top: 3px solid var(--primaryColor); } .teamRow h4 { font-size: 1.3rem; font-family: 'Roboto', sans-serif; text-transform: uppercase; color: #5d5d5d; } .teamRow p { font-size: 1rem; } .teamPlayerRow { background: #fff; padding: 1rem; border: 3px solid #ddd; } .teamPlayer { transition: .3s; } .teamPlayer img { width: 100%; border: 1px solid #ddd; } .teamPlayer h4 { font-size: 1.3rem; padding: 0 1rem; transition: .3s; font-family: 'Oswald', sans-serif; font-weight: normal; text-align: left; } .teamPlayer:hover { background: var(--primaryColor); } .teamPlayer:hover h4 { color: #fff; } .playerRow { background: #ebebeb; border-top: 3px solid #ebebeb; border-left: 3px solid #ebebeb; border-right: 3px solid #ebebeb; border-bottom: 3px solid var(--secondaryColor); color: #333; transition: .3s; } .playerRow:hover { text-decoration: none; color: #333; border-top: 3px solid var(--primaryColor); border-left: 3px solid var(--primaryColor); border-right: 3px solid var(--primaryColor); border-bottom: 3px solid var(--primaryColor); } .playerRow h4 { font-size: 1.4rem; font-family: 'Roboto', sans-serif; text-transform: uppercase; color: var(--primaryColor); } .playerRow p { font-size: 1rem; margin: 0; } .playerRow img { display: inline-block; } .playerBanner { padding: 7rem 0; background-size: cover; background-position: top right; background-repeat: no-repeat; text-align: right; } .playerBanner h1 { font-family: 'Russo One', sans-serif; color: #fff; background: rgba(255,255,255,.8); padding: 1rem 2rem; display: inline-block; text-transform: uppercase; display: inline-block; background: #000; } .playerBanner p { font-size: 1.7rem; padding: .5rem 1.5rem; display: inline-block; font-weight: bold; color: #fff; text-transform: uppercase; background: var(--primaryColor); } .playerStats { padding: 3rem 0; color: #fff; background-image: url('/wp-content/themes/understrap-child/img/bg-statrow.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; } .playerNextMatch { font-size: 2rem; text-transform: uppercase; padding: 2rem 0 0 0; margin-top: 2rem; border-top: 1px solid #7b7b7b; color: #fff; text-align: center; } .playerNextMatch .date { background: var(--primaryColor); color: #fff; font-weight: bold; padding: .3rem 1rem; margin-right:1rem; font-size: 2rem; } .playerNextMatch .vs { font-weight: 300; margin: 0 1rem; display: inline-block; } .statLabel { font-size: 1.3rem; font-weight: 300; margin: 0; font-family: 'Roboto', sans-serif; text-transform: uppercase; } .lgStat { font-size: 3rem; font-weight: bold; margin: 0; text-transform: uppercase; line-height: 1; } .smStat { font-size: 1.5rem; font-weight: bold; margin: 0; text-transform: uppercase; line-height: 1; } .playerBio h4 { font-size: 2rem; color: var(--primaryColor); font-style: italic; text-transform: uppercase; } .playerSocial { font-size: 1.4rem; font-weight: bold; color: #1f1f1f; display: inline-block; margin-top: 1.5rem; } .playerSocial span { display: inline-block; margin-right: 1rem; } .playerNews { background: #353535; color: #fff; padding: 2rem 3rem; } .playerNews h4 { color: #fff; font-size: 2rem; font-style: italic; text-transform: uppercase; } .playerNews .newsCard h4{ font-size: 1.3rem; padding: 0 1rem; font-style: normal; } .playerNews .newsCard p{ font-size: 1rem; padding: 0 1rem 2rem 1rem; margin: 1rem 0 0 0; text-transform: uppercase; } .playerNews .newsCard .date{ font-weight: 300; color: #fff; font-size: 1rem; padding: 0 1rem; margin: 0 0 .5rem 0; } #player-stats table{ font-family: 'Roboto', sans-serif; width: 100%; text-align: center; background: #fff; padding: 2rem; } #player-stats table tbody td { padding: .5rem; } #player-stats table thead td { font-family: 'Oswald', sans-serif; background: var(--primaryColor); border-bottom: 3px solid var(--secondaryColor); color: #fff; padding: .5rem .3rem; font-size: 1.1rem; } #player-stats table tbody tr > td:nth-child(1) { font-weight: bold; } .btnColored { font-size: 1.1rem; margin: 1rem 0; width: 100%; padding: 1rem 0; display: inline-block; font-family: 'Russo One', sans-serif; color: #fff; text-align: center; border: none; border-radius: 4px; text-transform: uppercase; } .btnColored:hover { opacity: .8; color: #fff; text-decoration: none; } .bgOrange { background: #d64107; } .bgLightBlue { background: #0eb3e9; } .bgMedBlue { background: #146199; } .bgPurple { background: #190066; } .bgRed { background: #c01d1e; } .bgYellow { background: #faaa39; } .bgBlue { background: #16316b; } .bgGrey{ background: #7b7b7b; } .scheduleDay{ margin-bottom: 5rem; } .scheduleHeader .date { padding: 1rem 0; font-size: 1.7rem; color: #fff; text-shadow: none; text-align: center; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: bold; font-style: italic; background-image: url('/wp-content/themes/understrap-child/img/bg-schedule-header.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; } .columnHeaders { background: #fff; padding: .3rem; } .columnHeaders p { margin: 0; } .scheduleFooter p { font-size: .9rem; padding: .3rem 1rem; margin: 0; background: #989898; color: #fff; } .scheduleMatchup { padding: 1.5rem 0; background-image: url('/wp-content/themes/understrap-child/img/bg-schedule-row.jpg'); background-position: left center; background-repeat: no-repeat; background-size: cover; } .scheduleMatchup .time { font-size: 1.5rem; font-weight: bold; font-family: 'Roboto Condensed', sans-serif; } .scheduleMatchup .time small{ display: block; font-size: 60%; } .scheduleMatchup .result{ font-size: 2rem; font-family: 'Roboto Condensed', sans-serif; } .matchupSlider .result{ font-size: 4rem; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; line-height: 1; margin: 0; } .btnTickets { font-family: 'Russo One', sans-serif; font-size: .8rem; padding: .5rem; width: 100%; text-transform: uppercase; background: var(--primaryColor); color: #fff; text-align: center; border-radius: 3px; display: inline-block; } .btnTickets:hover { background: var(--secondaryColor); color: #fff; } .btnTickets.live { background: var(--secondaryColor); } .btnTickets.live:hover { background: var(--primaryColor); } .scheduleMatchup .vs { color: var(--primaryColor); font-weight: bold; font-size: 1.8rem; } .newsRow { background: #ebebeb; padding: 2rem 1rem; margin-bottom: 2rem; border-top: 3px solid var(--primaryColor); } .newsRow img { width: auto; max-width: 100%; max-height: 350px; display: inline-block; } .newsRow h2 { line-height: .6; } .newsRow .date { font-size: 1rem; font-family: 'Russo One', sans-serif; color: var(--primaryColor); } .newsRow h4 { font-size: 1.3rem; color: #10192e; font-weight: bold; text-transform: uppercase; transition: .3s; font-style: italic; } .newsRow h4:hover { color: var(--secondaryColor); font-weight: bold; text-decoration: underline; } .page-numbers { font-size: 1.4rem; padding: 0 .5rem; display: inline-block; } .newsTitle { font-size: 1.7rem; margin-bottom: .5rem; font-family: 'Russo One', sans-serif; color: var(--primaryColor); } #gdpr_text, .ctct-form-footer, .g-recaptcha{ display: none !important; } .tableContainer .table { margin: 1rem 0; } .tableContainer .table thead tr { background: var(--primaryColor); color: #FFF; } .tableContainer .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(20, 97, 153, 0.06); } body div[class*='social-feed-container-'] .social-feed-element p.social-feed-text { line-height: 1.5 !important; } body div[class*='social-feed-container-'] .social-feed-element { box-shadow: 0 0 4px 0 rgba(10, 10, 10, 0.2) !important; } .statsButton { color: var(--secondaryColor); color: #fff; display: inline-block; width: 100%; background: var(--primaryColor); padding: .3rem 0; text-align: center; transition: .3s; margin-bottom: .5rem; } .statsButton.active, .statsButton:hover { background: var(--secondaryColor); color: #fff; } .mediaDownloads a { background: var(--primaryColor); display: inline-block; font-size: .9rem; padding: .5rem 1.5rem; margin-bottom: .5rem; color: #fff; width: 100%; transition: .3s; border: 1px solid var(--primaryColor); } .mediaDownloads a:hover { color: var(--primaryColor); background: #fff; } .mediaDownloads .fas { font-size: 1.5rem; display: inline-block; margin-right: .5rem; } .pressReleases { background: #fff; padding: 1.8rem; } .pressReleases p { margin: 0; } .pressReleases a { color: #333; padding: 1rem; font-style: italic; font-weight: bold; border-bottom: 1px solid var(--primaryColor); margin-bottom: 1rem; font-weight: bold; display: inline-block; width: 100%; transition: .3s; } .pressReleases a:hover { background: var(--primaryColor); color: #fff; } .pressReleases .date { display: inline-block; font-size: inherit; color: inherit; margin-right: 1rem; font-weight: normal; font-style: normal; } .twitter-tweet { margin: 1rem auto; } /*** STANDINGS ***/ .standings-legend{ font-size: .9rem; background: #fff; padding: 1rem; border-top: 1px solid #bbb; color: var(--secondaryColor); } .standings-clinched { font-weight: bold; color: var(--secondaryColor); text-transform: uppercase; } th.standings-top-teams{ text-transform: uppercase; color: #fff; background-color: var(--primaryColor); font-size: 0.9rem; font-style: italic; line-height: 1rem; padding: .3rem 0; } @media (min-width: 1450px) { .container { width: 1200px; max-width: 1200px; } } @media (max-width: 1900px) { } @media (max-width: 1600px) { } @media (max-width: 1450px) { .headline { font-size: 1.5rem; } .navbar-expand-lg .navbar-nav .nav-link { font-size: .8rem; } .navbar-brand img { max-width: 230px; } } @media (max-width: 1200px) { .container { width: 100%; max-width: 100%; } .contentContainer { padding: 2rem .5rem; } .matchupSlider { padding: 1.3rem 30px; } .matchupSlider .slick-prev { left: 0px; } .matchupSlider .slick-next { right: 0px; } .slick-prev { left: 10px; } .slick-next { right: 10px; } .newsTicker { position: relative; bottom: 0; } .headline { font-size: 1rem; line-height: 1.2; bottom: 15px; padding: 0px 20px 0px 20px; } .tableContainer .table { min-width: 940px; } .tableContainer { overflow-x: scroll; } .teamPlayer h4 { font-size: 1rem; padding-bottom: 1rem; } .playerBanner { padding: 3rem 0; } } @media (max-width: 992px) { .newsTicker p { padding: .5rem; } .matchupSlider .teamName { font-size: 1.3rem; } .scheduleMatchup { background: #eaeaea; } h2 { font-size: 2rem; } h3 { font-size: 1.3rem; } .newsletterForm p { font-size: 1rem; } .footerMainNav a { font-size: 1rem; } footer { text-align: center; } .footerSubNav a { font-size: 1rem; } .btnTickets { font-size: 1rem; padding: 1rem .5rem; margin: .5rem 0; } body div[class*='social-feed-container-'] { column-count: 1 !important; } .navbar-expand-lg .navbar-nav .nav-link { font-size: 1rem; padding: .5rem; } .navbar-brand img { max-width: auto; } .navbar-nav.ml-auto { text-align: center; } .teamPlayer h4 { font-size: .9rem; } .embedWrap { float: none !important; display: block !important; padding: 2rem !important; } .globalFooter img { max-width: 150px; display: block; margin: .5rem auto; } .playerNextMatch span, .playerNextMatch strong, .playerNextMatch .date { display: block; margin: 0 0 .5rem 0; } #language_selector { font-size: .9rem; } } @media (max-width: 768px) { } /** Font Awesome Overrides **/ .fa-youtube-square:before { content: "\f431" !important; } @media (min-width: 1450px){ .navbar>.container { width: 1300px; max-width: 1300px; } } .video_thumbnail { max-height: 180px; overflow: hidden; } .video-container { position: relative; width: 100%; padding-bottom: 56.25%; } .video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }