@charset "utf-8";
/* CSS Document */


/* 1-27-21 - This makes sense? */
.ftps-navigation.menu-item-source-page-sections {
	position: sticky;
	top: 0;	
	background-color: white;
	z-index: 9;
}
.ftps-navigation.menu-item-source-page-sections ~ .ftps {
	scroll-margin-top: calc( var(--ftps_space_v) * 2 );
}

/* Will toggle at small sizes? */
.ftps-inner.navigation {
	position: relative;
}
button.ftps-nav-toggle {
	justify-content: center;
}
button.ftps-nav-toggle::after {
	margin-left: 1em;
}

@media( min-width: 45em ){	
	
	/* At some point this no longer toggles */
	.navigation button.ftps-nav-toggle {
		display: none;
	}
	.ftps-navigation-toggle-el.toggled-on,
	.ftps-navigation-toggle-el.toggled-off {
		position: static;
		visibility: visible;
		opacity: 1;
		padding: 0;
		box-shadow: none;
	}
	
	
}








/* This is all SOTLF site-specific */

.ftps-navigation.menu-item-source-page-sections ~ .ftps {
	scroll-margin-top: calc( (var(--ftps_space_v) * 2) - 3px );
}

.ftps-navigation-toggle-el.toggled-on {
	position: absolute;
	top: 100%;
	left: 0;
}

.ftps-navigation-toggle-el {
	background-color: white;
	padding: 1rem;
	box-shadow: var(--box_shadow);	
}







@media( min-width: 45em ){
	
	.ftps-navigation {
		margin-top: 0;
		border-bottom: 1px solid var(--border_color);	
	}
	
	
	.ftps-navigation-wrapper {
		max-width: var(--max_width_wide);
		margin: 0 auto;	
	}
	
	
	.ftps-navigation-toggle-el.toggled-on {
		position: static;
	}
	
	
	.ftps-navigation .menu {
		display: flex;
		margin: 0 -25px;
	}
	.ftps-navigation .menu li {
		margin: 0 25px;
	}
	
	.ftps-nav-link {
		display: block;
		padding: var(--space_big) 3px;
		color: #939393;
		text-decoration: none;
	}
	
	.ftps-nav-link.current {
		font-weight: bold;
		color: inherit;
		box-shadow: inset 0px -4px 0px var(--red);
		height: 100%;
	}
	
}