/*
 * Start Bootstrap - Half Slider (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

@font-face {
    font-family: ArialRoundedBold;
    src: url("../fonts/Arial Rounded Bold.ttf");
}
html,
body {
    height: 100%;
    width: 100%;
    /*font-family: 'Nunito', sans-serif;*/
    font-family: ArialRoundedBold, sans-serif;
    font-family: 'Arial Medium', sans-serif;
    font-size: 1em;
    letter-spacing: 1px;
    background-color: #fff;
}
hr {
    border-top: 2px solid #4f4f4f !important;
}
.wrapper {
    overflow-x: hidden;
}
.container-fluid {
    margin-top: 50px;
}
.img-center {
    margin: 0 auto;
}
.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}


/* Google Translate widget: */

.goog-te-gadget {
    color: #fff !important;
}
.goog-te-gadget a {
    color: #fff !important;
}
.goog-te-combo {
    color: #000 !important;
}


/* Navbar: */

/*@media (min-width: 768px) and (max-width: 991px) { 
    .navbar-nav {
        font-size: .75em;
    }
}*/
@media (max-width: 767px) {
    #google_translate_element {
        margin: 15px !important;
    }
}
.navbar {
    background-color: #0a0d30;
    border-bottom: 0;
}
.navbar-nav {
    font-size: 1em;
}
#nav-container {
    margin-top: 0;
}
.navbar-toggle, .navbar-toggle:hover, .navbar-toggle:active, .navbar-toggle:focus {
    background-color: #0a0d30 !important;
    border: none;
}
.bar-top, .bar-middle, .bar-bottom {
    width: 30px;
    height: 3px;
    background-color: #fff;
    margin: 6px 0;
    transition: 0.4s;
}
.change .bar-top {
    -webkit-transform: rotate(-45deg) translate(-9px, 4px);
    transform: rotate(-45deg) translate(-9px, 4px);
    background-color: red;
}
.change .bar-middle {
    opacity: 0;
}
.change .bar-bottom {
    -webkit-transform: rotate(45deg) translate(-9px, -4px);
    transform: rotate(45deg) translate(-9px, -4px);
    background-color: red;
}


/* Both dropdowns: */

.dropdown-menu {
    background-color: #0a0d30;
    border-top: 3px solid #000;
    border-radius: 0;
}
.dropdown-menu a {
    color: #fff !important;
}
.dropdown-menu a:hover {
    background-color: #0a0d30 !important;
    color: #c2c2a3 !important;
}
.main-link {
    color: #fff !important;
}
.main-link:hover {
    background-color: #4d4d4d !important;
}


/* Tickets dropdown only: */

.dropdown-menu.columns-2, .dropdown-menu.columns-3 {
   /*min-width: 1200px;*/
}
.dropdown-menu li a {
    padding: 5px 15px;
    font-weight: 300;
}
.multi-column-dropdown {
    list-style: none;
    padding-left: 0;
}
.multi-column-dropdown li a {
    display: block;
    clear: both;
    line-height: 1.428571429;
    white-space: normal;
}
.multi-column-dropdown li a:hover {
    text-decoration: none;
    /*#262626;*/
    /*background-color: gray;*/
}
.thumbs-box {
    padding: 5px;
    margin: 0;
}
.thumbs-box a {
    padding: 0 !important;
    display: inline-block !important;
}
.thumbs-box a:hover {
    opacity: 0.8;
    transition: opacity .4s ease-in-out;   
}
@media (min-width: 768px) and (max-width: 991px) {
    .thumbs-container {
        margin-left: 15px;
    }
}
@media (max-width: 767px) {
    .thumbs-box {
        padding: 0;
        margin-top: 2px;
        margin-left: 15px !important;
    }
    .dropdown-menu.multi-column {
        min-width: 240px !important;
        overflow-x: hidden;
    }
    .multi-column-dropdown li a {
        color: #fff;
    }
}
.nav > li.dropdown.venues.open {
    position: static;
}
.nav > li.dropdown.venues.open .dropdown-menu.venues-menu {
    display: table; 
    width: 100%; 
    /*left: 0; 
    right: 0;*/
}
.dropdown-menu.venues-menu > li {
    display: table-cell;
}


/* Masthead: */

#masthead {
    background-color: #111c4e;
}
@media (min-width: 992px) {
    #masthead {
        background-image: url("../img/Masthead-BG.png");
        background-repeat: no-repeat;
        background-position: top right;
    }
}
@media (max-width: 767px) {
    #masthead {
        margin-top: 67px;
    }
}
.site-title {
    color: #000;
}
#masthead-logo {
    /*margin-top: 10px;*/
    width: 50%;
}


/* Slideshow: */

#slideshow-container {
    max-width: 970px;
    max-height: 500px;
}
.news-slider {
    position: relative;
}
.news-slider .text-content {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    background-color: #111c4e;
    padding: 1em;
    width: 30%;
    height: 100%;
}
@media (max-width: 767px) {
    .news-slider .text-content {
        display: none;
    }
}
.news-slider .text-content h4 {
    margin: 0;
    position: absolute;
    bottom: 15px;
    color: #fff;
}
.news-slider .text-content p {
    margin: 1em 0;
}
.news-slider .text-content a.button-link {
    padding: 0.25em 0.5em;
    position: absolute;
    bottom: 1em;
    left: 1em;
    color: #fff;
    background-color: #00245e;
    border: 2px solid #fff;
}
.news-slider .text-content a.button-link:hover {
    text-decoration: none;
}
.news-slider .text-content h4:hover {
    color: #c2c2a3 !important;
}
.news-slider .image-content {
    line-height: 0;
}
.news-slider .image-content img {
    max-width: 100%;
}
.news-slider .news-pager {
    display: block;
    position: absolute;
    margin-top: -50px;
    right: 5%;
    z-index: 5;
    /*margin: 0.2em 0 0;*/
    padding: 0;
    list-style: none;
}
.news-slider .news-pager li {
    display: inline-block;
    padding: 0.6em;
    margin: 0 0 0 1em;
}
.news-slider .news-pager li.sy-active a {
    color: #ea002a;
}
.news-slider .news-pager li a {
    font-weight: 500;
    text-decoration: none;
    display: block;
    color: #fff;
}


/* Trending News: */

.vid-box, .vid-box2, .vid-box3, .vid-box4 {
    cursor: pointer;
    color: #fff;
}
.vid-box:hover, .vid-box2:hover, .vid-box3:hover, .vid-box4:hover {
    color: #c2c2a3;
}
.vid-box img:hover, .vid-box2 img:hover, .vid-box3 img:hover, .vid-box4 img:hover {
    opacity: 0.7;
}
.trend-head {
    margin-left: 15px;
    color: #fff;
}
.trending {
    background-color: #111c4e;
}
.trending a {
    color: #fff;
}
.trending a:hover {
    color: #c2c2a3;
}
.trending a:hover {
    text-decoration: none;
}
.trending a img:hover {
    opacity: 0.7;
}
#vid-thumb:hover {
    opacity: 0.7 !important;
}
.trending-item {
    padding-top: 15px;
    padding-bottom: 15px;
}
.trend-title-xs {
    color: #fff;
    background-color: #000;
    padding: 5px;
    margin: 0;
}
.trend-tease-xs {
    color: #000;
    background-color: #fff;
    padding: 5px;
}
.read-more {
    color: #1114ce;
}


/* News box: */

.news-xs-sm, .news-md-lg {
    max-width: 970px;
}
.news-div-xs-sm, .poll-div-xs-sm {
    margin-top: 10px;
    margin-bottom: 10px;
}
.news-container-xs-sm, .news-container-md-lg {
    background-color: #fff;
    padding: 0px;
}
.news-container-xs-sm a, .news-container-md-lg a {
    color: #000;
}
.news-container-xs-sm a:hover, .news-container-md-lg a:hover {
    text-decoration: none;
    color: #4d4d4d;
}
.news-container-xs-sm img, .news-container-md-lg img {
    /*display: inline-block;*/
}
.news-container-xs-sm a img:hover, .news-container-md-lg a img:hover {
    opacity: 0.7;
}
.iihf-cat {
    margin-bottom: 10px;
}
.news-title-md-lg {
    margin-top: 0px;
}


/* Poll box: */

.poll-container-xs-sm, .poll-container-md-lg {
    background-color: #8d8d8d;
    padding: 10px;
}
.poll-xs-sm, .poll-md-lg {
    max-width: 970px;
}
label.btn span {
    font-size: 1.5em ;
}
label input[type="radio"] ~ i.fa.fa-circle-o{
    color: #222;
    display: inline;
}
label input[type="radio"] ~ i.fa.fa-check {
    display: none;
}
label input[type="radio"]:checked ~ i.fa.fa-circle-o{
    display: none;
}
label input[type="radio"]:checked ~ i.fa.fa-check{
    color: #222;
    display: inline;
}
div[data-toggle="buttons"] label.active{
    color: #222;
}
div[data-toggle="buttons"] label {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: normal;
    line-height: 2em;
    text-align: left;
    white-space: nowrap;
    vertical-align: top;
    cursor: pointer;
    background-color: none;
    border: 0px solid 
    #222;
    border-radius: 3px;
    color: #222;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
div[data-toggle="buttons"] label:hover {
    color: #222;
}
div[data-toggle="buttons"] label:active, div[data-toggle="buttons"] label.active {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none !important;
}
#poll-submit-xs-sm, #poll-submit-md-lg {
    background-color: #004892;
    border: none;
    border-radius: 0;
    margin-bottom: 5px;
}
#poll-submit-xs-sm:hover, #poll-submit-md-lg:hover {
    opacity: 0.9;
}
#poll-submit-xs-sm:active, #poll-submit-md-lg:active, #poll-submit-xs-sm:focus, #poll-submit-md-lg:focus {
    background-color: #004892;
    border: none;
}


/* Footer: */

footer {
    margin: 50px 0;
    color: white;
    margin-bottom: 0;
    background-color: #111c4e;
}
.footer-xs-sm {
    padding: 15px 15px 0px 15px;
}
.footer-md-lg {
    padding: 15px 200px 0px 200px;
}
.fa.fa-facebook, .fa.fa-twitter, .fa.fa-instagram, .fa.fa-youtube {
    color: #fff;
    height: 40px;
    width: 40px;
    font-size: 20px;
    line-height: 36px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 3px solid;
    text-align: center;
    -moz-transition: 0.5s color ease-in-out, 0.5s background-color ease-in-out;
    -webkit-transition: 0.5s color ease-in-out, 0.5s background-color ease-in-out;
    transition: 0.5s color ease-in-out, 0.5s background-color ease-in-out;
    background-color: #111c4e;
}
.fa.fa-instagram:hover, .fa.fa-twitter:hover, .fa.fa-facebook:hover, .fa.fa-youtube:hover {
    color: #c2c2a3;
}
.footer-md-lg .fa.fa-facebook, .footer-md-lg .fa.fa-twitter, .footer-md-lg .fa.fa-instagram, .footer-md-lg .fa.fa-youtube {
    /*margin-top: 35px;*/
    /*margin-bottom: 23px;*/
}
.copyright {
    font-size: .7em;
    /*margin-bottom: 0;*/
}


/* Adhoc pages: */

.header-img {
    margin-bottom: 10px;
}
.adhoc-ad {
    margin-bottom: 5px;
}
.adhoc-xs-sm, .adhoc-md-lg {
    max-width: 970px;
}
.accordion-md-lg {
    max-width: 970px;
    /* 625px; */
}
.accordion-xs-sm {
    max-width: 900px;
    margin: 0 auto;
}
.panel.panel-default {
    border-radius: 0 !important;
}
.panel-heading {
    background-color: #111c4e !important;
    border-radius: 0;
    outline: none !important;
}
.panel-heading:hover {
    opacity: 0.9;
}
.panel-title a {
    color: #fff;
}
.panel-title a:hover, .panel-title a:active, .panel-title a:focus {
    text-decoration: none;
}


/* Contact Us: */

.fsBody .fsLabel {
    color: #000 !important;
    text-align: left;
}
.fsBody .fsLabel.fsRequiredLabel {
    color: #000 !important;
    font-weight: bold;
}
.fsRowBody input[type=text] {
    color: #000 !important;
}
.fsSupporting {
    color: #000 !important;
}
.fsSubmit input.fsSubmitButton {
    background-color: #000 !important;
}
.fsField {
    border-color: #000 !important;
}


#news-tix-link {
    color: #111c4e;
    text-decoration: underline;
}

.thumbnail {
    display:table;
    border-spacing: 2px;
    border-collapse: separate;
    background-color: #111c4e;
}
.thumbnail_wrapper {
    display:table-cell;
    vertical-align:bottom;
}
.thumbnail_wrapper > img {
    width:100%;
}


.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}



/*body{
    text-align: center;
    background: #00ECB9;
  font-family: sans-serif;
  font-weight: 100;
}

h1{
  color: #396;
  font-weight: 100;
  font-size: 40px;
  margin: 40px 0px 20px;
}
    */

#clockdiv, #clockdiv2 {
    font-family: 'Arial Medium';
    color: #fff;
    display: inline-block;
    font-weight: 100;
    text-align: center;
    font-size: 24px;
}

#clockdiv2 {
    font-size: 18px;
}

#clockdiv > div, #clockdiv2 > div {
    padding: 2px;
    border-radius: 0px;
    background-color: transparent;
    display: inline-block;
}

#clockdiv div > span, #clockdiv2 div > span{
    padding: 10px;
    border-radius: 0px;
    border: 2px solid #fff;
    background-color: transparent;
    display: inline-block;
}

.smalltext{
    padding-top: 5px;
    font-size: 14px;
}

.smalltext2 {
    font-size: 10px;
}