/*
Theme Name: Notably
Theme URI: http://www.wearepixel8.com/themes/notably
Description: Notably is a fully responsive, mobile first, all aeound awesome WordPress theme for bloggers. Notably comes equipped to handle just about whatever type of blog you publish by leveraging the power of post formats. Publish quotes, audio, video, images, galleries as well as your standard blog post. Use the WordPress Theme Customizer to make this straight forward, clean, beautifully styled theme your own.
Version: 1.0.4
Author: We Are Pixel8
Author URI: http://www.wearepixel8.com
*/

/*----------------------------------------------------------------------------*/
/* Resets
/*----------------------------------------------------------------------------*/

body, html, div, blockquote, img, label, p, a, h1, h2, h3, h4, h5, h6, pre, ul,
ol, li, dl, dt, dd, form, fieldset, input, th, td, figure {
	border: 0;
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
img {
	display: block;
	height: auto;
	max-width: 100%;
	width: auto;
}
video {
	height: auto;
	max-width: 100%;
}
a, :focus {
	outline: 0;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
::-moz-selection {
	background: #ffff00;
}
::selection {
	background: #ffff00;
}

/*----------------------------------------------------------------------------*/
/* HTML5 Tags
/*----------------------------------------------------------------------------*/

header, footer, section, nav, article, figure, figcaption, time, audio, video {
	display: block;
}

/*----------------------------------------------------------------------------*/
/* Utility
/*----------------------------------------------------------------------------*/

body {
	background-color: #292931;
}
.wrapper {
	margin: 0 auto;
	position: relative;
	max-width: 68.75em;
}
div[role=main], .secondary-content {	
	position: relative;
}
div[role=main] {
	background-color: #fff;
	padding: 0.938em 0.938em 0.313em;
}
.secondary-content {
	background-color: #f2f2fc;
	padding: 1.875em 0.938em 0.313em;
}
a {
	-moz-transition: color 0.25s ease-in-out 0s;
	-ms-transition: color 0.25s ease-in-out 0s;
	-o-transition: color 0.25s ease-in-out 0s;
	-webkit-transition: color 0.25s ease-in-out 0s;
	transition: color 0.25s ease-in-out 0s;
}
a, a:visited {
	border-bottom: 1px solid #d9d9dc;
	color: #32323a;
	text-decoration: none;
}
a:hover, a:active {
	color: #93250d;
}
a > img {
	border: none;
	-moz-transition: opacity 0.25s ease-in-out 0s;
	-ms-transition: opacity 0.25s ease-in-out 0s;
	-o-transition: opacity 0.25s ease-in-out 0s;
	-webkit-transition: opacity 0.25s ease-in-out 0s;
	transition: opacity 0.25s ease-in-out 0s;
}
a > img:hover {
	opacity: 0.75;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.hide {
	display: none;
}

/*----------------------------------------------------------------------------*/
/* Clear Floats
/*----------------------------------------------------------------------------*/

.clear:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

/*----------------------------------------------------------------------------*/
/* Fonts
/*----------------------------------------------------------------------------*/

@font-face {
    font-family: 'Notably-Icons';
    src: url('fonts/icons/Notably-Icons.eot');
    src: url('fonts/icons/Notably-Icons.eot#iefix') format('embedded-opentype'),
         url('fonts/icons/Notably-Icons.woff') format('woff'),
         url('fonts/icons/Notably-Icons.ttf') format('truetype'),
         url('fonts/icons/Notably-Icons.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*----------------------------------------------------------------------------*/
/* Icons
/*----------------------------------------------------------------------------*/

form.search-form label, .mobile-nav-toggle a, .jp-audio a, .jp-player-volume,
ul.social-nav-anchors span, p.return-portfolio {
	font-family: 'Notably-Icons';
	speak: none;
}

/*----------------------------------------------------------------------------*/
/* Typography
/*----------------------------------------------------------------------------*/

body {
	color: #32323a;
	font: normal 400 1em/1.563 'Crimson Text', serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
h1, h2, h3, h4, h5, b, strong, dt, th, caption, label {
	color: #18181e;
}
h1, h2, h3, h6 {
	font-weight: 400;
}
h4, h5 {
	font-weight: 700;
}
h4, h5, h6 {
	font-family: 'Lato', sans-serif;
}
h1 {
	font-size: 1.875em;
	line-height: 1.167;
	margin-bottom: 1.167em;
}
p + h1 {
	margin-top: 1.167em;
}
h2 {
	border-bottom: 1px dotted #d9d9dc;
	font-size: 1.75em;
	line-height: 1.25;
	margin: 1.071em 0 0.429em;
	padding-bottom: 0.429em;
}
h3 {
	font-size: 1.438em;
	line-height: 1.087;
	margin-bottom: 0.870em;
}
h4 {
	font-size: 1.188em;
	line-height: 1.316;
	margin-bottom: 0.789em;
}
h5 {
	font-size: 1.063em;
	line-height: 1.176;
	margin-bottom: 0.882em;
}
h6 {
	color: #696975;
	font-size: 0.875em;
	font-style: italic;
	line-height: 1.429;
	margin-bottom: 0.357em;
}
p, address {
	margin-bottom: 1.563em;
}
blockquote {
	border-left: 0.313em solid #d9d9dc;
	padding-left: 1.25em;
}
blockquote p {
	color: #696975;
	font-style: italic;
	quotes: '\201c' '\201d';
	text-indent: -0.313em;
}
blockquote p:before, q:before, q q:before {
	content: open-quote;
}
blockquote p:after, q:after, q q:after {
	content: close-quote;
}
q {
	quotes: '\201c' '\201d' '\2018' '\2019';
}
strong, b {
	font-weight: 700;
}
em, i, cite {
	font-style: italic;
}
small {
	font-size: 0.875em;
	line-height: 1.429;
}
mark {
	background-color: #ffff00;
}
strike, del {
	color: #93250d;
	text-decoration: line-through;
}
abbr, acronym, ins {
	border-bottom: 1px dotted;
}
abbr, acronym {
	cursor: help;
	text-transform: uppercase;
}
ins {
	text-decoration: none;
}
sup, sub {
	font-size: 0.75em;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.333em;
}
sub {
	bottom: -0.333em;
}
address {
	font-style: normal;
}

/*----------------------------------------------------------------------------*/
/* Lists
/*----------------------------------------------------------------------------*/

ul, ol, dl, dd {
	margin-bottom: 1.563em;
}
ul, ol {
	margin-left: 1.25em;
}
ul {
	list-style: disc;
}
ul ul, ol ul {
	list-style: circle;
}
ol, ul ol, ol ol ol {
	list-style: decimal;
}
ol ol {
	list-style: lower-alpha;
}
ul ul, ol ul, ul ol, ol ol {
	margin: 0.625em 0 0.938em;
	padding-left: 1.563em;
}
dt {
	font-size: 1.125em;
	font-weight: 700;
	line-height: 1.389;
}

/*----------------------------------------------------------------------------*/
/* Tables
/*----------------------------------------------------------------------------*/

table {
	margin: 0 0 1.563em;
	width: 100%;
}
caption {
	font-size: 1.25em;
	line-height: 1.25;
	margin-bottom: 1.25em;
	text-align: center;
}
th, td {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding: 0.75em 0.625em 0.75em 0;
	text-align: center;
	vertical-align: top;
}
td {
	border-bottom-color: #d9d9dc;
}
table.vertical-table caption, table.vertical-table th, table.vertical-table td {
	text-align: left;
}
table.vertical-table th {
	border-bottom-color: #d9d9dc;
	font-style: italic;
}

/*----------------------------------------------------------------------------*/
/* Code and Pre-Formatted Text
/*----------------------------------------------------------------------------*/

code {
	background-color: #f2f2fc;
	color: #18181e;
	font: 0.875em/1.429 Courier, Monaco, monospace;
	padding: 0.214em;
}
pre {
	background-color: #f2f2fc;
	margin-bottom: 1.714em;
	overflow: auto;
	overflow-y: hidden;
	padding: 0 0 1.429em 1.429em;
}
pre code {
	background: none;
	font-size: 14px;
	padding: 0;
}

/*----------------------------------------------------------------------------*/
/* Form Elements
/*----------------------------------------------------------------------------*/

form {
	position: relative;
}
label {
	color: #18181e;
	font: normal 700 0.813em/1.538em 'Lato', sans-serif;
}
input[type=text], input[type=email], input[type=url], input[type=password],
input[type=search], input[type=submit], textarea, select {
	-moz-appearance: none;
	-o-appearance: none;
	-webkit-appearance: none;
}
input[type=text], input[type=email], input[type=url], input[type=password],
input[type=search], textarea {
	background-color: #fff;
	border: 0.313em solid #d9d9dc;
	color: #696975;
	font-size: 1em;
	font-family: 'Crimson Text', serif;
	margin-bottom: 1.25em;
	padding: 0.313em;
	width: 100%;
	-moz-border-radius: 0.188em;
	-webkit-border-radius: 0.188em;
	border-radius: 0.188em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
input[type=text]:focus, input[type=email]:focus, input[type=url]:focus,
input[type=password]:focus, input[type=search]:focus, textarea:focus, select:focus {
	border-color: #32323a;
	color: #32323a;
}
input[type=checkbox], input[type=radio] {
	background-color: #fff;
	border: 1px solid #dcdcd9;
	margin-right: 0.313em;
}
input[type=checkbox]:checked, input[type=radio]:checked {
	background-color: #32323a;
	border-color: #32323a;
}
select {
	background-color: #fff;
	border: 0.313em solid #d9d9dc;
	color: #696975;
	display: block;
	font-family: 'Crimson Text', serif;
	font-size: 1em;
	margin-bottom: 1.25em;
	padding: 0.313em;
	width: 100%;
	-moz-border-radius: 0.188em;
	-webkit-border-radius: 0.188em;
	border-radius: 0.188em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
textarea {
	height: 14.063em;
	line-height: 1.563;
	resize: none;
	overflow: auto;
	-webkit-font-smoothing: antialiased;
}
input[type=submit] {
	background-color: #32323a;
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-size: 0.875em;
	padding: 0.714em 1.429em;
	-moz-border-radius: 0.214em;
	-webkit-border-radius: 0.214em;
	border-radius: 0.214em;
}
input[type=submit]:hover {
	cursor: pointer;
}

/*----------------------------------------------------------------------------*/
/* Search Form
/*----------------------------------------------------------------------------*/

.header-search, form.search-form {
	position: relative;
}
.header-search {
	overflow: hidden;
	padding: 0 0.938em;
}
.header-search form.search-form {
	padding: 1.25em 0;
}
form.search-form label {
	font-size: 0.938em;
	font-weight: 400;
	left: 0.667em;
	line-height: 1.333;
	position: absolute;
	top: 1.8em;
}
form.search-form label span {
	display: none;
}
form.search-form input[type=text] {
	padding-bottom: 0.625em;
	padding-left: 1.875em;
	padding-right: 0;
}
.header-search form.search-form input[type=text] {
	border: none;
	margin: 0;
}

/*----------------------------------------------------------------------------*/
/* Header and Logo
/*----------------------------------------------------------------------------*/

header[role=banner], .logo {
	position: relative;
}
header[role=banner] {
	background-color: #fff;
	padding-top: 1.25em;
}
.logo {
	margin: 0 auto;
	max-width: 30.909091%;
	text-align: center;
}
.logo .image-logo {
	margin: 0 auto;
}
a.text-logo {
	border: none;
	font-size: 1.875em;
	font-style: italic;
	line-height: 1.167;
}

/*----------------------------------------------------------------------------*/
/* Main Menu
/*----------------------------------------------------------------------------*/

.main-nav {
	background-color: #18181e;
	display: none;
	padding-top: 0.313em;
	position: relative;
}
.main-nav ul {
	background-color: #18181e;
	font: normal 700 0.75em/1.667 'Lato', sans-serif;
	letter-spacing: 0.167em;
	list-style: none;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
}
.main-nav li {
	border-bottom: 1px solid #32323a;
	position: relative;
}
.main-nav li a {
	border: none;
	color: #fff;
	display: block;
	padding: 1.25em;
	-moz-transition: background-color 0.25s ease-in-out 0s;
	-ms-transition: background-color 0.25s ease-in-out 0s;
	-o-transition: background-color 0.25s ease-in-out 0s;
	-webkit-transition: background-color 0.25s ease-in-out 0s;
	transition: background-color 0.25s ease-in-out 0s;
}
.main-nav li a:hover, .main-nav li.current-menu-item a {
	background-color: #93250d;
}

/*----------------------------------------------------------------------------*/
/* Main Menu Drop Down Menu
/*----------------------------------------------------------------------------*/

.main-nav li ul {
	font-size: 100%;
	padding: 0;
}
.main-nav li li {
	border-bottom: none;
	border-top: 1px solid #32323a;
}
.main-nav li .dd-indicator {
	display: none;
}

/*----------------------------------------------------------------------------*/
/* Mobile Menu Toggle
/*----------------------------------------------------------------------------*/

.mobile-nav-toggle {
	bottom: -0.938em;
	margin-bottom: 0.938em;
	position: relative;
	text-align: center;
	top: 0.938em;
	z-index: 200;
}
.mobile-nav-toggle a {
	background-color: #dcdcd9;
	border: none;
	color: #18181e;
	display: inline-block;
	padding: 0.313em 0.563em;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-moz-transition: background-color 0.25s ease-in-out 0s;
	-ms-transition: background-color 0.25s ease-in-out 0s;
	-o-transition: background-color 0.25s ease-in-out 0s;
	-webkit-transition: background-color 0.25s ease-in-out 0s;
	transition: background-color 0.25s ease-in-out 0s;
}
.mobile-nav-toggle a:hover, .mobile-nav-toggle a.show-menu {
	background-color: #18181e;
	color: #fff;
}
.mobile-nav-toggle a.show-menu {
	-moz-border-radius: 50% 50% 0 0;
	-webkit-border-radius: 50% 50% 0 0;
	border-radius: 50% 50% 0 0;
}

/*----------------------------------------------------------------------------*/
/* Articles
/*----------------------------------------------------------------------------*/

.article-content, article header {
	position: relative;
}
article header {
	margin-bottom: 1.25em;
	text-align: center;
}
article header h2 {
	border: none;
	margin: 0 0 0.429em;
	padding: 0;
}
article header time, article header .client-name {
	border-bottom: 1px solid #d9d9dc;
	color: #696975;
	display: inline-block;
	font: normal 700 0.75em/1.667 'Lato', sans-serif;
	letter-spacing: 0.167em;
	margin: 0 0 1em;
	padding-bottom: 0.833em;
	text-transform: uppercase;
}
p.post-meta, p.folio-services {
	border-bottom: 1px solid #d9d9dc;
	color: #696975;
	font-size: 0.875em;
	line-height: 1.429;
	margin-bottom: 0.786em;
	padding-bottom: 1.429em;
	text-align: center;
}
p.folio-services {
	font-style: italic;
	text-transform: lowercase;
}
article header p.post-meta {
	border: none;
	margin: 0;
	padding: 0;
}
p.post-meta span {
	font-style: italic;
}
.article-content p {
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
.article-content p code, .article-content p.post-meta,
.article-content p.folio-services {
	-moz-hyphens: none;
	-ms-hyphens: none;
	-webkit-hyphes: none;
	hyphens: none;
}
.article-content .lead-in {
	font-size: 0.875em;
	font-weight: 700;
	letter-spacing: 0.071em;
	line-height: inherit;
	text-transform: uppercase;
	word-spacing: 0.143em;
}

/*----------------------------------------------------------------------------*/
/* Quote Format
/*----------------------------------------------------------------------------*/

blockquote.quote-format {
	border: none;
	margin-bottom: 1.563em;
	padding: 0;
}
blockquote.quote-format p {
	color: #18181e;
	font-size: 1.875em;
	font-style: normal;
	line-height: 1.167;
	margin-bottom: 0.667em;
	text-align: center;
	text-indent: 0;
}
blockquote.quote-format p.quote-author {
	color: #696975;
	font: normal 700 0.75em/1.667 'Lato', sans-serif;
	letter-spacing: 0.167em;
	margin-bottom: 0;
	text-transform: uppercase;
}
blockquote.quote-format p.quote-author:before {
	content: "\2014 ";
}
blockquote.quote-format p.quote-author:after {
	content: "";
}

/*----------------------------------------------------------------------------*/
/* Figures
/*----------------------------------------------------------------------------*/

figure {
	margin-bottom: 1.563em;
	position: relative;
}
figcaption {
	color: #696975;
	font-size: 0.875em;
	font-style: italic;
	line-height: 1.429;
	margin-top: 0.714em;
	text-align: center;
}
figure.alignright {
	margin-bottom: 0.313em;
	margin-left: 0.938em;
}
figure.alignleft {
	margin-bottom: 0.313em;
	margin-right: 0.938em;
}

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

img.wp-post-image, img.alignnone, img.aligncenter {
	margin-bottom: 1.563em;
}
img.wp-post-image, img.aligncenter, img.alignnone {
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	margin-bottom: 0.313em;
	margin-left: 0.938em;
}
img.alignleft {
	margin-bottom: 0.313em;
	margin-right: 0.938em;
}
figure.aligncenter img, figure.alignnone img {
	margin: 0 auto;
}

/*----------------------------------------------------------------------------*/
/* Image Captions
/*----------------------------------------------------------------------------*/

.wp-caption-text {
	color: #696975;
	font-size: 0.875em;
	font-style: italic;
	line-height: 1.429;
	margin-top: 0.714em;
	text-align: center;
}

/*----------------------------------------------------------------------------*/
/* Image Galleries
/*----------------------------------------------------------------------------*/

.gallery, .gallery-row {
	position: relative;
}
dl.gallery-item {
	float: left;
	padding-left: 1%;
	padding-right: 1%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
dt.gallery-icon a {
	border: none;
}
dt.gallery-icon img {
	height: auto;
	width: 100%;
}
.tidy-gallery-col-1 dl.gallery-item {
	padding-right: 0;
	width: 100%;
}
.tidy-gallery-col-2 dl.gallery-item {
	width: 50%;
}
.tidy-gallery-col-3 dl.gallery-item {
	width: 33.3333%;
}
.tidy-gallery-col-4 dl.gallery-item {
	width: 25%;
}
.tidy-gallery-col-5 dl.gallery-item {
	width: 20%;
}
.tidy-gallery-col-6 dl.gallery-item {
	width: 16.6667%;
}
.tidy-gallery-col-7 dl.gallery-item {
	width: 14.2856%;
}
.tidy-gallery-col-8 dl.gallery-item {
	width: 12.5%;
}
.tidy-gallery-col-9 dl.gallery-item {
	width: 11.1111%;
}

/*----------------------------------------------------------------------------*/
/* Videos
/*----------------------------------------------------------------------------*/

.fluid-width-video-wrapper {
	margin-bottom: 1.563em;
	position: relative;
}

/*----------------------------------------------------------------------------*/
/* Audio Player
/*----------------------------------------------------------------------------*/

.jp-audio-cover, .jp-audio {
	position: relative;
}
.jp-audio {
	background-color: #181818;
	margin-bottom: 1.563em;
}
.jp-audio a {
	border: none;
	display: block;	
}
.jp-audio a, .jp-current-time, .jp-player-volume {
	color: #fff !important; /* using !important to prevent color from being overridden by theme customizer */
	font-size: 0.625em;
	line-height: 3em;
	text-align: center;
}
.jp-current-time {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 700;
	width: 18.867925%;
}
.jp-player-volume {
	width: 7.54717%;
}
.jp-audio ul {
	list-style: none;
	margin: 0;
	position: relative;
	width: 15.09434%;
}
.jp-progress {
	width: 43.396226%;
	margin-top: 0.625em;
}
.jp-mobile-progress.jp-progress {
	width: 66.037736%;
}
.jp-volume-bar {
	margin-top: 0.625em;
	width: 13.207547%;
}
.jp-volume-bar:hover {
	cursor: pointer;
}
.jp-current-time, .jp-player-volume, .jp-audio ul, .jp-progress, .jp-volume-bar {
	float: left;
}
.jp-progress, .jp-seek-bar, .jp-volume-bar {
	background-color: #333;
}
.jp-progress, .jp-seek-bar, .jp-volume-bar, .jp-play-bar, .jp-volume-bar-value {
	height: 0.625em;
}
.jp-audio, .jp-progress, .jp-seek-bar, .jp-volume-bar, .jp-play-bar,
.jp-volume-bar-value {
	-moz-border-radius: 12.5em;
	-webkit-border-radius: 12.5em;
	border-radius: 12.5em;
}
.jp-play-bar, .jp-volume-bar-value {
	background-color: #fff;
}
.jp-pause-button {
	display: none;
}
.jp-pause-button.show-button {
	display: block;
}

/*----------------------------------------------------------------------------*/
/* Comments
/*----------------------------------------------------------------------------*/

#comments, .no-comments {
	position: relative;
}
#comments {
	margin-top: 2.5em;
}
#comments h3 {
	margin-bottom: 0.87em;
}
ol.commentlist {
	border-top: 1px solid #dcdcd9;
	font-size: 0.875em;
	line-height: 1.429;
	list-style: none;
	margin-bottom: 2.857em;
	margin-left: 0;
}
ol.commentlist li {
	border-bottom: 1px solid #dcdcd9;
}
ol.commentlist li div {
	margin-left: 3.571em;
	padding: 1.429em 0 1px;
	position: relative;
}
ol.commentlist img.avatar {
	border-bottom: 0.143em solid #dcdcd9;
	left: -3.571em;
	padding-bottom: 0.357em;
	position: absolute;
	top: 1.429em;
	width: 2.857em;
}
ol.commentlist .bypostauthor > div img.avatar {
	border-color: #32323a;
}
ol.commentlist ul.children {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
ol.commentlist ul.children li {
	border-bottom: none;
	border-top: 1px solid #dcdcd9;
}
ol.commentlist address {
	font: normal 700 0.857em/1.667 'Lato', sans-serif;
	letter-spacing: 0.167em;
	margin-bottom: 0.417em;
	text-transform: uppercase;
}
ol.commentlist time {
	color: #696975;
	margin-bottom: 1.429em;
}
ol.commentlist .reply a {
	font-style: italic;
	position: absolute;
	right: 0;
	text-transform: lowercase;
	top: 1.429em;
}
ol.commentlist p {
	margin-bottom: 1.429em;
}
ol.commentlist p.approval {
	font-style: italic;
}
ol.trackbacklist {
	margin-bottom: 2.857em;
}

/*----------------------------------------------------------------------------*/
/* Archives
/*----------------------------------------------------------------------------*/

h1.page-title {
	border-bottom: 1px solid #d9d9dc;
	font: normal 700 0.75em/1.667 'Lato', sans-serif;
	letter-spacing: 0.167em;
	margin-bottom: 2.083em;
	padding-bottom: 1.667em;
	text-align: center;
	text-transform: uppercase;
}
.blog .article-content, .archive .article-content, .search-results .article-content {
	border-bottom: 1px solid #dcdcd9;
	margin-bottom: 1.563em;
}
.blog article header time, .archive article header time {
	margin-bottom: 0;
}
h2.post-title a, a.more-link {
	border: none;
}
a.more-link {
	display: block;
	text-align: center;
}

/*----------------------------------------------------------------------------*/
/* Portfolio Archives
/*----------------------------------------------------------------------------*/

.portfolio-wrapper, .portfolio-row, .portfolio-item {
	position: relative;
}
.portfolio-wrapper {
	border-bottom: 1px solid #d9d9dc;
	margin-bottom: 1.563em;
}
.portfolio-item {
	margin-bottom: 1.875em;
	text-align: center;
}
.portfolio-item img.wp-post-image {
	margin-bottom: 1.25em;
}
.portfolio-item h2.portfolio-title {
	border-bottom: none;
	font: 700 0.75em/1.667 'Lato',sans-serif;
    letter-spacing: 0.167em;
    margin: 0 0 0.417em;
	padding-bottom: 0;
	text-transform: uppercase;
}
.portfolio-item p.folio-services {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

/*----------------------------------------------------------------------------*/
/* Archives List
/*----------------------------------------------------------------------------*/

ul.archives-list {
	margin-bottom: 2.5em;
}

/*----------------------------------------------------------------------------*/
/* Pagination
/*----------------------------------------------------------------------------*/

.archive-pagination, .post-navigation {
	position: relative;
}
.archive-pagination, p.post-pagination {
	font: normal 700 0.75em/1.667 'Lato', sans-serif;
	margin-bottom: 2.083em;
}
.archive-pagination p.paging-info {
	float: left;	
	margin-bottom: 0;
}
.archive-pagination p.paging-info, p.post-pagination {
	letter-spacing: 0.167em;
	text-transform: uppercase;
}
.archive-pagination p.paging-info span {
	font-weight: 400;
	font-style: italic;
	letter-spacing: normal;
	margin-left: -0.167em;
	text-transform: lowercase;
}
.archive-pagination ul {
	float: right;
	list-style: none;
	margin-bottom: 0;
}
.archive-pagination li {
	float: left;
}
.archive-pagination li:last-child {
	border: none;
}
.archive-pagination li a {
	border: none;
	display: block;
	padding: 0 0.833em;
}
.archive-pagination .current, .archive-pagination .dots {
	display: block;
	padding: 0 0.833em;
}
p.post-pagination {
	text-align: center;
}
p.post-pagination a {
	margin-left: 0.25em;
	margin-right: 0.25em;
}
.post-navigation {
	border-bottom: 1px solid #d9d9dc;
	margin-bottom: 0.786em;
	padding-bottom: 0.688em;
}
.post-navigation p {
	font-size: 0.875em;
	font-style: italic;
	line-height: 1.429;
	margin: 0;
	text-transform: lowercase;
}
p.return-portfolio a {
	border-bottom: none;
	font-style: normal;
	left: 49%;
	position: absolute;
	top: 0;
}
#comments .post-navigation {
	margin-bottom: 2.5em;
	margin-top: -1.875em;
}

/*----------------------------------------------------------------------------*/
/* Widget Areas
/*----------------------------------------------------------------------------*/

.footer-widgets {
	color: #696975;
	font-size: 0.875em;
	line-height: 1.429;
	position: relative;
}
.footer-widgets h3 {
	font: normal 700 0.857em/1.667 'Lato', sans-serif;
	letter-spacing: 0.167em;
	margin-bottom: 0.833em;
	text-transform: uppercase;
}
.footer-widgets ul {
	margin-left: 0;
	list-style: none;
}
.footer-widgets li {
	border-bottom: 1px solid #dcdcd9;
	padding: 0.571em 0;
}
.footer-widgets li a {
	display: inline-block;
}
.footer-widgets ul ul {
	list-style: circle;
	margin: 0;
	padding-left: 1.071em;
}
.footer-widgets li li {
	border-bottom: none;
	border-top: 1px solid #dcdcd9;
	margin-top: 0.571em;
	padding-bottom: 0;
}

/*----------------------------------------------------------------------------*/
/* Calendar Widget
/*----------------------------------------------------------------------------*/

.widget_calendar caption {
	font-size: 100%;
	line-height: 1.429;
	margin-bottom: 0.714em;
	text-align: left;
}
.widget_calendar td#prev {
	text-align: left;
}
.widget_calendar td#next {
	text-align: right;
}

/*----------------------------------------------------------------------------*/
/* Search Widget
/*----------------------------------------------------------------------------*/

.widget_search form.search-form label {
	left: 0.769em;
	top: 0.923em;
}
.widget_search form.search-form input[type=search] {
	padding-left: 1.571em;
}

/*----------------------------------------------------------------------------*/
/* Flickr Widget
/*----------------------------------------------------------------------------*/

.wap8_flickr_feedr_widget ul {
	margin-bottom: 1.429em;
}
.wap8_flickr_feedr_widget li {
	border: none;
	float: left;
	margin-bottom: 1.85%;
	margin-right: 1.85%;
	padding: 0;
	width: auto;
}
.wap8_flickr_feedr_widget li a {
	border: none;
	display: block;
}

/*----------------------------------------------------------------------------*/
/* Twitter Widget
/*----------------------------------------------------------------------------*/

.wap8-twitter-feedr-widget li {
	padding: 0.714em 0;
}

/*----------------------------------------------------------------------------*/
/* Footer
/*----------------------------------------------------------------------------*/

footer[role=complimentary] {
	background-color: #18181e;
	padding: 1.875em 0.938em 0.938em;
	position: relative;
}
footer[role=complimentary] a {
	border: none;
	color: #696975;
	display: block;
}
footer[role=complimentary] a:hover {
	color: #fff;
}
footer[role=complimentary] ul {
	font: 700 0.75em/1.667 'Lato', sans-serif;
	letter-spacing: 0.167em;
	list-style: none;
	margin: 0 auto;
	text-align: center;
	text-transform: uppercase;
}
footer[role=complimentary] li {
	display: inline-block;
	margin: 0 1.25em 1.25em;
}
ul.social-nav-anchors span {
	font-size: 1.5em;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 1.389;
	text-transform: none;
}

/*----------------------------------------------------------------------------*/
/* Webkit Only
/*----------------------------------------------------------------------------*/

@media only screen and ( -webkit-min-device-pixel-ratio: 0 ) {
	
	/* === Form Elements === */
	select {
		background: #fff url(images/select.png) no-repeat center right;
	}
	
}

/*----------------------------------------------------------------------------*/
/* 380px and wider
/*----------------------------------------------------------------------------*/

@media only screen and ( min-width: 23.75em ) {

	/* === Audio Player === */
	.jp-current-time {
		width: 11.320755%;
	}
	.jp-audio ul {
		width: 9.433962%;
	}
	.jp-progress {
		width: 56.603774%;
	}
	.jp-mobile-progress.jp-progress {
		width: 78%;
	}
	
}

/*----------------------------------------------------------------------------*/
/* 520px and wider
/*----------------------------------------------------------------------------*/

@media only screen and ( min-width: 32.5em ) {

	/* === Utility === */
	div[role=main] {
		padding: 2.5em 4.4444% 0.938em;
	}
	
	/* === Search Form === */
	.header-search {
		padding: 0 4.4444%;
	}
	
	/* === Portfolio Archives === */
	.portfolio-row {
		padding-top: 0.938em;
	}
	
	/* === Widget Areas === */
	.secondary-content {
		padding: 2.5em 4.4444% 0.938em;
	}
	.footer-widgets {
		width: 46.2264%
	}
	.left-footer-widgets {
		float: left;
	}
	.right-footer-widgets {
		float: right;
	}
	
	/* === Footer === */
	footer[role=complimentary] {
		padding-left: 4.4444%;
		padding-right: 4.4444%;
	}

}

/*----------------------------------------------------------------------------*/
/* 540px and wider
/*----------------------------------------------------------------------------*/

@media only screen and ( min-width: 33.75em ) {

	/* === Search Form ===*/
	.header-search form {
		margin-left: 12.5%;
		margin-right: 12.5%;
	}
	
	/* === Articles === */
	.article-content h1 {
		font-size: 3.125em;
		line-height: 1.08;
		margin-bottom: 1.08em;
	}
	.article-content p + h1 {
		margin-top: 1.08em;
	}
	.article-content h2 {
		font-size: 2.375em;
		line-height: 1.316;
		margin-bottom: 0.368em;
		margin-top: 1.105em;
		padding-bottom: 0.368em;
	}
	.article-content h3 {
		font-size: 1.938em;
		line-height: 1.129;
		margin-bottom: 0.903em;
	}
	.article-content h4 {
		font-size: 1.438em;
		line-height: 1.217;
		margin-bottom: 0.609em;
	}
	.article-content h5 {
		font-size: 1.125em;
		line-height: 1.167;
		margin-bottom: 0.778em;
	}
	.article-content h6 {
		font-size: 1em;
		line-height: 1.313;
		margin-bottom: 0.438em;
	}
	.article-content p, .article-content ul, .article-content ol, .article-content dl,
	.article-content table {
		font-size: 1.188em;
		line-height: 1.474;
		margin-bottom: 1.474em;
	}
	.article-content ul ul, .article-content ul ol, .article-content ol ol,
	.article-content ol ul {
		font-size: 100%;
		padding-left: 1.474em;
	}
	.article-content pre code {
		font-size: 15px;
	}
	.article-content h1, .article-content h2, .article-content h3,
	.article-content h4, .article-content h5, .article-content h6,
	.article-content p, .article-content address, .article-content blockquote,
	.article-content ul, .article-content ol, .article-content dl, .table-wrapper {
		margin-left: 12.5%;
		margin-right: 12.5%;
	}
	.article-content blockquote p, .article-content ul ul, .article-content ul ol,
	.article-content ol ol, .article-content ol ul {
		margin-left: 0;
		margin-right: 0;
	}
	article header {
		margin-bottom: 1.75em;
	}
	article header time, article header .client-name {
		margin: 0 0 1.167em;
		padding-bottom: 1.083em;
	}
	.article-content header h2 {
		margin-bottom: 0.368em;
		margin-top: 0;
		padding-bottom: 0;
	}
	.article-content p.post-meta, .article-content .post-navigation p,
	.article-content p.folio-services {
		font-size: 1em;
		line-height: 1.313;
	}
	.article-content p.post-meta, .article-content p.folio-services {
		margin-bottom: 1.313em;
		padding-bottom: 3.5em;
	}
	.article-content header p.post-meta {
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.article-content .post-navigation p {
		margin-bottom: 0;
	}
	.article-content .lead-in {
		font-size: 0.789em;
		letter-spacing: 0.067em;
		word-spacing: 0.133em;
	}
	
	/* === Quote Format === */
	.article-content blockquote.quote-format {
		margin-left: 0;
		margin-right: 0;
	}
	.article-content blockquote.quote-format p {
		font-size: 3.125em;
		line-height: 1.26;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 0.42em;
	}
	.article-content blockquote.quote-format p.quote-author {
		font-size: 1em;
		line-height: 1.313;
		margin-bottom: 0;
	}
	
	/* === Figures === */
	figure {
		margin-bottom: 1.75em;
	}
	figcaption {
		font-size: 1em;
		line-height: 1.313;
		margin-top: 0.438em;
	}
	figure.alignright {
		margin-bottom: 0.438em;
		margin-left: 1.313em;
		margin-right: 12.5%;
	}
	figure.alignleft {
		margin-bottom: 0.438em;
		margin-left: 12.5%;
		margin-right: 1.313em;
	}
	
	/* === Images === */
	img.wp-post-image, img.alignnone, img.aligncenter {
		margin-bottom: 1.75em;
	}
	img.alignleft {
		margin-bottom: 0.438em;
		margin-left: 12.5%;
		margin-right: 1.313em;
	}
	img.alignright {
		margin-bottom: 0.438em;
		margin-left: 1.313em;
		margin-right: 12.5%;
	}
	
	/* === Image Captions === */
	.wp-caption-text {
		font-size: 1em;
		line-height: 1.313;
		margin-top: 0.438em;
	}
	
	/* === Image Galleries === */
	.tidy-gallery-col-1, .tidy-gallery-col-2, .tidy-gallery-col-3, .tidy-gallery-col-4 {
		margin-left: 12.5%;
		margin-right: 12.5%;
	}
	.article-content .gallery dl {
		font-size: 0.875em;
		line-height: 1.5;
		margin-bottom: 2em;
		margin-left: 0;
		margin-right: 0;
	}
	.article-content .gallery dd.wp-caption-text {
		line-height: 1.5;
		margin: 0.5em 0 0;
	}
	
	/* === Videos === */
	.fluid-width-video-wrapper {
		margin-bottom: 1.75em;
	}
	
	/* === Audio Player === */
	.jp-audio-cover, .jp-audio {
		margin-left: 12.5%;
		margin-right: 12.5%;
	}
	.jp-audio {
		margin-bottom: 1.75em;
	}
	.article-content .jp-audio ul {
		font-size: 1em;
		line-height: 1.563;
		margin: 0;
	}
	
	/* === Comments === */
	#comments {
		margin-left: 12.5%;
		margin-right: 12.5%;
		margin-top: 3.5em;
	}
	ol.commentlist {
		font-size: 1em;
		line-height: 1.313;
		margin-bottom: 3.5em;
	}
	ol.trackbacklist {
		margin-bottom: 3.5em;
	}
	ol.commentlist ul.children {
		padding-left: 3.438em;
	}
	ol.commentlist ul.children ul.children {
		padding-left: 0;
	}
	
	/* === Archives === */
	.blog .article-content, .archive .article-content, .search-results .article-content {
		margin-bottom: 4.375em;
		padding-bottom: 3.5em;
	}
	
	/* === Archives List === */
	.article-content ul.archives-list {
		margin-bottom: 3.5em;
	}
	
	/* === Pagination === */
	.archive-pagination {
		margin-left: 12.5%;
		margin-right: 12.5%;
		margin-top: -2.333em;
	}
	.post-type-archive .archive-pagination {
		margin-top: 3.333em;
	}
	.post-navigation {
		margin-bottom: 1.75em;
		padding-bottom: 1.75em;
	}
	.article-content p.post-pagination {
		font-size: 0.75em;
		line-height: 1.75;
		margin-bottom: 1.75em;
	}
	.post-navigation {
		margin-left: 12.5%;
		margin-right: 12.5%;
	}
	.article-content .post-navigation p {
		margin-left: 0;
		margin-right: 0;
	}
	#comments .post-navigation {
		margin-bottom: 3.5em;
		margin-left: 0;
		margin-right: 0;
		margin-top: -1.75em;
	}

}

/*----------------------------------------------------------------------------*/
/* 551px and wider
/*----------------------------------------------------------------------------*/

@media only screen and ( min-width: 34.438em ) {
	
	/* === Portfolio Archives === */
	.portfolio-row .portfolio-item {
		float: left;
		margin-right: 3.921569%;
		width: 48.039216%;
	}
	.portfolio-row .portfolio-item:nth-of-type(2) {
		margin-right: 0;
	}
}

/*----------------------------------------------------------------------------*/
/* 700px and wider
/*----------------------------------------------------------------------------*/

@media only screen and ( min-width: 43.75em ) {

	/* === Header and Logo === */
	header[role=banner] {
		padding-top: 2.5em;
	}
	.logo {
		margin-bottom: 0.625em;
	}
	
	/* === Main Menu === */
	.main-nav {
		background-color: transparent;
		display: block !important;
		padding-top: 0;
		top: 0;
	}
	.main-nav ul {
		background-color: transparent;
		letter-spacing: 0.167em;
		margin: 0 auto;
		text-align: center;
		text-transform: uppercase;
	}
	.main-nav li {
		border-bottom: none;
		display: inline-block;
		margin: 0 1.25em;
	}
	.main-nav li a {
		color: #32323a;
		padding: 1.25em 0;
	}
	.main-nav li a:hover, .main-nav li.current-menu-item a {
		background-color: transparent;
		color: #93250d;
	}
	
	/* === Main Menu Drop Down Menu ===*/
	.main-nav li ul {
		background-color: #18181e;
		font-weight: 400;
		left: -9999em;
		letter-spacing: normal;
		margin: 0;
		min-width: 12.5em;
		padding: 0;
		position: absolute;
		text-align: left;
		text-transform: none;
		top: 4.167em;
		z-index: 100;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.main-nav li li {
		border: none;
		display: block;
		margin: 0;
	}
	.main-nav li li a {
		color: #fff;
		padding: 0.833em;
	}
	.main-nav li li a:hover, .main-nav li li.current-menu-item a {
		background-color: #93250d;
		color: #fff;
	}
	.main-nav li.hover ul {
		left: -0.833em;
	}
	.main-nav li .dd-indicator {
		color: #32323a;
		display: block !important;
		position: absolute;
		right: -1.167em;
		top: 1.167em;
	}
	
	/* === Mobile Menu Toggle === */
	.mobile-nav-toggle {
		display: none;
	}

}

/*----------------------------------------------------------------------------*/
/* 900px and wider
/*----------------------------------------------------------------------------*/

@media only screen and ( min-width: 56.25em ) {

	/* === Utility === */
	div[role=main] {
		padding: 2.5em 3.7% 0.938em;
	}
	
	/* === Search Form === */
	.header-search {
		padding: 1.25em 3.7%;
	}
	.header-search form {
		margin-left: 24%;
		margin-right: 24%;
	}
	
	/* === Articles === */
	.article-content h1, .article-content h2, .article-content h3,
	.article-content h4, .article-content h5, .article-content h6,
	.article-content p, .article-content address, .article-content blockquote,
	.article-content ul, .article-content ol, .article-content dl, .table-wrapper {
		margin-left: 24%;
		margin-right: 24%;
	}
	
	/* === Quote Format === */
	.article-content blockquote.quote-format {
		margin-bottom: 1.75em;
	}
	
	/* === Figures === */
	figure.alignleft {
		margin-left: 24%;
	}
	figure.alignright {
		margin-right: 24%;
	}
	
	/* === Images === */
	img.alignleft {
		margin-left: 24%;
	}
	img.alignright {
		margin-right: 24%;
	}
	
	/* === Image Galleries === */
	.tidy-gallery-col-1, .tidy-gallery-col-2, .tidy-gallery-col-3, .tidy-gallery-col-4 {
		margin-left: 24%;
		margin-right: 24%;
	}
	.article-content .gallery dl {
		margin-left: 0;
		margin-right: 0;
	}
	
	/* === Audio Player === */
	.jp-audio-cover {
		margin-left: 14.5631%;
		margin-right: 14.5631%;
	}
	.jp-audio {
		margin-left: 24%;
		margin-right: 24%;
	}
	.article-content .jp-audio ul {
		margin: 0;
	}
	
	/* === Comments === */
	#comments {
		margin-left: 24%;
		margin-right: 24%;
	}
	
	/* === Pagination === */
	.archive-pagination, .post-navigation {
		margin-left: 24%;
		margin-right: 24%;
	}

	/* === Widget Areas === */
	.secondary-content {
		padding-left: 25.92%;
		padding-right: 25.92%;
	}
	
	/* === Footer === */
	footer[role=complimentary] {
		padding-left: 3.7%;
		padding-right: 3.7%;
	}

}
.iframe-rwd  {
position: relative;
padding-bottom: 65.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.iframe-rwd iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}