/* 202602 */

/*
HEADER SECTION
*/

.icon-edit, .btn.btn-small.btn-info, .float-end, .jmodedit {
	display: none !important;
}

.category-name {
	display: none !important;
}

.footer-section .logo-wrapper {
	display: none !important;
}

h1 {
	font-size: 24px !important; 
	font-weight: 700 !important;
	margin-top: 25px !important;
}

@media (max-width: 768px) {
	h1 {
		font-size: 22px !important; 
		font-weight: 700 !important;
	}
}

.spacer-10 {
	height: 10px; 
}

.spacer-50 {
	height: 50px; 
}

.spacer-100 {
	height: 100px; 
}

.spacer-200 {
	height: 200px;
}

.spacer-350 {
	height: 350px; 
}

.spacer-500 {
	height: 500px; 
}

@media (max-width: 768px) {
	.spacer-200 {
		height: 100px; 
	}
	.spacer-500 {
		height: 200px; 
	}
}

.mobile-break {
  display: none; 
}

@media (max-width: 768px) {
  .mobile-break {
	display: inline !important; 
  }
}

html, body {
	height: 100%; 
}

.home-alias .header-left-section {
	// visibility: hidden !important;
}

ul.fields-container {
	list-style: none;
	padding-left: 0;
}

@media (max-width: 991.98px) {
	.astroid-nav-wraper {
		display: block !important;
	}
}

@media (max-width: 992px) {
	.astroid-nav-wraper ul {
		display: flex !important;
		flex-basis: auto;
	}
}

.astroid-article-pageheading {
	display: none; 
}

.logo-wrapper .site-title {
	text-decoration: none; 
}

.mod-astroid-menu .nav-item .nav-link {
	color: #000000; 
	transition: color 0.3s ease; 
}

.mod-astroid-menu .nav-item .nav-link:hover {
	color: #ffffff;
}

.com-users-logout__form .btn.as-menu-item {
	// background-color: white;
	font-weight: 500; 
}

.mod-astroid-menu .com-users-logout__form .btn-primary {
	color: #000000; 
	transition: color 0.3s ease, background-color 0.3s ease;
}

.mod-astroid-menu .com-users-logout__form .btn-primary:hover {
	color: #ffffff;
}

.astroid-container {
	padding-top: 50px; 
}

.astroid-component-section {
	padding: 50px 0;
}

@media (max-width: 768px) {
	.astroid-container {
		padding-top: 10px;
	}
	.astroid-component-section {
		padding: 25px 0 !important;
	}
}


/* header menu 

 */

.astroid-nav li {
	display: flex;
	align-items: center;
}

.menu-username {
	color: grey;
	font-style: italic;
	margin-right: 4px;
}

.menu-username-link {
	text-decoration: none;
	transition: color 0.3s ease; 
}

.menu-username-link:hover {
	color: #28a745; 
	text-decoration: none;
}

.menu-username-colon {
	color: grey;
	font-style: italic;
}

@media (max-width: 768px) {
	.menu-username-link {
		color: black;
		margin-right: 12px;
	}
	
	.menu-username-link:hover {
		color: #28a745 !important;
	}
	
	nav[aria-label="horizontal menu"] .menu-username-colon,
	nav[aria-label="sticky menu"] .menu-username-colon {
		display: none !important;
	}
}

.title-suffix {
	color: grey;
	font-style: italic;
	font-weight: 600;
	margin-left: 15px;
}

.title-username {
	color: black;
	font-style: italic;
	font-weight: 600;
	margin-left: 1px;
}


/* offcanvas styles 

 */

.astroid-sidebar-menu {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); 
	gap: 10px; 
}

.astroid-sidebar-menu .nav-item {
	text-align: center; 
}

.astroid-sidebar-menu .nav-item .nav-item-inner {
	padding: 5px;
}

.astroid-offcanvas-inner > div:first-child {
	flex-shrink: 0; 
}

.astroid-offcanvas-inner > div:last-child {
	flex-grow: 1 !important; 
	display: flex !important; 
	flex-direction: column !important; 
}

#offcanvas_editor_form {
	flex-grow: 1 !important; 
	display: flex !important;
	flex-direction: column !important;
	position: relative !important; 
}

#offcanvas_editor_form .tox {
	flex-grow: 1 !important; 
	height: 100% !important; 
}

#offcanvas_editor_form .tox-edit-area {
	flex-grow: 1 !important; 
	height: 100% !important; 
}

.astroid-offcanvas-inner {
	display: flex !important;
	flex-direction: column;
	height: calc(100dvh - 70px - env(safe-area-inset-bottom, 0)) !important; 
}

@media (min-width: 1401px) {
	nav[aria-label="horizontal menu"],
	nav[aria-label="sticky menu"] {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
	nav[aria-label="horizontal menu"] ul.nav.astroid-nav,
	nav[aria-label="sticky menu"] ul.nav.astroid-nav {
		display: flex !important;
		flex-wrap: wrap;
		justify-content: center;
	}
	nav[aria-label="horizontal menu"] ul.nav.astroid-nav li:nth-child(-n+8),
	nav[aria-label="sticky menu"] ul.nav.astroid-nav li:nth-child(-n+8) {
		display: block !important;
	}
	nav[aria-label="horizontal menu"] ul.nav.astroid-nav li:nth-child(-n+8) a,
	nav[aria-label="sticky menu"] ul.nav.astroid-nav li:nth-child(-n+8) a {
		display: inline !important;
	}
	nav[aria-label="horizontal menu"] ul.nav.astroid-nav li:nth-child(-n+8) a span,
	nav[aria-label="sticky menu"] ul.nav.astroid-nav li:nth-child(-n+8) a span {
		display: inline !important;
	}
	nav[aria-label="horizontal menu"] ul.nav.astroid-nav li:nth-child(n+9),
	nav[aria-label="sticky menu"] ul.nav.astroid-nav li:nth-child(n+9) {
		display: none !important;
	}
}

@media (max-width: 1400px) {
	nav[aria-label="horizontal menu"],
	nav[aria-label="sticky menu"] {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
	nav[aria-label="horizontal menu"] ul.nav.astroid-nav,
	nav[aria-label="sticky menu"] ul.nav.astroid-nav {
		display: flex !important;
		flex-wrap: wrap;
		justify-content: center;
	}
	nav[aria-label="horizontal menu"] ul.nav.astroid-nav li:nth-child(-n+7),
	nav[aria-label="sticky menu"] ul.nav.astroid-nav li:nth-child(-n+7) {
		display: block !important;
	}
	nav[aria-label="horizontal menu"] ul.nav.astroid-nav li:nth-child(-n+7) a,
	nav[aria-label="sticky menu"] ul.nav.astroid-nav li:nth-child(-n+7) a {
		display: inline !important;
	}
	nav[aria-label="horizontal menu"] ul.nav.astroid-nav li:nth-child(-n+7) a span,
	nav[aria-label="sticky menu"] ul.nav.astroid-nav li:nth-child(-n+7) a span {
		display: inline !important;
	}
	nav[aria-label="horizontal menu"] ul.nav.astroid-nav li:nth-child(n+8),
	nav[aria-label="sticky menu"] ul.nav.astroid-nav li:nth-child(n+8) {
		display: none !important;
	}
}

@media (max-width: 1200px) {
	nav[aria-label="horizontal menu"],
	nav[aria-label="sticky menu"] {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
	nav[aria-label="horizontal menu"] ul.nav.astroid-nav,
	nav[aria-label="sticky menu"] ul.nav.astroid-nav {
		display: flex !important;
		flex-wrap: wrap;
		justify-content: center;
	}
	nav[aria-label="horizontal menu"] ul.nav.astroid-nav li:nth-child(-n+6),
	nav[aria-label="sticky menu"] ul.nav.astroid-nav li:nth-child(-n+6) {
		display: block !important;
	}
	nav[aria-label="horizontal menu"] ul.nav.astroid-nav li:nth-child(-n+6) a,
	nav[aria-label="sticky menu"] ul.nav.astroid-nav li:nth-child(-n+6) a {
		display: inline !important;
	}
	nav[aria-label="horizontal menu"] ul.nav.astroid-nav li:nth-child(-n+6) a span,
	nav[aria-label="sticky menu"] ul.nav.astroid-nav li:nth-child(-n+6) a span {
		display: inline !important;
	}
	nav[aria-label="horizontal menu"] ul.nav.astroid-nav li:nth-child(n+7),
	nav[aria-label="sticky menu"] ul.nav.astroid-nav li:nth-child(n+7) {
		display: none !important;
	}
}

@media (max-width: 992px) {
	nav[aria-label="horizontal menu"],
	nav[aria-label="sticky menu"] {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
	nav[aria-label="horizontal menu"] ul.nav.astroid-nav,
	nav[aria-label="sticky menu"] ul.nav.astroid-nav {
		display: flex !important;
		flex-wrap: wrap;
		justify-content: center;
	}
	nav[aria-label="horizontal menu"] ul.nav.astroid-nav li:nth-child(-n+3),
	nav[aria-label="sticky menu"] ul.nav.astroid-nav li:nth-child(-n+3) {
		display: block !important;
	}
	nav[aria-label="horizontal menu"] ul.nav.astroid-nav li:nth-child(-n+3) a,
	nav[aria-label="sticky menu"] ul.nav.astroid-nav li:nth-child(-n+3) a {
		display: inline !important;
	}
	nav[aria-label="horizontal menu"] ul.nav.astroid-nav li:nth-child(-n+3) a span,
	nav[aria-label="sticky menu"] ul.nav.astroid-nav li:nth-child(-n+3) a span {
		display: inline !important;
	}
	nav[aria-label="horizontal menu"] ul.nav.astroid-nav li:nth-child(n+4),
	nav[aria-label="sticky menu"] ul.nav.astroid-nav li:nth-child(n+4) {
		display: none !important;	
	}
	
	#astroid-sticky-header .astroid-nav-wraper {
		padding-right: 8px !important;
		padding-left: 8px !important;
	}
}

@media (max-width: 768px) {
	body.guest-user .offcanvas-button,
	body.guest-user .astroid-offcanvas {
		display: none !important;
	}
}

@media (max-width: 768px) {

	nav[aria-label="horizontal menu"],
	nav[aria-label="sticky menu"] {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
	nav[aria-label="horizontal menu"] ul.nav.astroid-nav,
	nav[aria-label="sticky menu"] ul.nav.astroid-nav {
		display: flex !important;
		flex-wrap: wrap;
		justify-content: center;
	}
	
	body.guest-user nav[aria-label="horizontal menu"] ul.nav.astroid-nav li,
	body.guest-user nav[aria-label="sticky menu"] ul.nav.astroid-nav li {
		display: block !important;
	}
	
	body:not(.guest-user) nav[aria-label="horizontal menu"] ul.nav.astroid-nav li:first-child,
	body:not(.guest-user) nav[aria-label="sticky menu"] ul.nav.astroid-nav li:first-child {
		display: block !important;
	}
	
	body:not(.guest-user) nav[aria-label="horizontal menu"] ul.nav.astroid-nav li:nth-child(n+2),
	body:not(.guest-user) nav[aria-label="sticky menu"] ul.nav.astroid-nav li:nth-child(n+2) {
		display: none !important;
	}
	
	body:not(.guest-user) nav[aria-label="horizontal menu"] ul.nav.astroid-nav li:first-child .as-menu-item,
	body:not(.guest-user) nav[aria-label="sticky menu"] ul.nav.astroid-nav li:first-child .as-menu-item {
		display: none !important;
	}
	
	body:not(.guest-user) nav[aria-label="horizontal menu"] .menu-username-link,
	body:not(.guest-user) nav[aria-label="sticky menu"] .menu-username-link {
		display: inline !important;
	}
	
	#astroid-sticky-header .offcanvas-button {
		margin-left: 0px !important;
	}
	
	#astroid-sticky-header .astroid-nav-wraper {
		padding-right: 8px !important;
		padding-left: 8px !important;
	}
}

/* FOOTER 

*/

[class^="footer-"][class*="-position"] .astroid-nav-wraper {
	display: flex !important;
}

.astroid-footer-section {
	padding-bottom: 40px;
}