h1 {
    padding-right: 75px;
}
.program-contact {
    position: relative;
    margin-bottom: 26px;
}

.program-contact img {
    position: absolute;
    bottom: 0;
    right: 0;
}
.program-contact-info {
    padding-right: 90px;
}

/* ------------------------
-- County Background Color
-----------------------*/
html,
#site-content {
    background-color: #f9f9f9;
}
/* ------------------------
-- County Programs
-----------------------*/
.county-programs {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style: none;
	padding: 0.5rem 0 1rem;
}
.county-programs li {
	box-sizing: border-box;
	display: inline-block;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding-bottom: 1rem;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
	width: 50%;
}
.county-programs li:nth-of-type(odd) {
	clear: left;
	padding-right: 1rem;
}
.county-programs li:nth-of-type(even) {
	padding-left: 1rem;
}
.county-programs li a {
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-position: 0.5rem center;
	background-repeat: no-repeat;
	background-size: 1.5rem;
	border: 1px solid #981e32;
	box-sizing: border-box;
	color: #981e32;
	display: block;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-start; 
	justify-content: center;
	padding: 0.5rem 2.5rem;
	text-align: center;
	-webkit-transition: background .2s linear, color .2s linear;
	transition: background .2s linear, color .2s linear;
	width: 100%;
}
.county-programs li a:hover {
	background-color: #981e32;
	color: #fff !important; /*sorry*/
}
.county-programs li.four-h a {
	background-image: url(http://extension.wsu.edu/wp-content/uploads/2018/05/four-h.png);
	border-color: #008138;
	color: #008138;
}
.county-programs li.four-h a:hover {
	background-image: url(http://extension.wsu.edu/wp-content/uploads/2018/05/four-h-white.png);
	background-color: #008138;
}
.county-programs li.ag a {
	background-image: url(http://extension.wsu.edu/wp-content/uploads/2018/05/ag.png);
	border-color: #77580c;
	color: #77580c;
}
.county-programs li.ag a:hover {
	background-image: url(http://extension.wsu.edu/wp-content/uploads/2018/05/ag-white.png);
	background-color: #77580c;
}
.county-programs li.ced a {
	background-image: url(http://extension.wsu.edu/wp-content/uploads/2018/05/ced.png);
	border-color: #b67233;
	color: #b67233;
}
.county-programs li.ced a:hover {
	background-image: url(http://extension.wsu.edu/wp-content/uploads/2018/05/ced-white.png);
	background-color: #b67233;
}
.county-programs li.family a {
	background-image: url(http://extension.wsu.edu/wp-content/uploads/2018/05/family.png);
	border-color: #4f868e;
	color: #4f868e;
}
.county-programs li.family a:hover {
	background-image: url(http://extension.wsu.edu/wp-content/uploads/2018/05/family-white.png);
	background-color: #4f868e;
}
.county-programs li.food a {
	background-image: url(http://extension.wsu.edu/wp-content/uploads/2018/05/food.png);
	border-color: #c4922c;
	color: #c4922c;
}
.county-programs li.food a:hover {
	background-image: url(http://extension.wsu.edu/wp-content/uploads/2018/05/food-white.png);
	background-color: #c4922c;
}
.county-programs li.gardening a {
	background-image: url(http://extension.wsu.edu/wp-content/uploads/2018/05/gardening.png);
	border-color: #7a451d;
	color: #7a451d;
}
.county-programs li.gardening a:hover {
	background-image: url(http://extension.wsu.edu/wp-content/uploads/2018/05/gardening-white.png);
	background-color: #7a451d;
}
.county-programs li.natural-resources a {
	background-image: url(http://extension.wsu.edu/wp-content/uploads/2018/05/natural-resources.png);
	border-color: #8f7e34;
	color: #8f7e34;
}
.county-programs li.natural-resources a:hover {
	background-image: url(http://extension.wsu.edu/wp-content/uploads/2018/05/natural-resources-white.png);
	background-color: #8f7e34;
}

@media only screen and (max-width:530px) {
	.county-programs li:nth-of-type(odd),
	.county-programs li:nth-of-type(even) {
		display: block;
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}
}
/* ------------------------
-- Count Frontpage Feature
-----------------------*/
.county-frontpage-feature.cpb-row.side-right > .cpb-row-inner > .cpb-column.one {
    padding-right: 0;
}
.county-frontpage-feature .cpb-slideshow.gallery-slideshow .slide {

    height: 375px;
	box-sizing: border-box;
}
@media only screen and (min-width: 700px) {
	.county-frontpage-feature  .cpb-promo {
    padding: 0;
    position: relative;
}
.county-frontpage-feature  .cpb-promo .cpb-image {
    display: block;
    float: left;
	overflow:hidden;
}
.county-frontpage-feature  .cpb-promo .cpb-image img {
    height: 175px;
    display: block;
}
.county-frontpage-feature  .cpb-promo-caption {
	position: absolute;
	bottom: 0;
width: 100%;
}
.county-frontpage-feature .cpb-promo .cpb-title {
    color: #fff;
	font-size: 14px;
	background-color: rgba(0,0,0,0.7);
	padding: 8px 12px;
	box-sizing: border-box;
}
}
.county-frontpage-feature .cpb-slideshow .slideshow-secondary {
    position: absolute;
top: 15px;
right: 15px;
}
.county-frontpage-feature .cpb-slideshow .slideshow-secondary a {
border: 2px solid #fff;
}
/* ------------------------
-- County Contact
-----------------------*/
.county-contact-form {
	margin: 0;
	padding: 0 0 1rem 0;
}
.county-contact-form h2 {
	padding-top: 0;
}
.county-contact-form p {
	padding-bottom: 0.5rem;
}
.county-contact-form .screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}
.county-contact-form .error {
	color: #981e32;
	font-style: italic;
}
.county-contact-form .basic-field,
.county-contact-form.error .basic-field {
	background: #fff;
	border-radius: 1px;
	border: 1px solid #5e6a71;
	box-sizing: border-box;
	color: #8d959a;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size: 1.1em;
	height: 2rem;
	line-height: 20px;
	margin: 0;
	padding: 0.5rem;
	width: 100%;
	-webkit-appearance: textfield;
}
.county-contact-form.error .basic-field:invalid {
	border: 1px solid #981e32;
}
.county-contact-form .basic-field:focus {
	color: #981e32;
}
.county-contact-form .basic-field::-webkit-input-placeholder {
	color: #8d959a;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size: 14px;
	font-style: italic;
}
.county-contact-form .basic-field:-moz-placeholder {
	color: #8d959a;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size: 14px;
	font-style: italic;
	opacity: 1;
}
.county-contact-form .basic-field::-moz-placeholder {
	color: #8d959a;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size: 14px;
	font-style: italic;
	opacity: 1;
}
.county-contact-form .basic-field:-ms-input-placeholder {  
	color: #8d959a;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size: 14px;
	font-style: italic;
}
.county-contact-form label[for="contact-message"] {
	color: #8d959a;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	padding-left: 0.5rem;
}
.county-contact-form textarea {
	background: #fff;
	border-radius: 1px;
	border: 1px solid #5e6a71;
	color: #8d959a;
}
.county-contact-form input[type=submit] {
	border-radius: 1px;
	background: #981e32;
	border: 0;
	color: #fff;
	font-size: 0.9rem;
	font-weight: bold;
	padding: 0.75em 1.5em;
	width: 100%;
}
.county-contact-form input[type=submit]:hover {
	background: #c60c30;
}
.county-contact-form input[type=submit]:active,
.county-contact-form input[type=submit]:focus {
	background: #5e6a71;
}

/* Contact info - likely just temporary */
.county-contact {
	padding-bottom: 1rem;
}
.county-contact:after {
	content: '';
	clear: both;
	display: table;
}
.contact-information {
	box-sizing: border-box;
	float: left;
	width: 50%;
}
.contact-information .name,
.contact-information .information {
	padding-bottom: 0.5em;
}
.contact-map {
	float: right;
	margin-bottom: 1rem;
	padding-bottom: 50%;
	padding-bottom: calc(50% - 1rem);
	position: relative;
	width: 50%;
	width: calc(50% - 1rem);
}
/* ------------------------
-- Search Feild
-----------------------*/
.cahnrs-search-field {
    background: #fff;
    border-radius: 1px;
    border: 1px solid #5e6a71;
    box-sizing: border-box;
    color: #8d959a;
    font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;
    font-size: 1em;
    height: 2rem;
    line-height: 20px;
    margin: 0;
    padding: .5rem 2rem .5rem 0;
    width: 100%;
    -webkit-appearance: textfield;
text-indent: 1rem;
}
input[type=submit].cahnrs-search-submit {
    background: #5e6a71;
    border: none;
    border-radius: 1px;
    color: #fff;
    font-family: Spine-Icons;
    font-size: 1em;
    height: 2rem;
    margin: 0;
    padding: 4px 0 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 2rem;
}
.cahnrs-search {
    padding: 0;
    margin: 0 0 1rem;
    position: relative;
}
.cahnrs-search .screen-reader-text {
    clip: rect(1px,1px,1px,1px);
    height: 1px;
    overflow: hidden;
    position: absolute!important;
    width: 1px;
}
