﻿.separator {
    border: solid 1px #919396;
    border-width: 0 0 1px 0;
}

.redFont td, .redFont td a{
    color:red;
}

.redFont{
    color:red;
}

.redFont a{
    color:red;
}

.dl-horizontal dt {
    white-space: normal;
}


#page-header #header .header-topbar .topbar-social > ul > li > a:hover.icon-linkedin {
    background-color: #0088cc;
}

#footer .footer-social ul > li > a:hover.icon-linkedin {
    background-color: #0088cc;
    border-color: #0088cc;
}

.gridview th {
    background-color: #555555;
    color: white;
}

/*.gridview tr:nth-child(odd) td {
    color: #333333;
}

.gridview tr:nth-child(even) td {
    background-color: #ECECEC;
    color: #333333;
}

.gridview tr:nth-child(odd) tr:hover {
    color: #333333;
}*/

.gridview a:hover {
    color: #0080FF;
}

.CurrentSearch {
    border: 1px solid #e5e5e5;
    padding: 20px 30px;
    margin-bottom: 10px;
}

    .CurrentSearch li a i {
        padding-right: 15px;
    }

    .CurrentSearch label {
        font-weight: bold;
        margin-bottom: 10px;
        text-transform: uppercase;
    }

    .CurrentSearch .categories .category label {
        text-transform: none;
    }

    .CurrentSearch .categories .category .term {
        padding-left: 10px;
    }

    .CurrentSearch .search-facet li:hover {
        background-color: #ECECEC;
    }

        .CurrentSearch .search-facet li:hover a {
            background-color: #ECECEC;
        }

.facet-count:after {
    content: ')';
}

.facet-count:before {
    content: '(';
}

.static-menu-border {
    border: solid 0.08em rgb(224, 227, 228);
    border-top-color: rgb(238, 238, 238);
    border-top-style: solid;
    border-top-width: 0.08em;
    border-radius: .1em;
}

    .static-menu-border a {
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #D3D3D3;
    }

#menu-static li a.active {
    color: #00A0DE;
    font-weight: 600;
}

.static-menu-border li a {
    padding-top: 8px;
    padding-bottom: 7px;
}

#menu li a {
    white-space: nowrap;
}

.banner-adv a img {
    display: block;
    max-width: 100%;
    height: auto;
}

.jqvmap-zoomin, .jqvmap-zoomout {
    background: #0088cc;
    border-radius: 2px;
    color: white;
    height: 20px;
    line-height: 20px;
    padding: 0;
    width: 20px;
    text-align: center;
}

.jqvmap-zoomout {
    top: 35px;
}

    .jqvmap-zoomin:hover, .jqvmap-zoomout:hover {
        background: #cccccc;
    }

/* Calendar Search Style */
.calBox {
    height: 65px;
    color: #fff;
    padding: 1px;
    background-color: #fff;
}

.selected .calLink {
    background-color: #4d4d4f;
    font-weight: bold;

}

.selected .calLinkM {
    background-color: #4d4d4f;
    font-weight: bold;
    color:#fff;   

}

.selected .calLinkD {
    background-color: #4d4d4f;
    font-weight: bold;

}

.calLink {
    color: #fff;
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    background-color: #006399;
    /* background-color: #919396;*/
    
}
    
.calLinkM {
    color: #0074b3;
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    border:2px solid;
     /*background-color: #0074b3;*/
    
}

.calLinkD {
    color: #fff;
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
     background-color: #0085cc;
    
}

    .calLink:hover, .calLink:focus, .calLinkM:hover, .calLinkM:focus, .calLinkD:hover, .calLinkD:focus {
        color: #fff;
        background-color: #4d4d4f;
    }

#calendar-filter-button {
    padding: 2.5px;
    background-color: #4d4d4f;
    color: #fff;
    margin: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

    #calendar-filter-button:hover {
        background-color: #9a9a9a;
    }

@media screen and (max-width: 768px) {
    .plannerselectlabel {
        margin-left: 0px;
    }
}
@media screen and (min-width: 768px) {
    .plannerselectlabel {
        margin-left: 350px;
    }
}


/* End Calendar Search Style */

/* Chart Widget */

.legend ul {
    list-style: none;
    padding: 0;
    padding-left: 15px;
}

    .legend ul li {
        display: block;
        padding-left: 30px;
        position: relative;
        margin-bottom: 4px;
        border-radius: 5px;
        padding: 2px 5px 2px 28px;
        font-size: 12px;
        cursor: default;
        -webkit-transition: background-color 200ms ease-in-out;
        -moz-transition: background-color 200ms ease-in-out;
        -o-transition: background-color 200ms ease-in-out;
        transition: background-color 200ms ease-in-out;
    }

.legend li span {
    display: block;
    position: absolute;
    left: 0;
    top: 2px;
    width: 15px;
    height: 15px;
    border-radius: 3px;
}

.chart-widget > * {
    float: left;
}

.link a:hover {
    color: #0080FF;
}

.subHeading {
    padding-top: 10px;
    margin-bottom: 15px;
    /*font-family: "Roboto Slab", serif;*/
    font-family: Ubuntu, Arial, Lucida, Helvetica, sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 0px;
}

.profile-display {
    color: #737373;
    text-align: justify;
}

.image-left-pad {
    padding-left: 0px;
}

.label-Heading {
    color: #a3a3a3;
}

.top-line {
    border-top: 1px solid #000000;
    padding-top: 10px;
}

.headerHover a:hover {
    color: #00A0DE;
}

.topLine {
    border-top: 1px solid #919396;
    padding-top: 20px;
}






.SocialIconLink{
}
.SocialIconLink ul{
	margin:0;
	padding:0;
	display:inline-block;
}
.SocialIconLink ul li{
	margin:0;
	padding: 0;
	list-style: none;
	display:inline-block;
}
.SocialIconLink ul li a{
	display: inline-block;
	overflow: hidden;
	width: 28px;
	height: 28px;
	text-align: center;
	color: white;
}
.SocialIconLink ul li a .fa {
	position: relative;
	font-size: 20px;
	line-height: 22px;
}
.SocialIconLink ul li.facebook a {
	background-color: #3C599F;
}
.SocialIconLink ul li.linkedin a {
	background-color: #0088CC;
}
.SocialIconLink ul li.twitter a {
	background-color: #00ACED;
}
.SocialIconLink ul li.youtube a {
	/*background-color: #CD201F;*/
	background-color: #E52D27;
}
.SocialIconLink ul li.instagram a {
	background-color: #000000;
}
.SocialIconLink ul li.website a {
	background-color: #919396;
}



.SocialIconLink ul li a .fa-facebook {
	top: 7px;
	left: 3px;
}
.SocialIconLink ul li a .fa-linkedin {
	top: 4px;
}
.SocialIconLink ul li a .fa-twitter {
	top: 4px;
}
.SocialIconLink ul li a .fa-youtube-play {
	top: 3px;
}
.SocialIconLink ul li a .fa-instagram {
	top: 3px;
}

.SocialIconLink ul li a .fa-link {
	top: 4px;
}





/****************News and Media Landing pages CSS********************/

			.ArticleCapsule {
				font-family: Montserrat;
			}
				.ArticleCapsule .SearchBoxContainer input,
				.ArticleCapsule .SearchBoxContainer span{
					border-color:#000000;
				}
				.ArticleCapsule .SearchBoxContainer span i:hover{
					cursor:pointer;
				}

				.ArticleCapsule .fa.fa-lock {
					color: #000000;
					padding-left: 5px;
				}

				.ArticleCapsule h1,
				.ArticleCapsule .CategoryLabel {
					color: #ffffff;
					background-color: #fe2000;
					border: solid 1px #ffffff;
				}

					.ArticleCapsule h1.Link,
					.ArticleCapsule .CategoryLabel.Link {
						box-shadow: 3px 3px 1px #888888;
					}

						.ArticleCapsule h1.Link,
						.ArticleCapsule .CategoryLabel.Link,
						.ArticleCapsule h1.Link a,
						.ArticleCapsule .CategoryLabel.Link a {
							color: #fafafa;
							font-weight: bold;
						}

							.ArticleCapsule h1.Link:hover,
							.ArticleCapsule .CategoryLabel.Link:hover {
								/*css for button effect*/
							}

				.ArticleCapsule h1 {
					display: inline-block;
					margin: 0 10px 15px 15px;
					padding: 10px 30px 10px 15px;
					text-align: center;
					text-decoration: none;
					text-transform: uppercase;
					font-size: 18px;
				}

				.ArticleCapsule .NewsPackage {
					box-sizing: border-box;
					border: solid 1px #e0e0e0;
				}

					.ArticleCapsule .NewsPackage .Image {
						padding-top: 65%;
					}

					.ArticleCapsule .NewsPackage .TextContainer {
						background-color: white;
					}

					.ArticleCapsule .NewsPackage .Text {
						height: 90px;
						width: 100%;
						padding-top: 15px;
						padding-right: 10px;
					}

					.ArticleCapsule .NewsPackage .TextContainer .Separator {
						margin: auto;
						padding: 0;
						width: 50%;
						border-color: #bebebe;
						border-style: none none solid;
					}

				.ArticleCapsule .Cloak, .ArticleCapsule .Cloak > * {
					position: relative;
				}
					/*.Cloak{position:relative;}*/

					.ArticleCapsule .Cloak::before {
						content: " ";
						position: absolute;
						width: 100%;
						height: 100%;
						background-color: #000000;
						opacity: 0.6;
						top: 0;
						left: 0;
					}

					.ArticleCapsule .Cloak.Lighter::before {
						opacity: 0.4;
					}

					.ArticleCapsule .Cloak.Darker::before {
						opacity: 0.8;
					}

					.ArticleCapsule .Cloak.Highlight::before {
						background-color: MediumSlateBlue;
					}



			.ArticleCapsule .NewsPackageContainer h1,
			.ArticleCapsule .NewsPackageContainer h2,
			.ArticleCapsule .NewsPackageContainer h3,
			.ArticleCapsule .NewsPackageContainer h4,
			.ArticleCapsule .NewsPackageContainer h5,
			.ArticleCapsule .NewsPackageContainer h6 {
				font-weight: 600;
			}

		.ArticleCapsule .NewsPackage .Text {
				padding-left: 20px;
				font-size: 14px;
				font-weight: 600;
			}

				.ArticleCapsule .NewsPackage .Text .MetaInfo {
					position: absolute;
					bottom: 5px;
					font-size: x-small;
                    font-weight:normal;
				}

			/*.NewsPackage .Text a {
			position: relative;
			color: #6d6e70;
			display: block;
			font-size: 12px;
			margin-top: 0.5em;
			text-decoration: underline;
		}*/
			.ArticleCapsule .NewsPackage,
			.ArticleCapsule .NewsPackage .Image,
			.ArticleCapsule .NewsPackage .Text {
				position: relative;
			}

				.ArticleCapsule .NewsPackage .Image img {
					position: absolute;
					top: 0;
					left: 0;
					bottom: 0;
					right: 0;
					width: 100%;
					height: 100%;
				}

				.ArticleCapsule .NewsPackage .Image .ImageText {
					position: absolute;
					bottom: 0;
					left: 0;
					/*width: 75%;*/
					line-height: 1.3;
					/*padding-bottom: 2px;
					padding-right: 10px;*/
					/*border-left: 20px solid #232323;*/
					border: none;
				}

					.ArticleCapsule .NewsPackage .Image .ImageText .Text {
						position: relative;
						background-color: transparent;
						/*font-weight: 600;*/
						padding: 0 5px 3px 20px;
						color: #fff;
						display: block;
						margin: unset;
						box-shadow: none;
						-webkit-box-shadow: none;
						text-shadow: 0 0 20px #000000, 0 0 15px #000000, 0 0 10px #000000;
					}

					.ArticleCapsule .NewsPackage .Image .ImageText span {
					}



			.ArticleCapsule .Compact.NewsPackage .Image {
				padding-top: 32.5%;
			}

				.ArticleCapsule .Compact.NewsPackage .Image img {
					position: absolute;
					top: 0;
					left: 0;
					bottom: 0;
					right: 0;
					width: 100%;
					height: 100%;
				}

			.ArticleCapsule .Compact.NewsPackage {
				margin-bottom: 0;
			}

				.ArticleCapsule .Compact.NewsPackage .Image {
					width: 40%;
				}

				.ArticleCapsule .Compact.NewsPackage .TextContainer {
					width: 60%;
				}


				.ArticleCapsule .Compact.NewsPackage .Image,
				.ArticleCapsule .Compact.NewsPackage .TextContainer {
					display: inline-block;
					position: relative;
					vertical-align: top;
				}

					.ArticleCapsule .Compact.NewsPackage .TextContainer .Text {
						padding: 5px 5px 5px 10px;
						font-size: 14px;
					}

			.ArticleCapsule .NewsPackage .CategoryLabel {
				position: absolute;
				bottom: -13px;
				left: 25px;
				/*text-align: center;*/
				min-width: 100px;
				padding: 3px 10px 5px 10px;
				z-index: 5;
			}

			.ArticleCapsule .CategoryLabel span {
				font-size: 13px;
				color: #ffffff;
				font-weight: 400;
			}



			.ArticleCapsule .NewsPackageContainer.Industry .NewsPackage .TextContainer,
			.ArticleCapsule .NewsPackageContainer.Sport .NewsPackage .TextContainer{
				padding-top: 10px;
			}

			.ArticleCapsule .NewsViewContainer {
				background-color: #404040;
			}

				.ArticleCapsule .NewsViewContainer h1 {
					background-color: transparent;
					border: none;
					width: calc(100% - 30px);
					border-bottom: 3px solid #ffffff;
					text-align: left;
					font-size: 28px;
                    font-weight:bold;
					/*text-transform: capitalize;*/
				}

			.ArticleCapsule .NewsPackageContainer.NewsView {
				counter-reset: newsView;
			}

				.ArticleCapsule .NewsPackageContainer.NewsView .Increment::before {
					counter-increment: newsView;
					content: counter(newsView) ".";
					display: inline-block;
					vertical-align: bottom;
					width: 8%;
					color: #ffffff;
					font-weight: bold;
				}

				.ArticleCapsule .NewsPackageContainer.NewsView .NewsPackage.Compact {
					display: inline-block;
					width: 90%;
					border-width:10px;
					border: solid 8px #000000;
				}
					.ArticleCapsule .NewsPackageContainer.NewsView .NewsPackage.Compact:after {
						clear: both;
					}
				.ArticleCapsule .NewsPackageContainer.NewsView .NewsPackage.Compact .TextContainer{
					background-color: #000000;
				}
					.ArticleCapsule .NewsPackageContainer.NewsView .NewsPackage.Compact .TextContainer .Text{
						top:-0.5rem;
						overflow:hidden;
					}
					.ArticleCapsule .NewsPackageContainer.NewsView .NewsPackage.Compact .TextContainer .Text,
					.ArticleCapsule .NewsPackageContainer.NewsView .NewsPackage.Compact .TextContainer .Text a {
						color: #ffffff;
					}

			.NewsPackageContainer.NewsView .NewsPackage.Compact .Image {
				padding-top: 26.5%;
			}

			.NewsPackageContainer.NewsView .NewsPackage.Compact .TextContainer {
				padding-top: 26.5%;
			}

				.NewsPackageContainer.NewsView .NewsPackage.Compact .TextContainer .Text {
					position: absolute;
					height: auto;
					top: 0;
					right: 0;
					bottom: 0;
					left: 0;
					font-weight: bold;
					font-size: 13px;
                    width:100%;
				}
			.ArticleCapsule .MoreFromSportcalContainer{
				background-color: #000000;
			}
			.ArticleCapsule .MoreFromSportcalContainer h1 {
				background-color: transparent;
				border: none;
				width: calc(100% - 30px);
				border-bottom: 3px solid #ffffff;
				text-align: left;
				font-size: 28px;
                font-weight:bold;
				/*text-transform: capitalize;*/
			}

			.ArticleCapsule .MoreFromSportcalContainer .NewsPackage .CategoryLabel.Link img{
				position: relative;
				height: 45px;
				width: auto;
			}

			.ArticleCapsule .MoreFromSportcalContainer .NewsPackage .CategoryLabel.Link {
				width: 90%;
				background-color: #404040;
				text-align: center;
				left: 5%;
				box-shadow: none;
				padding: 3px 10px 3px 10px;
			}

			.ArticleCapsule .MoreFromSportcalContainer .NewsPackage .TextContainer {
				background-color: #000000;
				color: #ffffff;
			}
			.ArticleCapsule .MoreFromSportcalContainer .NewsPackage .TextContainer .Text {
				padding-left: 5%;
				padding-right: 5%;
				padding-top: 20px;
			}

			.NewsPackageContainer.PackageGridA h1 {
				position: absolute;
				z-index: 5;
				top: 10px;
				right: 15px;
			}

			.NewsPackageContainer.PackageGridA .NewsPackage.Main .TextContainer {
				position: absolute;
				bottom: 0;
				background-color: transparent;
			}

				.NewsPackageContainer.PackageGridA .NewsPackage.Main .TextContainer::before {
					/*content: " ";
					position: absolute;
					width: 100%;
					height: 100%;
					background-color: #000000;
					opacity: 0.6;*/
				}

				.NewsPackageContainer.PackageGridA .NewsPackage.Main .TextContainer .Text {
					height: auto;
					padding-bottom: 2.5rem;
					font-weight: normal;
					font-size: 33px;
				}

					.NewsPackageContainer.PackageGridA .NewsPackage.Main .TextContainer .Text,
					.NewsPackageContainer.PackageGridA .NewsPackage.Main .TextContainer .Text a {
						color: #ffffff;
					}

			.NewsPackageContainer.PackageGridA .NewsPackage.Main .Image .ImageText {
				bottom: 10rem;
				width: 90%;
				border: none;
			}

				.NewsPackageContainer.PackageGridA .NewsPackage.Main .Image .ImageText .Text {
				}

				.NewsPackageContainer.PackageGridA .NewsPackage.Main .Image .ImageText span {
					font-size: 32px;
				}

			.NewsPackageContainer.PackageGridA .NewsPackage.Main .MetaInfo,
			.NewsPackageContainer.PackageGridB .NewsPackage.Main .MetaInfo{
				font-size: 13px;
			}


			.NewsPackageContainer.PackageGridA > div:nth-of-type(n+3) .NewsPackage.Compact {
				margin-top: 16px;
			}

			.NewsPackageContainer.PackageGridA .NewsPackage.Compact .Image {
				padding-top: 29.8%;
				width: 45%;
			}

			.NewsPackageContainer.PackageGridA .NewsPackage.Compact .TextContainer {
				padding-top: 29.8%;
				width: 55%;
			}

				.NewsPackageContainer.PackageGridA .NewsPackage.Compact .TextContainer .Text {
					position: absolute;
					height: auto;
					top: 0;
					right: 0;
					bottom: 0;
					left: 0;
                    width:100%;
					padding: 10px 5px 10px 10px;
				}


			.NewsPackageContainer.PackageGridB {
				position: relative;
			}

			.NewsPackageContainer.PackageGridB h1 {
				position: absolute;
				z-index: 5;
				top: 10px;
				right: 15px;
			}

			.NewsPackageContainer.PackageGridB .NewsPackage .TextContainer {
				position: absolute;
				bottom: 0;
				background-color: transparent;
			}

			.NewsPackageContainer.PackageGridB .NewsPackage.Main .TextContainer::before {
				/*content: " ";
				position: absolute;
				width: 100%;
				height: 100%;
				background-color: #000000;
				opacity: 0.6;*/
			}

			.NewsPackageContainer.PackageGridA .NewsPackage.Main .Image a::before,
			.NewsPackageContainer.PackageGridB .NewsPackage.Main .Image a::before,
			.NewsPackageContainer.PackageGridB .NewsPackage.Normal .Image a::before {
				content: " ";
				position: absolute;
				width: 100%;
				height: 100%;
				background: linear-gradient(to bottom, transparent 25%, #000000 100%);
				/*background: linear-gradient(transparent, black);*/
				opacity: 0.8;
				top: 0;
				left: 0;
				z-index:2;
			}
			
			.NewsPackageContainer.PackageGridA .NewsPackage .Text,
			.NewsPackageContainer.PackageGridB .NewsPackage .Text {
				z-index: 2;
			}
			.NewsPackageContainer.PackageGridA .NewsPackage.Main .Image .ImageText .Text,
			.NewsPackageContainer.PackageGridB .NewsPackage.Main .Image .ImageText .Text{
				text-shadow: none;
			}

			.NewsPackageContainer.PackageGridB .NewsPackage.Main .TextContainer .Text {
				font-weight: normal;
				font-size: 33px;
			}

			.NewsPackageContainer.PackageGridB .NewsPackage .TextContainer .Text,
			.NewsPackageContainer.PackageGridB .NewsPackage .TextContainer .Text a {
				height: auto;
				padding-bottom: 2.5rem;
				color: #ffffff;
				padding-top: 0;
			}

			.NewsPackageContainer.PackageGridB .NewsPackage.Main .Image .ImageText {
				bottom: 10rem;
				width: 90%;
			}

				.NewsPackageContainer.PackageGridB .NewsPackage.Main .Image .ImageText .Text {
				}

				.NewsPackageContainer.PackageGridB .NewsPackage.Main .Image .ImageText span {
					font-size: 32px;
				}


			.NewsPackageContainer.PackageGridB > div:nth-of-type(n+3) .NewsPackage.Normal {
				margin-top: 20px;
			}


			.NewsPackageContainer.PackageGridB .NewsPackage.Normal .TextContainer .Text,
			.NewsPackageContainer.PackageGridB .NewsPackage.Normal .TextContainer .Text a {
				/*text-shadow: 0 0 20px #000000, 0 0 15px #000000, 0 0 10px #000000;*/
			}

			.ArticleCapsule .SliceCapsule > .content > .container {
				padding-top: 15px;
				padding-bottom: 15px;
			}

			.SliceCapsule .horiz-facet .btn-default {
				color: #ffffff;
			}

			.SliceCapsule .horiz-facet .btn-default:focus {
				color: #333;
			}

			.SliceCapsule .dropdown-menu > li > a:hover {
				background-color: #a3a3a3;
			}


            .redFont td{
                color:red;
            }



/*NewsPackage START*/
@media screen and (max-width: 1169px) {
	.ArticleCapsule .NewsPackage.Compact .TextContainer .Text {
		/*padding: 5px 5px 5px 10px;*/
		font-size: 13px;
		overflow-wrap: break-word;
	}
	.NewsPackageContainer.PackageGridA .NewsPackage.Compact .MetaInfo {
		bottom: 3px;
		font-size: xx-small;
	}
	.ArticleCapsule .NewsPackage .Text {
		padding-top: 6px;
		padding-left: 15px;
		font-size: 15px;
	}
	.ArticleCapsule .NewsPackageContainer.NewsView .NewsPackage.Compact .TextContainer .Text {
		top: -0.5rem;
		font-size: x-small;
	}
	.NewsPackageContainer.Press .NewsPackage .Text {
		font-size: 16px;
	}
}
@media screen and (max-width: 1023px) {
	.NewsPackageContainer.PackageGridA .NewsPackage.Compact .MetaInfo {
		bottom: 3px;
		font-size: xx-small;
	}
}
@media screen and (max-width: 991px) {
	/*col-md to col-sm transition*/
	.NewsPackageContainer.PackageGridA h1,
	.NewsPackageContainer.PackageGridB h1{
		padding: 5px 10px 5px 10px;
		font-size:14px;
	}
	.ArticleCapsule .NewsPackage .TextContainer .Text {
		font-size: 18px;
	}
	.NewsPackageContainer.PackageGridB .NewsPackage .TextContainer .Text {
		font-size:14px;
		font-weight:normal;
	}
	.NewsPackageContainer.PackageGridA .NewsPackage.Main .Image {
		padding-top: 64.5%;
	}
	.NewsPackageContainer.PackageGridA .NewsPackage.Main .TextContainer .Text {
		font-size:18px;
	}
	.NewsPackageContainer.PackageGridB .NewsPackage.Main .TextContainer .Text {
		font-size:26px;
	}
	.ArticleCapsule .NewsPackage.Compact .TextContainer .Text {
		font-size: 16px;
	}
	.NewsPackageContainer.PackageGridA .NewsPackage.Compact .MetaInfo {
		bottom: 5px;
		font-size: x-small;
	}
	.ArticleCapsule .NewsPackageContainer.NewsView .NewsPackage.Compact .TextContainer .Text {
		top: -0.5rem;
		font-size: medium;
	}
	.ArticleCapsule .MoreFromSportcalContainer .NewsPackage .CategoryLabel.Link img {
		height: 30px;
		max-width: 100%;
	}
	.ArticleCapsule .MoreFromSportcalContainer .NewsPackage .TextContainer .Text {
		font-size: 16px;
        height:110px;
	}
}
@media screen and (max-width: 800px) {
    	.NewsPackageContainer.PackageGridA .NewsPackage.Main .Image {
		padding-top: 61.5%;
	}
}
@media screen and (max-width: 767px) {
	/*col-sm to col-xs transition*/
	.ArticleCapsule .NewsPackage.Compact .TextContainer .Text {
		font-size: 13px;
	}
	.NewsPackageContainer.PackageGridB .NewsPackage.Main .TextContainer .Text {
		font-size: 20px;
	}
	.ArticleCapsule .MoreFromSportcalContainer .NewsPackage .CategoryLabel.Link img {
		height: 30px;
	}
	.ArticleCapsule .MoreFromSportcalContainer .NewsPackage .TextContainer .Text {
		font-size: 14px;
	}
}
@media screen and (max-width: 600px) {

    .NewsPackageContainer.PackageGridA .NewsPackage.Main .Image {
        padding-top: 65%;
    }
	/*col-xs to smaller transition*/
	.ArticleCapsule .NewsPackage.Compact .TextContainer .Text {
		font-size: 16px;
	}
	.NewsPackageContainer.PackageGridA .NewsPackage.Main,
	.NewsPackageContainer.PackageGridB .NewsPackage.Main{
		margin-bottom: 16px;
	}
	.NewsPackageContainer.PackageGridA .NewsPackage.Main .TextContainer .Text, 
	.NewsPackageContainer.PackageGridB .NewsPackage .TextContainer .Text {
		font-size: 20px;
	}
	.NewsPackageContainer.PackageGridB .col-xs-8,
	.NewsPackageContainer.PackageGridB .col-xs-4,
	.ArticleCapsule .MoreFromSportcalContainer .col-xs-4{
		width: 100%;
	}
	.NewsPackageContainer.PackageGridA .NewsPackage.Compact .MetaInfo,
	.NewsPackageContainer .NewsPackage .Text .MetaInfo {
		font-size: 12px;
	}
	.ArticleCapsule .MoreFromSportcalContainer .NewsPackage .CategoryLabel.Link img {
		height: 50px;
	}
	.ArticleCapsule .MoreFromSportcalContainer .NewsPackage .TextContainer .Text {
		font-size: 18px;
        height:120px;
	}
	.ArticleCapsule .NewsPackageContainer.Sport .NewsPackage,
	.ArticleCapsule .NewsPackageContainer.Industry .NewsPackage,
	.ArticleCapsule .NewsPackageContainer.NewsView .NewsPackage,
	.ArticleCapsule .MoreFromSportcalContainer .NewsPackage{
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 415px) {
	.NewsPackageContainer.PackageGridA .NewsPackage.Main .TextContainer .Text,
	.NewsPackageContainer.PackageGridB .NewsPackage.Main .TextContainer .Text,
	.NewsPackageContainer.PackageGridB .NewsPackage .TextContainer .Text {
		font-size: 16px;
	}
	.ArticleCapsule .NewsPackage.Compact .TextContainer .Text {
		font-size: 13px;
	}
	.NewsPackageContainer.PackageGridA .NewsPackage.Main .MetaInfo,
	.NewsPackageContainer.PackageGridB .NewsPackage.Main .MetaInfo,
	.NewsPackageContainer.PackageGridA .NewsPackage.Compact .MetaInfo,
	.NewsPackageContainer .NewsPackage .Text .MetaInfo {
		font-size: 10px;
	}
	.ArticleCapsule .NewsViewContainer h1,
	.ArticleCapsule .MoreFromSportcalContainer h1{
		font-size: 20px;
	}
}
@media screen and (max-width: 320px) {
	.NewsPackageContainer.PackageGridA .NewsPackage.Main .TextContainer .Text,
	.NewsPackageContainer.PackageGridB .NewsPackage.Main .TextContainer .Text,
	.NewsPackageContainer.PackageGridB .NewsPackage .TextContainer .Text {
		font-size: 15px;
	}
	.ArticleCapsule .NewsPackage.Compact .TextContainer .Text {
		font-size: 11px;
	}
	.NewsPackageContainer.PackageGridA .NewsPackage.Main .MetaInfo,
	.NewsPackageContainer.PackageGridB .NewsPackage.Main .MetaInfo,
	.NewsPackageContainer.PackageGridA .NewsPackage.Compact .MetaInfo,
	.NewsPackageContainer .NewsPackage .Text .MetaInfo {
		font-size: 9px;
	}
	.ArticleCapsule .NewsPackageContainer.NewsView .NewsPackage.Compact .TextContainer .Text {
		top: -0.5rem;
		font-size: small;
	}
	.ArticleCapsule .MoreFromSportcalContainer .NewsPackage .CategoryLabel.Link img {
		height: 40px;
	}
	.ArticleCapsule .MoreFromSportcalContainer .NewsPackage .TextContainer .Text {
		font-size: 16px;
	}
	.ArticleCapsule h1.Link {
		padding: 8px 15px 8px 15px;
		margin-top:-1px;
		font-size: 14px;
	}
	.NewsPackageContainer.PackageGridA h1, .NewsPackageContainer.PackageGridB h1 {
		padding: 5px 10px 5px 10px;
	}
}
/*NewsPackage END*/

/****************News and Media Landing pages CSS********************/

@media screen and (min-width: 0px) and (max-width: 720px) {
    .mobile-hide {
        display: none;
    }
}
/*@media screen and (min-width: 0px) and (max-width: 720px)*/


/*
	 for paging related
	 .test {
padding-top:0px;
height:90%;

}

.pag li a{

	padding-bottom:1px;
	padding-top:1px;	
	padding-left:2px;
	width:auto;
	margin-left:2px;
	
}*/

.profiletable
{

  border-top-style:solid;border-bottom-style:solid;border-top-color:#79AD36;border-bottom-color:#79AD36;
}

.profiletable td
{
    padding:5px;
}

.profiletable tr td:first-child
{
    font-weight:bold;
    color:#79AD36
}


@media screen and (min-width: 420px) {

  .padLeft 
     {
       padding-left:15px;
   }
  .padLeft10
	{
        padding-left:10px;
    }
	
  	.float-right
	{
		float : right;
	}

	
}





.hdrImage{
    position: relative;
    height: 260px;
    text-align: center;
	background-position: center;
}

.hdrImage section{
    position: absolute;
    width: 80%;
    padding: 10px 0 5px 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: bold;
    color: #ffffff;
}

.hdrImage Section Header {
    /* font-size: 72px; */
    text-shadow: 0 0 20px #000000, 0 0 15px #000000, 0 0 10px #000000;
}

.hdrImage Section Header img {
    height: 120px;
    -webkit-filter: drop-shadow(0 0 10px #000000) drop-shadow(0 0 5px #000000);
    filter: drop-shadow(0 0 10px #000000) drop-shadow(0 0 5px #000000);
}

.hdrImage Section span {
    display: block;
    font-size: 30px;
    text-shadow: 0 0 20px #000000, 0 0 15px #000000, 0 0 10px #000000;
}

.hdrImage Section a {
    background-color: #EC6608;
    color: white;
    font-weight: bold;
    box-shadow: 2px 2px 2px #888888;
    margin-bottom: 10px;
    margin-top: 10px;
}

.overlay{
    	position: absolute;
        height: 100px;
        left: 18%;
        top: 21%;
        right: 18%;
		bottom: 0px;
		background-color: rgba(0, 0, 0, 0.42);
}

.hdrImage .caption {
    padding-top: 10px;
    background-color: transparent;
    opacity: 1;
    text-align:center;
}

.hdrImage .caption span{

    font-size: 30px;
    font-weight: bold;
    padding: 5px 10px 10px 10px;
    color: #ffffff;
    margin-top:100px;
}

.hdrImage .caption .title{
    font-size: 18px;
    font-weight: bold;
    text-shadow: 0 0 20px #000000, 0 0 15px #000000, 0 0 10px #000000;
    color: #ffffff;
}

.hdrImage .caption .button{
    display: block;
    width: 135px;
    margin: 5px auto;
    text-transform: uppercase;
    font-weight: bold;
    padding-top: 5px;
    border: 1px solid white;    	

}

.hdrImage .caption a{
    margin-top:20px;
    background-color: #f7941e;
	color:white;
	font-weight:bold;
	box-shadow: 2px 2px 2px #888888;
    padding-bottom: 5px;
    margin-top: 5px;
}
.hdrImage .caption a:hover{
    background-color:#333;
}

@media screen and (min-width:1023px) {
	.overlay{
		height: 85px;
		left: 14%;
		top: 20%;
		right: 14%;
	}
}
@media screen and (min-width:1169px) {
	.overlay{
		height: 95px;
		left: 18%;
		top: 21%;
		right: 18%;
	}
}
@media screen and (min-width:1365px) {
	.overlay{
		height: 95px;
		left: 18%;
		top: 21%;
		right: 18%;
	}
}

@media screen and  (max-width:800px){
	.hdrImage Section Header img{
		height:90px;
	}
	.hdrImage Section span {
		font-size: 26px;
	}
	.overlay{
		height: 80px;
		left: 16%;
		top: 14%;
		right: 16%;
	}
}

@media screen and (max-width:415px) {
	.hdrImage Section Header img{
		height:80px;
		max-width:100%;
	}
	.hdrImage Section span {
		font-size: 22px;
	}
	.overlay{
		height: 40px;
		left: 16%;
		top: 15%;
		right: 16%;
	}
}
@media screen and (max-width:320px) {
	.hdrImage Section Header img{
		height:70px;
	}
	.hdrImage Section span {
		font-size: 20px;
	}
	.overlay{
		height: 30px;
		left: 16%;
		top: 13%;
		right: 16%;
	}
}