/*
Theme Name: hagerstownmarket.org
Theme URI: http://bgwebagency.com/free-wordpress-themes/sangeet-free-wordpress-theme/
Author: BG Web Agency
Author URI: http://bgwebagency.com
Description: Sangeet is a theme built with an essence of music in it. Sangeet is a theme for music lovers who want to create a blog for themselves or the people who would like to give their website a touch of music.
Version: 1.0.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sangeet
Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, post-formats, sticky-post, threaded-comments, translation-ready

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.

sangeet is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
sangeet WordPress Theme incorporates code from Simone WordPress Theme.
sangeet 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
	## Index and Archive
# Infinite scroll
# Footer
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-size: 62.5%;
	overflow-y: scroll;
	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: #fff;
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight:700;
	color:#9cbe7f;
	-ms-word-break: break-word;
	word-break: break-word;
}

p {
	margin-bottom: 1.5em;
}

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

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #444;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	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: 1.5rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #444;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

body {
	background: #383838;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

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

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

ul {
	list-style: disc;
}

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;
	max-width: 100%;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border-radius: 3px;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	padding: 1em 2em;
    color: #9cbe7f;
    border: 1px solid #9cbe7f;
	background:transparent;
    cursor: pointer;
    -webkit-appearance: button;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background-color: #9cbe7f;
    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 {
	border-color: #392f55;
}

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 {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

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: #fff;
}

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,
select {
    padding: 8px;
    color: #ccc;
    border: 1px solid #353535;
	background: #606060;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    text-decoration: none;
    color: #9cbe7f;
}

a:visited {
	color: #1BC1C6;
}

a:hover,
a:focus,
a:active {
	color: #fff;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
	position: relative;
	background: #313131;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
	padding: 0.8em 1em;
    text-decoration: none;
}

.main-navigation ul ul {
	float: left;
	position: absolute;
	display:none;
	padding: 0;
	left: 0;
	z-index: 99999;
	background: #444;
}

.main-navigation ul ul ul {
	left: 100%;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
	color: #fff;
	background: #4d4d4d;
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
	background: #313131;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	display: block;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
    background: white;
}

@media screen and (max-width: 600px) {
	.menu-toggle {
		display: block;
		height: 3.75em;
		padding: 0 1em;
		font-weight: normal;
		font-size: 14px;
		font-size: 1.4rem;
		text-decoration: none;
		line-height: 3.75em;
		color: white;
	}

	.main-navigation.toggled .nav-menu {
		display: block;
		border-top: 1px solid;
		border-top-color: #fff;
	}

	.main-navigation ul {
		display: none;
		padding-left: 0;
	}

	.main-navigation li {
		float: none;
	}

	.main-navigation li a {
		padding: 0.8em 1em;
	}

	.main-navigation li li a {
		padding-left: 4em;
	}

	.main-navigation li li li a {
		padding-left: 6em;
	}

	.main-navigation li:hover > a {
		background: #313131;
	}

	.main-navigation ul ul,
	.main-navigation ul ul ul {
		position: relative;
		top: inherit;
		left: 0;
		display: block;
		float: none;
		background: #313131;
	}

	.main-navigation ul ul a { width: 100%; }

	.main-navigation ul a:hover,
	.main-navigation ul ul a:hover {
		background: #4d4d4d;
	}

	.main-navigation .current_page_ancestor { background: inherit; }

	.main-navigation ul ul .current_page_parent {
		color: inherit;
		background: inherit;
	}

	.main-navigation .current_page_item > a,
	.main-navigation .current_page_item > a:hover,
	.main-navigation .current_page_item li:hover,
	.main-navigation .current_page_parent .current_page_item > a  {
		color: #fff;
		background: #4d4d4d;
	}

} // End responsive menu

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

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
	font-size: 18px;
	font-size: 1.8rem;
	color: #fff;
}
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
	width: 50%;
	float: left;
	padding-right: 15%;
}
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
	width: 50%;
	float: right;
	padding-left: 15%;
	text-align: right;
}

.nav-indicator {
    margin-bottom: 1em;
}

.nav-previous h1,
.nav-next h1 {
    font-weight: 900;
}

.post-nav-box {
    padding: 2em 0;
    margin-bottom: 4em;
    border-top: hsl(0, 0%, 80%) solid 1px;
    border-bottom: hsl(0, 0%, 80%) solid 1px;
}

.comment-navigation {
    padding: 1em 0;
    margin: 3em 0;
    border-top: #fff solid 1px;
    border-bottom: #fff solid 1px;
}

.comment-navigation i {
    margin: 0 1em;
}

/* Social Menu */

.menu-social {
	position: absolute;
	top: 3rem;
	right:3rem;
}

.menu-social ul {
    list-style: none;
	margin: 0;
	padding: 0;
}

.menu-social ul li {
    position: relative;
    display:  inline-block;
}

.menu-social li a:before {
    display: inline-block;
    padding: 0 5px;
    vertical-align: top;
    font-family: 'Fontawesome';
    font-size: 20px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    content: '\f0c0';
}

.menu-social li a[href*="facebook.com"]::before { content: '\f09a'; }

.menu-social li a[href*="twitter.com"]::before { content: '\f099'; }

.menu-social li a[href*="dribbble.com"]::before { content: '\f17d'; }

.menu-social li a[href*="plus.google.com"]::before { content: '\f0d5'; }

.menu-social li a[href*="pinterest.com"]::before { content: '\f0d2'; }

.menu-social li a[href*="github.com"]::before { content: '\f09b'; }

.menu-social li a[href*="tumblr.com"]::before { content: '\f173'; }

.menu-social li a[href*="youtube.com"]::before { content: '\f167'; }

.menu-social li a[href*="flickr.com"]::before { content: '\f16e'; }

.menu-social li a[href*="vimeo.com"]::before { content: '\f194'; }

.menu-social li a[href*="instagram.com"]::before { content: '\f16d'; }

.menu-social li a[href*="linkedin.com"]::before { content: '\f0e1'; }

@media screen and (max-width: 600px) {
    .menu-social {
		top:1rem;
		right:1rem;
    }

	.menu-social ul li {
		display: block;
	}

    #menu-social li a {
        padding-left:.5em;
        padding-right: .5em;
    }
}

.paging-navigation ul {
    margin: 0;
	padding: 0;
}

.paging-navigation li { display: inline; }

a.page-numbers,
span.page-numbers {
     padding: .3em .7em;
     color: #9cbe7f;
}

a:hover.page-numbers {
    color: #fff;
}

.paging-navigation .current {
    font-weight: bold;
    color: #9cbe7f;
}

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

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

/* Alignment responsive */
@media screen and (min-width: 1320px) {
    .alignleft {
        margin-left: -160px;
    }
}

@media screen and (min-width: 1820px) {
    .alignright {
        margin-right: -160px;
    }
}

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

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header-image img {
    display: block;
    margin: 0 auto;
}

.header-background-image {
    background: no-repeat center;
    background-size: cover!important;
    -moz-background-size: cover!important;
    -webkit-background-size: cover!important;
}

.header-background-image {
	text-shadow: 1px 1px 3px #000;
}

.title-box {
	margin: 0 auto;
    max-width: 75%;
    padding: 2rem;
    width: 600px;
}

.site-branding {
    padding: 3rem 0;
    text-align: center;
	position:relative;
}

.site-title {
    font-weight: 700;
    font-size: 40px;
    font-size: 5rem;
    text-transform: uppercase;
    line-height: normal;
    padding-bottom: 1rem;
}

.site-description {
    font-weight: 100;
    font-size: 20px;
    font-size: 2rem;
}

.site-branding a {
    text-decoration: none;
}

.site-title a,
.site-description {
    color: #fff;
    color: hsl(0, 0%, 100%);
}

/* Header search */

.search-toggle {
	position: absolute;
	z-index:3;
    left: 1rem;
	top:1rem;
    padding: 12px;
    color: #fff;
    text-align: center;
    cursor: pointer;
}

.search-toggle:hover,
.search-toggle.active {
    background: rgba(156,190,127,0.9);
}

input[type="search"] {
    box-sizing: border-box;
    width: 100%;
}

.search-box-wrapper {
    position: absolute;
	top: 0px;
	bottom:0px;
	width:100%;
	background: rgba(156,190,127,0.9);
	z-index: 2;
    width: 100%;
	display: none;
}

.search-box {
    padding: 1em;
	text-align:center;
	position:absolute;
	top:50%;
	width:100%;
}

.search-box .search-field {
    max-width: 362px;
    padding: 1rem 2rem 1rem 4rem;
    font-size: 20px;
    font-size: 2rem;
    border: 0;
	background:transparent;
	border-bottom:1px solid #fff;
}

.search-box .search-field:focus {
	outline:none;
}

.error404 .search-submit,
.search .search-submit,
.search-box .search-submit {
    display: none;
}

/* Header responsive */
@media screen and (max-width: 600px) {
    .site-branding { padding: 0; }
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 4em;
    font-size: 16px;
    font-size: 1.6rem;
}

.widget-title {
    margin-bottom: 1em;
    font-size: 24px;
    font-size: 2.4rem;
    border-bottom: 2px solid #000;
}

.widget a {
    font-weight: 700;
    color: #000;
}

.widget ul,
.widget ol {
    padding: 0;
    margin: -1em 0 0;
    list-style-type: none;
}

.widget li { padding: 1em 0 0; }

.widget li ul,
.widget li ol { margin-top: 0; }

.widget li li { margin-left: 1.5em; }

.widget select {
	max-width: 100%;
}

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

.footer-widgets { margin: 0 auto; }

.footer-widgets .widget-title,
.footer-widgets .widget a:hover {
    color: #fff;
    border-color: #fff;
}

.footer-widgets .widget {
    float: left;
    width: 320px;
    margin: 0 4rem 8rem 4rem;
}

.widget_meta li:before, .widget_recent_entries li:before, .widget_recent_comments li:before, .widget_archive li:before, .widget_categories li:before  {
    display: block;
    float: left;
    padding-top: 2px;
    margin-left: -2.5em;
    font-family: 'fontawesome';
    font-size: 14px;
    font-size: 1.4rem;
	content: "\f185";
}

.widget li { margin: 0 0 .5em 2.5em; }

.widget_nav_menu a,
.widget_pages a {
    display: block;
    padding: 1em 0;
    border-bottom: solid 1px hsl(0, 0%, 90%);
}

.widget_nav_menu li,
.widget_pages li { padding-top: 0; margin:0;}

.widget_rss li { margin-bottom: .5em; }

.widget_rss .rss-date,
.widget_rss cite {
    display: block;
    font-size: 85%;
}

/* Footer widgets responsive */
@media screen and (max-width: 879px) {
    #footer-widgets { width: 100%!important; }

    .footer-widgets .widget {
        float: none;
        width: 100%;
        margin: 0 0 8rem;
    }
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.page .entry-title {
    margin-top: .7em;
}

/* Typography */
.entry-title {
    margin: 0 0 2rem;
    font-weight: 700;
    font-size: 40px;
    font-size: 4rem;
    line-height: 1.3em;
    color: #9cbe7f;
}

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

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 { margin-bottom: .4em; }

.entry-content h1 {
    font-size: 32px;
    font-size: 3.2rem;
}

.entry-content h2 {
    font-size: 30px;
    font-size: 3.0rem;
}

.entry-content h3 {
    font-size: 28px;
    font-size: 2.8rem;
}

.entry-content h4 {
    font-size: 26px;
    font-size: 2.6rem;
}

.entry-content h5 {
    font-size: 24px;
    font-size: 2.4rem;
}

.entry-content h6 {
    font-size: 22px;
    font-size: 2.2rem;
}

.entry-content p,
.entry-content ul,
.entry-content ol {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.6em;
}

.entry-content blockquote p {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1.5em;
}

/* Smaller fonts for smaller screens */
@media screen and (max-width: 680px) {
    .entry-title {
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 1.3em;
    }
    .entry-content h1 {
        font-size: 28px;
        font-size: 2.8rem;
    }

    .entry-content h2 {
        font-size: 26px;
        font-size: 2.6rem;
    }

    .entry-content h3 {
        font-size: 24px;
        font-size: 2.4rem;
    }

    .entry-content h4 {
        font-size: 22px;
        font-size: 2.2rem;
    }

    .entry-content h5 {
        font-size: 20px;
        font-size: 2rem;
    }

    .entry-content h6 {
        font-size: 18px;
        font-size: 1.8rem;
    }

    .entry-content p,
    .entry-content ul,
    .entry-content ol  {
        font-size: 18px;
        font-size: 1.8rem;
    }

    .entry-content blockquote p {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 1.5em;
    }
}

/* Meta */
.category-list {
    margin: 1.3em 0 1em;
    font-size: 16px;
    font-size: 1.6rem;
}

.category-list a {
    color: #9cbe7f;
}

.category-list a:hover {
    color: #fff;
}

.entry-meta {
    margin-bottom: 2rem;
    padding: 0;
    font-size: 14px;
    font-size: 1.4rem;
}

.entry-meta a { font-weight: 600; }

.entry-footer {
    margin-top: 3rem;
    margin-bottom: 5rem;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2em;
}

.entry-footer ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.entry-footer li {
    display: inline-block;
    margin-right: 4rem;
}

.entry-footer a {
    margin-left: .5rem;
}

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

.posted-on, .byline, .cat-links, .tags-links, .comments-link, .edit-link, .continue-reading {
	display: inline-block;
    vertical-align: top;
    margin: 0 1em 0 0;
}

.posted-on:before, .byline:before, .cat-links:before, .tags-links:before, .comments-link:before, .edit-link:before, .continue-reading:before {
    padding-top: 2px;
    font-family: 'fontawesome';
    font-size: 14px;
    font-size: 1.4rem;
    color: #9cbe7f;
    margin-right: 0.5em;
}

.posted-on:before {
	content: '\f073';
}

.byline:before {
	content: '\f007';
}

.cat-links:before {
	content: '\f07c';
}

.tags-links:before {
	content: '\f02c';
}

.comments-link:before {
	content: '\f086';
}

.edit-link:before {
	content: '\f14b';
}

.continue-reading:before {
	content: '\f138';
}

/* Blockquotes */
blockquote {
    padding: 1em 0 1em 1.5em;
    margin-bottom: 1em;
    font-style: italic;
	position:relative;
}

blockquote:before, blockquote:after {
	position:absolute;
	font-family: 'Fontawesome';
    font-size: 20px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    content: '\f0c0';
}

blockquote:before {
	top:0;
	left:0;
    content: '\f10d';
}


blockquote:after {
	bottom: 0;
	right:0;
	content: '\f10e';
}

blockquote em {
    font-style: normal;
}

blockquote cite {
    display: block;
    margin-top: 1em;
    margin-left: 40%;
    font-size: 18px;
    font-size: 1.8rem;
    font-style: normal;
    line-height: 1.5em;
    text-align: right;
}

blockquote.alignleft {
    width: 50%;
    float: left;
    padding: 1em 0 0;
    margin-right: 2em;
}

blockquote.alignright {
    width: 50%;
    float: right;
    padding: 1em 0 0;
    margin-left: 2em;
}

/* Blockquotes responsive */
@media screen and (max-width: 780px) {
    blockquote.alignleft,
    blockquote.alignright { width: 40%; }
}

@media screen and (max-width:600px) {
    blockquote.alignleft,
    blockquote.alignright {
        width: 100%;
        padding: 1em 1.5em 0;
    }
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.format-aside .entry-content {
    margin-top: 1em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-title {
    font-weight: 700;
    font-size: 36px;
    font-size: 3.6rem;
}

.comments-area > ol {
    padding: 0;
    margin: 2em 0;
    list-style-type: none;
}

ol.children { list-style-type: none; }

.comment-list ol { margin-left: 50px; }

.comment-meta { margin-bottom: 1em; }

.comment-author .avatar {
    width: 50px;
    display: block;
    float: left;
    margin-right: 20px;
}

.comment-author .fn {
    font-weight: 700;
    font-size: 20px;
    font-size: 2rem;
}

.comment-metadata {
    font-size: 14px;
    font-size:1.4rem;
}

.comment-content { font-size: 90%; }

.comment-content,
.reply { margin-left: 70px; }

.comment-body {
    padding-bottom: 2em;
    margin-bottom: 2em;
    border-bottom: solid hsl(0, 0%, 80%) 1px;
}

.comment-content a {
	word-wrap: break-word;
}

.comment-content ol { margin-left: 1.5em; }

.bypostauthor {
	display: block;
}

.bypostauthor > .comment-body {
    position: relative;
    padding: 1em;
    margin-bottom: 2em;
    background: #606060;
    border: none;
}

.reply {
    font-weight: 700;
    font-size: 14px;
    font-size: 1.4rem;
}

/* Comments responsive */
@media screen and (max-width:600px) {
    .comment-list ol { margin-left: 0; }

    .comment-content ol { margin-left: 1.5em; }

    .comment-content,
    .reply { margin-left: 0; }
}

.comment-reply-title {
    margin-bottom: .5em;
    font-weight: 900;
    font-size: 30px;
    font-size: 3rem;
}

.comment-form {
    padding-bottom: 4rem;
    font-size: 16px;
    font-size: 1.6rem;
}

.comment-form textarea {
    font-size: 18px;
    font-size: 1.8rem;
}

.comment-form label { display: block; }

.required { color: red; }

.comment-awaiting-moderation {
    padding: .5rem 1rem;
    margin: 1rem 0;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    background: #84bd68;
}

/*--------------------------------------------------------------
## Index and Archive
--------------------------------------------------------------*/
.sticky-post {
    position: absolute;
    top: 1rem;
    right: 3rem;
}

.taxonomy-description {
    padding-top: 2rem;
    margin: 2rem 0;
    font-style: italic;
    border-top: 1px solid hsl(0, 0%, 75%);
    border-bottom: 1px solid hsl(0, 0%, 75%);
}

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

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

.site-footer {
    padding: 2em;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    background: #313131;
}

.site-footer a {
    color: #fff;
}

.site-info {
    text-align: center;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

embed,
iframe,
object {
	max-width: 100%;
}


/* Featured Images */

.single-post-thumbnail {
    background: #9cbe7f;
}

.single-post-thumbnail img {
    display: block;
    margin: 0 auto;
}

.small-index-thumbnail {
    margin-top: -1em;
    margin-bottom: 1em;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption .wp-caption-text,.gallery-caption {
	padding: 0.8075em 0;
    font-size: 14px;
    font-size: 1.4rem;
    background: #606060;
}

.wp-caption-text {
	text-align: center;
}

.site-main .gallery {
	margin-bottom: 1.5em;
}

.site-main .gallery-item {
    position: relative;
    max-width:100%;
    float: left;
    margin-right: 3.333333333%;
    margin-bottom: 3rem;
    background: #606060;
    overflow: hidden;
}
.gallery-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    max-height: 50%;
    width: 100%;
    padding: 6px 8px;
    margin: 0;
    font-size: 12px;
    line-height: 1.5;
    color: #fff;
    text-align: left;
    background-color: #606060;
    opacity: 0;
}
.gallery-item:hover .gallery-caption {
    opacity: 1;
}
.site-main .gallery a img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    border: none;
}

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

/* banner */
@font-face {
	src: url("fonts/AvenirLTStdBlack/AvenirLTStd-Black.eot");
	src: url("fonts/AvenirLTStdBlack/AvenirLTStd-Black.ttf");
	src: url("fonts/AvenirLTStdBlack/AvenirLTStd-Black.woff");
	font-family: "Avenir";
	font-weight: 700;
}
.banner-wrapper {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999;
	width: 100vw;
	height: 100vh;
	font-family: "Avenir";
	font-weight: 700;
	background-color: rgba(0,0,0,.6);
}
.banner {
	position: absolute;
	top: 32%;
	left: 32%;
	display: flex;
	justify-content: space-between;
	width: 650px;
	height: 400px;
	background-image: url("images/bannerbg.jpg");
	background-size: contain;
	color: #020202;
}
.b-order {
	position: relative;
	align-self: flex-start;
	width: 20%;
	height: 330px;
	padding: 80px 20px;
	line-height: 1.2;
	text-align: center;
	border-width: 0 5px 5px 0;
	border-style:  solid;
	border-color: #fcc216;
}
.b-order a {
	position: absolute;
	top: 38%;
	left: 19%;
	width: 200px;
	padding: 12px 0;
	font-size: 23px;
	background-color: #fff;
	color: #020202;
	transition: .3s ease-in-out;
}
.b-order a:hover {
	background-color: #fcc216;
	color: #fff;
}
.b-logo-heading {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	width: 45%;
	padding: 20px 20px 0 0;
}
.b-logo {
	width: 130px;
	margin-bottom: 85px;
	border-bottom: 2px solid #fcc216;
}
.b-heading {
	position: relative;
	padding: 40px 15px 60px;
	font-size: 32px;
	background-color: rgba(255,255,255,.7);
	border: 5px solid #fcc216;
}
.b-heading::after {
	content: "";
	position: absolute;
	bottom: 22%;
	left: 24%;
	width: 50%;
	height: 3px;
	background-color: #fcc216;;
}
.close {
	position: absolute;
	top: 30%;
	left: 31%;
	z-index: 999;
	padding: 5px 13px;
	font-size: 20px;
	background-color: #fff;
	border-radius: 50%;
	color: #020202;
	cursor: pointer;
}

/* banner */
.site-banner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
	width: auto;
  height: 222px;
  margin: 0 auto 35px;
  font-family: "Lato";
  background-image: url("images/usessay-bg.png");
  background-size: contain;
	border: 2px solid #000;
}
.site-banner, .site-link {
  color: #000;
}
.banner-text {
  width: 60%;
  margin-top: 50px;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}
.site-link {
  padding: 5px 15px;
	font: 800 25px "Lato";
  background-color: #000;
  border: 3px solid #000;
	border-radius: 0;
  color: #fff;
  text-decoration: none;
  transition: .3s ease-in-out;
  cursor: pointer;
}
.site-link:hover {
  background-color: transparent;
  color: #000;
}
/* sale */
.sale {
	position: absolute;
	right: -50px;
	display: none;
	align-items: center;
	width: 270px;
	height: 270px;
	padding: 5px;
	text-align: center;
	background: url("images/sale-bg.png") no-repeat;
	background-size: contain;
	border: 4px solid #333;
	border-radius: 20px;
}
.sale p {
	position: relative;
	top: -5px;
	left: -20px;
  margin: 0;
  padding: 0;
  font-size: 24px;
  font-weight: 700;
	line-height: 1.2!important;
  color: #fff;
}
.sale-number {
	font-size: 33px;
}
.sale-name {
	position: relative;
	top: 10px;
	left: -40px;
	font-size: 29px;
	font-family: "Carter One";
	color: #f6445c;
}
.active-sale {
	display: block!important;
}