:root
{
	--defaultBodyFontSize: 20px;
	/*home;*/
	--colA: #2A8093;
	/*//col A = blue*/
	--colB: #3B6924;
	/*//col b = dark green*/
	--colC: #DC773F;
	/*//col c = orange*/
	--colD: #D4DB68;
	/*//col D = light green*/
	--colDdark: #B9B458;
	/*//col D = light green*/
	--defaultTransition: all 500ms ease-in-out;
	--navPrimaryCol: var(--colA);
	--navPrimaryHovCol: var(--colC);
	--navPrimaryVisitedCol: var(--colDdark);
	--rowCol: #eeeeee;
	--inactiveBkg: #bbbbbb;
	--inactiveFg: #666666;
	--rowColAlt: #bbbbbb;
	--slowTransition: all 1000ms ease-in-out;
	--vSlowTransition: all 1500ms ease-in-out;
	--maxWidthPixels: 1080px;
	--insetLMargin: calc(var(--defaultInterval)*.5);
	--insetLMargin: calc(var(--defaultInterval)*0);
	--maxWidthMargin: min(100vw - var(--insetLMargin) - var(--defaultInterval)*2 , var(--maxWidthPixels));
	--maxWidth: min(100vw - var(--insetLMargin) - var(--defaultInterval)*0 , var(--maxWidthPixels));
	--maxWidth: min(100vw - var(--insetLMargin) - var(--defaultInterval)*2 , var(--maxWidthPixels));
	/*--maxWidth: min(100vw - var(--insetLMargin) - var(--defaultInterval)*2 , var(--maxWidthPixels), 100px);*/
	/*--maxWidth: min(100vw, 500px);*/
	/*--maxWidth: 1080px;*/
	/*--maxWidth: 900px;*/
	--wideWidth: 900px;
	--archiveItemMaxWidth: calc(var(--defaultInterval)*30);
	--primaryFontFamily:'Open Sans', sans-serif;
	--accentFontFamily: 'League Gothic', sans-serif;
	--borderRadius: 10px;
	--titleSize: 5em;
	--titleSizeSmall: clamp(var(--h1Size),6vw,250px);
	--h1Size: 2.1em;
	--h2Size: 1.79em;
	--h3Size: 1.5em;
	--h4Size: 1.4em;
	--h5Size: 1.25rem;
	--h6Size: 1rem;
	/*--h1Size: clamp(2.67rem, 2.07rem + 3vw, 4.21rem);*/
	/*--h2Size: clamp(2.14rem, 1.74rem + 1.99vw, 3.16rem);*/
	/*--h3Size: clamp(1.71rem, 1.45rem + 1.29vw, 2.37rem);*/
	/*--h4Size: clamp(1.37rem, 1.21rem + 0.8vw, 1.78rem);*/
	/*--h5Size: clamp(1.09rem, 1rem + 0.47vw, 1.33rem);*/
	/*--h5Size: 1.5rem;*/
	/*--h6Size: clamp(0.88rem, 0.83rem + 0.24vw, 1rem);*/
	/*--h6Size: 1.25rem;*/
	--small: 1rem;
	--vsmall: .7rem;
	--defaultBorderRadius: 10px;
	--targetButtonTextSize: calc(20px + (34 - 20) * ((100vw - 300px) / (1600 - 300)));
	--defaultInterval: 20px;
	--defaultButtonBkg: var(--colA);
	--defaultButtonHovBkg: var(--colC);
	--defaultButtonFontFamily: var(--primaryFontFamily);
	--defaultButtonTextSize: 18px;
	--smallButtonTextSize: 16px;
	--defaultButtonTextColor: white;
	--defaultButtonHoverTextColor: white;
	--defaultButtonPadding: calc(var(--defaultInterval)*.5) calc(var(--defaultInterval)*1) calc(var(--defaultInterval)*.5);
	--smallButtonPadding: calc(var(--defaultInterval)*.25) calc(var(--defaultInterval)*.5) calc(var(--defaultInterval)*.25);
	--defaultButtonTextWeight: bold;
	--defaultButtonBorderRadius: var(--borderRadius);
	--defaultButtonTransition: var(--defaultTransition);
	--defaultButtonSize: 300px;
	--defaultTransition: all 500ms ease-in-out;
	--defaultTransitionFast: all 200ms ease-in-out;
	--defaultTransitionDuration: 500ms;
}
#SD .entry-content
{
	/*display: flex;*/
	/*justify-content: center;*/
	position: relative;
	box-sizing: border-box;
	/*padding: calc(var(--defaultInterval)*.5);*/
}
/*!!!!!!!!! typography
{
}*/
#SD H1, #SD H2, #SD H3, #SD H4, #SD H5, #SD H6
{
	margin-bottom: 0px;
	font-family:var(--primaryFontFamily);
	padding-top:calc(var(--defaultInterval)*1)https://staging2.madronacommunity.com/;
	font-weight: 900;
	line-height: 1;
	color:var(--colB);
}
#SD H1.title
{
	text-transform: uppercase;
	font-family:var(--accentFontFamily);
	font-weight: 400;
	margin-top: calc(var(--defaultInterval)*4);
	color:var(--colB);
	max-width: 50vw;
	font-weight: 400;
	color:var(--colB);
	max-width: 50vw;
	font-size:var(--titleSize);
	margin-left: calc(var(--defaultInterval)*.5);
}
#SD .hero.withImage .title
{
	color: black;
}
#SD H1 + *, #SD H2 + *, #SD H3 + *, #SD H4 + *, #SD H5 + *, #SD H6 + *
{
	margin-top: calc(var(--defaultInterval)*.5);
}
#SD H2
{
	/*font-family:var(--accentFontFamily);*/
	/*font-weight: 400;*/
	/*text-transform: uppercase;*/
	/*color:var(--colD);*/
}
#SD H1 + P, #SD H2 + P, #SD H3 + P, #SD H4 + P, #SD H5 + P, #SD H6 + P, #SD H1 + UL, #SD H2 + UL, #SD H3 + UL, #SD H4 + UL, #SD H5 + UL, #SD H6 + UL
{
	margin-top: calc(var(--defaultInterval)*0);
}
#SD H1 + P
{
}
BODY#SD A
{
	transition:var(--defaultTransition);
	color:var(--navPrimaryCol);
	font-weight: bold;
}
BODY#SD #page A:hover
{
	color:var(--colC);
}
#SD P + P
{
	margin-top: calc(var(--defaultInterval)*1);
}
#SD UL + P
{
	margin-top: calc(var(--defaultInterval)*1);
}
#SD P + FIGURE
{
	margin-top: calc(var(--defaultInterval)*1);
}
BODY#SD A:hover
{
	background-color: ;
}
BODY#SD A:visited
{
	color:var(--navPrimaryVisitedCol);
	/*color: purple !important;*/
}
/*interface elements
{
}*/
#SD .button, #SD INPUT.search-submit, #SD .wp-block-button A, #SD .button:visited
{
	background-color:var(--defaultButtonBkg);
	/*background-color:var(--defaultButtonHoverBkg) !important;*/
	font-size:var(--defaultButtonTextSize);
	color:var(--defaultButtonTextColor);
	--defaultButtonHoverTextColor: white;
	--defaultButtonTextWeight: bold;
	--defaultButtonHoverBkg: var(--colorA);
	/*+border-radius:var(--defaultButtonBorderRadius);*/
	-moz-border-radius: var(--defaultButtonBorderRadius);
	-webkit-border-radius: var(--defaultButtonBorderRadius);
	-khtml-border-radius: var(--defaultButtonBorderRadius);
	border-radius:var(--defaultButtonBorderRadius);
	padding:var(--defaultButtonPadding);
	font-weight:var(--defaultButtonTextWeight);
	line-height: normal;
	background-size: 0px 0px;
	box-sizing: border-box;
	font-family:var(--defaultButtonFontFamily);
	transition:var(--defaultButtonTransition);
	box-sizing: border-box;
	min-height: calc(var(--defaultInterval)*2.3);
	cursor: pointer;
	justify-content: center;
	align-content: center;
	align-items: center;
	margin-top: 0;
}
#SD .button:hover, #SD INPUT.search-submit:hover, #SD .wp-block-button A:hover
{
	background-color:var(--defaultButtonHovBkg);
	color:var(--defaultButtonTextColor);
}
#SD .button.small
{
	/*background-color:var(--defaultButtonHoverBkg) !important;*/
	font-size:var(--smallButtonTextSize);
	padding:var(--smallButtonPadding);
	min-height: auto;
}
#SD INPUT
{
	/*+border-radius:var(--defaultButtonBorderRadius);*/
	-moz-border-radius: var(--defaultButtonBorderRadius);
	-webkit-border-radius: var(--defaultButtonBorderRadius);
	-khtml-border-radius: var(--defaultButtonBorderRadius);
	border-radius:var(--defaultButtonBorderRadius);
	background-color: ;
}
#SD INPUT.search-field
{
	font-family:var(--primaryFontFamliy);
	padding:var(--defaultButtonPadding);
	font-size:var(--defaultButtonTextSize);
	line-height: 0 !important;
	box-sizing: border-box !important;
	margin-right: calc(var(--defaultInterval)*.5) !important;
	border: 0px solid black !important;
	min-height: calc(var(--defaultInterval)*2.3);
	-webkit-appearance: none;
	/*+border-radius:var(--defaultBorderRadius);*/
	-moz-border-radius: var(--defaultBorderRadius);
	-webkit-border-radius: var(--defaultBorderRadius);
	-khtml-border-radius: var(--defaultBorderRadius);
	border-radius:var(--defaultBorderRadius);
	-webkit-border-radius: var(--defaultBorderRadius);
	-webkit-border-radius: var(--defaultBorderRadius);
	margin-bottom: calc(var(--defaultInterval)*1);
}
/*https://type-scale.com/
{
}*/
/*https://css-tricks.com/consistent-fluidly-scaling-type-and-spacing/
{
}*/
#SD H1
{
	font-size:var(--h1Size);
	font-family: ;
}
#SD H2
{
	font-size:var(--h2Size);
}
#SD H3
{
	font-size:var(--h3Size);
}
#SD H4
{
	font-size:var(--h4Size);
}
#SD H5
{
	font-size:var(--h5Size);
}
#SD H6
{
	font-size:var(--h6Size);
}
#SD .entry-content UL, #SD .entry-content OL
{
	margin: calc(var(--defaultInterval)*1);
}
/*quotes
{
}*/
BLOCKQUOTE.wp-block-quote P
{
	margin-bottom: calc(var(--defaultInterval)*.5);
	font-style: normal;
}
/*resets
{
}*/
/*modules
{
}*/
/*#SD .SDImageWrapper.zoomOnHover
{
	overflow: hidden;
	cursor: pointer;
	position: relative;
	min-height: 10px;
	min-width: 10px;
}*/
/*#SD .SDImageWrapper.zoomOnHover .inner
{
	background-size: cover;
	background-position: center;
	transition:var(--defaultTransition);
	position: absolute;
	height: 100%;
	width: 100%;
}*/
.SDImageWrapperAnchor.zoomOnHover .inner
{
	/*opacity: 0.4;*/
	/*background-color: red !important;*/
	/*transform: scale(40%);*/
	transform: scale(100%);
	transition:var(--defaultTransition);
	background-size: contain;
	background-repeat: no-repeat;
}
.SDImageWrapperAnchor.zoomOnHover:hover .inner
{
	transform: scale(105%);
}
.SDImageWrapper.image.greyscale .inner
{
	/*background-color: #1D4E8D;*/
	filter: grayscale(100%);
}
.SDImageWrapper.image.faded .inner
{
	/*background-color: fuchsia;*/
	filter: contrast(20%) brightness(150%);
}
.SDImageWrapper.image.faded.greyscale .inner
{
	filter: contrast(20%) brightness(150%) grayscale(100%);
}
@media only screen and (max-width: 769px)
{
	#SD H1.title
	{
		text-transform: uppercase;
		margin-top: 0;
		max-width: none;
		font-size: 69px;
	}
}