/* STYLES RELATED TO THE 'NEWS' LAYOUT */ 
.header-container {display: flex; align-items: center;}
.header-text {margin: 0 .7rem 0; /* Adjust spacing between image and text */
    font-family: Cambria, Garamond, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"}

/* Default width for larger screens | Allow resizing on smaller screens */
.round-image {width: 100px; max-width: 100%; border-radius: 50%; margin: 0 0 10px 0;}
@media screen and (max-width: 992px) { .round-image { width: 20%; /* Allow the image to resize on smaller screens */ }}
@media screen and (max-width: 768px) { .round-image { width: 17%; /* Allow the image to resize on smaller screens */ }}
@media screen and (max-width: 576px) { .round-image { width: 15%; /* Allow the image to resize on smaller screens */ }}
 
.press-header {font-size: larger; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding: 10px;  text-transform: uppercase; opacity: 60%;}

.news-item-title {font-size: 1.375rem; line-height: 26px; margin-bottom: 10px; text-transform: none; text-decoration: none; font-family: 'century gothic', sans-serif;}
.news-item-subtitle {font-size: 1.125rem !important; color: #666 !important; margin-bottom: 20px; text-shadow: none; font-weight: normal;}

.grid {padding-top: 50px; border-right: 1px solid #eee; padding-right: 20px; min-height: 580px; width: 208px;}

.news-date {font-weight: bold; position: absolute; width: 56px; margin: 0 20px 20px -76px;}
.news-date-day {background: #546c98; color: #ddd; text-align: center; padding: 2px 0; border-radius: 4px 4px 0 0;}
.news-date-month {font-size: 1rem; background: #333; color: #999; text-align:center; text-transform: uppercase; padding: 4px 0; border-radius: 0 0 4px 4px;}

.newscenter-item {clear: left; margin-bottom: 2.5rem; padding-bottom: 1rem; padding-left: 76px; border-bottom: 1px solid #dedede; position: relative;}
.newscenter-item a, .newscenter-item a:link, .newscenter-item a:visited {color: #002b5d;}
.newscenter-item a:hover {color: #215693; text-decoration: underline !important;}

.newscenter-image {float: left; margin: 0 20px 20px 0;}

.news-read-more {text-transform: uppercase;}

.infobox {padding: 15px 15px 5px 15px; margin-bottom: 15px; background-color: #007aff; color: #fff; -webkit-border-radius: 8px; border-radius: 8px;}
.infobox p {color: #fff;}fon
.infobox a:link {color: #fff; text-decoration: none;}
.infobox a:hover {color: #fff; text-decoration: underline;}
.infobox a:active {color: #fff; text-decoration: underline;}
.infobox .arrow {background: transparent url('/images/quote-arrow1.png') no-repeat left -2px; text-indent: 0px;}


.newscenter-detail h2 {color: #002b5d; line-height:1;} 
.newscenter-detail-subtitle {font-size: 1.125rem !important; color: #666 !important; text-shadow: none; font-weight: normal;}
.newscenter-detail-date {margin: 20px 0;}

.news-see-more {border: 1px solid #ddd; padding: 10px; text-align: center; margin-bottom: 20px;} 
.news-see-more a  {text-decoration:none; } 
.news-see-more a:hover {text-decoration: underline}

s

/* ============================= ORGINAL ================================================ */
/* STYLES RELATED TO THE 'NEWS' LAYOUT */
/*.news h1 {font-size: 35px; color: #666; font-weight: normal; margin: 0; padding-bottom: 30px; overflow: hidden;}
.news h2 {font-size: 30px; line-height: 32px;  margin: 0; padding-bottom: 30px; font-weight: normal; overflow: hidden;}
.news h3 {font-size: 22px; margin-bottom: 10px; text-transform: none; font-weight: normal;}
.news h4 {font-size: 20px; margin-bottom: 20px; text-shadow: none; font-weight: normal;}
.news .left {}
.news-item-title {font-size: 22px; line-height: 26px; margin-bottom: 10px; text-transform: none; font-weight: normal;}
.news-item-subtitle {font-size: 18px !important; color: #666 !important; margin-bottom: 20px; text-shadow: none; font-weight: normal;}
.news .right {border-left: 1px solid #eee; width: 706px; padding-left: 20px; min-height: 500px;}
.news .grid {padding-top: 50px; border-right: 1px solid #eee; padding-right: 20px; min-height: 580px; width: 208px;}
.news p,.news ul,.news ol {font-size: 20px; line-height: 25px; color: #000;}

.news table,.news td {font-size: 15px; color: #000; padding: 8px;}
.news .left h1 {font-size: 32px;  color: #666; font-weight: normal; margin-bottom: 0;}
.news .left h2 {font-size: 28px; padding: 0 0 5px 0; margin-bottom: 5px; text-transform: uppercase; line-height: 22px; text-shadow: none;}
.news .left ul {margin: 0; padding: 0 0 20px 10px; font-size: 16px; line-height: 17px;}
.news .left li {list-style: none; margin: 0; padding: 0 0 10px 0;}
.news .left li ul {padding: 0;}
.news .left li ul li {padding: 0; margin-left: 16px; font-size: 14px; line-height: 22px;}
.news .left ul li a img {border: 0;}
.news .left li a.active {text-decoration: underline;font-weight: bold;}
.news a,.news a:visited {color: #007aff;}
.news .news-date {font-weight: bold; float: left; width: 56px; margin: 0 20px 20px 0;}
.news .quote {
	background: transparent url(../images/quote-arrow-news.png) no-repeat left -1px; 
	font-size: 18px; 
	line-height: 22px; 
	margin: 0 30px 15px 30px; 
	text-indent: 0px; 
	color: #000;}
.news .quote-white {
	background: transparent url(../images/quote-arrow1.png) no-repeat left 3px; 
	font-size: 28px; 
	line-height: 35px; margin-bottom: 15px; 
	text-indent: 0px; 
	color: #fff;}
.news .quote a:link {font-size: 28px; line-height: 35px; margin-bottom: 15px; text-indent: 0px; color: #000;}
.news .quote a:hover {font-size: 28px; line-height: 35px; margin-bottom: 15px; text-indent: 0px; color: #007aff; text-decoration: underline;}
.news .quote a:active {background: transparent url(../images/quote-arrow.png) no-repeat left 3px; 
	font-size: 28px; 
	line-height: 35px; 
	margin-bottom: 15px; 
	text-indent: 0px; 
	color: #007aff; 
	text-decoration: underline;}
.news .quote a:visited {font-size: 28px; line-height: 35px; margin-bottom: 15px; text-indent: 0px; color: #000;}
.news .byline {font-size: 14px; line-height: 18px; text-indent: 0px; color: #000; text-align: right; margin: 0 30px 15px 30px;}
.news .caption p {font-size: 13px; line-height: 18px; margin: 10px 0; color: #000;}
.news .caption h2 {font-size: 18px; line-height: 24px; margin: 10px 0; color: #000; text-align: center;}
.news .news-date {font-weight: bold; position: absolute; width: 56px; margin: 0 20px 20px -76px;}
.news .news-date-day {background: #546c98; color: #ddd; text-align: center; font-size: 28px; padding: 2px 0; border-radius: 4px 4px 0 0;}
.news .news-date-month {background: #333; color: #999; text-align:center; text-transform: uppercase;font-size: 16px; padding: 4px 0; border-radius: 0 0 4px 4px;}
.news .newscenter-item {clear: left; margin-bottom: 40px; padding-bottom: 20px; padding-left: 76px; border-bottom: 1px solid #dedede; position: relative;}
.news .newscenter-item h3 {text-transform: none; margin-bottom: 5px;}
.news .newscenter-item h4 {font-size: 18px; margin-bottom: 10px; color: #666;}
.news .newscenter-item a,.news .newscenter-item a:link,.news .newscenter-item a:visited {color: #002b5d;}
.news .newscenter-image {float: left; margin: 0 20px 20px 0;}
.news .news-read-more {text-transform: uppercase;}
.news .infobox {padding: 15px 15px 5px 15px; margin-bottom: 15px; background-color: #007aff; color: #fff; -webkit-border-radius: 8px; border-radius: 8px;}
.news .infobox h2 {color: #fff; font-size: 24px; line-height: 26px; text-shadow: none;}
.news .infobox p {color: #fff;}
.news .infobox a:link {color: #fff; text-decoration: none;}
.news .infobox a:hover {color: #fff; text-decoration: underline;}
.news .infobox a:active {color: #fff; text-decoration: underline;}
.news .infobox .arrow {background: transparent url(../images/quote-arrow1.png) no-repeat left -2px; text-indent: 0px;}
.news .newscenter-detail-date {margin: 20px 0;}
.news .newscenter-detail h2 {padding-bottom: 10px;}
.news .news-see-more {border: 1px solid #ddd; padding: 10px; text-align: center; margin-bottom: 20px;}*/