@charset "utf-8";

/* BPS: 550, 782, 960, 1200 */

/* GLOBAL: COLORS
-------------------------------------------------------------------------------*/
:root {
	--color-black:   #000000;
	--color-slate:   #343434;
	--color-stone:   #57585A;
	--color-silver:  #999999;
	--color-blue90:  #223768;
	--color-blue80:  #2C4477;
	--color-blue50:  #5E95CF;
	--color-blue10:  #DEEAF5;
	--color-green50: #68A441;
	--color-green30: #B9D171;
	--color-berry90: #61236A;
	--color-berry70: #BE57C0;
	--color-white:   #FFFFFF;
}

.has-black-color    { color: var(--color-black); }
.has-slate-color    { color: var(--color-slate); }
.has-stone-color    { color: var(--color-stone); }
.has-silver-color   { color: var(--color-silver); }
.has-blue-90-color  { color: var(--color-blue90); }
.has-blue-80-color  { color: var(--color-blue80); }
.has-blue-50-color  { color: var(--color-blue50); }
.has-blue-10-color  { color: var(--color-blue10); }
.has-green-50-color { color: var(--color-green50); }
.has-green-30-color { color: var(--color-green30); }
.has-berry-90-color { color: var(--color-berry90); }
.has-berry-70-color { color: var(--color-berry70); }
.has-white-color    { color: var(--color-white); }

.has-black-background-color    { background-color: var(--color-black); }
.has-stone-background-color    { background-color: var(--color-stone); }
.has-slate-background-color    { background-color: var(--color-slate); }
.has-silver-background-color   { background-color: var(--color-silver); }
.has-blue-90-background-color  { background-color: var(--color-blue90); }
.has-blue-80-background-color  { background-color: var(--color-blue80); }
.has-blue-50-background-color  { background-color: var(--color-blue50); }
.has-blue-10-background-color  { background-color: var(--color-blue10); }
.has-green-50-background-color { background-color: var(--color-green50); }
.has-green-30-background-color { background-color: var(--color-green30); }
.has-berry-90-background-color { background-color: var(--color-berry90); }
.has-berry-70-background-color { background-color: var(--color-berry70); }
.has-white-background-color    { background-color: var(--color-white); }


/* GLOBAL: VALUES
-------------------------------------------------------------------------------*/
:root {
	--value-base: 16px;
	--value-radius: 3px;
}

@media screen and (min-width: 550px) {
  :root {
	 --value-base: 18px;
	}
}
@media screen and (min-width: 1300px) {
  :root {
	 --value-base: 20px;
	}
}


/* GLOBAL: TYPOGRAPHY
-------------------------------------------------------------------------------*/
body {
	font-size: var(--value-base);
	line-height: 1.5em;
}
body, h1, h2, h3, h4, select, input, textarea {
	font-family: "Asap", Helvetica, Arial, sans-serif;
}
body, select, input, textarea {
	color: var(--color-stone);
}
h1 {
	color: var(--color-slate);
	margin-bottom: 1em;
}
h2 {
	color: var(--color-blue50);
}
h3 {
	font-size: 1em;
	color: var(--color-blue80);
}
ul, ol {
	padding-left: 1em;
}
.content img:first-of-type {
	margin-bottom: 1em;
}


/* GLOBAL: LINKS
-------------------------------------------------------------------------------*/
a {
	color: var(--color-green50);
}
a:hover {
	color: var(--color-blue50);
}
a:link {
	-webkit-tap-highlight-color: rgba(242, 228, 212, 0.5);
}
::-moz-selection {
	background: rgba(242, 228, 212, 0.5);
	text-shadow: none;
}
::selection {
	background: rgba(242, 228, 212, 0.5);
	text-shadow: none;
}


/* UTILITY: CONTAINERS
-------------------------------------------------------------------------------*/
.blog-id-1.page-template-template-full .main {
	padding: 0;
}
@media screen and (min-width: 550px) {
	.main {
		padding: 2em 0;
	}
}


.container,
.page-template-template-full .alignfull .wp-block-group__inner-container,
.page-template-template-full .alignfull .wp-block-cover__inner-container {
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
}
.page-template-template-full .container {
	max-width: 782px;
}
.page-template-template-full .alignfull {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	max-width: 100vw;
	width: 100vw;
}
.page-template-template-full .alignfull .wp-block-group__inner-container {
	padding-left: var(--value-base);
	padding-right: var(--value-base);
}
.page-template-template-full .alignwide {
	max-width: 1300px;
	max-width: calc( 1300px - (var(--value-base) * 2) );
}
@media (min-width: 782px) {
	.page-template-template-full .alignwide {
		width: calc( 100vw - ( var(--value-base) * 3 ) );
		margin-left: calc( 0px - (100vw - 800px) / 2 );
		margin-right: calc( 0px - (100vw - 800px) / 2 );
		
	}
}
@media (min-width: 1300px) {
	.page-template-template-full .alignwide {
		width: 100vw;
		margin-left: calc( ( 800px - 1300px ) / 2 );
		margin-right: calc( ( 800px - 1300px ) / 2 );
	}
}
.page-template-template-full .alignfull .alignwide {
	max-width: calc( 1300px - (var(--value-base) * 3) );
}

.is-style-narrow {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}


/* UTILITY: VISIBILITY
-------------------------------------------------------------------------------*/
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
@media screen and (max-width: 781px) {
	.break {
		display: block;
	}
	.break span {
		display: none;
	}
}


/* UTILITY: ALIGNMENT
-------------------------------------------------------------------------------*/
@media (min-width: 782px) {
	.alignleft,
	.alignright {
		max-width: 400px;
		margin: 0.5em 1em 0.5em 1em;
	}
	.alignleft {
		float: left;
		margin: 0.25em 1em 0.5em 0;
	}
	.alignright {
		float: right;
		margin: 0.25em 0 0.5em 1em;
	}
	.alignleft img,
	.alignright img {
		width: 100%;
	}
}
img.alignleft {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}
img.alignright {
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
}
img.aligncenter {
	margin: 0 auto 1em 0;
	clear: both;
}


/* UTILITY: SCALING
-------------------------------------------------------------------------------*/
.has-small-font-size {
	font-size: 0.9em;
	line-height: 1.5;
}
.has-normal-font-size,
.has-regular-font-size {
	font-size: 1em;
	line-height: 1.5;
}
.has-medium-font-size {
	font-size: 1.2em;
	line-height: 1.5;
}
.has-large-font-size {
	font-size: 2em;
	line-height: 1.35;
}
.has-huge-font-size,
.has-larger-font-size,
.text-large {
	font-size: 3em;
	line-height: 1.214;
}
.has-background {
	padding: var(--value-base) !important;
	margin: 0;
}


/* UTILITY: STYLE
-------------------------------------------------------------------------------*/
.heading-dashed {
	width: 100%;
	display: block;
	font-weight: bold;
	text-align: center;
	color: var(--color-blue90);
	font-size: 2em;
	background-image: url('../img/bg-dash.png');
	background-repeat: repeat-x;
	background-position: center;
	text-shadow:
		10px 0 var(--color-white),
		5px 0 var(--color-white),
		-10px 1px var(--color-white),		
		-5px 0 var(--color-white);
}
.action,
.ptam-text-link {
	display: inline-flex;
	color: var(--color-green50) !important;
	font-weight: 600;
	text-transform: uppercase;
	padding-right: 1.25em;
	letter-spacing: .03em;
	text-decoration: none;
}
.action:after,
.ptam-text-link:after {
	content: "";
	display: inline-block;
	width: 13px;
	height: 13px;
	background-image: url('../img/icon-go-green.svg');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 13px;
	margin-left: .5em;
}
.action:hover {
	color: var(--color-green50);
}
.box .action:hover {
	color: var(--color-green50);
}
.action-purple {
	color: var(--color-berry90);
}
.action-purple:after {
	background-image: url('../img/icon-go-purple.svg');
}
.box .action-purple:hover {
	color: var(--color-berry90) !important;
}
.text-boxed {
	display: inline-block;
	padding: 1.5rem 2rem;
	color: var(--color-white);
	background-color: RGBA(114, 167, 217, 0.8);
}


/* COMPONENT: BOX
-------------------------------------------------------------------------------*/
.box {
	display: flex;
	flex-flow: column nowrap;
	align-items: flex-start !important;
	margin-bottom: 1em;
	background-color: var(--color-white);
	box-shadow: 3px 3px 0 rgba(81,87,94,.2);
	text-decoration: none;
	padding: .7em .85em;
	transition: all 0.3s;
	max-width: 294px;
}
.box:hover {
	box-shadow: 3px 3px 0 rgba(81,87,94,.5);
	text-decoration: none;
	transition: all 0.3s;
}
.box h2,
.box p {
	color: var(--color-blue80);
	font-size: 1.35em;
	margin: 0;
}
.box h2 {
	font-weight: 600;
	line-height: 1.1em;
}
.box span {
	display: block;
}
.box .action {
	display: flex;
	font-size: .85em;
	margin-top: 8px;
}
.box-fancy {
	max-width: 294px;
	border-bottom: 10px solid var(--color-berry90);
	padding: 0;
}
.box-fancy img {
	width: 100%;
}
.box-fancy h2 {
	font-size: 1.5em;
}
.box-fancy .box-content {
	padding: .7em .85em;
}
.box-fancy .action {
	color: var(--color-berry90);
}
.box-fancy-purple {
	border-bottom: 10px solid var(--color-berry90);
}
@media screen and (min-width: 782px) {
	.sidebar .box {
		font-size: .8em;
		line-height: 1em;
	}
	.sidebar .box h2 {
		line-height: 1.15em;
	}
	.sidebar .box .action {
		margin: .5em 0;
	}
	.sidebar .box .action:after {
		background-size: 9px 9px;
		width: 9px;
		height: 9px;
	}
}


/* COMPONENT: BUTTONS
-------------------------------------------------------------------------------*/
button,
.button {
	display: inline-flex;
	align-items: center;
	background-color: var(--color-blue80);
	color: var(--color-white);
	border-radius: var(--value-radius);
	font-weight: bold;
	font-size: 1.15rem;
	line-height: 1;
	border: none;
	text-decoration: none;
	padding: 8px 12px;
}
button:hover,
.button:hover {
	text-decoration: none;
	background-color: var(--color-green50);
	color: var(--color-white);
	cursor: pointer;
}
.button-icon {
	padding-left: 30px;
}
a.wp-block-button__link {
	border-radius: var(--value-radius);
	padding: 8px 12px !important;
	font-weight: bold;
}


/* COMPONENT: CHOICES
-------------------------------------------------------------------------------*/
.block-choice,
.block-steps {
	background-color: var(--color-blue10);
	border-radius: 5px;
	padding: 1em;
}
.block-steps h2 {
	margin: 0 0 1em 0;
}
.block-choice h2 {
	margin: 1em 0 0 0;
}
.block-choice .button {
	background-color: var(--color-blue50);
}
.block-choice .button:hover {
	background-color: var(--color-green50);
}
.block-choice {
	text-align: center;
}


/* COMPONENT: COVER
-------------------------------------------------------------------------------*/
.wp-block-cover.no-margin .wp-block-columns,
.wp-block-cover.no-margin .wp-block-button {
	margin: 0;
}


/* COMPONENT: EMBEDS
-------------------------------------------------------------------------------*/
.gallery img {
	display: block;
	width: 100%;
	max-width: 500px;
	margin: 0 auto 2em auto;
}
figure {
  margin: 0;	
}
.splide {
	width: 100%;
	background-color: var(--color-blue10);
}
.video-responsive {
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	height: 0;
}
.video-responsive iframe {
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	position: absolute;
}


/* COMPONENT: EXCERPT
-------------------------------------------------------------------------------*/
.excerpts {
	display: flex;
	flex-wrap: wrap;
	background-color: var(--color-white);
}
.excerpts .excerpt {
	padding: var(--value-base);
}
@media screen and (min-width: 719px) {
	.excerpts .excerpt {
		width: 50%;
		padding: calc( var(--value-base) * 2 );
	}
	.excerpts .excerpt:nth-child(odd) {
		padding-right: var(--value-base);
	}
	.excerpts .excerpt:nth-child(even) {
		padding-left: var(--value-base);
	}
}
.excerpt a,
.ptam-block-post-grid-text a {
	text-decoration: none;
	font-weight: 600;
}
.excerpt-title,
.excerpt-title a,
.ptam-block-post-grid-title,
.ptam-block-post-grid-title a {
	font-size: 1.25rem;
	line-height: 1.65rem;
	text-decoration: none;
	color: var(--color-blue90) !important;
	margin-top: 0.5em;
}
.excerpt-title,
.ptam-block-post-grid-title {
	padding-right: 10%;
}
.excerpt-tag,
.excerpt-tag a,
.ptam-block-post-grid-byline,
.ptam-block-post-grid-byline a {
	margin: .5em 0 1em 0;
	text-transform: uppercase;
	color: var(--color-blue50);
}
.excerpt-tag a:hover,
.ptam-block-post-grid-byline a:hover {
	color: var(--color-blue50);
}
.excerpt-entry,
.ptam-block-post-grid-excerpt {
	line-height: 1.35rem;
	font-size: 1rem !important;
}
.ptam-block-post-grid-link {
	font-size: .9rem;
}
.excerpt img {
	width: 100%;
}
.excerpt img:first-of-type {
	margin-bottom: 0;
}
.post-meta {
	font-size: .8em;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 1em;
	color: var(--color-silver);
}
.ptam-block-post-grid .ptam-block-post-grid-image img {
	width: 100%;
}
.ptam-term-label {
	display: none;
}


/* COMPONENT: FEATURE
-------------------------------------------------------------------------------*/
.feature {
	display: flex;
	flex-flow: row-reverse nowrap;
	align-items: flex-end;
	justify-content: space-between;
	overflow: hidden;
	box-shadow: 3px 3px 0 rgba(81,87,94,.3);
	background-color: var(--color-blue50);
}
.feature-image {
	min-width: 270px;
	height: 270px;
	background-size: cover;
	background-position: 50% 50%;
}
.feature .box {
	max-width: none;
	margin: var(--value-base);
	margin-right: -40px;
}
.feature h2 {
	font-size: 1.5em;
	line-height: 1em;
	text-decoration: none;
	font-weight: 600;
	margin: 0 0 .15em 0;
	color: var(--color-blue90);
	max-width: 90%;
}
.feature .action {
	font-size: 0.9rem;
}
.feature-berry {
	background-color: var(--color-berry90);
}
.feature-berry .action {
	color: var(--color-berry90)!important;
}
.feature-berry .box:hover .action {
	color: var(--color-berry70) !important;
}
.feature-berry .action:after {
	background-image: url('../img/icon-go-purple.svg');
}
.feature-green {
	background-color: var(--color-green50);
}
.feature-green .action {
	color: var(--color-green50);
}
.feature-green .box:hover .action {
	color: var(--color-green50) !important;
}
.feature-green .box:hover .action {
	color: var(--color-green30) !important;
}


/* COMPONENT: FORMS
-------------------------------------------------------------------------------*/
label {
	color: var(--color-blue80);
}
[type=text],
[type=email],
[type=password],
[type=number],
[type=date],
[type=search],
[type=tel],
[type=url],
[type=submit],
textarea {
	height: auto;
	padding: 8px 16px;
	vertical-align: middle;
	border-radius: 0;
}
[type=submit] {
	border-radius: var(--value-radius);
}


/* COMPONENT: LISTS
-------------------------------------------------------------------------------*/
.list-inline,
.list-inline li,
.list-unstyled,
.list-unstyled li {
	margin: 0;
	padding: 0;
}
.list-inline li,
.list-unstyled li {
	list-style: none;
}
.list-inline li {
	display: inline;
}
.list-grid {
	font-size: 0.778em;
	line-height: 1.5;
	display: flex;
	flex-wrap: wrap;
}
.list-grid li {
	width: 50%;
	width: calc(50% - 1em);
	padding: 1em 0 2em 0;
	margin-left: .5em;
	border-top: 1px solid #CCCCCC;
}
.list-grid strong {
	text-transform: uppercase;
	letter-spacing: .01em;
}
.numbered-list {
	position: relative;
	list-style: none;
	*list-style: decimal;
	counter-reset: li;
	margin-left: 2em;
}
.numbered-list li {
	margin-top: 1.5em;
	width: 90%;
}
.numbered-list li:before {
	content: counter(li);
	counter-increment: li;
	position: absolute;
	margin-top: -.15em;
	margin-left: -3em;
	font-size: .9em;
	height: 1.65em;
	width: 1.65em;
	line-height: 1.7em;
	background-color: var(--color-blue80);
	color: var(--color-white);
	text-align: center;
	font-weight: bold;
	border-radius: 2em;
}
.numbered-list h3 {
	margin-bottom: .15em;
	line-height: 1.25em;
}
.numbered-list p {
	margin-top: 0;
	line-height: 1.5em;
}


/* COMPONENT: PAGINATION
-------------------------------------------------------------------------------*/
.pagination {
	clear: both;
	font-size: .8em;
	padding-top: 3em;
}
.pagination-wrapper {
	padding-top: 1em;
	border-top: 1px solid var(--color-blue10);
}
.page-numbers {
	display: inline-block;
	padding: .25em .85em;
	text-decoration: none;
	background-color: var(--color-blue10);
	color: var(--color-blue50);
	border-radius: var(--value-radius);
	text-transform: uppercase;
	font-weight: 600;
}
.page-numbers:hover {
	background-color: var(--color-green50);
	text-decoration: none;
}


/* COMPONENT: PROFILE
-------------------------------------------------------------------------------*/
.profile {
	width: 100%;
	display: flex;
	flex-flow: row nowrap;
	margin-top: 2em;
	border-top: 1px solid var(--color-blue10);
	padding-top: 2em;
}
.profile-image {
	max-width: 130px;
	width: calc( 100% - 130px );
	margin-right: 30px;
}
.profile-content {
	width: calc( 100% - 130px - 1em );
}
.profile-name {
	display: inline-block;
	font-size: 1.2em;
	margin: .5em 0;	
}
.profile-title {
	display: inline-block;
	font-size: .95em;
}
.profile-title:before {
	content: "•";
	padding: 0 7px 0 4px;
}
.profile-blurb {
	font-size: .85em;
	line-height: 1.5;
}
.profile-blurb p:first-of-type {
  margin-top: 0;
}


/* COMPONENT: SEPARATORS
-------------------------------------------------------------------------------*/
hr.wp-block-separator {
  height: 1px;
	padding: 0 !important;
	border: 0;
	margin: 2em 0;
}
hr.is-style-default {
	max-width: 140px;
	margin: 2em auto;
	height: 3px;
}
hr.is-style-wide {
	max-width: 100%;
	margin: 2em auto;
}


/* COMPONENT: TABLES
-------------------------------------------------------------------------------*/
table tbody td,
table tbody th,
table tfoot td,
table tfoot th,
table thead td,
table thead th {
	padding: 0.35em 0;
}
.table-grid {
	margin: 0;
}
.table-grid td {
	vertical-align: top;
}
.table-grid p {
	margin-bottom: 0;
	line-height: 1.5;
}
.table-grid tr:last-child td {
	border-bottom: 0;
}
.table-grid h1,
.table-grid h2,
.table-grid h3 {
	margin-top: 0;
}


/* COMPONENT: TRAY
-------------------------------------------------------------------------------*/
.tray:before,
.tray:after {
	content: " ";
	display: table;
}
.tray:after {
	clear: both;
}
.expand {
	font-weight: 600;
	font-size: .8em;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
}
.expand:hover {
	text-decoration: none;
}



/* STRUCTURE: BACKGROUNDS
-------------------------------------------------------------------------------*/
.content article {
	background-color: var(--color-white);
	padding: 2em 0;
}
@media screen and (min-width: 550px) {
	.content article {
	 padding: 2em;
	 background-color: var(--color-white);
	}
	.sidebar {
		padding-right: 0;
	}
}

@media screen and (min-width: 550px) {
	body {
		background-color: var(--color-blue10);
	}
}
.blog-id-1.page-template-template-full {
	background-color: var(--color-white);
}


/* STRUCTURE: HEADER
-------------------------------------------------------------------------------*/
.header {
	background-color: var(--color-white);	
}
.header .container {
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;
	max-width: 1300px;
	padding: 1em 0;
}
.header-logo img {
	max-width: 210px;
}
.header-right {
	justify-content: center;
}
@media screen and (min-width: 782px) {
  .header .container {
		flex-flow: row nowrap;
		padding-left: var(--value-base);
		padding-right: var(--value-base);
	}
	.header-right {
		display: flex;
		align-items: stretch;
		justify-content: flex-end;
		width: 100%;
	}
}
@media screen and (min-width: 1300px) {
	.header {
		display: flex;
		height: 100px;
	}
	.header-logo {
  	margin-right: 20px;
	}
	.header-left {
		display: flex;
		width: 66.66666667%;
	}
	.header-right {
		width: 33.33333333%;
	}
}


/* STRUCTURE: NAVIGATION
-------------------------------------------------------------------------------*/
.header-nav {
		display: none;
}
@media screen and (min-width: 1300px) {
	.button-menu {
		display: none;
	}
	.header-nav {
		flex: 1;
		display: flex;
		flex-flow: column;
		align-items: flex-start;
		justify-content: center;
		background-color: var(--color-white);
		font-size: 1rem;
		height: 60px;
	}
	.header-nav ul,
	.header-nav li {
		margin: 0;
		padding: 0;
		line-height: 1;
		list-style: none;	
	}
	.header-nav ul {
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
	}
	.header-nav a {
		text-decoration: none;
	}
	.header-nav .menu-item-depth-0 > a {
		color: var(--color-blue90);
		padding: 10px 8px;
		white-space: nowrap;
	}
	.header-nav .menu-item-depth-0 > a:hover {
		color: var(--color-green50);
	}
	.header-nav .menu-item-depth-0.menu-item-has-children {
		position: relative;
	}
	.header-nav .menu-item-depth-0.menu-item-has-children > a {
		padding-right: 22px;
	}
	.header-nav .menu-item-depth-0.menu-item-has-children > a:after {
		content: "";
		display: inline-block;
		width: 6px;
		height: 6px;
		border-right: 2px solid #a6adad;
		border-bottom: 2px solid #a6adad;
		transform: rotate(45deg);
		position: absolute;
		top: 5px;
		right: 9px;
		opacity: .9;
	}
	.header-nav .submenu-wrap {
		position: relative;
	}
	.header-nav .submenu {
		position: absolute;
		display: none;
		background: var(--color-white);
		left: -5px;
		top: -1px;
		padding: 10px 12px;
		box-shadow: 0px 0px 2px #2F465155;
		border-radius: 1px;
		z-index: 2;
		margin-top: 12px;
	}
	.header-nav .submenu li {
		display: block;
		width: 100%;
	}
	.header-nav .menu-item-depth-1 a {
		display: block;
		padding: 3px;
		font-size: 0.9em;
		line-height: 1.35;
		color: var(--color-slate);
		white-space: pre; 
	}
	.header-nav .menu-item-depth-1 a:hover,
	.header-nav .menu-item-depth-0 a:hover {
		color: var(--color-green50);
	}
	.header-nav .current_page_ancestor > a {
		color: var(--color-green50);
	}
	.header-nav .current_page_item > a {
		color: var(--color-blue50);
	}
	.header-nav .menu-item-depth-0:hover::before,
	.header-nav .menu-item-depth-0:hover::after {
		content: "";
		width: 16px;
		height: 16px;
		position: absolute;
		right: 4px;
		bottom: -23px;
		background-color: var(--color-white);
		transform: rotate(45deg);
	}
	.header-nav .menu-item-depth-0:hover::before {
		box-shadow: 0px 0px 3px #2F465155;
	}
	.header-nav .menu-item-depth-0:hover::after {
		z-index: 101;
	}
	.header-nav .menu-item-depth-0:hover ul.submenu {
		display: block;
	}
}
.header .button {
	color: var(--color-white);
	background-color: var(--color-blue80);
	text-transform: uppercase;
	background-position: 10px center;
	background-repeat: no-repeat;
	background-size: 15px;
	font-size: 1rem;
	font-weight: 700;
	min-height: 37px;
}
.header .button:hover {
	text-decoration: none;
}
.header .button:hover {
	color: var(--color-white);
	opacity: 0.8;
}
.header .button-donate {
	background-image: url('../img/icon-donate.svg');
	background-color: var(--color-green50);
}
.header .button-menu {
	background-image: url('../img/icon-menu.svg');
	background-color: var(--color-blue50);
}


/* STRUCTURE: SEARCH
-------------------------------------------------------------------------------*/
.header-search {
	width: 100%;
	margin-bottom: 10px;
}
@media screen and (min-width: 782px) {
	.header-search {
	 max-width: 160px;
	 margin-bottom: 0;
    margin-right: 4px;
	}
}
.gsc-search-box table,
.gsc-search-box,
.gsc-search-box td,
.gsc-input,
.gsc-input-box,
.gsc-input-box-hover,
.gsc-input-box-focus {
	border: 0 !important;
	padding: 0 !important;
	background: transparent;
}
.gsc-input .gsib_b {
	display: none;
}
.header-search .gsc-search-button, 
.header-search .gsc-clear-button {
	width: 0 !important;
	display: none !important;
}
.header-search input.gsc-input {
	border: 1px solid var(--color-blue10) !important;
	background-image: url('../img/search.png') !important;
	background-repeat: no-repeat;
	background-position: left .65em center;
	position: relative;
	padding: 8px !important;
	background-color: var(--color-white);
}
.header-search input.gsc-input:focus,
.header-search input.gsc-input:active {
	background-color: var(--color-blue10) !important;
}
.search-field input {
	display: none;
	background-color: var(--color-blue10);
	padding: .65em 1em;
	border: 0;
	width: 100%;
	display: inline-block;
}
.gsc-selected-option-container {
	-webkit-box-sizing: unset;
	-moz-box-sizing: unset;
	box-sizing: unset;
}
div.gsc-webResult {
	border-bottom: 1px solid #e9e9e9 !important;
}
.entry .gsc-control-cse td,
table.gsc-table-result td {
	border-bottom: none;
}


/* STRUCTURE: SIDENAV
-------------------------------------------------------------------------------*/
.sidebar-navside {
	border-left: 2px dashed var(--color-blue50);
	margin: 1em 0 3em 0;
	padding-left: 1em;
	text-transform: uppercase;
	font-size: .8em;
	line-height: 1.35em;
}
.sidebar-navside a {
	display: block;
	color: var(--color-blue80);
	font-weight: bold;
	padding: .5em 0;
}
.parent_page_item a {
	font-size: 1.3em;
	line-height: 1.15em;
}
.sidebar-navside a:hover {
	color: var(--color-blue90);
}
.sidebar-navside .current_page_item a,
.sidebar-navside .current-page-ancestor a {
	color: var(--color-blue50);
}
@media screen and (max-width: 781px) {
	.sidebar {
		display: none;
	}
}


/* STRUCTURE: MMENU
-------------------------------------------------------------------------------*/
#sidenav:not( .mm-menu ) {
	display: none;
}
:root {
	--mm-color-background: var(--color-blue90);
	--mm-color-text: var(--color-white);
	--mm-color-text-dimmed: var(--color-blue50);
	--mm-color-button: var(--color-white);
}
.mm-navbar__title span {
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
}


/* STRUCTURE: FOOTEER
-------------------------------------------------------------------------------*/
.footer {
	background-color: var(--color-blue80);
	color: var(--color-white);
}


/* STRUCTURE: CONNECT
-------------------------------------------------------------------------------*/
.connect {
	max-width: 1300px !important;
	padding-top: 60px;
}
.connect h4 {
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 1em;
	color: var(--color-white);
}
.connect-left,
.connect-right {
	margin-bottom: 60px;
}
.connect-left p {
	font-size: .9em;
	line-height: 1.5em;
	margin-bottom: 2em;
}
.connect-left p::first-line {
	font-weight: bold;
	font-size: 1.25em;
	color: var(--color-blue50);
}
.connect-left a {
	color: var(--color-white);
	text-decoration: none;
}
.connect-left .button {
	background-color: var(--color-green50);
	color: var(--color-white);
}
.connect-left .button:hover {
	background-color: var(--color-green50);
	color: var(--color-white) !important;
}
.connect-social li {
	display: inline-block;
	margin-right: .5em;
}
.connect-social li a {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 46px;
	background-color: var(--color-blue50);
	overflow: hidden;
	color: var(--color-white);
	text-align: center;
}
.connect-social li a:hover {
	background-color: var(--color-green50);
	}
.connect-social li:last-child {
	margin-right: 0;
}
.connect .box {
	margin-top: 1em;
	font-size: 1em;
}
.connect .box,
.connect .box:hover {
	padding: 1em;
	background-color: var(--color-white);
}
.connect .box:hover p {
	color: var(--color-blue90)
}
.connect .box .action {
	color: var(--color-green50);
}
.connect .box:hover .action {
	color: var(--color-green50);
}


/* STRUCTURE: LEGAL
-------------------------------------------------------------------------------*/
.legal {
	background-color: var(--color-blue50);
	text-align: center;
	font-size: .75em;
	padding: .5em 1em;
	font-weight: bold;
	margin-top: 2em;
}
.legal span {
	margin: 0 1em 0 .5em;
}
.legal a {
	color: var(--color-blue80);
	text-decoration: none;
}
.legal a:hover {
	color: var(--color-white);
}
@media screen and (max-width: 499px) {
	.footer {
		text-align: center;
	}
	.footer .col-6 {
		width: 100%;
		clear: both;
	}
}


/* LAYOUT: SINGLE
-------------------------------------------------------------------------------*/
.single img.wp-post-image:first-of-type {
	margin-top: 1.25em;
	margin-bottom: 0;
	width: 100%;
}


/* LAYOUT: LANDING TEMPLATE
-------------------------------------------------------------------------------*/
.landing-banner {
	overflow: hidden;
	background-color: var(--color-green50);
}
.landing-banner .container {
	height: 150px;
	background-repeat: no-repeat;
	background-position: right 80px center;
}
.landing-banner .container img {
	height: 150px;
	width: auto;
	float: right;
}


/* LAYOUT: CHILD SITE
-------------------------------------------------------------------------------*/
.site-title {
	background-color: var(--color-berry90);
	text-align: right;
	font-size: .75em;
	height: 150px;
	overflow: hidden;
}
.site-title .container {
	height: 100%;
	padding: 1em 5% 2em 5%;
	background-image: url('../img/banner-network.png');
	background-repeat: no-repeat;
	background-position: right center;
}
.site-title h1 {
	font-size: 2.15em;
	letter-spacing: .03em;
	color: var(--color-white);
}
.site-title .button {
	margin: 0;
	text-decoration: none;
	font-size: 1.35em;
	color: var(--color-blue80) !important;
	background-color: var(--color-white);
	box-shadow: 3px 3px 0 rgba(60,16,69,.6);
}
.site-back {
	font-size: .9em;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--color-berry90);
	padding-left: 1em;
	background-image: url('../img/icon-back.png');
	background-repeat: no-repeat;
	background-position: left center;
}
.blog-id-1 .page-home .content h1 {
	font-size: 2.35em;
	color: var(--color-blue80);
}



/* LAYOUT: GALLERY TEMPLATE
-------------------------------------------------------------------------------*/
.page-gallery .content {
	padding: 2em 2em 0 2em;
}
.page-gallery #carousel {
	margin: 0;
}


/* LAYOUT: CAMPAIGN TEMPLATE
-------------------------------------------------------------------------------*/
.page-template-template-campaign h2 {
	font-size: 2rem;
	font-weight: bold;
	color: var(--color-green50);
}
div[class^="campaign-section-"] .button {
	border: 2px solid var(--color-blue80);
	margin-right: 1em;
}
div[class^="campaign-section-"] .button:hover {
	text-decoration: none;
	background-color: var(--color-green50);
	border-color:var(--color-green50);
	color: var(--color-white);
}
.page-template-template-campaign .button:last-child:hover {
	background-color: var(--color-white);
	border-color:var(--color-green50);
	color: var(--color-green50);
}
.campaign-section-hero {
	background-color: var(--color-blue50);
	overflow: hidden;
}
.campaign-section-hero-wrapper {
	position: relative;
	max-width: 960px;
	margin: 0 auto;
}
.campaign-section-hero-splash {
	line-height: 0;
}
.campaign-section-hero-headline div {
	width: 100%;
}
.campaign-section-hero-headline img {
	margin: 0 auto;
	width: 100%;
}
.campaign-section-hero-headline h2 {
	font-size: 1.75em;
	color: var(--color-white);
	text-align: center;
	margin: 0;
	padding-bottom: 1em;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
@media screen and (min-width: 782px) {
	.campaign-section-hero {
		background-color: var(--color-blue10);
		max-height: 600px;
	}
	.campaign-section-hero-headline {
		position: absolute;
		top: 10%;
		right: 5%;
		width:70%;
		max-width: 700px;
		z-index: 100;
		text-align: right;
	}
	.campaign-section-hero-headline h2 {
		display: inline-block;
		color: var(--color-white);
		background-image:url('https://safe-families.org/wp-content/uploads/2017/10/sf-sunday-texture.png');
		font-weight: bold;
		padding: .5em 1em;
	}
	.campaign-section-hero-headline img {
		width: 90%;
	}
}
.campaign-section-about {
	padding: 1em 0;
}
.campaign-section-action {
	background-color: #B9141D;
	background-image: url('../../../uploads/2017/10/sf-sunday-hearts.png');
	padding-top: 1.5em;
	padding-bottom: 3em;
}
.campaign-section-action * {
	color: var(--color-white) !important;
}
.campaign-section-start {
	padding: 2em 0 3em 0;
	text-align: center;
}
.campaign-section-start-steps {
	padding: 2em 0 3em 0;
	text-align: center;
	font-weight: bold;
	color: var(--color-black);
}
.campaign-section-start .button {
	font-size: 1.15em;
}
.campaign-section-start .button:last-child {
	background-color: var(--color-white);
	color: var(--color-blue80);
}
.campaign-section-band {
	background-color: var(--color-blue50);
}
.campaign-section-band img {
	display: block;
	width: 100%;
	max-width: 954px;
	margin: 0 auto !important;
}
.campaign-section-quote {
	background-color: var(--color-green30);
	padding: 1em;
}
.campaign-section-quote blockquote {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.campaign-section-quote p {
	font-family: 'Gochi Hand', sans-serif;
	color: var(--color-black);
	font-size: 1.5em;
	line-height: 1.15em;
}
.campaign-section-quote cite {
	display: block;
	color: var(--color-black);
	text-align: right;
	font-size: .65em;
}