.banner .parallax {
    background-attachment: scroll;
    background-image: url(/_assets/images/banners/banner.jpg);
}

.league .banner .parallax {
    background-attachment: scroll;
    background-image: url(/_assets/images/banners/banner-league.jpg);
}


@media print {
    .sub-banner, .navbar, .no-print, footer, .banner {
        display: none;
    }
}

.navbar.navbar-league .navbar-header {
    background-color: #000;
    color: #ffffff;
}
.navbar .navbar-nav > li.dropdown, .navbar .navbar-nav > li > a {
    color: #FFF;
    font-size: 1.2em;
    padding: 10px 15px;
    line-height: 20px;
    cursor: pointer;
}
.sub-banner {
    padding: 101px 0 0 0;
    text-align: left;
    margin-bottom: 15px;
    background-color: #003264;
    color: #ffffff;
    filter: drop-shadow(0 0.4rem 0.3rem rgba(0, 0, 0, 0.3));
}
.sub .sub-banner {
    padding: 51px 0 0 0;
}

.sub-banner .logo {
    border: solid 2px white;
}
.sub-banner .title {
    float: left;
}
.sub-banner .title h1, .sub-banner .title .h1, .sub-banner .title h2, .sub-banner .title .h2 {
    color: #ffffff;
    line-height: 1em;
}
.sub-banner .social-icons {
    float: right;
}
/**/

@media (min-width: 768px){
    .sub .sub-banner {
        padding: 10px 0 0 0;
    }
/*
    .navbar.navbar-league .navbar-nav-main .navbar-nav > li {
        width: 104px;
    }
    .navbar .navbar-nav-main .navbar-nav > li.dropdown, .navbar .navbar-nav-main .navbar-nav > li > a {
        color: #ffffff;
        font-size: 0.8em;
        line-height: 1em;
        padding: 12px 8px;
    }
    .sub-banner {
        padding: 115px 0 15px 0;
    }
    .sub-banner .logo {
        float: left;
        margin-right: 15px;
    }
    .sub-banner .title h1, .sub-banner .title .h1, .sub-banner .title h2, .sub-banner .title .h2 {
        margin: 0;
    }
 */
}
@media (min-width: 992px) {
    .sub-banner {
        padding: 92px 0 0 0;
    }
    .sub .sub-banner {
        padding: 6px 0 0 0;
    }
    .navbar.navbar-league .navbar-nav-main .navbar-nav > li {
        width: 115px;
    }
    .navbar .navbar-nav-main .navbar-nav > li.dropdown, .navbar .navbar-nav-main .navbar-nav > li > a {
        color: #ffffff;
        font-size: 0.9em;
        line-height: 1em;
        padding: 12px 8px;
    }

}
@media (min-width: 1200px) {
    .sub-banner {
        padding: 100px 0 0 0;
    }
    .sub .sub-banner {
        padding: 14px 0 0 0;
    }
    .navbar.navbar-league .navbar-nav-main .navbar-nav > li {
        width: 125px;
    }
    .navbar .navbar-nav-main .navbar-nav > li.dropdown, .navbar .navbar-nav-main .navbar-nav > li > a {
        color: #ffffff;
        font-size: 1em;
        line-height: 1em;
        padding: 15px;
    }

}

.page .content {
    min-height: 400px;
}

.col-fixed-310 {
    /* custom width */
    width:310px;
    padding: 10px 0;
}

.js-deleteImage {
    position: absolute;
    right: 15px;
    max-height: 16px;
    max-width: 15px;
    font-size: 11px;
    padding: 0;
    top: 0;
}

.btn:active, .btn:focus {
    outline: none;
}

.event-type span{
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    border-radius: 5px;
    vertical-align: middle;
}

.event-type.regular-game {
    color: #096CAD;
}
.event-type.regular-game span {
    background-color: #096CAD;
}
.event-type.practice {
    color: #B67500;
}
.event-type.practice span{
    background-color: #B67500;
}
.event-type.playoff-game {
    color: #9C131D;
}
.event-type.playoff-game span {
    background-color: #9C131D;
}
.event-type.exhibition-game {
    color: #068079;
}
.event-type.exhibition-game span {
    background-color: #068079;
}
.event-type.tournament-game {
    color: #000000;
}
.event-type.tournament-game span{
    background-color: #000000;
}
.event-type.dryland-training {
    color: #606060;
}
.event-type.dryland-training span {
    background-color: #606060;
}
.event-type.social-event {
    color: #602CA7;
}
.event-type.social-event span {
    background-color: #602CA7;
}
.event-type.meeting {
    color: #97AD09;
}
.event-type.meeting span {
    background-color: #97AD09;
}
.event-type.power-skating {
    color: #203295;
}
.event-type.power-skating span {
    background-color: #203295;
}
.event-type.tryout {
    color: #105806;
}
.event-type.tryout span {
    background-color: #105806;
}

.colour-sample {
    height: 20px;
    width: 20px;
    display: inline-block;
    border-radius: 3px;
}
.colour-sample.red { background-color: #991928; }
.colour-sample.blue { background-color: #262d99 }
.colour-sample.black { background-color: #2b2b2b }
.colour-sample.gold { background-color: #CFB53B }
.colour-sample.silver { background-color: #C2C8C8 }
/*

        START -- APP SPECIFIC CSS RULES

*/

.table-sorter th {
    cursor: pointer;
}
th .tablesorter-header-inner {
    display: inline-block;
}
th.tablesorter-headerUnSorted:after {
    position: relative;
    top: 1px;
    display: inline-block;
    content: ' ';
    font-size: 8px;
    line-height: 20px;

}
th.tablesorter-headerAsc:after {
    position: relative;
    top: 1px;
    float:right;
    display: inline-block;
    content: "\e113";
    font-family: "Glyphicons Halflings";
    font-size: 8px;
    line-height: 20px;
    /*color: #3399FF;*/
}
th.tablesorter-headerDesc:after {
    position: relative;
    top: 1px;
    float:right;
    display: inline-block;
    content: "\e114";
    font-family: "Glyphicons Halflings";
    font-size: 8px;
    line-height: 20px;
    /*color: #3399FF;*/
}
.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active {
    z-index: 1;
}
.fc-day-grid-container {
    overflow-x: initial !important;
    overflow-y: initial !important;
}