/*
Theme Name: Maptoolkit.com
Template: generatepress
Author: Child Theme Configurator
Version: 1.0.1739890977
Updated: 2025-02-18 15:02:57

*/

@media (max-width: 560px) {
	.nav-button {
		display: none;
	}
}

@media (max-width: 768px) {
  .site-info .inside-site-info {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 560px) {
	.nav-mobile-only {
		display: none;
	}
}

.gp-nav a {
    font-size: 18px;
}

.tooltip {
	position: relative;
	text-decoration: underline dotted;
	text-underline-offset: 2px;
	cursor: help;
}

.tooltip:before,
.tooltip:after {
	--scale: 0;
	--arrow-size: 8px;
	--tooltip-color: #808080;
	--tooltip-text-color: #ffffff;
	position: absolute;
	top: -.25rem;
	left: 50%;
	transform: translateX(-50%) translateY(var(--translate-y, 0)) scale(var(--scale));
	transition: 150ms transform;
	transform-origin: bottom center;
}

.tooltip:before {
	--translate-y: calc(-100% - var(--arrow-size));
	content: attr(data-tooltip);
	color: var(--tooltip-text-color);
	font-size: 14px;
	line-height: 1;
	padding: 15px 15px;
	width: max-content;
	max-width: 250px;
	word-wrap: break-word;
	background: var(--tooltip-color);
	border-radius: 8px;
	text-align: center;
}

.tooltip:hover:before,
.tooltip:hover:after {
	--scale: 1;
}

.tooltip:after {
	--translate-y: calc(-1 * var(--arrow-size));
	content: '';
	border: var(--arrow-size) solid transparent;
	border-top-color: var(--tooltip-color);
	transform-origin: top center;
}

.mtk-markdown-hide .mtk-markdown h1,
.mtk-markdown-hide .mtk-markdown h2,
.mtk-markdown-hide-routing .mtk-markdown .highlight-text-html-basic,
.mtk-markdown-hide-routing .mtk-markdown h1 {
    display: none;
}

.mtk-markdown-hide .mtk-markdown p:not(:last-child) {
    display: none;
}

html, body {
  overflow-x: hidden;
}

/* --- Mega dropdown container (hidden state) --- */
.site-header #site-navigation.main-navigation ul .has-big-dropdown > ul.sub-menu {
    position: absolute;
    width: 850px;
    left: 50%;
    transform: translateX(-50%) scaleY(0.8);
    transform-origin: top center;
    border-radius: 8px;
    opacity: 0;
    pointer-events: none;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

/* --- Show dropdown when hovered (sfHover) or toggled (click mode) --- */
.site-header #site-navigation.main-navigation ul .has-big-dropdown.sfHover > ul.sub-menu,
.site-header #site-navigation.main-navigation ul .has-big-dropdown > ul.sub-menu.toggled-on {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(-50%) scaleY(1);
}

.mega-menu-button {
    font-size: 16px !important;
    padding: 0 !important;
    color: #191F39 !important;
    text-decoration: none;
    display: inline-block;
}
.mega-menu-button:hover {
    color: #191F39 !important;
}

/* Sticky header base state */
.sticky-header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
  opacity: 0;
  pointer-events: none; /* Prevent interaction when hidden */
  transform: translateY(-10px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

/* When sticky header becomes active */
body.sticky-active .sticky-header {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

h1[id], h2[id], h3[id], h4[id] {
  scroll-margin-top: 100px;
}