Your IP : 216.73.216.84
.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;
background-color: var(--as-header-bg);
/* Header Element */
header {
&.astroid-header:not(.astroid-header-sticky) {
padding: $header-padding-y $header-padding-x;
z-index: 1;
}
&.astroid-stacked-divided-header:not(.astroid-header-sticky) {
padding: 0;
.as-megamenu-section {
border-top: 1px solid var(--bs-border-color);
.megamenu-container {
margin-top: -1px;
}
}
}
/* 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;
}
/* Divided left Header */
&.astroid-stacked-divided-logo-left-header:not(.astroid-header-sticky) {
padding: 0;
.divided-menu-block {
flex: auto;
display: flex;
flex-direction: column;
> div {
padding-left: 40px;
padding-right: 40px;
}
}
.header-block-items {
> div > div {
padding-top: 0.7rem;
padding-bottom: 0.7rem;
}
}
}
.header-block-item {
margin-left: -20px;
> div {
padding-left: 20px;
}
}
}
/* Sticky Header */
.astroid-header-sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: var(--as-stick-header-bg-color);
-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:not([hidden]) {
@include media-breakpoint-up(md) {
display: block !important;
&.dark {
display: none !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-wrapper {
align-self: center;
.site-tagline {
font-size: 0.8rem;
margin: 0;
line-height: 1;
}
}
.astroid-logo {
@include media-breakpoint-down(md) {
.astroid-logo-default {
display: none !important;
&.dark {
display: none !important;
}
}
}
.astroid-logo-default, .astroid-logo-mobile, .astroid-logo-sticky {
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;
}
}
.astroid-logo-default {
&.dark {
display: none;
}
}
@include color-mode(dark) {
.astroid-header-section {
.astroid-header-sticky {
.astroid-logo {
.astroid-logo-sticky:not([hidden]) {
@include media-breakpoint-up(md) {
display: none !important;
&.dark {
display: block !important;
}
}
}
}
}
}
.astroid-logo-mobile {
@include media-breakpoint-down(md) {
display: none !important;
&.dark {
display: block !important;
}
}
}
.astroid-logo-default {
display: none;
&.dark {
display: block;
}
}
}
.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;
}
}
}
.divided-logo-left.g-0 {
@media (max-width: 1200px) {
margin-left: 0;
margin-right: 0;
> div {
padding-left: 0;
padding-right: 0;
}
}
}
/* Sidebar Header */
.astroid-header {
color: var(--as-header-text-color);
h1,h2,h3,h4,h5,h6,.megamenu-container .item-link-heading {
color: var(--as-header-heading-color);
}
a {
color: var(--as-header-link-color);
&:hover {
--as-header-link-color: var(--as-header-link-hover-color);
}
}
&.has-sidebar {
z-index: 1;
transition: .1s linear all;
&.sidebar-dir-left {
border-right: 1px solid var(--bs-border-color);
@media (max-width: 1200px) {
border-right: none;
}
}
&.sidebar-dir-right {
border-left: 1px solid var(--bs-border-color);
@media (max-width: 1200px) {
border-left: none;
}
}
> .astroid-sidebar-content {
min-height: 100vh;
@include media-breakpoint-up(xl) {
width: $sidebar-header-width;
}
@media (max-width: 1200px) {
min-height: auto;
}
}
>.container {
height: 100%;
>.row {
height: 100%;
.astroid-column {
>div {
height: 100%;
}
}
}
}
.astroid-logo {
margin: 0 auto !important;
}
.astroid-sidebar-mobile-menu {
display: none;
}
}
@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 {
.astroid-sidebar-content {
display: block;
width: 100%;
position: relative;
padding: 15px 20px;
}
.astroid-sidebar-mobile-menu {
display: block;
margin-right: 20px;
}
.astroid-sidebar-logo {
display: flex;
align-items: center;
}
}
}
.dropdown-menus {
max-width: $sidebar-header-width;
}
.astroid-sidebar-content {
background-color: var(--as-header-bg);
> * {
background-color: var(--as-header-bg);
}
overflow-y: auto;
@media(min-width: 1200px) {
padding: 20px;
}
@media(min-width: 1400px) {
padding: 30px;
}
}
.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-wrap {
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;
}
}
}
}
.astroid-header-sidebar-topbar {
.astroid-sidebar-header-topbar {
background-color: var(--as-header-bg);
position: sticky;
top: 0;
z-index: 1021;
padding: 15px 20px;
border-bottom: 1px solid var(--bs-border-color);
@media (max-width: 1200px) {
position: relative;
}
@media (min-width: 1400px) {
padding: 15px 30px;
}
.astroid-sidebar-mobile-menu {
display: none;
@media (max-width: 1200px) {
display: block;
margin-right: 20px;
}
}
}
.astroid-sidebar-content {
@media (max-width: 1200px) {
display: none !important;
}
}
}