/**********************************************************/
/*                       Typography                       */
/**********************************************************/
h1#content-title {
	font-family: 'TungstenBlack', sans-serif !important;
	text-transform: uppercase;
	letter-spacing: 0;
}

#news-hero h2,
section#intro-copy h3, section.text-block h3 {
	font-family: 'TungstenSemibold', sans-serif !important;
	letter-spacing: 0;
}
	
	section#intro-copy h3, section.text-block h3 {
		font-size: 32px !important;
		line-height: 36px !important;
	}

body.single-news .news-article-inner-container section.text-block p,
body.single-news #article-text,
body.single-news #article-text p {
	font-family: "Times New Roman", Times, serif !important;
	font-size: 20px !important;
	line-height: 30px !important;
}

/**********************************************************/
/*                         Colors                         */
/**********************************************************/
#news-hero h1,
#news-hero h2 {
	color: #FFF;
}

/**********************************************************/
/*                         Styles                         */
/**********************************************************/
h1#content-title {
	margin-bottom: 10px !important;
}

.single-news #outer-container,
.privacy-policy #new-outer-container,
.page-id-151 #new-outer-container {
	margin-top: -100px;
}

/* New Site Look Styles */
#news-hero.new-home-section {
	display: block;
    min-height: auto;
    padding-top: 80px;
    padding-bottom: 200px;
	background-size: cover;
	background-repeat: no-repeat;
}

@media only screen and (max-width : 670px) {
	#news-hero.new-home-section {
		background-image: url('/app/uploads/2024/08/news-mobile.jpg') !important;
		background-position: bottom;
	}
}

#news-under-hero-section.new-home-section {
	min-height: auto;
}

#news-under-hero-section .new-content-container-wrapper {
	align-items: flex-start;
}

#hidden-news-mobile-wrapper {
	justify-content: space-between;
}

#hidden-news-mobile-wrapper.new-home-section {
	display: none;
}

#news-hero h1 {
	margin-bottom: 0;
}

#news-hero h2 {
	margin-top: 20px;
	margin-bottom: 80px;
}

.news-inner-container {
	width: 100% !important;
	margin-top: -230px;
}

h3.news-title,
h3.news-title a {
	font-family: "TungstenSemibold", sans-serif !important;
	color: #FA034A !important;
	font-size: 32px !important;
	line-height: 36px !important;
	text-transform: initial;
	font-weight: bold;
	letter-spacing: 1px;
	margin-top: 7px;
	margin-bottom: 7px;
	text-decoration: none;
}

.news-item p {
	font-family: "Times New Roman", Times, serif !important;
	line-height: 22px;
	color: #000 !important;
}

/*.news-item {
	min-height: 480px;
}*/

.news-item-read-more-wrapper {
	margin-top: 20px;
}

.news-item-read-more-wrapper a.read-more {
	font-family: "Times New Roman", Times, serif !important;
	text-transform: uppercase;
	font-size: 16px !important;
	color: #000 !important;
}

/* End New Site Look Styles */

div#top-photo-news {
	background-image: url("/app/themes/xmedia/assets/img/top-photo/top-photo_news_large_v7.jpg");
	background-position: top center;
	display: block;
}

div#top-photo-news-article {
	background-color: #FA034A !important;
	max-height: 107px !important;
	background-position: center;
	display: block;
}

div#top-photo-news-mobile {
	background-image: url("/app/themes/xmedia/assets/img/top-photo/top-photo_news_mobile_v4.jpg");
	background-position: center;
	display: none;
}

div.news-article-inner-container {
	margin-top: 60px;
}

div.news-article-inner-container .text-block {
	padding-bottom: 0;
	margin-bottom: 80px !important;
	background-color: transparent !important;
}


div.news-article-inner-container h1#content-title {
	margin-top: 10px !important;
}

#news-content {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

#news-column1, #news-column2, #news-column3, #news-column4 {
	width: 23%;
}

#news-column1 {
	margin-left: 0;
}

#news-column4 {
	margin-right: 0;
}

/*.news-item {
	margin-bottom: 35px;
}*/

.news-item, .news-item img.news-photo {
	width: 100%;
	height: auto;
}	

.news-item h2 {
	font-size: 16px;
	color: #545454;
	margin-bottom: 5px;
}

.news-item p, .news-item a.read-more {
	font-size: 14px;
	color: #545454;
	margin-top: 0;
}

p#back-breadcrumb {
	margin-bottom: 0 !important;
}

	p#back-breadcrumb a {
		text-decoration: none !important;
	}
	
	p#back-breadcrumb a:hover {
		text-decoration: underline !important;
	}

.news-item a.read-more, .news-item a.read-more:hover {
	text-decoration: underline;
}

	img.xmedia-icon {
		margin-right: 5px;
	}


/* Pagination Styles */
#news-pagination-container {
	display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 50px;
    padding-bottom: 50px;
    margin: 0 !important;
}	

#page-buttons-container {
	display: inline-block;
}	
	
	#page-buttons-container a.page-button, a#news-left-arrow, a#news-right-arrow  {
		font-family: "TungstenSemibold", sans-serif !important;
		font-size: 30px;
		color: #000;
		text-decoration: none;
		margin-right: 3px;
	}
	
		#page-buttons-container a.page-button {
			padding-left: 10px;
			padding-right: 10px;
		}
	
	a#news-left-arrow, a#news-right-arrow {
		font-family: monospace, sans-serif;	
		font-size: 28px;
	}
	
		a#news-left-arrow {
			padding-right: 40px;
		}
		
		a#news-right-arrow {
			padding-left: 40px;
		}
	
	#page-buttons-container a.page-button:hover, a#news-left-arrow:hover, a#news-right-arrow:hover {
		color: #FA034A;
		font-weight: 600;
		text-decoration: none;
	}
	
	#page-buttons-container a.page-button.current-page {
		color: #FA034A;
		font-weight: 600;
		text-decoration: underline;
	}
	
#hidden-news-mobile-wrapper {
	display: none;
}	

.cms-article-body {
	float: none;
}

.is-cms #article-text {
	float: left;
}

.is-cms #hidden-news-mobile-wrapper {
	display: block !important;
	text-align: center;
}	

	.is-cms #hidden-news-mobile-wrapper .news-item {
		display: inline-block;
		width: 47%;
		margin: 0 2% 40px 2%;
		text-align: left;
		max-height: 220px;
		overflow: hidden;
	}
	
	.is-cms #hidden-news-mobile-wrapper .news-item img.news-photo {
		width: 30% !important;
		max-width: 100%;
		margin-right: 20px;
	}
	
	.is-cms .cms-article-body {
		float: right;
		width: 67%;
	}

	.cms-float-left {
		margin-right: 15px !important;
	}
	
	.cms-float-right {
		margin-left: 15px !important;
	}
	
/*
***************************************************************
NEWS ARTICLE TEMPLATE
***************************************************************
*/

#above-article-container {
	width: 100%;
	float: left;
	margin: 40px 0 40px 0;
}

#pullquote-byline-container {
	width: 50%;
	float: left;
}

	p#pullquote {
		color: #FA034A;
		font-size: 28px;
		margin-top: 0 !important;
		margin-bottom: 15px;
	}	
	
		p#pullquote a {
			color: #FA034A;
		}

#news-image-surreal p {
	margin: 0;
	width: 100%;
	text-align: center;
}	
	
#article-text {
	margin-top: 20px;
}

#article-text img{
	max-width: 100%;
    height: auto;
}

#article-text p {
	font-size: 18px;
}

#article-text ul {
    font-size: 18px;
    text-align: left;
    color: #515151;
}

	#article-text ul li {
		margin-bottom: 10px;
	}


.byline-module {
	display: table;
	margin-bottom: 20px;
}

	.byline-module img {
		display: table-cell;
		margin-right: 15px;
		max-width: 70px;
		height: auto;
	}

	.article-author {
		color: #515151 !important;
		font-size: 18px !important;
		font-weight: bold;
		margin-top: 0;
		display: table-cell;
		vertical-align: middle;
	}
	
.news-img-container.left-image {
	float: left;
	margin-right: 15px;
	margin-top: 5px;
}

.news-img-container.right-image {
	width: 47%;
	float: right;
	margin-left: 15px;
	margin-top: 10px;
}

	.news-img-container.right-image img {
		margin: 0 !important;
		width: 100%;
		height: auto;
	}
	
	.news-img-container p.photo-credit {
		color: #999 !important;
		font-size: 14px !important;
		margin-bottom: 0 !important;
		text-align: right;
	}

.news-img-container.center-image {
	text-align: center;
	margin-bottom: 20px;
}

/*
***************************************************************
MOBILE 
***************************************************************
*/
@media only screen and (max-width : 1300px) { 
	#news-hero.new-home-section {
		padding-bottom: 100px;
	}
	
	.news-inner-container {
		margin-top: -170px;
	}
	
	.news-inner-container {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}	

@media only screen and (max-width : 800px) {
	#news-column4 {
		display: none;
	}
	
	#news-column3 {
		margin-right: 0;
	}
	
	#news-column1, #news-column2, #news-column3 {
		width: 30%;
	}
}

@media only screen and (max-width : 700px) {
	#above-article-container {
		float: none;
		margin: 20px 0 40px 0;
	}
	
	p#pullquote {
		margin-bottom: 20px;
	}
	
	.news-img-container.right-image {
		width: 100%;
		float: none;
		text-align: center;
		margin-left: 0;
		margin-top: 0;
	}
	
		.news-img-container.right-image img  {
			width: 100%;
			height: auto;
			max-width: 480px;
			margin-top: 40px !important;
		}
	
	#pullquote-byline-container {
		width: 100%;
		float: none;
	}
}


/* New News CSS for Wordpress Conversion */
.news-grid{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
}

.news-grid .news-item{
	grid-column: span 1 / span 1;
}

.news-grid .news-item .news-title ~ p, .news-item-read-more-wrapper{
	display: none;
}

@media only screen and (min-width : 472px) {
	.news-grid{
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 40px;
	}
}

@media only screen and (min-width : 671px) {
	.news-grid{
		grid-template-columns: repeat(12, minmax(0, 1fr));
	}

	.news-grid .news-item{
		grid-column: span 4 / span 4;
	}

	.news-grid .news-item .news-title ~ p, .news-item-read-more-wrapper{
		display: block;
	}
}

@media only screen and (min-width : 801px) {
	.news-grid{
		gap: 40px;
	}

	.news-grid .news-item{
		grid-column: span 3 / span 3;
	}
}