
/* Wordpress Article */

.articleimg-wrapper {
    max-width: 100%!important;
}

.articleBackground {
	position: absolute;
	padding: 0px;
	height: 400px;
	width: 100%;
	top: 90px;
    background-color: #154992;
    z-index: -1;
    border-bottom: 10px solid #ececec;
}

.articleImage {
    box-shadow: 0px -5px 4px rgba(0, 0, 0, 0.15);
    object-fit: cover;
    border-top: 10px solid #ececec;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.articleImage > img {
    width: 100%;
    height: 490px;
    object-fit: cover;
}

.articleImage  a > img {
    width: 100%;
    height: 490px;
    object-fit: cover;
}

.articleBody {
    width: 50%;
    margin-top: 40px;
    padding: 0 20px 0 20px;
    float: left;
}

.newsbreadcrumb {
	color: rgba(255, 255, 255, 1)!important;
}

.newsbreadcrumb:hover {
    color: rgb(247, 148, 29)!important;
}

.articledate {
    color: rgb(247, 148, 29)!important;
}

.wp-block-image figcaption {
    margin-bottom: 10px; 
    padding: 10px 20px 0px 20px;
    font-size: 14px;
}

/* Woredpress Article list */

.articleListBox {
	height: 150px!important;
	max-width: 250px!important;
	background-color: rgb(187, 187, 187);
	margin: 0px 0px 0px 0px;
	padding: 0px;
	object-fit: cover;
	box-shadow: 0px 0px 2px rgba(120,120,120,0.6);
	display: flex;
	border: 0;
}
.pressbox > .divider:nth-last-child(1) {
	display: none;
}
.more-articles > .divider:nth-last-child(1) {
	display: none;
}

.article-text > ol {
	padding-left: 50px;
}

.articleBody p {
	padding-right: 3rem;
}

.articleBody a:hover{
	text-decoration: none;
}

.article-title {
	font-size: 2rem;
}

@media (min-width: 576px){
    .articleImage > img {
        width: 100%;
        height: 490px;
        object-fit: cover;
        object-position: 40% 0%;
    }
    .articleimg-wrapper {
        width: 100%;
    }
    .articleBackground {
        position: absolute;
        padding: 0px;
        height: 600px;
        width: 100%;
        top: 90px;
        background-color: #154992;
        z-index: -1;
        border-bottom: 10px solid #ececec;
    }
}

@media (min-width: 768px){
    .articleImage > img {
        width: 100%;
        height: 490px;
        object-fit: cover;
        object-position: 40% 0%;
    }
}

@media (min-width: 992px){
    .articleImage > img {
        width: 100%;
        height: 490px;
        object-fit: cover;
        object-position: 40% 0%;
    }
    .articleimg-wrapper {
        max-width: 960px!important;
    }
    .articleImage {
        box-shadow: 0px -5px 4px rgba(0, 0, 0, 0.15);
        object-fit: cover;
        border-top: 0px solid #ececec;
    }
    .article-title {
		font-size: 2.5rem;
		padding-right: 15%;
	}	
}

@media (min-width: 1200px){
    .articleImage > img {
        width: 100%;
        height: 490px;
        object-fit: cover;
        object-position: 40% 0%;
    }
    .articleimg-wrapper {
        max-width: 1140px!important;
    }
    .article-title {
		font-size: 2.8rem;
		padding-right: 25%;
	}	
}
