/*
Theme Name: Paradeigm
Theme URI: http://themes.davadrian.com/paradeigm
Description: Paradeigm is perfect for your scrapbook of thoughts, photos, videos, audio, and more. Featuring a clean responsive, masonry-style layout, Paradeigm looks just as good on the go as it does on the desktop.
Author: Davadrian Maramis | Hypha
Author URI: http://themeforest.net/user/hypha/?ref=hypha
Version: 1.1
Tags: white, dark, white, fluid-layout, responsive-layout, custom-background, custom-colors, custom-menu, editor-style, featured-images, post-formats, theme-options, translation-ready, photoblogging, threaded-comments
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Designed & Handcrafted by Davadrian Maramis for HYPHA
All files, unless otherwise stated, are released under the GNU General Public License
version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)
*/

/*-----------------------------------------------------------------------------------

	0.	Reset
	1.	Document Setup
	2.	Header Section
	3.	Site Navigation
	4.	Content Section
	5.	Comments
	6.	Sidebar
	7.	Footer
	8.	Widgets
	9.	Post Formats
	10.	Page Templates
	11.	Conditional CSS
	12.	Plugins
	13.	CSS3 Animations
	14.	Media Queries

 *-----------------------------------------------------------------------------------*/
/*	0.	Reset
/*-----------------------------------------------------------------------------------*/

.fluid-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
.fluid-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
        border: none;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 62.5%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

article, aside, details, figcaption, figure, footer, header, nav, section { display: block }

ol, ul { list-style: none }

table { /* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    font-weight: normal;
    text-align: left;
}

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

blockquote, q { quotes: "" "" }

a {
    -webkit-transition: .05s ease-in;
    transition: .05s ease-in;
}

a:focus { outline: thin dotted }

a:hover, a:active {
    /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
    outline: 0;
    -webkit-transition: .05s ease-in;
    transition: .05s ease-in;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
}

a img {
	border: 0;
	vertical-align: middle;
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after { clear: both }

.clearfix { zoom: 1 }

.clear {
    clear: both;
    display: block;
}




/*-----------------------------------------------------------------------------------*/
/*	1.	Document Setup
/*-----------------------------------------------------------------------------------*/

body {
	color: #252525;
	background: #f3f3f3;
	font-family: 'Merriweather', 'Helvetica Neue', Helvetica, serif;
	font-size: 16px;
	line-height: 1.625em; /* 26px */
}

p, ol, ul, blockquote, pre, code, dd, address, hr {
	margin-bottom: 1.625em;
	word-break: break-word;
}

/* Site Structure  */

#page {
    margin: 0 auto;
    position: relative;
}

#page, #main, #primary, #sidebar-widgets, #footer-widgets, footer {
    width: 100%;
}

#main, .site-header-inside, .headcap-inside, #footer-widgets, .footnote-inside, #media-query {
	max-width: 1360px;
}

#main {
    position: relative;
    margin: -4.92em auto 12em auto;
    background: #fff;
    box-shadow: rgba(0,0,0, 0.08) 0px 0px 3px;
    border-top: 1em solid #dcbc83;
}

#primary {
	overflow: hidden;
	padding-top: 1.625em;
}

.main-wrapper {
	padding: 0 3%;
	position: relative;
	z-index: 50;
}

/* Links
----------------------------------------------- */

a {
    text-decoration: none;
    color: #dcbc83;
}

a:hover, a:focus, a:active { color: #555 }

a:visited {}


/* Headings
----------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
    clear: both;
    color: #252525;
    font-weight: bold;
    font-family: 'Merriweather', 'Helvetica Neue', Helvetica, serif;
}

h1, .h1 {
    font-size: 2.250em; /* 36px */
    line-height: 1.361em; /* 49px */
    margin-bottom: 0.722em; /* 26px */
}

h2, .h2 {
    font-size: 1.875em; /* 30px */
    line-height: 1.4em; /* 42px */
    margin-bottom: 0.867em; /* 26px */
}

h3, .h3 {
    font-size: 1.375em; /* 22px */
    line-height: 1.500em; /* 33px */
    margin-bottom: 1.182em; /* 26px */
}

h4, .h4 {
    font-size: 1.250em; /* 20px */
    line-height: 1.500em; /* 30px */
    margin-bottom: 1.300em; /* 26px */
}

h5, .h5 {
    font-size: 1.125em; /* 18px */
    line-height: 1.556em; /* 28px */
    margin-bottom: 1.444em; /* 26px */
}

h6, .h6 {
    font-size: 0.875em; /* 14px */
    line-height: 1.286em ; /* 24px */
    margin-bottom: 1.857em; /* 26px */
}


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

ul {
	list-style: disc;
	list-style-position: inside;
}

ol {
	list-style: decimal;
	list-style-position: inside;
}

ul ul, ol ol, ul ol, ol ul {
    margin-bottom: 0;
    margin-left: 1.625em;
}

dt { font-weight: bold }


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

table {
    margin: 0 0 1.625em;
    width: 100%;
    border: 1px solid #f7f7f7;
}

thead {
	border-bottom: solid 1px #f7f7f7;
}

th {
	padding: 0.65em .825em;
	font-weight: bold;
}

td {
	border-bottom: solid 1px #f7f7f7;
	padding: 0.65em .825em;
}

tr:last-child td { border-bottom: none }

tr.odd { background: #f7f7f7 }


/* Buttons, Inputs, Textareas
----------------------------------------------- */

button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
	*vertical-align: middle;
}

button, input {
	border: none;
	line-height: normal;
	*overflow: visible;
}

input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

input[type=text]:focus, input[type=email]:focus, textarea:focus {
	color: #252525;
}

input[type=text], input[type=email] {
	padding: 3px;
}

textarea {
    overflow: auto;
    padding-left: 3px;
    vertical-align: top;
    width: 98%;
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}


/* Buttons, Inputs, Textarea Design */

button, input, textarea {
	background: #f4f4f4;
	font-size: 1em;
	font-family: inherit;
	padding: 0.833em;
}

input:focus, textarea:focus {
	background: #eee;
    outline: none;
}

input[type="text"], input[type="email"], textarea {
	width: 100%;
	color: #777;
	font-size: 1em;
	line-height: 1.75em;
	border: none;
	border-radius: 3px;
    padding: 0.785em;
    margin-bottom: 1.625em;
    -webkit-transition: .07s ease-in;
	transition: .07s ease-in;
}

button, input[type="submit"], input[type="button"], input[type="reset"] {
    background: #dcbc83;
    color: #fff;
    font-size: 0.750em;
    font-family: 'Josefin Sans', 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 0.893em 1.667em;
    border: none;
    -webkit-transition: .07s ease-in;
    transition: .07s ease-in;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover {
    background: #555;
    cursor: pointer;
    -webkit-transition: .07s ease-in;
    transition: .07s ease-in;
}

#content .hentry label {
	font-style: italic;
	color: #7f7f7f;
}


/* General HTML
----------------------------------------------- */

b, strong { font-weight: bold }

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

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

big { font-size: 1.250em }

code, kbd {
    background: #f7f7f7;
    padding: 0 0.250em;
}

code, kbd, tt, var {
	font-size: 0.938em;
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

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

pre {
    position: relative;
    background: #f7f7f7;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 0.938em;
    line-height: 1.667em;
    margin-bottom: 1.733em;
    padding: 3% 10% 3% 3%;
    overflow: auto;
    max-width: 100%;
    tab-size: 4;
}

pre:before {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    font-family: "FontAwesome";
    content: "\f121";
    background: #dcbc83;
    color: #fff;
    padding: 0 3px;
    font-size: 16px;
    z-index: 5;
}

blockquote {
	font-size: 1.375em;
	font-style: italic;
	line-height: 1.500em;
	text-align: right;
    padding: 0 3.273em 0 5%;
    margin-bottom: 1.591em;
    position: relative;
}

blockquote:before {
	position: absolute;
    top: -.35em;
    right: 0;
    font-family: "FontAwesome";
    content: "\f10d";
    color: #dcbc83;
    font-size: 0.818em;
    font-style: normal;
    text-align: center;
    z-index: 5;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border: 2px solid;
    border-radius: 200px;
}

blockquote cite {
    font-size: 0.636em;
    font-weight: bold;
    font-style: normal;
    line-height: 1.625em;
    text-transform: uppercase;
    width: 100%;
    display: block;
    margin-top: 1em;
    text-align: right;
    color: #7f7f7f;
}

blockquote blockquote {
	margin-bottom: 0;
}

blockquote blockquote:last-child {
	padding-bottom: 0;
}

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

figure { margin: 0 }

sup, sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup { bottom: 1ex }

sub { top: .5ex }

small { font-size: 0.750em }

hr {
    border: 0;
	height: 1px;
	border-top: dotted 1px #d6d6d6;
	display: block;
	clear: both;
}


/* Wordpress Standard
----------------------------------------------- */

.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {
    max-width: 100%;
    height: auto;
}

.alignleft {
    display: inline;
    float: left;
    margin: 0 1.625em 3% 0;
}

.alignright {
    display: inline;
    float: right;
    margin: 0 0 3% 1.625em;
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}

.alignnone {}

.entry-content img, .comment-content img, .widget img, #content img {
    max-width: 100%; /* Fluid images for posts, comments, and widgets */
    height: auto;
}

.entry-content img, img[class*="align"], img[class*="wp-image-"] {
    height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

.entry-content img, img.size-full {
    max-width: 100%;
    width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}

.entry-content img.wp-smiley, .comment-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

.wp-caption {
    border: 1px solid #eee;
    padding: .5% .5% 0;
    max-width: 100%;
    margin-bottom: 1.625em;
    color: #7f7f7f;
}

.wp-caption.aligncenter, .wp-caption.alignleft, .wp-caption.alignright { margin-bottom: 1.625em }

.wp-caption img {
    display: block;
    margin: 0 auto 0;
    max-width: 98%;
}

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

.wp-caption .wp-caption-text,
#content .gallery .gallery-caption {
    margin: 0.8075em 0;
    font-size: 0.688em;
    line-height: 1.5em;
}

#content .gallery {
	margin-bottom: 0;
	display: inline-block;
	width: 100%;
}

#content .gallery a img {
    border: none;
    height: auto;
    max-width: 90%;
}

#content .gallery dd { margin: 0 }

#content .entry-content .gallery {
    margin: 0 0 2% 0;
    width: 100%;
    display: inline-block;
}

#content .entry-content .gallery dl { margin: 0 0 1.625em 0 }

#content .gallery-item {
    margin: 0;
    z-index: 10;
    position: relative;
}

#content .gallery-item a { display: inline-block }

#content .entry-content .gallery-item a { display: inline-block }

#content .gallery-item img {
    border: solid 8px transparent;
    margin: 0;
    -webkit-transition: .07s ease-in;
    -moz-transition: .07s ease-in;
    transition: .07s ease-in;
    display: inline-block;
}

#content .gallery-item img {
    max-width: 100%;
    width: 100%;
}

#content .gallery-item img:hover { opacity: .9; }

#content .gallery br:last-child { display: none }

.slideshow-window { border-radius: 0 }

.slideshow-slide { width: 100% !important }

.wp-audio-shortcode, .wp-video-shortcode {
	margin-bottom: 1.625em;
}

.sticky {}


/* Custom
----------------------------------------------- */

.pull-right, .pull-left {
    width: 30%;
    font-weight: normal;
    font-weight: lighter;
    font-style: italic;
    line-height: 30px;
    font-size: 28px;
    border-top: dotted 2px #e7e7e7;
}

.pull-right {
    float: right;
    margin: 1% 0 3% 3%;
    padding: 2% 0 0 2%;
    text-align: right;
}

.pull-left {
    float: left;
    margin: 1% 5% 3% 0;
    padding: 2% 2% 0 0;
    text-align: left;
}

.fitvids iframe { text-align: center }

.highlight,
*::-moz-selection,
*::-webkit-selection,
::selection {
    background: #fff198;
	color: #222;
}

.dropcap {
	float: left;
	font-size: 4.500em;
	margin-right: .06em;
	line-height: 1em;
}


/* Text meant only for screen readers */

.assistive-text {
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    margin: 0;
}




/*-----------------------------------------------------------------------------------*/
/*	2.	Header Section
/*-----------------------------------------------------------------------------------*/

.site-header {
    background: #272a33;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.site-header-inside {
	width: 100%;
	margin: 0 auto;
	padding: 4.8em 3% 11.5em;
	position: relative;
	z-index: 5;
}

.site-header .header-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: gray;
	-webkit-filter: grayscale(30%);
}

/*.site-header .header-image:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .35;
	background: #272a33;
}*/

#read-progress {
	position: fixed;
	display: block;
	background: #dcbc83;
	height: 6px;
	width: 0;
	min-width: 0%;
	max-width: 100%;
	z-index: 50;
}


/* Logo Hgroup
----------------------------------------------- */

.site-title {
    position: relative;
    margin: 0;
    font-size: 1.500em;
    font-weight: bold;
    line-height: 2em;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
}

.site-title a,
.logo-image .site-title {
    color: #fff;
    -webkit-transition: .07s ease-in;
    transition: .07s ease-in;
    font-family: 'Josefin Sans', 'Helvetica Neue', Helvetica, sans-serif;
}

.logo-image .site-title {
    display: none;
}

body.custom-background
{
    background-size: contain !important;
}

.site-title a:hover {
    color: #7F858B;
    border-color: #7F858B;
    -webkit-transition: .07s ease-in;
    transition: .07s ease-in;
}

.site-description {
    font-size: 0.688em;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Josefin Sans', 'Helvetica Neue', Helvetica, sans-serif;
    letter-spacing: .1em;
    display: none;
}

.logo-image { margin-bottom: 0 }

.logo-image img {
	max-height: 2.6em;
	width: auto;
}

.hero-header .logo-image img {
	max-height: 18.850em;
	width: auto;
	font-size: 0.444em;
}

.hero-header .hero-site-description {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 42%;
	font-size: 0.889em;
	font-family: 'Josefin Sans', 'Helvetica Neue', Helvetica, sans-serif;
	font-weight: lighter;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	line-height: 1.4em;
	display: block;
	opacity: 0;
	padding: 0 5%;
	color: #fff;
	margin: 0;
	-webkit-transition: opacity .3s ease-out;
	-moz-transition: opacity .3s ease-out;
	-o-transition: opacity .3s ease-out;
	-ms-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out;
}

.hero-header.show-description .logo-image .hero-site-logo:hover {
	opacity: 0;
    transition: all .2s linear;
}

.hero-site-logo-bg
{
    opacity: 0;
}

.hero-header.show-description:hover .hero-site-logo-bg {
	opacity: 1;
	/*-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	-ms-transition: opacity .3s linear;
	transition: opacity .3s linear;*/
}

/* Headcap
----------------------------------------------- */

.headcap {
    margin: 0;
    width: 100%;
    z-index: 50;
    position: relative;
    min-height: 3em;
    font-family: 'Josefin Sans', 'Helvetica Neue', Helvetica, sans-serif;
}

.headcap-inside {
    width: 100%;
	margin: 0 auto;
    /*padding: 3.25em 3% 1.625em;*/
	padding: 3.25em 0;
}

.headcap .hgroup {
    position: relative;
	z-index: 15;
	max-width: 28%;
	float: left;
}

.headcap .navigation-wrap {
	position: relative;
}


/* Headband
----------------------------------------------- */

.headband,
.headband a {
	color: #fff;
}

.headband a:hover {
	text-decoration: underline;
}

.headband .hero-title, .headband .hero-subtitle {
	color: #fff;
	text-shadow: 2px 2px rgba(0, 0, 0, 0.15);
}

.headband .hero-title {
	font-size: 4.500em;
	font-family: 'Josefin Sans', 'Helvetica Neue', Helvetica, sans-serif;
	text-transform: uppercase;
	line-height: 0.95em;
	margin-bottom: 0;
}

.headband .hero-subtitle {
	font-style: italic;
	font-weight: normal;
	font-family: 'Merriweather', 'Helvetica Neue', Helvetica, serif;
	letter-spacing: .05em;
	text-transform: uppercase;
	margin: 0;
}

.headband .hero-subtitle:before,
.headband .hero-subtitle:after {
    content: "";
	background: #fff;
	width: 15%;
	height: 2px;
	display: inline-block;
	vertical-align: middle;
}

.headband .hero-subtitle p {
	margin: 0;
}

.hero-header {
	text-align: center;
	position: relative;
}

.hero-header .hero-subtitle span {
	display: inline-block;
	padding: 0 2%;
}

.hero-header .hero-span {
	font-size: 1.125em;
	font-weight: normal;
	font-style: italic;
	text-transform: capitalize;
	font-family: 'Merriweather', 'Helvetica Neue', Helvetica, serif;
	letter-spacing: .1em;
	display: table;
	margin: -1.45em auto 2.7em;
	padding: .25em 3%;
	border: 2px solid #fff;
}

ul.hero-meta {
	margin: 2em auto 0;
	display: table;
}

ul.hero-meta li {
	font-style: italic;
	letter-spacing: .1em;
	display: table-cell;
	vertical-align: middle;
}

ul.hero-meta li.avatar {
	padding-right: 10px;
}

ul.hero-meta li.avatar img {
	width: 4.375em;
	height: 4.375em;
	line-height: 0;
	border-radius: 100px;
	overflow: hidden;
}

ul.hero-meta li.author a {
	font-style: normal;
	font-weight: bold;
}

ul.hero-meta li.comments:before {
	content: "\00a0|"
}




/*-----------------------------------------------------------------------------------*/
/*	3.	Site Navigation
/*-----------------------------------------------------------------------------------*/

.main-navigation {
	max-width: 100%;
	width: 100%;
	font-size: 0.875em;
	line-height: 1.71em;
	min-height: 3.714em;
}

.main-navigation ul {
    list-style: none;
    text-align: right;
    margin: 0;
    padding: 0;
    width: 100%;
}

.main-navigation ul ul { text-align: center; }

.main-navigation li {
    display: inline-block;
    position: relative;
    word-wrap: break-word;
}

.main-navigation a {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    text-transform: uppercase;
    padding: 1em 0.85em;
    letter-spacing: .1em;
    cursor: pointer;
}

.main-navigation a:hover {}

.main-navigation ul ul {
    float: left;
    position: absolute;
    z-index: 99999;
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px;
    background: #242629;
	border-top: 1px solid #dcbc83;
	width: 200px;
	display: none;
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    box-shadow: 0 3px 3px rgba(0,0,0,0.2);
}

.main-navigation ul ul:before {
	position: absolute;
	top: -8px;
	left: 50%;
	margin-left: -8px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #dcbc83;
	content: " ";
}

.main-navigation ul ul ul {
	border-top: 1px solid transparent;
}

.main-navigation ul ul ul:before {
	border: none;
}

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

.main-navigation ul ul a {
	margin: 0;
    padding: 1.1em 1em;
	color: #666;
	line-height: 1.4em;
	letter-spacing: 1px;
}

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

}

.main-navigation ul ul li {
	border-bottom: dotted 1px rgba(255,255,255,.1);
	width: 100%;
}

.main-navigation ul ul li:last-child {
	border-bottom: none;
}

.main-navigation li.current-menu-item > a,
.main-navigation:hover li a:hover {
    text-decoration: underline;
}

.main-navigation li.current-menu-item > a {
}

.sub-menu li.current-menu-item a { color: #666 }

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

.main-navigation li.menu-item-has-children > a:after {
	content: "\f107";
	font-family: "FontAwesome";
	margin-left: 5px;
}

.main-navigation ul ul li.menu-item-has-children > a:after {
	content: "";
}

.main-navigation ul.sub-menu {
	font-size: 12px;
	font-size: 1.2rem;
}


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

.menu-toggle {
    cursor: pointer;
    color: #fff;
    text-transform: uppercase;
    font-size: 1em;
    text-align: center;
	float: none;
	position: absolute;
	right: 0;
	width: auto;
	margin: 1em 0 1em 5%;
	font-family: 'Josefin Sans', 'Helvetica Neue', Helvetica, sans-serif;
}

.menu-toggle:hover {
    color: #50535A;
    -webkit-transition: .07s ease-in;
    -moz-transition: .07s ease-in;
    transition: .07s ease-in;
}

.main-small-navigation .menu {
	padding: 0 0 5%;
    width: 100%;
    color: #7f7f7f;
    float: left;
    display: none;
}

.main-small-navigation ul, .main-small-navigation li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

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

.main-small-navigation li {
	width: 100%;
	border-bottom: dotted 1px rgba(255,255,255,.1);
}

.main-small-navigation li:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.main-small-navigation li a {
    color: #7f7f7f;
    font-weight: bold;
    font-size: 0.875em;
    text-transform: uppercase;
    display: block;
    padding: .75em 0;
    letter-spacing: .18em;
}

.main-small-navigation li a:hover, .main-small-navigation li.current-menu-item > a { color: #fff }

.main-small-navigation .sub-menu {
	border-top: 2px solid #dcbc83;
	padding: 0.25em 0 0 10px;
	margin-left: 0px !important
}

.main-small-navigation .sub-menu ul {
	border-top: dotted 1px rgba(255,255,255,.1);
}

.main-small-navigation .sub-menu li {
    margin: 0;
    padding: 2px 0;
}


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

.paging-navigation {
	padding: 2.254em;
	text-align: center;
}

.paging-navigation a,
.paging-navigation span.current {
    color: #252525;
    font-size: 18px;
    font-family: 'Josefin Sans', 'Helvetica Neue', Helvetica, sans-serif;
    text-transform: uppercase;
    border: solid 1px #252525;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    letter-spacing: .1em;
    display: inline-block;
    margin: 0 6px;
}

.paging-navigation a:hover {
	color: #7f7f7f;
	border-color: #7f7f7f;
}

.paging-navigation span.current {
	color: #fff;
	background-color: #252525;
}

.post-navigation {
	font-size: 1.125em;
	line-height: 1.33;
}

.post-navigation a {
	font-size: 1.125em;
	color: #252525;
}

.post-navigation a:hover { opacity: .7; }

.post-navigation .nav-previous, .post-navigation .nav-next {
	display: inline-block;
	float: left;
	width: 50%;
	vertical-align: top;
	color: #252525;
	font-weight: bold;
	padding: 2em 0 0;
}

.post-navigation .nav-previous {
	padding-right: 5%;
}

.post-navigation .nav-next {
	float: right;
	padding-left: 5%;
	text-align: right;
}

.post-navigation .nav-next i {
	margin-left: 8px;
}

.post-navigation .nav-previous i {
	margin-right: 8px;
}

.post-navigation .meta-nav {
	float: left;
	width: 100%;
	color: #7f7f7f;
	font-size: 0.688em;
	line-height: 1.55em;
	font-family: 'Josefin Sans', 'Helvetica Neue', Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}


/* Header Search
----------------------------------------------- */

.menu-search-toggle {
	width: 1em;
}

.menu-search {
	position: absolute;
	top: .274em;
	right: 2em;
	z-index: 10;
	display: none;
	text-align: right;
	color: #fff;
}

.menu-search-toggle .fa-times { display: none }

.menu-search input[type="text"] {
	-webkit-appearance: none;
	width: 300px;
	font-weight: 500;
	text-transform: uppercase;
	text-align: right;
	letter-spacing: 2px;
	outline: none;
	-webkit-transition: .07s ease-in;
	transition: .07s ease-in;
	position: relative;
	background: none;
}

.menu-search input[type="text"]:focus {
	color: #fff;
}


/* Other Links
----------------------------------------------- */

.page-links, #comment-nav-below {
    font-size: 0.750em;
    font-weight: bold;
    font-family: 'Josefin Sans', 'Helvetica Neue', Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.083em;
    width: 100%;
    display: inline-block;
    margin: 2.167em 0 3.250em;
}

.page-links a, #comment-nav-below a {
    background: #dcbc83;
    color: #fff;
    text-align: center;
}

.page-links a:hover, #comment-nav-below a:hover {
    background: #555;
}

.page-links span {
	margin: 0.8335em;
}

.page-links a {
	display: inline-block;
}

#comment-nav-below a {
	padding: 0.833em 1.667em;
}

#comment-nav-below .nav-previous { float: left }

#comment-nav-below .nav-next { float: right }


/* Sub-Category Navigation
----------------------------------------------- */
ul.sub-categories-nav {
	margin: 0;
	position: absolute;
	left: 0;
	right: 0;
}

ul.sub-categories-nav li {
	display: inline-block;
	position: relative;
	word-wrap: break-word;
}

ul.sub-categories-nav li a {
	display: block;
	text-decoration: none;
	color: #7f7f7f;
	font-weight: bold;
	font-family: 'Josefin Sans', 'Helvetica Neue', Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 0 0.85em;
	letter-spacing: 0;
	-webkit-transition: .07s ease-in;
	transition: .07s ease-in;
}

ul.sub-categories-nav li a:hover {
	color: #fff;
	text-decoration: none;
}


/*-----------------------------------------------------------------------------------*/
/*	4.	Content Section
/*-----------------------------------------------------------------------------------*/

.post-format-icon a {
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
	color: #fff;
	text-align: center;
	position: absolute;
	z-index: 10;
	top: 10px;
	right: 10px;
	background: #dcbc83;
}

.post-format-icon a:hover {
	background: #555;
	-webkit-transition: .07s ease-in;
    transition: .07s ease-in;
}

.post-format-icon i {
	height: 24px;
	width: 24px;
	line-height: 24px;
}

.entry-title {
	word-break: break-word;
	font-family: 'Josefin Sans', 'Helvetica Neue', Helvetica, sans-serif;
	text-transform: uppercase;
}


/* Featured Item
----------------------------------------------- */

figure a {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    overflow: hidden;
}

figure a img {
    max-width: 100%;
    min-width: 100%;
    margin: 0 auto;
    display: block;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

figure a:hover img {
	-moz-transform:scale(1.08);
	-webkit-transform:scale(1.08);
	-o-transform:scale(1.08);
}

figure .featured-info {
	position: absolute;
	font-family: 'Josefin Sans', 'Helvetica Neue', Helvetica, sans-serif;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    width: 100%;
    height: 100%;
    color: #e4e4e4;
    font-size: 1.125em;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 1.625em;
    background: #222;
    background: rgba(20,20,20,0.75);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;

    display: -webkit-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;

	z-index: 5;
	opacity: 0;
}

figure .featured-info .info-wrapper {
	width: 100%;
}

figure:hover .featured-info {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

figure .featured-info::before,
figure .featured-info::after {
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
}

figure .featured-info::before {
    border-top: 1px solid rgba(255,255,255,0.5);
    border-bottom: 1px solid rgba(255,255,255,0.5);
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}

figure .featured-info::after {
    border-right: 1px solid rgba(255,255,255,0.5);
    border-left: 1px solid rgba(255,255,255,0.5);
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}

figure:hover .featured-info::before,
figure:hover .featured-info::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}


/* Featured Slider
----------------------------------------------- */

.featured-content h3 {
	font-size: 1.875em;
	line-height: 1.2;
	font-family: 'Josefin Sans', 'Helvetica Neue', Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: #252525;
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 1.15em 0;
	background: #f9f9f9;
}

.featured-content ul.featured-content-list {
	list-style: none;
	margin: 0;
	background: #dbdbdb;
}

.featured-content ul.featured-content-list li {
	position: relative;
	width: 33.33%;
	float: left;
	overflow: hidden;
}

.featured-content .time-stamp {
	font-size: 0.625em;
	width: 100%;
	display: inline-block;
}

.featured-content .sep {
	padding: 0 0.563em;
}

.featured-content .sep:before {
	content: "|"
}

.featured-content h2 {
	color: #fff;
	width: 100%;
	display: inline-block;
	font-family: 'Josefin Sans', 'Helvetica Neue', Helvetica, sans-serif;
	margin: 0;
}


/* Necktie
----------------------------------------------- */

.necktie {
	width: 100%;
	text-align: center;
	padding: .88em 0;
	position: relative;
}

.necktie i {
	margin-right: 0.667em;
}

.necktie h3 {
	font-size: 1.063em;
	font-family: 'Josefin Sans', 'Helvetica Neue', Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.111em;
	line-height: 1.2em;
	margin: 0;
	display: inline-block;
}

.loader-icon {
	width: 100%;
	height: 1.563em;
	background: #fff url(includes/images/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
}

.necktie #sidebar-toggle {
	position: absolute;
	line-height: 1.37em;
	right: 2.106%;
	color: #aaa;
	font-size: 1.25em;
	display: none;
}

.necktie #sidebar-toggle:hover,
.necktie #sidebar-toggle.active {
	color: #555;
}

.necktie #sidebar-toggle i {
	margin: 0;
}


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

.entry-meta {
	width: 100%;
	margin-bottom: 1.45em;
}

.entry-meta ul {
	font-size: 0.750em;
	line-height: 1.6em;
	letter-spacing: 1px;
	display: inline;
	margin: 0;
}

.entry-meta ul li {
	text-transform: uppercase;
	font-family: 'Josefin Sans', 'Helvetica Neue', Helvetica, sans-serif;
	float: left;
	margin: 0 .7em .8em 0;
	list-style: none;

	display: inline;
}

.entry-meta ul li a {
	border: 2px solid #dcbc83;
	padding: 0.333em 1.667em;
	display: inline-block;
	-webkit-font-smoothing: subpixel-antialiased;
}

.entry-meta ul li a:hover {
	border: 2px solid #e6e6e6;
	color: #e6e6e6;
}

.entry-meta .post-categories a {
	background: #dcbc83;
	color: #fff;
}

.entry-meta .post-categories a:hover {
	background: #555;
	border: 2px solid #555;
}


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

.entry-content figure {
	margin-bottom: 1.625em;
}


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

.edit-link {
	display: none;
	position: absolute;
	bottom: 0;
	left: 10px;
	z-index: 50;
	font-size: 0.875em;
}

.post-entry:hover .edit-link {
	display: block;
}

.edit-link a {
    color: #ccc;
	display: inline-block;
	line-height: 1.5em;
}

.edit-link a:hover {
	color: #252525;
}

.edit-link i {
    margin-right: 0.250em;
}


/* Main Content Inside
----------------------------------------------- */

#post-tabs {
    width: 100%;
}

ul.post-tab-nav {
    width: 100%;
    border-bottom: solid 5px #d6d6d6;
    font-size: 1.125em;
    font-family: 'Josefin Sans', 'Helvetica Neue', Helvetica, sans-serif;
    line-height: 1.4em;
    margin-bottom: 1.35em;
    display: inline-block;
}

ul.post-tab-nav li {
    display: inline-block;
    margin-bottom: -5px;
    margin-right: 10%;
    padding: 0 0 .35em;
    border-bottom: solid 5px transparent;
    float: left;
}

ul.post-tab-nav li:last-child {
	margin-right: 0;
}

ul.post-tab-nav li i {
	display: none;
}

ul.post-tab-nav li a {
    text-transform: uppercase;
    font-weight: bold;
    color: #d6d6d6;
}

ul.post-tab-nav li a:hover { color: #555 }

ul.post-tab-nav li.active {
	border-bottom: 5px solid #252525;
}

ul.post-tab-nav li.active a {
	color: #252525;
}


/* Post Tab */

.post-tab {
	margin: 0 0 1.625em;
	position: relative;
}

.post-tab .tab-title {
	clear: none;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.458em;
	text-align: left;
}

.post-tab .tab-title span {
	font-style: italic;
}

.post-tab p, .post-tab p {
	font-style: italic;
	color: #7f7f7f;
}


/* Post Tab: Author */

#author-info {
    position: relative;
    display: inline-block;
	width: 100%;
}

#author-avatar {
    float: right;
	width: 6em;
	margin-left: 3%;
}

#author-avatar img {
	border-radius: 100px;
}

#author-info .avatar:hover {
    border: none;
    background: none;
    cursor: pointer;
}

#author-info .grav-grav img {
    width: 100px;
    height: auto;
}

.author-social a {
	color: #7f7f7f;
	width: 1.5em;
	height: 1.5em;
	line-height: 1.5em;
	text-align: center;
	margin-right: 1%;
	border: 1px solid #7f7f7f;
	display: inline-block;
}

.author-social a:hover {
	color: #d6d6d6;
	border: 1px solid #d6d6d6;
}

.grav-hijack, .grav-hijack:hover {
    border: none !important;
    background: none !important;
    height: auto !important;
    margin: 0 !important;
}

.gcard { margin: 11px 0 0 -4px !important }


/* Post Tab: Post Details */

ul.meta-list {
	list-style: none;
	color: #7f7f7f;
	padding-top: .7em;
	margin-bottom: 0;
	font-size: 0.875em;
	line-height: 1.5em;
}

.meta-list li {
	padding-left: 1.5em;
	margin-bottom: .345em;
}

.meta-list li:last-child {
	margin: 0;
}

.meta-list li:before {
	font-family: "FontAwesome";
	position: absolute;
	left: 0;
}

.meta-list li.author:before {
	content: "\f007";
}

.meta-list li.time:before {
	content: "\f017";
}

.meta-list li.category:before {
	content: "\f0ca";
}

.meta-list li.tag:before {
	content: "\f02b";
}




/*-----------------------------------------------------------------------------------*/
/*	5.	Comments
/*-----------------------------------------------------------------------------------*/

#comments, .comments-inside {
	width: 100%;
}

#comments #comments-title {}

#comments .commentlist {
    list-style-type: none;
    counter-reset: li;
    margin: -1.625em 0 0;
}

#comments .commentlist li {
    width: 100%;
    border-bottom: solid 2px #d6d6d6;
    position: relative;
    list-style: none;
}

#comments .commentlist li:last-child {
    margin-bottom: 2.25em;
}

#comments .commentlist .children {
    margin: 0;
    border-top: solid 1px #eee;
}

#comments .commentlist .children li {
	padding-left: 5%;
}

#comments .commentlist .children li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

#comments .comment-edit-link i {
    margin-left: .25em;
    vertical-align: middle;
}

.post-tab .no-comments {
	font-size: 1.125em;
	font-family: 'Josefin Sans', 'Helvetica Neue', Helvetica, sans-serif;
	line-height: 1.4em;
	margin: 0;
	text-transform: uppercase;
	font-style: normal;
	color: #d6d6d6;
}


/* Comment Block
----------------------------------------------- */

.comment-block {
	padding: 1.625em 0 0;
}

.comment-block .vcard {
    width: 11%;
    float: left;
    margin: 0 3% 1.625em 0;
}

.comment-block .vcard img {
	border-radius: 50px;
	height: 4.5em;
	width: auto;
}

.comment-block .comment-content {
    width: 85%;
    float: left;
}

.comment-block .comment-meta {
    width: 100%;
    margin-bottom: 0.750em;
}

.comment-block .fn {
    font-style: normal;
    font-size: 1.125em;
    font-weight: normal;
    line-height: 1.167em;
    width: 100%;
}

.comment-block .fn a {
	color: #252525;
}

.comment-block .fn a:hover {
    color: #777;
}

.comment-block .comment-time {
	font-size: 0.750em;
	margin-top: -0.417em;
}

.comment-block .comment-time a {
    color: #d6d6d6;
}

.comment-block .comment-time:hover,
.comment-block .comment-time a:hover {
	color: #555;
}

.comment-block .comment-reply-link {
    font-weight: bold;
    font-size: 0.875em;
    text-transform: uppercase;
    letter-spacing: .05em;
    line-height: 1.5em;
    margin-bottom: 1.857em;
    display: inline-block;
}

.comment-block .comment-awaiting-moderation {
    background: #8ACF9B;
    width: 100%;
    display: inline-block;
    padding: 0.857em 0.857em 0.857em 14%;
    margin: -0.929em 0 1.857em;
    font-style: normal;
    font-size: 0.875em;
    color: #fff;
}

.comment-block .comment-awaiting-moderation:before {
    content: "\f058";
    font-family: "FontAwesome";
    margin-right: 0.714em;
}



li.bypostauthor > .comment-block .comment-info .comment-content .comment-meta cite:after {
    content: "\f007";
	font-family: "FontAwesome";
	margin-left: .75rem;
	opacity: .25;
}


/* Respond
----------------------------------------------- */

#respond {}

.commentlist #respond {
	margin-bottom: 3.813em;
}

#respond #reply-title {
    font-weight: normal;
    margin: 0;
}

#cancel-comment-reply-link {
    font-size: 0.750em;
    margin-left: 0.667em;
}

#cancel-comment-reply-link:before {
    content: "\f057";
    font-family: "FontAwesome";
    margin-right: 0.250em;
}

#cancel-comment-reply-link:hover {
    color: #555;
    -webkit-transition: .07s ease-in;
    -moz-transition: .07s ease-in;
    -o-transition: .07s ease-in;
    transition: .07s ease-in;
}


/* Comment Form
----------------------------------------------- */

#commentform .logged-in-as {
    float: left;
    color: #bbb;
    margin-bottom: 5%;
}

#commentform .comment-notes, #respond .logged-in-as {
    width: 100%;
    font-size: 0.938em;
    line-height: 1.200em;
    color: #bbb;
    margin-bottom: 1.733em;
}

#commentform .logged-in-as a { color: #777 }

#commentform .logged-in-as a:hover { color: #555 }

#commentform .required { color: #dcbc83 }

#commentform .form-submit { margin-bottom: 1.625em; }

#commentform .comment-form-comment {
    width: 100%;
    display: inline-block;
}

#commentform .form-allowed-tags {
    display: none;
}

#commentform p {
	margin: 0;
}




/*-----------------------------------------------------------------------------------*/
/*	6.	Sidebar
/*-----------------------------------------------------------------------------------*/

#sidebar-widgets img,
#footer-widgets img {
	max-width: 100%;
}

#sidebar-widgets .widget-title,
#footer-widgets .widget-title {
	font-family: 'Josefin Sans', 'Helvetica Neue', Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: .05em;
    line-height: 1.2em;
}

#sidebar-widgets .widget ul,
#footer-widgets .widget ul,
.archive-box ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#sidebar-widgets .widget ul.children,
#sidebar-widgets .widget ul.sub-menu,
#footer-widgets .widget ul.children,
#footer-widgets .widget ul.sub-menu {

}

#sidebar-widgets .widget ul.children li:before,
#sidebar-widgets .widget ul.sub-menu li:before,
#footer-widgets .widget ul.children li:before,
#footer-widgets .widget ul.sub-menu li:before {
	font-size: 75%;
    color: #aaa;
}

#sidebar-widgets .widget ul li,
#footer-widgets .widget ul li {
    position: relative;
    padding-left: 1em;
    margin-top: .43em;
}

#sidebar-widgets .widget ul li:before,
#footer-widgets .widget ul li:before {
    position: absolute;
    left: 0;
    content: "\f0da";
    font-size: 0.857em;
    font-family: "FontAwesome";
}

#sidebar-widgets .widget ul li:hover:before,
#footer-widgets .widget ul li:hover:before {
	color: #dcbc83;
}


/* Sidebar
----------------------------------------------- */

#sidebar-widgets {
	float: right;
	width: 30.495%;
	z-index: 20;
	margin: 0 2.106% 4.083em 0;
	font-size: 0.938em;
	line-height: 1.625em;
	position: relative;
	display: none;
}

#sidebar-widgets aside {
    display: inline-block;
    width: 100%;
    float: left;
    margin-bottom: 2.75em;
}

#sidebar-widgets aside:last-child {
	border-bottom: none;
	margin: 0;
}

#sidebar-widgets a { color: #7f7f7f }

#sidebar-widgets a:hover { color: #252525 }

#sidebar-widgets .widget-title {
	font-size: 1.143em;
	font-weight: 700;
    margin-bottom: 1.625em;
    padding-left: 1.325em;
    padding-bottom: 0.25em;
    border-bottom: 2px solid #d6d6d6;
    position: relative;
}

#sidebar-widgets .widget-title:before {
	position: absolute;
    left: 0;
    content: "\f0d8";
    line-height: 1em;
    font-family: "FontAwesome";
}

#sidebar-widgets .widget ul li:before {
    color: #7f7f7f;
}


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

#footer-widgets {
	margin: 0 auto;
	padding: 5.143em 0% 1.857em;
	width: 100%;
	display: block;
	overflow: hidden;
}

#footer-widgets aside {
	width: 33%;
	padding: 0 3%;
	margin-bottom: 3.429em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
}

#footer-widgets a { color: #252525 }

#footer-widgets a:hover { color: #dcbc83 }

#footer-widgets .widget-title {
	font-size: 1.429em;
	font-weight: 600;
    margin-bottom: 1.400em;
}

#footer-widgets .widget ul li:before {
    color: #dcbc83;
}


/*-----------------------------------------------------------------------------------*/
/*	7.	Footer
/*-----------------------------------------------------------------------------------*/

.site-footer {
    position: relative;
    z-index: 20;
    width: 100%;
    display: block;
    font-size: 0.875em;
    line-height: 1.8em;
}

.site-footer-inside {
	border-top: 30px solid #dcbc83;
}


/* Footnote
----------------------------------------------- */

.footnote {
	position: relative;
	background: #272a33;
	width: 100%;
}

.footnote a {
    color: #7f7f7f;
    border-bottom: solid 1px #4C4F55;
}

.footnote a:hover {
	color: #fff;
}

.footnote-inside {
	margin: 0 auto;
	padding: 0.857em 3%;
}


/* Footnote Left */

.footnote-left {
    color: #7f7f7f;
    float: left;
    margin-right: 0.714em;
    max-width: 80%;
}

.footnote-left a {
	border: none;
}

.site-info .sep {
	margin: 0 0.357em
}


/* Footnote Right */

.footnote-right {
	float: right;
}

.footnote-right .social-icons a {
	padding: 0.557em;
	border: none;
}

.footnote-right .social-icons a:last-child {
	padding-right: 0;
}


/* Scroll To Top */

#scroll-to-top {
	text-align: center;
	position: absolute;
	top: -1.786em;
	left: 0;
	width: 100%;
	height: 2.157em;
	overflow: hidden;
}

#scroll-to-top i {
	padding: 2px 10px;
	font-size: 2.357em;
}

#scroll-to-top a {
	border: none;
}

.scroll-to-top-wrap {
	background: #272a33;
	height: 5.357em;
	width: 5.357em;
	border-radius: 200px;
	margin: 0 auto;
}




/*-----------------------------------------------------------------------------------*/
/*	8.	Widgets
/*-----------------------------------------------------------------------------------*/


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

#searchform {
	position: relative;
	margin-bottom: 1.625em;
}

#searchform input[type="text"] {
	padding: 0.833em 6.5em 0.833em 0.833em;
	margin: 0;
}

#sidebar-widgets #searchform input[type="text"] {
	padding: 0.433em 6.5em 0.433em 0.433em;
	margin: 0;
}

#searchform #searchsubmit {
	position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}

#footer-widgets #searchform #s {
	background: #f9f9f9;
	margin: 0;
}

#footer-widgets #searchform #s:focus {
	background: #eee;
}


/* Tag Cloud
----------------------------------------------- */

.tagcloud a {
    background: #dcbc83;
    color: #fff !important;
    float: left;
    font-size: 0.667em !important;
    font-family: 'Josefin Sans', 'Helvetica Neue', Helvetica, sans-serif;
    letter-spacing: 0.267em;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0.222em 1.111em;
    margin: 0 0.556em 0.556em 0;
    position: relative;
}

.tagcloud a:hover { background: #555 }


/* Text
----------------------------------------------- */

.textwidget { word-break: break-word }


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

#calendar_wrap {
    background: #fff;
    border-right: none;
    border-bottom: none;
    box-shadow: rgba(0,0,0, 0.15) 0px 2px 2px -1px;
    -moz-box-shadow: rgba(0,0,0, 0.15) 0px 2px 2px -1px;
    -webkit-box-shadow: rgba(0,0,0, 0.15) 0px 2px 2px -1px;
}

#wp-calendar {
    margin: 0;
    max-width: 100%;
}

#wp-calendar caption {
    text-align: center;
    background: #f7f7f7;
    padding: 0.333em 0.667em;
    font-weight: bold;
}

#wp-calendar tr th, #wp-calendar tr td { text-align: center }

#wp-calendar tr th {
    background: #dcbc83;
    color: #fff;
    margin: -0.909em -0.909em 0.909em -0.909em;
    font-size: 0.733em;
    font-weight: bold;
    font-family: 'Josefin Sans', 'Helvetica Neue', Helvetica, sans-serif;
}

#wp-calendar tbody tr td {
    padding: 0.233em 0;
    border-right: solid 1px #f3f3f3;
    border-top: solid 1px #f3f3f3;
}

#wp-calendar tbody tr td:hover {
    box-shadow: inset rgba(0,0,0, 0.1) 0px 0px 5px;
    -moz-box-shadow: inset rgba(0,0,0, 0.1) 0px 0px 5px;
    -webkit-box-shadow: inset rgba(0,0,0, 0.1) 0px 0px 5px;
    cursor: pointer;
}

#wp-calendar tfoot td {
    border-top: solid 1px #f3f3f3;
    border-right: solid 1px #eee;
    padding: 0.700em 0 0.500em 0;
    font-weight: bold;
    font-size: 0.667em;
    text-transform: uppercase;
}




/*-----------------------------------------------------------------------------------*/
/*	6.	Post Formats
/*-----------------------------------------------------------------------------------*/

#content .format-quote.post-entry,
#content .format-image.post-entry,
#content .format-link.post-entry {
	margin-bottom: 4.083em;
}


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

.format-quote .featured-image {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    margin: 0;
    background-size: cover;
    background-position: center center;
    filter: gray;
    -webkit-filter: grayscale(100%);
    opacity: .15;
}

.format-quote .entry-container {
	background: #272a33;
	position: relative;
	padding: 3.65em 5%;
}

.format-quote .entry-header,
.format-quote .entry-content,
.format-quote .entry-footer {
	text-align: center;
	position: relative;
	z-index: 1;
}

.format-quote .entry-title,
.format-quote .entry-title a {
	color: #fff !important;
	margin-bottom: .5em;
}

.format-quote .entry-title:before,
.format-quote .entry-title:after {
    content: "";
	background: #fff;
	width: 15%;
	height: 2px;
	display: inline-block;
	vertical-align: middle;
}

.format-quote .entry-title i {
    display: inline-block;
	padding: 0 2%;
}

.format-quote p {
    font-size: 1.333em;
    font-style: italic;
    font-weight: 300;
    font-family: 'Merriweather', 'Helvetica Neue', Helvetica, serif;
    line-height: 1.6em;
    margin-bottom: 1em;
    color: #fff;
    z-index: 10;
    position: relative;
}

.format-quote strong,
.format-quote cite {
	font-size: 15px;
	font-style: normal;
	color: #fff;
	border: none;
}

.format-quote .entry-footer {
	color: #fff;
}

/* Blockquotes in Quote */

.format-quote blockquote {
	font-size: inherit;
	text-align: left;
	margin-bottom: 0;
	padding: 0;
	border: none;
}

.format-quote blockquote p {
	text-align: center;
}

.format-quote blockquote p:last-child {
	margin: 0;
}

.format-quote blockquote:before {
	display: none;
}

.format-quote blockquote cite {
	text-align: center;
	text-transform: none;
}

.format-quote blockquote cite a,
.format-quote blockquote cite a:hover  {
	color: #fff;
	border: none;
}

.format-quote .edit-link {
	top: 0;
	bottom: inherit;
}


/* Aside
----------------------------------------------- */

.format-aside .entry-content {
	font-style: italic;
}

.format-aside .entry-title {
	font-size: 0.933em !important;
}

.format-aside .entry-title i {
	margin-right: .5em;
}


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

#content .format-image.post-entry .entry-container {
	padding: 0 3%;
}

.format-image .edit-link a:hover {
	color: #fff;
}


/* Link
----------------------------------------------- */

.posts-index #content .format-link .entry-container {
	background: #d6d6d6;
	padding: 0;
}

.format-link.post-entry .entry-title {
	text-align: center;
	padding: 2.35em 3%;
	margin: 0;
}


#content .format-link.post-entry .entry-title a,
#content .format-link.post-entry .entry-title a:hover {
	color: #fff;
}

#content .format-link.post-entry .entry-title a:hover  {
	color: #252525;
	opacity: .5;
}

.format-link .entry-title:before,
.format-link .entry-title:after {
    content: "";
	background: #fff;
	width: 15%;
	height: 2px;
	display: block;
	vertical-align: middle;
}

.format-link .entry-title:before {
	margin: 0 auto 5%;
}

.format-link .entry-title:after {
	margin: 5% auto 0;
}

.format-link .edit-link  a {
	color: #fff;
}




/*-----------------------------------------------------------------------------------*/
/*	10.	Page Templates
/*-----------------------------------------------------------------------------------*/

/* Page Sidebar
----------------------------------------------- */

.page.page-template-template-page-sidebar-php #primary {
	width: 100%;
	padding: 3.65em 5% 5em;
}

.page.page-template-template-page-sidebar-php #content {
	width: 67%;
	float: left;
}

.page-template-template-page-sidebar-php #sidebar-widgets {
	width: 27%;
	margin-right: 0;
	display: block;
}


/* Archive
----------------------------------------------- */

.page-template-template-full-archive-php .archive-content {
	margin-bottom: 1.625em;
}

.page-template-template-full-archive-php .archive-content:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.page-template-template-full-archive-php .main-content-inside {
	margin-top: 0;
}

.page.page-template-template-full-archive-php .entry-container {
	margin-bottom: 0;
}




/*-----------------------------------------------------------------------------------*/
/*	11.	Conditional CSS
/*-----------------------------------------------------------------------------------*/

.home .site-header-inside {
	padding: 1em 3% 9em;
}

.blog #primary, .search #primary, .author #primary, .date #primary, .archive #primary {
	padding: 0;
}

.blog .entry-container.none {
	margin: 0 0 1.733em 2.106%;
}

.single #primary, .page #primary, .search-no-results #primary, .error404 #primary {
	padding: 3.65em 3% 5em;
	margin: 0 auto;
	width: 100%;
}

.single .entry-container, .page .entry-container {
	margin-bottom: 4.875em;
}

.single .featured-preview {
	margin-bottom: 1.625em;
}

.single-attachment .entry-meta {
	display: none;
}

.search-no-results .necktie {
	display: none;
}

.posts-index.search-no-results #sidebar-widgets, .error404 #sidebar-widgets {
	display: none;
}

.error404 #sidebar-widgets, .search-no-results #sidebar-widgets {
	display: none;
}

.error404.posts-index #content, .search-no-results.posts-index #content {
	padding-bottom: 0;
}

.posts-index .h4.intro {
	display: none;
}

/* Masonry
----------------------------------------------- */

.masonry-index #main-content {
	position: relative;
}

.masonry-index .post-entry {
	opacity: 0;
}

.search-no-results.masonry-index #main-content {
	margin-right: 0;
}

/* Index / Archive / Search
----------------------------------------------- */

.posts-index #content {
	float: left;
	font-size: 0.875em; /* 14px */
	width: 100%;
	padding-bottom: 7em;
}

.posts-index #content .paging-navigation {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #f9f9f9;
}

.posts-index #content .gallery .gallery-caption {
	display: none;
}

#content .post-entry {
	border-top: 5px solid #dcbc83;
	position: relative;
	float: left;
	width: 30.495%;
	padding: 0;
	margin: 0 0 1.733em 2.106%;
}

#content .post-entry .entry-container {
	padding: 2.35em 3%;
	position: relative;
	margin: 0;
}

#content .post-entry .entry-title {
	font-size: 1.467em;
	line-height: 1.364em;
	margin-bottom: 0.864em;
}

#content .post-entry .entry-title a {
	color: #252525;
}

#content .post-entry .entry-title a:hover {
	color: #dcbc83;
}


/* Twitter Cards
----------------------------------------------- */

.twitter-tweet {
	margin: 0 auto !important;
}


/* No Javascript
----------------------------------------------- */

.no-js .main-navigation ul ul { text-align: left; }

.no-js .main-navigation ul ul:before { display: none; }

.no-js .posts-index #content {
	width: 100%;
}

.no-js .masonry-index .post-entry {
	visibility: visible;
	opacity: 1;
}

.no-js .post-tab {
	padding-top: 3.25em;
	border-top: 2px solid #d6d6d6;
	margin-bottom: 3.25em;
}

.no-js #tab-1 {
	padding-top: 0;
	border: 0;
}

.no-js .main-menu-search, .no-js .loader-icon {
	display: none;
}

.no-js #sidebar-widgets {
	display: block;
}

.no-js .infinite-scroll .paging-navigation {
	display: block !important;
}


/*-----------------------------------------------------------------------------------*/
/*	12.	Plugins
/*-----------------------------------------------------------------------------------*/


/* Jetpack
----------------------------------------------- */

/* Contact Form */
.contact-form {
	padding-top: 1.625em;
	border-top: solid 2px #d6d6d6;
	margin-bottom: 1.625em;
	display: inline-block;
	width: 100%;
}

.contact-form div {
	margin-bottom: 1.625em;
}

.contact-form input[type='text'], .contact-form input[type='email'], .contact-form textarea, #content input[type='password'] {
    width: 100% !important;
    margin-bottom: 0 !important;
    max-width: 100% !important;
    -webkit-transition: .07s ease-in;
    transition: .07s ease-in;
}

#content .contact-form label {
	color: #252525;
}


/* Extra Sidebar Widgets */

.widget_jetpack_display_posts_widget .jetpack-display-remote-posts {
	display: inline-block;
	margin: 0;
}

.widget_jetpack_display_posts_widget .jetpack-display-remote-posts h4,
.widget_jetpack_display_posts_widget .jetpack-display-remote-posts p {

}

.widget_jetpack_display_posts_widget .jetpack-display-remote-posts h4 {
	font-size: 1em;
	margin-top: 1.625em;
	padding-top: 1.625em;
	border-top: 1px dotted #d6d6d6;
}

.widget_jetpack_display_posts_widget .jetpack-display-remote-posts h4:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}

.widget_jetpack_display_posts_widget .jetpack-display-remote-posts p {
	line-height: 1.625em !important;
	font-size: 0.875em;
}

.widget_facebook_likebox iframe, .widget_twitter_timeline iframe  {
	width: 100% !important;
}

.widget_rss_links p {
	position: relative;
	margin-top: .43em;
	margin-bottom: 0;
}


/* Sharing */
.sharedaddy {
	margin-top: 1.625em;
	display: inline-block;
}

.sharedaddy .sd-like h3 {
	font-size: 0.875em; /* 14px */
    line-height: 1.286em ; /* 24px */
    margin-bottom: 1.857em; /* 26px */
}

.posts-index .sharedaddy {
	margin: 0;
}


/* Galleries */
#content .tiled-gallery {
	margin: 0;
}

#content .tiled-gallery a img:hover {
}

.single #content .tiled-gallery, .page #content .tiled-gallery {
	margin: 0 0 1.625em;
}


/* Subscriptions */
.comment-subscription-form {
	margin-top: 1.625em;
}

.jetpack_subscription_widget #subscribe-email {
	margin: 0;
}

.jetpack_subscription_widget #subscribe-email input {
	width: 100%;
	padding: 5px;
}

.jetpack_subscription_widget #subscribe-submit {
	margin: 0;
}

#footer-widgets .jetpack_subscription_widget #subscribe-email input {
	width: 100%;
	background: #fff;
	padding: 5px;
}


/* Infinite Scroll
----------------------------------------------- */

/* Pagination */
.infinite-scroll .paging-navigation {
    display: none !important;
}

/* Theme Footer (when set to scrolling) */
.infinite-scroll.neverending #colophon {}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending #colophon {
    display: block !important;
}

/**
 * Global style tweaks when IS is supported and in use
 */
.infinite-scroll #infinite-footer {
    z-index: 9999;
    display: none;
}

.infinite-scroll .infinite-loader, .infinite-scroll #infinite-handle {
    position: absolute;
    width: 100%;
	text-align: center;
}

.infinite-scroll .infinite-loader {
	bottom: -5.55em;
}

.infinite-scroll #infinite-handle {
	bottom: -7em;
}

.infinite-loader .spinner {
	left: 50% !important;
	top: 0 !important;
}

#infinite-handle span {
	font-size: 1.875em;
	line-height: 1.2;
	font-family: 'Josefin Sans', 'Helvetica Neue', Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: #252525;
	text-align: center;
	margin: 0;
	padding: 1.15em 0;
	background: #f9f9f9;
	width: 100%;
	display: block;
}

#infinite-handle span:hover {
	opacity: .5;
	-webkit-transition: .05s ease-in;
    transition: .05s ease-in;
}

.masonry-index .new-infinite-posts .post-entry {
	opacity: 1;
}

.infinite-end-page {
	position: absolute;
	width: 100%;
	padding: 6px 115px;
	color: #252525;
	font-size: 18px;
	font-family: 'Josefin Sans', 'Helvetica Neue', Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: .2em;
	display: inline-block;
	margin: 0;
	background: none;
	margin-top: 10px;
	display: none;
}

.infinity-end .infinity-end-page {
	display: block;
}




/*-----------------------------------------------------------------------------------*/
/*	13.	CSS3 Animations
/*-----------------------------------------------------------------------------------*/

.animated {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -ms-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% { -webkit-transform: perspective(400px) rotateY(-2deg) }

    70% { -webkit-transform: perspective(400px) rotateY(2deg) }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

@-moz-keyframes flipInY {
    0% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% { -moz-transform: perspective(400px) rotateY(-2deg) }

    70% { -moz-transform: perspective(400px) rotateY(2deg) }

    100% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

@-o-keyframes flipInY {
    0% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% { -o-transform: perspective(400px) rotateY(-2deg) }

    70% { -o-transform: perspective(400px) rotateY(2deg) }

    100% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% { transform: perspective(400px) rotateY(-2deg) }

    70% { transform: perspective(400px) rotateY(2deg) }

    100% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flipInY;
    -o-backface-visibility: visible !important;
    -o-animation-name: flipInY;
    backface-visibility: visible !important;
    animation-name: flipInY;
}

@-webkit-keyframes fadeIn {
    0% { opacity: 0 }

    100% { opacity: 1 }
}

@-moz-keyframes fadeIn {
    0% { opacity: 0 }

    100% { opacity: 1 }
}

@-o-keyframes fadeIn {
    0% { opacity: 0 }

    100% { opacity: 1 }
}

@keyframes fadeIn {
    0% { opacity: 0 }

    100% { opacity: 1 }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
}




/*-----------------------------------------------------------------------------------*/
/*	14.	Media Queries
/*-----------------------------------------------------------------------------------*/

/**
 * Method to make Jquery window resize and CSS
 * media queries match up. Jquery checks for #media-query changes
 * that triggers a function.
 */

#media-query {
    display: none;
}


/* Tablet and Mobile */

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

	#media-query {
        max-width: 764px;
    }

    .loader-icon { display: none }

	body, html { overflow-x: hidden }

	body {
		font-size: 15px;
		line-height: 26px;
	}

	#main {
		margin-bottom: 6em;
	}

	.posts-index #content {
		width: 100%;
		padding: 0 3% 7em;
		float: none;
		margin: 0;
	}

	#content .post-entry {
		width: 100%;
		margin: 0 0 1.733em 0;
		float: none;
	}


	/* Header
	----------------------------------------------- */

	.headcap {
    	background: #202026;
    	box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 2px;
    }

    .headcap-inside {
    	display: block;
    	padding: 0 3%;
    }

    .headcap .hgroup {
    	width: 75%;
		max-width: 75%;
    }

    .site-title a { padding: 0 2px; }

    .menu-short-container {
		clear: both;
		width: 100%;
	}

	.main-small-navigation li a.menu-search-toggle {
		display: none;
	}

	.menu-search {
		position: relative;
		top: 0;
		right: 0;
		text-align: left;
		border-top: 2px solid #dcbc83;
		padding: 4% 0 0;
	}

	.menu-search input[type="text"] {
		color: #ccc;
		padding: 0.625em;
		background: #eee;
		width: 100%;
		text-align: left;
	}

	.menu-search input[type="text"]:focus {
		color: #252525;
	}

	.site-header-inside {
		font-size: 0.875em;
		padding: 6.8em 3% 11.5em;
	}

	.necktie.active {
		border-bottom: 5px solid
	}


	/* Sidebar
	----------------------------------------------- */

	#sidebar-widgets {
		width: 100%;
		position: relative;
		border-top: 5px solid #dcbc83;
		margin: 0;
		padding: 2.35em 3% 4.083em;
	}


	/* Content
	----------------------------------------------- */

	ul.post-tab-nav li i {
		display: block;
		font-size: 1.25em;
	}

	ul.post-tab-nav li span {
		display: none;
	}


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

	#footer-widgets aside {
		width: 100%;
	}

	.footnote-left, .footnote-right {
		width: 100%;
		max-width: 100%;
		float: none;
		text-align: center;
		padding: 1% 0;
	}

	.footnote-right .social-icons {
		text-align: center;
	}

	.paging-navigation a { margin-left: 0 }

	#footer-widgets {
		padding: 5.143em 0% 1.857em;
		width: 100%;
		display: block;
	}

	#footer-widgets aside {
		padding: 0 5.5%
	}


	/* Conditional CSS
	----------------------------------------------- */

	.home .site-header-inside {
		padding: 3.5em 3% 9em;
	}

	.blog #primary, .search #primary, .author #primary, .date #primary {
		font-size: 1.067em;
	}

	.single #primary, .page #primary,
	.page.page-template-template-page-sidebar-php #primary,
	.search-no-results #primary, .error404 #primary {
		width: 95%;
	}

	.masonry-index #main-content {
		margin: 0;
	}

	.masonry-index .post-entry {
		opacity: 1;
		width: 100%;
	}

	.page.page-template-template-page-sidebar-php #content {
		width: 100%;
	}

	.page.page-template-template-page-sidebar-php #primary {
		padding: 3.65em 3% 5em;
	}

	.page-template-template-page-sidebar-php #sidebar-widgets {
		width: 100%;
		padding: 5.143em 0 0;
		font-size: 0.938em;
	}

	.infinite-scroll .infinite-loader, .infinite-scroll #infinite-handle {
		width: 106%;
		left: -3%;
	}


	/* No Javascript
	----------------------------------------------- */

	.no-js .main-navigation ul,
	.no-js .headcap .hgroup {
		text-align: center;
	}

	.no-js .headcap .hgroup {
		width: 100%;
		max-width: 100%;
	}

	.no-js #sidebar-widgets {
		float: none;
	}

}


/* Tablet Portrait */

/* 765-959 pixels: Some newer Android phones with big screens
 * and large resolutions will see the middle layout in portrait orientation,
 * as will Kindle Fire, iPad, and most Android tablets in portrait.
 * Most Android phones in landscape orientation will also see this layout.
 */

@media only screen and (min-width:765px) and (max-width:959px) {

	#media-query {
        max-width: 959px;
    }

	.masonry-index #sidebar-widgets {
		width: 46.85%;
	}

	#content .post-entry { width: 46.85% }

	#footer-widgets aside {
		width: 50%;
	}

}

@media only screen and (max-width:765px)
{
    .hero-site-logo-bg
    {
        margin-left: -180px !important;
    }
}

   .hero-site-logo-bg
    {
        margin-left: -237px
    }