/*
Welcome to custom CSS for the WSU Spine Theme!

You may delete these comments and get started with your custom stylesheet.
Before doing so, please review the WSU web standards:

https://brand.wsu.edu/media/web/web-standards/

As a general rule of thumb, if your styles target aspects of the spine
(#spine), that's against standard, whereas if you're styling elsewhere on
the page, it's all good.
*/
/*GENERAL*/
.abelldisplaynone {
	display: none !important;
}

.kitsapHome div#widget-area-banner-before {
	margin-top: 25px;
}

.kitsapHome #site-content {
	padding-top: 15px;
}

.kitsapHome .site-title {
	text-shadow: 2px 1px 0 #2A3033 !important;
}

.kitsapGalleryLeft {
	max-width: 300px;
	float: left;
	padding: 0 15px 0 0;
}

.kitsapGalleryLeft p {
	display: none;
}

.kitsapGalleryRight {
	max-width: 300px;
	float: right;
	padding: 0 0 0 15px;
}

.kitsapGalleryRight p {
	display: none;
}

@media only screen and (max-width: 693px) {
	.kitsapGalleryLeft, .kitsapGalleryRight {
		float: none;
		margin: 0 auto !important;
		padding: 0;
	}
}

.kitsapLargeBtn a {
	background-color: #981e32;
	padding: 5px 10px;
	border-radius: 10px;
	color: white !important;
	text-decoration: none !important;
	font-weight: bold;
	margin: 0 0 5px 5px;
	text-align: center;
	display: block;
}

.kitsapLargeBtn a:hover {
	background-color: #464e54;
}

@media only screen and (max-width: 480px) {
	.kitsapMobileImgs {
		display: block;
		float: none;
		width: 100%;
	}
}

/*HEADER*/
/*a.headerVolHours::after {
	content: "Volunteer Hours" !important;
}

@media screen and (max-width: 480px) {
	a.headerVolHours::after {
		content: "Vol Hrs" !important;
	}
}*/
a.headerDirectory, a.headerDonate {
	WIDTH: auto !important;
}

@media screen and (max-width: 480px) {
	a.headerDirectory, a.headerDonate {
		WIDTH: 50% !important;
	}
}

/*BUTTONS*/
.kitsapNoArrow:after {
	content: none !important;
}

/*HOME*/
.county-frontpage-feature .cpb-slideshow.gallery-slideshow .slide {
	height: 582px;
}

@media screen and (max-width: 700px) {
	.county-frontpage-feature .cpb-slideshow.gallery-slideshow .slide {
		height: 375px;
	}
}

nav.slideshow-primary a.next, nav.slideshow-primary a.prev {
	opacity: .85 !important;
	width: 50px !important;
	height: 50px !important;
}

@media screen and (max-width: 700px) {
	.cpb-title {
		font-size: 12pt;
		font-weight: bold;
	}
	
	.cpb-image {
		max-height: 100px !important;
		overflow: hidden;
	}
	
	.cpb-promo-wrap {
		padding-bottom: 0 !important;
	}
	
	.cpb-promo {
		padding: 22px 0 15px;
		border-bottom: 1px solid #ccc;
	}
	
	.cpb-textblock {
		padding-top: 15px;
	}
}

.kitsapHomeFeaturedWrap {
	width: 100%;
}

ul.kitsapHomeFeaturedList {
	width: 100%;
	padding: 0;
	margin: 0;
	display: block;
	text-align: center;
}

li.kitsapHomeFeaturedItem {
	width: 39%;
	padding: 0;
	margin: 15px 5%;
	display: inline-block;
	height: 300px;
	border-radius: 25px;
	overflow: hidden;
	background-color: #f5f5f5;
}

@media only screen and (max-width: 693px) {
	.kitsapHomeFeaturedItem {
		width: 90% !important;
	}
}

.kitsapHomeFeaturedItem a {
	display: block;
	height: 100%;
	padding: 0;
	margin: 0;
	text-decoration: none;
}

.kitsapHomeFeaturedItem a:hover h3 {
	color: yellow;
}

.kitsapHomeFeaturedItem a:hover {
	background-color: rgba(138,0,0,.8);
}

.kitsapHomeFeaturedInner {
	display: flex;
	align-items: flex-end;
	height: 100%;
	padding: 0;
	margin: 0;
}

.kitsapHomeFeaturedCaption {
	background: -moz-linear-gradient(top,rgba(2,0,0,0.6) 0%,rgba(2,0,0,0.6) 100%);
	background: -webkit-linear-gradient(top,rgba(2,0,0,0.6) 0%,rgba(2,0,0,0.6) 100%);
	background: -webkit-linear-gradient(top,rgba(2,0,0,0.6) 0%,rgba(2,0,0,0.6) 100%);
	background: linear-gradient(to bottom,rgba(2,0,0,0.6) 0%,rgba(2,0,0,0.6) 100%);
	text-shadow: 1px 1px 2px #000;
	color: #fff;
	width: 90%;
	text-align: center;
	padding: 10px 5%;
}

.kitsapHomeFeaturedCaption h3 {
	font-size: 20px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

.kitsapSmallBtn a, a.kitsapSmallBtn {
	background-color: #981e32;
	padding: 5px 10px;
	border-radius: 10px;
	color: white !important;
	text-decoration: none !important;
	font-size: 10px;
	margin: 0 0 5px 5px;
	vertical-align: middle;
	display: table-cell;
	text-align: center;
}

.kitsapSmallBtn a:hover, a.kitsapSmallBtn:hover {
	background-color: #464e54;
}

/*CALLOUTS*/
.kitsapHomeFeaturedItem a.MG-homeCallout {
	background-image: url(https://s3.wp.wsu.edu/uploads/sites/2074/2019/12/masterGardenerHmFeat.jpg);
}

.kitsapHomeFeaturedItem a.FS-homeCallout {
	background-image: url(https://s3.wp.wsu.edu/uploads/sites/2074/2024/01/pexels-ella-olsson-1640776-3.jpg);
	background-position: center;
}

.kitsapHomeFeaturedItem a.SE-homeCallout {
	background-image: url(https://s3.wp.wsu.edu/uploads/sites/2074/2021/03/109685891_100292768446197_1498021073158783530_o-1-e1615060296343.jpg);
}

.kitsapHomeFeaturedItem a.WS-homeCallout {
	background-image: url(https://s3.wp.wsu.edu/uploads/sites/2074/2019/12/waterStewardHmFeat.jpg);
}

.kitsapHomeFeaturedItem a.4H-homeCallout {
	background-image: url(https://s3.wp.wsu.edu/uploads/sites/2074/2019/12/masterGardenerHmFeat.jpg);
}

.kitsapHomeFeaturedItem a.RSF-homeCallout {
	background-image: url(https://s3.wp.wsu.edu/uploads/sites/2074/2020/03/smallFarmsHmFeat.jpg);
}

/*NAV*/
#spine {
	overflow: visible !important;
}

#spine nav ul li {
	font-size: 125%;
	font-weight: bold;
	line-height: 1.5em;
	width: 98%;
}

#spine nav ul li a {
	padding: 6px 30px 6px 20px !important;
}

#spine nav ul li a:hover {
	background-color: rgba(162,30,50,.85) !important;
	color: white !important;
	display: block;
	width: 100%;
}

#spine nav ul li ul li {
	line-height: 1.3em;
	padding: 5px;
	font-weight: normal;
	font-size: 95%;
}

.spine-offsitenav ul li {
	font-size: 90%;
	font-weight: normal;
	line-height: 1.2em;
}

#spine .spine-social-channels a, #spine .spine-global-links a {
	font-weight: normal;
}

#spine nav li.parent.opened>a:after, #spine nav li.parent>a:after {
	right: 10px;
}

#spine .spine-offsitenav a {
	font-weight: normal !important;
	font-size: 12px;
	line-height: 14px;
}

.spine-footer #wsu-global-links ul li {
	width: 30% !important;
	padding: 0 !important;
}

.spine-footer #wsu-global-links ul li a {
	font-weight: normal !important;
	font-size: 8.64px;
	padding: 0 !important;
}

.spine-footer #wsu-global-links ul li a:hover {
	color: #cc181e !important;
	background-color: transparent !important;
}

.spine-footer #wsu-social-channels ul li {
	max-width: 30px !important;
}

.spine-footer #wsu-social-channels ul li a {
	font-size: 21.6px;
}

.spine-footer #wsu-social-channels ul li a:hover {
	font-weight: normal !important;
	background-color: transparent !important;
	color: #cc181e !important;
}

#spine .spine-sitenav > ul > li:first-child > a {
	background-image: url(https://s3.wp.wsu.edu/uploads/sites/2074/2019/10/home-crimson.png) !important;
}

#spine .spine-sitenav > ul > li:first-child > a:hover {
	background-image: url(https://s3.wp.wsu.edu/uploads/sites/2074/2019/10/home-white.png) !important;
}

@media screen and (max-width: 791px) {
	#binder.fluid #spine #glue {
		max-width: 90%;
	}
	
	#binder #spine #scroll {
		max-width: 90%;
	}
}

/* SPECIFIC */
.KitsapSalmonTourMap19 {
	background-image: url(https://s3.wp.wsu.edu/uploads/sites/2074/2019/09/Salmon-Tours-2019-map.jpg);
	width: 100% !important;
	margin: 0 auto;
	overflow: hidden;
}

.KitsapSalmonTourMap19 a {
	text-align: center;
	font-weight: bold;
	width: 100% !important;
	min-height: 150px !important;
	display: flex;
	justify-content: center;
	align-items: center;
	text-shadow: 1px 1px 1px #fff;
	color: #981E32 !important;
	font-size: 125%;
	text-decoration: none;
	background-color: rgba(152,20,50,0);
}

.KitsapSalmonTourMap19 a:hover {
	color: #ff9999 !important;
	text-shadow: 1px 1px 1px #000;
	background-color: rgba(152,20,50,.75);
}

.KitsapSalmonTourVideo19 {
	background-image: url(https://s3.wp.wsu.edu/uploads/sites/2074/2019/10/Salmon-Tours-video-TN6.jpg);
	background-position: center;
	width: 100% !important;
	overflow: hidden;
	margin: 0 auto;
}

.KitsapSalmonTourVideo19 a {
	text-align: center;
	font-weight: bold;
	width: 100% !important;
	min-height: 150px !important;
	display: flex;
	justify-content: center;
	align-items: center;
	text-shadow: 1px 1px 1px #000;
	color: white !important;
	font-size: 125%;
	text-decoration: none;
	background-color: rgba(66,64,56,.45);
}

.KitsapSalmonTourVideo19 a:hover {
	color: #ff9999 !important;
	text-shadow: 1px 1px 1px #000;
	background-color: rgba(6,64,56,.75);
}

.kitsapImpactsWrap {
	width: 100%;
}

ul.kitsapImpactsList {
	width: 100%;
	padding: 0;
	margin: 0;
	display: block;
	text-align: center;
}

li.kitsapImpactsItem {
	width: 30%;
	padding: 0;
	margin: 15px 1%;
	display: inline-block;
	height: 300px;
	border-radius: 25px;
	overflow: hidden;
	background-color: #f5f5f5;
}

@media only screen and (max-width: 693px) {
	.kitsapImpactsItem {
		width: 90% !important;
	}
}

.kitsapImpactsItem a {
	display: block;
	height: 100%;
	padding: 0;
	margin: 0;
	text-decoration: none;
}

.kitsapImpactsItem a:hover h3 {
	color: yellow;
}

.kitsapImpactsItem a:hover {
	background-color: rgba(138,0,0,.8);
}

.kitsapImpactsInner {
	display: flex;
	align-items: flex-end;
	height: 100%;
	padding: 0;
	margin: 0;
}

.kitsapImpactsCaption {
	background: -moz-linear-gradient(top,rgba(2,0,0,0.6) 0%,rgba(2,0,0,0.6) 100%);
	background: -webkit-linear-gradient(top,rgba(2,0,0,0.6) 0%,rgba(2,0,0,0.6) 100%);
	background: -webkit-linear-gradient(top,rgba(2,0,0,0.6) 0%,rgba(2,0,0,0.6) 100%);
	background: linear-gradient(to bottom,rgba(2,0,0,0.6) 0%,rgba(2,0,0,0.6) 100%);
	text-shadow: 1px 1px 2px #000;
	color: #fff;
	width: 90%;
	text-align: center;
	padding: 10px 5%;
}

.kitsapImpactsCaption h3 {
	font-size: 20px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

.snapEdCovid {
	padding-top: 8px;
}

@media only screen and (max-width: 600px) {
	.snapEdCovid {
		width: 90%;
		float: none;
		margin: 0 auto;
	}
}

/*Kitsap Harvest - Kitsap Great Give*/
@media only screen and (min-width: 481px) {
	.greatgive {
		display: block;
	}
	
	.greatgivemobile {
		display: none;
	}
}

@media only screen and (max-width: 480px) {
	.greatgive {
		display: none;
	}
	
	.greatgivemobile {
		display: block;
	}
}

/*IN THE NEWS*/
.kitsapInTheNewsWrap {
	width: 100%;
	text-align: center;
}

.kitsapInTheNewsWrap ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.kitsapInTheNewsItem {
	width: 95%;
	margin: 20px auto !important;
	padding: 15px 2% !important;
	border: 2px solid #e8d3d3;
	border-radius: 15px;
	display: block;
	text-align: left;
	font-size: 125%;
	line-height: 135%;
}

.kitsapInTheNewsItem p {
	display: none !important;
}

.kitsapInTheNewsItem a {
	width: auto;
	height: auto;
	display: block;
}

.kitsapInTheNewsItem a img {
	float: left;
	padding: 0 10px 0 0;
	width: 150px;
	height: 100px;
	display: block;
}

@media only screen and (max-width: 480px) {
	.kitsapInTheNewsItem {
		padding: 10px !important;
	}
	
	li.kitsapInTheNewsItem a img {
		float: none;
		padding: 10px;
		display: block;
		margin: 0 auto !important;
		width: auto;
	}
}

/* BLOG/LATEST NEWS POSTS*/
.site-article footer {
	color: #737373;
	margin-top: 40px;
	margin-bottom: 40px;
	padding-top: 5px;
	border-top: 1px rgba(127,127,127,.8) solid;
}

/*CONTACT*/
.abellContactCaptcha iframe {
	max-width: 300px;
}

/*KITSAP COVID NOTICE*/
.kitsapCovidNotice {
	float: right;
	padding: 15px;
	margin: 10px -20px 10px 15px;
	border: 2px solid white;
	color: white;
	font-size: 125%;
	max-width: 310px;
	text-align: center;
	display: block;
}

@media only screen and (max-width:1300px) {
	.kitsapCovidNotice {
		margin: 0 15px 10px;
	}
}

@media only screen and (max-width:650px) {
	.kitsapCovidNotice {
		float: none;
		margin: 0 auto 20px;
		width: 90%;
		max-width: 100%;
	}
}

/*SOC MED ICONS*/
.kitsapSocMed {
	width: 100%;
	padding: 0;
	margin: -15px auto;
	text-align: center;
	display: block;
}

.kitsapSocMed li {
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline-block;
}

.kitsapSocMed li a img {
	max-width: 30px;
	padding: 5px 10px 0;
	margin: 0;
}

/* SNAP RECIPES */
.snaprecipes img {
	margin: 10px;
}

@media only screen and (max-width:480px) {
	.snaprecipes img {
		float: none !important;
		width: 100%;
	}
}

.snaprecipes-livewell {
	width: 100%;
	max-width: 360px;
	border: 1px solid maroon;
	padding: 20px 20px 10px;
	margin: 10px;
	float: right;
	clear: right;
}

@media only screen and (max-width:480px) {
	.snaprecipes-livewell {
		width: 75%;
		max-width: none;
		float: none;
		clear: none;
		margin-bottom: 25px;
	}
}

.snaprecipes-nutrition {
	background: maroon;
	color: white;
	width: 90%;
	padding: 20px 5% 25px;
	margin: 20px 0;
}

@media only screen and (max-width:480px) {
	.snaprecipes-nutrition {
		width: 80%;
		padding: 0 10% 20px;
		overflow-x: auto;
	}
}

.snaprecipes-nutrition h4 {
	color: #ccc;
	padding: 15px 0 10px;
}

.snaprecipes-nutrition table {
	width: 100%;
}

.snaprecipes-nutrition table td {
	margin: 0;
	color: white;
	padding: 10px;
	border: 1px solid #999;
}

.snaprecipes-grant {
	font-size: 90%;
}

/* CALENDAR - 230206 */
.tribe-events-view {
	width: 80%;
	margin-left: 20%;
}

/* BEACH EXPLORATIONS - 230510 */
@media only screen and (max-width:500px) {
	img.beach2024brochureTN {
		float: none !important;
		display: block;
		margin: 0 auto 15px;
	}
}

ul.beachExplorations {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	clear: both;
	vertical-align: top;
}

ul.beachExplorations li {
	width: 100%;
	max-width: 28%;
	display: inline-block;
	padding: 10px;
	margin: 10px;
	border: 1px solid #cecece;
	vertical-align: top;
}

ul.beachExplorations li img {
	width: 100%;
	display: block;
	margin: 0 auto;
}

ul.beachExplorations li h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0 !important;
	padding: 0;
}

ul.beachExplorations li p {
	margin: 0 !important;
	padding: 0 !important;
}

@media only screen and (max-width:720px) {
	ul.beachExplorations li {
		max-width: 87%;
		margin: 0 auto 10px;
	}
	
	ul.beachExplorations li img {
		max-width: 320px;
	}
}

/* ----- Check links ----- */
/* Checks for empty links & only shows when you are logged into the website */
.logged-in a:not([href]) {
	outline: 8px solid rebeccapurple !important;
}

/* Checks for links that open in a new tab */
body.logged-in a[target=_blank] {
	color: #000000;
	background-color: yellow;
	border: 1px #000000 solid;
/*padding: 8px;*/
}

body.logged-in a[target=_blank]:after {
	content: "Edit the link to toggle off Open in a new tab.";
	color: black;
	border: 5px red solid;
	padding: 5px;
	font-size: .7em;
	font-weight: bold;
	font-style: italic;
}

/* Checks for pound sign/hashtag for a link */
.logged-in a[href="#"] {
	background-color: Fuchsia;
	content: " hashtag instead of url";
}

/* ----- END Check links ----- */
/* Check for urldefense links */
.logged-in a[href*="urldefense.com"],
.logged-in a[href*="nam12.safelinks.protection.outlook.com"] {
	background-color: rebeccapurple;
}

/* END Check for urldefense links */
/* Checks for links that open in a new tab & without noreferrer & noopener */
body.logged-in a[target=_blank] {
}

body.logged-in a[target="_blank"]:not(a[rel="noreferrer noopener"]):after {
	border: 5px #000000 solid;
	padding: 8px;
/*background: white;*/
	color: #000000;
	background-color: orange;
	content: " doesn't have noreferrer & noopener";
}

/* END Checks for links that open in a new tab & without noreferrer & noopener  */
/* ----- Check for stage links ----- */
/* Checks for stage.web.wsu.edu links once website is launched (published) */
.logged-in a[href*="stage.web.wsu.edu"] {
	background-color: DeepPink;
	content: " link to staging site";
}

/* ----- END Check for stage links ----- */