/*
 Theme Name:     WSU Magazine
 Theme URI:      https://magazine.wsu.edu/
 Description:    WSU Magazine theme based on the Spine Parent Theme
 Author:         WSU University Communications
 Author URI:     https://web.wsu.edu/
 Template:       spine
 Version:        1.1.2
*/

/* Spine overrides */
html {
	background-color: #fff;
}

body {
	color: #2a3033;
	line-height: 1.5;
}

#binder {
	max-width: 990px;
	position: relative;
	width: 100%;
}

main {
	margin: 0 auto;
	width: 100%;
	max-width: 1188px;
}

.page main {
	padding-bottom: 3rem;
}

.row.single .column {
	max-width: 640px;
	margin: 0 auto;
	float: none;
}

.page .single .column.one {
	padding: 0;
}

#spine {
	display: none;
}

/* Typography and other elements */
p,
ul,
ol {
	font-size: 1rem;
}

h1,
h2 {
	font-family: "museo-slab";
	letter-spacing: 0;
}

h1 {
	font-weight: 900;
}

h2 {
	font-weight: 300;
	text-transform: uppercase;
	font-size: 1.2rem;
	margin-bottom: .5rem;
}

figure {
	margin-bottom: 1rem;
	position: relative;
}

figcaption.wp-caption-text {
	position: absolute;
	bottom: 0;
	padding: 1rem 2rem;
	color: #fff;
	background: rgba(0, 0, 0, .6);
	width: 100%;
	box-sizing: border-box;
	font-size: .8rem;
}

blockquote {
	padding: 3rem;
}

/* Season colors */
.season-spring .site-header-issue {
	background: #8f7e35;
}

.season-summer .site-header-issue {
	background: #c69214;
}

.season-fall .site-header-issue {
	background: #b67233;
}

.season-winter .site-header-issue {
	background: #4f868e;
}

.season-spring .site-header-nav a.nav-emag,
.season-spring .highlight,
.season-spring h3,
.season-spring cite,
.season-spring cite a,
.season-spring .article-section,
.season-spring .halves .home-headline-head-wrapper:after {
	color: #8f7e35;
}

.season-summer .site-header-nav a.nav-emag,
.season-summer .highlight,
.season-summer h3,
.season-summer cite,
.season-summer cite a,
.season-summer .article-section,
.season-summer .halves .home-headline-head-wrapper:after {
	color: #c69214;
}

.season-fall .site-header-nav a.nav-emag,
.season-fall .highlight,
.season-fall h3,
.season-fall cite,
.season-fall cite a,
.season-fall .article-section,
.season-fall .halves .home-headline-head-wrapper:after {
	color: #b67233;
}

.season-winter .site-header-nav a.nav-emag,
.season-winter .highlight,
.season-winter h3,
.season-winter cite,
.season-winter cite a,
.season-winter .article-section,
.season-winter .halves .home-headline-head-wrapper:after {
	color: #4f868e;
}

.season-spring .site-header-nav a.nav-emag span svg,
.season-spring .image-information svg path {
	fill: #8f7e35;
}

.season-spring .site-header-nav a.nav-emag:hover {
	color: #ada400;
}

.season-spring .site-header-nav a.nav-emag:hover span svg,
.season-spring .image-information:hover svg path {
	fill: #ada400;
}

.season-summer .site-header-nav a.nav-emag span svg,
.season-summer .image-information svg path {
	fill: #c69214;
}

.season-summer .site-header-nav a.nav-emag:hover {
	color: #ffb81c;
}

.season-summer .site-header-nav a.nav-emag:hover span svg,
.season-summer .image-information:hover svg path {
	fill: #ffb81c;
}

.season-fall .site-header-nav a.nav-emag span svg,
.season-fall .image-information svg path {
	fill: #b67233;
}

.season-fall .site-header-nav a.nav-emag:hover {
	color: #f6861f;
}

.season-fall .site-header-nav a.nav-emag:hover span svg,
.season-fall .image-information:hover svg path {
	fill: #f6861f;
}

.season-winter .site-header-nav a.nav-emag span svg,
.season-winter .image-information svg path {
	fill: #4f868e;
}

.season-winter .site-header-nav a.nav-emag:hover {
	color: #00a5bd;
}

.season-winter .site-header-nav a.nav-emag:hover span svg,
.season-winter .image-information:hover svg path {
	fill: #00a5bd;
}

.season-fall .secondary-articles .headline-has-background {
	background-color: #f8f1eb;
}

.season-fall .secondary-articles .headline-has-background:hover,
.season-fall .secondary-articles .web-extra .headline-has-background {
	background-color: #eddccc;
}

.season-fall .secondary-articles .web-extra .headline-has-background:hover {
	background-color: #ddbea1;
}

.season-winter .secondary-articles .headline-has-background {
	background-color: #edf3f4;
}

.season-winter .secondary-articles .headline-has-background:hover,
.season-winter .secondary-articles .web-extra .headline-has-background {
	background-color: #d3e1e3;
}

.season-winter .secondary-articles .web-extra .headline-has-background:hover {
	background-color: #aec7cb;
}

.season-spring .secondary-articles .headline-has-background {
	background-color: #f4f2eb;
}

.season-spring .secondary-articles .headline-has-background:hover,
.season-spring .secondary-articles .web-extra .headline-has-background {
	background-color: #e3dfcd;
}

.season-spring .secondary-articles .web-extra .headline-has-background:hover {
	background-color: #cbc4a2;
}

.season-summer .secondary-articles .headline-has-background {
	background-color: #f9f4e7;
}

.season-summer .secondary-articles .headline-has-background:hover,
.season-summer .secondary-articles .web-extra .headline-has-background {
	background-color: #f1e4c4;
}

.season-summer .secondary-articles .web-extra .headline-has-background:hover {
	background-color: #e5cd93;
}

/* Site header */
.site-header {
	background: #2a3033;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 65px;
	position: relative;
}

.sh-item {
	display: inline-block;
}

.site-header-issue {
	background: #5e6a71;
	color: #fff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	text-transform: uppercase;
	width: 140px;
}

.site-header-issue a {
	color: #fff;
}

.site-header-issue a:hover {
	color: #bdbdbd;
}

.site-header-nav {
	width: calc(100% - (275px + 35px + 200px));
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.site-header-nav a {
	color: #8d959a;
	font-size: .8rem;
	font-weight: 300;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-top: 0.85rem;
	text-transform: uppercase;
	-webkit-transition: color .3s ease;
	transition: color .3s ease;
}

.site-header-nav a.nav-emag {
	text-transform: none;
}

.site-header-nav a:hover {
	color: #d7dadb;
}

.site-header-nav span {
	text-align: center;
}

.site-header-nav span svg {
	fill: #8d959a;
	-webkit-transition: fill .3s ease;
	transition: fill .3s ease;
}

.site-header-nav a:hover span svg {
	fill: #d7dadb;
}

.site-header-logo {
	position: absolute;
	z-index: 2;
	right: 35px;
	bottom: -62px;
}

.site-header-logo img {
	width: auto;
}


/* Main header */
.main-header {
	height: auto;
}

.error404 .main-header {
	height: 102px;
}

.has-featured-image .main-header {
	background-repeat: no-repeat;
	background-size: cover;
	height: 450px;
}

.main-header .header-group {
	background: none;
	box-sizing: border-box;
	color: #eff0f1;
	padding: 2.8rem 1.5rem 1rem;
	position: relative;
	width: 100%;
	max-width: calc(100% - 200px);
	bottom: -3.15rem;
}

.single-post .header-group {
	padding-top: 1.5rem;
}

.archive .main-header .header-group,
.search .main-header .header-group {
	bottom: -1.85rem;
}

.has-featured-image .main-header .header-group {
	padding-top: 2.25rem;
	position: absolute;
}

.has-featured-image .main-header .header-group:before {
	content: '';
	position: absolute;
	width: 100%;
	height: calc(100% - 3.15rem);
	top: 0;
	background: rgba(2,2,2,0.7);
	left: 0;
}

.has-featured-image .main-header .header-group h1 {
	position: relative;
}

cite,
.main-header a {
	color: #5e6a71;
}

.page cite {
	opacity: 0;
}

.main-header a:hover {
	color: #981e32;
}

/* Featured image information */
.image-information {
	position: absolute;
	right: -184px;
	bottom: 4rem;
}

.image-information svg {
	display: block;
}

.image-information svg circle {
	fill: rgba(255,255,255,0.7);
}

.image-information:hover svg circle {
	fill: #fff;
}

.image-information svg path {
	fill: #5e6a71;
}

/* Social sharing bar */
.spine-social-channels {
	position: relative;
	height: 55px;
	margin-left: auto;
	width: 20rem;
}

.social-share-bar {
	margin: 1.5rem 2rem .5rem;
	padding: 0;
	float: right;
	bottom: auto;
}

.spine-social-channels .social-share-bar li a {
	color: #8d959a;
	font-size: 1.2rem;
	padding: 0!important;
}

.spine-social-channels .social-share-bar .by-email a:before {
	content: "@";
}

/* Articles */
.article-body > p:first-child,
.article-emphasis {
	font-family: "museo-slab";
	font-size: 1.3rem;
	line-height: 1.5;
	font-weight: 300;
}

.article-sidebar p,
.article-sidebar img,
.article-sidebar figure,
.article-sidebar ul,
.article-sidebar ol {
	color: #fff;
	display: none;
}

.article-sidebar h2 {
	padding: 1rem 4rem;
	color: #fff;
	margin: 0;
}

.article-sidebar {
	background: #5e6a71;
	padding: 1rem 2rem;
	margin: 1rem 0 2rem;
	cursor: pointer;
	position: relative;
}

.article-sidebar-open p,
.article-sidebar-open img,
.article-sidebar-open figure,
.article-sidebar-open ul,
.article-sidebar-open ol {
	display: block;
}

.article-sidebar h2 {
	background: url(images/plus_icon.svg) left 46% no-repeat;
}

.article-sidebar.article-sidebar-open h2 {
	background-image: url(images/minus_icon.svg);
}

.article-sidebar-open h2 {
	margin-bottom: 2rem;
}

.article-sidebar a {
	color: inherit;
	text-decoration: underline;
}

blockquote {
	font-family: "museo-slab";
	font-size: 1.3rem;
	font-weight: 300;
	line-height: 1.5;
	position: relative;
	text-align: center;
}

.pullquote {
	padding: 4rem 3rem;
}

.pullquote:before,
.pullquote:after {
	color: #981e32;
	font-family: 'Arial Black', 'Arial Bold', sans-serif;
	font-size: 3rem;
	font-weight: 700;
	line-height: .75;
	position: absolute;
}

.pullquote:before {
	content: '“';
	top: 1.5rem;
}

.pullquote:after {
	bottom: 1.75rem;
	content: '”';
}

.pullquote .speaker {
	font-family: 'Open Sans';
	font-size: .9rem;
	font-style: italic;
}

p.article-endcontent {
	padding: 1.5rem 0;
}

p.article-endcontent a {
	text-decoration: underline;
}

.article-endcontent {
	margin: 1rem 0;
	padding: 1.5rem 0 0;
	border: 1px solid #d7dadb;
	border-left: none;
	border-right: none;
	color: #981e32;
}

.article-endcontent a {
	text-decoration: underline;
}

.post .web-extra {
	margin-top: 1.5rem;
}

.post .web-extra p.highlight {
	padding-bottom: 0;
}

.post .web-extra h2 {
	text-transform: none;
}

.article-footer {
	border: none;
	margin: 0 auto;
	max-width: 640px;
	padding: 2rem 0;
	width: 100%;
}

.article-footer .author-info {
	display: none;
}

/* Past issues list */
.past-issues-list {
	list-style-type: none;
}

.past-issues-list li {
	width: 118px;
	height: 143px;
	padding: 10px 10px 10px 20px;
	font-size: 1em;
	text-align: center;
	display: block;
	float: left;
}

/* Gallery and slideshow */
.gallery {
	display: block;
	margin: 1rem 0 2rem;
}

figure {
	margin: 0;
	max-width: 100%;
}

figure img {
	display: block;
}

.gallery img {
	width: 100%;
	border: none;
}

figcaption.wp-caption-text {
	position: relative;
	background: rgba(2,2,2,.85);
	line-height: 1.2;
}

.sss {
	display: block;
	height: 0;
	position: relative;
}

.sss .ssslide {
	display: none;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.ssslide-inner {
	display: table;
	margin: 0 auto;
}

.ssslide figcaption {
	caption-side: bottom;
	display: table-caption;
	width: auto;
}

.sssnext,
.sssprev {
	background: center no-repeat;
	cursor: pointer;
	height: 100%;
	position: absolute;
	top: 0;
	width: 1.8rem;
}

.sssprev {
	left: -1.8rem;
	background-image: url('./images/left-arrow_icon.svg');
}

.sssnext {
	right: -1.8rem;
	background-image: url('./images/right-arrow_icon.svg');
}

/* Main Footer */
.main-footer {
	background: #2a3033;
}

.magazine-nav {
	padding: 2rem 0 0;
}

.wsu-nav {
	padding: 1rem 0;
}

.magazine-nav,
.wsu-nav {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.wsu-nav a {
	font-size: .8rem;
}

.magazine-nav a,
.wsu-nav a {
	color: #d7dadb;
	text-transform: uppercase;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: center;
}

.magazine-nav a:hover,
.wsu-nav a:hover {
	text-decoration: underline;
}

.main-footer .wsu-logo {
	margin: 2rem 0 1rem;
	text-align: center;
}

.main-footer .wsu-nav {
	background: #981e32;
}

/* WSU footer */
.wsu-footer {
	padding: .5em 1em;
}

.wsu-footer p {
	font-size: .65em;
	padding: 0;
}

/* Archives */
.archive section {
	box-sizing: border-box;
	float: none;
	max-width: 100%;
	padding: 0 10%;
}

.archive article.post,
.search article.post {
	padding: 1rem 0 2.5rem;
	margin-bottom: 1rem;
	border-bottom: 1px solid #efefef;
}

.archive article.post {
	width: 100%;
}

figure.article-thumbnail {
	float: left;
	padding: 0;
	margin: 0;
}

figure.article-thumbnail img {
	padding: 0 2rem 1rem 0;
	margin: 0;
}

.archive .issue-head {
	margin-top: .5rem;
}

.attachment-spine-thumbnail_size {
	width: 150px;
	height: 150px;
}

.archive .article-footer {
	display: none;
}

.main-footer.archive-footer {
	background: none;
	padding: 1rem 0;
}

.fluid .row.side-right.prevnext .column.one {
	width: 100%;
	box-sizing: border-box;
	text-align: left;
	padding: 0;
}

/* Home and Issue pages */
.home .site-header,
.single-wsu_magazine_issue .site-header {
	background: rgba(2,2,2,.7);
	position: absolute;
	width: 100%;
	z-index: 1;
}
.home .site-header-logo,
.single-wsu_magazine_issue .site-header-logo {
	right: 24px;
	bottom: -70px;
}

.home .site-header-logo img,
.single-wsu_magazine_issue .site-header-logo img {
	width: 318px;
}

.home .main-header,
.single-wsu_magazine_issue .main-header {
	display: none;
}

.single-wsu_magazine_issue .automatic-issue .main-header {
	display: block;
	height: 145px;
}

.has-featured-image .automatic-issue .main-header {
	height: 450px;
}

.single-wsu_magazine_issue .automatic-issue .header-group {
	display: none;
}

.home .spine-social-channels,
.single-wsu_magazine_issue .spine-social-channels {
	display: none;
}

.home .row.single .column,
.single-wsu_magazine_issue .row.single .column {
	max-width: 100%;
}

.home .halves .one,
.single-wsu_magazine_issue .halves .one {
	padding-right: 5px;
}

.home .halves .two,
.single-wsu_magazine_issue .halves .two {
	padding-left: 5px;
}

.home .article-body,
.single-wsu_magazine_issue .article-body {
	max-width: 100%;
}

.headline-has-background {
	background-size: cover;
	margin-bottom: 10px;
	position: relative;
	padding-bottom: 60%;
}

.home section:first-child .one a > div,
.single-wsu_magazine_issue section.single:first-child .one a > div {
	height: 450px;
	padding-bottom: 0;
	text-align: right;
}

.secondary-articles .headline-has-background {
	background-color: #edf3f4;
	background-size: 33%;
	background-repeat: no-repeat;
	padding-bottom: 32%;
	-webkit-transition: background-color .3s ease;
	transition: background-color .3s ease;
}

.secondary-articles .headline-has-background:hover {
	background-color: #e3dfcd;
}

.home-headline-head-wrapper {
	background: rgba(2,2,2,.7);
	color: #fff;
	position: absolute;
	bottom: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 0 2rem 1rem 1rem;
}

.home section:first-child .home-headline-head-wrapper,
.single-wsu_magazine_issue section.single:first-child .home-headline-head-wrapper {
	background: none;
}

.halves .home-headline-head-wrapper:after {
	bottom: 0;
	content: "\F500";
	font-family: Spine-Icons;
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.halves.secondary-articles .home-headline-head-wrapper:after {
	content: none;
}

.secondary-articles .home-headline-head-wrapper {
	background: none;
	padding-left: calc(33% + 15px);
	top: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.no-thumbnail .home-headline-head-wrapper {
	padding-left: 10px;
	padding-right: calc(33% + 10px);
}

.home section h2,
.single-wsu_magazine_issue section h2 {
	font-size: 1.6rem;
	font-weight: 900;
	text-transform: none;
}

.home section.secondary-articles h2,
.single-wsu_magazine_issue section.secondary-articles h2 {
	color: #5e6a71;
	font-size: 1.2rem;
}

.secondary-articles h2 {
	padding: .5rem 0 0;
	-webkit-box-ordinal-group: 3;
	-webkit-order: 2;
	-ms-flex-order: 2;
	order: 2;
}

.article-section {
	color: #5e6a71;
	font-size: .8rem;
	text-transform: uppercase;
	line-height: 1;
}

h2 + .article-section {
	margin-top: -.5rem;
}

.secondary-articles .article-section {
	-webkit-box-ordinal-group: 2;
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1;
	margin-top: .6rem;
}

.row.single .home-subtitle,
.column:hover .home-subtitle {
	display: block;
}

.home-subtitle {
	display: none;
}

.secondary-articles .home-subtitle {
	color: #2a3033;
	display: block;
	font-weight: 300;
	-webkit-box-ordinal-group: 4;
	-webkit-order: 3;
	-ms-flex-order: 3;
	order: 3;
}

/* Responsive adjustments */
@media screen and (max-width: 989px) {
	#binder main {
		margin-left: 0;
		margin-top: 0;
	}

}

@media screen and (max-width: 950px) {
	.home section.secondary-articles h2,
	.single-wsu_magazine_issue section.secondary-articles h2 {
		font-size: .9rem;
	}

}

@media screen and (max-width: 850px) {
	.site-header {
		-webkit-flex-flow: row wrap;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		height: auto;
	}

	.site-header-issue {
		-webkit-box-flex: 1;
		-webkit-flex: 1 100%;
		-ms-flex: 1 100%;
		flex: 1 100%;
		height: 40px;
	}

	.site-header-nav {
		width: calc(100% - (325px + 35px));
	}

	.secondary-articles .home-subtitle {
		line-height: 1.2;
		font-size: .8rem;
	}

	.article-body {
		padding: 0 2rem;
		box-sizing: border-box;
	}

}

@media screen and (min-width: 792px) {
	.halves .column:hover .home-headline-head-wrapper:after {
		content: "\F501";
	}

	.halves.secondary-articles .column:hover .home-headline-head-wrapper:after {
		content: none;
	}
}

@media screen and (max-width: 791px) {
	#binder.fluid main {
		margin-top: 0;
	}

	.main-header .header-group {
		bottom: -3.46rem;
	}

	.has-featured-image .main-header .header-group:before {
		height: calc(100% - 3.46rem);
	}

	.image-information {
		bottom: 4.5rem;
	}

	.home .halves .column,
	.single-wsu_magazine_issue .halves .column {
		padding: 0;
	}

	.halves .column:hover .home-subtitle {
		display: none;
	}

	.halves .column .open.home-headline-head-wrapper:after {
		content: "\F501";
	}

	.halves .column .open .home-subtitle,
	.halves.secondary-articles .column:hover .home-subtitle {
		display: block;
	}

}

@media screen and (max-width: 650px) {
	.site-header {
		height: 163px;
	}

	.home .site-header,
	.single-wsu_magazine_issue .site-header {
		background: none;
		height: auto;
		position: relative;
	}

	.home .site-header-logo,
	.single-wsu_magazine_issue .site-header-logo {
		bottom: 0;
	}

	.sh-item {
		-webkit-box-flex: 1;
		-webkit-flex: 1 100%;
		-ms-flex: 1 100%;
		flex: 1 100%;
	}

	.site-header-logo {
		position: relative;
		text-align: right;
		right: auto;
		bottom: auto;
		padding: 1rem 2rem;
	}

	.main-header .header-group {
		max-width: 100%;
	}

	.image-information {
		bottom: auto;
		right: 1rem;
		top: -2.5rem;
	}

	.spine-social-channels {
		height: 25px;
		margin: 2rem auto;
		width: 100%;
	}

	.single-post .spine-social-channels,
	.single-wsu_magazine_we .spine-social-channels {
		margin-top: 4.45rem;
	}

	.social-share-bar {
		float: none;
	}

	.social-share-bar li:first-of-type {
		margin-left: 0;
	}

	.home section:first-child .one a > div,
	.single-wsu_magazine_issue section:first-child .one a > div {
		margin-top: -87px;
	}

	.page .single .column.one {
		box-sizing: border-box;
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}

	.home .single .column,
	.single-wsu_magazine_issue .single .column,
	.single-post .single .column {
		padding: 0;
	}

	.magazine-nav,
	.wsu-nav {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.magazine-nav a,
	.wsu-nav a {
		padding: .25rem;
	}

	.article-footer {
		padding: 2rem;
	}

}

@media screen and (max-width: 382px) {
	.site-header-logo img {
		width: auto;
	}

	.home section:first-child .one a > div,
	.single-wsu_magazine_issue section:first-child .one a > div {
		margin-top: -94px;
	}
}

/* Old WSM styles to preserve in 2015 redesign */

/* Utility classes */
.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.small {
	font-size: .9em;
	line-height: normal;
	padding: 2px 0 5px 0;
}

.extra-bold {
	font-weight: bolder;
}

.larger {
	font-size: larger;
}

.uppercase {
	text-transform: uppercase;
}

.smallcaps {
	font-variant: small-caps;
}

.indent {
	margin: 0 50px;
}

.right {
	float: right;
}

.left {
	float: left;
}

.crimson-border {
	border: 1px solid #9b2437;
	padding: 10px;
}

.middle {
	vertical-align: middle;
}

.small-box {
	margin: 0 10px 10px 10px;
	max-width: 250px;
}

.small-box img {
	max-width: 100%;
}

.image340 {
	max-width: 340px;
	height: auto;
}

/* Colors */
.color1,
.red {
	color: #c60c30;
}

.color2,
.crimson {
	color: #981e32;
}

.color3,
.wsm-gray {
	color: #5e6a71;
}

.color4,
.light-gray {
	color: #eff0f1;
}

.color5,
.lighter-gray {
	color: #aab1b4;
}

.dark-gray {
	color: #1d2124;
}

.color6,
.green,
.spring,
.Spring {
	color: #8f7e35;
}

.color7,
.yellow,
.summer,
.Summer {
	color: #c69214;
}

.color8,
.winter-blue {
	color: #4f868e;
}

.color9,
.winter-blue-light,
.winter-light,
.Winter {
	color: #aec7cb;
}

.color10,
.beige {
	color: #f1e4c4;
}

.color11,
.aqua {
	color: #00a5bd;
}

.color12,
.orange,
.fall,
.Fall {
	color: #b67233;
}

.color13,
.teal,
.winter {
	color: #4f868e;
}

.color14,
.warm-gray-light {
	color: #65645c;
}

.color15,
.warm-gray-medium {
	color: #262b2d;
}

.color17,
.color16,
.warm-gray-dark {
	color: #505353;
}

.color18,
.warm-gray-darkest {
	color: #464845;
}

.color19,
.white {
	color: #FFF;
}

.color20,
.black {
	color: #000;
}

.fall-bg {
	background: #b67233;
}

.winter-bg {
	background: #4f868e;
}

.spring-bg {
	background: #8f7e35;
}

.summer-bg {
	background: #c69214;
}

/* Inline text styles */
.section-head {
	text-transform: uppercase;
	font-weight: bold;
	color: #981e32;
}

.space-line-above {
	margin-top: 1.8rem;
}

.space-line-below {
	margin-bottom: 1.8rem;
}

.top-space {
	margin-top: 1rem;
}

.bottom-space {
	margin-bottom: 1rem;
}

.size-lt-medium img.size-medium.alignleft,
.size-lt-medium img.size-medium.alignright,
.size-lt-medium img.size-large.alignleft,
.size-lt-medium img.size-large.alignright {
	width: auto;
	height: auto;
	clear: none;
	float: none;
	margin: 0 1rem 0 0;
}