:root {
    --regular: 400;
    --bold: 700;
    --eloRatingAllTimeColor: #C62828;
    --eloRatingSeasonColor: #8E24AA;
}

* {
    margin: 0;
    padding: 0;
    border: none;
    border-collapse: collapse;
    outline: none;
    letter-spacing: 0;
    list-style: none;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    position: relative;
}

body {
    background: white;
    font-size: 16px;
    font-weight: var(--regular);
    /*max-width:100%;*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body .spacer { margin: 16px; }
body .spacer-top { 
    margin-top: 0px;
    
    }
body .spacer-right { margin-right: 16px; }
body .spacer-bottom { margin-bottom: 16px; }
body .spacer-left { margin-left: 16px; }

body .spacer-half { margin: 8px; }
body .spacer-top-half { margin-top: 8px; }
body .spacer-right-half { margin-right: 8px; }
body .spacer-bottom-half { margin-bottom: 8px; }
body .spacer-left-half { margin-left: 8px; }

body .padding { padding: 24px}
body .padding-top { padding-top: 24px}
body .padding-right { padding-right: 24px}
body .padding-bottom { padding-bottom: 24px}
body .padding-left { padding-left: 24px}

body .padding-half  { padding: 12px }
body .padding-top-half { padding-top: 12px}
body .padding-right-half { padding-right: 12px}
body .padding-bottom-half { padding-bottom: 12px}
body .padding-left-half { padding-left: 12px}

button {
    background: transparent;
    cursor: pointer;
    border-radius: 0;
}

a {
    color: inherit;
    text-decoration: none;
}

table {
    width:100%;
}
.smaller {
    font-size: 12px;
}

/* CONTAINER */
.container {
    max-width: 100%;
    position: relative;
    margin: 1% 10% 1% 10%;
    min-height:100px;
    /*max-height:300px;*/
}

.right { text-align: right; }

.center {
    text-align: -webkit-center;
    margin-left: auto;
    margin-right: auto;
}

.wrap {
	white-space: normal;
}

/* GRIDS & COLUMNS */
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flex.wrap {
    flex-wrap: wrap;
}
.flex.left {
    justify-content: flex-start;
}
.flex.center {
    justify-content: center;
}
.flex.right {
    justify-content: flex-end;
}
.flex.middle {
    align-items: center;
}
.flex.bottom {
    align-items: flex-end;
}
.flex.stretch > * {
    align-self: stretch;
}
.flex.column {
    flex-direction: column;
}
.flex.column > div {
	width: 100%;
}

@supports (display: grid) {
	.grid-2 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-gap: var(--grid-gap, 30px);
    }
    .grid-3 {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-gap: var(--grid-gap, 30px);
    }
    .grid-4 {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-gap: var(--grid-gap, 30px);
    }
    .grid-5 {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        grid-gap: var(--grid-gap, 30px);
    }
    .grid-6 {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-gap: var(--grid-gap, 30px);
    }
    @media screen and (max-width: 768px) {
        .grid-2,
        .grid-3 {
            max-width: 100%;
            grid-gap: 10px;
            margin-left: 20%;
            grid-template-columns: repeat(1, minmax(0, 1fr));
            
        }
        .grid-4,
        .grid-5,
        .grid-6 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            grid-gap: 10px;
        }
    }
    @media screen and (min-width: 400px) and (max-width: 768px) {
        .grid-3 {
            margin-left: -20%;
        }
    }
    @media screen and (min-width: 769px) and (max-width: 1200px) {
        .grid-5,
        .grid-6 {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }
    
    .grid-item-full-width {
		grid-column-start: 1;
		grid-column-end: end;
    }
}

@supports not (display: grid) {
    .grid-2 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 auto;
    }
    .grid-2 > * {
        width: calc(50% - var(--grid-gap, 30px));
    }
    .grid-3,
    .grid-4,
    .grid-5,
    .grid-6 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .grid-3 > * {
   		width: calc(33.33% - 30px);
    }
    .grid-4 > * {
        width: calc(25% - 30px);
    }
    .grid-5 > * {
        width: calc(20% - 30px);
    }
    .grid-6 > * {
        width: calc(16.66% - 30px);
    }
    @media screen and (max-width: 768px) {
        .grid-2 > *,
        .grid-3 > * {
            width: 100%;
        }
        .grid-4 > *,
        .grid-5 > *,
        .grid-6 > * {
            width: calc(50% - 5px);
        }
    }
    @media screen and (min-width: 769px) and (max-width: 1200px) {
        .grid-5 > *,
        .grid-6 > * {
            width: calc(33.33% - var(--grid-gap, 30px));
        }
    }
}

.grid-2 > *,
.grid-3 > *,
.grid-4 > *,
.grid-5 > *,
.grid-6 > * {
        width: 100%;
        margin-left: 0;
        display: table-column;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        grid-gap: var(--grid-gap, 30px);
    
}


#custom-page figure {
	margin-bottom: 5%;
}

#custom-page figure img {
	max-width: 100%;
	height: auto;
	display: inline-block;
}

#custom-page figure img a:hover {
    background: transparent;
}

#custom-page table {
	margin-bottom: 0px;
	font-size: 13px;
}
#custom-page table th{
	text-align: left;
}
#custom-page table tr td:first-child {
	width: auto !important;
}
#custom-page table td{
	text-align: left;
	white-space: normal;
}
#custom-page table td a{
	-ms-word-break: break-all;
	word-break: break-all;
	/* Non standard for WebKit */
	word-break: break-word;
	-webkit-hyphens: auto;
   -moz-hyphens: auto;
	hyphens: auto;
}

#custom-page .video-container{
	margin-bottom: 20px;
} 

#breakingNews{
  height: 80px;
  background: red;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  margin-bottom: 20px;
}

/*remove p*/
.newsAlert {
  width:100%;
  padding-top: 20px;
  margin:0 auto;
  font-size: 30px;
  white-space: nowrap;
  text-transform: uppercase;
  color: white;
  font-weight: 700;
}

.marqueeStyle {
  display:inline-block;
  /* Apply animation to this element */
  -webkit-animation: scrolling-left1 20s linear infinite;
  animation: scrolling-left1 20s linear infinite;
}

.marqueeStyle2 {
  display:inline-block;
  /* Apply animation to this element */
  -webkit-animation: scrolling-left2 20s linear infinite;
  animation: scrolling-left2 20s linear infinite;
  animation-delay: 10s;
}

/* scrolling-left is continuous/repeatly text */
@keyframes scrolling-left1 {
    0% {transform: translateX(100%);
        -webkit-transform: translateX(100%);}
      100% {transform: translateX(-100%);
          -webkit-transform: translateX(-100%);}
}
@keyframes scrolling-left2 {
    0% {transform: translateX(0%);
        -webkit-transform: translateX(0%);}
      100% {transform: translateX(-200%);
          -webkit-transform: translateX(-200%);}
}

@-webkit-keyframes scrolling-left1 {
    0% {-webkit-transform: translateX(100%);}
      100% {-webkit-transform: translateX(-100%);}
}
@-webkit-keyframes scrolling-left2 {
    0% {-webkit-transform: translateX(0%);}
      100% {-webkit-transform: translateX(-200%);}
}

















@media screen and (max-width: 768px) {
    .desktop {  display: none !important;}
}

@media screen and (max-width: 768px) {
    .flex.stack {
        flex-direction: column;
    }
}

/* MOBILE / DESKTOP SWITCH */
@media screen and (min-width: 768px) {
    .mobile { display: none !important; }
}
@media screen and (max-width: 768px) {
    .desktop {  display: none !important;}
}