/*
Theme Name: Sea of Shoes
Theme URI: http://seaofshoes.com
Author: Design by Victoria McGinley, Code by Elembee
Author URI: http://elembee.com
Description: A custom theme for Sea of Shoes designed by Victoria McGinley and coded by Elembee.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: seaofshoes
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Sea of Shoes is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Import Styles
# Typography
# Links
# Elements
# Forms
# Media
	## Captions
# Accessibility
# Alignments
# Clearings
# Layout
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Import Styles
--------------------------------------------------------------*/

@import url('css/reset.css');

@import url('css/elements.css');

@import url('css/superfish.css');

@import url('css/unslider.css');

@import url('css/unslider-dots.css');

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea,
.body-text {
	font-family: "garamond-premier-pro-display", sans-serif;
	font-size: 19px;
	line-height: 1.42em;
	letter-spacing: .025em;
	color: #000;
}

h1 {
	font-family: "bodoni-urw", sans-serif;
	font-weight: 300;
	font-size: 50px;
	line-height: 1.3em;
	letter-spacing: .05em;
	text-transform: uppercase;
	color: #000;
}

h2 {
	font-family: "essonnes-display", sans-serif;
	font-style: italic;
	font-size: 17px;
	line-height: 1.47em;
	letter-spacing: .05em;
	text-transform: lowercase;
	color: #000;
}

h3 {
	font-family: "proxima-nova-extra-condensed", sans-serif;
	font-size: 15px;
	line-height: 1.67em;
	letter-spacing: .075em;
	text-transform: uppercase;
	color: #000;
}

h4 {
	font-family: 'Montserrat', sans-serif;
	font-size: 10px;
	line-height: 2em;
	letter-spacing: .075em;
	text-transform: uppercase;
	color: #000;
}

h5 {
	font-family: "essonnes-display", sans-serif;
	font-style: italic;
	font-size: 45px;
	line-height: 1.22em;
	letter-spacing: 0em;
	color: #000;
}

h6 {
	font-family: "bodoni-urw", sans-serif;
	font-weight: 300;
	font-size: 25px;
	line-height: 1.8em;
	letter-spacing: .075em;
	text-transform: uppercase;
	color: #000;
}

p {
	margin-bottom: 1.3em;
}

	p:last-of-type {
		margin-bottom: 0;	
	}

blockquote {
	margin: 0 1.5em;
	font-style: italic;
}

@media screen and (max-width: 767px) {
	h1 {
		font-size: 30px;
	}

}

/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
a {
	color: #000;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

a:hover {
	color: #b7b7b7;
}

.entry-content a {
	text-decoration: underline;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	border: none;
	background: none;
	font-family: 'Montserrat', sans-serif;
	font-size: 10px;
	line-height: 2em;
	letter-spacing: .075em;
	text-transform: uppercase;
	color: #000;
	padding: 0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

button:before,
input[type="button"]:before,
input[type="reset"]:before,
input[type="submit"]:before {
	content: '\f111';
	font-family: FontAwesome;
	font-size: 8px;
	margin-right: 7px;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	color: #b7b7b7;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	outline: none;
	font-family: "garamond-premier-pro-display";
	font-size: 19px;
	line-height: 1.42em;
	letter-spacing: .025em;
	color: #000;
	box-sizing: border-box;
	width: 100%;
	padding: 13px 18px;
	background: #fff;
	border: none;
	border-top: 1px solid #000;
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	-ms-transition: background .3s ease-in-out;
	-o-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	background: #f1f1f1;
}

textarea {
	max-height: 53px;
}

textarea:focus {
	max-height: 235px;
}

select {
	border: 1px solid #ccc;
}

label {
	display: block;
	font-family: 'Montserrat', sans-serif;
	font-size: 10px;
	line-height: 2em;
	letter-spacing: .075em;
	text-transform: uppercase;
	color: #000;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #000;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #000;
}
:-ms-input-placeholder { /* IE 10+ */
	color: #000;
}
:-moz-placeholder { /* Firefox 18- */
	color: #000;
}

/*--------------------------------------------------------------
# Images
--------------------------------------------------------------*/

.entry-content img {
	display: block;
	margin-bottom: 20px;
}

.gallery {
	display: flex;
	justify-content: space-between;
}

.gallery .gallery-item {
	width: 49.082569%; /* 535/1090 */
}

@media screen and (max-width: 767px) {
	.gallery {
		display: block;
	}

	.gallery .gallery-item {
		width: 100%;
	}
}

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/

.wrap {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}

#content {
	margin-bottom: 40px;	
}

#primary {
	margin-bottom: 40px;	
}

/*--------------------------------------------------------------
# Masthead
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Site Branding
--------------------------------------------------------------*/

#masthead {
	margin: 8px auto 70px;
}

.site-title {
	margin-bottom: 0;	
}

#site-branding {
	width: 100%;
	max-width: 750px;
	margin: 0 auto;
}

#site-branding a {
	display: block;
	width: 100%;
	padding-top: 10.666667%; /* 80 / 750 */
	background: url(images/seaofshoes.png) center no-repeat;
	background-size: contain;	
}

#site-branding span {
	display: none;	
}

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

	#masthead {
		margin-bottom: 40px;
	}

}

/*--------------------------------------------------------------
## Navigation
--------------------------------------------------------------*/

#site-navigation {
	display: flex;
	justify-content: space-between;
	margin-bottom: 55px;
	position: relative;
	padding-top: 3px;
	padding-right: 45px;
}

#primary-menu li {
	display: inline-block;
	margin-right: 22px;	
}

	#primary-menu li a {
		font-family: "proxima-nova-extra-condensed";
		font-size: 15px;
		line-height: 1.67em;
		letter-spacing: .075em;
		text-transform: uppercase;
		color: #000;
	}

	#primary-menu li a:hover {
		color: #b7b7b7;	
	}

		#primary-menu > li > .sub-menu {
			background: #fff;
			width: 100px;
			border: 1px solid #f1f1f1;
			left: 50%;
			transform: translateX(-50%);
			margin-top: 5px;
		}

			#primary-menu > li > .sub-menu > li {
				font-family: "proxima-nova-extra-condensed";
				font-size: 15px;
				line-height: 1.67em;
				letter-spacing: .075em;
				text-transform: uppercase;
				color: #000;
				display: block;
				text-align: center;
				margin: 0 auto;
				max-width: 90px;
				border-bottom: 1px solid #f1f1f1;
			}

			#primary-menu > li > .sub-menu > li:last-of-type {
				border-bottom: none;
			}

				#primary-menu > li > .sub-menu > li > a {
					padding: 10px 0 8px;
				}

#admin-nav-menu,
#social-menu {
	display: inline-block;
}

	#admin-nav-menu li {
		display: inline-block;
		margin-right: 3px;
		border-right: 1px solid #000;
	}

	#admin-nav-menu li:last-of-type {
		margin-right: 0;
		border-right: none;
	}

		#admin-nav-menu li a {
			display: block;
			font-family: "proxima-nova-extra-condensed";
			font-size: 15px;
			line-height: 15px;
			letter-spacing: .075em;
			text-transform: uppercase;
			color: #000;
			margin-right: 6px;
		}

		#admin-nav-menu li a:hover {
			color: #b7b7b7;
		}


		#admin-nav-menu li:last-of-type a {
			margin-right: 0;
		}

	#social-menu {
		margin-left: 13px;
	}

		#social-menu li {
			display: inline-block;
			margin-right: 15px;	
		}

		#social-menu li:last-of-type {
			margin-right: 0;	
		}

			#social-menu li a {
				font-size: 14px;
				color: #000;
			}

			#social-menu li a:hover {
				color: #b7b7b7;
			}

				#social-menu li a .fontawesome-text {
					display: none;
				}

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

	#site-navigation {
		margin-bottom: 25px;
	}

	#primary-menu,
	#admin-nav-menu {
		display: none;	
	}

}

/*--------------------------------------------------------------
## Mobile Menu
--------------------------------------------------------------*/

.slicknav_menu {
	display: none;
	font-family: "proxima-nova-extra-condensed";
	font-size: 15px;
	line-height: 1.67em;
	letter-spacing: .075em;
	text-transform: uppercase;
}

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

	.slicknav_menu {
		display: block;	
	}

}


/*--------------------------------------------------------------
## Search
--------------------------------------------------------------*/

.sb-search {
	position: absolute;
	top: 0;
	right: 0;
	width: 0%;
	min-width: 30px;
	height: 30px;
	float: right;
	overflow: hidden;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	-webkit-backface-visibility: hidden;
}
	
input[type="search"].sb-search-input {
	border: none;
	outline: none;
	background: #000;
	width: 100%;
	height: 30px;
	margin: 0;
	z-index: 10;
	padding: 10px 35px 8px 12px;
	color: #fff;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	font-family: "proxima-nova-extra-condensed";
	font-size: 15px;
	line-height: 1.67em;
	letter-spacing: .075em;
	text-transform: uppercase;
}

.sb-search-input::-webkit-input-placeholder {
	color: #fff;
}

.sb-search-input:-moz-placeholder {
	color: #fff;
}

.sb-search-input::-moz-placeholder {
	color: #fff;
}

.sb-search-input:-ms-input-placeholder {
	color: #fff;
}

.sb-icon-search,
.sb-search-submit  {
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
}

.sb-search-submit {
    opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
}

.sb-icon-search {
	color: #fff;
	background: #000;
	z-index: 90;
	speak: none;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

	.sb-icon-search:hover {
		background: #000;
		color: #fff;
	}

.sb-search.sb-search-open,
.no-js .sb-search {
	width: 185px;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
	background: #000;
	color: #fff;
	z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
	z-index: 90;
}

/*--------------------------------------------------------------
## Scroll Navigation
--------------------------------------------------------------*/

#scroll-navigation {
	background: #fff;
	color: #000;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 10000;
	display: none;
}

	#scroll-navigation a {
		color: #000;
	}

	#scroll-navigation .wrap {
		max-width: 1200px;
		margin: 0 auto;
		padding: 20px 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
		padding-right: 45px;
	}

	#scroll-navigation ul li {
		display: inline-block;
	}

	#scroll-navigation ul li:last-of-type {
		margin-right: 0;
	}

	#scroll-navigation .slicknav_menu {
		order: 2;
		margin-left: auto;
	}

	#scroll-navigation .slicknav_btn {
		padding-left: 25px;
	}

	#scroll-navigation .slicknav_menu ul {
		margin-bottom: 5px;
	}

	#scroll-navigation .slicknav_menu ul li {
		display: block;
		margin: 0 0 -5px 5px;
	}

	#scroll-navigation .slicknav_nav {
		position: absolute;
		top: 100%;
		left: 50%;
		width: 100vw;
		background: #fff;
		text-align: left;
		margin: 0 auto;
		padding: 0 0 20px 0;
		transform: translateX(-50%);
	}

		#scroll-navigation ul.slicknav_nav > li,
		#scroll-navigation ul.slicknav_nav > li:last-of-type {
			width: 90%;
			margin: 0 auto;
		}

#scroll-branding {
	width: 100%;
	max-width: 375px;
	margin: 0 auto;
}

#scroll-branding a {
	display: block;
	width: 100%;
	padding-top: 10.666667%; /* 40 / 375 */
	background: url(images/scroll-logo.png) center no-repeat;
	background-size: contain;	
}

#scroll-branding span {
	display: none;	
}

	#scroll-navigation #admin-nav-menu,
	#scroll-navigation #social-menu {
		margin: 0;
	}

		#scroll-navigation #admin-nav-menu li {
			border: none;
		}

		#scroll-navigation #social-menu {
			margin-left: 13px;
		}

#scroll-navigation .wrap .sb-search {
	top: 50%;
	transform: translateY(-50%);
}

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

	#scroll-navigation #admin-nav-menu {
		display: none;
	}
	
	#scroll-navigation #scroll-branding {
		order: 1;
		margin: 0;
	}
	
	#scroll-navigation #primary-menu {
		order: 2;
		margin-left: auto;
	}
	
	#scroll-navigation #social-menu {
		order: 3;
	}
	
}

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

	#scroll-navigation #social-menu {
		display: none;
	}

	#scroll-navigation .sb-search.sb-search-open,
	#scroll-navigation .no-js .sb-search {
		width: 325px;
	}

}

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

	#scroll-branding {
		max-width: 281px;
	}

}

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

	#scroll-navigation .sb-search.sb-search-open,
	#scroll-navigation .no-js .sb-search {
		width: 100%;
	}

}

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

	.slicknav_menutxt {
		display: none;
	}
	
	.slicknav_icon:before {
		content: '\f0c9';
		font-family: FontAwesome;
	}
	
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Menu
--------------------------------------------------------------*/

.site-footer {
	background: #000;
	position: relative;
}

.site-footer:before {
	content: '';
	display: block;
	position: absolute;
	top: -55px;
	left: 0;
	width: 438px;
	height: 55px;
	background: #fff url(images/footer-pattern.png) center no-repeat;
}

	.site-footer #footer-branding {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translate(-50%, -42%);
	}

		.site-footer #footer-branding .octopus {
			padding-right: 30px;
			width: 284px;
		}

		.site-footer #footer-branding .footer-logo {
			text-align: center;
			margin: 30px auto 0;
			width: 71px;
		}

	.site-footer .footer-content {
		width: 90%;
		max-width: 1090px;
		margin: 0 auto;
	}

		.site-footer .footer-content .footer-navigation,
		.site-footer .footer-content .footer-navigation #footer-left,
		.site-footer .footer-content .footer-navigation #footer-right {
			display: flex;
			justify-content: space-between;
		}

		.site-footer .footer-content .footer-navigation {
			padding-top: 40px;
		}

			.site-footer .footer-content .footer-navigation #footer-left .info-menu {
				margin-right: 22px;
			}

			.site-footer .footer-content .footer-navigation #footer-right .social-menu {
				margin-right: 16px;
			}

			.site-footer .footer-content .footer-navigation .widget {
				width: 150px;
			}

				.site-footer .footer-content .footer-navigation .widget .widget-title {
					color: #fff;
					padding-top: 15px;
					margin-bottom: 5px;
					position: relative;
				}

				.site-footer .footer-content .footer-navigation .widget .widget-title:before {
					content: '';
					display: block;
					position: absolute;
					width: 76px;
					height: 7px;
					top: 0;
					left: 0;
					background: #fff;
				}

				.site-footer .footer-content .footer-navigation .widget .menu li {
					font-family: 'Montserrat', sans-serif;
					font-size: 10px;
					line-height: 2.5em;
					letter-spacing: .15em;
					text-transform: uppercase;
				}

					.site-footer .footer-content .footer-navigation .widget .menu li a {
						color: #fff;
					}

					.site-footer .footer-content .footer-navigation .widget .menu li .fa {
						font-size: 16px;
						margin-right: 5px;
					}

					.site-footer .footer-content .footer-navigation .widget .menu li .fa-copyright {
						font-size: 10px;
					}

					.site-footer .footer-content .footer-navigation .widget .menu .blog-link {
						font-family: "proxima-nova-extra-condensed";
						font-size: 15px;
						line-height: 1.33em;
						letter-spacing: .075em;
						text-transform: uppercase;
						color: #fff;
						margin-top: 15px;
					}

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

	.site-footer #footer-branding {
		display: none;
	}
	
	.site-footer #footer-left,
	.site-footer #footer-right {
		width: 50%;
	}

	.site-footer .footer-content .footer-navigation .widget {
		width: 50%;
	}
	
		.site-footer .footer-content .footer-navigation #footer-left .info-menu {
			margin-right: 0;
		}

		.site-footer .footer-content .footer-navigation #footer-right .social-menu {
			margin-right: 0;
		}
	
}

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

	.site-footer .footer-content .footer-navigation {
		display: block;
	}

	.site-footer #footer-left,
	.site-footer #footer-right {
		width: 100%;
	}

	.site-footer .footer-content .footer-navigation #footer-left {
		margin-bottom: 40px;
	}
}

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

	.site-footer .footer-content .footer-navigation #footer-left,
	.site-footer .footer-content .footer-navigation #footer-right {
		display: block;
	}

	.site-footer .footer-content .footer-navigation .widget {
		width: 100%;
		margin-bottom: 40px;
	}
	
	.site-footer .footer-content .footer-navigation #footer-left {
		margin-bottom: 0;
	}
	
}

/*--------------------------------------------------------------
## Instagram
--------------------------------------------------------------*/

.site-footer .footer-content #instagram-slider {
	margin: 30px 0 50px;
}

	#instagram-slider .jr-insta-slider li a {
		display: block;
		border: 5px solid #000;
	}

	.site-footer .footer-content #instagram-slider .widget .widget-title a {
		color: #fff;
	}

@media screen and (max-width: 640px) {
	.jr-insta-thumb ul.thumbnails.no-border.jr_col_5 li:last-of-type {
		display: none !important;
	}
}

/*--------------------------------------------------------------
## Back to top
--------------------------------------------------------------*/

#scroll-to-top-button {
	display: none;
	position: fixed;
	bottom: 0;
	right: 20px;
	width: 165px;
	padding: 10px;
	text-align: center;
	background: #000;
	color: #fff;
	font-family: "proxima-nova-extra-condensed";
	font-size: 15px;
	line-height: 1.67em;
	letter-spacing: .075em;
	text-transform: uppercase;
	cursor: pointer;
}

#scroll-to-top-button .fa {
	margin-right: 10px;
}

@media screen and (max-width: 767px) {
	#scroll-to-top-button {
		display: block !important;
		position: relative;
		bottom: auto;
		right: auto;
		width: 100%;
	}
}

/*--------------------------------------------------------------
# Home
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Slider
--------------------------------------------------------------*/

#slider-container {
	margin: 0 auto 80px;
	position: relative;
}

#slider-container:before {
	content: '';
	display: block;
	width: 100%;
	height: 20px;
	background: url(images/slider-pattern-top.png) center no-repeat;
}

	#slider-container .unslider {
		position: relative;
	}

		#slider-container .unslider .unslider-arrow {
			font-size: 55px;
			text-align: center;
			color: #fff;
			background: rgba(0,0,0,0.2);
			height: 56px;
		}

		#slider-container .unslider .prev {
			position: absolute;
			left: 0;
			top: 50%;
			transform: translateY(-50%);
			padding: 0 17px 0 13px;
		}

		#slider-container .unslider .next {
			position: absolute;
			right: 0;
			top: 50%;
			transform: translateY(-50%);
			padding: 0 13px 0 17px;
		}

#slider {
	position: relative;	
}

	#slider ul {
		margin: 0;
		padding: 0;
		list-style: none;	
	}

	#slider li {
		visibility: hidden;
	}

	#slider li:first-of-type, 
	.unslider #slider li {
		visibility: visible;
	}

	#slider .slide {
		position: relative;
	}

		#slider .slide .featured-image img, 
		#slider .slide .featured-image a {
			display: block;	
		}

		#slider .slide .featured-image a:before {
			content: '';
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: #000;
			margin: 0;
			opacity: 0;
			transition: opacity .3s ease-in-out;
		}

		#slider .slide:hover .featured-image a:before {
			opacity: .7;
		}

		#slider .slide .slide-content {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%,-50%);
			width: 90%;
			max-width: 605px;
			height: 71.13402%;
			border: 1px solid #fff;
			display: flex;
			align-items: center;
			opacity: 0;
			-webkit-transition: all .3s ease-in-out;
			-moz-transition: all .3s ease-in-out;
			-ms-transition: all .3s ease-in-out;
			-o-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
		}

		#slider .slide:hover .slide-content {
			opacity: 1;
		}


			#slider .slide .slide-content .post-category {
				font-family: "proxima-nova-extra-condensed";
				font-size: 15px;
				line-height: normal;
				letter-spacing: .075em;
				text-transform: uppercase;
				text-align: center;
				color: #000;
				position: absolute;
				top: 0;
				left: 50%;
				transform: translate(-50%,-50%);
				width: 175px;
				background: #fff;
				padding: 8px 0;
			}

			#slider .slide .slide-content .slide-content-box {
				max-width: 525px;
				margin: 0 auto;
				text-align: center;
			}

				#slider .slide .slide-content .slide-content-box .slide-title {
					font-family: "bodoni-urw";
					font-weight: 300;
					font-size: 50px;
					font-style: normal;
					line-height: 1.1em;
					letter-spacing: .05em;
					text-transform: uppercase;
					text-align: center;
					margin-bottom: 35px;
				}

					#slider .slide .slide-content .slide-content-box .slide-title a {
						color: #fff;
					}

				#slider .slide .slide-content .slide-content-box .slide-cta {
					font-family: "essonnes-display";
					font-style: italic;
					font-size: 17px;
					line-height: 1.47em;
					letter-spacing: .05em;
					text-transform: lowercase;
					color: #000;
					background: #fff;
					padding: 5px 20px 7px;
					margin: 0 auto;
				}

				#slider .slide .slide-content .slide-content-box .slide-cta:hover {
					color: #d6d6d6;
				}


	#slider-container .unslider-nav {
		float: right;
	}

		#slider-container .unslider-nav li {
			margin: 0 6px;
		}

		#slider-container .unslider-nav li:last-of-type {
			margin-right: 50px;
		}

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

	#slider .slide .slide-content {
		display: none;
	}
	
}

/*--------------------------------------------------------------
## Home Page Feed
--------------------------------------------------------------*/
/*--------------------------------------------------------------
### Layout
--------------------------------------------------------------*/

#home .wrap {
	width: 90%;
	max-width: 1090px;
	margin: 0 auto;
}

	#home .site-main {
		margin-bottom: 80px;
	}

		#home .site-main .post {
			margin-bottom: 70px;
		}


/*--------------------------------------------------------------
### Entry Header
--------------------------------------------------------------*/

#home .entry-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 20px;
	border-left: 7px solid #000;
	margin-bottom: 20px;
}

	#home .entry-header .posted-in {
		font-family: "essonnes-display";
		font-style: italic;
		font-size: 17px;
		line-height: 1.47em;
		letter-spacing: .05em;
		text-transform: lowercase;
	}

	#home .entry-header .entry-title {
		font-family: "bodoni-urw";
		font-weight: 300;
		font-size: 50px;
		font-style: normal;
		line-height: 1.1em;
		letter-spacing: .05em;
		text-transform: uppercase;
		color: #000;
		max-width: 785px;
	}

	#home .entry-header .meta-links {
		font-family: 'Montserrat', sans-serif;
		font-size: 10px;
		line-height: 2em;
		letter-spacing: .15em;
		text-transform: uppercase;
		color: #000;
		flex-shrink: 0;
		margin-left: 20px;
	}

		#home .entry-header .meta-links .fa {
			font-size: 16px;
			margin-right: 8px;
			vertical-align: middle;
		}

		#home .entry-header .meta-links .posted-on {
			display: block;
			margin-bottom: 7px;
		}

		#home .entry-header .meta-links .comments-link {
			display: block;
			margin-bottom: 7px;
		}

.entry-header .meta-links .share {
	position: relative;
}

	.entry-header .meta-links .share-submenu {
		display: none;
		position: absolute;
		top: 0;
		left: 26px;
		background: #fff;
		margin: 0;
	}

	.entry-header .meta-links .share-active .share-submenu {
		display: block;
	}

	.entry-header .meta-links .share-submenu li {
		display: inline-block;
	}

	.entry-header .meta-links .share-submenu li .fa {
		font-size: 13px !important;
	}

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

	#home .entry-header {
		display: block;
	}

		#home .entry-header .meta-links {
			margin-left: 0;
			margin-top: 20px;
		}

}

/*--------------------------------------------------------------
### Entry Content
--------------------------------------------------------------*/

.entry-content {
	margin-bottom: 20px;
}

	.entry-content a.more-link {
		display: table;
		padding: 12px 10px 10px;
		margin: 0 auto 35px;
		color: #000;
		font-family: "proxima-nova-extra-condensed";
		font-size: 15px;
		line-height: 1.67em;
		letter-spacing: .075em;
		text-align: center;
		text-transform: uppercase;
		position: relative;
		text-decoration: none;
	}

		.entry-content .more-link::before,
		.entry-content .more-link::after {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 1px;
			background: #d6d6d6;
			content: '';
			-webkit-transition: -webkit-transform 0.3s;
			-moz-transition: -moz-transform 0.3s;
			transition: transform 0.3s;
			-webkit-transform: scale(0.85);
			-moz-transform: scale(0.85);
			transform: scale(0.85);
		}

		.entry-content .more-link::after {
			opacity: 0;
			-webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s;
			-moz-transition: top 0.3s, opacity 0.3s, -moz-transform 0.3s;
			transition: top 0.3s, opacity 0.3s, transform 0.3s;
		}

		.entry-content .more-link:hover::before,
		.entry-content .more-link:hover::after,
		.entry-content .more-link:focus::before,
		.entry-content .more-link:focus::after {
			-webkit-transform: scale(1);
			-moz-transform: scale(1);
			transform: scale(1);
		}

		.entry-content .more-link:hover::after,
		.entry-content .more-link:focus::after {
			top: 100%;
			opacity: 1;
		}

.shop-the-post {
	position: relative;
	border-top: 1px solid #000;
	padding-top: 20px;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 10px;
	line-height: 3em;
	letter-spacing: .075em;
	text-transform: uppercase;
	max-width: 1090px;
	margin: 0 auto 50px auto;
}

	.shop-the-post:before {
		content: '';
		display: block;
		width: 110px;
		height: 7px;
		background: #000;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translate(-50%,-50%);
	}

	.shop-the-post h3 {
		margin-bottom: 10px;
	}

	.shop-the-post p {
		margin: 0;
	}

	.shop-the-post a {
		text-decoration: underline;
	}

/*--------------------------------------------------------------
### Entry Footer
--------------------------------------------------------------*/

.entry-footer {
	padding: 10px 44px;
	background: #f1f1f1;
}

.post-meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 10px;
	line-height: 2em;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: #000;
}

	.post-meta .fa {
		font-size: 16px;
		margin-right: 8px;
		vertical-align: middle;
		padding-bottom: 3px;
	}

	.post-meta.posted-on {
		padding-right: 38px;
	}

	.post-meta .share li {
		display: inline-block;
	}

		.post-meta .share li .fa { 
			margin: 0 0 0 10px;
		}

@media screen and (max-width: 767px) {
	.post-meta {
		display: block;
		text-align: center;
	}

	.entry-footer {
		padding: 10px;
	}
}

/*--------------------------------------------------------------
### Post Navigation
--------------------------------------------------------------*/

.posts-navigation .nav-links {
	display: flex;
	justify-content: flex-end;
	font-family: "bodoni-urw";
	font-weight: 300;
	font-size: 25px;
	line-height: 1.8em;
	letter-spacing: .075em;
	text-transform: uppercase;
	color: #000;
}

	.posts-navigation .nav-links .nav-previous {
		order: 2;
	}

	.posts-navigation .nav-links .nav-next {
		margin-right: auto;
		order: 1;
	}

@media screen and (max-width: 450px) {
	.posts-navigation .nav-links {
		font-size: 16px;
	}
}

/*--------------------------------------------------------------
## Home Page Interstitials
--------------------------------------------------------------*/
/*--------------------------------------------------------------
### Shop Interstitial
--------------------------------------------------------------*/

.shop-interstitial {
	background: #f1f1f1;
	margin: 85px 0;
	position: relative;
}

.shop-interstitial:before {
	content: '';
	display: block;
	width: 100%;
	height: 35px;
	background: #fff url(images/explore-pattern-top.png) center no-repeat;
}

.shop-interstitial:after {
	content: '';
	display: block;
	width: 100%;
	height: 35px;
	background: #fff url(images/explore-pattern-bottom.png) center no-repeat;
}

	.shop-interstitial .wrap {
		display: flex;
		justify-content: space-between;
		padding: 50px 0 40px;
		position: relative;
	}

	.shop-interstitial .widget_simpleimage {
		position: relative;
		width: 29.8165137614%; /* 325/1090 */
	}

		.shop-interstitial .widget .simple-image {
			margin: 0;
		}

		.shop-interstitial .widget .simple-image img,
		.shop-interstitial .widget .simple-image a {
			display: block;
		}

		.shop-interstitial .widget .simple-image a:before {
			content: '';
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: #000;
			margin: 0;
			opacity: 0;
			transition: opacity .3s ease-in-out;
		}

		.shop-interstitial .widget:hover .simple-image a:before {
			opacity: 0.6;
		}


		.shop-interstitial .widget .widget-title {
			font-family: "proxima-nova-extra-condensed";
			font-size: 15px;
			line-height: 1.67em;
			letter-spacing: .075em;
			text-transform: uppercase;
			text-align: center;
			color: #000;
			background: #fff;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%,-50%);
			opacity: 1;
			-webkit-transition: all .3s ease-in-out;
			-moz-transition: all .3s ease-in-out;
			-ms-transition: all .3s ease-in-out;
			-o-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
		}

		.shop-interstitial .widget:hover .widget-title {
			opacity: 0;
		}

			.shop-interstitial .widget .widget-title a {
				display: block;
				width: 138px;
				padding: 6px 0;
			}

		.shop-interstitial .widget .more {
			font-family: "proxima-nova-extra-condensed";
			font-size: 15px;
			line-height: 1.67em;
			letter-spacing: .075em;
			text-transform: uppercase;
			text-align: center;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%,-50%);
			opacity: 0;
			-webkit-transition: all .3s ease-in-out;
			-moz-transition: all .3s ease-in-out;
			-ms-transition: all .3s ease-in-out;
			-o-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
		}

		.shop-interstitial .widget:hover .more {
			opacity: 1;
		}

		.shop-interstitial .widget:hover .more a {
			color: #fff;
		}

	.shop-interstitial .shop-button {
		position: absolute;
		right: 0;
		top: 20px;
	}
		.shop-interstitial .shop-button .widget-title {
			font-family: 'Montserrat', sans-serif;
			font-size: 10px;
			line-height: 2em;
			letter-spacing: .075em;
			text-transform: uppercase;
			padding: 0;
			transform: translate(-100%,0);
		}

			.shop-interstitial .shop-button .widget-title a {
				color: #000;
				background: #d6d6d6;
				padding: 5px 0;
			}

			.shop-interstitial .shop-button .widget-title a:hover {
				color: #fff;
				background: #000;
			}

			.shop-interstitial .shop-button:hover .widget-title {
				opacity: 1;
			}

	.shop-interstitial .interstitial-title {
		font-family: "proxima-nova-extra-condensed";
		font-size: 15px;
		line-height: 1.67em;
		letter-spacing: .075em;
		text-transform: uppercase;
		text-align: center;
		position: absolute;
		left: 50%;
		top: -7px;
		transform: translateX(-50%);
		border-top: 7px solid #000;
		width: 110px;
		padding-top: 10px;
	}

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

.shop-interstitial .wrap {
	display: block;
}


	.shop-interstitial .widget_simpleimage {
		width: 100%;
		margin: 0 auto 20px auto;
	}
}

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

	.shop-interstitial .wrap {
		padding-top: 65px;
	}

	.shop-interstitial .shop-button {
		top: 40px;
	}

}

/*--------------------------------------------------------------
### Subscribe Interstitial
--------------------------------------------------------------*/

.subscribe-interstitial {
	background: #f1f1f1;
	margin: 85px 0;
	position: relative;
}

.subscribe-interstitial:before {
	content: '';
	display: block;
	width: 100%;
	height: 33px;
	background: #fff url(images/subscribe-pattern-top.jpg) left no-repeat;
}

.subscribe-interstitial:after {
	content: '';
	display: block;
	width: 100%;
	height: 55px;
	background: #fff url(images/subscribe-pattern-bottom.png) right no-repeat;
}

.subscribe-interstitial .wrap {
	display: flex;
	justify-content: space-between;
	align-content: center;
}

.subscribe-interstitial .wrap:after {
	content: '';
	width: 183px;
	height: 15px;
	background: #000;
	position: absolute;
	right: 0;
	bottom: 55px;
	transform: translateY(50%);
}

	.subscribe-interstitial .widget .simple-image img,
	.subscribe-interstitial .widget .simple-image a {
		display: block;
	}

		.subscribe-interstitial .wrap .subscribe-image {
			width: 49.08%; /* 535/1090 */
		}

		.subscribe-interstitial .wrap .subscribe-form {
			width: 50.91%; /* 555/1090 */
			padding: 45px 0 20px 35px;
		}

		.subscribe-interstitial .wrap .subscribe-form .widget-title {
			font-family: "bodoni-urw";
			font-weight: 300;
			font-size: 25px;
			line-height: 1.8em;
			letter-spacing: .075em;
			text-transform: uppercase;
			color: #000;
			margin-bottom: 5px;
		}

		.subscribe-interstitial .wrap .subscribe-form #subscribe-text {
			font-family: "proxima-nova-extra-condensed";
			font-size: 15px;
			line-height: 1.67em;
			letter-spacing: .075em;
			text-transform: uppercase;
			color: #000;
		}

			.subscribe-interstitial .wrap .subscribe-form #subscribe-email input[type="email"] {
				font-family: 'Montserrat', sans-serif;
				font-size: 10px;
				line-height: 2em;
				letter-spacing: .075em;
				text-transform: uppercase;
				color: #000;
				background: #fff;
				border-top: none;
				padding: 10px 23px;
				margin-top: 25px;
				margin-bottom: 15px;
			}

			.subscribe-interstitial .wrap .subscribe-form #subscribe-submit input[type="submit"] {
				float: right;
			}

@media screen and (max-width: 1050px) {
	.subscribe-interstitial .wrap .subscribe-image {
		display: none;
	}
	
	.subscribe-interstitial .wrap .subscribe-form {
		width: 100%;
		max-width: 480px;
		margin: 0 auto;
		padding: 20px 0;
	}
}

/*--------------------------------------------------------------
# Single Post Page
--------------------------------------------------------------*/

.single #content {
	margin-bottom: 212px;
}

#single .post {
	padding-top: 30px;
	border-top: 1px solid #000;
	position: relative;
	margin-bottom: 35px;
}

#single .post:before {
	content: '';
	display: block;
	width: 90px;
	height: 7px;
	background: #000;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
}

	#single .post .entry-header {
		margin-bottom: 40px;
		padding: 0 150px;
	}

		#single .post .entry-header .category-title {
			text-align: center;
			max-width: 725px;
			margin: 0 auto;
		}

			#single .post .entry-header .category-title .posted-in {
				font-family: "proxima-nova-extra-condensed";
				font-size: 15px;
				line-height: 1.67em;
				letter-spacing: .075em;
				text-transform: uppercase;
				color: #000;
			}

			#single .post .entry-header .category-title .entry-title {
				font-family: "essonnes-display";
				font-style: italic;
				font-size: 45px;
				line-height: 1.22em;
				letter-spacing: 0em;
				color: #000;
				text-transform: none;
			}

			#single .entry-header .meta-links {
				font-family: 'Montserrat', sans-serif;
				font-size: 10px;
				line-height: 2em;
				letter-spacing: .15em;
				text-transform: uppercase;
				color: #b7b7b7;
				position: absolute;
				top: 50px;
				right: 0;
			}

				#single .entry-header .meta-links a {
					color: #b7b7b7;
				}

				#single .entry-header .meta-links a:hover {
					color: #000;
				}

				#single .entry-header .meta-links .fa {
					font-size: 16px;
					margin-right: 8px;
					vertical-align: middle;
				}

				#single .entry-header .meta-links .posted-on {
					display: block;
					margin-bottom: 7px;
				}

				#single .entry-header .meta-links .comments-link {
					display: block;
					margin-bottom: 7px;
				}

					#single .entry-header .meta-links .comments-link a {
						color: #b7b7b7;
					}

					#single .entry-header .meta-links .comments-link a:hover {
						color: #000;
					}

	#single .post .entry-content {
		max-width: 1090px;
		margin: 0 auto;
	}

#single .entry-footer {
	max-width: 1090px;
	margin: 40px auto;
}

#single .comments-area {
	max-width: 1090px;
	margin: 0 auto;
}

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

	#single .post .entry-header {
		padding: 0;
	}
	
	#single .entry-header .meta-links {
		display: none;	
	}

}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
/*--------------------------------------------------------------
### Layout
--------------------------------------------------------------*/

.comments-container {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.comments-container .comment-list {
	width: 45.857988%; /* 465/1014 */
}

.comments-container .next-post {
	width: 49.309665%; /* 500/1014 */
}

@media screen and (max-width: 767px) {
	.comments-container {
		display: block;
	}

	.comments-container .comment-list {
		width: 100%; /* 465/1014 */
		margin-bottom: 50px;
	}

	.comments-container .next-post {
		width: 100%; /* 500/1014 */
		max-width: 500px;
		margin: 0 auto;
	}
}

/*--------------------------------------------------------------
### Comments List and Form
--------------------------------------------------------------*/

#comments #reply-title {
	font-family: "bodoni-urw";
	font-weight: 300;
	font-size: 50px;
	line-height: 1.3em;
	letter-spacing: .075em;
	text-align: center;
	text-transform: uppercase;
	color: #000;
	margin-bottom: 30px;	
}

#cancel-comment-reply-link {
	display: block;
	margin-top: 10px;
	font-family: 'Montserrat', sans-serif;
	font-size: 10px;
	line-height: 2em;
	letter-spacing: .075em;
	text-transform: uppercase;
	color: #000;
}

#commentform {
	max-width: 560px;
	margin: 0 auto 40px;
}

	#commentform p {
		width: 100%;
		margin-bottom: 20px;	
	}

		#commentform p.form-submit {
			text-align: right;
			margin: 0;	
		}

	.form-submit .submit {
		background: #fff;
	}

#comments-section {
	background: #f1f1f1;
	padding: 10px 38px 25px;
	position: relative;
}

#comments-section:before {
	content: '';
	display: block;
	width: 183px;
	height: 15px;
	background: #000;
	position: absolute;
	top: 0;
	left: 38px;
	transform: translateY(-50%);
}

	#comments-section .comments-title {
		font-family: "bodoni-urw";
		font-weight: 300;
		font-size: 25px;
		line-height: 1.8em;
		letter-spacing: .075em;
		text-transform: uppercase;
		color: #000;
	}

	.comment-list,
	.comment-list ol,
	.comment-list ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.comment-list {
		margin-top: 50px;
	}
	
	.comment-list > li {
		margin-bottom: 30px;	
	}
	
		.comment-list > li:last-of-type {
			margin-bottom: 0;	
		}
		
	.comment-list .children > li {
		position: relative;
		margin-left: 20px;
	}

	.comment-list .children > li .comment-container {
		padding: 10px 15px;
		margin-top: 18px;
		background: #fff;
		position: relative;	
	}

.comment-author {
	font-family: 'Montserrat', sans-serif;
	font-size: 10px;
	line-height: 2em;
	letter-spacing: .075em;
	text-transform: uppercase;
	color: #000;
	margin-bottom: 4px;
}

	.comment-author .author-name {

	}
	
	.comment-author .author-name a {

	}

	.comment-author .author-name a:hover {

	}

.comment-meta {
	font-family: 'Montserrat', sans-serif;
	font-size: 10px;
	line-height: 2em;
	letter-spacing: .075em;
	text-transform: uppercase;
	color: #000;
	margin-top: 7px;
}

	.comment-meta a {
	
	}

	.comment-meta a:hover {
	
	}


/*--------------------------------------------------------------
### Next Post
--------------------------------------------------------------*/

.next-post {
	position: relative;
	padding: 0 20px 20px 20px;
	border: 1px solid #fff;
	z-index: 1;
}

.next-post:before {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.next-post h3 {
	position: absolute;
	width: 175px;
	background: #fff;
	padding: 10px;
	text-align: center;
	top: 20px;
	left: 40px;
}

.next-post-thumb img {
	display: block;
}

.next-post-inner {
	position: relative;
	overflow: hidden;
	margin-top: -20px;
}

.next-post-info {
	position: absolute;
	bottom: 20px;
	left: -375px;
	padding: 30px 80px 30px 40px;
	width: 415px;
	background: rgba(0, 0, 0, .8);
	color: #fff;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.next-post-info h6 {
	color: #fff;
	line-height: 125%;
}

.next-post-info div {
	position: absolute;
	top: 50%;
	right: 9px;
	transform: translateY(-50%);
}

.next-post-info div .fa {
	font-size: 55px;
}

.next-post:hover .next-post-info {
	left: 0;
}

@media screen and (max-width: 767px) {
	.next-post-info {
		display: none;
	}
}

/*--------------------------------------------------------------
# Archive Page
--------------------------------------------------------------*/

#archive {
	margin-bottom: 140px;
}

	#archive .archive-header h3 {
		display: inline-block;
		text-align: center;
		color: #fff;
		background: #000;
		padding: 6px 20px 4px;
	}

	#archive .post {
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-bottom: 1px solid #d6d6d6;
		padding-bottom: 35px;
		margin-bottom: 35px;
	}

	#archive .post:last-of-type {
		border: none;
	}

		#archive .post .featured-image {
			width: 38.75%; /* 465/1200 */
		}

			#archive .post .featured-image a,
			#archive .post .featured-image img {
				display: block;
			}

		#archive .post .post-content {
				width: 56.25%; /* 675/1200 */
			}

			#archive .post .post-content .post-meta {
				justify-content: flex-start;
				margin-bottom: 20px;
				color: #b7b7b7;
			}

				#archive .post .post-content .post-meta a {
					color: #b7b7b7;
				}

				#archive .post .post-content .post-meta .posted-on,
				#archive .post .post-content .post-meta .comments-link {
					margin-right: 45px;
				}

				#archive .post .post-content .entry-title {
					line-height: 1em;
					margin-bottom: 10px;
				}

				#archive .post .post-content .button {
					display: block;
					font-family: "proxima-nova-extra-condensed";
					font-size: 15px;
					line-height: 1.67em;
					letter-spacing: .075em;
					text-transform: uppercase;
					color: #000;
					max-width: 120px;
					padding: 15px 0 5px;
					border-bottom: 1px solid rgba(214,214,214,0);
				}

				#archive .post .post-content .button:hover {
					border-bottom: 1px solid rgba(214,214,214,1);
				}

@media screen and (max-width: 767px) {
	#archive .post {
		display: block;
	}
	
	#archive .post .featured-image {
		width: 100%;
		margin-bottom: 20px;
	}

	#archive .post .post-content {
		width: 100%;
	}
}

/*--------------------------------------------------------------
# Search & 404
--------------------------------------------------------------*/

.not-found {
	text-align: center;
	max-width: 600px;
	margin: 0 auto 140px;
}

.not-found input.search-field {
	margin: 20px 0;
	background: #f1f1f1;
}

/*--------------------------------------------------------------
# Info Page
--------------------------------------------------------------*/

#info-page {
	margin-bottom: 150px;
}

#info-page .entry-header {
	position: relative;
	margin-bottom: 40px;
}

#info-page .entry-header img {
	display: block;
}

#info-page .entry-header .entry-title {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	padding: 10px 40px 0;
	background: #fff;
	font-family: "proxima-nova-extra-condensed";
	font-size: 20px;
	line-height: 1.67em;
	letter-spacing: .075em;
	text-transform: uppercase;
}

#info-page .entry-content {
	max-width: 1090px;
	margin: 0 auto;
}

#info-page .boutique-widget {
	max-width: 900px;
	margin: 0 auto;
}


/*--------------------------------------------------------------
## About Page
--------------------------------------------------------------*/

#about-page #intro {
	max-width: 750px;
	margin: 15px auto 55px auto;
	font-family: "bodoni-urw";
	font-weight: 300;
	font-size: 25px;
	line-height: 1.45em;
	letter-spacing: .075em;
	text-transform: uppercase;
	color: #000;
	text-align: center;
}

#about-page #bio {
	padding-top: 70px;
	border-top: 1px solid #b7b7b7;
	margin-bottom: 85px;
	display: flex;
	justify-content: space-between;
}

	#about-page #bio .featured-image {
		width: 44.495413%; /* 485/1090 */ 
		position: relative;
		z-index: 1;
	}

	#about-page #bio .featured-image:before {
		content: '';
		display: block;
		width: 360px;
		height: 120px;
		background: #000;
		position: absolute;
		top: -40px;
		left: -55px;
		z-index: -1;
	}

	#about-page #bio .bio-content {
		width: 51.834862%; /* 565/1090 */
		margin-top: 40px;
		position: relative;
		z-index: 2;
	}

		#about-page #bio .drop-cap {
			font-family: "essonnes-display";
			font-style: italic;
			font-size: 200px;
			line-height: 200px;
			text-transform: uppercase;
			margin-left: -95px;
		}

#about-page #timeline {
	max-width: 880px;
	margin: 0 auto 155px auto;
	position: relative;
	display: flex;
	justify-content: space-around;
}

	#about-page #timeline:before {
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		background: #000;
		position: absolute;
		top: 45px;
		left: 0;
	}

	#about-page #timeline .marker {
		width: 11.363636%; /* 100/880 */
		text-align: center;
	}

	#about-page #timeline .year {
		font-family: "proxima-nova-extra-condensed";
		font-size: 15px;
		line-height: 1.67em;
		letter-spacing: .075em;
		text-transform: uppercase;
		color: #000;
		margin-bottom: 10px;
	}

	#about-page #timeline .dot {
		font-size: 10px;
		margin-bottom: 10px;
	}

	#about-page #timeline .description {
		font-family: 'Montserrat', sans-serif;
		font-size: 10px;
		line-height: 2em;
		letter-spacing: .075em;
		text-transform: uppercase;
		color: #000;
	}

#about-page #featured {
	display: flex;
	justify-content: space-between;
	margin-bottom: 105px;
}

	#about-page #featured .featured-content {
		width: 50.458716%; /* 550/1090 */
	}

		#about-page #featured h2 {
			margin-top: 25px;
			margin-bottom: 10px;
		}

		#about-page #featured ul {
			margin: 0 0 35px;
			padding: 0;
			list-style: none;
		}

		#about-page #featured ul li {
			margin-bottom: 15px;
			font-style: italic;
		}

		#about-page #featured ul li h3 {
			font-style: normal;
		}

	#about-page #featured .featured-image {
		width: 44.495413%; /* 485/1090 */
		position: relative;
		z-index: 1;
	}

		#about-page #featured .featured-image:before {
			content: '';
			display: block;
			width: 360px;
			height: 120px;
			background: #000;
			position: absolute;
			top: -40px;
			right: -55px;
			z-index: -1;
		}

#partners {
	border: 1px solid #b7b7b7;
	position: relative;
	text-align: center;
	padding: 12px 20px 75px 20px;
	margin-top: 48px;
}

#partners h1 {
	position: absolute;
	top: -48px;
	left: 50%;
	transform: translateX(-50%);
	padding: 0 7px;
	white-space: nowrap;
}

#partners h1:after {
	content: '';
	display: block;
	width: 100%;
	height: 7px;
	background: #000;
	position: absolute;
	bottom: 16px;
	left: 0;
}

#partners h4 {
	margin-bottom: 25px;
	font-size: 10px;
	color: #b7b7b7;
}

#partners h2 {
	margin-bottom: 15px;
}

#partners ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#partners ul li {
	font-family: "proxima-nova-extra-condensed";
	font-size: 15px;
	line-height: 1.67em;
	letter-spacing: .075em;
	text-transform: uppercase;
	margin-bottom: 5px;
}

#about-footer {
	width: 90%;
	max-width: 850px;
	margin: 0 auto;
	background: #f1f1f1;
	padding: 20px;
	text-align: center;
	margin-top: -40px;
	font-family: "proxima-nova-extra-condensed";
	font-size: 15px;
	line-height: 1.67em;
	letter-spacing: .075em;
	text-transform: uppercase;
	position: relative;
	z-index: 2;
}

#about-footer #social-menu {
	margin: 20px auto 0 auto;
}

@media screen and (max-width: 767px) {
	#about-page #bio {
		display: block;
	}
	
	#about-page #bio .featured-image {
		width: 100%;
		max-width: 485px;
		margin: 0 auto;
	}
	
	#about-page #bio .bio-content {
		width: 100%; /* 565/1090 */
	}
	
	#about-page #bio .drop-cap {
		margin-left: 0;
		margin-top: -95px;
	}
	
	#about-page #timeline {
		display: none;
	}
	
	#about-page #featured {
		display: block;
	}
}

@media screen and (max-width: 580px) {
	#partners h1 {
		top: -28px;
		font-size: 30px;
	}
	
	#partners h1:after {
		bottom: 8px;
	}
}