/* BLOCK VIEW (block.html.twig) */
#mx_news_block {
	display: flex;
    flex-wrap: wrap-reverse; 
    gap: 30px;
}

.mx_news_block_item {
flex-grow: 1;
flex-shrink: 1;
flex-basis: 225px;
max-width: 680px;
}

.mx_news_block_item h2,
.mx_news_block_item h3,
.mx_news_block_item p {
	margin: 0;
	padding: 0;
}

.mx_news_block_item h2 {
padding-bottom: 5px;
}

.mx_news_block_item em {
color: #8C8C8C;
}

.mx_news_block_item p a {
white-space: nowrap;
}

ul.mx_news_block_categories {
list-style-type: none;
margin: 0;
padding: 0;
}

ul.mx_news_block_categories li {
display: inline-block;
padding-right: 20px;
}

.mx_news_block_image {
position: relative;
}

.mx_news_block_image img {
	display: block;
    width: 100%;
    height: auto;
    border-radius: 25px 0 25px 0;
}

.mx_news_block_content {
	padding-top :20px;
}

/* CATEGORY VIEW (category.html.twig) */
.mx_news_category_item {
	display: flex;
	width: 100%;
	padding-bottom: 35px;
		overflow:hidden;
        flex-wrap: wrap;
}


.mx_news_category_item p,
.mx_news_category_item h2,
.mx_news_category_item h3{
	margin: 0;
	padding: 0;
}

.mx_news_category_image {
	width: 27%;
	background-size:cover;
	background-position:center center;
	border-top: solid 100px #1C211D;
	position:relative;
}

.mx_news_category_image a {
	display:block;
	height:100%;
}

.mx_news_category_date {
position:absolute;
width:100%;
top:-100px;
left:0;
text-align:center;
color:#FFFFFF;
background-color:var(--primary-color);
font-family: var(--body-font);
padding:10px 10px 15px 10px;
text-transform:uppercase;
line-height:24px;
}

.mx_news_category_date i {
    font-size: 24px;
}

.mx_news_category_item:nth-of-type(2n) .mx_news_category_date {
    background-color: var(--second-color);
}

.mx_news_category_item:nth-of-type(3n) .mx_news_category_date {
    background-color: var(--third-color)
}

.mx_news_category_item:nth-of-type(4n) .mx_news_category_date {
    background-color: var(--fourth-color);
}


.mx_news_category_content {
	width: 73%;
	padding-top: 60px;
	padding-left:45px;
	padding-right:45px;
background-color: var(--bg-color);
position: relative;
padding-bottom: 60px;
}

.mx_news_category_content.bevel,
.mx_news_category_content.bevel:after,
.mx_news_category_content.bevel:before {
  border-color: #E6EEF1;
}

.mx_news_category_content .button {
	position:absolute;
	right:15px;
	bottom:0;
}

@media screen and (max-width: 1124px) {
	
.mx_news_category_image {
width:35%;
}
	
.mx_news_category_content {
	padding-left:25px;
	padding-right:25px;
width:65%;
}

}

@media screen and (max-width: 1023px) {
	
.mx_news_category_image {
width:40%;
}
	
.mx_news_category_content {
width:60%;
}

}

@media screen and (max-width: 800px) {
	
.mx_news_category_image {
width:100%;
height: calc(60vw + 100px);
border-top:0;
border-bottom: solid 100px #1C211D;
}
	
.mx_news_category_content {
width:100%;
padding-top: 35px;
}

.mx_news_category_date {
top:inherit;
bottom:-100px;
}

}

/* ITEM VIEW (item.html.twig) */
#mx_news_item {
	max-width: 860px;
    margin: 0 auto;
    padding: 0 30px;
}

.mx_news_item_header {
    padding: 0 30px;
    text-align: center;
}

ul.mx_news_item_categories {
list-style-type: none;
margin: 0;
padding: 0;
}

ul.mx_news_item_categories li {
display: inline-block;
padding: 0 10px;
}

.mx_news_item_main_image {
    padding: 35px 0;
}

.mx_news_item_main_image img {
	display: block;
 border-radius: 25px 0 25px 0;
}

.mx_news_item_content {
    padding: 0 30px;
}

.mx_news_item_footer {
    padding: 0 30px;
}

.mx_news_item_images {
    display: flex;
    flex-wrap: wrap;
    gap:15px;
    padding: 30px 0;
}

.mx_news_item_image  {
width: 250px;
  flex-grow: 1;
}

.mx_news_item_image img {
    display: block;
    width: 100%;
    height: auto;
   border-radius: 25px 0 25px 0;
}