/* .notif-bar-alert-plugin-show {
    padding-top: 50px;
  }
  @media (max-width: 1024px) {
    .notif-bar-alert-plugin-show {
      padding-top: 50px;
    }
  }
  .notif-bar-alert-plugin-show .main-nav {
    margin-top: 50px;
  }
  @media (max-width: 1024px) {
    .notif-bar-alert-plugin-show .main-nav {
      margin-top: 50px;
    }
  }
  .notif-bar-alert-plugin-show .menu-inner {
    margin-top: 50px;
  }
  @media (max-width: 1024px) {
    .notif-bar-alert-plugin-show .menu-inner {
      margin-top: 50px;
    }
  }
  .notif-bar-alert-plugin-show .show-menu .menu-inner::before {
    margin-top: 50px;
  }
  @media (max-width: 1024px) {
    .notif-bar-alert-plugin-show .show-menu .menu-inner::before {
      margin-top: 50px;
    }
  }
   */

   .alerts-bar-wp-content{
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  
    .notif-bar-alert-plugin {
      background-color: red;
      width: 100%;
      height: 50px;
      z-index: 999;
    }
    @media (max-width: 1024px) {
      .notif-bar-alert-plugin {
        height: 50px;
      }
    }
    .notif-bar-alert-plugin .notif-bar-alert-plugin-text {
      color: #000;
      padding-left: 100px;
      padding-right: 100px;
      width: 100%;
      max-height: 50px;
      overflow: hidden;
      font-size: 15px;
      font-size: 1.5rem;
      text-align: center;
    }
    @media (max-width: 1024px) {
      .notif-bar-alert-plugin .notif-bar-alert-plugin-text {
        padding-left: 50px;
        padding-right: 50px;
      }
    }
    @media (max-width: 767px) {
      .notif-bar-alert-plugin .notif-bar-alert-plugin-text {
        padding-left: 20px;
        padding-right: 25px;
      }
    }
    .notif-bar-alert-plugin p {
      margin-top: 5px;
      margin-bottom: 5px;
      color: #000;
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 1;
    }
    .notif-bar-alert-plugin a {
      color: #000;
      text-decoration: underline;
      font-weight: 500;
    }
    .notif-bar-alert-plugin i {
      color: #000;
    }
    @media (max-width: 1024px) {
      .notif-bar-alert-plugin i {
        display: none;
      }
    }
    
    .wp-notif-close-alert-plugin {
      position: relative;
      height: 23px;
      width: 23px;
      border-radius: 100%;
      right: 5%;
    }
    @media (max-width: 1024px) {
      .wp-notif-close-alert-plugin {
        right: 20px;
      }
    }
    @media (max-width: 767px) {
      .wp-notif-close-alert-plugin {
        right: 5px;
      }
    }
    
    .wp-notif-close-alert-plugin-close-icon {
      display: inline-block;
      position: relative;
      vertical-align: top;
      height: 23px;
      width: 23px;
    }
    .wp-notif-close-alert-plugin-close-icon:after, .wp-notif-close-alert-plugin-close-icon:before {
      content: "";
      display: block;
      height: 2px;
      width: 70%;
      background-color: #000;
      top: 50%;
      left: 15%;
      position: absolute;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      margin-top: -1px;
    }
    .wp-notif-close-alert-plugin-close-icon:after {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
    }
    
    .wp-notif-close-alert-plugin:hover {
      cursor: pointer;
    }
    
    .noti-bar-show .nav-main {
      top: 50px;
    }
    .noti-bar-show.nav-show .nav-main {
      top: 0px;
    }
  
  
    .wp-alert{
      display: flex;
      align-items: center;
      height: 100%;    
    }