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

html {

	--color-white-bright: #FFFFFF;
	--color-white: #FAFAFA;

	--color-red: #ED1138;
	--color-dark-red: #2f030b;
	--color-light-red:#FCE9EA;

	--color-border: #C8CCCB;


	--color-grey-000: #FFFFFF;
	
	--color-grey-025: #FCFCFC;
	--color-grey-050: #FAFAFA;
	--color-grey-100: #F3F4F4;
	--color-grey-200: #E1E5E5;
	--color-grey-300: #C8CCCB;
	--color-grey-400: #B3B8B7;
	--color-grey-500: #828585;
	--color-grey-600: #6E7070;
	--color-grey-700: #585A5A;
	--color-grey-800: #3D3E3E;
	--color-grey-900: #212424;
	--color-grey-950: #141515;

	--color-teal-025: #F6FEFC;
	--color-teal-050: #F0FDF9;
	--color-teal-100: #CCFBEF;
	--color-teal-200: #99F6E0;
	--color-teal-300: #5FE9D0;
	--color-teal-400: #2ED3B7;
	--color-teal-500: #15B79E;
	--color-teal-600: #0E9384;
	--color-teal-700: #107569;
	--color-teal-800: #125D56;
	--color-teal-900: #134E48;
	--color-teal-950: #0A2926;


	--color-rose-025: #FFF5F6;
	--color-rose-050: #FFF1F3;
	--color-rose-100: #FFE4E8;
	--color-rose-200: #FECDD6;
	--color-rose-300: #FEA3B4;
	--color-rose-400: #FD6F8E;
	--color-rose-500: #F63D68;
	--color-rose-600: #E31B54;
	--color-rose-700: #C01048;
	--color-rose-800: #A11043;
	--color-rose-900: #89123E;
	--color-rose-950: #510B24;

	
	--color-blue:  #1e87f0;

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

	font-family: "Nunito";
	font-size: 18px;

	background-color: var(--color-white);
}
.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: 0.95rem;
}

.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;	
}

p.big-social a.social {

	padding: 0 5px;
	font-size: 2.4rem;	
}


/* -- this incorrectly overwrites the underline color in multiple scenarios
*/
.s-stuck-to-top .uk-navbar-left .uk-navbar-nav > li {
	border-bottom: 2px solid var(--color-white-bright);
}


.uk-h1, h1 { font-size: 1.90rem; }
.uk-h2, h2 { font-size: 1.40rem; }
.uk-h3, h3 { font-size: 1.15rem; }
blockquote { font-size: 1.05rem; }

@media (min-width: 640px) {
	.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;
}



/*
.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;
}

.s-text-primary {
	color: var(--color-grey-900);
}
.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{
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size:  cover;
}



.s-section-image-nog-flow {
	background-image: url('../resources/images/nog.flow.png');
	background-position: 50% 50%;
	background-size: contain !important;
	background-color: var(--color-white-bright);
	background-repeat: no-repeat;
	padding: 10px;
}

.s-section-image-night-road {
	background-image: url('../resources/images/backgrounds/night.road.jpg');
	background-position: 50% 50%;
}
.s-section-image-todays-challenge {
	background-image: url('../resources/images/backgrounds/todays.challenge.jpg');
	background-position: 35% 40%;
}
.s-section-image-tomorrow-solution {
	background-image: url('../resources/images/backgrounds/tomorrow.solution.jpg');
	background-position: 60% 40%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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


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


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


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


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

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


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


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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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




/* display section background image on right */
.s-section-image-right,
.s-section-image-right-white,
.s-section-image-right-dark-red,
.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-dark-red::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-dark-red::after {
	background: var(--color-dark-red);
	background: linear-gradient(90deg, rgba(47, 3, 11,1) 0%, rgba(47, 3, 11,0.80) 7%, rgba(47, 3, 11,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-dark-red,
.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-dark-red::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-dark-red::after {
	background: var(--color-dark-red);
	background: linear-gradient(90deg, rgba(47, 3, 11,0) 85%, rgba(47, 3, 11,0.80) 93%, rgba(47, 3, 11,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-shorter .s-min-height-large	{ min-height: 300px; } /* Override the default s-min-height-large */


.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: var(--color-white);}
.s-section-light-secondary	{ background-color: var(--color-white-bright);}
.s-section-dark-primary		{ background-color: var(--color-grey-700);}
.s-section-dark-secondary	{ background-color: var(--color-teal-800);}

.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-toggle {
	color: #333;
}
.uk-navbar-toggle:hover {
	color: var(--color-blue);
}

.s-stuck-to-top .uk-navbar-left .uk-navbar-nav > li.uk-active,
.uk-navbar-nav > li.uk-active {
	border-bottom: 2px solid var(--color-teal-600);
}
.uk-navbar-nav > li.uk-active > a,
.uk-light .uk-navbar-nav > li.uk-active > a,
.uk-light .s-stuck-to-top .uk-navbar-nav > li.uk-active > a {
	color: var(--color-teal-600);
}
.uk-navbar-nav > li > a {
	padding: 0 10px;
}

.uk-offcanvas-bar .uk-nav-default > li.uk-active > a {
	color: var(--color-teal-600);
}

.uk-form-label {
	color: var(--color-grey-900);
	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;
}


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

a.no-hover-underline:hover {
	text-decoration: none;
}

/* =========================================================

v3.new & updated styles

========================================================= */

.s-lead-content {
	background-color: var(--color-dark-red);
	background-image: url('../resources/images/backgrounds/burgandy.heart.svg');
	background-position: 100% 0%;
	background-repeat: no-repeat;
	background-size: cover;
}

.s-lead-content.business {
	background-color: var(--color-dark-red);
	background-image: url('../resources/images/backgrounds/teal.heart.svg');
}
.s-hero-image-container{
	background-image: url('../resources/images/backgrounds/merchant.3.jpg');
	background-position: 50% 40%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 10vh;
	min-height: 100px;
	border-radius: 24px;
	margin: 20px 0 10px 0;
}

.s-hero-image-container.business {
	background-image: url('../resources/images/backgrounds/business.small.shop.jpg');
	background-position: 50% 50%;
}

/*
.s-hero-image-container .s-phone-overlay{
	background-image: url('../resources/images/backgrounds/app.overlay.png');
	background-position: 50% 40%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 10vh;
	min-height: 100px;
	border-radius: 24px;
}
*/

@media (min-width: 1200px) {
	.s-hero-image-container{
		height: 40vh;
		min-height: 250px;
		margin: 40px 0px;
	}
	/*
	.s-hero-image-container .s-phone-overlay {
		height: 40vh;
		min-height: 250px;
	}
	*/
}

.uk-navbar-nav > li > a {
  color: #000;
  text-transform: unset;
}
.uk-light .uk-navbar-nav > li > a {
  color: rgba(255,255,255,.8);
}

.uk-light svg .st2 {
	fill: rgba(255,255,255,.8);;
}


.uk-dark .uk-logo svg .st2{
	fill: #000;
}

.s-stuck-to-top svg .st2,
.uk-light .s-stuck-to-top svg .st2,
.s-stuck-to-top a.uk-navbar-toggle-icon svg rect {
	fill: #000;
}

.uk-light .s-stuck-to-top .uk-navbar-nav > li > a {
  color: rgba(0,0,0,.8);
}

.main-nav {
	position: absolute;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.uk-dark .main-nav {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.uk-navbar-nav > li:hover > a,
.uk-light .uk-navbar-nav > li:hover > a {
  color: var(--color-red);
}

.uk-navbar-left .uk-navbar-nav > li:hover {
	border-bottom: 2px solid var(--color-red);
}

.nav {
	z-index: 99;
	left: 0;
	right: 0;
}

.s-bottom-border {
	border-bottom: 1px solid var(--color-grey-900);
}

.s-site-logo {
	display: flex;
	margin-right: 20px;
}

.uk-logo svg {
  height: 45px;
}

body.s-business-page .uk-logo svg {
	height: 57px;
}

h1.s-dynamic-heading {
	font-size: 2.0rem;
}

@media (min-width: 1200px) {
	h1.s-dynamic-heading {
		font-size: 2.33rem;
	}	
}

.uk-link, a {
	color: var(--color-red);
}

.uk-link:hover, a:hover {
	color: var(--color-red);
}

.uk-button {
	text-transform: unset;
	font-weight: 600;
	padding: 0 20px;
}

.uk-button.uk-button-large {
	padding: 0 60px;
}


.uk-button-primary,
.uk-button-primary:hover {
	background-color: var(--color-red);
	color: #fff;
}

.uk-button-primary:focus {
	background-color: var(--color-grey-900);
}

.uk-light {
	color: rgba(255,255,255,0.9);
}
.uk-light .uk-button-primary {
	background-color: var(--color-red);
	color: #fff;
}
.uk-button-secondary,
.uk-button-secondary:hover,
.uk-button-secondary:active,
.uk-button-secondary:focus {
	background-color: var(--color-teal-600);
	color: #fff;
}

.uk-subnav-pill > .uk-active > a {
  background-color: var(--color-red);
  color: #fff;
}

.uk-modal-dialog.uk-modal-body {
  border-radius: 20px;
}

.uk-input, .uk-textarea, .uk-select  {
	border-radius: 20px;
}

.s-light-shaded-background { background-color: var(--color-grey-025);}

.s-card-border {
	border: 1px solid var(--color-grey-500);
	border-radius: 20px;
}
.s-card-border .s-light-shaded-background {
	border-radius: 20px 20px 0px 0px;
}

@media (min-width: 640px) {
	.s-card-border .s-light-shaded-background {
		border-radius: 20px 0px 0px 20px;
	}
}

.s-section-bottom-border {
	border-bottom: 1px solid var(--color-grey-500);
}


.uk-section {
	box-sizing: border-box;
	padding-top: 30px;
	padding-bottom: 30px;
}

@media (min-width: 960px) {
	.uk-section {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}


/* ===============================================================

Left/Right Image & Content Sections

=============================================================== */

.s-section-container {

}
.s-image-container {

}
.s-image-container-left {
	/*background-color: orange; */
}
.s-image {
	display: block; 
	box-shadow: inset 0 0 1px var(--color-grey-700);
	background-size: cover;
}
.s-image-radius {
	border-radius: 24px;
}
.s-image-left {

}

.s-content-container {
	/*background-color: aquamarine;*/
	padding-top: 0px;
	padding-bottom: 0px;
}
.s-content-right{
	padding-left: 0px;
	padding-right: 0px;
}
.s-content-left{
	padding-left: 0px;
	padding-right: 0px;
}

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

@media (min-width: 960px) {
	
	.s-min-height-large		{ min-height: 420px; }
	.s-min-height-medium	{ min-height: 300px; }

	.s-content-container {
		/*background-color: aquamarine;*/
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.s-content-right{
		padding-left: 40px;
		padding-right: 0px;
	}
	.s-content-left{
		padding-left: 40px;
		padding-right: 40px;
	}
}
/* END Left/Right Image & Content Sections */


.s-border-block {
	border: 1px solid var(--color-border);
	border-radius: 12px;
	padding: 20px 40px;
	background-color: #fff;
}

.s-border-block .s-nog-mark {
	width:70px; 
	padding: 5px; 
	/*border-radius: 12px; 
	border: 1px solid var(--color-border);
	*/
}
.s-border-block .s-join-button {
	margin-top: 10px;
}


/* accordion customizations  */
.uk-accordion li {
	border: 1px solid var(--color-border);
	border-radius: 12px;
}

.uk-accordion-title {
	background-color: var(--color-grey-025);
	border-radius: 12px;
	padding: 12px;
	font-size: 1rem;
}

.uk-accordion-content {
	background-color: var(--color-white-bright);
	padding: 12px 12px 12px 26px;
	border-radius: 0 0 12px 12px;
	margin-top: 0;
}
.uk-accordion-title::before{
	/* left chevron arrow */
	background-image: url('data:image/svg+xml;utf8,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" class="p-icon" aria-hidden="true"><path d="M4.38708 13C4.28408 13.0005 4.18203 12.9804 4.08691 12.9409C3.99178 12.9014 3.9055 12.8433 3.83313 12.7701C3.68634 12.6231 3.60388 12.4238 3.60388 12.2161C3.60388 12.0084 3.68634 11.8091 3.83313 11.6622L8.50507 6.99022L3.83313 2.31827C3.69467 2.16968 3.61928 1.97313 3.62287 1.77005C3.62645 1.56698 3.70872 1.37322 3.85234 1.22959C3.99596 1.08597 4.18972 1.00371 4.3928 1.00012C4.59588 0.996539 4.79242 1.07192 4.94102 1.21039L10.1669 6.43628C10.3137 6.58325 10.3962 6.78249 10.3962 6.99022C10.3962 7.19795 10.3137 7.39718 10.1669 7.54416L4.94102 12.7701C4.86865 12.8433 4.78237 12.9014 4.68724 12.9409C4.59212 12.9804 4.49007 13.0005 4.38708 13Z" fill="currentColor"></path></svg>');
	float: left;
}

.uk-open > .uk-accordion-title::before {
	/* down chevron arrow */
	background-image: url('data:image/svg+xml;utf8,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" class="p-icon" aria-hidden="true"><path d="M7.01744 10.398C6.91269 10.3985 6.8089 10.378 6.71215 10.3379C6.61541 10.2977 6.52766 10.2386 6.45405 10.1641L1.13907 4.84913C1.03306 4.69404 0.985221 4.5065 1.00399 4.31958C1.02276 4.13266 1.10693 3.95838 1.24166 3.82747C1.37639 3.69655 1.55301 3.61742 1.74039 3.60402C1.92777 3.59062 2.11386 3.64382 2.26584 3.75424L7.01744 8.47394L11.769 3.75424C11.9189 3.65709 12.097 3.61306 12.2748 3.62921C12.4527 3.64535 12.6199 3.72073 12.7498 3.84328C12.8797 3.96582 12.9647 4.12842 12.9912 4.30502C13.0177 4.48162 12.9841 4.662 12.8958 4.81724L7.58083 10.1322C7.50996 10.2125 7.42344 10.2775 7.32656 10.3232C7.22968 10.3689 7.12449 10.3944 7.01744 10.398Z" fill="currentColor"></path></svg>');
}
/* END accordion customizations  */


/* PROVEN RESULTS STATS */
.s-result {
	border: 1px solid var(--color-grey-500);
	border-radius: 24px;
	border-spacing: 0;
}
.s-result h1{
	/*color: white;*/
	margin: 0;
}
.s-result p {
	margin: 0;
}

.s-result-number {
	background-color: var(--color-white-bright);
	padding: 20px;
	border-radius: 24px 0 0 24px;
	min-width: 100px;
	text-align: center;
}
.s-result-desc {
	background-color: var(--color-grey-100);
	padding: 20px;
	border-radius: 0 24px 24px 0;
	width: 100%;
}
/* END PROVEN RESULTS STATS */

.s-bordered {

	border: 1px solid var(--color-border);
	border-radius: 24px;
}

/* DATA RESULTS */
.s-titled-card {
	background-color: var(--color-white-bright);
	border-radius: 12px;
}
.s-titled-card .s-title {
	/*border: 1px solid var(--color-grey-500);*/
	background-color: var(--color-white);
	font-weight: bold;
	padding:  20px;
	border-radius: 12px 12px 0 0;
}
.s-titled-card .s-data {
	padding:  20px;
	/*border-radius: 0 0 12px 12px;*/
}
.s-titled-card .s-data img {
	width: 100%;
	max-width: 320px;
}

.s-titled-card.s-performance-example .s-data {
	text-align: center;
}

.s-titled-card.s-performance-example .s-data img {
	width: 100%;
	max-width: 500px;
	border: 1px solid var(--color-border);
	border-radius: 12px;
	padding: 12px 12px 0 12px;
	box-shadow: 0 3px 10px var(--color-grey-500);
}
/* end data results */



/* ===============================================================

Marquee

=============================================================== */


.s-marquee {
	--gap: 1rem;
	position: relative;
	display: flex;
	overflow: hidden;
	user-select: none;
	gap: var(--gap);
	border-left: 1px solid #000;
}

/* Pause on hover */
.s-marquee:hover .s-marquee__content {
	animation-play-state: paused;
}

.s-marquee__content {
	flex-shrink: 0;
	display: flex;
	justify-content: space-around;
	gap: var(--gap);
	min-width: 100%;
	margin: 0;
	padding: 0;
	animation: scroll 150s linear infinite;
}

.s-marquee__content > * {
	flex: 0 0 auto;
	color: black;
	list-style-type: none;
	margin: 2px 0px;
}


@media (min-width: 960px) {

	.s-marquee {
	}
	.s-marquee__content {
		animation: scroll 220s linear infinite;
	}

	.s-marquee__content > * {
		margin: 2px 50px;
	}
}


/* Pause animation when reduced-motion is set */
@media (prefers-reduced-motion: reduce) {
	.s-marquee__content {
		animation-play-state: paused !important;
	}
}

@keyframes scroll {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(calc(-100% - var(--gap)));
	}
}


.s-marquee-block {
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid var(--color-grey-500);
	border-bottom: 1px solid var(--color-grey-500);
	background-color: var(--color-white-bright);
}


/* marquee intro */

.s-marquee-intro {
	margin-left: 10px;
	margin-right: 10px;
	text-align: right;
	line-height: 1;
}
.s-marquee-intro img {
	width: 30px;
}
.s-marquee-intro p {
	margin: 0;
	font-size: 60%;
	line-height: 1;
	color: black;
	/*font-weight: bold;*/
}


@media (min-width: 960px) {
	.s-marquee-intro {
		margin-left: 20px;
		margin-right: 20px;
	}
	.s-marquee-intro img {
		width: 50px;
		display: initial;
	}
	.s-marquee-intro p {
		margin: 0;
		font-size: 100%;
		line-height: 1.0;
	}
}

@media (min-width: 1200px) {
	.s-marquee-intro {
		margin-left: 120px;
		margin-right: 20px;
	}
	.s-marquee-intro img {
	}
	.s-marquee-intro p {
		margin: 0;
		font-size: 100%;
		line-height: 1.0;
	}
}



/* marquee logos */

.s-marquee-image-container {
	width: 160px;
	height: 60px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

@media (min-width: 960px) {
	.s-marquee-image-container {
		/*background-color: aliceblue; */
		width: 200px;
		height: 80px;
	}
}

@media (min-width: 1200px) {
	.s-marquee-image-container {
		/*background-color: aliceblue; */
		width: 250px;
		height: 100px;
	}
}
/* -------------*/
/* end marquee  */
/* -------------*/


.s-bg-logo-container {
	max-width: 250px;
	margin: 0 auto;
}

.s-bg-logo {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 50%;

	width: 100%;
	aspect-ratio: auto 4 / 3; 
}

/* NOG Partner logos */
.s-bg-logo-partner-wafd 	{ background-size: 80%; background-image: url("/resources/images/logo.wafd.svg"); }
.s-bg-logo-partner-uwkc 	{ background-size: 75%; background-image: url("/resources/images/logo.uwkc.png"); }
.s-bg-logo-partner-sowa 	{ background-size: 100%; background-image: url("/resources/images/logo.sowa.png"); }
.s-bg-logo-partner-maw-akwa { background-size: 75%; background-image: url("/resources/images/logo.make-a-wish.akwa.png"); }
.s-bg-logo-partner-nwh 		{ background-size: 45%; background-image: url("/resources/images/logo.northwest.harvest.png"); }
.s-bg-logo-partner-uwmc 	{ background-size: 47%; background-image: url("/resources/images/logo.uwmc.svg"); }
.s-bg-logo-partner-soill 	{ background-size: 100%; background-image: url("/resources/images/logo.soi.png"); }
.s-bg-logo-partner-maw-il 	{ background-size: 75%; background-image: url("/resources/images/logo.make-a-wish.il.png"); }
.s-bg-logo-partner-gcfd 	{ background-size: 60%; background-image: url("/resources/images/logo.gcfd.svg"); }



/* NOG Participating business logos */
.s-bg-logo-biz-ballard-pizza-co 		{ background-size: 85%; background-image: url('/resources/images/businesses/logo.biz.ballard.pizza.svg');}
.s-bg-logo-biz-bombo-italian-kitchen 	{ background-size: 60%; background-image: url('/resources/images/businesses/logo.biz.bombo.svg');}
.s-bg-logo-biz-cortina 					{ background-size: 80%; background-image: url('/resources/images/businesses/logo.biz.cortina.png');}
.s-bg-logo-biz-cortina-cafe 			{ background-size: 80%; background-image: url('/resources/images/businesses/logo.biz.cortina.cafe.png');}
.s-bg-logo-biz-goldfinch-tavern 		{ background-size: 65%; background-image: url('/resources/images/businesses/logo.biz.goldfinch.svg');}
.s-bg-logo-biz-how-to-cook-a-wolf 		{ background-size: 50%; background-image: url('/resources/images/businesses/logo.biz.wolf.svg');}
.s-bg-logo-biz-red-cow 					{ background-size: 40%; background-image: url('/resources/images/businesses/logo.biz.red.cow.svg');}
.s-bg-logo-biz-rione-xiii 				{ background-size: 35%; background-image: url('/resources/images/businesses/logo.biz.rionexiii.svg');} 
.s-bg-logo-biz-rubinstein-bagels 		{ background-size: 70%; background-image: url('/resources/images/businesses/logo.biz.rubinstein.svg');}
.s-bg-logo-biz-staple--fancy 			{ background-size: 30%; background-image: url('/resources/images/businesses/logo.biz.staple.fancy.svg');}
.s-bg-logo-biz-tavolata 				{ background-size: 75%; background-image: url('/resources/images/businesses/logo.biz.tavolata.svg');}
.s-bg-logo-biz-victor-tavern 			{ background-size: 75%; background-image: url('/resources/images/businesses/logo.biz.victor.tavern.svg');}




.s-bg-logo.s-bg-logo-biz-ballard-pizza-co 		{ background-size: 85%;}
.s-bg-logo.s-bg-logo-biz-bombo-italian-kitchen 	{ background-size: 60%;}
.s-bg-logo.s-bg-logo-biz-cortina 				{ background-size: 80%;}
.s-bg-logo.s-bg-logo-biz-cortina-cafe 			{ background-size: 80%;}
.s-bg-logo.s-bg-logo-biz-goldfinch-tavern 		{ background-size: 65%;}
.s-bg-logo.s-bg-logo-biz-how-to-cook-a-wolf 	{ background-size: 65%;}
.s-bg-logo.s-bg-logo-biz-red-cow 				{ background-size: 35%;}
.s-bg-logo.s-bg-logo-biz-rione-xiii 			{ background-size: 50%;}
.s-bg-logo.s-bg-logo-biz-rubinstein-bagels 		{ background-size: 70%;}
.s-bg-logo.s-bg-logo-biz-staple--fancy 			{ background-size: 30%;}
.s-bg-logo.s-bg-logo-biz-tavolata 				{ background-size: 75%;}
.s-bg-logo.s-bg-logo-biz-victor-tavern 			{ background-size: 75%;}


.s-bg-logo-other-seattle-chamber 	{ background-size: 60%; background-image: url("/resources/images/logo.seattle.chamber.png"); }
.s-bg-logo-other-linkedin		 	{ background-size: 60%; background-image: url("/resources/images/logo.linkedin.svg"); }

.uk-card {
	border-radius: 12px;
	border: 1px solid var(--color-border);
}




.s-section-image-save, 
.s-section-image-gift-cards, 
.s-section-image-nog-flow-dark
 {
	background: rgb(31,31, 31);
	background: radial-gradient(circle, rgba(31,31, 31,1) 0%, rgba(64,64,64,1) 0%, rgba(31,31,31,1) 100%); 
}


.s-section-image-save .s-image-overlay{
	background-image: url('../resources/images/backgrounds/save.png');
	background-size: contain;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}


.s-section-image-gift-cards .s-image-overlay{
	background-image: url('../resources/images/backgrounds/gift.cards.png');
	background-size: contain;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}


.s-section-image-nog-flow-dark .s-image-overlay{
	background-image: url('../resources/images/nog.flow.dark.png');
	background-size: contain;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	padding: 10px;
}



.s-hero-image-container .s-phone-overlay{
	background-image: url('../resources/images/backgrounds/dashboard.png');
	background-position: 100% 100%;
	background-repeat: no-repeat;
	background-size: contain;
}
.s-hero-image-container.business .s-phone-overlay {
	background-position: 0% 100%;
}

/*
@media (min-width: 1200px) {
	.s-hero-image-container{
		height: 40vh;
		min-height: 250px;
		margin: 40px 0px;
	}

	.s-hero-image-container .s-phone-overlay {
		height: 40vh;
		min-height: 250px;
	}
}
*/


/************************************************
 * START Floating Footer for Business Pages
*************************************************/
.n-floating-footer {
	background-color: var(--color-grey-100);

	/* stick to bottom */
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;

	padding-top: 20px;
	border-top: 1px solid var(--color-border);
}

.nff-left-container {
	padding: 0;
}

.nff-left-container a {
	color: var(--color-grey-700);
}

.nff-left-container-parent {
	display: inline-block;
	background-color: var(--color-grey-500);
}

.nff-right-container {
	box-shadow: 0 3px 10px var(--color-grey-500);
	padding: 14px;
	background-color: var(--color-grey-000);
	border: 1px solid var(--color-border);
	border-radius: 24px;
	margin-bottom: 20px;
}
.nff-big-logo { display: none; }
.nff-small-logo { display: block; }

@media (min-width: 640px) {

	.n-floating-footer {
		background-color: transparent;
		border: none;

		/* stick to bottom */
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;

		padding-top: 60px;
	}


	.nff-big-logo { display: block; }
	.nff-small-logo { display: none; }

	.nff-right-container {
		padding: 20px 30px 10px 30px;
		border-radius: 24px 24px 0px 0px;
		margin-bottom: 0;
	}

}

/*@media (min-width: 960px) {
	.nff-big-logo { display: block; }
	.nff-small-logo { display: none; }
}
*/

.nff-padding-for-footer {
	padding-top: 90px;
}
/************************************************
 * END Floating Footer for Business Pages
*************************************************/


.uk-alert-success {
	background: var(--color-teal-100);
	color: var(--color-grey-950);
	border: 1px solid var(--color-border);
	border-radius: 12px;
}

.uk-alert-danger {
	background: var(--color-rose-200);
	color: var(--color-grey-950);
	border: 1px solid var(--color-border);
	border-radius: 12px;
}


.s-side-heart {
	width: 40px;
}

@media (min-width: 960px) {
	.s-side-heart {
		width: 60px;
	}
}