/* sign up notice Style*/
#signup-notice {
  background-color: #000000;
  color: #ffffff;
}
#signup-dismiss{
  position: absolute;
  right: 1rem;
}
#signup-dismiss:hover {
  cursor: pointer;
}

/* Nav Style*/

.main-menu-link:hover::after {
  width: 100%;
  transition: 0.5s all ease !important;
}
.main-menu-link::after {
  content: " ";
  transition: 0.5s all ease !important;
  position: absolute;
  display: block;
  width: 0%;
  height: 2px;
  background-color: var(--main-color);
  right: 50%;
  transform: translateX(50%);
}


.header-menu-list {
  display: inline;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none;
}
.header-menu-list > li {
  display: inline;
}
.mobile-menu-active {
  left: 0 !important;
}
.mobile-menu {
  top: 0;
  left: -100%;
  height: 100%;
  z-index: 999;
}
.main-mobile-menu > ul {
  list-style: none;
}
.search-form-main {
  background-color: #f0f0f0;
}
.search-form-main > i {
  transform: rotateY(180deg);
}



/* Footer Style */
.newsletter {
    background: linear-gradient(
        to bottom,
        #ffffff 50%,
        #f0f0f0 50%
    );
}
.newsletter button:hover {
  background-color: black !important;
  color: white;
  border-color: #ffffff;
}
.newsletter>div {
  background-color: black;
}
footer {
  background-color: #f0f0f0;
}
.footer-links > ul > li > a:hover {
  color: black !important;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.social-icon {
  width: 40px;
  height: 40px;
  transition: 0.2s all ease !important;
}
.social-icon:hover {
  color: #ffffff !important;
  background-color: black !important;
  transition: 0.2s all ease !important;
}