/*
 Theme Name:     WSU 25 by 2030
 Theme URI:      https://wsu.edu/drive-to-25/
 Description:    A WSU Spine child theme for the Top 25 initiative
 Author:         WSU University Communications
 Author URI:     https://web.wsu.edu
 Template:       spine
 Version:        0.4.1
*/

html {
	background: #fff;
}

body {
	background-color: #981e32;
}

main {
	background-color: #fff;
}

.main-header {
	height: auto;
	z-index: 100;
	position: relative;
	width: auto;
	padding: 1rem 0 3rem;
	background-color: #fff;
}

#spine #glue:before {
	border-right: solid 1px #b5babe;
}

section > header {
	padding: 2rem 2rem 0;
}

.column > header {
	padding-bottom: 2rem;
}

.article-author {
	display: none;
}

.bottom-plus {
	padding-bottom: 8em;
}

.archive-footer {
	padding: 2rem;
}

.gray-lighter-back {
	background-color: #f1f1f1;
}

@media screen and (min-width: 694px) {

	.single article {
		padding-top: 6rem;
	}
}

/* Home page */
.home .main-header {
	display: none;
}

.home .hero {
	overflow: hidden;
}

.home .fluid .row.hero .one {
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	min-height: 100vh;
	max-width: 990px;
	width: 100%;
	z-index: 1;
}

.home.admin-bar .fluid .row.hero .one {
	min-height: calc(100vh - 32px);
}

.home .fluid .row.hero .image {
	background-position: center;
	background-size: cover;
	height: 120%;
	left: -10%;
	position: absolute;
	top: -10%;
	width: 120%;
}

@media (max-width: 989px) {

	.home .fluid .row.hero .one {
		min-height: calc(100vh - 50px);
	}

	.home.admin-bar .fluid .row.hero .one {
		min-height: calc(100vh - 50px - 32px);
	}
}

@media (max-width: 791px) {

	.home.admin-bar .fluid .row.hero .one {
		min-height: calc(100vh - 50px - 46px);
	}
}

@media (min-width: 1188px) {

	/* 1/2 viewport width + 1/2 customizer max width setting - Spine width */
	.home .hero {
		min-width: calc(50vw + (1188px / 2) - 198px);
	}
}

main {
	color: #282828;
	font-family: proxima-nova, "Open Sans", Arial, sans-serif;
	font-weight: 400;
}

.main-header sub:not(.unset),
.main-header sup:not(.unset) {
	display: inline-block;
	font-size: 13px;
	letter-spacing: 2px;
}

.main-header .sup-header:not(.unset),
.main-header .sup-header:not(.unset) a {
	color: #5e6a71;
	font-weight: 700;
}

.main-header .sub-header span {
	border-left: 1px solid #981e32;
	color: #981e32;
	font-weight: 300;
	margin-left: 1em;
	padding-left: 1.25em;
	text-transform: uppercase;
}

h2,
h3 {
	color: #981e32;
	font-family: proxima-nova, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
}

h2 {
	font-size: 3em;
	font-weight: 300;
	letter-spacing: 0;
	padding-top: 6rem;
}

.archive-header h1,
h3 {
	color: #981e32;
	font-size: 2.75em;
	font-weight: 900;
	letter-spacing: normal;
	text-transform: uppercase;
}

p,
main li {
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: .5px;
	line-height: 1.5;
}

.white-text h2 {
	color: #fff;
}

.home .hero h1 {
	font-family: proxima-nova, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size: 8rem;
	font-weight: 900;
	letter-spacing: 1px;
	line-height: .9;
	text-transform: uppercase;
}

.home .hero h1:first-line {
	color: #919191;
}

.home .hero p {
	font-size: 1em;
	font-weight: 400;
	letter-spacing: 2px;
	padding: 6em 0 1.5em .25em;
	text-transform: uppercase;
}

.home .hero .top-message {
	color: #919191;
	letter-spacing: .05em;
	padding-top: 2em;
	text-transform: none;
	width: 350px;
}

.home .hero .wsu-top a {
	text-decoration: none;
	color: #fff;
	transition: .4s, color .4s;
	padding-bottom: 2px;
}

.home .hero .wsu-top a:hover {
	color: #d7dadb;
	border-bottom: solid 1px #d7dadb;
	padding-bottom: 2px;
}

@media only screen and (max-width: 693px) {

	.home .hero h1 {
		font-size: 16vw;
	}

	.home .hero p {
		font-size: .9em;
	}
}

.signature {
	background-image: url(./images/schulzkirk-sig.jpg);
	background-size: auto;
	background-repeat: no-repeat;
	padding: 60px 0 0;
	margin: 2.5em 0 1.5em;
	background-position: 0 top;
	font-weight: 700;
}

#comments a {
	color: rgba(128, 128, 128, .6);
}

#comments a:hover {
	color: #fff;
}

.drive-comment-form label,
.drive-comment-form #submit {
	font-size: 1em;
	font-weight: 600;
}

.drive-comment-form input,
.drive-comment-form textarea {
	color: #b5babe;
	font: 14px/22px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
}

.drive-comment-form input:focus,
.drive-comment-form textarea:focus {
	color: #b5babe;
}

.logged-in-as {
	text-transform: uppercase;
	font-weight: 400;
	font-size: .75em;
	letter-spacing: .5px;
}

.optional {
	color: #919191;
	font-weight: 400;
	font-size: .75em;
	letter-spacing: .5px;
}

/* Evidence */
#filter-options select {
	color: #981e32;
	font: 400 1em proxima-nova, "Open Sans", sans-serif;
	letter-spacing: .5px;
}

.the-evidence blockquote {
	font-family: proxima-nova, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	line-height: 1.5em;
}

.the-evidence blockquote p {
	color: #981e32;
	font-size: 1.25rem;
	font-weight: 300;
	line-height: 1.5rem;
}

.the-evidence blockquote p:last-child {
	color: #8c8c8c;
	font-size: .75em;
	font-style: italic;
	font-weight: 400;
	line-height: 1.25em;
}

/* Edit CSS */
.crimsonbold {
	color: #981e32;
	font-weight: 700;
	font-size: 1.15em;
}

.smaller {
	font-size: 1em;
	padding-bottom: 2em;
}

h5.crmbold {
	color: #981e32;
	font-size: 1rem;
	text-transform: uppercase;
	letter-spacing: .0625rem;
}

p a.btncrm {
	color: #c8102e;
	font-size: 1rem;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .0625rem;
	transition: background .4s, color .4s;
}

p a.btncrm:before {
	font-size: 1.4rem;
	content: "\00bb";
	padding-right: 4px;
}

p a.btncrm:hover {
	color: #fff;
}

.asterisk-divider {
	font-size: 2.4rem;
	font-weight: 100;
	color: #981e32;
	display: block;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	padding: 2em 0 0;
	margin-bottom: .25em;
	line-height: .5;
}

.previous,
.upcoming {
	font-size: .7rem;
	font-weight: 900;
	text-transform: uppercase;
	line-height: .5;
	padding-top: 5px;
	letter-spacing: .5px;
}

.previous {
	color: rgba(0, 0, 0, .3);
}

.upcoming {
	color: #981e32;
}

.gryscale,
.gryscale h5,
.gryscale p {
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	color: rgba(0, 0, 0, .3);
}

.past-event {
	color: rgba(183, 183, 183, 1);
}

.blog h3,
.single-post h3 {
	font-size: 1rem;
	font-weight: 900;
	letter-spacing: .05rem;
	padding: 1rem 0 .25rem;
}

h1.article-title {
	font-weight: 300;
	color: #981e32;
}

main article header h2 {
	margin-bottom: 0;
	font-size: 2.25rem;
}

.post-sub {
	font-size: 1.75em;
	font-weight: 300;
	letter-spacing: 0;
	padding-bottom: 3rem;
	color: #6a6a6a;
	line-height: 1.25em;
}

.article-header hgroup.source,
.article-header .hgroup.source {
	text-transform: uppercase;
	padding: 0 0 .5rem;
	font-size: .9em;
	color: rgba(0, 0, 0, .5);
	border-bottom: solid 1px #e3e3e3;
	margin-bottom: 2rem;
}

aside.widget header {
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.25;
	margin-bottom: .5rem;
}

aside.widget p {
	font-size: .85rem;
}

.button {
	border-radius: 0;
	background: #fff;
	border: 1px solid #981e32;
	color: #981e32;
	transition: all .3s ease;
	padding: .5em 2.5em;
}

.button:hover {
	background: #981e32;
	color: #fff;
	border: 1px solid #981e32;
}

/* Form */
.drive-comment-form {
	margin-bottom: 0;
	padding: 0;
}

.drive-comment-form .comment-form-author,
.drive-comment-form .comment-form-email {
	padding: 0 0 1em;
	width: 100%;
}

.drive-comment-form input,
.drive-comment-form textarea {
	background: none;
	border-radius: 0;
	border: 1px solid #b5babe;
	padding: .75rem;
	width: 100%;
}

.drive-comment-form input:focus,
.drive-comment-form textarea:focus {
	border-color: #fff;
	box-shadow: none;
}

.drive-comment-form textarea {
	display: block;
	height: 150px;
	resize: none;
}

.drive-comment-form #submit {
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	background: #981e32;
	border: 0;
	border-radius: 0;
	box-shadow: 0 3px 10px 2px rgba(0, 0, 0, .2);
	color: #fff;
	padding: 1rem 2.5rem;
	transition: background .4s;
	width: auto;
}

.drive-comment-form input#submit:hover,
.drive-comment-form input#submit:active {
	background: #c60c30;
}

.comment-success {
	display: none;
}

/* Footer */
#footer {
	bottom: 0;
	height: auto !important;
	min-height: 0 !important;
	top: auto;
}

#footer figure img {
	width: 40%;
}

@-webkit-keyframes spin {

	0% {
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}

@keyframes spin {

	0% {
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}

.processing-indicator {
	-webkit-animation: spin 1s infinite linear;
	        animation: spin 1s infinite linear;
	border: .25rem solid rgba(255, 255, 255, .5);
	border-radius: 50%;
	border-top-color: #981e32;
	height: 2rem;
	margin: 0 auto;
	width: 2rem;
}

/* List */
.comment {
	line-height: 1.6;
	padding: .75rem 0;
}

.comment article {
	overflow: auto;
	padding-top: 0;
}

.comment article footer {
	border-top: 0;
	margin: 0;
	top: 0;
}

.comment-author img {
	box-sizing: border-box;
	float: left;
	padding-right: 1rem;
}

.says,
.reply,
.comment-remainder {
	display: none;
}

/* Comment navigation */
.comment-nav {
	padding-top: 1rem;
}

.nav-links:after {
	clear: both;
	content: "";
	display: table;
}

.nav-previous {
	float: left;
	padding-top: 1rem;
}

.nav-next {
	float: right;
	padding-top: 1rem;
}

#comments .nav-links a {
	border: 1px solid #b3b3b3;
	color: #b3b3b3;
	display: block;
	padding: .5em 1em;
	transition: border-color .4s, color .4s;
}

#comments .nav-links a:hover {
	border-color: #fff;
	color: #fff;
}

.nav-previous a:before {
	content: "\00ab\00a0";
}

.nav-next a:after {
	content: " \00bb";
}

@media only screen and (max-width: 425px) {

	.nav-next {
		float: left;
	}
}

.archive-header {
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 1188px;
	padding: 2rem;
}

#filter-options {
	padding-top: 1em;
}

#filter-options.fixed {
	position: fixed;
	top: 0;
	z-index: 1;
}

#filter-options.fixed:before {
	background: rgba(255, 255, 255, .9);
	content: "";
	height: 100%;
	left: -2rem;
	position: absolute;
	top: 0;
	width: 100vw;
	z-index: -1;
}

#filter-options span {
	margin: 0 .5em;
	position: relative;
	z-index: 1;
}

#filter-options select {
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	background: none;
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #981e32;
	cursor: pointer;
	padding-right: 1em;

}

#filter-options span:after {
	border: solid transparent;
	border-top-color: #981e32;
	border-width: .53em .35em;
	bottom: -.23em;
	box-sizing: border-box;
	content: "";
	position: absolute;
	right: 0;
	z-index: -1;
}

.evidence-stories-container {
	min-height: 100vh;
}

.evidence-stories-container .section-wrapper:nth-of-type(odd) {
	background-color: #f3f3f3;
}

.spine-mobile .fluid .the-evidence .row .column {
	float: none;
	width: 100%;
}

.the-evidence .side-left .one {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 50%;
}

.the-evidence .side-left .two {
	padding: 2rem;
}

.the-evidence blockquote {
	border-left: 1px solid #981e32;
	box-sizing: border-box;
	margin: 1rem 2rem 2rem;
	padding: 0 0 0 1rem;
	position: relative;
	width: calc(100% - 4rem);
}

.the-evidence .loading {
	-webkit-animation: spin 1s infinite linear;
	        animation: spin 1s infinite linear;
	border: .25rem solid rgba(113, 113, 113, .5);
	border-radius: 50%;
	border-top-color: #981e32;
	height: 2rem;
	margin: 2rem auto;
	width: 2rem;
}

.evidence-stories-container .new {
	display: none;
}

.evidence-bottom {
	background-color: #fff;
	margin: 0;
}

@media screen and (max-width: 990px) {

	#binder .intro .column {
		padding: 0 2rem 2rem;
	}

	.intro .two {
		min-height: 92px;
	}
}

@media screen and (min-width: 990px) {

	.intro .one {
		margin-top: 1em;
	}

	.admin-bar #filter-options.fixed {
		top: 32px;
	}

	#filter-options.fixed:before {
		left: calc(-50vw - 1rem);
	}

	#jacket #binder .the-evidence .row {
		max-width: none;
	}

	#binder .the-evidence .side-left .one {
		width: 40%;
	}

	#binder .the-evidence .side-left .two {
		width: 60%;
	}

	.the-evidence .side-left .one {
		background-attachment: fixed;
		background-position: calc(50vw - (1188px / 2) + 99px) center;
		background-repeat: no-repeat;
		background-size: auto 100%;
		height: 100%;
		padding-bottom: 0;
		position: absolute;
		width: 40%;
	}

	.the-evidence .side-left.reverse .one {
		right: 0;
		background-position: calc(100vw - (1188px / 2)) center;
	}

	.the-evidence .side-left .two {
		margin-left: 40%;
		width: 60%;
	}

	.the-evidence .side-left.reverse .two {
		float: left;
		margin-left: 0;
	}

	.the-evidence blockquote {
		background: #fff;
		float: right;
		margin: 1rem -4rem 2rem 2rem;
		padding: 2rem;
		width: 50%;
	}

	.evidence-stories-container .section-wrapper:nth-of-type(odd) blockquote {
		background: #f3f3f3;
	}
}

@media screen and (min-width: 1188px) {

	/* 1/2 viewport width + 1/2 customizer max width setting - Spine width */
	.the-evidence {
		min-width: calc(50vw + (1188px / 2) - 198px);
	}

	#binder .fluid.max-1188 .the-evidence .row {
		max-width: none;
	}
}

@media handheld and (orientation: landscape) {

	.the-evidence .side-left .one {
		background-attachment: scroll;
	}
}

.dataTables_length,
.dataTables_filter {
	margin-bottom: 1em;
}

.dataTables_wrapper label input {
	height: 25px;
	background: #ebe8de;
	border-radius: 0;
	border: 1px solid #cacaca;
	font-size: 1.5rem;
	color: #585858;
}

.dataTables_wrapper label input,
.dataTables_wrapper label select {
	height: 25px;
	font-size: .8rem;
}

table.tablepress thead tr th,
.tablepress tfoot th {
	font-size: 1.1rem;
	border-bottom: 1px solid #e5e5e5;
	background: transparent;
}

.tablepress tfoot th {
	font-size: 1rem;
	color: #585858;
}

.tablepress .sorting:hover,
.tablepress .sorting_asc,
.tablepress .sorting_desc {
	color: #000;
	background: #f7f7f7;
}

.dataTables_paginate a,
.paging_simple .paginate_button.next:after,
.paging_simple .paginate_button.previous:before {
	text-shadow: none;
	color: #4f868e !important;
	border: none;
}

.tablepress-table-description {
	margin: 2em 0;
}

#tablepress-1 .column-1 {
	padding: 1em 1.5em;
}

#tablepress-1 .column-2 {
	border-left: solid 1px #981e32;
	padding: 1em 1.5em;
}

#tablepress-1 {
	border-top: solid 1px #981e32;
}
/*# sourceMappingURL=style.css.map */