/* NEWS */


/* Cards */
@media (min-width: 768px) and (max-width: 992px) {
	.cards .feature img {
  height: 350px !important;
}
}


.cards p {
	margin: 0
}

.cards .feature img {
    width: 100%;
	height: 250px;
    object-fit: cover
}

@media (max-width: 767px) {
	.cards .feature img {
		width: 100%;
		height: 300px;
		object-fit: cover;
	}
}
.cards .published {
	margin-top:0
}
.card-icon {
	margin-right: 3px
}
.cards h3 {
 font-weight: 300;
color: #003c3c !important;
 font-size: 22px;
 margin: 0;
}
.cards .text {
	padding: 20px 20px 70px 0
}
#blank {
	padding-left: 0
}
.web-link {
	color: #4CAD89 !important;
	text-decoration: none;
	font-weight: 300;
	font-size: 16px;
	padding-left: 10px;
}
.cards .btn {
  position: absolute;
  bottom: 25px;
  font-size: 75%
}
.cards p {
	font-size: 80%
}
.cards a {
  color: initial;
}
/*
.cards img {
	border-radius: 7px 7px 0 0
}
.cards .row > [class*="col-"] > div {
	border-radius: 0 0 7px 7px
}
*/

@media (min-width: 768px) {
.cards .row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
}
.cards .row > [class*="col-"] {
  display: flex;
  flex-direction: column;
  /*flex-grow: 1;*/
}
.cards .row > [class*="col-"] > div {
	flex: 1
}
}

.cards .padding, .windows .padding {
	padding: 5px
}
@media (min-width: 992px) {
.cards [class*="col-"]:first-child, .windows [class*="col-"]:first-child {
    padding-left: 0
}
.cards [class*="col-"]:last-child, .windows [class*="col-"]:last-child {
    padding-right: 0
}
}



/* Windows */

.windows img{
  object-fit: cover;
  width: 100%;
  height: 300px;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}
.windows .float {
	width: 80%;
}



/* Articles */

.posted-by {
    text-transform: uppercase;
	margin-top: 5px;
	margin-bottom: 0;
}
.posted-on {
    text-transform: uppercase;
	color: #555555
}



@media (max-width: 768px) {

	.articles.text-center {
		text-align: left;
	}
}







.news img {
object-fit: cover;
max-width: 30%;
max-height: 255px;
margin-top: 10px;
float: left;
margin-right: 3%;
margin-bottom: 10px;
}
@media (max-width: 768px) {
	.news img {
		max-width: 100%;
		width: 100%;
	}
	.title h1 {
		font-size: 25px
	}
}
.news h2 {
	font-size: 30px;
	margin-bottom: 10px;
}
.news-side a:link,
.news-side a:visited {
	color: #000000;
	text-decoration: underline;
	text-underline-position: under;
}
.news-title h1 {margin-bottom: 30px}




.articles .text {
	color: #FF0000
}

.articles h2 {
	font-size: 27px;
	margin-bottom: 10px;
}
.articles strong {
	margin-bottom: 3px;
}
.date img {
  margin-top: -10px;
  margin-right: 7px;
   width: 30px;
    height: 30px;
}
.latest .date img {
    width: 30px;
    height: 30px;
}
.latest .date {
 margin-bottom: 20px;
 font-weight: 600;
}
header .date {
text-transform: uppercase;
font-weight: 400;
letter-spacing: 1px;
font-size: 2vh;
margin-top: 1%;
}

.published {
text-transform: uppercase;
font-weight: 400;
letter-spacing: 1px;
color: #8e8e8e;
font-size: 14px;
}
.author {
	font-size: 14px
}