/*!
Theme Name: Haystack Theme
Theme URI: http://underscores.me/
Author: Stela Creative Services
Author URI: http://stelacreative.com
Description: A custom theme for Haystack Recruitment
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: haystack
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.

Haystack Theme 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.

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
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/* Media 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-appearance: textfield; box-sizing: content-box; }

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
--------------------------------------------------------------*/
body, button, input, select, textarea { color: #000; font-family: Asap, sans-serif; font-size: 28.8px; font-size: 1.8rem; line-height: 1.44; }

h1, h2, h3, h4, h5, h6 { clear: both; font-family: Bitter, serif; font-weight: normal; line-height: 1.1em; }

h1 { font-size: 92.8px; font-size: 5.8rem; }

h2 { font-size: 57.6px; font-size: 3.6rem; }

h3 { font-size: 44.8px; font-size: 2.8rem; color: #f2692a; font-style: italic; }

h4 { font-size: 32px; font-size: 2rem; }

h5 { font-size: 30.4px; font-size: 1.9rem; }

h6 { font-size: 28.8px; font-size: 1.8rem; }

main h1:first-child, main h2:first-child, main h3:first-child, main h4:first-child { margin-top: 0; }

.child_page:first-child h1, .child_page:first-child h2, .child_page:first-child h3, .child_page:first-child h4 { margin-top: 0 !important; }

p { line-height: 1.2em; margin: 0 0 0.8em 0; }

dfn, cite, em, i { font-style: italic; }

blockquote { margin: 0 1.5em; }

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%; }

/*--------------------------------------------------------------
# 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, q { quotes: "" ""; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }

hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; }

ul, ol { margin: 0 0 1.5em 3em; }

ul { list-style: none; padding: 0; }
#main ul li { padding: 0; margin: 0 0 .8em -5px; }
#main ul li:before { font-family: 'FontAwesome'; content: '\f058'; display: inline-block; color: #f2692a; -webkit-font-smoothing: antialiased; margin: 0 .5em 0 -25px; }
.single_job_listing ul li { margin: 0 1em .8em 0 !important; }
#main ul.meta li:before { display: none; }

ol { list-style: decimal; }

li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; }

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
--------------------------------------------------------------*/
.button, button, input[type="button"], input[type="reset"], input[type="submit"] { border: 0; background: #f2692a; box-shadow: none; color: #fff !important; font-size: 32px; font-size: 2rem; padding: .6em 2em .4em 1em; text-shadow: 0 1px 1px #d40000; display: block; position: relative; font-family: Bitter, serif; }
.button a:link, .button a:visited, button a:link, button a:visited, input[type="button"] a:link, input[type="button"] a:visited, input[type="reset"] a:link, input[type="reset"] a:visited, input[type="submit"] a:link, input[type="submit"] a:visited { color: #fff; text-decoration: none; }
.button:hover, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background-color: #000; text-shadow: none; color: #fff; text-decoration: none; }
.button:active, .button:focus, button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus { border-color: #aaa #bbb #bbb; box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); }
.button:after, button:after, input[type="button"]:after, input[type="reset"]:after, input[type="submit"]:after { content: '\f054'; font-family: FontAwesome; position: absolute; right: 15px; top: 25%; }

#main .button { display: inline-block; }

input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="search"], textarea { color: #666; background-color: #e4e4e4; border: none; width: 100%; padding: 7px 10px; margin-bottom: 0.5em; }
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { color: #111; }

input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="submit"]:focus, textarea:focus { color: #000; outline-color: #000; outline-offset: -1px; outline-style: solid; outline-width: 1px; }

input[type="submit"]:focus { color: #fff; }

/* iOS hack */
textarea, input[type="text"], input[type="button"], input[type="email"], input[type="tel"], input[type="search"], input[type="submit"] { -webkit-appearance: none; border-radius: 0; }

::-webkit-input-placeholder { color: #000; }

:-moz-placeholder { /* Firefox 18- */ color: #000; }

::-moz-placeholder { /* Firefox 19+ */ color: #000; }

:-ms-input-placeholder { color: #000; }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a { color: #f2692a; }
a:visited { color: #f2692a; }
a:hover, a:focus, a:active { color: #000; text-decoration: none; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation { clear: both; display: block; width: 100%; }
.main-navigation ul { display: none; list-style: none; margin: 0; margin-top: 0.4em; padding-left: 0; }
@media screen and (max-width: 767px) { .main-navigation ul { padding: 0 1em; margin: 0; margin-bottom: 1em; background-color: #f2692a; } }
@media screen and (min-width: 768px) { .main-navigation ul ul { background-color: #f2692a; float: left; position: absolute; top: 2.5em; left: -999em; z-index: 99999; } }
@media screen and (max-width: 991px) { .main-navigation ul ul { margin-top: 0; } }
.main-navigation ul ul ul { left: -999em; top: 0; }
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: 100%; }
.main-navigation ul ul a { width: 250px; text-transform: none; padding: 0.5em; }
@media screen and (max-width: 767px) { .main-navigation ul ul a { width: 100%; padding: 1em 0; } }
.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: auto; }
.main-navigation li { float: left; position: relative; }
.main-navigation li:hover > a, .main-navigation li.focus > a { color: #000; }
@media screen and (max-width: 767px) { .main-navigation li { float: none; }
  .main-navigation li:last-child a { border-bottom: none; } }
.main-navigation a { font-size: 28.8px; font-size: 1.8rem; line-height: 1em; display: block; text-decoration: none; color: #fff; text-transform: uppercase; padding: 1em 1em; font-weight: bold; }
@media screen and (max-width: 1199px) { .main-navigation a { padding: 1em 0.5em 1em; font-size: 24px; font-size: 1.5rem; } }
@media screen and (min-width: 768px) and (max-width: 991px) { .main-navigation a { padding: 1.3em 0.5em 2em; font-size: 20.8px; font-size: 1.3rem; } }
@media screen and (max-width: 767px) { .main-navigation a { font-size: 28.8px; font-size: 1.8rem; line-height: 1em; display: block; text-decoration: none; color: #fff; text-transform: uppercase; padding: 1em 0; font-weight: bold; border-bottom: 1px solid #fff; } }
.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a { color: #000; }
@media screen and (max-width: 768px -1) { .main-navigation { margin: 0 !important; background-color: #f2692a; } }

/* Small menu. */
.menu-toggle, .main-navigation.toggled ul { display: block; }

.menu-toggle { width: 100%; text-align: left; text-shadow: none; font-weight: bold; text-transform: uppercase; }
.menu-toggle:after { content: '\f0c9'; }
.menu-toggle:active, .menu-toggle:focus { background-color: #000; }

@media screen and (min-width: 768px) { .menu-toggle { display: none; }
  .main-navigation ul { display: block; } }
.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; }
.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. */ }

/*--------------------------------------------------------------
# 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; }

/*--------------------------------------------------------------
# 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; }

.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; }

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget { margin: 0 0 1.5em; /* Make sure select elements fit in widgets. */ }
.widget select { max-width: 100%; }

/* Search widget. */
.widget_search .search-submit { display: none; }

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/** Site Header **/
.site-header { background: url(img/header-bg.gif) repeat-y center; background-size: contain; }
@media screen and (max-width: 767px) { .site-header { background-image: none; } }
.site-header .site-branding .site-title { background: url("img/haystack-logo.png") no-repeat left center; background: url("img/haystack-logo.svg") no-repeat left center; display: block; background-size: contain; min-height: 100px; text-indent: -9999em; margin: 10px 0 -5px; }
.site-header .site-branding .site-title a { font-size: 48px; font-size: 3rem; line-height: 3em; letter-spacing: -0.1em; display: block; }
.site-header .site-branding .site-title:hover { opacity: 0.9; filter: alpha(opacity=90); /* For IE8 and earlier */ }
@media screen and (max-width: 767px) { .site-header .site-branding .site-title { background-position-x: center; } }
.site-header .site-nav-area { background: url("img/white-triangle-box.png") no-repeat left center #f2692a; background: url("img/white-triangle-box.svg") no-repeat left center #f2692a; background-size: contain; min-height: 105px; }
@media screen and (max-width: 767px) { .site-header .site-nav-area { background-image: none; background-color: transparent; } }
.site-header .site-nav-area .site-description { font-family: Bitter, serif; font-style: italic; color: #000; font-size: 22.4px; font-size: 1.4rem; line-height: 1.25em; letter-spacing: -0.01em; margin: 1.5em 0 1em 50px; }
@media screen and (max-width: 991px) { .site-header .site-nav-area .site-description { margin: 1em 0 0 40px; } }
@media screen and (max-width: 767px) { .site-header .site-nav-area .site-description { padding-top: 1em; margin: 1em 0 1em; text-align: center; } }
@media screen and (min-width: 768px) { .site-header .site-nav-area .main-navigation { margin: 45px 0 0 30px; } }

#content header.page-header { min-height: 300px; background-position: center; background-size: cover; }
body.home #content header.page-header { min-height: 750px; }
@media screen and (max-width: 767px) { body.home #content header.page-header { min-height: 400px; } }
#content header.page-header .container { height: 300px; display: table; }
body.home #content header.page-header .container { height: 750px; }
@media screen and (max-width: 767px) { body.home #content header.page-header .container { height: 400px; } }
#content header.page-header .heading-wrap { display: table-cell; vertical-align: middle; text-align: center; }
body.home #content header.page-header .heading-wrap { text-align: left; }
#content header.page-header h1 { background-color: rgba(255, 255, 255, 0.7); display: inline-block; margin: 0; padding: 0.1em 0.3em; }
@media screen and (max-width: 767px) { #content header.page-header h1 { font-size: 64px; font-size: 4rem; } }
body.home #content header.page-header h1 { margin-right: 35%; display: block; padding: 0.5em 0.6em; }
@media screen and (max-width: 767px) { body.home #content header.page-header h1 { font-size: 64px; font-size: 4rem; margin-right: 30%; } }
@media screen and (max-width: 549px) { body.home #content header.page-header h1 { font-size: 56px; font-size: 3.5rem; margin-right: 25%; } }
#content header.page-header p.above-title { font-family: Bitter, serif; font-size: 64px; font-size: 4rem; font-style: italic; color: #fff; background-color: rgba(242, 105, 42, 0.8); content: ""; display: table; margin: 0 auto 0.5em; padding: 0.3em 0.5em; line-height: 1em; }
#content #content-area { margin-top: 3em; min-height: 400px; /*.page-id-6 &:before { display: none;    
}*/ }
#content #content-area:before { content: ''; display: block; width: 200px; height: 200px; background: url("img/haystack-icon.png") no-repeat right top transparent; background: url("img/haystack-icon.svg") no-repeat right top transparent; background-size: cover; position: absolute; right: 50px; z-index: -5; }
@media screen and (max-width: 1550px) { #content #content-area:before { opacity: 0.5; } }
#content main.site-main { margin-bottom: 2em; }
#content sidebar .large-text { font-size: 57.6px; font-size: 3.6rem; font-family: Bitter, serif; line-height: 1.3em; }
#content .feature-boxes { margin-top: 2em; }
#content .feature-boxes .feature-box { margin-bottom: 1em; }
#content .feature-boxes .feature-box figure { margin: 0; }
#content .feature-boxes .feature-box figure img { -webkit-filter: grayscale(1); filter: grayscale(1); }
#content .feature-boxes .feature-box figcaption { display: table; height: 80px; width: 100%; }
#content .feature-boxes .feature-box figcaption h3 { display: table-cell; vertical-align: middle; background-color: #f2692a; font-weight: bold; color: #fff; text-shadow: 0 1px 1px #d40000; padding: 0 1em; position: relative; font-size: 38.4px; font-size: 2.4rem; font-style: normal; }
#content .feature-boxes .feature-box figcaption h3:after { content: '\f054'; font-family: FontAwesome; position: absolute; right: 30px; top: 35%; }
@media screen and (max-width: 767px) { #content .feature-boxes .feature-box figcaption h3:after { font-size: 32px; font-size: 2rem; } }
@media screen and (min-width: 768px) and (max-width: 991px) { #content .feature-boxes .feature-box figcaption h3 { font-size: 32px; font-size: 2rem; } }
#content .feature-boxes .feature-box:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); }
#content .feature-boxes .feature-box:hover h3 { background-color: #000; text-shadow: none; }

#testimonials { position: relative; overflow: auto; margin: 5em 0; }
#testimonials ul { margin: 0; padding: 0; }
#testimonials ul li { list-style: none; float: left; margin: 0; padding: 0; }

blockquote.testimonial, .testimonial-full { font-family: Bitter, serif; font-style: italic; font-size: 32px; font-size: 2rem; margin: 0 0 0.5em; }
@media screen and (min-width: 1200px) { body.home blockquote.testimonial, body.home .testimonial-full { padding: 0 200px; } }
blockquote.testimonial p, .testimonial-full p { display: inline; }
blockquote.testimonial footer, .testimonial-full footer { display: inline; font-size: 25.6px; font-size: 1.6rem; font-family: Asap, sans-serif; font-weight: bold; font-style: normal; }

.testimonial-full { border-left: 5px solid #f2692a; padding: 0 1em; margin: 2em 0; }

body.home .button { display: inline; text-align: center; margin: 2em auto; color: #fff; text-decoration: none; }

/** About > Team **/
.team { border-top: 5px solid #eee; margin-top: 3em; margin-bottom: 3em; padding-top: 2em; }
.team .row { margin-bottom: 2em; }
.team figure { margin: 0 0 1em 0; }
.team figure img { width: 100%; }
.team h3 { font-size: 38.4px; font-size: 2.4rem; font-weight: 600; margin: 0 0 0.1em; }
.team p { margin-bottom: 0.6em; }
.team p.team_title { font-family: Bitter, serif; font-weight: 400; margin: 0.3em 0 0.8em 0; }
.team ul { list-style: none; margin: 0 0 1em; padding: 0; }
.team ul i { width: 1em; text-align: center; margin-right: 0.5em; }
.team ul li { margin: 0 0 0.2em !important; }
.team ul li:before { display: none !important; }

/** Job Listings **/
ul.job_listings li:before { display: none !important; }
ul.job_listings li .meta .date { display: none !important; }

.single_job_listing .meta li.date-posted { display: none !important; }

/* Resume */
.single-resume h1 { font-size: 41.6px; font-size: 2.6rem; margin-top: 1em !important; }

ul.resume-links { float: left !important; max-width: 100% !important; }

/** Contact **/
.acf-map { width: 100%; height: 350px; border: #e4e4e4 solid 1px; margin: 0 0 1em; }

.contact-address { font-size: 32px; font-size: 2rem; }

.raw { margin: 2em 0; }
.raw img { max-width: 200px; }

/** Child Pages **/
.child_page-container { height: auto !important; border: 0 !important; background: transparent; padding: 0 !important; }

.child_pages .post_content h4 { font-size: 38.4px; font-size: 2.4rem; margin: 1em 0 0.5em; }
.child_pages .post_content .post_excerpt { font-size: 28.8px; font-size: 1.8rem; }

/** JOB Listings **/
.single_job_listing .meta .job-type { background-color: #f2692a; padding: 0 0.2em !important; }

.single_job_listing .company { min-height: 5em; }

/** FOOTER **/
.site-footer { clear: both; background-color: #f2692a; color: #fff; padding-top: 1em; padding-bottom: 1em; margin-top: 3em; position: relative; }
.site-footer:before { content: ''; display: block; width: 120px; height: 120px; background: url("img/haystack-icon-2.png") no-repeat right top transparent; background: url("img/haystack-icon-2.svg") no-repeat right top transparent; background-size: cover; position: absolute; right: 50px; top: 0; }
@media screen and (max-width: 767px) { .site-footer:before { width: 200px; height: 200px; right: 0px; } }
.site-footer .site-title { background: url("img/haystack-logo-white.png") no-repeat left center; background: url("img/haystack-logo-white.svg") no-repeat left center; display: block; background-size: contain; min-height: 100px; text-indent: -9999em; margin: 0; }
.site-footer .site-title a { font-size: 48px; font-size: 3rem; line-height: 3em; letter-spacing: -0.1em; display: block; }
.site-footer .site-title:hover { opacity: 0.9; filter: alpha(opacity=90); /* For IE8 and earlier */ }
@media screen and (max-width: 767px) { .site-footer .site-title { background-position-x: center; } }
.site-footer .site-info { margin-top: 1.5em; font-size: 25.6px; font-size: 1.6rem; }
@media screen and (max-width: 767px) { .site-footer .site-info p { text-align: center; } }
.site-footer ul#footer-menu { margin: 0; padding: 0; margin-top: 1.5em; list-style: none; font-size: 25.6px; font-size: 1.6rem; line-height: 1em; text-transform: uppercase; font-weight: bold; letter-spacing: -0.01em; }
.site-footer ul#footer-menu li { display: inline-block; margin-bottom: 0.5em; }
.site-footer ul#footer-menu li a { padding: 0 0.5em 0 0; }
@media screen and (max-width: 767px) { .site-footer ul#footer-menu { text-align: center; margin: 0 auto; } }
.site-footer a:link, .site-footer a:visited { color: #fff; }
.site-footer a:hover, .site-footer a:active { color: #000; }

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.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-content, .entry-summary { margin: 1.5em 0 0; }

.page-links { clear: both; margin: 0 0 1.5em; }

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; }

/*--------------------------------------------------------------
## 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, .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%; }

/*--------------------------------------------------------------
## 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; }

/*# sourceMappingURL=style.css.map */