.header__main-menu__container {
	position:relative
}
.main-menu {
	list-style:none;
	display:flex;
	gap:4vw;
	justify-content:center;
	width:fit-content;
	margin: auto;
	padding: 0
}
.menu-item.has-children {
	position:relative
}
.submenu {
	display:none;
	position:absolute;
	width:95vw;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	z-index:100;
	box-sizing:border-box
}
.menu-item:hover .submenu {
	display:flex;
	gap:20px;
	flex-wrap:wrap;
	z-index: 99999
}
.submenu.has-children {
	padding-bottom:0;
	left:0
}
.children-menu,
.post-list {
	list-style:none;
	margin:0;
	padding:0
}
.children-menu {
	flex:1
}
.children-menu li,
.post-list li {
	margin-bottom:10px
}
.post-list,
.post-list li {
	flex:2
}
.children-menu a,
.post-list a {
	text-decoration:none;
	color:#333
}
.children-menu a:hover,
.post-list a:hover {
	color:#f70d28
}
.main-menu .menu-item>a {
	font-family:"Merriweather";
	font-size:15px;
	font-weight:600;
	color:#000
}
.main-menu .menu-item:hover>a {
	color:#f70d28
}
.main-menu .submenu .post-thumbnail img {
	width:100%;
	aspect-ratio:16/9;
	object-fit:cover
}
.main-menu .menu-item.has-children>a {
	padding:2px 0 2px 10px;
	color:#FFF;
	background-color:#9fa1a4;
	border-radius:5px;
	display:flex;
	justify-content:center;
	align-items:center
}
.main-menu .menu-item.has-children>a::after {
	content:"";
	background:url('/wp-content/themes/operamundi-theme/assets/images/icons/chevron-down-white.svg') no-repeat center;
	display:inline-block;
	background-size:contain;
	width:10px;
	height:10px;
	margin:0 5px
}
.main-menu .submenu.has-children {
	width:max-content;
	box-sizing:border-box;
    background: #FFF;
    padding:10px
}
.main-menu .submenu .menu-child-item {
	width:100%;
	font-family:"Work Sans",Helvetica,Arial,sans-serif;
	font-size:13px;
	font-weight:400
}
.main-menu .submenu.has-children .menu-child-item:not(:last-child) {
	border-bottom:solid 1px #f70d28;
	padding-bottom:10px
}
.main-menu .submenu .post-list {
	display:flex;
	gap: 20px;
	padding: 20px;
	margin-top: 10px;
	background:white;
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,.1),0 20px 40px rgba(0,0,0,.18);
	box-shadow: 0 0 2px rgba(0,0,0,.1),0 20px 40px rgba(0,0,0,.18);
}
.main-menu .submenu .post-list li{
	margin-bottom: 0;
}
.main-menu .menu-item .post-list p {
	line-height:1.2;
	font-size:14px
}
@media (max-width:1024px) {
	.main-menu {
		display:none
	}
}
@media (max-width:1220px) {
	.main-menu {
		gap:1.5vw !important
	}
}