HEX
Server: Apache
System: Linux scp1.abinfocom.com 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64
User: confeduphaar (1010)
PHP: 8.1.33
Disabled: exec,passthru,shell_exec,system
Upload Files
File: /home/confeduphaar/backip-old-files/media/astroid/assets/vendor/astroid/scss/_header.scss
.astroid-nav .megamenu-container a.nav-link.megamenu-title:hover {
   background-color: inherit !important;
   color: currentColor !important;
}

/* Header Section */
.astroid-header-section {
   width: 100%;
   left: 0;
   z-index: $header-section-zindex;

   /* Header Element */
   header {
      &.astroid-header:not(.astroid-header-sticky) {
         padding: $header-padding-y $header-padding-x;
         z-index: 1;
      }

      /* Stacked Header */
      &.header-stacked {
         position: fixed;
         top: 0;
         left: 0;
         height: 100%;
         width: 100%;
         display: none;
         background-color: $stacked-header-bg;
         z-index: $stacked-header-zindex;
      }
   }

   /* Sticky Header */
   .astroid-header-sticky {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      z-index: $sticky-header-zindex;
      -webkit-animation-duration: $sticky-header-animation-duration;
      animation-duration: $sticky-header-animation-duration;

      >div {
         padding-top: $sticky-header-padding-y;
         padding-bottom: $sticky-header-padding-y;
      }

      &.d-flex {
         -webkit-animation-name: slideInDown;
         animation-name: slideInDown;
      }

      .astroid-logo {
         .astroid-logo-default {
            display: none !important;
         }

         .astroid-logo-sticky {
            @include media-breakpoint-between(lg, xl) {
               display: block !important;
            }
         }
      }
   }

   // Stacked Header
   .astroid-stacked-seperated-header {
      .header-stacked-inner {
         padding: 20px 0;
      }
   }

   .header-left-section,
   .header-center-section,
   .header-right-section {
      &.flex-grow-1 {
         >div {
            width: max-content;
         }
      }
   }
}

header logo {
   align-self: center;
}

.astroid-logo {
   @include media-breakpoint-down(md) {
      .astroid-logo-default {
         display: none;
      }
   }

   img {
      max-width: $logo-max-width;
      max-height: $logo-max-height;
   }

   .astroid-logo-mobile {
      max-width: 100%;
      display: none;

      @include media-breakpoint-down(md) {
         display: block;
      }
   }

   .astroid-logo-sticky {
      display: none;
   }
}

.fixed-header {
   .astroid-logo {

      .astroid-logo-default,
      .astroid-logo-mobile {
         display: none;
      }

      .astroid-logo-sticky {
         display: block;
      }
   }
}

.astroid-stacked-seperated-header {
   .astroid-logo-image {
      img {
         margin: auto;
      }
   }
}

/* Sidebar Header */
.astroid-header {
   &.has-sidebar {
      position: fixed;
      width: $sidebar-header-width;
      top: 0;
      height: 100%;
      z-index: 1;
      transition: .1s linear all;
      box-shadow: $sidebar-header-shadow;

      @media(max-width: 1200px) {
         width: $sidebar-header-mini-width;
      }

      &.sidebar-dir-left {
         left: 0 !important;
         right: auto !important;
      }

      &.sidebar-dir-right {
         right: 0 !important;
         left: auto !important;
      }

      >.container {
         height: 100%;

         >.row {
            height: 100%;

            .astroid-column {
               >div {
                  height: 100%;
               }
            }
         }
      }

      .astroid-sidebar-logo {
         margin: 15px 0;
      }

      .astroid-logo {
         margin: 0 auto !important;
         justify-content: center;
      }

      .astroid-sidebar-mobile-menu {
         display: none;
      }

      .astroid-sidebar-block {
         padding: 10px 15px;
      }
   }

   @media (min-width: 1200px) {
      .astroid-sidebar-content {
         display: flex;
         flex-direction: column;
      }

      .astroid-sidebar-block {
         &:not(.astroid-sidebar-block-1) {
            margin-top: auto;
         }
      }

      .astroid-sidebar-block-1 {
         margin-bottom: auto;
      }
   }

   @media (max-width: 1200px) {
      &.has-sidebar {
         display: block;
         width: 100%;
         position: relative;
         padding: 15px 0;

         .astroid-sidebar-mobile-menu {
            display: block;
         }

         .astroid-sidebar-logo {
            display: flex;
            padding: 0 15px;
            align-items: center;
         }
      }
   }

   .dropdown-menus {
      max-width: $sidebar-header-width;
   }

   .astroid-sidebar-content {
      overflow-y: auto;
   }

   .astroid-sidebar-collapsable {
      padding: 1rem;
      font-size: 24px;
      justify-content: flex-end;
      cursor: pointer;
      display: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;

      >i {
         width: 22px;
         text-align: center;
         display: block;

         &:before {
            content: "\f0c9";
         }
      }
   }

   @media(max-width: 1200px) {
      .astroid-sidebar-content {
         >div.astroid-sidebar-menu {
            display: none;
         }

         >div.astroid-sidebar-block {
            display: none;
         }
      }

      &.expanded {
         width: $sidebar-header-width !important;
         -webkit-transition: .1s linear all;
         -moz-transition: .1s linear all;
         -ms-transition: .1s linear all;
         -o-transition: .1s linear all;
         transition: .1s linear all;

         .astroid-sidebar-collapsable {
            >i {
               &:before {
                  content: "\f00d";
               }
            }
         }

         .astroid-sidebar-logo {
            display: block;
         }

         .astroid-sidebar-content>div.astroid-sidebar-menu {
            display: block;
         }

         .astroid-sidebar-content>div.astroid-sidebar-block {
            display: block;
         }
      }
   }
}

@media (min-width:1201px) {
   body.header-sidebar-left {
      margin-left: $sidebar-header-width;
   }

   body.header-sidebar-right {
      margin-right: $sidebar-header-width;
   }
}