/* ==========================
MODULE DEFAULT STYLES
=============================*/
/* ==========================
Begin - Scoreboard
=============================*/
.mod-scoreboard {
    display: block
    }
.mod-scoreboard .slider {
    max-height: 200px;
    visibility: hidden;
    overflow: hidden
    }
.mod-scoreboard .slider.slick-initialized {
    max-height: none;
    visibility: visible
    }
.mod-scoreboard .slick-list {
    margin: 0 -15px
    }
.mod-scoreboard .card-footer {
    padding: 0.5rem
    }
.mod-scoreboard .no-events {
    font-weight: 700;
    text-align: center
    }
.mod-scoreboard .next.slick-disabled, .mod-scoreboard .prev.slick-disabled {
    opacity: 0.4;
    pointer-events: none;
    cursor: not-allowed;
    box-shadow: none
    }
.mod-scoreboard .next.slick-hidden, .mod-scoreboard .prev.slick-hidden {
    display: none
    }
/* Scoreboard Style 1 */
.mod-scoreboard.style1 {
    position: relative
    }
.mod-scoreboard.style1 .slick-track {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    margin-right: 0;
    margin-left: 0
    }
.mod-scoreboard.style1 .card {
    height: auto;
    display: flex;
    margin-right: 1rem;
    margin-bottom: 0;
    margin-left: 1rem;
    box-sizing: content-box
    }
/* Scoreboard Style 2 */
.mod-scoreboard.style2 {
    position: relative
    }
/* Scoreboard Style 3 */
.mod-scoreboard.style3 {
    display: block;
    position: relative;
    max-height: 3rem;
    padding: 0 8rem 0 0;
    line-height: 3rem;
    text-align: center;
    overflow: hidden;
    box-sizing: border-box
    }
.mod-scoreboard.style3 .event-box {
    padding: 0 2rem;
    text-align: center;
    white-space: nowrap
    }
.mod-scoreboard.style3 .card {
    border: 0
    }
.mod-scoreboard.style3 .card-text {
    justify-content: space-between !important
    }
.mod-scoreboard.style3 .teams {
    display: flex
    }
.mod-scoreboard.style3 .score {
    padding: 0 10px
    }
.mod-scoreboard.style3 .pp, .mod-scoreboard.style3 .prev, .mod-scoreboard.style3 .next {
    display: border;
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
    width: 2rem;
    height: 2rem;
    padding: 0;
    text-decoration: none;
    overflow: hidden;
    box-sizing: border-box
    }
.mod-scoreboard.style3 .prev {
    right: 4rem;
    margin-right: 1.5rem
    }
.mod-scoreboard.style3 .pp {
    right: 2rem;
    margin-right: 1rem
    }
/* Scoreboard Style 4 */
.mod-scoreboard.style4 {
    position: relative;
    padding-right: 60px;
    border: 1px solid #cdcdcd;
    border-left: none
    }
.mod-scoreboard.style4 .event-box {
    position: relative;
    min-height: 90px
    }
.mod-scoreboard.style4 .card-footer {
    transition: all 0.5s ease-in;
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    top: 100%;
    bottom: -100%;
    left: 0;
    right: 0;
    text-align: center
    }
.mod-scoreboard.style4 .card:hover .card-footer, .mod-scoreboard.style4 .card:active .card-footer, .mod-scoreboard.style4 .card:focus .card-footer {
    position: absolute;
    top: 0%;
    bottom: 0%
    }
.mod-scoreboard.style4 .prev, .mod-scoreboard.style4 .next {
    border-radius: 0;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    text-align: center
    }
.mod-scoreboard.style4 .prev {
    bottom: 50%
    }
.mod-scoreboard.style4 .next {
    top: 50%;
    bottom: 0
    }
.mod-scoreboard.style4 .slick-track {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: 0;
    margin-left: 0
    }
.mod-scoreboard.style4 .card {
    border-radius: 0;
    margin: 0;
    height: auto;
    display: flex;
    margin-bottom: 0;
    box-sizing: content-box
    }
/* Scoreboard Style 5 */
.mod-scoreboard.style5 {
    position: relative
    }
.mod-scoreboard.style5 .slick-track {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: 0;
    margin-left: 0
    }
.mod-scoreboard.style5 .card {
    height: auto;
    display: flex;
    margin-right: 1rem;
    margin-bottom: 0;
    margin-left: 1rem;
    box-sizing: content-box
    }
/* Scoreboard Style 6 */
.mod-scoreboard.style6 {
    position: relative
    }
/* Scoreboard Style 7 */
.mod-scoreboard.style7 {
    position: relative
    }
.mod-scoreboard.style7 .slick-track {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: 0;
    margin-left: 0
    }
.mod-scoreboard.style7 .card {
    height: auto;
    display: flex;
    margin-right: 1rem;
    margin-bottom: 0;
    margin-left: 1rem;
    box-sizing: content-box
    }
.diamond-bar {
    height: 5px;
    position: relative;
    margin: 0 -1.25rem
    }
.diamond {
    font-size: 1.25rem;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-top: -0.6rem;
    width: 2.5rem;
    height: 2.5rem;
    background: #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
    }
.diamond > .badge {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-right: 5px;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
    }
/* Scoreboard Style 8 */
.mod-calendar {
    position: relative
    }
.mod-calendar .calendar-view {
    width: 100%;
    border-collapse: collapse
    }
.mod-calendar .calendar-placeholder {
    position: relative
    }
.mod-calendar .calendar-list {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    margin: 0;
    list-style: none;
    overflow: hidden;
    box-sizing: border-box
    }
.mod-calendar .calendar-list.active {
    display: block
    }
.mod-calendar .calendar-year-list {
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 2;
    width: 140px;
    -ms-transform: translatex(-50%);
    -moz-transform: translatex(-50%);
    -webkit-transform: translatex(-50%);
    transform: translatex(-50%)
    }
.mod-calendar .calendar-year-list ul {
    max-height: 100px;
    list-style: none;
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: -100%;
    margin: 0;
    list-style: none;
    background: #fff;
    overflow: auto;
    -ms-transform: translatey(-100%);
    -moz-transform: translatey(-100%);
    -webkit-transform: translatey(-100%);
    transform: translatey(-100%);
    transition: all 0.5s ease
    }
.mod-calendar .calendar-year-list.active ul {
    top: 0;
    -ms-transform: translatey(0);
    -moz-transform: translatey(0);
    -webkit-transform: translatey(0);
    transform: translatey(0)
    }
.mod-calendar .calendar-year-list li {
    padding: 3px 10px;
    font-size: 0.875em;
    color: #222;
    cursor: pointer;
    text-align: center
    }
.mod-calendar .calendar-year-list li.active {
    background: #eee
    }
.mod-calendar .calendar-year-list li:hover, .mod-calendar .calendar-year-list li:focus {
    color: #000;
    background: #eee
    }
.mod-calendar .calendar-month-list {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
    }
.mod-calendar .calendar-month-list.inactive {
    opacity: 0.3;
    pointer-events: none
    }
.mod-calendar .calendar-month-list ul {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 1rem;
    background: var(--color-light)
    }
.mod-calendar .calendar-month-list li {
    position: relative;
    display: -ms-flexbox;
    display: inline-flex;
    float: left;
    width: 33.33%;
    border: 1px solid var(--color-light);
    text-align: center;
    text-decoration: none;
    color: var(--global-linkcolor);
    background: #fff;
    box-sizing: border-box
    }
.mod-calendar .calendar-month-list li button {
    display: block;
    width: 100%;
    border: none;
    padding: 0;
    color: inherit;
    background: transparent
    }
.mod-calendar .calendar-month-list li span {
    display: block;
    font-weight: normal
    }
.mod-calendar .calendar-month-list li.current {
    color: var(--color-light);
    background: var(--color-secondary);
    box-shadow: 0 0 5px rgba(44, 44, 44, 0.8) inset
    }
.mod-calendar .calendar-month-list li.current button {
    opacity: 1
    }
.mod-calendar .calendar-month-list li.current button .text-muted {
    color: var(--color-light) !important
    }
.mod-calendar .calendar-month-list li:hover button {
    background: var(-color-light)
    }
.mod-calendar td, .mod-calendar th {
    width: 14.28%;
    height: 50px;
    font-size: 0.85em;
    line-height: 50px;
    text-align: center;
    color: var(--color-dark);
    background: #fff
    }
.mod-calendar td button {
    display: block;
    border: none;
    padding: 0;
    margin: 0;
    background: transparent
    }
.mod-calendar td.disable span {
    opacity: 0.5;
    pointer-events: not-allowed
    }
.mod-calendar .calendar-month th button {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px
    }
.mod-calendar .calendar-header th {
    height: 40px;
    line-height: 40px;
    color: #fff;
    background: #273447
    }
.mod-calendar td button, .mod-calendar td span {
    display: block;
    background: var(--color-light)
    }
.mod-calendar td.has-event button {
    background: var(--global-linkcolor);
    color: #fff;
    width: 100%;
    font-weight: bold
    }
.mod-calendar td.has-event:hover button {
    color: #fff;
    background: var(--global-linkhovercolor)
    }
.mod-calendar td.current button, .mod-calendar td.current span {
    color: #fff;
    background: var(--color-secondary)
    }
.mod-calendar .events {
    display: none;
    position: relative
    }
.mod-calendar .events.active {
    display: block
    }
.mod-calendar .events .date {
    display: block
    }
.mod-calendar .events .links.empty {
    display: none
    }
.mod-calendar .events .links .sep, .mod-calendar .events .links .text {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0)
    }
.mod-calendar .events .links a {
    display: inline-block;
    margin: 0 0.25rem
    }
.mod-calendar .no-events {
    border-top: none;
    padding: 0;
    margin: 0;
    line-height: 5em;
    text-align: center;
    text-transform: uppercase
    }
.mod-calendar .no-events.inactive {
    display: none
    }
.mod-calendar .calendar-month {
    position: relative
    }
.mod-calendar.loading .calendar-month:before {
    content: "";
    position: absolute;
    left: 0;
    right: 100%;
    bottom: 0;
    height: 3px;
    background: var(--global-linkhovercolor);
    -moz-animation: cal-loader 3s infinite linear;
    -webkit-animation: cal-loader 3s infinite linear;
    animation: cal-loader 3s infinite linear
    }
.mod-calendar .calendar-month:after {
    content: "";
    display: block;
    clear: both
    }
.mod-calendar .calendar-month > div {
    float: left;
    width: 25%;
    cursor: pointer;
    text-align: center;
    background: #fff
    }
.mod-calendar .calendar-month > div button {
    display: block;
    width: 100%
    }
.mod-calendar .calendar-month .calendar-month-now {
    width: 50%
    }
/* Scoreboard Style 9 */
.mod-scoreboard.style9 {
    position: relative;
    padding-right: 60px;
    border: 1px solid #cdcdcd;
    border-left: none
    }
.mod-scoreboard.style9 .event-box {
    position: relative;
    min-height: 90px
    }
.mod-scoreboard.style9 .card-footer {
    transition: all 0.25s ease-in;
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    top: 100%;
    bottom: -100%;
    left: 0;
    right: 0;
    text-align: center
    }
.mod-scoreboard.style9 .card:hover .card-footer, .mod-scoreboard.style9 .card:active .card-footer, .mod-scoreboard.style9 .card:focus .card-footer {
    position: absolute;
    top: 38%;
    bottom: 0%
    }
.mod-scoreboard.style9 .prev, .mod-scoreboard.style9 .next {
    border-radius: 0;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    text-align: center;
    border-color: rgba(0, 0, 0, 0.125)
    }
.mod-scoreboard.style9 .prev {
    bottom: 50%
    }
.mod-scoreboard.style9 .next {
    top: 50%;
    bottom: 0
    }
.mod-scoreboard.style9 .slick-track {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: 0;
    margin-left: 0
    }
.mod-scoreboard.style9 .card {
    border-radius: 0;
    margin: 0;
    height: auto;
    display: flex;
    margin-bottom: 0;
    box-sizing: content-box
    }
.mod-scoreboard.style9 .info-main {
    flex: 1
    }
/* Scoreboard Style 10 */
.mod-scoreboard.style10 {
    position: relative;
    padding: 0 3rem;
    border: 1px solid rgba(0, 0, 0, 0.125)
    }
.mod-scoreboard.style10 .slider {
    padding: 0 1rem
    }
.mod-scoreboard.style10 .event-heading {
    padding: 0 0 1rem;
    margin: 0 0 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    line-height: 1.1
    }
.mod-scoreboard.style10 .event-heading .date {
    font-size: 1.25em
    }
.mod-scoreboard.style10 .event-box {
    position: relative;
    min-height: 90px
    }
.mod-scoreboard.style10 .card-footer {
    transition: all 0.25s ease-in;
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    top: 100%;
    bottom: -100%;
    left: 0;
    right: 0;
    text-align: center
    }
.mod-scoreboard.style10 .card:hover .card-footer, .mod-scoreboard.style10 .card:active .card-footer, .mod-scoreboard.style10 .card:focus .card-footer {
    position: absolute;
    top: auto;
    bottom: 0;
    height: auto
    }
.mod-scoreboard.style10 .prev, .mod-scoreboard.style10 .next {
    border-radius: 0;
    display: block;
    position: absolute;
    right: 0;
    top: 25%;
    width: auto;
    text-align: center;
    border-color: rgba(0, 0, 0, 0.125)
    }
.mod-scoreboard.style10 .prev {
    bottom: 25%;
    right: auto;
    left: 0
    }
.mod-scoreboard.style10 .next {
    top: 25%;
    bottom: 25%
    }
.mod-scoreboard.style10 .slick-list {
    margin: 0 -1rem;
    border-left: 1px solid rgba(0, 0, 0, 0.125);
    border-right: 1px solid rgba(0, 0, 0, 0.125)
    }
.mod-scoreboard.style10 .slick-track {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: 0;
    margin-left: 0
    }
.mod-scoreboard.style10 .card {
    border-radius: 0;
    margin: 0;
    height: auto;
    display: flex;
    margin-bottom: 0;
    box-sizing: content-box;
    margin: -1px 0;
    border: 0;
    outline: 1px solid rgba(0, 0, 0, 0.125)
    }
.mod-scoreboard.style10 .info-main {
    flex: 1
    }
/* Scoreboard Style 11 */
.component.scoreboard .mod-scoreboard.style11 .slick-dotted {
    margin-bottom: 0
    }
.component.scoreboard .mod-scoreboard.style11 .slick-list {
    margin: 0
    }
.component.scoreboard .mod-scoreboard.style11 .slick-track {
    display: flex;
    align-items: stretch
    }
.component.scoreboard .mod-scoreboard.style11 .event-box {
    margin-right: 2px;
    height: auto;
    border-radius: 0
    }
.component.scoreboard .mod-scoreboard.style11 .event {
    padding: 0 1rem 1rem;
    text-transform: uppercase
    }
.component.scoreboard .mod-scoreboard.style11 .event .date-links {
    margin: 0 -1rem 0.5rem;
    padding: 0.5rem 1rem;
    font-size: 0.8rem;
    color: #fff;
    background-color: var(--color-primary)
    }
.component.scoreboard .mod-scoreboard.style11 .event .date-links .link {
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    transition: 0.2s
    }
.component.scoreboard .mod-scoreboard.style11 .event .date-links .link:hover, .component.scoreboard .mod-scoreboard.style11 .event .date-links .link:focus {
    transform: scale(1.5)
    }
.component.scoreboard .mod-scoreboard.style11 .event .date-links .link + .link {
    margin-left: 0.5rem
    }
.component.scoreboard .mod-scoreboard.style11 .event .sport-status {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.75rem;
    padding: 0.25rem 0;
    border-bottom: 1px solid var(--color-dark)
    }
.component.scoreboard .mod-scoreboard.style11 .event .sport-name {
    font-weight: 700
    }
.component.scoreboard .mod-scoreboard.style11 .event .status, .component.scoreboard .mod-scoreboard.style11 .event .result {
    font-size: 0.8rem
    }
.component.scoreboard .mod-scoreboard.style11 .slick-dots {
    position: static;
    display: flex;
    justify-content: center;
    margin: 1.5rem 0;
    flex-wrap: wrap
    }
@keyframes cal-loader {
    from {
        right: 100%
        } to {
        right: 0
        }
    }
@-webkit-keyframes cal-loader {
    from {
        right: 100%
        } to {
        right: 0
        }
    }
@-moz-keyframes cal-loader {
    from {
        right: 100%
        } to {
        right: 0
        }
    }
/* MOBILE LANDSCAPE */
/* TABLET */
/* DESKTOP */
/* LARGE DESKTOP */
@media only screen and (min-width: 1200px) {
    /* Scoreboard Style 2 */
    }
/* ==========================
END - Scoreboard
=============================*/