@font-face {
    font-family: Endzone Sans Light Cond;
	src: url("http://nflcdns.nfl.com/static/content/public/static/wildcat/assets/fonts/endzone-sans/light-cond.woff")
	format("woff");
}

.flex-grid {
    display: flex;
}
.flex-grid .col {
    flex: 1;
}
.flex-grid-thirds {
    display: flex;
    justify-content: space-between;
}
.flex-grid-thirds .col {
    width: 32%;
}
@media (max-width: 400px) {
    .flex-grid,
    .flex-grid-thirds {
        display: block;
    }
}
@media (max-width: 400px) {
    .flex-grid .col,
    .flex-grid-thirds .col {
        width: 100%;
        margin: 0 0 10px 0;
    }
}
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    tap-highlight-color: transparent;
}
:focus {
    outline: none;
}

body {
	font-family: Georgia, Arial,sans-serif;
	font-size:14px;
    margin: 0;
    padding: 0;
}
.footer {
    background: #000; display: block; margin: 0 auto; width: 100%;
}
.footer-content {
    color: #ccc; font-family: Arial,sans-serif; font-size: 11px; margin: auto; line-height: 13px; max-width: 600px;
}
.footer-logo {
    float: left; margin: 0px 28px 0px 0px; width: 40px;
}
.flex-grid {
    margin: 0 0 20px 0;
}
.container.home {
    min-height: 100vh;
    overflow: hidden;
    position: relative;
    background-image: url("http://imagecomposer.nfl.com/?f=jpg&w=1000&l=http://i.nflcdn.com/static/content/public/static/img/anthology/landing_bg.png");
    background-color: rgb(0, 0, 0);
    background-size: 100%;
    background-position: center 0px;
    background-repeat: no-repeat;
}

#anthology-landing {
		font-family: 'Endzone Sans Light Cond', 'Helvetica Neue', Arial, sans-serif; font-size: 30px; margin: auto auto; max-width: 1000px; text-align: center;
}

.superbowl-title {
    color: rgb(255, 255, 255);
    font-family: 'Endzone Sans Light Cond', 'Helvetica Neue', Arial, sans-serif;
    font-weight: normal;
    font-size: 80px;
    letter-spacing: 8px;
    margin: 0;
    padding: 214px 0px 16px;
    text-align: center;
}
.superbowl-50 {
    margin: 0px auto 44px;
    width: 180px;
}
.choose-bowl {
    color: rgb(153, 153, 153);
    font-family: Georgia, Arial, sans-serif;
    font-size: 16px;
    font-style: italic;
    margin-bottom: 6px;
}
.release-arrow-container {
    padding-bottom: 20px;
    position: relative;
    margin-bottom: 40px;
}
.release-arrow {
    bottom: 0px;
    content: '';
    height: 14px;
    left: 50%;
    margin-left: -12px;
    position: absolute;
    width: 24px;
    background-image: url('http://nflcdns.nfl.com/static/content/public/static/img/anthology/release_arrow.png');
    background-size: cover;
    background-repeat: no-repeat;
}
.match-row {
    position: relative;
    padding: 30px 0px 46px;
}
.match-row-divider {
    content: '';
    height: 1px;
    left: 50%;
    margin-left: -110px;
    position: absolute;
    top: 0px;
    width: 220px;
    background-color: rgb(51, 51, 51);
}
.match-row-divider-hide {
    display: none;
}
.match-link-container {
    display: inline-block;
    padding:30px 0 46px 0;
    position: relative;
    text-align: center;
    width: 200px;
}
.match-link {
    text-decoration: none;
}
.match-year {
    color: rgb(255, 255, 255);
    font-family: Georgia, Arial, sans-serif;
    font-size: 14px;
    font-style: italic;
}
.match-city {
    color: rgb(255, 255, 255);
    font-size: 24px;
    letter-spacing: 2px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    top: -8px;
}
.roman-numeral {
    font-family: 'Endzone Sans Light Cond', 'Helvetica Neue', Arial, sans-serif;
    font-size: 50px;
    letter-spacing: 2px;
    margin: 10px 14px;
    color: rgb(204, 153, 51);
}



/*  SUPER BOWL DETAIL PAGE  */

#header {
    color: rgb(255, 255, 255); font-family: 'Endzone Sans Light Cond', 'Helvetica Neue', Arial, sans-serif; font-size: 30px; height: 64px; position: fixed; text-align: center; top: 0px; width: 100%; z-index: 5; background-color: rgba(0, 0, 0, 0.701961);
}

.header-content {
    font-size: 26px; letter-spacing: 1px; line-height: 58px; padding-left: 20px; position: relative;
}

.header-home-link {
    text-decoration: none;
}

#headerHomeButton {
    color: rgb(255, 255, 255); display: inline-block; left: 0px; line-height: 50px; padding-left: 0px; position: relative; text-decoration: none; text-transform: uppercase;
}

.header-home-button-icon {
    content: ''; height: 20px; position: absolute; left: -30px; top: 13px; width: 24px; background-image: url('http://nflcdns.nfl.com/static/content/public/static/img/anthology/home.png'); background-repeat: no-repeat;
}

.game-hero-bg {
    height: 500px; position: relative; text-align: center; width: 100%; background-color: gray; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;
}

.game-hero-overlay {
    bottom: 0px; position: absolute; left: 0px; right: 0px; top: 0px; background-image: url('http://nflcdns.nfl.com/static/content/public/static/img/anthology/hero_overlay.png'); background-position: center top;
}

.game-hero-date {
    font-family: Times; font-size: 30px; font-style: italic; padding: 130px 0px 0px; position: relative;
}

.game-hero-year {
    color: rgb(255, 255, 255); padding: 10px;
}

.game-hero-logo {
    max-height: 300px;
    max-width: 50%;
}

.game-score-container {
    display: flex; padding: 40px 0; position: relative;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
}

.game-score-away {
    flex: 1 1 auto; text-align: center;
}

.game-score-home {
    flex: 1 1 auto; text-align: center;
}

@media (min-width: 768px)
.game-score-away, .game-score-home {
    max-width: 284px !important;
}

.game-score-team {
    font-family: Georgia, Arial, sans-serif; font-size: 24px; font-style: italic; min-height: 48px; text-transform: uppercase;
}

.game-score {
    font-family: 'Endzone Sans Light Cond', 'Helvetica Neue', Arial, sans-serif; font-size: 72px;
}

.game-score-vs {
    border-bottom: 1px solid rgb(204, 153, 51); color: rgb(204, 153, 51); display: inline-block; font-family: Georgia, Arial, sans-serif; font-size: 16px; font-style: italic; bottom: 50px; line-height: 40px; margin-left: -23px; position: absolute; text-align: center; width: 60px;
}

.article {
    font-family: Georgia, Arial, sans-serif; font-size: 18px; line-height: 34px; padding: 80px 100px; position: relative; background-color: rgb(240, 241, 242);
}

.article-header {
    margin: auto; max-width: 900px;
}

.article h2 {
    font-family: 'Endzone Sans Light Cond', 'Helvetica Neue', Arial, sans-serif; font-size: 34px; margin: auto auto 40px; position: relative; text-align: center; text-transform: uppercase;
}

.article h2 .gold-bottom-border {
    bottom: -16px; content: ''; height: 1px; left: 50%; margin-left: -30px; position: absolute; width: 60px; background-color: rgb(204, 153, 51);
}

.article-content {
    margin: 0px auto 26px; max-width: 800px;
}

.bolded-first-text {
    font-weight: bold; margin-right: 6px;
}

.read-more {
    border: 1px solid rgb(204, 204, 204); cursor: pointer; display: block; margin: 80px auto 0px; padding: 5px; text-decoration: none; width: 244px;
}

.read-more-text {
    color: rgb(255, 255, 255); display: block; font-style: italic; padding: 4px 0px; position: relative; text-align: center; text-decoration: none; background-color: rgb(204, 153, 51);
}

.collapse-text-button {
    border: 1px solid rgb(203, 204, 205); cursor: pointer; border-radius: 22px; color: rgb(204, 153, 51); font-family: 'Endzone Sans Light Cond', 'Helvetica Neue', Arial, sans-serif; font-size: 30px; height: 44px; line-height: 44px; position: absolute; right: 100px; text-align: center; text-decoration: none; width: 44px; z-index: 2; background-color: rgb(255, 255, 255);
}

.collapse-text-button-absolute {
    border: 1px solid rgb(203, 204, 205); cursor: pointer; border-radius: 22px; color: rgb(204, 153, 51); font-family: 'Endzone Sans Light Cond', 'Helvetica Neue', Arial, sans-serif; font-size: 30px; height: 44px; line-height: 44px; position: fixed; right: 100px; text-align: center; text-decoration: none; width: 44px; z-index: 2; top: 100px; background-color: rgb(255, 255, 255);
}