/* ==========================
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; align-items:stretch; -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; align-items: stretch; }
.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 }
.mod-scoreboard.style9 .date-status .sport:after { content:'/\a0'; padding:0 .25rem }

/* 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-info { }
.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: 0px -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 .5rem; padding:.5rem 1rem; font-size:.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:.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:.5rem }
.component.scoreboard .mod-scoreboard.style11 .event .sport-status { display:flex; justify-content:space-between; margin-bottom:.75rem; padding:.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:.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 */
@media only screen and (min-width:576px) {

}

/* TABLET */
@media only screen and (min-width:768px) {

}

/* DESKTOP */
@media only screen and (min-width:992px) {

}

/* LARGE DESKTOP */
@media only screen and (min-width:1200px) {

    /* Scoreboard Style 2 */

}

/* ==========================
END - Scoreboard
=============================*/