/* begin:Custom CSS */

#masthead {
	border-bottom: 2px dashed #000;
}

@media only screen and (min-width: 850px) {
	.mega-menu-top ul.sub-menu {
		width: 550px;
		display: flex;
		flex-wrap: wrap;
		border-radius: 10px;
	}
	.mega-menu-top ul.sub-menu > li a {
		border-bottom: unset;
		font-size: 14px;
	}
	.mega-menu-top ul.sub-menu > li {
		width: 33.33%;
		border-left: 1px dashed #ececec;
		border-bottom: 1px dashed #ececec;
	}

  #masthead .mega-menu-top ul.sub-menu > li:hover {
		background-color: #07beb8 !important;
	}

	#masthead .mega-menu-top ul.sub-menu > li.active {
		background-color: #07beb8 !important;
	}

  #masthead .mega-menu-top ul.sub-menu > li:hover a {
    color: white !important;
    font-weight: bold;
	}

	#masthead .mega-menu-top ul.sub-menu > li.active a {
    color: white !important;
    font-weight: bold;
	}
  
  #masthead ul.header-nav > li.active.menu-item > a
  {
    color: #07beb8 !important;
    font-weight: bold !important;
  }

  #masthead ul.header-nav > li.menu-item:hover > a
  {
    color: #07beb8 !important;
  }
}

.UX__footerMenu a {
  padding: 3px 10px;
  border-radius: 3px;
}

/* Add hover effect to some element */
.UX__footerMenu a:hover,
.TCC__item:hover,
.comic__pagination a:hover
{
  background-color: #07beb8 !important;
  color: white !important;
}

h3.comic__textTitle:hover
{
  color: #07beb8 !important;
}



/* end:Custom CSS */

.comic__hoverEffect {
	background-color: #07beb8 !important;
	color: white !important;
}

.comic__textDescription {
  font-size: 12px !important;
  color: #9fa2a8 !important;
  /* font-weight: 500 !important; */
}

.comic__textTitle {
  font-size: 16px !important;
  font-weight: bold !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 8px 0;
}

.comic__imageLoadingEffect {
  filter: blur(5px);
  -webkit-filter: blur(5px);
  background-color: #303133;
  background-size: cover;
  background-position: center;
  pointer-events: none;
}

.comic__pagination {
  margin-top: 50px;
}

.comic__pagination > span:not(.dots) {
  background-color: #303133;
  color: white;
  font-weight: bold;
}

.comic__pagination > *:not(.dots) {
  padding: 10px 20px;
  border-radius: 99px;
  background-color: white;
  border: 1px solid #e1e2e6;
}

.comic__textSingleLine {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.comic__Uppercase {
  text-transform: uppercase !important;
}