.my-h2h-class {
    list-style: none;
    margin: 0;
    padding: 0;
}

.my-h2h-class li {
    margin: 0;
	border-bottom: 1px solid #EFF0F1;
}

.my-h2h-class a {
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    padding: 10px;
    transition: background 0.3s;
	font-weight:600;
	    align-items: center;
	font-family: Open Sans;
font-weight: 700!important;
font-size: 16px!important;
line-height: 150%!important;
letter-spacing: 0px;

}

.my-h2h-class .current-menu-item > a {

   font-family: Open Sans;
font-weight: 700!important;
font-size: 16px!important;
line-height: 150%!important;
letter-spacing: 0px!important;

}


.current-menu-item {
    color: #0073aa;
    font-weight: 800;
}
.my-h2h-class .sub-menu {
     max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
	line-height:120%;
	    padding-left: 1rem!important;
}

.no-post a
{
	font-weight:400;
	line-height:120%;
}

.my-h2h-class .menu-item.active > .sub-menu {
    max-height: 1000px; 
}
.my-h2h-class .menu-item-has-children > .sub-menu {
  display: none;
}

.my-h2h-class .menu-item-has-children.active > .sub-menu {
  display: block;
}

.my-h2h-class .menu-item-has-children > a::after {
    content: url('/wp-content/uploads/2025/06/arrow-down.png');
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
}

.my-h2h-class .menu-item-has-children.active > a::after,
.my-h2h-class .current-menu-parent > a::after,
.my-h2h-class .current-menu-ancestor > a::after {
   content: url('/wp-content/uploads/2025/06/arrow-up.png');
}
.my-h2h-class .menu-item-has-children.active
{
	  background: linear-gradient(to bottom, #007AA4 50%, #fff 50%);
border-radius: 8px;

}

.my-h2h-class .menu-item-has-children.active > .sub-menu
{
background: #EFF0F1;
	border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
}

.my-h2h-class .menu-item-has-children.active > .sub-menu a
{
		font-family: Open Sans;
font-weight: 600;
font-size: 16px;
line-height: 150%;
letter-spacing: 0px;
	color:#000!important;

}
.my-h2h-class .menu-item-has-children.active > .sub-menu .current-menu-item a
{
	    color: #007AA4!important;

}
.sub-menu li a:hover{
	font-weight: 800;
}
.my-h2h-class .menu-item-has-children.active a
{
	color:#fff!important;
}

.sub-menu li a{
	font-weight:400!important;
}


.sub-menu li 
{
	list-style:none;
	border-bottom:none;
}


.h2h-listing{
  position: sticky;
  top: 100px; 
  align-self: start;

}

.article-nav
{
	border: 1px solid #EFF0F1;
	box-shadow: 0px 2px 4px #0000001A;
border-radius: 18px;
padding: 16px;
		    margin-top: 20px;
	margin-bottom:20px;
	margin-left:2px;
}


.my-h2h-class li:last-child
{
	border-bottom:none;
}

.sub-menu li.active a
{
	background: #EFF0F1!important;
}

.sub-category a.active::after
{
	transform: rotate(180deg)!important;
}
.sub-category a::after{
	  content: url(/wp-content/uploads/2025/06/arrow-down.png);
}

.my-h2h-class .menu-item-has-children .sub-category.active a::after
{
	 content: url(https://mercans.com/wp-content/uploads/2025/06/daqrk-icon.png);
}

.sub-category .sub-menu a::after
{
	 content:''!important;
}

@media only screen and (max-width: 992px) {
 

  .article-nav {
    display: none;
	      margin-top:0px!important;
  }

  .article-nav.active {
    display: block;
  }
	
	.h2h-listing
	{
		width:100%;
	}
	
	
	.my-h2h-class .menu-item-has-children.active
	{
		background:#E6F2F6 !important;
	}
	
	.my-h2h-class .menu-item-has-children.active a
	{
		color:#007AA4 !important;
	}
	
	.my-h2h-class .menu-item-has-children > a::after
	{
		    content: url(/wp-content/uploads/2025/06/daqrk-icon.png)!important;
	}
	.my-h2h-class .menu-item-has-children.active > .sub-menu
	{
		background:#fff!important;
		border-radius:8px;
	}
	
	.sub-menu li.active a
	{
		background:#fff!important;
	}
	
	.h2h-listing{
   position: static;

}
}