/* CSS Document for News Subsite */


.news-content ul {
	list-style-type: disc;
	margin: 2rem;
    margin-left: 4rem;
}

.news-content ul li {
	margin-bottom: 1rem;
}


.news-content .wp-caption {
	padding: 0;
	max-width: 100%;
}

.news-content .wp-caption img {
	display: inline-block;
	margin: 0;
	max-height: none;
	height: auto;
}

.news-content .wp-caption.aligncenter {
	margin: 0 auto;
}

.news-content p.wp-caption-text {
	font-size: 1.125rem;
	/* font-style: normal; */
	/* background-color: #ececec; */
	/* color: #003c71; */
	text-align: left;
	/* margin-top: 0px; */
	padding: 0.75rem 1.5rem;
	/* padding-top: 20px; */
	/* padding-bottom: 20px; */
	line-height: 1.5;
	background: var(--color-gray-light);
}

.news-link-icon {
  justify-content: end;
  width: 4rem;
}

.news-link-icon svg {
	stroke: var(--color-blue-med);
	stroke-width: 0.333rem;
  height: 2rem;
  width: 2rem;
  margin: 1.5rem;
  overflow: visible;
  display: block;
}

.frontpage .news .event-row {
    padding: 0;
    overflow: hidden;
}

.news-date {
	font-family: 'Greycliff_SemiBold';
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 20px;
	color: #555;
	font-style: italic;
	padding: 0px;
	min-width: 160px;
}

.news .news-date {
    margin: 0;
}

.news-top-content {
	margin-bottom: 50px;
}

.news-mention .event-block {
	border: 3px solid var(--color-blue-light);
  /*background: linear-gradient(180deg, #fff 20%, var(--color-gold-pale));*/
}
.news-thumb {
	width: 30%;
	display: inline-block;
	float: right;
	margin-left: 20px;
	border-radius: 11px;
	overflow: hidden;
}

.news-thumb {
    display: inline-block;
    position: relative;
    float: none;
    border-radius: 0;
    overflow: hidden;
    margin: 0;
    order: 2;
    max-height: 10rem;
    flex-basis: 100%;
}

.news-thumb:before {
    content: '';
    display: block;
    position: absolute;
    background: linear-gradient(#fff, transparent);
    width: 100%;
    height: 100%;
}

.news-thumb img {
	width: 100%;
	height: auto;
	display: block;
}

.news-data {
	padding: 2rem;
}

.news-mention .news-data {
	padding: calc(2rem - 3px);
}

.news-title {
    margin-bottom: 1.5rem;
}

.news-title a {
    text-decoration: none;
    color: var(--color-blue-med);
    letter-spacing: -0.25px;
}

.frontpage .news .event-text {
	display: flex;
	overflow: hidden;
}

.frontpage .news .event-name {
	padding: 1.5rem 1.75rem;
	padding: 0;
}

.news-item a.btn {
	text-align: right;
	color: #fff;
	margin: 0px;
	margin-top: 20px;
}

.event-row a.news-read-more {
	margin-left: 0.375em;
}

.news-mention a.news-read-more:after {
	content: " \00BB";
}

.news-content h3.news-date-single {
	font-family: "Greycliff_SemiBold";
	margin-bottom: 20px;
    border-bottom: 3px solid rgba(255, 211, 0, 0.7);
    padding: 0px 6px 4px;
    display: inline-block;
    font-size: 20px;
}

.news-thumb-single {
	width: 100%;
	display: block;
	text-align: center;
	float: none;
	line-height: 0.5;
}

.news-thumb-single img {
	width: 100%;
	height: auto;
}

.news-thumb-single p {
	margin: 0;
	background: var(--color-blue-dark);
	text-align: center;
	color: #fff;
	padding: 1.5rem 2rem;
	line-height: 1.5;
	font-size: 1.125rem;
	font-family: greycliff_semibold;
}

.news .nav-previous {
	float: left;
}

.news .nav-next {
	float: right;
}

.signup-btn {
	margin-bottom: 2rem;
}



.single-post .news-content {
    border-radius: 2rem;
    overflow: hidden;
}

.single-post .news-date-single {
    display: inline-block;
}

.single-post .news-bottom-content {
    background: #fff;
    padding: 2.5rem;
}

.news-thumb-single:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    background: linear-gradient(transparent, #fff);
    display: none; /* save the gradient for phase 2? */
    }

.news-meta-block {
    font-family: 'Greycliff_SemiBold';
    color: var(--color-blue-med);
    margin: 0 0 2.5rem;
    font-size: 1.25rem;
}

.news-post-date, .news-author {
    display: inline-block;
}

.news-author:after {
    content: '/';
    padding: 0 0.75rem;
    }

.news-thumb-single {
    width: 100%;
    display: block;
    text-align: center;
    float: none;
    line-height: 0.5;
    position: relative;
    /* max-height: 24rem;
    overflow: hidden; */
}




/*
.front-news-thumb {
	float: right;
	border-radius: 1rem;
	overflow: hidden;
	margin-left: 1rem;
	height: 5.5rem;
}
*/

.front-news-thumb {
    overflow: hidden;
    position: relative;
    height: 100%;
    order: 2;
    flex-basis: 15rem;
    margin: -1.5rem -1.75rem -1.5rem 2rem;
    height: calc(100% + 3rem);
}

.front-news-thumb:before {
    content: '';
    height: 100%;
    display: block;
    position: absolute;
    background: linear-gradient(90deg,#fff,transparent);
    width: 100%;
}

.front-news-thumb img {
	height: auto;
	height: 100%;
	max-width: unset;
	width: auto;
}

@media screen and (max-width: 1100px) {

	.news-item a.btn {
		text-align: center;
		color: #fff;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
	}

}

@media screen and (max-width: 768px) {

body.page-template-page-news #content {
    padding: 22px 22px 88px;
}

	#nav-below {
		text-align: center;
	}
	.news .nav-previous {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	.news .nav-next {
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
	}
	.news-content h3.news-date-single {
		text-align: center;
	}
}

@media screen and (min-width: 768px) {

	body.page-template-page-news #sidebar {
		display: inline-block !important;
	}
}


@media screen and (max-width: 640px) {
	.single-post #content {
	    padding: 0;
	}

	.single-post .news-content {
	    border-radius: 0
	}

	.single-post .news-bottom-content {
	    padding: 2rem;
	}

  .news-mention .event-block {
      border: none;
  }
}




@media screen and (max-width: 480px) {

.news-blurb {
    line-height: 1.25;
    font-size: 1.25rem;
}

.frontpage .news .event-text {
    flex-wrap: wrap;
}

.front-news-thumb {
    flex-basis: calc(100% + 3.5rem);
    height: 7rem;
    margin: 1.25rem -1.75rem -1.5rem;
}

.front-news-thumb:before {
    background: linear-gradient(#fff,transparent);
}

.front-news-thumb img {
    width: 100%;
    height: auto;
}

}