@charset "UTF-8";
/*
Theme Name: Web Solutions
Theme URI: https://www.websolutions.com/
Author: Web Solutions
Author URI: https://www.websolutions.com/
Description: WordPress wpCode
Version: 2.0
Text Domain: wpcodev2

Web Solutions is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
*/



body {
	scroll-padding-top: 7em; /* Scroll offset for sticky header  */
}



/* TYPOGRAPHY ------------------------------*/
/*
h1 { font-size: 2em; }
h2 { font-size: 1.75em; }
h3 { font-size: 1.5em; }
h4, th { font-size: 1.25em; }
h5 { font-size: 1.125em; }
h6 { font-size: 1.0em; } */

.intro {
	font-size: 1.375rem;
}



/* HEADER ------------------------------*/
body>header {
	background: #FFF;
	overflow: visible;
	padding: 0 1em;
	position: sticky;
	top: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: .5px solid rgba(0, 0, 0, 0.1);
	z-index: 4;
}



body.admin-bar>header {
	top: 32px
}

body>header>.wrap {
	overflow: visible;
}

#brand {
	display: block;
	padding: 0.75em 0;
	max-width: 20.125em;
	width: 100%;
}

#brand img {
	display: block;
	width: 100%;
}

nav ul {
	margin: 0;
}

#mainnav {
	overflow: visible;
}

#mainnav ul {
	margin: 0;
	overflow: visible;
	padding: 0;
	text-align: center;
}

#mainnav li {
	display: inline-block;
	position: relative;
}

#mainnav a {
	font-size: 0.875rem;
	color: #000;
	display: inline-block;
	line-height: 2;
	padding: 0.1875rem 1rem;
	text-decoration: none;
	border-radius: 4px;
	border: 1px solid transparent;
}

#mainnav>ul>li:hover>a,
#mainnav>ul>li.expand>a,
#mainnav>ul>li>a:focus,
#mainnav>ul>li:focus-within>a {
	background: var(--red);
	border-color: var(--red);
	color: #FFF;
}

#mainnav>ul>li:is(.current-menu-item, .current-page-ancestor)>a {
	background: #fff;
	color: var(--dark-green);
	border-color: var(--dark-green);
}

#mainnav>ul>li:last-child>a {
	background: var(--red);
	border-color: var(--red);
	color: #FFF;
	padding: 3px 1rem;
}
#mainnav>ul>li:last-child>a:is(:hover,:focus) {
	background: var(--orange);
	border-color: var(--orange);
}


/* ACCESSIBLE DROPDOWNS ------------------------------ */
#mainnav>ul>li>button {
	background: transparent;
	bottom: -1rem;
	border: 0;
	height: .5rem;
	opacity: 0;
	padding: 0;
	pointer-events: none;
	position: absolute;
	right: 50%;
	transform: translate(50%,-50%);
	width: 1.25rem;
}

#mainnav>ul>li>button:focus-visible {
	opacity: 1;
}

#mainnav>ul>li>button:before {
	background: url('./images/icons/chevron-down.svg') no-repeat center / contain;
	content: '';
	height: .75rem;
	left: 0;
	position: absolute;
	right: 0;
	top: calc(50% - 6px);
}



/* T2 DROPDOWN MENU ------------------------------ */
#mainnav li ul {
	background: #000;
	height: auto;
	opacity: 0;
	overflow: auto;
	padding: 1em 0;
	position: absolute;
	top: -200vh;
	transition: opacity .3s ease .3s;
	visibility: hidden;
	width: 12.5em;
	z-index: 1;
}

/* Fade out */
#mainnav li:not(.expand) ul {
	transition:
		opacity .2s ease-out 0.25s,
		visibility .2s ease-out 0.25s,
		top 0s linear 0.7s;
}

/* Fade in */
#mainnav>ul>li:is(:hover, .expand)>ul {
	transition:
		opacity .2s ease-in .3s,
		visibility .2s ease-in 0s,
		top 0s linear .3s;
}

#mainnav li:hover ul,
#mainnav li>a:focus + ul,
#mainnav>ul>li.expand>ul,
#mainnav>ul>li>ul:focus-within {
	opacity: 1;
	top: 100%;
	visibility: visible;
}

#mainnav>ul>li:last-child ul {
	right: 0;
}

#mainnav li ul li {
	display: block;
	width: 100%;
}

#mainnav li ul li a {
	background: none;
	color: #FFF;
	display: block;
	font-size: .9em;
	line-height: 1.1;
	padding: .3em .5em;
	text-align: left;
	width: 100%;
}

#mainnav li ul li a:is(:hover, :focus) {
	background: #FFF;
	color: #000;
}

#mainnav li ul ul {
	display: none;
}



/* ANCILLARY ------------------------------ */
#ancillary {
	color: #ccc;
	padding: 1rem 0;
	position: absolute;
	right: 0;
	top: 0;
}

#ancillary :is(ul, li) {
	display: inline;
}

#ancillary a {
	color: #999;
	display: inline-block;
	font-size: .75em;
	padding: .5em .75em;
	text-decoration: none;
}

#ancillary li.current_page_item a,
#ancillary a:is(:hover, :focus) {
	color: #F03C5E;
}

#ancillary form {
	display: inline;
}

#ancillary form input {
	display: inline-block
}

/* mobile */
#mobilenav, .toggleNav {
	content-visibility: hidden;
	display: none;
}



/* MAIN ------------------------------ */
main {
	background: #FFF;
	display: flex;
	flex-direction: column;
}

main > .wrap {
	padding-top: 3em;
}

main>div>aside {
	float: left;
	overflow: hidden;
	padding-right: 2em;
	width: 16.375em;
}

body.fullWidth #content {
	float: none;
	margin: 0 auto;
	width: 100%;
}

#content {
	float: right;
	min-height: 37.5em;
	overflow: hidden;
	padding: 0 0 5.625em;
	position: relative;
	width: calc(100% - 16.375em);
}

#content.fullWidth {
	float: none;
	margin: 0 auto;
}

.twoCol {
	columns: 2;
}

.threeCol {
	columns: 3;
}

.content .wp-block-image .alignright {
	margin: 0 0 .75em 3em;
}

.alignleft {
	margin: 0 2.5em .75em 0;
}

figure.wp-block-pullquote {
	width: 50%;
	float: left;
	padding: 0px;
	margin: 2rem 2rem 1rem 0px;
}
figure.wp-block-pullquote.alignright {
	float: right;
	margin: 2rem 0rem 1rem 2rem;
}

/* BLOG FOOTER CTA ------------------ */
.blog-footer-cta .wrap {
	max-width: 84.25rem;
	padding-top: 7rem;
	padding-bottom: 5.625rem;
}
.blog-footer-cta .wrap-inner {
	width: 35.3125rem;
	max-width: 45%;
	float: right;
}
.blog-footer-cta .blog-cta-slider {
	position: absolute;
	width: 50%;
	top: 0;
	bottom: 0;
	background: red;
}
.blog-footer-cta p {
	font-size: 1.375rem;
}

/* BLOCKS */
.gift-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	float: left;
	width: 48%;
}
.lists-container>:nth-child(even) {
	margin-left: 4%;
}
.gift-cta.gift-cta-solo {
	margin: 3em 0 3em;
}
.gift-cta-solo {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.gift-cta-solo h2 + p {
	margin-bottom: 0;
	text-align: left;
}

.photogrid ul li .homepage-text {
	font-size: 1.25rem;
}

.highlight.donors-blog-highlight h2 {
	max-width: min(50%, 21em);
}

/* FOOTER ------------------------------ */
body>footer .fatFooter {display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;}
body>footer .wrap #web-solutions {float:right;margin-left:11px}
body>footer .wrap nav li:not(:last-of-type) span:before, body>footer .wrap nav li:before {content: "|"; margin: 0 0.5em}
body>footer>.wrap ul {display: inline-flex; margin: 0;}
body>footer .social-links a:hover {opacity: .7;}
body>footer a:hover, footer a:active{text-decoration: underline; color: #FFF;}
body>footer>.wrap #web-solutions a:hover{opacity:.8}

#exposure {
	float: right;
	margin-left: 11px;
}

#exposure a:is(:hover, :focus) {
	opacity: .8;
}

/* FAMILY BAR */
#nkr-familybar{
	line-height:2.125em;
	padding:.5em .5em .25em;
}
#nkr-familybar span{
	padding-right:.25em;
}
#nkr-familybar li:before{
	content:"\00A0\2022\00A0";
	display:contents;
}
#nkr-familybar a{line-height:2em;}
#nkr-familybar a:hover,
#nkr-familybar a:active{
	text-decoration:none;
	border-color:rgba(206,14,45,1);
}
/* /family bar */


/* MAX-WIDTH MEDIA QUERIES ------------------------------ */

/* 1200 */
@media (max-width: 75em) {
	body>header {
		padding: 0 .5em;
	}
	#brand {
		max-width: 12.25em;
	}
	#mainnav a {
		padding: 0.1875rem .5em;
	}
	#mainnav>ul>li:last-child>a {
		padding: 3px .5em;
	}
	.blog-footer-cta p {font-size: 1.25rem;}
	.gift-cta-solo {display: block;}
	.gift-cta-solo h2 + p {text-align: center; margin-bottom: 1rem;}
	.lists-container li {font-size: 1rem;}
}

/* 1000 */
@media (max-width: 62.5em) {
	.why-become ul {
		gap: 1.5rem;
	}
	.why-become ul li {
		width: calc(33.33% - 1rem);
	}
	.icon-list-back {
		padding: .75rem 1rem 0;
	}
	.photogrid ul li .homepage-text {
		font-size: 1.125rem;
	}

}

/* 900 */
@media (max-width: 56.25em) {
	body>header {flex-wrap: wrap; justify-content: center; height: 6rem;}
	body.page-template-template-splash-page>header {height: auto;}
	#brand {padding-top: .5rem;}
	#navContainer {margin: 0; padding-right: 1rem;}
	#mainnav a {
		padding: 0 .5em;
	}
	.blog-footer-cta p {font-size: 1.0625rem;}
	.blog-footer-cta .button {font-size: 0.9375rem;}
    figure.wp-block-pullquote {
        width: 100%;
        padding: 0px;
        margin: 3rem 0 2rem;
	}

	.gift-list {
		width: 100%;
		float: none;
	}
}


@media (max-width: 782px) {
	body.admin-bar>header {
		top: 46px;
	}
}