/* FLEXBOX */
.row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	flex-wrap: wrap;
}
.row > [class*='col-'] {
	display: flex;
	flex-direction: column;
}

/* NEEDED FOR SAFARI */
div.row:before, div.row:after {
	display: none;
}

/* MARGIN OFFSETS */
.margin-bottom-5 {
	margin-bottom: 5px;
}
.margin-bottom-10 {
	margin-bottom: 10px;
}
.margin-bottom-15 {
	margin-bottom: 15px;
}
.margin-bottom-20 {
	margin-bottom: 20px;
}
.margin-bottom-30 {
	margin-bottom: 30px;
}
.margin-bottom-40 {
	margin-bottom: 40px;
}
.margin-bottom-50 {
	margin-bottom: 50px;
}
.margin-top-5 {
	margin-top: 5px;
}
.margin-top-10 {
	margin-top: 10px;
}
.margin-top-15 {
	margin-top: 15px;
}
.margin-top-20 {
	margin-top: 20px;
}
.margin-top-30 {
	margin-top: 30px;
}
.margin-top-40 {
	margin-top: 40px;
}
.margin-top-50 {
	margin-top: 50px;
}

.block-center {
	margin: 0 auto;
}

/* HTML DOCUMENT */
body {
	font-family: "aktiv-grotesk",sans-serif;
	font-style: normal;
	font-weight: 200;
	font-size: 1.3rem;
}
h1, h2, h3, h4, h5 {
	font-weight:bold;
}

/** CONTEXTUAL FORMATTING **/
.bg_white {
	background:white;
	color:#111111;
}
.bg_white a, .bg_white a:visited {
	color:#111111;
}
.bg_white a, .bg_white a:visited {
	text-decoration:none;
}
.bg_blue a, .bg_blue a:visited {
	color:#111111;
}
.bg_black {
	background:#111111;
	color:white;
}
.bg_blue a, .bg_blue a:visited {
	color:#111111;
}
.bg_blue {
	background:#add3eb;
	color:#111111;
}
.bg_blue a, .bg_blue a:visited {
	color:#111111;
	text-decoration:none;
}
.bg_grey {
	background: #d1d3d4;
}
.bg_light_grey {
	background: #e1e1e1;
}

/* DOCUMENT HEADER */
.site-logo {
	font-family:"aktiv-grotesk-thin",sans-serif;
	font-style: normal;
	font-weight:100;
	font-size:4rem;
	margin: 4rem 0 3rem 0;
	line-height:1rem;
}
.site-logo img {
	max-width:200px;
}
.site-logo p {
	font-size: 1.4rem;
	line-height:2rem;
}
.site-logo span {
	font-size:4rem;
	font-weight:lighter;
	color:white;
}

header .subscribe {
    color: white;
    margin: 80px 0 0;
}
header .subscribe h2 {
    font-size: 2rem;
    margin: 2rem 0;
}
header .subscribe a {
	color:white;
	text-decoration:none;
	border: 5px solid white;
	padding: 80px 40px 10px 10px;
}
header .subscribe a:visited {
	color:white;
}
header .subscribe a:hover {
	color:red;
	border-color:red;
}

/* DOCUMENT BODY */

h1.title {
	color: #111111;
	text-transform:uppercase;
	padding-bottom:10px;
	border-bottom: 5px solid #111111;
}

#top-stories {
}
#features {
}
#features .sp_date{
	font-size:8rem;
}
#features .sp_issue {
    font-size: 8rem;
    line-height: 1;
    text-align: right;
}
#sub-features {
}

/* DOCUMENT FOOTER */
.meta {
	margin:0;
	font-size:1rem;
	font-weight:bold;
}


.ss_headlines {
	border-top: 5px solid #111111;
	border-bottom:1px solid #111111;
}
.ss_headlines a {
	text-decoration:none;
	color:#111111;
}

.ss_headlines a:visited {
	color:#111111;
}
.ss_headlines h3.title {
}
.ss_headlines p.meta {
}
.ss_headlines div.media:first-of-type {
	border-top: 1px solid #111;
	padding-top: 40px;
}
.ss_headlines .media {
	border-bottom: 1px solid #111111;
	min-height:170px;
}       
.ss_headlines .media .media-left span {
	font-size: 4rem;
	font-family: "aktiv-grotesk-thin",sans-serif;
    color: red;
}
.ss_well {
	padding: 20px;
}

.ss_well a {
	text-decoration:none;
}
.ss_well.bg_white a, .ss_well.bg_blue a {
	color:#111111;
}

.ss_well.bg_black a {
	color:white;
}

.ss_well.bg_black a:visited {
	color:white;
}

.ss_well h2 {
	font-size:24px;
}
.ss_well h3 {
	font-size:18px;
	margin-top:0;
	padding-top:20px;
}
.ss_well h3.overline {
	max-width:175px;
	min-width:100px;
	border-top:2px solid #111111;
}
.ss_well .meta {
	padding-bottom:15px;
}
.meta {
	text-transform: uppercase;
}

.ss_news_thumb {
}
.ss_news_thumb a {
	text-decoration:none;
	color:#111111;
}
.ss_news_thumb a:visited {
	color:#111111;
}

.ss_magazine {
}
.ss_magazine div:first-of-type {
	border-top: 5px solid #111111;
}
.ss_magazine div {
	border-bottom: 1px solid #111111;
}
.ss_magazine div:first-of-type h4 {
	margin-top:20px;
}
.ss_magazine h4 {
	font-size: 1.5rem;
	margin-bottom:5px;
}
.ss_magazine {
}

.ss_btn {
	color:white;
	background-color:#0f5e85;
	font-family: "aktiv-grotesk", sans-serif;
	text-transform: uppercase;
	border-radius:0;
}
.ss_btn:hover {
	color:white;
	background-color:#0a3d56;
}

a.ss_btn, a.ss_btn:visited {
	color:white;
}

.ss_article {
}
.ss_article .btn {
	color:white;
	background-color: #111111;
	font-family: "aktiv-grotesk", sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	border-radius:0;
	padding: 15px 20px;
}

.ss_article .header {
	border-top: 5px solid #111111;
	border-bottom:1px solid #111111;
	padding: 10px 0;
}
.ss_article .header .summary {
	font-weight:normal;
	font-size:1.8rem;
}
.ss_article .header .meta {
	font-weight:normal;
	font-size:1.8rem;
	text-transform:none;
}

.ss_article .body p {
	font-size: 1.5rem;
	line-height: 2.8rem;
}

.ss_article .footer {
	border-top: 1px solid #111111;
	border-bottom: 1px solid #111111;
}

.ss_article .ss_headlines {
	border-top:none;
	border-bottom:none;
}
.ss_article .ss_headlines .entry_position {
	margin-top:15px;
}
.ss_article .ss_headlines .entry_position span {
	font-size: 4rem;
    font-family: "aktiv-grotesk-thin",sans-serif;
    color: red;
}

.ss_article .ss_headlines .entry_heading {
    border-top: 1px solid #111;
    margin-bottom: 20px;
    margin-top: 15px;
}

.ss_article .tagline {
	width:220px;
	font-size:1.6rem;
}

.ss_article .sponsor {
	border-top: 5px solid #111111;
	border-bottom: 5px solid #111111;
	margin: 30px 0;
	padding: 20px 0;
}
.ss_article .sponsor h2 {
	margin:0;
	font-size:2.6rem;
}
.ss_article .sponsor h3 {
	font-size:2rem;
	color:red;
}

.ss_article .comments {
}
.ss_article .comments .btn {
	display:block;
}

.ss_related_articles .header {
	border-top: 5px solid #111111;
}

.ss_related_articles .entry:first-of-type {
	border-top: 5px solid #111111;
	padding-top: 15px;
}
.ss_related_articles .entry {
	border-bottom: 1px solid #111111;
	min-height: 230px;
	padding-top:15px;
}
.ss_related_articles .entry:first-of-type h1 {
}
.ss_related_articles .entry h1 {
	font-family:"aktiv-grotesk-thin", sans-serif;
	font-weight:lighter;

	/*
	font-family:"aktiv-grotesk-thin",sans-serif;
	border-top: 1px solid #111;
	padding-top:20px;
	*/
}
.ss_related_articles .entry h3 {
	margin-top:0;
}
.ss_related_articles .entry a, .ss_related_articles .entry a:visited {
	color:#111;
	text-decoration:none;
}

.ss_related_articles .entry .meta {
	font-size: 1.5rem;
	font-weight:normal;
	text-transform:none;
}
.ss_related_articles p.more-from {
	padding: 15px 0;
	font-size:2rem;
	font-weight:bold;
	/*border-top: 1px solid #111;*/
}
.ss_related_articles p.more-from a {
	color:#111111;
	text-decoration:none;
}

.ss_related_articles p.meta {
	margin-bottom:10px;
}

.ss_newsletter .header {
	border-top: 5px solid #111;
}
.ss_newsletter a {
	color:#111;
}
.ss_newsletter .social-network-icon {
	font-size: 2.5rem;
}

.ss_newsletter h5 {
	border-top: 5px solid #111;
	border-bottom: 1px solid #111;
	padding-top: 5px;
	padding-bottom: 10px;
	line-height: 20px;
}

.ss_newsletter .form-control {
	font-size: 28px;
	line-height: 40px;
	height: 56px;
}

.ss_newsletter .no-bold {
	font-weight:normal;
}

.ss_newsletter .btn {
    color: white;
    background-color: #111111;
    font-family: "aktiv-grotesk", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 0;
    padding: 15px 20px;
}

footer .site-logo {
    margin: 0rem 0 2rem 0;
}

.ss_grow {
	flex-grow: 1;
}

.sp_issue {
	font-family:"aktiv-grotesk-thin",sans-serif;
	font-style: normal;
	font-weight:100;
}
.sp_date {
	font-family:"aktiv-grotesk-thin",sans-serif;
	font-style: normal;
	font-weight:100;
	font-size:4rem;
}
.sp_meta {
	text-transform: uppercase;
}
/* MENU CHANGES */

.navbar-sportspro-ss .navbar-toggle {
	border-color: transparent; /* Removes border color */
}
.navbar-sportspro-ss .navbar-toggle .icon-bar {
	background-color: #EEE; /* Changes regular toggle color */
}
.navbar-sportspro-ss .navbar-toggle {
	background-color: #BBB; /* Changes toggle color on hover */
}
.navbar-sportspro-ss .navbar-toggle:hover {
	background-color: #AAA; /* Changes toggle color on hover */
}
.navbar-sportspro-ss .navbar-nav-separator {
	margin: 20px 0;
}

.nav > li > a, .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .dropdown-menu > li > a  {
	color: #111111;
	font-size:1.2rem;
}
.nav.navbar-nav {
	line-height:0;
}
.navbar-nav > li > a {
	padding-top: 10px;
	padding-bottom: 10px;
}

footer a, footer a:visited, footer a:hover {
	color:white;
	text-decoration:none;
}

/* FORM CONTROLS */
input, select, textarea, label, legend {
	font-family: "aktiv-grotesk-thin", sans-serif;
}

input.form-control, select.form-control {
	height:50px;
}

label {
	font-size: 20px;
	font-weight:normal;
    box-shadow: none;
    border-radius: 0;
    color: #111;
}
input.form-control {
	border: none;
    border-bottom: 1px solid #111;
    font-size: 20px;
    padding: 14px 8px;
    box-shadow: none;
    border-radius: 0;
    color: #111;
}

input.form-control::-webkit-input-placeholder {
  color: #111;
}

select.form-control, select.form-control option {
	border: none;
    border-bottom: 1px solid #111;
    font-size: 20px;
    box-shadow: none;
    border-radius: 0;
    color: #111;
}

textarea.form-control {
    border: 1px solid #111;
    font-size: 20px;
    box-shadow: none;
    border-radius: 0;
    color: #111;
}

.form-control[disabled] {
	background-color:#ffffff;
}

form p {
	font-size:1.5rem;
	line-height: 2.8rem;
}

.no-bold {
	font-weight:normal;
}

/* MODALS */

.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}

#daily-newsletter-signup body.modal-open { overflow:inherit; padding-right:inherit !important; } /* FIXES BUG */

#daily-newsletter-signup .modal-content {
    background: #000 url("images/site/SMART_SERIES_newsletter_popup_v3.jpg") no-repeat center center;
	background-size:cover;
    color: white;
}

#daily-newsletter-signup .close {
	color:white;
}

.ss_newsletter .modal-content
.modal-content {
	border-radius: 0;
}

.modal-header {
    padding: 15px 15px 0 0;
    border-bottom: none;
}

@media (min-width:767px) {
	.dropdown:hover .dropdown-menu {
		display: block;
		margin-top: 0; /* remove the gap so it doesn't close */
	}
}

/* MEDIA QUERIES */
@media (max-width:991px) {
	#ss_sidebar {
		display:none;
	}
}

@media (max-width:767px) {
	.ss_related_articles .entry:first-of-type {
		border-top: none;
		padding-top: none;
	}
	.ss_related_articles .entry {
		border-bottom: none;
		min-height: none;
	}			
	.ss_related_articles .entry h1 {
		font-family:"aktiv-grotesk-thin", sans-serif;
		border-top: 1px solid #111;
		padding-top:20px;
	}
	.ss_related_articles .entry:first-of-type h1 {
		border-top: 5px solid #111;
	
	}
	.ss_related_articles p.more-from {
	
	}
}

@media (max-width:480px) {
	#features .sp_date {
		font-size:5rem;
	}
	#features .sp_issue {
	    font-size: 5rem;
	    line-height: 1;
	    text-align: right;
	}
}

@media (min-width:1170px) {
	.ss_newsletter h5 {
		border-top: none;
		padding-top: 0px;
		/*
		border-top: 5px solid #111;
		padding-top: 5px;
		*/
	}
}

.collapse navbar-collapse bg_grey {
	margin-right: 41px;
}


@media (min-width: 992px)
.container {
    width: 100%; 
}

@media (min-width: 768px)
.container {
    width: 100%;
}

@media (min-width: 1200px)
.container {
    width: 100%;
}