/**
 * This is the stylesheet for the 2017
 * MHR redesign.  Depends on many of the
 * old styles in layout.css; future
 * cleanup necessary.
 */

.live a::before {
  content:"*";
}
.not-live a {
 font-weight:normal !important;
}
.center {
    text-align:center;
}


.listing-break + *{
    margin-left:20px;

}
.scrollholder th {
   color:#FFF;
   background-color:#002c61; 
   border-left:solid 1px #FFF;
   font-size:0.8em;
}
.scrollholder td {
    font-size:12px;
    border-style: none;
    border-bottom: solid 1px #ddd;
}
.scrollholder td:first-of-type {
    border-left-style:none;
}
.scrollholder th:first-of-type {
    border-left-style:none;
}
.widg {
    float:none;
    background-color:transparent;
    padding:0;
    margin: 0 auto;
    display:block;
}
.add_req_link, .upd_req_link, .del_req_link {
    margin-top:-5px;
}


#right-column {
    width:300px;
    padding:5px;
}
#map_canvas { 
    height: 400px; 
    width: 500px; 
    margin: 0px auto; 
}
.rankings-archive table {
    width:100%;
}
.rankings-archive br {
    clear:both;
}
.news_widg {
    width:unset;
    margin:0;
    border-radius:0;
}
.news-widg img {
    cursor:pointer;
    display:none;
}
.news_widg .player {
    background:#002c61;
}
.news-widg .sitestyle9 {
    font-weight:normal;
    font-size:10px;
}
.news-widg .news-updates-link {
    display:block;
    margin:0 !important;
    background-color: #999;
    font-family:Helvetica, sans-serif;
    color:#FFF !important;
    font-size:9px;
    font-style:italic;
    border-style:none;
}
.news-widg .news_list {
    padding-top:7px;
    margin:0;
    height:45px;
    overflow: auto;
}
.news-widg .news_list {
    font-size:10px;
    display:flex;
    flex-wrap:wrap;
}
.news_list dt {
    flex-basis:7em;
}
.news_list dt::after {
    content: ":";
}

.news_list dd {
    margin:0;
    flex-basis:calc( 100%  - 7em);
}


.news_widg .news_list li img {
    display:none;
}
body {
    margin:0; padding:0;
    font-family: Helvetica, sans-serif;
    background-color:#0d131d;
    overflow-x:hidden;
    color:#002c61;
}
.column {
    background-color:#fefefe;
    /*overflow-x:hidden;*/
}
.top-nav  * {
    background-image:none !important;
    
}
.left-column {
    overflow:hidden;
}
.top-nav img {
    vertical-align:middle;
    max-height:50px;
}
.ranking-list {
    overflow:hidden;
    border:1px solid #ef3d34;
    margin-top:0;
}
.links-widget, .ranking-list,.ranking-list ul {
    font-size:12px;
    list-style-type:none;
    padding:0; 
    margin-top:0;
}
.links-widget {
  background-color:#f6f6f6;
  border:1px solid #ef3d34;
  margin-bottom:0.5em;
}
.links-widget ul {
  list-style-type:none;
  padding:0;
  margin:0;
}
.links-widget li {
  padding: 0.5em;
}

.ranking-list ul {
    padding-left:5px;
}

.ranking-list > li {
    max-height:12px;
    overflow:hidden;
    transition: all 0.8s ease-in-out;
}
.rl-header {
    max-height:unset !important;
    color:#FFF;
    padding:0 !important;
    line-height:unset !important;
}
.links-widget h4,
.rl-header h4 { 
    font-size:120%;
    margin:0;
    padding:1px 3px;
    background:#ef3d34;
}

.links-widget h4 {
    color: #FFF;
}

.ranking-list .expanded {
    max-height:1024px;
}
.ranking-list > li  ul {
/*        display:none; */
    margin:0;
    font-size:10px;
    margin-left:-10px;
    margin-right: -10px;
    margin-bottom:10px;    
}
.ranking-list > li  ul:last-child {
    margin-bottom:0;
}
.ranking-list > li  li {
    background-color: #eee;
}
.ranking-list li {
    font-weight:bold;
    padding:3px 10px;
    cursor:pointer;
    background-color:#f6f6f6;
    line-height:14px;
}
.ranking-list ul li {
    padding:0 10px;
    line-height:12px;
}
.left-column li:last-child {
    border-style:none;
}
.left-column li:hover {

     background-color:#eee;

}
.div-info-teams,
.nav-list {
    background: #f6f6f6;
    white-space:nowrap;
    margin:0 auto;
    padding:0;
    list-style-type:none;
    text-align:center;
}
.nav-list li {
    vertical-align:middle;
    height:50px;
    display:inline-block;
    *display:inline;
}
.nav-list li a {
    padding:3px 15px;
}

.mobile-nav .nav-list li:not([class=nested]):hover,
.top-nav > .nav-list li:hover,
.info-page.nav-list li:hover,
.desc-container .nav-list li:hover,
.nav-list-selected {
     background-color:#eee;
     box-shadow: inset 0px 0px 3px 2px #dfdfdf;
}
.nav-list > li:first-child:hover {
     background-color:#f6f6f6 !important;
     box-shadow:unset;
}
.nav-list li ul {
    position:absolute;
    display:none;
    background: #f6f6f6;
    z-index:200;
    border:solid 1px #002c61;
    border-style:none;
    padding:0;
    box-shadow: 0px 6px 10px 0px rgba(89,89,89,0.38);
} 
.nav-list li ul li {
    display:block;
    height:30px;
    padding:0;
    border-bottom:dotted 1px #999;
} 
.nav-list li ul li:last-of-type {
    border-style:none; 
}
.nav-list li ul li a {
    height:30px;
    line-height:30px;
    padding:0 20px;
} 
.mobile-nav .nav-list li ul li a {
    height:30px;
    line-height:30px;
    padding:0 2em;
} 
.mobile-nav .nav-list li ul li ul li a{
    padding:0 3em;
} 
.top-nav > * {
    padding:0;
    margin:0;
}
.right-column {
    margin:4px;
    width:350px;
}
.left-column {

/*    margin:4px;*/
    width:160px;
    padding:5px;

}

#left-column, #right-column {
    background-color:#efefef;
    margin: 0;

}
/* Margins: min-width 170 */
.margin {
    flex-grow: 1;
}
.home-mobile {
    display:none;
}
.home-mobile .widg {
    float:none;
    display:block;
    margin:0 auto;
    width:336px; 
}
.home-mobile iframe {
    margin: 0 auto !important;
    width:100% !important;
    display: block !important;
}
.home-mobile-column {
    margin: 0 auto;
}
.silver-mobile {
    display:none;
    text-align:center;
    margin-top:10px;
}
.silver-mobile .widg {
    float:none;
}
.slicknav_menu  {
    display:none;
}
.col-cont {
    display:flex;
    flex-direction: row;
    flex-wrap:nowrap;
    margin-top:80px;
    justify-content: center;
}
.col-cont .left-column {
    width:325px;
}
.col-cont #left-column {
    background-color : transparent;
}
.col-cont #right-column {
    background-color : transparent;
}
.col-cont > * {
    margin: 0 auto;
}
.col-cont .scores-widget {
    max-width:60%;

}
/*
 * These apply to col-cont
 * when there is no scores widget
 */
.only-left {
    width: 100%;

}
.only-left .left-column {
    width:auto;
    display:flex;
    flex-direction: row;
}
.only-left .left-subcol {
    padding:8px;
    flex-basis:50%;
}

.only-left .left-subcol:last-of-type {
    min-width:325px;
    max-width:325px;
}
.scores-widget h3 {
    font-family:Play;
    background-color : #002c61;
    color:#FFF;
    margin:0;
    padding: 3px 1px; 
}
/*
 * Scores-list -- carefully qualified
 */
.scores-list {
    border:solid 2px #002c61;
    display:flex;
    flex-flow:row wrap;
    font-size:11px; 
}
.scores-list .game-score {
    flex-basis:calc(50% - 12px);
    padding: 5px;
    border:solid 1px #ddd;
    padding-bottom:1em;

}

.col-cont .game-score {

    flex-basis:100%;

}

.scores-list .game-score h4 {
    text-align:center;
    margin:0.9em;
}
.scores-list .game-dt {
    text-align: center;
    padding-top:1em;
}

.scores-list .game-result {
    display:flex;

}
.scores-list .game-teams {
    width:100%;
}
.scores-list .team-result {
    display:flex;
    line-height:2em;
    vertical-align:middle;
    /*padding-right:3em;*/
}
.team-result .team-logo {
    flex-basis:3em;

}

.team-result .team-logo img {
   max-width:100%; 
}
.scores-list .team-name {
    width:100%;
}
.scores-list .team-score {
    text-align:right;
    font-weight:bold;
    width:3em;
}
.scores-list .game-status {
    text-align:right;
    width: 3em;
    line-height: 5em;
    vertical-align: middle;
}

.silver-ad-pair {

    text-align:center;
}
/*
.col-cont .widg {
    margin: 0;
}
.col-cont .left-column {
   display:flex;
   flex-direction: row;
   width:auto;
}
.col-cont  .left-subcol {
    min-width:45%;
    margin: 0 auto;
}
*/
@media (max-width:1680px) {
    .margin {
        display:none;
    }
}
@media (max-width:1350px) {
    .silver-mobile {
        display:block;
    }
    .nav-list .nav-bp-4 {
        display:none !important;
    }
}
/*
 * NOTE: This is where the left
 * column moves to the bottom of
 * the page, via JQuery.
 */
@media (max-width:1130px) {
    .silver-mobile {
        display:none;
    }
    .nav-list .nav-bp-3 {
        display:none !important;
    }
    .top-nav .nav-list > li {
        display:none;
    }
    
    .top-nav .nav-list > li:first-child {
        display:block;
    }


    .slicknav_menu  {
        display:block;
    }
    .home-mobile {
        display:flex;
        flex-direction: row;
        flex-wrap:wrap;
    }
}
/*
 * NOTE: This is where the right
 * column moves to the bottom of
 * the page, via JQuery.
 */
@media (max-width:960px) {
    .main-wrapper {
        min-width:unset !important;
    }
    /*
    .scores-widget {
        display:none;
    }
    */
    .only-left .left-column {

        display:flex;
        flex-direction: column;
        padding:0;
    }
}
@media (max-width:860px) {
    
    .nav-list .nav-bp-2 {
        display:none !important;
    }
}
@media (max-width: 680px) {
    .col-cont {
        flex-direction:column-reverse;
    }
    .col-cont > * {
        width:336px;
        margin: 0 auto !important;
    }
}
@media (max-width:670px) {
    .nav-list .nav-bp-1 {
        display:none !important;
    }
}
@media (max-width: 600px) {

    .news-content .news-preview {
         display:none !important;
    }
}
@media (max-width: 500px) {
    /*
    .tab_nav_table {
        width:auto !important;
        margin-right:-16px !important;
        margin-left:-20px !important;
    } 
    */
    .tableheads form[name="dropview"] {
        display:none;
    } 
    .nav-list .nav-bp-0 {
        display:none !important;
    }
    main {
        padding: 15px 5px !important;
    }
}
.sticky-column {

    top: 157px;
    position:relative;
    position:sticky;
}
.tab_content_current {
    border-style:none;
}
.tablecontainer, .tab_content_current {
    border-width:2px;
    border-radius:0;
/*    border-bottom:solid 4px #002c61; */
}
#news-gallery {
    margin:0 auto;
}
.nav-list a {
    display:inline-block;
    color:#FFF !important; 
    color:#002c61 !important; 
    line-height:45px;
    height:45px;
}
.top-nav {
    z-index:500;
    position:relative;
    width:100%;
    position: sticky;
    top:0;
    /*height:50px;*/
    /*height:144px;*/
    font-family:Play;
    font-weight:normal;
    background: #f6f6f6;
    border-top:solid 2px #002c61; 
    box-shadow: 0px 4px 7px 0px rgba(89,89,89,0.38);
}  
.index .top-nav {
    height: 50px;
}
.index .sticky-column {
    top:63px;
} 
td  {
    border-color:#999;
    padding:2px 4px;
}
.tablecontainer tr:nth-of-type(even) {
    background-color:#f6f6f6;
}


.flex {
   /*
   max-width:1250px;
   */
   max-width:1400px;
   display:flex;
   margin:0 auto;
   /*
   flex-wrap:wrap;
   */
   flex-wrap:nowrap;
   /*
    display:flex;
    justify-content:center;
    flex-wrap:nowrap; */
} 
main {
  /*  width:100%; */
    padding: 20px;
    /*min-height:95%;*/
    overflow:hidden;
    /*max-width:730px;*/
    /*margin:20px auto;*/
    flex-grow:1;
    box-shadow: 0px 4px 7px 0px rgba(89,89,89,0.38);
    background-color:#FFF;
    margin-top:-5px;
}
#footer_content {
    width:auto;
    
}
#footer_ad {
    max-width:100%;
    max-height:90px;
    overflow:hidden;
}
.top-ad {
        margin: 0 auto;
        margin-bottom:5px;
        overflow:hidden;
        width:100%;
        max-height:90px;
        text-align:center;
}
.top-ad img {
    max-height:none !important;
}
.top-ad a {
    display:block;
    height:auto;
}
.join {
        display:none;       
        box-shadow: inset 0px 0px 3px 2px #dfdfdf;
        position:absolute;
        top:0;
        right:0;
}
.nav-ad {
    background-color:#ddd;
    min-height:92px;
}
.main-wrapper {
    width:100%;
    /*
    max-width:770px;
    */
    min-height:100vh;
    min-width:600px;
    display:flex;
    flex-direction:column;
    flex-grow: 1;
 }
.news-listing a {
    color:unset !important;
    font-weight : unset;
    display:block;
    border: solid 1px #ddd;
    border-left:solid 4px #ddd;
}
.news-listing a:hover {

    border-left:solid 4px #ef3d34;
}

.news-listing .news-content {
    display: flex;

}

.news-content .news-date {
    margin-top:0;
}
.news-content .news-attrib {
}
.news-content .news-author {
    margin: 0.5em 0;
}
.news-content .news-author cite {
    font-style:normal;
    font-weight:bold;
}
.news-content .news-image {
    position:relative;
}
.news-content .news-image img{
    max-height: 100%;  
    max-width: 100%; 
    width: auto;
    height: auto;
    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;

}
.news-content .news-image {
    flex-basis: 33.33333%;
}
.news-content .news-info h5 {
    margin:0;
    font-size:110%;
}
.news-content  p {
    margin : 1em 0;

}

.news-content .news-info {
    flex-basis: 66.666%;
    font-size:80%;
    padding:1em;
}
.awards-widget {
    background-color: #f6f6f6;

}
.awards-widget a {
    color:unset !important;
    display:block;
    border-top:1px solid #ef3d34;

}
.awards-widget a:first-child {
    border-style:none;
}
.awards-widget .award-team {
    display:flex;

}
.award-team-age, .award-team-name {
    margin:10px;    
}
.awards-widget .award-team-info {
    text-align: center;
    flex-basis:66.666%; 
}
.awards-widget .award-team-age {
    font-size:100%;
}
.awards-widget .award-team-logo {
    flex-basis:25%; 
}
.awards-widget .award-team-logo img {
    max-width:100%;
}
.awards-widget .award-player-info {
    text-align: center;
    flex-basis:75%; 
}

.awards-widget .award-player-image {
    flex-basis:25%; 
}
.awards-widget .award-player-image img {
    max-width:100%;
}
.awards-widget .award-info {
    display:flex;
    padding: 0 1em;
}
.awards-widget .award-stats {
    display:flex;
    margin:0;
    width:100%;
}
.three-stars-widget {
/*    max-width:220px;*/
    margin: 0 auto;
}
.awards-widget .award-stats dd {
    margin:0;
    width:2em;
    text-align:right;
}

/* Maybe these should be responsive...*/
.awards-widget .award-stats dt {
    margin-left:4em;
}


.award-three-stars .award-stats dt {
    margin-left: 1em;
}

.awards-widget .award-stats dt:first-of-type {
    margin-left:0;
}
.awards-widget {
    font-size:12px;
    border:1px solid #ef3d34;
}
.awards-widget h4 {
    padding:2px;
    margin:0;
    background-color: #ef3d34;
    color:#FFF;
    font-weight:bold;
    font-size:110%;
}
.awards-widget dt::after {
    content: ":";
}


.mhr-ad-row {
    padding:0;
    margin:0;
}
.mhr-ad-row * {
    padding:0;
    margin:0;
}
.mhr-ad-row img, .mhr-ad-row a{
   display: block; 
   margin:0 auto;
}

.social-networking {
    background:#ddd;
    vertical-align:middle;
    padding:3px;
}
.social-networking a {
    display:inline-block;
    margin:3px;
    margin-bottom:-3px;
}
.slicknav_menu {
    position:absolute;
    z-index:3000;
    right:0;
    margin-top:-45px;
    padding-bottom:8px;
    background:transparent;
}
.slicknav_nav a {
    color:#002c61;
}
.slicknav_nav {
    width:200px;
    background:#f6f6f6;
}
.slicknav_nav .slicknav_row:hover {
  background-color:#eee;
  box-shadow: inset 0px 0px 3px 2px #dfdfdf;
  border-radius:0;
  color:#002c61; 
}
.slicknav_nav a:hover {
  background-color:#eee;
  box-shadow: inset 0px 0px 3px 2px #dfdfdf;
  border-radius:0; 
  color:#002c61; 
}
.slicknav_nav > li:first-child {
    display:none;
}
.slicknav_menu img {
    max-height:40px;
}
.slicknav_btn {
    background:#ccc;

}

.shirtclub-image img {
   max-width:100%; 
}


.logo-upload-form label {
    display: block;
    position:relative;
    width:300px;
    height:35px;
}
.logo-upload-form label input:not([type=checkbox]) {
    position:absolute;
    right:0;
}


.logo-editor {
    display:flex;

}
.logo-editor .logo-container {
    height:200px;
    width:200px;
    padding:10px;
    background-color: #f6f6f6;
}

.logo-editor .logo-container canvas {
    cursor:crosshair;
}
.logo-consent {
    width:100% !important;
    
}
.logo-editor .logo-controls {
    margin-left:1em;
}
.logo-editor .logo-controls input[type=file] ~ * {
    display:block;

}
.info-page-logo img {
    max-width:100%;
}
.info-page-logo {
    float:right;
    max-width:200px;
}
.tab-nav-table {
    clear:both;
}

@media (max-width: 620px) {
    .info-page-logo {
        max-width:150px;
    }
}
@media (max-width: 540px) {
    .info-page-logo {
        max-width:100px;
    }
}
@media (max-width: 470px) {
    /*
    .info-page-logo {
        display:none;
    }
    */
    .rankings-rank-date small{
        display:inline-block;

    }
}
.form-error {
    color:#c13240;

}
.form-success {
    color:#080;
}

.logo-update-link {
    float:right;
    display:block;
    margin-top:-20px;
    font-size:12px;
}
.logo-update-link::after {
    content: " \25B6";

}
.blog-article {
    margin:0 -20px;
    margin-top:-15px;
    background-color:#efefef;
    padding:20px 0;
    box-shadow: inset 0px 0px 15px 2px #bbb;
}
.blog-article > * {

    margin: 0 20px;

}
.blog-social-media {
    background-color:#002c61;

}
.blog-type-text {

    background-color:#ef3d34;
    color:#FFF;
    padding:2px;
    padding-right:12px;

}

.blog-social-buttons {
    position:relative;
    display:inline-block;
    background-color:#ef3d34;
    color:#FFF;
    padding:2px 12px;
}
.blog-type-text::after {
    content: "";
    position: relative;
    display: inline-block;
    width: 30px;
    height: 20px;
    background-color: #ef3d34;
    transform: skewX(-40deg);
    left: 25px;
    top: 5px;
    margin-top: -7px;

}
.blog-social-buttons::after {
    content: "";
    position: relative;
    display: inline-block;
    width: 40px;
    height: 27px;
    background-color: #ef3d34;
    transform: skewX(40deg);
    left: 25px;
    top: 5px;
    margin-top: -7px;
    margin-bottom:-2px;
}
.blog-type {
 /*   margin:0; */
    font-size:0.9em;
    padding: 2px;
    padding-left:0;
    background-color:#002c61;
    position:relative;
    box-shadow: 0px 2px 2px 0px rgba(29,29,29,0.38);
}
.blog-article .blog-title {
   /* font-style:italic;*/
    position:relative;
    /* margin:0; */
    /*background-color:#fff; */
    background-color:#f6f6f6;
    padding:0 10px;
    font-size:1.2em;
    box-shadow: 0px 5px 5px 0px rgba(29,29,29,0.38);
    z-index:2;
}
.blog-image {
    /*
    padding:0 70px;
    */
    background-color:#646b77;
    box-shadow: inset 0px 0px 15px 2px #333;
}
.blog-image img {
    width:100%;
    display:block;
}
.blog-body {
    background-color:#fff;
    margin:20px;
    margin-top:0;
    padding:10px 2em;
    /*border-bottom:solid 2px #002c61;*/
    font-size:0.9em !important;
    color:#002c61 !important;
    box-shadow: 0px 6px 10px 0px rgba(89,89,89,0.38);
    padding-bottom:20px;
}
.blog-author {
    margin-left:-40px !important;
}
.blog-info {
    font-size:0.9em;
    display:flex;
    position: relative;
    background-color:#f6f6f6;
    background-color:#ef3d34;
    color:#FFF;
    margin-left:40px;
    box-shadow: 0px 2px 4px 0px rgba(69,69,69,0.38);
}
.blog-info a {
    color:#FFF !important;
}
.blog-info::before {
    content: "";
    position: relative;
    display: inline-block;
    width: 40px;
    height: 27px;
    background-color: #ef3d34;
    transform: skewX(40deg);
    left:-30px;
    padding-left:10px;

}
.blue-field {
    background-color:#FFF;
}
.blog-info > * {
    flex-basis:50%;
    padding:0 20px;
    margin-top:4px !important;
}
.blog-date {
    text-align:right;
}
.blog-info p {
    margin : 0;
}
.blog-list-title {
    font-size: 0.8em;
    margin: 0 -20px;
    color: #FFF;
    background-color: #002c61;
    padding: 2px;

}
.blog-listing {
    margin: 0 -20px; 

}
.fb-share-button {
    top:-3px;
}
.twitter-share-button {
    top:2px;
    position:relative !important;
}
@media (max-width: 500px) {
    .blog-article .blog-title {
        font-size:1em;
    }
    .blog-image {
        padding:0;
    }
    .blog-list-title {

        margin: 0 -5px;
    }
    .blog-article > * {
        margin: 0;
    }
    .blog-article {
        margin:0 -5px;
        margin-top:-15px;
        padding:0;
        padding-bottom:20px;
    }
    .blog-listing {
        margin: 0 -5px; 

    }
}
@media (max-width: 440px) {
    .blog-info::before {
        display:none;
    }
    .blog-info {
        margin-left:0;
        padding-left:40px;
    }
}

.livebarn-icon {
    max-width:1.6em;
    max-height:1.6em;
    float:right;
    display:block;
}
.livebarn-icon img {
    max-width:100%;
    max-height:100%;
}

.livebarn-team-info,
.livebarn-list,
.livebarn-watch,
.livebarn-broadcast {
    float:none;
}
.livebarn-list {
   max-height: 1.2em;
   max-width: 1.2em;   
   position:relative;
   display:inline-block;
   top:3px;
   margin:0 9px;
}

.livebarn-team-info {
   position:relative;
   display:inline-block;
   top:4px;
   margin:0 8px;
}

.livebarn-watch {
    
   display:inline-block;
   max-width:unset;
   margin-right:10px;
}
.livebarn-watch img {
    max-height:0.6em;
}

.center-text {
    text-align:center;
}

.center-right-columns {
    display:flex;
    flex-wrap:nowrap;
    flex-grow: 1;
    min-width: 0;
   /* flex-basis:80%;*/
}

.mhr-content-ad {
 display:none; 
}
@media( max-width:1250px) {

   .flex {
     max-width:950px;
   }
   #right-column {
      width:770px;
      margin:0 auto;
   }
   #right-column .sticky-column {
     display:none;
     width:625px;
     margin: 0 auto;
   }
   .mhr-content-ad {
     display:block; 
   }
   .right-subcol {

        margin:0 auto;

        flex-basis:300px;
   }
   .center-right-columns {
      max-width:770px;
      flex-wrap:wrap;
   }

}
@media( max-width:960px) {
   .flex {
     max-width:770px;
   }
    #left-column {
     order:2;
   }
   .main-wrapper {
     margin:0 auto;
   }
   #right-column,
   #left-column {
      width:625px;
      margin:0 auto;
      display:none;
   }
   #right-column .sticky-column,
   #left-column .sticky-column {
        display:none;
	width:625px;
	margin: 0 auto;
        
   }
   .right-subcol,
   .left-subcol {
        flex-basis:300px;
        margin:0 auto;
    }
   .center-right-columns {
     order:1;
    flex-basis:100%;
   }
}


@media( max-width:770px) {
    .main-wrapper {
       width:100vw;
       min-width:300px;
    }
}

.left-col-google-ad {

    display:inline-block;
    width:160px;
    height:600px;
}
.right-col-google-ad {

    display:inline-block;
    width:300px;
    height:250px;
}

@media( max-width:625px) {
    .scores-list .game-score {
        flex-basis:100%;
    }
    .flex {
       max-width: unset !important;
       width:100%;
     }
   #right-column,
   #left-column {
      width: 300px;
      margin:0 auto;
   }
   .right-col-google-ad,
   .left-col-google-ad {
        display:none;
   }
   #right-column .sticky-column,
   #left-column .sticky-column {
        display:none;
        width: 300px;
	    margin: 0 auto;
        
   }
   .center-right-columns {
      max-width:unset !important;
   }


}


.basic-form > div {
    display:flex;
    

}
.basic-form .required::after {
    color: #c13240;
    font-size:0.8em;
    content:"(required)";
}

.basic-form label {
    flex-basis:25%;
    margin:0 0.5em;
    text-align:right;
}
.basic-form label::after {
    content:":";
}
.basic-form p {
    margin: 1em 13%;
}

.basic-form input:not([type^=checkbox]),  
.basic-form select  {
    width: 200px;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box; 
    box-sizing:border-box;


}

.catalog-item {
    display:flex;
    height:170px;
    border: solid 1px #ddd;
    border-left: solid 1em #002c61;
}
.catalog-item-info {
    flex-grow:1;
    display:flex;
    align-items:center;
    justify-content:center;
    border-right: dotted 1px;
}
.catalog-item-info h4 {
    margin: 0.5em;
}
.catalog-item-info p {
    margin: 0 0.5em;
}
.catalog-item-summary {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-basis: 33%;
    background-color: #f6f6f6;

    
}
.product-type {
    margin:0.5em 0;
}
.product-price {
    font-size:2em;
    font-weight:bold;
    margin:0;
    margin-bottom:0.2em;
}
.product-sub {
    margin:0;
    font-style:italic;
    font-size:0.8em;
}


.purchase-info {
   display:flex;
   margin:0;
   padding:0;
   flex-direction:column; 
   text-align:left; 
}

.purchase-info div {
    display: flex;
    white-space: nowrap;
}


.purchase-info dt,
.purchase-info dd {
    flex-basis: 50%;
    font-size: 0.8em;
    width: 100px;
    margin: 0;
    padding: 0;
    margin: 0 0.5em;



}
.purchase-info dt {
    text-align:right;
}
.purchase-info dd {
    text-align:left;
}

.error-messages {
    color:#800;

}

.subheader {
    margin-top:-1.5em;
    font-size:0.9em;
}


.assoc-rankings th {
    background-color: #002c61;
    color:#FFF;
    font-size:1.2em;
}

.assoc-rankings td {
    text-align:center;
}

.assoc-rankings td:nth-of-type(2) {
    text-align:left;
}
.assoc-rankings .tableheads {
    border-bottom:dotted 1px #FFF;

}

.assoc-rankings .tableheads h3 {
    padding:0 0.1em;
}

.signup-card {
    background-color: #fbf1a9;
    border:solid 1px #ffb700;
    padding: 2em;
    box-shadow: 0px 3px 5px 0px rgba(89,89,89,0.38);
    margin-top:1em;
    font-weight:normal !important;
    color:#002c61ff !important;
}

.signup-card p {

    font-size:1em;
    font-style:italic;
}


.desc-container {

    flex-basis: 70%;
 /*   border:solid 1px #002c61; */
    margin-right:0.5em;
    font-size: 0.9em;
    display: flex;
    flex-direction: column;
    white-space:nowrap !important;
    /*max-width:500px;*/
}
.desc-container-table {
    overflow:hidden;
    overflow-x: auto;
    border:solid 1px #002c61;
    margin-top:-1px;
}

.desc-container table {
    font-size:0.8em;
    width:100%;
    margin:0;
    margin-top:-1px;
}
.desc-container th, td {
    padding:3px;
    vertical-align:top;
    line-height:20px;
}
.desc-container th{
    text-align: left;
    min-width:16.66%;
}
.desc-container th::after{
    content:":";
}
.desc-container td{
    min-width: 33.33%;
}
.desc-container td form {
    margin: 0 auto;
}


/*
.desc-container tr:nth-of-type(odd) th, 
.desc-container tr:nth-of-type(even) td  
{
    background:#f6f6f6;
}

*/


.desc-container tr:nth-of-type(even) {
    background:#f6f6f6;
}
.desc-container td:nth-of-type(1) {
    border-right:solid 1px #002c61;

}
.desc-container .info-row-wide{
    border-style:none;
    border-top:solid 1px #002c61; 
}

.desc-container .info-row-wide td {
    border-style:none;
    padding: 0;
}

.desc-container h5,
.blue-header,
.desc-footer {
    margin:0;
    background:#002c61;
    padding: 0.5em;
    border-bottom:solid 1px #ddd;
    color:#FFF;
}

/*
.desc-container dl {
    flex-grow:1;
    padding:0;
    margin:0;
    font-size:0.9em;
    display: flex;
}

.desc-container dl  > div > div {
    display:flex;
    flex-wrap:wrap; 
}
.desc-container dl > div {
    width:47%;
}

@media (max-width:650px) {

    .desc-container dl {
        flex-direction:column;
    }
    .desc-container dl > div {
        width:unset;
    }

    


}
*/
.multi {
    display:block;
} 
.team-assoc-info {
    display:flex;
    flex-basis: 50%;       
    margin-bottom:1em;  
}

.logo-img {
    background:#efefef;
    flex-grow:1;
    width:25%;
    height:0;
    padding-bottom:25%;
}
/*
.desc-container dd, .desc-container dt {
    padding:0; margin:0; flex-grow:1; flex-basis:50%;
}
.desc-container dd:first-of-type{
    flex-basis:50%;
    margin:0;
}
.desc-container dd{
    flex-basis:100%;
}
*/
/*
.desc-long{
    display:block !important;
}
.desc-long dd {
    padding-left:1em;
 }
 */
/*
.desc-container dd:nth-of-type(even) {
    background:#f6f6f6;
}
.desc-container dt {
    font-weight:bold;
}
.desc-container dt::after {
    content:":";
}
*/
.div-info-teams,
.info-page.nav-list {
    box-shadow: 0px 2px 3px 0px rgba(89,89,89,0.38);
    position: relative;
    z-index: 100;
    text-align:left;
    overflow-x:auto;
    overflow-y:hidden;
}

.div-info-teams {
    border:solid 1px #eee;
    padding:1em;
}

.info-page.nav-list li a {
    padding: 3px 16px;
    font-size: 0.90em;

}
.desc-container a {
    font-weight:normal;
}

.desc-container ul {
    margin:0; padding:0; list-style-type:none;
}
.desc-container button {
    border-style: none;
    color: #002c61;
    background-color: #f6f6f6;
    border: solid 1px #ccc;
    font-weight: bold !important;
    padding: 3px 10px;
    cursor: pointer;
    box-shadow: 0px 1px 1px 0px rgba(89,89,89,0.25);
}

.desc-container input[type=image] {
    max-height:20px;
}
/*.desc-footer dl,
.desc-footer dl div {
    width:100%;
    height:unset;
    align-items:unset;
}
*/

.desc-img-edit {
    flex-basis: 25%;
    flex-grow:1;
}

/** Info page mobile **/
@media(max-width:700px) {
    .team-assoc-info {
        flex-direction:column; 
    }
    .info-page-logo {
        float:unset;
        text-align:center;
        max-width:unset;
    }
    .info-page-logo img {
        max-width:200px;
    }
    .desc-container {
        max-width:unset;
        width:100%;
    }
    .desc-img-edit {
        border:solid 1px #002c61;
    }
    .assoc-rink-container {
        flex-direction:column;
    }
}


.info-page-body {
/*    border:solid 1px #999; */
    overflow-x:auto;
    overflow-y:hidden;
}

.info-page-body th {
    background-color:#002c61;
    color:#FFF;
    border-color:#FFF;
    font-size:110%;
}
.info-page-body th > .sitestyle3 {
    color:#FFF !important;
}

.recent-scores td {
    text-align: center;
}
.recent-scores .scheduled {
    background-color:#FFFFCC !important;
}

.info-page-body .level-header,
.recent-scores .level-header
{
    background-color:#ddd !important;
    border-color:#999 !important;
    color:#002c61;
}
.recent-scores .level-header {
    border-bottom:solid 1px #002c61;
}
.info-page-body table {
    border-color:#999 !important;
    /*
    border-top-color:#eee !important;
    */
    width: 100% !important;
    font-size:0.7em;
    border:solid 1px #ddd;
    min-width:500px;
}

.info-page-body tr:nth-of-type(even) {
    background:#f6f6f6;
}
.info-page-body.assoc-info td, 
.info-page-body p, 
.level-header {
    text-align:center;
}
.info-page-body td,
.info-page-body th{
    padding:2px;
    vertical-align:top;
    margin:0;
    /*border:solid 1px #999;*/ 
}
.info-page-body ul {
    padding:2px;
    margin:0;
    list-style-type:none;
}
.info-page-body .sitestyle3 {
    color:#002c61 !important;
}
.info-page-body .tablecontainer {
    border-style:none !important;
}
.info-page-body > br {
    display:none;
}

.info-page-body .tablecontainer {
    margin:0;
}
.info-page-body table{
    margin-bottom:1px;
}
.info-page-body table:last-of-type{
    margin-bottom:0;
}
.info-page-body.league-info {
    text-align:center;
}   
/*
.info-page-body.league-info td:nth-of-type(1),
.info-page-body.league-info td:nth-of-type(3)
{
    text-align:left;

}
*/
.flag-icon-ca {
    width: 18px;
    height: 21px;
    margin-right: 4px;
    margin-bottom: -4px;
}
.flag-icon-us {
    width: 18px;
    height: 15px;
    margin-right: 4px;
}

.info-add-button {
    font-weight:bold;
    color:#080;
    max-height:20px;
}

.table-notification {
    border:solid 1px #002c61;

}
.table-notification input[type=image] {
   max-height:20px; 
   margin-bottom: -5px;

}


.rankings-powered-by {
    display:flex;
    margin-top: -30px;
    display: flex;
    max-width: 640px;
    margin: -30px auto;
}

.rankings-powered-by p {
    color:#000;
    font-size: 40px;
    flex-grow: 1;
    margin: 0;
    padding: 0;
    line-height: 140px;
    font-weight: bold;
}

.rankings-powered-by img {
    max-height: 140px;
}

@media (max-width:750px) {
    .rankings-powered-by {
        max-width: 450px;
        margin: 0 auto;
    } 
    .rankings-powered-by p {
        line-height: 60px;
        font-size: 30px;
    }
    .rankings-powered-by img {
        max-height: 60px;

    }
}

@media (max-width:450px) {
    .rankings-powered-by {
        max-width: 300px;
        margin: 0 auto;
    } 
    .rankings-powered-by p {
        line-height: 40px;
        font-size: 20px;
    }
    .rankings-powered-by img {
        max-height: 40px;

    }
}


.assoc-rink-container {
    max-height:600px;
 /*   width:100%; */
    font-size:1em;
    display:flex; /* For horiz */
    /*margin-bottom:1em;*/
}
.assoc-rink-container > *{
    flex-basis:50%;
}
.assoc-rink-info {
    font-size:0.8em;
}

.assoc-rink-info a {
    font-weight:normal;
}
.assoc-rink-info button {
    float:right;
    border-radius:100px;
    cursor:pointer;
    border:0;
    font-size:2em;
    color:#002c61;
    font-weight:bold;
}
.assoc-rink-info img {
    display:block;
    width:100px;
    margin:0.5em auto;
}
.assoc-rink-container li div{
    display:flex;
}
.assoc-rink-container li {
    padding: 0.1em;
    cursor:pointer;
    line-height:1.5em;
}
.assoc-rink-container li:hover {
    color:#ef3d34;
}
.assoc-rink-container li.selected {
    background:#efefef;
}
.assoc-rink-container p {
    flex-basis:33%;
}
.assoc-rink-container ul {
    list-style-type:none;
    height:200px;
    overflow:auto;
    overflow-x:hidden;
    flex-grow:1;
    padding:0;
    margin:0;
}

.assoc-rink-container dl {
    margin:1em;
}
.assoc-rink-info-desc {
    min-height:200px;
    background:#FFF;
    position:relative;
}
.assoc-rink-info-desc dl div{
    display:flex;
    margin-bottom:0.5em;
}
.assoc-rink-info-desc dt{
    min-width:7em;
    font-weight:bold;
}
.assoc-rink-info-desc dt::after{
    content:":";
}
.assoc-rink-info-desc dd{
    margin:0;
}
.assoc-rink-info h5 {
    font-size:1.2em;
    margin-left:0.3em;
    margin-bottom: 0em;
    color:#002c61;
    background:#FFF;
    border:0;
    
    
}
.assoc-rink-info h5:hover {
    color:#ef3d34;
}
.assoc-rink-info-association {
    display:flex;
}
.assoc-rink-container .map {
    position:relative;
    width:100%;
    height:200px;

}
.assoc-rink-container {
    border: solid 1px #002c61;
    margin-top: -1px;
}

.desc-container.league-assoc-rinks {
    max-width:unset;
    margin-bottom:1em;
    border: solid 1px #002c61;
    font-size:12px;
}
.league-assoc-rinks li {
    padding:0 0.5em;
}
.team-assoc-info.league-info {
    margin-bottom:0;
}

.team-assoc-info.league-info table {
    border-bottom-style:none;
}

.league-info-card p {
    margin:0;
    padding:1.5em;
}
.league-info-card {

    text-align:center;
    background: #FF8;
    padding:2em;
    min-height:210px;
}
.mobile-nav {
    display:none;
    position: fixed;
    z-index: 600;
    top: 0;
    bottom: 0;
    width: 310px;
    left: -310px;
    background: #f6f6f6;
    box-shadow: 0px 4px 7px 0px rgba(89,89,89,0.38);
    transition: transform .2s,-webkit-transform .2s;
}

@media (max-width:1130px) {
    .mobile-nav {
        display:block;
    }
}

.mobile-nav.open {
    transform:translate(310px);
}
.mobile-menu-button {
    transform: translate(320px);
    z-index: 600;
    height: 35px;
    border: none;
    background: #002c61;
    border-radius: 50%;
    width: 35px;
    margin-top: 102px;
    cursor:pointer;
    transition: background .5s;
    box-shadow: 0px 4px 7px 0px rgba(89,89,89,0.38);
}
.mobile-menu-button:hover {
    /*background:#F00;*/
}
.mobile-menu-button span {
    display: block;
    background: #FFF;
    height: 3px;
    margin: 4px 0;
    border-radius:2px;
}
.mobile-nav > div {
    overflow-x: hidden;
    overflow-y: auto;
    height:100%;
    margin-top: -137px
}
@media (max-width:727px) {
    .nav-ad {
      min-height:62px;
    }
    .mobile-menu-button {
        margin-top:72px;
    }
    .mobile-nav > div {
        margin-top: -107px
    }

}

@media (max-width:468px) {
    .nav-ad {
      min-height:52px;
    }
    .mobile-menu-button {
        margin-top:62px;
    }
    .mobile-nav > div {
        margin-top: -96px
    }

}

.mobile-nav img {
    max-height:100%;
}
.mobile-nav .nav-list {
    text-align:left;
}
.mobile-nav .nav-list a {
    width:100%;
    height: unset;
    line-height:25px;
    font-size: 0.9rem;
}
.mobile-nav .nav-list li {
    display:block !important;
    height:unset;
  /*  height:30px; */
}
.mobile-nav .nav-list > li:first-child {
    height:50px;
}
.mobile-nav .nav-list > li:first-child a{
    height:45px;
}

.mobile-nav .nav-list li ul {
   position:relative;
   display:block !important; 
   box-shadow:unset;
   font-size:0.9em;
   padding: 0;
}

.mobile-nav .nav-list li ul li{
    border:none;
}

.rankings-table-body td{
    font-size:10px;
    line-height: 22px;
    vertical-align: middle;
}

.rankings-table-body td:nth-of-type(7){
   white-space:nowrap;
}

.pagination-nav {
    text-align:center;
}
.pagination-number {
    font-size:1.1em;
    margin:1em;
}
.pagination-nav img {
    max-height:1em;
}

.pagination-nav .disabled{
    opacity:0.5;
    cursor:arrow;
}

.mhr-content-ad {
    margin: 1em auto;
    min-width:300px;
    text-align:center;

}
.mhr-silver-ads {
    display:inline-block;
    width:301px;
}
/*
.mobile-nav .mhr-content-ad  *:nth-child(2) {
        display:none;
}
*/
@media (max-width:650px) {
    
    .mhr-content-ad > *:nth-child(2){
        display:none;
    }
}

.in-context-ad {
    text-align:center;
    margin:0;
    margin-bottom:1em;
    padding:0;
}
.in-context-ad img {
    display:block;
    margin:0 auto;
}
table .in-context-ad {
    margin:0 -1px;
    padding:0;
}
.scrollholder > .in-context-ad {
    margin:0;
    padding:0;
    border:solid 1px #002c61;
}

.at-vs-ind {
    color:#333;
    font-style:normal;
}

.update-dt {
    text-align:right;
    vertical-align:middle;
}

.updates-listing {
    list-style-type: none;
    padding: 0;
    margin: 0;
    border: solid 1px #ef3d34;
    background-color:#efefef;
    /*flex-grow: 1;*/
}
.updates-widget {
    display: flex;
    justify-content: center;
}
.updates-widget a:hover {
    color: #002c61;
}
.updates-widget h6 {
    margin:0;
    color: #FFF;
    padding: 3px;
    background: #ef3d34;
}
.updates-widget > * {
    padding-left: 1rem;
    flex-grow: 1;
    flex-basis:50%;
    /*
    max-width: 350px;
    */
    display: flex;
    flex-direction: column;
}
.update-item {
    padding: 3px;
    display: flex;
    font-weight:normal;
    font-size:10px;
    border-bottom: solid 1px #ddd;
    transition: all 0.5s;
    background-color:#f6f6f6;
}
.update-item:hover {
    background:#fefefe;
}
.update-date, .update-author {
    font-style: italic;
}
.update-date {
    flex-basis: 3.5em;
}
.update-author {
    border-right: solid 1px #ccc;
    flex-basis: 6em;
}
.update-date::after {
    content:":";
}
.update-item > * {
    padding: 0 0.25rem;
    white-space: nowrap;
    flex-grow:0;
    overflow: hidden;
}
.update-title {
    font-weight:bold;
    flex-grow: 1;
    white-space: normal;
    width: 200px;
}
.site-update-content {
    display:none;
}

@media (max-width:600px) {
    .recruits-title {
        padding-left: 0 !important;
    }
    .updates-widget {
        flex-direction: column;
        /*width: 350px;*/
        margin: 0 auto;
    }
    .updates-widget > * {
        padding-left: 0;
        margin-bottom: 1rem;
    }
}

.season-nav.nav-list a {
  font-weight: bold;
  line-height: 2em;
  height: 2em;
  padding: 3px 12px;
  font-size: 12px;
}
.season-nav.nav-list li {
  height: 2em;
}
.season-nav {
  text-align: left;
}

.desc-img-edit {
    display:none;
}
.desc-img-edit.active {
    display:block;
}

.top-nav .child{
    display: none;
    position:absolute;
    left: 100%;
    
    margin-left:1px;
    background: #f6f6f6;
    z-index:200;
    box-shadow: 0px 6px 10px 0px rgba(89,89,89,0.38);
}
.top-nav .child li{
    height:30px;
    line-height:30px;
    padding:0 20px;
    border-style:none; 
    display:block;
    height:30px;
    min-width:100px;
}
.top-nav .row-1{
    top: 0px;
}
.top-nav .row-2{
    top: 30px;
}
.top-nav .row-3{
    top: 60px;
}

.postponed-date {
    text-decoration: line-through;
}

.postponed {
    color: #F00;
    text-transform: uppercase;
    font-weight: bold;
}

.postponed::before {
    content: "[";
}

.postponed::after {
    content: "]";
}

.recent-recruits-table {
    font-size: 10px;
    background-color: #f6f6f6;
    width: 100%;
    border: solid 1px #ef3d34;
    border-bottom-width: 2px;
}

.recruits-title {
    padding-left: 1rem;
    /*
    max-width: 700px;
    margin: 1rem auto;
    */
}

.recent-recruits-table td {
    padding: 0 0.5rem;
}

.updates-listing.recruits-count {
    text-align: center
}

.updates-listing.recruits-count a {
    flex-grow: 1;
}

.recent-recruits-table tr {
    border-bottom: solid 1px #ddd;
}

.conference-stats {
    border: solid 1px #002c61;
}
.conference-stats td, th {
    vertical-align: middle;
}
.conference-stats td {
    text-align: center;
}
.conference-stats th {
    padding: 0.25em;
}
.conference-stats td:nth-of-type(2) {
    text-align: left;
    white-space: nowrap;
}

.conference-stats__hrow1 th {
    background: #ef3d34;
    color: #fff;
}
.conference-stats__hrow1 a {
    color: #FFF;
}

.conference-stats__logo,
.conference-stats__placeholder {
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
}

.conference-stats__logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.conference-stats__placeholder {
    background: #ddd;
    border-radius: 50%;
}

@keyframes  cs-shimmer {
    0% {
        background: #fff;
    }
    50% {
        background: #ddd;
    }
    100% {
        background: #fff;
    }
}

.conference-stats__logo--loading {
    animation-name: cs-shimmer; 
    animation-duration: 1s; 
    animation-iteration-count: infinite;
    border-radius: 50%;
}

.ratings-player-stats-submenu {
    display: flex;
}
.ratings-player-stats-submenu .nav-list:first-of-type {
    flex-grow: 1;
}
.lr-player-stats-table,
.lr-player-stats-table-no-hs,
.lr-coach-stats-table {
    border: solid 1px #002c61;
}
.lr-player-stats-table td,
.lr-player-stats-table-no-hs td
{
    text-align: center;
}

.lr-player-stats-table td,
.lr-coach-stats-table td,
.lr-player-stats-table-no-hs td {
    font-size: 11px;
}

.lr-player-stats-table td:nth-of-type(2),
.lr-player-stats-table td:nth-of-type(3),
.lr-player-stats-table td:nth-of-type(10) {
    text-align: left;
}

.lr-player-stats-table-no-hs td:nth-of-type(2),
.lr-player-stats-table-no-hs td:nth-of-type(9) {
    text-align: left;
}
.lr-coach-stats-table td:nth-of-type(1),
.lr-coach-stats-table td:nth-of-type(3)
{
    text-align: center;
}
@media(max-width:690px) {
    .ratings-player-stats-submenu {
        display: block;
    }
}

.scrollholder .tableheads,
.scrollholder table,
.stats-submenu {
    min-width: 550px;
}
.stats-submenu {
    display: flex;
    flex-direction: column;
    border-top: solid 0.25rem #ef3d34;
}
.stats-submenu__row {
    list-style-type: none;
    display: flex;
    padding: 0 !important;
    margin: 0;
}
.stats-submenu__row:first-of-type .stats-submenu__item {
    flex-basis: 33%;
}

@media(min-width: 800px){
    .stats-submenu__row:nth-of-type(2) .stats-submenu__item {
        flex-basis: 20%;
    }
}

.stats-submenu__item {
    flex-grow: 1;
    text-align: center;
    border: solid 1px #aaa;
    background: #ddd;
    transition: background 0.125s ease-in;
    font-size: 0.85rem;
    white-space: nowrap;
}
.stats-submenu__item a {
    padding: 0.5rem 0;
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
}
.stats-submenu__item a:hover {
    color: inherit;
}
.stats-submenu__item:hover,
.stats-submenu__item--selected {
    background: #FFF;
}

.ranking-maintables {
    -webkit-text-size-adjust: none;
}