@import url('https://fonts.googleapis.com/css?family=Nunito');

html {

	--color-black: #222;
	--color-blue:  #1e87f0;

	--color-steel-blue: #47536e;
	--color-red: #f52419;
	--color-brown: #8C7C69;
	--color-brown-dark: #5D5346;
	--color-yellow: #E2BC28;
	--color-sage: #90A290;

	font-family: "Nunito";
	font-size: 18px;
}
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {
	font-family: "Nunito";
	/*font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";*/
}
.uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
	font-family: "Nunito";
	font-size: 1rem;
}

.uk-navbar-nav > li > a.social {
	padding: 0 5px;
	font-size: 1.15rem;
}

.uk-nav li.social{
	margin-top: 20px;
}

.uk-nav li > a.social{
	display: inline;
	padding: 0 5px;
	font-size: 1.1rem;
}
p.social-links a.social {
	padding: 0 5px;
	font-size: 1.1rem;	
}

.uk-h1, h1 { font-size: 2.33rem; }
.uk-h2, h2 { font-size: 1.80rem; }
.uk-h3, h3 { font-size: 1.34rem; }
blockquote { font-size: 1.15rem; }

.clear {
	clear: both;
}

.main-nav {
	position: absolute;
	top: 15px;

}

.nav {
	z-index: 99;
	left: 0;
	right: 0;
}
.s-bottom-border {
		border-bottom: 1px solid var(--color-black);
}

/*
.uk-sticky-placeholder {
	height: 0 !important;
}
*/

/* overlay color for top */
.top-wrap::before, .overlay-wrap::before {
	position: absolute;
	top:0;
	right:0;
	left: 0;
	bottom: 0;
	content: '';
	z-index: 1;
	background-color: rgba(255,255,255,0.7);
}
.top-wrap-height {
	height: 100vh;
	min-height: 460px;
	transition: height 0.25s;
}
.uk-subnav-pill > * > :first-child {
	padding: 0.5rem 1rem;
	background-color: rgba(0, 0, 0, 0.04);
}
.top-container {
	z-index: 2;
}
.uk-logo img {
	height: 45px;
}
.subtitle-text {
	font-size: 1.2em;
	opacity: 0.7;
	font-weight: 300;
}
.logos-grid img {
	display: block;
	width: 60px;
	margin: 0 auto;
	filter:  grayscale(100%);
	transition: filter 0.25s;
}
.logos-grid img:hover {
	display: block;
	width: 60px;
	margin: 0 auto;
	filter:  grayscale(0);
}

.s-text-primary {
	color: var(--color-black);
}
.uk-light .s-text-primary {
	color: #ffffff;
}

.s-text-secondary {
	color: var(--color-blue);
}
.uk-light .s-text-secondary {
	color: #ffffff;
}

.s-half-container {
	width: 50%;

}

.s-section-image-right .s-bg-overlay.uk-overlay {
	padding: 15px 15px 15px 30px;	
}


.s-bg-overlay p {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 85%;
}

.s-image-mobile-footer p{
	margin-top: 5px;
	margin-bottom: 5px;
}

.s-image-radius {
	border-radius: 10px;
}

/*
.s-section-image-windows,
.s-section-image-lightbulbs,
.s-section-image-expressway,
.s-section-image-apples
*/
.s-section-image {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size:  cover;
}

.s-section-image-friends {
	background-image: url('../resources/images/backgrounds/friends.at.table.jpg');
	background-position: 55% 100%;
}

.s-section-image-lightbulbs {
	background-image: url('../resources/images/backgrounds/lightbulbs.jpg');
	background-position: 65% 50%;
}

.s-section-image-windows {
	background-image: url('../resources/images/backgrounds/windows.jpg');
	background-position: 50% 50%;
}


.s-section-image-expressway {
	background-image: url('../resources/images/backgrounds/expressway.jpg');
	background-position: 70% 50%;
}

.s-section-image-apples {
	background-image: url('../resources/images/backgrounds/apples.jpg');
	background-position: 80% 50%;
}

.s-section-image-advisors {
	background-image: url('../resources/images/backgrounds/advisors.jpg');
}

.s-section-image-fellows {
	background-image: url('../resources/images/backgrounds/fellows.jpg');
}

.s-section-image-mission-vision-values {
	background-image: url('../resources/images/backgrounds/mission.vision.values.jpg');
	background-position: 48% 100%;
}

/* display section background image on right */
.s-section-image-right,
.s-section-image-right-white,
.s-section-image-right-brown,
.s-section-image-right-sage,
.s-section-image-right-blue {
	position: absolute;
	right: 0px;
	width:  40%;
/*
	background-repeat: no-repeat;
	background-size:  cover;
	*/
}


.s-section-image-right.s-section-image-tiled {
	
	background-repeat: repeat !important;
	/*background-size: 188px !important;*/
}


/* overlay fade for the section image on the right */
.s-section-image-right::after,
.s-section-image-right-white::after,
.s-section-image-right-brown::after,
.s-section-image-right-sage::after,
.s-section-image-right-blue::after {
	position: absolute;
	top:0px;
	right:0;
	left: 0;
	bottom: 0px;
	content: '';
	z-index: 0;
	background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.80) 7%, rgba(255,255,255,0) 15%);
}

.s-section-image-right-brown::after {
	background: var(--color-brown);
	background: linear-gradient(90deg, rgba(140, 124, 105,1) 0%, rgba(140, 124, 105,0.80) 7%, rgba(140, 124, 105,0) 15%);
}

.s-section-image-right-sage::after {
	background: var(--color-sage);
	background: linear-gradient(90deg, rgba(144, 162, 144, 1) 0%, rgba(144, 162, 144,0.80) 7%, rgba(144, 162, 144,0) 15%);
}

.s-section-image-right-blue::after {
	background: var(--color-steel-blue);
	background: linear-gradient(90deg, rgba(71, 83, 110, 1) 0%, rgba(71, 83, 110,0.80) 7%, rgba(71, 83, 110,0) 15%);
}



/* display section background image on left */
.s-section-image-left,
.s-section-image-left-white,
.s-section-image-left-brown,
.s-section-image-left-sage,
.s-section-image-left-blue {
	position: absolute;
	left: 0px;
	width:  40%;

	background-repeat: no-repeat;
	background-size:  cover;
}

/* overlay fade for the section image on the right */
.s-section-image-left::after,
.s-section-image-left-white::after,
.s-section-image-left-brown::after,
.s-section-image-left-sage::after,
.s-section-image-left-blue::after {
	position: absolute;
	top:0px;
	right:0;
	left: 0;
	bottom: 0px;
	content: '';
	z-index: 0;
	background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,0) 85%, rgba(255,255,255,0.80) 93%, rgba(255,255,255,1) 100%);
}

.s-section-image-left-brown::after {
	background: var(--color-brown);
	background: linear-gradient(90deg, rgba(140, 124, 105,0) 85%, rgba(140, 124, 105,0.80) 93%, rgba(140, 124, 105,1) 100%);
}

.s-section-image-left-sage::after {
	background: var(--color-sage);
	background: linear-gradient(90deg, rgba(144, 162, 144,0) 85%, rgba(144, 162, 144,0.80) 93%, rgba(144, 162, 144,1) 100%);
}

.s-section-image-left-blue::after {
	background: var(--color-steel-blue);
	background: linear-gradient(90deg, rgba(71, 83, 110,0) 85%, rgba(71, 83, 110,0.80) 93%, rgba(71, 83, 110,1) 100%);
}



.s-min-height-large		{ min-height: 420px; }
.s-min-height-medium	{ min-height: 300px; }

.s-section-white		{ background-color: #fefefe;}
.s-section-brown 		{ background-color: var(--color-brown);}
.s-section-sage			{ background-color: var(--color-sage);}
.s-section-blue			{ background-color: var(--color-steel-blue);}


.s-section-map			{ 
	background-color: #e4eae6;
	background-image: url('../resources/images/backgrounds/map.transparent.webp');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 0%;
	/*
	*/
}

.s-section-light-primary	{ background-color: #ffffff;}
.s-section-light-secondary	{ background-color: #eeeeee;}
.s-section-dark-primary 	{ background-color: var(--color-black);}
.s-section-dark-secondary 	{ background-color: var(--color-red);}
.s-section-dark-yellow	 	{ background-color: var(--color-yellow);}


.s-section-light-tiled {
	background-color: #ffffff;

	background-image: url('../resources/images/backgrounds/tile.jpg');
	background-position: center;
	background-repeat: repeat;
}


.s-lead-content {
	background-color: #ffffff;
	
	background-image: url('../resources/images/backgrounds/windows.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}



.s-lead-content-nog {
	background-color: #ffffff;
	
	background-image: url('../resources/images/nog/walking.jpg');
	background-position: 50% 20%;
	background-repeat: no-repeat;
	background-size: cover;
}

.s-digital-asset-tile-container .image-container {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	min-height: 150px;
}

.s-site-logo {
	display: none;
}

.s-stuck-to-top .s-site-logo {
	display: flex;
}

.s-text-large {
	font-size: 1.4rem;
	line-height: 1.25;
}


.s-text-medium {
	font-size: 1.3rem;
	line-height: 1.3;
}

.s-text-lead {
	font-size: 1.3rem;
	line-height: 1.3;
	color: #333;
}
.uk-light .s-text-lead {
	color: #ffffff;
}

@media (min-width: 960px) {
	.s-text-lead {
		font-size: 1.5rem;
		line-height: 1.5;
	}
}

.s-menu-anchor {
	position: relative;
	top:  -80px;
}


hr {
	border-top: 1px solid #47536e82;
}

.s-top-spacer {
	min-height: 80px;
}

.s-ul-spread li {
	margin-bottom: 15px;
}

.uk-navbar-nav > li > a {
	color: #333;
	
}
.uk-navbar-nav > li:hover > a {
	color: var(--color-blue);
}
.uk-navbar-toggle {
	color: #333;
}
.uk-navbar-toggle:hover {
	color: var(--color-blue);
}
.uk-navbar-nav > li.uk-active > a {
	color: var(--color-blue);
}

.uk-form-label {
	color: var(--color-black);
	font-weight: bold;
	margin-top:  15px;
}

.uk-input::placeholder,
.uk-textarea::placeholder {
	color: #bbb;
}

.uk-form-success, 
.uk-form-success:focus,
.uk-form-danger,
.uk-form-danger:focus {
	color: #000;
}
.messages p.error {
	color: #f0506e;
	font-style: italic;
	margin: 0;
}

.image-size-95 { background-size: 95%;}
.image-size-90 { background-size: 90%;}
.image-size-85 { background-size: 85%;}
.image-size-80 { background-size: 80%;}
.image-size-75 { background-size: 75%;}
.image-size-70 { background-size: 70%;}
.image-size-65 { background-size: 65%;}
.image-size-60 { background-size: 60%;}
.image-size-55 { background-size: 55%;}
.image-size-50 { background-size: 50%;}

.s-size-max-100px {max-width: 100px;}
.s-size-max-125px {max-width: 125px;}
.s-size-max-200px {max-width: 200px;}
.s-size-max-400px {max-width: 400px;}
.s-size-max-500px {max-width: 500px;}
.s-size-50 {width: 50%}
.s-size-80 {width: 80%}
.s-size-90 {width: 90%}


.s-bio-photo-brown {
	width: 120px;
	height: 120px;
	border: 1px solid var(--color-brown-dark);
}
.s-bio-photo-brown img {
	border: 1px solid var(--color-brown);
}


.s-bio-photo {
	width: 120px;
	height: 120px;
	border: 1px solid var(--color-black);
}

.s-bio-photo img {
	border: 1px solid #ffffff;
}

.s-card-photo {
	padding:  10px;
	box-shadow: 0 5px 15px rgba(0,0,0,.18);	
}

.s-leadership.uk-light .uk-card.uk-card-hover:hover .uk-card-title,
.s-leadership.uk-light .uk-card.uk-card-hover:hover .uk-text-bold {
	color:  var(--color-brown-dark);
}

.s-footer-fine-print {
	font-size: 70%;
	font-style: italic;
}

.s-section-content-min-height {
	min-height: 50vh;
}

@media (min-width: 960px) {
	.uk-navbar-nav {
		gap: 15px;
	}
	.uk-navbar-nav > li > a {
	font-size: 0.7rem;
	}
}

@media (min-width: 1200px) {
	.uk-navbar-nav {
		gap: 25px;
	}
	.uk-navbar-nav > li > a {
	font-size: 0.9rem;
	}
}