/*
Theme Name: Telling Stories
Theme URI: http://underscores.me/
Author: tiny blue orange
Author URI: http://tinyblueorange.com
Description: custom site + blog WordPress theme for Nikki Groom by Alison Monday of tiny blue orange
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: telling-stories
Colors: black #000 // yellow #ffc600 // white #fff // gray #7a7a7a

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.

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

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
	## Queries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}
body {
	margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}
audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden],
template {
	display: none;
}
a {
	background-color: transparent;
}
a:active,
a:hover {
	outline: 0;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b,
strong {
	font-weight: bold;
}
dfn {
	font-style: italic;
}
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
mark {
	background: #ff0;
	color: #000;
}
small {
	font-size: 80%;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
img {
	border: 0;
}
svg:not(:root) {
	overflow: hidden;
}
figure {
	margin: 1em 40px;
}
hr {
	box-sizing: content-box;
	height: 0;
}
pre {
	overflow: auto;
}
code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}
button {
	overflow: visible;
}
button,
select {
	text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled],
html input[disabled] {
	cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
input {
	line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto;
}
optgroup {
	font-weight: bold;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td,
th {
	padding: 0;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
/* font-family: "Verlag A", "Verlag B"; */
/* font-style: normal; */
/* font-weight: 200, 400, 700, 800; */
body,
button,
input,
select,
textarea {
	color: #000;
	font-family: "Verlag A", "Verlag B";
	font-size: 18px;
	font-weight: 400;
	line-height: 1.3;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}
h1 {
	font-size: 3em;
	font-weight: 200;
	letter-spacing: 0.02em;
	line-height: 1;
	text-transform: uppercase;
}
h1 strong, h2 strong {
	font-weight: 800;
}
h2 {
	font-size: 2.3em;
	font-weight: 200;
	line-height: 1.1;
}
article h2 a, .error-404 h2 a {
	color: #5c5048;
	font-weight: 600;
}
h3 {
	font-size: 1.6em;
	font-weight: 800;
	line-height: 1.4;
	margin: 0 0 0.75em;
	text-transform: uppercase;
}
h4 {
	font-size: 1.5em;
	font-weight: 800;
	line-height: 1.1;
	margin-bottom: 0.5em;
	padding-bottom: 10px;
	text-transform: uppercase;
}
h4.border {
	border-bottom: 2px solid #000;
}
h5 {
	font-size: 1.2em;
	margin: 1em 0;
}
h6 {
	font-size: 1.2em;
	font-weight: 800;
	margin: 1em 0;
	text-transform: uppercase;
}
p {
	font-size: 1.1em;
	line-height: 1.2;
	margin: 0 0 1.5em;
}
dfn,
cite,
em,
i {
	font-style: italic;
}
blockquote {
	background: transparent url(images/nikki-groom-icon-quote.png) no-repeat center top;
	max-width: 650px;
	margin: 2em auto;
	padding-top: 60px;
	text-align: center;
}
blockquote img {
	max-width: 80px !important;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}
code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}
big {
	font-size: 125%;
}
.black {
	color: #000;
}
.gray {
	color: #7a7a7a;	
}
.white {
	color: #fff;	
}
.yellow {
	color: #ffc600;	
}
.serif {
	font-family: Georgia, serif;
}
.sans-serif {
	font-family: "Verlag A", "Verlag B";
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}
body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}
blockquote,
q {
	quotes: "" "";
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 1.5em 0;
}
hr.thinline {
	height: 2px;
}
hr.bold {
	height: 20px;
}
hr.yellow {
	background-color: #ffc600;
}
hr.black {
	background-color: #000;
}
hr.white {
	background-color: #fff;
}
hr.gray {
	background-color: #7a7a7a;
}
hr.narrow {
	margin: 2.5em auto;
	max-width: 300px;
}
hr.thin {
	margin: 1.5em auto;
	max-width: 120px;
}
ul,
ol {
	margin: 0 0 2em 0;
}
#content ul {
	list-style: none;
	text-align: left;
}
#content ul li::before {
	background: url(images/nikki-groom-icon-checkmark.png) no-repeat left top;
	content: '';
	display: block;
	float: left;
	height: 22px;
	margin: 0 4px 0 -26px;
	width: 22px;
}
#content ul li {
	font-family: "Verlag A", "Verlag B";
	font-size: 1.2em;
	margin-bottom: 0.75em;
}
#content ol {
	list-style: decimal;
	text-align: left;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
#content ul.divided-column li::before,
#content ul.services li::before {
	display: none;
}
#content ul.divided-column,
#content ul.services {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
ul.divided-column {
	display: table;
	width: 100%;
}
ul.divided-column li {
	border-right: 2px solid #000;
	display: inline-block;
	height: 100%;
	margin-right: 2%;
	padding: 0 2% 0.5em 0;
	vertical-align: top;
	width: 31.75%;
}
ul.services li {
	display: inline-block;
	margin-right: 5%;
	max-width: 342px;
	vertical-align: top;
	width: 29%;
}
#content ul.divided-column li,
#content ul.services li {
	font-size: 1em;
}
ul.divided-column li:nth-of-type(3) {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}
ul.services li:nth-of-type(3) {
	margin-right: 0;
}
ul.services li .service-header {
	display: table;
	height: 342px;
	margin: 0 auto 10px;
	padding: 1em 0.25em;
	text-align: center;
	width: 342px;
}
ul.services li .service-header h4 {
	display: table-cell;
	vertical-align: middle;
}
ul.services li .service-header h4 a {
	color: #000 !important;
	text-decoration: none !important;
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;	
}
ul.services li:nth-of-type(2) .service-header a {
	color: #ffc600 !important;
}
ul.services li .service-header:hover a {
	color: #fff !important;
}
ul.services .service-content strong {
	font-family: "Verlag A", "Verlag B";
	font-weight: 800;
	text-transform: uppercase;
}
#content ul.services li .service-content {
	padding: 5px 2em;
	text-align: left;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
::-webkit-input-placeholder {
   color: #fff;
   font-family: "Verlag A", "Verlag B";
}
:-moz-placeholder { /* Firefox 18- */
   color: #fff;  
   font-family: "Verlag A", "Verlag B";
   opacity: 1;
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;
   font-family: "Verlag A", "Verlag B";
   opacity: 1;   
}
:-ms-input-placeholder {  
   color: #fff;  
   font-family: "Verlag A", "Verlag B";
}
.whitebg ::-webkit-input-placeholder {
   color: #000;
}
.whitebg :-moz-placeholder { /* Firefox 18- */
   color: #000;  
}
.whitebg ::-moz-placeholder {  /* Firefox 19+ */
   color: #000;
}
.whitebg :-ms-input-placeholder {  
   color: #000;  
}

/* AMY CQ - GF Form MMM Opt In */
.gf-landing-optin ::-webkit-input-placeholder {
   color: #000;
}
.gf-landing-optin :-moz-placeholder { /* Firefox 18- */
   color: #000;  
}
.gf-landing-optin ::-moz-placeholder {  /* Firefox 19+ */
   color: #000;
}
.gf-landing-optin :-ms-input-placeholder {  
   color: #000;  
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: none;
	border-radius: 0px;
	background-color: #ffc600;
	box-shadow: none;
	color: #000;
	display: block !important;
	font-family: "Verlag A", "Verlag B";
	font-size: 1.15em !important;
	font-weight: 600;
	letter-spacing: 0.05em;
	line-height: 1;
	padding: 0.5em 1em 0.4em;
	text-align: center;
	text-shadow: none;
	text-transform: uppercase;
	width: 100% !important;
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;	
}
body .gf_browser_ie.gform_wrapper .gform_footer input.button {
	padding: 0.5em 1em 0.4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	color: #fff;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	color: rgba(0, 0, 0, .9);
}
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 {
	background-color: #000;
	border: 1px solid #fff;
	border-radius: 0px;
	color: #fff !important;
	font-family: "Verlag A", "Verlag B";
	padding: 6px 10px !important;
}
.whitebg input[type="text"],
.whitebg input[type="email"],
.whitebg input[type="url"],
.whitebg input[type="password"],
.whitebg input[type="search"],
.whitebg input[type="number"],
.whitebg input[type="tel"],
.whitebg input[type="range"],
.whitebg input[type="date"],
.whitebg input[type="month"],
.whitebg input[type="week"],
.whitebg input[type="time"],
.whitebg input[type="datetime"],
.whitebg input[type="datetime-local"],
.whitebg input[type="color"],
.whitebg textarea {
	background-color: #fff;
	border: 1px solid #000;
	color: #000 !important;
}
select {
	border: 1px solid #ccc;
}
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 {
	color: #111;
}
textarea {
	width: 100%;
}
body .gform_wrapper .gform_footer {
	padding-top: 0;
}
.ginput_container {
	font-family: "Verlag A", "Verlag B";
}
.gform_wrapper .top_label .no-label .gfield_label {
	display: none;
}
body .gform_wrapper ul.gform_fields li.gfield {
	padding-right: 0;
}
body #content .gform_wrapper ul.gform_fields li.gfield::before {
	display: none;
}
body .gform_wrapper .gfield_checkbox li label, body .gform_wrapper .gfield_radio li label {
	font-size: 1em;
}
body .gform_wrapper ul.gfield_checkbox li input[type=checkbox] {
	background-color: #000;
	border: 1px solid #fff;
	height: 20px !important;
	margin: 0 6px 0 0 !important;
	width: 20px !important;
	-webkit-appearance: none;
}
body .gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked {
	background: #000 url(images/nikki-groom-icon-checkmark.png) no-repeat center center;
	background-size: 80%;
}
body .gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label {
	font-weight: 400;
}
.gform_wrapper form.inline-submit {
	text-align: center;
}
.home #masthead .gform_wrapper form {
	margin: 0 !important;
}
.gform_wrapper .gform_body {
	width: 100% !important;
}
.gform_wrapper .inline-submit .gform_body,
.gform_wrapper .inline-submit .gform_footer {
	display: inline-block;
	margin: 0;
	padding: 0;
	vertical-align: top;
	width: auto !important;
}
body .gform_wrapper .inline-submit ul li.gfield {
	margin-top: 0;
	min-width: 270px;
}
body .gform_wrapper .inline-submit ul li.gfield .ginput_container {
	margin-top: 0 !important;
}
.gform_wrapper .inline-submit .top_label li.gfield.gf_left_half {
	margin-right: 0 !important;
}
body .gform_wrapper .top_label input.large,
body .gform_wrapper textarea.large {
	width: 100%;
}
body header .gform_wrapper input[type="submit"]:hover {
	background-color: #fff;
	color: #000;
}

/* AMY CQ - GF Landing Page Opt In */
.gf-landing-optin .field_sublabel_below .ginput_complex.ginput_container label {
	display: none !important;
}
.gf-landing-optin input[type="text"], 
.gf-landing-optin input[type="email"] {
	background: rgba(255, 255, 255, .5);
	color: #000 !important;
	border-color: #000;
}
.gf-landing-optin button,
.gf-landing-optin input[type="button"],
.gf-landing-optin input[type="reset"],
.gf-landing-optin input[type="submit"]  {
	background-color: #000;
	box-shadow: none;
	color: #fff;
	border: 2px solid #000 !important;
}

.gf-landing-optin button:hover,
.gf-landing-optin input[type="button"]:hover,
.gf-landing-optin input[type="reset"]:hover,
.gf-landing-optin input[type="submit"]:hover {
	background-color: #ffc600;
	box-shadow: none;
	color: #000;
	border: 2px solid #000 !important;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a, a:visited {
	color: #000;
	text-decoration: none;
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;	
}
a:hover,
a:focus,
a:active,
#content p a:hover,
#content article p a:hover {
	text-decoration: none;
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active {
	outline: 0;
}
#content p a,
#content article p a,
#content ul a  {
	color: #5c5048;
	font-weight: bold;
	text-decoration: none;
}
#content p a:hover,
#content article p a:hover,
#content ul a:hover {
	color: #000;
}
.page-id-27 #content article .divided-column p a {
	font-weight: 200;
}
#colophon a {
	color: #7a7a7a;
	text-decoration: none;
}
#colophon a:hover {
	color: #fff;
}
#menu-social-menu,
.menu-social-menu-container .menu {
	list-style: none;
	margin: 0;
	padding: 0;
}
#content .menu-social-menu-container .menu {
	text-align: center;
}
#menu-social-menu li,
.menu-social-menu-container .menu li {
	display: inline-block;
	height: 31px;
	margin-bottom: 0.75em;
	margin-right: 0.75em;
	text-indent: -99999px;
	width: 35px;
}
#menu-social-menu li a,
.menu-social-menu-container .menu li a {
	display: block;
	height: 31px;
	width: 35px;
}
#content #menu-social-menu li::before {
	display: none;
}
.menu-social-menu-container li a {
	background-position: center top !important;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}
.menu-social-menu-container li:hover a {
	opacity: 0.7 !important;
}
#colophon .menu-social-menu-container .menu li a {
	background-position: center bottom !important;
}
.facebook a {
	background: url(images/nikki-groom-icon-facebook.png) no-repeat;
}
.twitter a {
	background: url(images/nikki-groom-icon-twitter.png) no-repeat;
}
.pinterest a {
	background: url(images/nikki-groom-icon-pinterest.png) no-repeat;
}
.instagram a {
	background: url(images/nikki-groom-icon-instagram.png) no-repeat;
}
.googleplus a {
	background: url(images/nikki-groom-icon-googleplus.png) no-repeat;
}
.linkedin a {
	background: url(images/nikki-groom-icon-linkedin.png) no-repeat;
}
#colophon .menu-social-menu-container .menu li:hover a {
	background-position: center top !important;
	opacity: 1 !important;
}
body div.sharedaddy {
	border-top: 2px solid #000;
	padding-top: 10px;
}
body div.sharedaddy h3.sd-title {
	font-size: 1em;
	font-weight: 800;
	line-height: 1.4;
	margin-bottom: 0;
}
body div.sharedaddy h3.sd-title:before {
	display: none;
}
#content .sd-content ul {
	text-align: center;
}
#content .sd-content ul li::before {
	display: none;
}
body #content .sd-social-icon .sd-content ul li[class*=share-] a.sd-button {
	background: #fff !important;
	color: #ffc600 !important;
}
body #content .sd-social-icon .sd-content ul li[class*=share-] a.sd-button:before {
	font-size: 36px;
}
.black-bttn, .yellow-bttn {
	cursor: pointer;
	display: inline-block;
	margin: 1em auto;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.black-bttn a, .yellow-bttn a, body #infinite-handle span .yellow-bttn {
	display: block;
	font-family: "Verlag A", "Verlag B";
	font-weight: 600;
	letter-spacing: 0.08em;
	line-height: 1;
	padding: 0.5em 1.5em;	
	text-decoration: none !important;
}
.black-bttn a {
	background-color: #000;
	color: #ffc600 !important;
}
.black-bttn:hover a, .yellow-bttn:hover a, body #infinite-handle span .yellow-bttn:hover {
	color: #fff !important;
}
.yellow-bttn a,
body #infinite-handle span .yellow-bttn {
	background-color: #ffc600;
	color: #000 !important;
}
body #infinite-handle span {
	background: transparent;
}
.popup {
	background: rgba(255,255,255,0.95);
	color: #000;
	display: none;
	height: 100%;
	left: 0;
	overflow: scroll;
	position: fixed;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 1000;
}
.popup-inner {
	left: 0;
	margin: 2em auto;
	max-width: 720px;
	padding: 2em;
	position: relative;
	top: 0;
}
.popup-close {
    border: 1px solid #000;
    color: #000;    
    display: inline-block;
	font-family: "Verlag A", "Verlag B";
    font-size: 2.3em;
	font-weight: 200 !important;
    line-height: 1em;
    padding: 0 5px;
    position: absolute;
    right: 25px;
    text-align: center;
    top: 30px;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    transition: ease 0.25s all;
}
a.popup-close,
a.popup-close:visited {
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
}
.popup-close:hover {
    color: rgba(0, 0, 0, 0.8);
}
.popup-inner .gform_wrapper {
	margin: 2em auto;
	max-width: 400px;	
}
.popup-inner .gform_wrapper .inline-submit .gform_body, 
.popup-inner .gform_wrapper .inline-submit .gform_footer {
	display: block;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.home #home-navigation {
	position: relative;
}
.home #site-navigation.main-navigation {
	background-color: #fff;
	border-bottom: 2px solid #000;
	font-size: 1em;
	text-align: center;
	width: 100%;
	z-index: 1000;
}
.main-navigation, 
.footer-navigation {
	font-family: "Verlag A", "Verlag B";
	font-size: 0.85em;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
.main-navigation {
	display: inline-block;
	padding: 1em 0 0.75em;
	vertical-align: top;
}
.footer-navigation {
	border-top: 2px solid #fff;
}
.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.footer-navigation .menu {
	list-style: none;
	margin: 0 0 3em;
	padding: 8px 0 0;
}
.main-navigation li {
	display: inline-block;
	padding: 10px 0.8em;
	position: relative;
}
.footer-navigation li {
	padding: 10px 0;
}
.footer-navigation .menu > li {
	display: inline-block;
	margin-right: 5em;
	vertical-align: top;
}
.main-navigation a,
#colophon .footer-navigation a {
	color: #fff;
}
.home .main-navigation a {
	color: #000;
}
.main-navigation a {
	padding: 0 5px;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation li:hover a,
.main-navigation .current-menu-parent > a {
	background-color: #ffc600;
	color: #000;
}
#colophon .footer-navigation li a:hover {
	color: #7a7a7a;
}
.footer-navigation .sub-menu {
	font-weight: 400;
	list-style: none;
	margin: 0 0 0.5em;
	padding: 5px 0 0;
}
.main-navigation a {
	display: block;
	text-decoration: none;
}
.main-navigation ul ul {
	background-color: #ffc600;
	float: left;
	position: absolute;
	text-align: left;
	top: 1.8em;
	left: -999em;
	z-index: 99999;
}
.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}
.main-navigation ul ul a {
	color: #000;
	display: inline;
}
.main-navigation ul ul li {
	padding: 5px 0;
	width: 215px;
}
.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a,
.main-navigation ul ul .current_page_item a {
	background-color: #000;
	color: #fff;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}
/* Small menu. */
.menu-toggle {
	background: transparent url(images/nikki-groom-icon-menu.png) no-repeat center center;
	background-size: auto 100%;
	height: 20px;
	position: absolute;
	right: 20px;
	text-indent: -9999px;
	top: 18px;
	width: 40px !important;
}
.main-navigation.toggled ul {
	display: block;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	border-bottom: 2px solid #000;
	font-family: "Verlag A", "Verlag B";
	font-weight: 800; 
	margin: 1.5em 0 2.5em;
	overflow: hidden;
	padding-top: 2em;
}
.post-navigation .nav-arrow {
	display: block;
	font-size: 4em;
	font-weight: 200 !important;
	margin-top: -40px;
}
.post-navigation .prev {
	float: left;
	padding-top: 6px;
}
.post-navigation .prev .nav-arrow {
	float: left;
}
.post-navigation .next {
	float: right;
	padding-top: 6px;
}
.post-navigation .next .nav-arrow {
	float: right;
}
.post-navigation .yellow-bttn {
	margin-top: 0;
}
.post-navigation .yellow-bttn a {
	display: block;
	padding-top: 0.5em;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* AMY CQ - Edit to Custom Shortcodes Column Alignment */
.one_half.last_column {
    float: right !important;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	display: inline-block;
	margin: 0 0 4em;
}
/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}
.widget h6 {
	margin-top: 0;
}
.footer-widgets {
	padding: 3em 0 0;
}
.footer-widgets .widget {
	margin-right: 5%;
	vertical-align: top;
	width: 29.75%;
}
.footer-widgets .widget:nth-of-type(3) {
	margin-right: 0;
}
#colophon .footer-widgets .widget a {
	color: #ffc600;
}
#colophon .footer-widgets .widget a:hover {
	color: #7a7a7a;
}
.border.widget {
	border: 2px solid #ffc600;
	padding: 1.5em 1.5em 0.25em;
}
.title-underline.widget h6.widget-title {
	border-bottom: 2px solid #ffc600;
	padding-bottom: 1em;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.sub-header {
	text-align: center;
}
.sub-header h1 {
	line-height: 1.1;
}
.blog-header {
	background: url(images/nikki-groom-header-100stories-top.jpg) repeat-x top center,
				url(images/nikki-groom-header-100stories-bottom.jpg) repeat-x bottom center;
	margin-top: 36px;			
	padding: 6em 0 5em !important;	
}
.single .blog-header {
	background: url(images/nikki-groom-header-100stories-top.jpg) repeat-x top center;
	min-height: 125px;
}
.single .blog-header h1, .single .blog-header p, .single .blog-header form {
	display: none;
}
.single .blog-header p:first-of-type {
	display: block;
}
.archive.category-podcast .sub-header,
.single-post .sub-header.podcast-header {
	background: url(images/nikki-groom-header-podcast.jpg) no-repeat top center;
	background-size: auto 470px;
	margin: 35px auto 0;
	max-width: 1400px;
	text-align: left;
}
.archive.category-podcast .sub-header::before, 
.archive.category-podcast .sub-header::after,
.single-post .sub-header.podcast-header::before,
.single-post .sub-header.podcast-header::after {
	content: '';
	height: 100%;
	position: absolute;
	top: 65px;
	width: 50%;
	z-index: -30;
}
.archive.category-podcast .sub-header::before,
.single-post .sub-header.podcast-header::before {
	background: url(images/nikki-groom-header-podcast-left.jpg) repeat-x top left;
	background-size: auto 470px;
	left: 0;
}
.archive.category-podcast .sub-header::after,
.single-post .sub-header.podcast-header::after {
	background: url(images/nikki-groom-header-podcast-right.jpg) repeat-x top right;
	background-size: auto 470px;
	right: 0;
}
.category-podcast .sub-header h1,
.single-post .sub-header.podcast-header h1 {
	font-size: 5.4em;
	line-height: 0.75;
	margin: 35px 0 30px 215px;
}
.category-podcast .sub-header h1 span.makers,
.single-post .sub-header.podcast-header h1 span.makers {
	display: block;
	margin-left: 376px;
}
.category-podcast .sub-header h5,
.single-post .sub-header.podcast-header h5 {
	background: url(images/nikki-groom-icon-podcast.png) no-repeat left 5px;
	background-size: 62px auto;
	font-size: 1.15em;
	font-weight: 200;
	margin-left: 220px;
	max-width: 660px;
	min-height: 240px;
	padding-left: 70px;
	text-transform: uppercase;
}
.entry-content + section {
	padding-top: 0;
}
.home #content {
	padding-top: 1em;
}
.whitebg {
	background-color: #fff;
	padding: 1em 0;
}
.asobg {
	text-align: center;
}
.asobg img {
	margin: 1em;
}
.yellowbg {
	background-color: #ffc600;
	padding: 1em 0;
}
.blackbg {
	background-color: #000;
	color: #fff;
	padding: 1em 0;
}
.graybg {
	background-color: #7a7a7a;
	padding: 1em 0;
}
.imagebg {
	padding: 2em 0;
}

/* AMY CQ - Landing Page Bkg Image on FW Text */
.page-id-20420 .imagebg {
	background-size: cover !important;
	padding: 4em 0;
}
#post-20420 {
	margin-bottom: 0px;
}

/* End customization */
.bordered {
	border: 20px solid #ffc600;
	margin: 0 14%;
	padding: 3em 7em;
	text-align: center;
}
.narrowed {
	margin: 0 24%;
	text-align: center;
}
.home .whitebg:first-of-type .three_fifth {
	border-left: 20px solid #ffc600;
}
.home .whitebg:nth-of-type(3) .three_fifth > div {
	border-left: 2px solid #000;
	margin-left: 100px;
}
.home .whitebg:nth-of-type(3) .two_fifth.last_column > div {
	border-left: 2px solid #000;
	margin-top: 110px;
}
.half-box {
	clear: both;
	margin-bottom: -1em;
	padding: 40px;
	width: 39%;
}
.half-box p {
	margin-bottom: 0;
}
.left-float {
	float: left;
	margin-left: 10%;
}
.right-float {
	float: right;
	margin-right: 10%;
}
.thickborder {
	border-left: 20px solid #ffc600;
	padding: 0 40px 80px 10px !important;
}
.yellowborder {
	border: 2px solid #ffc600;
}
.blackborder {
	border: 2px solid #000;
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
#masthead {
	background-color: #000;
	color: #fff;
	width: 100%;
	z-index: 100;
}
#masthead .wrapper {
	text-align: center;
}
.home #masthead .wrapper {
	max-width: 1320px;
	text-align: left;
}
.site-branding {
	display: inline-block;
	margin-right: 1em;
}
.site-branding a {
	display: block;
}
.site-branding #logo {
	display: block;
	fill: #ffc600;
	margin: 10px 0 -3em;
	max-width: 165px;
	min-width: 165px;
}
.home .site-branding {
	margin-right: 0;
	padding-top: 80px;
}
.home .site-branding img#logo {
	margin: 0 0 -5em;
	max-width: 620px;
}
.home .site-branding h6 {
	font-size: 1em;
	margin: 2em 0 1.5em 200px;
	max-width: 210px;
}
.home #masthead .two_fifth.last_column {
	padding: 11em 0 4em 3em;
}
.home #masthead .two_fifth.last_column h1 {
	font-size: 2.25em;
	margin-bottom: 0;
}
.home #masthead form {
	max-width: 300px;
}
.wrapper {
	margin: 0 auto;
	max-width: 1220px;
}
.blog #main article,
.archive #main article {
	margin: 0 24% 2em;
}
.intro-100 {
	margin: 2em auto;
	max-width: 600px;
	text-align: center;
}
.intro-100 h4,
.intro-100 p {
	margin-bottom: 5px;
	padding-bottom: 0;
}
#colophon {
	background-color: #000;
	color: #fff;
}
#colophon .site-info p {
	display: inline-block;
}
#colophon .site-info p:last-of-type {
	float: right;
}
.archive.category-the-100storiesworthtelling-project #main article {
	border: none;
	display: inline-block;
	margin: 0 100px 100px 0;
	max-width: 27.6%;
	vertical-align: top;
	width: 340px;
}
.archive.category-the-100storiesworthtelling-project #main article:nth-of-type(3n+3) {
	margin-right: 0;
}
.archive.category-the-100storiesworthtelling-project article a:hover img {
	border: 20px solid #ffc808;
}
.blog article, 
.archive article {
	border-bottom: 1px solid #333;
	margin-bottom: 2em;
	padding-bottom: 2em;
}
article .story-title {
	font-weight: 600;
	padding: 0.5em 1em;
	text-transform: uppercase;
}
article a {
	text-decoration: none;
}
.sticky {
	display: block;
}
.hentry {
	margin: 0 0 1.5em;
}
.byline,
.updated:not(.published) {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.page-content,
.entry-summary {
	margin: 1.5em 0 0;
}
.entry-content {
	margin-top: 1.5em;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
	display: block;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}
img.mobile-version {
	max-width: 320px;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
.wp-caption-text {
	text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-caption {
	display: block;
}
/*--------------------------------------------------------------
## Queries
--------------------------------------------------------------*/
@media screen and (max-width: 1340px) {
	.home #masthead .two_fifth.last_column {
		padding-left: 0;	
	}
}

@media screen and (max-width: 1240px) {
	.wrapper {
		padding-left: 10px;
		padding-right: 10px;
	}
	.archive.category-the-100storiesworthtelling-project #main article {
		max-width: 26%;
	}
	.archive.category-podcast .sub-header,
	.single-post .sub-header.podcast-header {
		background-position: 30% 0% !important;
	}
	.asobg img {
		max-height: 80px;
		width: auto;
	}
	.home .whitebg:nth-of-type(5) .wrapper > div {
		background-size: auto 100% !important;
		margin: 0 -10px;
	}
	.home .whitebg:nth-of-type(5) img {
		margin: -50px auto 0 !important;
		width: 100% !important;
	}
	.home .whitebg:nth-of-type(5) p {
		font-size: 1em;
	}
	.blog #main article, .archive #main article,
	.single-post .narrowed {
		margin: 0 auto 2em;
		max-width: 600px;
	}
	ul.services li .service-header {
		width: 100%;
	}
	.footer-navigation .menu > li {
		margin-right: 1%;
		width: 18.5%;
	}
	.footer-navigation .menu > li:last-of-type {
		margin-right: 0;
	}
}

@media screen and (max-width: 1160px) {
	.home .whitebg:nth-of-type(1) .two_fifth > div h1 {
		margin-left: 14.5% !important;
	}
}

@media screen and (min-width: 1000px) {
	body #page {
		padding-top: 30px;
	}
	body.home #page {
		padding-top: 0;
	}
	.sub-header {
		padding-top: 2.5em !important;
	}
}

@media screen and (max-width: 1000px) {
	.home #masthead {
		background-position: 20% 50% !important;
	}
	.home .site-branding {
		padding-top: 20px;
	}
	.home .site-branding #logo {
		max-width: 380px;
	}
	.home #masthead .two_fifth.last_column {
		clear: both;
		padding-top: 20px;
		width: 50%;
	}
	.home #masthead .two_fifth.last_column h1 {
		font-size: 2em;
	}
	.site-branding {
		float: left;
		padding-left: 1em;
	}
	.site-branding #logo {
		margin: 10px 0 -1.8em;
	}
	.main-navigation {
		clear: both;
		width: 100%;
	}
	.main-navigation li {
		padding: 10px 0.7em;
	}
	.sub-header {
		margin-top: 0 !important;
	}
	.archive.category-podcast .sub-header,
	.single-post .sub-header.podcast-header {
		background-position: right top !important;
	}
	.category-podcast .sub-header h1,
	.single-post .sub-header.podcast-header h1 {
		margin: 62px 0 30px 0;
		text-align: center;
	}
	.category-podcast .sub-header h1 span.makers,
	.single-post .sub-header.podcast-header h1 span.makers {
		display: block;
		margin-left: 0;
	}
	.category-podcast .sub-header h5,
	.single-post .sub-header.podcast-header h5 {
		margin-left: auto;
		margin-right: auto;
	}	
	.archive.category-the-100storiesworthtelling-project #main article {
		margin: 0 7% 100px !important;
		max-width: 34%;
	}
	.home .imagebg {
		background-position: left top !important;
	}
	.home .imagebg p {
		margin-bottom: 12px;
	}
	.half-box {
		width: 47%;
	}
	.left-float {
		margin-left: 2%;
	}
	.right-float {
		margin-right: 2%;
	}
	.footer-widgets {
		margin-bottom: 3em;
	}
	.footer-widgets .widget {
		display: block;
		margin: 0 auto 2em !important;
		max-width: 370px;
		width: 100%;
	}
	.widget h6,
	#menu-social-menu, .menu-social-menu-container .menu {
		text-align: center;
	}
	
	/* AMY CQ MM Landing Page */
	#post-20420 .entry-content {
		margin-top: 0px;
	}
}

@media screen and (max-width: 900px) {
	.bordered {
		padding: 3em 4em;
	}
	.asobg img {
		margin: 0.5em 1em;
	}
	.home .whitebg:nth-of-type(1) .two_fifth > div h1 {
		margin-left: 25px !important;
	}
	.home .whitebg:nth-of-type(1) .three_fifth > div {
		padding-left: 50px !important;
		padding-right: 70px !important;
	}
	.home .whitebg:nth-of-type(3) .three_fifth > div {
		margin-left: 10px;
	}
	.home .whitebg:nth-of-type(3) .two_fifth.last_column > div {
		padding-right: 10px !important;
	}
	.asobg img {
		max-height: 50px;
	}
	#colophon .site-info p {
		display: block;
		float: none !important;
		margin: 0 auto 1.5em;
		max-width: 430px;
		text-align: center;
		width: 100%;
	}
}

@media screen and (min-width: 800px) {
	#page {
		padding-top: 135px;
	}
	.home #page {
		padding-top: 0;
	}
	.home #home-navigation {
		padding-bottom: 75px;
	}
	.home #site-navigation:not(.fixed) {
		position: absolute;
		bottom: 0;
	}
	.home #site-navigation.fixed {
		position: fixed !important;
		top: 0 !important;
	}
	#masthead {
		left: 0;
		position: fixed;
		top: 0;
	}
	.home #masthead {
		position: relative;
	}
	.blog-header img {
		margin: 0 -3.5% -85px;
		max-width: 107% !important;
		width: 107%;
	}
	.mobile-version,
	.menu-toggle {
		display: none !important;
	}
	.main-navigation ul {
		display: block;
	}
}

@media screen and (max-width: 800px) {
	.home .site-branding img#logo {
		margin: 0 0 -3em;
		max-width: 280px;
	}
	.home .site-branding h6 {
		margin: 1em 0 1.5em 125px;
	}
	h1, h2, h3 {
		word-break: break-word;
	}
	#masthead {
		min-height: 55px;
	}
	.desktop-version {
		display: none !important;
	}
	.home .whitebg:nth-of-type(5) hr {
		display: none;
	}
	.blog-header img {
		margin: -60px auto -40px;
	}
	.site-branding #logo {
		max-width: 128px;
	}
	.home #site-navigation.fixed {
		position: relative;
		top: 0;
	}
	.home #site-navigation.main-navigation {
		background-color: transparent;
		border-bottom: none;
		padding: 0;
		position: absolute;
		right: 0;
		top: 0;
	}
	.home .main-navigation.toggled .menu-main-menu-container {
		background: rgba(0, 0, 0, .75);
		padding: 2em 0;
	}
	.main-navigation.toggled ul li {
		padding: 10px 0 !important;
		width: 70%;
	}
	.main-navigation.toggled ul ul {
		background-color: transparent;
		float: none;
		left: auto;
		margin-bottom: -0.35em;
		position: relative;
		text-align: center;
		top: 0.35em;
	}
	.main-navigation.toggled a {
		background-color: transparent !important;
		color: #fff !important;
	}
	.main-navigation.toggled a:hover {
		color: #ffc600 !important;
	}
	.single .blog-header {
		min-height: 50px;
		padding: 1em 0 !important;
	}
	.single .blog-header img.mobile-version,
	.single .blog-header hr.bold.narrow {
		display: none;
	}
	.narrowed {
		margin: 0 12%;
	}
	.bordered {
		margin: 0 6%;
		padding: 2em 3em;
	}
	ul.divided-column li {
		border-right: none;
		display: block;
		margin: 0 auto 1em !important;
		max-width: 500px;
		width: 100%;
	}
	ul.services li {
		border-right: none;
		display: block;
		margin: 0 auto 1em !important;
		width: 100%;
	}
	.full_width,
	.one_half,
	.one_third,
	.two_third,
	.one_fourth,
	.three_fourth,
	.one_fifth,
	.two_fifth,
	.three_fifth,
	.four_fifth,
	.one_sixth,
	.five_sixth {
		clear: both;
		width: 100% !important;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 1em;
	}
	.content-column > div {
		padding: 0 !important;
	}
	.home #masthead {
		background-position: 30% 50% !important;
	}
	.home #masthead .two_fifth.last_column {
		max-width: 450px;
	}
	.home .whitebg:nth-of-type(1) .two_fifth > div h1 {
		text-align: left !important;
	}
	.home .whitebg:first-of-type .three_fifth {
		border-left: none;
	}
	.home .whitebg:nth-of-type(1) .three_fifth > div {
		border-top: 20px solid #ffc600;
		margin: 0 25px !important;
		padding: 25px 0 0 !important;
	}
	.home .whitebg:nth-of-type(3) .three_fifth > div {
		border-left: none;
		margin-right: 10px;
	}
	.home .whitebg:nth-of-type(3) .two_fifth.last_column > div {
		border-left: none;
		margin-top: 0;
		margin-left: 10px;
	}
	.page-id-2077 .content-column.one_fourth img {
		display: block;
		float: none;
		margin: 0 auto;
	}
	.archive.category-the-100storiesworthtelling-project #main article {
		margin: 0 3% 50px !important;
		max-width: 43%;
	}
	.half-box {
		padding: 20px;
		width: 49%;
	}
	.left-float {
		margin-left: 0;
	}
	.right-float {
		margin-right: 0;
	}	
	.footer-navigation .menu {
		text-align: center;
	}
	.footer-navigation .menu > li {
		display: block;
		width: 100%;
	}
	.footer-navigation .sub-menu {
		margin-bottom: -0.5em;
	}
}

@media screen and (max-width: 800px){
	.page-id-20420 .imagebg {
		background-size: contain !important;
		background-position-y: 0px !important;
	}
	
	.page-id-20420 .imagebg .wrapper {
		margin-top: 45% !important;
	}
}
@media screen and (max-width: 650px) {
	h1 {
		font-size: 2.25em;
	}
	.bordered h1 {
		font-size: 1.9em;
	}
	h2 {
		font-size: 1.75em;
	}
	h3,
	.bordered h2 {
		font-size: 1.5em;
	}
	h4 {
		font-size: 1.35em;
	}
	.home .site-branding img#logo {
		max-width: 200px;
	}
	.home .site-branding h6 {
		font-size: 0.8em;
		margin: 2em 0 1.5em 75px;
		max-width: 175px;
	}
	.home #masthead .two_fifth.last_column h1 {
		font-size: 2em;
	}
	.home #masthead .two_fifth.last_column hr {
		display: none;
	}
	.page-id-27 .sub-header {
		background-size: 750px auto !important;
		min-height: 235px !important;
	}
	.post-navigation .yellow-bttn {
		font-size: 0.7em;
	}
	.post-navigation .yellow-bttn a {
		padding: 0.5em 1em;
	}
	.post-navigation .prev,
	.post-navigation .next {
		padding-top: 2px;
	}
	.category-podcast .sub-header h1,
	.single-post .sub-header.podcast-header h1 {
		font-size: 2.7em;
	}
	.category-podcast .sub-header h5, .single-post .sub-header.podcast-header h5 {
		min-height: 290px;
	}
	.archive.category-the-100storiesworthtelling-project #main article {
		display: block;
		margin: 0 auto 50px !important;
		max-width: 100%;
	}
	ul.services li {
		margin-bottom: 2.5em !important;
	}
	#content ul.services p {
		margin-bottom: 0.5em;
	}
	.half-box {
		margin-bottom: 1em;
		width: 400px;
	}
	.bordered {
		margin: 0;
		padding: 1em 1.25em;
	}

}

@media screen and (max-width: 400px) {
	.home #masthead {
		background-position: 40% 50% !important;
	}
	.narrowed {
		margin: 0 8%;
	}
	.bordered {
		padding: 1em 1.25em;
	}
	.half-box {
		width: 100%;
	}
	.category-podcast .sub-header h5, .single-post .sub-header.podcast-header h5 {
		font-size: 1.1em;
	}
}