@import url(https://fonts.googleapis.com/css?family=Lato:400,700); 

body {
	font-size: 100%;
	margin: 0;
	padding: 0;
	font-family: 'Lato', sans-serif;
	background: var(--pres-soft-black);
}

.custom_header_widget {
	position: relative;
	clear: both;
}

* {
	box-sizing: border-box;
}

a {
	text-decoration: none;
}

#menuHeader {
   display: none !important;
}

.sportsList {
   border: none !important;
}

.menuDropBg {
   position: relative;
   top: 0px;
   left: 0px;
   font-size: unset;
   width: 100%;
   transition: height 250ms;
   -webkit-transition: height 250ms;
   -moz-transition: height 250ms;
   display: block !important;
   height: auto;
}

.mt {
   height: 0px;
   transition: height 250ms;
   -webkit-transition: height 250ms;
   -moz-transition: height 250ms;
	overflow: hidden;
	overflow-x: unset;
}

.sportsContainer {
   position: relative;
   overflow: hidden;
	overflow-y: unset;
}

input[type=text] {
	background: #eeeeee;
	line-height: 30px;
	padding: 0px 10px;
	font-family: unset;
	font-size: .9em;
	color: var(--pres-main-fg-color);
	border: none;
	border-radius: 5px;
}

.group:after {
	clear: both;
	content: "";
	display: table;
}

/* HEADER */
.headerCtr {
	position: absolute;
	width: 100%;
	z-index: 12;
	left: 0px;
}

.headerTop,
.headerBottom {
	float: left;
	clear: both;
	width: 100%;
	position: relative;
}

.headerTop {
	background: #28639f;
}

.headerBottom {
	background: #327eca;
	text-align: center;
}

/* DATE WEATHER */
.dateWeather {
	float: left;
	color: var(--pres-light-fg-color);
	font-size: .8em;
	padding: 0px 10px;
	height: 30px;
}

.date, .weather {
	display: inline-block;
	vertical-align: baseline;
	margin-right: 15px;
	line-height: 30px;
}

.date {
	display: none;
}

.weatherIcon {
	width: 26px;
	display: inline-block;
	vertical-align: middle;
   margin: 0px 5px;
}

.temp {
   display: inline-block;
   vertical-align: baseline;
   line-height: 30px;
}

.pubLinks {
	float: right;
	display: inline-block;
	vertical-align: middle;
	color: var(--pres-light-fg-color);
	font-size: .8em;
	text-align: center;
	transition: background 250ms;
	padding: 0px 10px;
	line-height: 30px;
}

.pubLinks:hover {
	background: #327eca;
	cursor: pointer;
}

/* CUSTOM MENU BUTTON */
.cusMenuBtn {
	float: left;
	padding: 20px;
	width: 64px;
	height: 64px;
	vertical-align: middle;
	transition: background 250ms;
	position: relative;
}

.cusMenuBtn:hover {
	background: #28639f;
	cursor: pointer;
}

.cusMenuLine {
	width: 24px;
	background: var(--pres-main-bg-light);
	height: 2px;
	position: absolute;
	transition: transform 250ms, height 500ms, width 500ms, opacity 500ms;
	left: 50%;
	top: 0px;
}

.bar1 {
	transform: translate(-50%, 25px);
}

.bar2 {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
   transition: height 250ms, width 250ms, opacity 1000ms;
}

.bar3 {
	transform: translate(-50%, 37px);
}

.b1a, .b2a, .b3a {
	position: absolute;
}

.b1a {
	transform: rotate(135deg) translate(30px, -14px);
}

.b2a {
	height: 100%;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: height 125ms, width 125ms, opacity 125ms;
	opacity: 0;
}

.b3a {
	transform: rotate(-135deg) translate(-14px, -30px);
}

/*LOGO*/
.logoCtr {
	display: inline-block;
	vertical-align: middle;
	margin: 0px;
	width: 190px;
	height: 64px;
	padding: 18px 10px;
}

.logo {
	width: 100%;
	display: inline-block;
}

/* SEARCH BUTTON */
.searchBtn {
	float: right;
	padding: 20px;
	width: 64px;
	height: 64px;
	vertical-align: middle;
	transition: background 250ms;
}

.searchBtn:hover {
	background: #28639f;
	cursor: pointer;
}

.fa-search {
   font-size: 1.25em !important;
}

/* SEARCH BAR */
#goSearch {
	top: 10px;
	right: 10px;
}

.searchCtr {
	width: 100%;
	background: var(--pres-main-bg-light);
	padding: 10px;
	position: fixed;
	top: 0px;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transition: transform 250ms;
	-webkit-transition: -webkit-transform 250ms;
	-moz-transition: -moz-transform 250ms;
	z-index: 11;
}

.showSearch {
   transform: translateY(94px);
   -webkit-transform: translateY(94px);
   -moz-transform: translateY(94px);
}

#searchTxt.searchTxt {
	width: 100%;
	margin-left: 0px;
	margin-right: 10px;
	float: none;
}

/* NAVIGATION CONTAINER */
.navContainer {
	position: absolute;
	left: 0px;
	width: 100%;
	overflow: hidden;
	transition: background 500ms, transform 500ms;
	z-index: 0;
	transform: translateX(-100%);
}

.navBg {
	background: rgba(0,0,0,1);
	background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,0)));
	background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	transition: transform 750ms;
	-webkit-transition: -webkit-transform 750ms;
	-moz-transition: -moz-transform 750ms;
	z-index: 0;
}

.showNavBg {
	transform: translateX(0px) !important;
}

.navInner {
	float: left;
	clear: both;
	width: 100%;
	position: relative;
	left: 0px;
	transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	transition: transform 750ms;
	-webkit-transition: -webkit-transform 750ms;
	-moz-transition: -moz-transform 750ms;
	z-index: 2;
}

.toggleNav {
	transform: translateX(0px);
}

.navShareItem {
	float: left;
	clear: both;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px !important;
	color: var(--pres-light-fg-color);
	border-bottom: solid 1px #444444;
	transition: background 250ms;
}

.navShareItem:hover {
	cursor: pointer;
}

.custom_header_widget .fas, .custom_header_widget .fab {
	color: var(--pres-light-fg-color);
	font-size: 1em;
}

.fa-user {
   float: right;
   font-size: 1em;
   line-height: 30px;
   padding: 0px 10px;
   color: var(--pres-light-fg-color);
}

.fa-user:hover {
   background: #327eca;
}

.fab.fa-facebook-square:hover {
	background: #3b5997;
}

.fab.fa-twitter:hover {
    background: #00aced;
}

.fab.fa-instagram:hover {
    background: #36658c;
}

.fab.fa-google-plus-g:hover {
    background: #cd3627;
}

.fab.fa-youtube:hover {
    background: #ff0000;
}

.fas.fa-rss:hover {
    background: #ff6600;
}

.navShare {
	float: left;
	width: 40px;
	background: #555555;
	position: relative;
	min-height: 100%;
}

.navMainLinks {
	float: left;
	background: var(--pres-soft-black);
	position: relative;
	min-height: 100%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.navMainLinks .navigation_menu_widget {
   width: 100% !important;
   background: unset !important;
}

.navMainLinks .navigation_menu_widget #navbar a.item,
.navMainLinks .navigation_menu_widget #navbar .fas.alertsIcon.mainItem
{
	float: right;
	clear: both;
	width: 100% !important;
	padding: 0px 10px;
	color: var(--pres-light-fg-color);
	font-size: .8em;
	border-bottom: solid 1px #555555;
	text-transform: uppercase;
	background: unset;
	line-height: 39px;
	height: auto;
	transition: background 250ms;
	-webkit-transition: background 250ms;
	-moz-transition: background 250ms;
}

.navMainLinks .navigation_menu_widget #navbar a.item:hover {
   background: var(--pres-soft-black);
}

.navMainLinks .navigation_menu_widget #navbar .mdItem {
   border-bottom: solid 1px #555555;
}

.navMainLinks a.headerItem {
   background-image: url(/images/olArrowWhite.png) !important;
   background-repeat: no-repeat !important;
   background-position: right 10px center !important;
   background-size: 12px 6px !important;
}

.adminMenu {
   float: left;
   clear: both;
   width: 100%;
}

.amLbl {
   font-weight: unset;
   text-transform: uppercase;
   font-size: .9em;
   padding: 0px 10px 0px;
   line-height: 40px;
}

.sportsContainer {
   max-height: unset;
   min-height: unset;
}

.navContainer .navigation_admin_menu_widget {
   float: left;
   clear: both;
   width: 100%;
   background: transparent;
   height: auto;
}

.navContainer .paGear {
   display: none;
}

.navContainer .navigation_admin_menu_widget .portalAdminCtr {
   position: relative;
   float: left;
   clear: both;
   width: 100%;
   height: auto;
   background: transparent;
}

.navContainer .navigation_admin_menu_widget a.adminItem {
   float: left;
   clear: both;
   width: 100%;
   height: auto;
   border-bottom: solid 1px #555555 !important;
   background: transparent;
   transition: background 250ms;
   -webkit-transition: background 250ms;
   -moz-transition: background 250ms;
   text-transform: uppercase;
}

.navContainer .navigation_admin_menu_widget a.adminItem:hover {
   background: var(--pres-soft-black) !important;
}

/* MAIN CONTENT */
.mainContent {
	position: relative;
	z-index: 0;
}

/* MOSAIC FEED */
.mosaicCtr {
	width: 100%;
	position: relative;
	padding: 20px;
}

.mosaicLeft,
.mosaicRight {
	float: left;
	width: 100%;
	min-height: 100%;
	position: relative;
}

.mosaicLeft {
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 20px;
}

.mosStory {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.mosStory .mosStoryImg {
	float: left;
	width: 100%;
}

.mosInnerSplit,
.mosThird {
	position: relative;
	overflow: hidden;
}

.mosInnerSplit:first-of-type,
.mosInnerSplit:last-of-type .mosThird {
	margin-bottom: 20px;
	border-radius: 10px;
	overflow: hidden;
}

.mosStoryInfo {
	position: relative;
	bottom: 0px;
	left: 0px;
	width: 100%;
	padding: 20px;
	background: var(--pres-main-bg-light);	
	color: var(--pres-main-fg-color);
	overflow: hidden;
}

.mosStoryCategory {
	background: #327eca;
	padding: 0px 10px;
	line-height: 30px;
	width: auto;
	display: inline-block;
	font-size: .75em;
	text-transform: uppercase;
	margin-bottom: 10px;
	color: var(--pres-light-fg-color);
}

.mosStoryTitle {
	float: left;
	clear: both;
	width: 100%;
	font-weight: bold;
	line-height: 20px;
	font-size: .9em;
}

/* MAIN NEWS */
.mainNewsCtr {
	position: relative;
	clear: both;
	width: 100%;
	padding: 10px;
}

.mainNewsLeft,
.mainNewsRight,
.mnlMain,
.mnlSecondary,
.threeAcross,
.msWrapper {
	float: left;
	clear: both;
	width: 100%;	
}

.mnlMain,
.mnlSecondary {
	margin-bottom: 60px;
}

.msWrapper {
	background: var(--pres-main-bg-light);
	overflow: hidden;
	border-radius: 10px;
}

.mainStoryItem {
	float: left;
	clear: both;
	width: 100%;
}

.threeAcross .mainStoryItem {
	padding-bottom: 20px;
}

.threeAcross .msCategory {
   margin-top: 10px;
}

.threeAcross .msTitle,
.threeAcross .msCategory {
   padding: 0px 10px;
}

.mnlSecondary .mainStoryItem {
	padding: 20px;
	border-bottom: solid 1px #dddddd;
}

.mnlSecondary .mainStoryItem:last-of-type {
	border-bottom: none;
}

.msiText {
	padding: 20px;
}

.msCategory {
	color: #bbbbbb;
	float: left;
	line-height: 12px;
	margin-bottom: 5px;
	font-size: .8em;
	text-transform: uppercase;
	width: 100%;
}

.msTitle {
	float: left;
	clear: both;
	line-height: 25px;
	font-size: 1.125em;
	font-weight: bold;
	color: var(--pres-main-fg-color);
}

.threeAcross .msCategory {
	font-size: .8em;
}

.taImgCtr {
	padding-top: 100%;
	position: relative;
	width: 100%;
	float: left;
	clear: both;
}

.taImgCtr .msiFullImg {
	position: absolute;
	max-height: 100%;
	left: 50%;
	top: 0px;
	transform: translateX(-50%);
}

.msDate {
	float: left;
	clear: both;
	width: 100%;
	color: #bbbbbb;
	font-size: .8em;
	margin: 5px 0px;
}

.msSummary {
	float: left;
	clear: both;
	width: 100%;
	font-size: .9em;
	line-height: 22px;
}

.msFullInfo {
	float: left;
	clear: both;
	width: 100%;
	padding: 20px;
}

.msiFullImg, .msiHalfImg {
	width: 100%;
	float: left;
}

.msHalfInfo {
	float: left;
	clear: both;
	width: 100%;
	padding: 20px 0px;
}

.halfImageText {
	padding: 20px;
	float: left;
	clear: both;
	width: 100%;
	position: relative;
}

.halfImageText .msSummary {
	border-bottom: none;
}

.borderWrap {
	position: relative;
}

.mnHeading {
	float: left;
	clear: both;
	width: 100%;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 2em;
}

.squareImageCtr {
	width: 72px;
	height: 72px;
	overflow: hidden;
	position: relative;
	float: left;
}

.squareImg {
	position: absolute;
	max-height: 100%;
	left: 50%;
	top: 0px;
	transform: translateX(-50%);
}

.squareTextCtr {
	float: left;
	padding-left: 20px;
}

.mainNewsRight .mainStoryItem  {
	background: var(--pres-main-bg-light);
	margin-bottom: 20px;
	border-bottom: none;
	border-radius: 10px;
	overflow: hidden;
}

.mainNewsRight .mainStoryItem .msTitle,
.squareTextCtr .msTitle {
	font-size: .9em;
	line-height: 20px;
}

.mainNewsRight .msSummary {
	border-bottom: none;
	padding-bottom: 0px;
}

.msiRightSquareImgCtr {
	width: 100%;
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
}

.msiRightSquareImg {
	position: absolute;
	max-height: 100%;
	left: 50%;
	transform: translateX(-50%);
	top: 0px;
}

/* ADS */
.mnAdCtr {
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
	margin: 0px 0px 20px 0px;
}

.mnAd {
	display: inline-block;
	vertical-align: middle;	
}

/* FOOTER */
.footer {
	position: relative;
	clear: both;
	width: 100%;
	color: var(--pres-light-fg-color);
	background: var(--pres-soft-black);
   padding: 20px 0px;
}

.footerLink {
	background: var(--pres-soft-black);
	color: var(--pres-light-fg-color);
	line-height: 30px;
	transition: background 250ms;	
	padding: 0px 10px;
	text-transform: uppercase;
	font-size: .75em;
   float: left;
   clear: both;
   width: 100%;
}

.footerLink:hover {
	background: var(--pres-soft-black);
}

.copyright {
	float: right;
	color: var(--pres-light-fg-color);
	font-size: .75em;
	text-transform: uppercase;
	padding: 0px 10px;
   width: 100%;
   text-align: left;
   margin: 20px 0px;
}

.copyrightIcon {
   font-family: sans-serif;
   -webkit-font-smoothing: antialiased;
   font-size: 1.5em;
   display: inline-block;
   vertical-align: middle;
   font-weight: bold;
   margin: -1px 0px 0px 0px;
}

.noBgColor {
	background: unset;
	border-radius: 0px;
}

#leaderboard {
	padding-top: 114px;
}

@media all and (min-width: 768px) {
	.logoCtr {
		width: auto;	
		padding: 14px 0px 0px 0px;	
	}

	.dateWeather {
		text-align: left;
		width: auto;
	}

	.date, .weather {
		clear: none;
		display: inline-block;
	}

	.navInner {
		width: 320px;
		transform: translateX(-320px);
		-webkit-transform: translateX(-320px);
		-moz-transform: translateX(-320px);
	}

	.toggleNav {
		transform: translateX(0px);
	}

	.searchCtr {
		width: 300px;
		right: 0px;
	}

	.mosaicCtr {
		padding: 0px;
		float: left;
		clear: both;
		width: 100%;
		position: relative;
		background: var(--pres-main-bg-dark);
	}

	.mosaicLeft,
	.mosInnerSplit:first-of-type, 
	.mosInnerSplit:last-of-type .mosThird,
	.msWrapper  {
		border-radius: 0px;
		margin-bottom: 0px;
	}

	.mainNewsRight .mainStoryItem {
		border-radius: 0px;
	}

	.mosaicLeft .mosStoryTitle {
		font-size: 2em;
		line-height: 1.125em;
	}

	.mosInnerSplit,
	.mosThird {
		width: 33.333%;
		float: left;
		clear: none;
		position: relative;
	}

   .threeAcross .borderWrap {
      padding: 0px 20px;
   }

	.threeAcross .msTitle,
	.squareTextCtr .msTitle {
		font-size: .8em;
		line-height: 16px;
	}

	.mosMiddle {
		float: left;
		width: 100%;
	}

	.mosStory .mosStoryImg {
		width: 100%;
		height: auto;
	}

	.mosaicRight .mosInnerSplit:first-of-type {
		width: 33.333%;
	}

	.mosaicRight .mosInnerSplit:last-of-type {
		width: 66.666%;
	}

	.mosThird {
		width: 50%;
	}

	.mosMiddle, .mosThird .mosStory {
		padding-top: 56.25%;
	}

	.mosMiddle .mosStoryImg, .mosThird .mosStoryImg {
		position: absolute;
		top: 50%;
		width: 100%;
		transform: translateY(-50%);
	}

	.mosMiddle .mosStoryTitle, .mosThird .mosStoryTitle {
		max-height: 80px;
		overflow: hidden;
	}

	.mosStoryInfo {
		color: var(--pres-light-fg-color);
		position: absolute;
		background: rgba(0,0,0,0);
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1)));
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
		background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	}

	.borderWrap {
		border-bottom: solid 1px #dddddd;	
	}

	.msiRightSquareImgCtr {
		padding-top: 100%;
	}

	.mainNewsCtr {
		padding: 20px;
	}

	.mainNewsLeft {
		width: 524px;
	}

	.mainNewsRight {
		width: 300px;
		clear: none;
		float: right;
	}

	.mnlSecondary {
		display: none;
	}

	.mnlMain {
		width: 100%;
	}

   .threeAcross .msTitle,
   .threeAcross .msCategory {
      padding: 0px;
   }

   .menuDropBg {
      position: relative;
      top: 0px;
      left: 0px;
      font-size: unset;
      width: 100%;
      transition: height 250ms;
      -webkit-transition: height 250ms;
      -moz-transition: height 250ms;
      display: block !important;
      height: auto;
   }

   .mt {
      height: 0px;
      transition: height 250ms;
      -webkit-transition: height 250ms;
      -moz-transition: height 250ms;
   }

   .sportsContainer {
      position: relative;
      overflow: hidden;
   }

   .footer {
      padding: 0px;
   }

   .footerLink {
      line-height: 40px;
      clear: none;
      width: auto;
   }

   .copyright {
      line-height: 40px;
      width: auto;
      margin: 0px 0px 0px 0px;
   }
}

@media all and (min-width: 1024px) {
	.mnlSecondary {
		display: inline-block;
	}

	.mainNewsCtr {
		width: 90%;
		margin: 50px auto;
		padding: 0px;
	}

	.mnlMain {
		width: 320px;
		float: left;
	}

	.mnlSecondary,
	.mainNewsRight {
		width: 300px;
		margin-left: 20px;
		min-height: 300px;
		float: left;
		clear: none;
	}

	.mosaicCtr {
		height: 450px;
		float: none;
	}

	.mosaicLeft,
	.mosaicRight {
		width: 50%;
	}

	.mosStory {
		height: 450px;		
	}

	.mosMiddle, .mosHalfSml {
		width: 100%;
		float: left;
		clear: both;
	}

	.mosMiddle {
		float: left;
	}

	.mosHalfSml {
		height: 225px;
	}

	.mosHalf .mosStoryImg {
		top: 0px;
		left: 0px;
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		max-height: unset;
		max-width: unset;
		min-width: 100%;
		min-height: unset;
		width: unset;
	}

	.mosHalfSml .mosStoryImg {
		position: absolute;
		top: 0px;
		left: 0px;
		width: auto;
		min-width: 100%;
		max-width: 100%;
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
	}

	.mosMiddle .mosStoryImg {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		min-height: 100%;	
		max-height: 100%;
		width: auto;
	}

	.mosInnerSplit {
		width: 50%;
		float: left;
	}

	.mosaicRight .mosInnerSplit:first-of-type,
	.mosaicRight .mosInnerSplit:last-of-type {
		width: 50%;
	}

	.mosThird {
		width: 100%;
	}

	.msiHalfImg {
		width: 33.333%;
	}

	.msHalfInfo {
		width: 66.666%;
		clear: none;
		padding: 0px 0px 20px 20px;
	}

	.mosMiddle, .mosThird .mosStory {
		padding-top: 0px;
	}

   .threeAcross .msTitle,
   .threeAcross .msCategory {
      padding: 0px;
   }
}

@media all and (min-width: 1366px) {
	.mainNewsCtr {
		width: 1280px;
		margin: 50px auto;
	}

	.mainNewsLeft {
		width: 940px;
	}

	.mnlMain {
		width: 620px;
		float: left;
	}

	.mnlSecondary,
	.mainNewsRight {
		width: 300px;
		margin-left: 20px;
		min-height: 300px;
		float: left;
		clear: none;
	}

	.threeAcross .mainStoryItem {
		width: 31.333%;
		clear: none;
		padding: 0px 0px 0px 0px;
		margin-right: 3%;
	}

	.threeAcross .mainStoryItem:last-of-type {
		margin-right: 0px;
		float: right;
	}

	.threeAcross .borderWrap {
		padding-bottom: 20px;
	}

   .threeAcross .msTitle,
   .threeAcross .msCategory {
      padding: 0px;
   }

}