2023 Pink Design Trends: What's In and What's Out
2023 Pink Design Trends: What's In and What's Out
2023 Pink Design Trends: What's In and What's Out

Search site

<style>

/*==== Start Underline Grow hover====*/
.ba-menu3-underline ul li a {
   position: relative;}
/*==== Start Underline Center ====*/

.ba-menu23-underline nav ul li {
   position: relative;}
.ba-menu23-underline nav ul li a {
    position: relative;
   overflow: hidden;
   transition: all 0.3s;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -o-transition: all 0.3s;}
.ba-menu23-underline nav ul li a::after {
    content: "";
   position: absolute;
   z-index: 2;
   left: 51%;
   right: 51%;
   bottom: 0;
   background: #181818;
   height: 2px;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;}
.ba-menu23-underline nav ul li:hover a::after {
    left: 0;
   right: 0;}
.ba-menu23-underline nav ul.sub-menu li a::after {
 display: none }
  .bricks-nav-menu > .current-menu-item > a, .bricks-nav-menu > .current-menu-ancestor > a,  .bricks-nav-menu > .current-menu-parent > a{
  border:none!important}
/*==== End Underline Center ====*/

  /*==== Start Underline Grow current ====*/

.ba-menu23-underline  .current-menu-ancestor > a  {
   position: relative;
   overflow: hidden;
   transition: all 0.3s;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -o-transition: all 0.3s;}
.ba-menu23-underline  .current-menu-ancestor >  a::after {
     content: "";
   position: absolute;
   z-index: 2;
   left: inherit;
   right: 0%;
   bottom: 0;
   background: #181818;
   height: 2px;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;}

/*==== End Underline Center ====*/
  
.ba-menu23-submenu  ul.sub-menu {
      min-width: 180px!important;
  padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 6px!important;
  }
  
  .ba-menu23-submenu  .bricks-nav-menu .sub-menu .sub-menu{
  min-width: 180px!important;
  padding-top: 10px;
    padding-bottom: 10px; 
top: 0!important;
    margin-top: -7px!important;}
  
  /*========{{Mobile menu}}=============*/
  /*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
  .ba-menu5-underline .current-menu-ancestor > a::after{
  display: none}
  .ba-menu5-underline nav ul li:hover a::after{
 display: none}  }
  
  .sticky.slide-up {
    transform: translateY(-50%)!important;
}
</style>