/*
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.
*/
body #binder {
	box-shadow: none;
}

body main {
	background: transparent;
}

body #content_area {
	background-color: rgba(255,255,255,.45);
}

.style-skeletal #content_area {
	margin-top: 1.7rem;
}

/*--Spine-Overrides--%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
#spine.darker .spine-actions button, #spine.darker .spine-footer small a, #spine.darker .spine-social-channels a {
	color: #BBBEC0;
}

#spine.darker .spine-global-links a, #spine.darker .spine-offsitenav a {
	color: #8D989E;
	font-weight: 600;
}

body #wsu-signature {
	background-image: url(https://connections.store.wsu.edu/media/store-media/connections.store.wsu.edu/skin/logo-stack.svg) !important;
	background-size: 113px auto;
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
	/* IE10+ CSS styles go here */
	body #wsu-signature {
		background-size: 149px auto;
	}
}

.lt-ie10 #wsu-signature {
	background-size: 149px auto;
}

@media screen and (max-width: 791px) {
	.lt-ie10 .fluid #wsu-signature {
		background-size: auto 30px;
	}
}

#spine-navigation .spine-sitenav ul {
	font-size: 10pt;
	font-weight: bold;
}

@media only screen and (max-width: 989px) {
	#binder #wsu-signature {
		background-image: url(https://connections.store.wsu.edu/media/store-media/connections.store.wsu.edu/skin/logo-hor.svg) !important;
		background-size: auto 45px;
		background-position: center 2px;
	}
	
	.breadcrumbs {
		width: 100%;
	}
	
	.quick-access {
	/*top:20px;*/
	}
}

@media only screen and (max-width: 530px) and (min-width: 363px) {
	#binder #wsu-signature {
		background-position: center 7px;
		background-size: auto 35px;
	}
}

@media only screen and (max-width: 362px) {
	#binder #wsu-signature {
		background-position: center 9px;
		background-size: auto 30px;
	}
}

#spine nav#spine-sitenav a.external:after {
	content: "";
}

.type-page>section.banner-section {
	margin-top: 0 !important;
}

.builder-section-content.cycle-slideshow::after, .builder-section-content:not(.cycle-slideshow) .builder-banner-slide.first-slide::after {
	background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.03) 5%,rgba(255,255,255,.85) 75%,#fff 100%) !important;
	background: linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.03) 5%,rgba(255,255,255,.85) 75%,#fff 100%) !important;
	content: "";
}

#border_top,
#border_bottom {
	display: none;
}

#only-costs {
	display: inline-block;
	width: auto;
}

#builder-section-1497469346746 {
	background-image: url(/wp-content/uploads/sites/1532/2017/06/winecorks-web.jpg);
	background-position: 5px calc(100% - 5px);
	background-repeat: no-repeat;
}