/*
Theme Name: Cruzy
Theme URI: https://crestaproject.com/downloads/cruzy/
Author: Rizzo Andrea - CrestaProject.com
Author URI: https://crestaproject.com
Description: Cruzy is fresh and modern WordPress Blog Theme, full width with two main columns, one dedicated to the images and one dedicated to content, unlimited colors and 4 post formats. The sidebar is hidden and comes out through special button. Demo here https://crestaproject.com/demo/cruzy/
Version: 1.2.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cruzy
Tags: two-columns, right-sidebar, custom-background, custom-menu, custom-colors, sticky-post, featured-images, theme-options, translation-ready, full-width-template, post-formats, rtl-language-support, blog, news
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a:link {
	background-color: transparent;
	text-decoration: underline;
	font-weight: bold;
}

a:active,
a:hover {
	color: #999999;
	text-decoration: underline;
	
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1, h2.entry-title {
	font-size: 1.8em;
	margin: 0.67em 0;
}
h2 {font-size: 1.5em;}
h3 {font-size: 1.17em;}
h4 {font-size: 1em;}
h5 {font-size: 0.83em;}
h6 {font-size: 0.67em;}

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

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

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

input {
	line-height: normal;
}

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

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

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

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	font-family: 'Source Sans Pro', sans-serif;
	color: #353535;
	font-size: 16px;
	line-height: 2;
	font-weight: 300;
	text-rendering: optimizeLegibility;
}

.smallPart {
	font-size: 12px;
	line-height: 1.5;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #cecece;
	font-weight: 700;
}

.smallPart i {
	color: #edb600;
}

.widget-area .smallPart {
	letter-spacing: 1px;
}

.invertPart {
	font-size: 12px;
	line-height: 1.5;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #ffffff !important;
	font-weight: 700;
}
.invertPart i {
	color: #ffffff !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	line-height: 1.5;
}

h1,h2,h3,h4,h5,h6, .site-branding p, .post-navigation .meta-nav, .site-branding p.site-title {
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
}

p {
	margin-bottom: 1.5em;
}

b,
strong {
	font-weight: bold;
}

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

blockquote {
	display: block;
	padding: 1.5em 1.5em 1.5em 3.5em;
	margin: 0 0 1.5em;
	position: relative;
	border-left: 4px solid #edb600;
	border-right: 2px solid #edb600;
	font-style: italic;
}
blockquote::before {
	content: "\201C";
	font-size: 60px;
	line-height: 1;
	font-weight: bold;
	position: absolute;
	left: 10px;
	top: 10px;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

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

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

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
.spaceLeft {
	padding-left: 10px;
}
.spaceRight {
	padding-right: 10px;
}
.spaceLeftRight {
	padding: 0 10px;
}

html {
	box-sizing: border-box;
	height: 100%;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #ffffff;
	overflow-y: hidden;
	height: 100%;
}

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; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

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

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 0;
	border-radius: 0;
	background: #edb600;
	color: #ffffff;
	font-size: 12px;
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1;
	padding: .6em 1em .4em;
	outline: none;
	-webkit-appearance: none;
	-o-transition: background .5s ease-in-out, color .5s ease-in-out;
	-moz-transition: background .5s ease-in-out, color .5s ease-in-out;
	-webkit-transition: background .5s ease-in-out, color .5s ease-in-out;
	transition: background .5s ease-in-out, color .5s ease-in-out;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: #cecece;
	color: #353535;
	-o-transition: background 0s ease-in-out, color 0s ease-in-out;
	-moz-transition: background 0s ease-in-out, color 0s ease-in-out;
	-webkit-transition: background 0s ease-in-out, color 0s ease-in-out;
	transition: background 0s ease-in-out, color 0s ease-in-out;
}

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 {
	background: #cecece;
	color: #353535;
	-o-transition: background 0s ease-in-out, color 0s ease-in-out;
	-moz-transition: background 0s ease-in-out, color 0s ease-in-out;
	-webkit-transition: background 0s ease-in-out, color 0s ease-in-out;
	transition: background 0s ease-in-out, color 0s ease-in-out;
}

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: #cecece;
	border: 1px solid #cecece;
	border-radius: 0;
	background: transparent;
	outline: none;
	-webkit-appearance: none;
	-o-transition: border 0.3s ease-in-out;
	-moz-transition: border 0.3s ease-in-out;
	-webkit-transition: border 0.3s ease-in-out;
	transition: border 0.3s ease-in-out;
}

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: #cecece;
	border: 1px solid #edb600;
}

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"] {
	padding: 5px;
}

textarea {
	padding: 5px;
	width: 100%;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
	color: #edb600;
	text-decoration: none;
	-o-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.smallPart a, .smallPart a:hover, .smallPart a:focus {
	color: #cecece;
}

.entry-title a {
	color: #353535;
}

.invertPart a {
	color: #ffffff;
}

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

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.theNavigationBar {
	position: absolute;
	top: 0;
	width: 100%;
	left: 0;
	background: #ffffff;
}
.theNavigationBar:after {
	content: "";
	display: inline-block;
	right: 0;
	width: 2em;
	height: 2em;
	position: absolute;
	border-top: 2em solid #ffffff;
	border-left: 2em solid rgba(0, 0, 0, 0);
}
.main-navigation {
	clear: both;
	display: block;
	font-size: 12px;
	font-weight: 400;
}

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

.main-navigation ul li {
	position: relative;
	margin: 0 auto;
	display: inline-block;
}

.main-navigation ul:not(.sub-menu) > li {
	-webkit-transition: top .3s ease-in-out, opacity .3s ease-in-out;
	transition: top .3s ease-in-out, opacity .3s ease-in-out;
}

.main-navigation li a:not(:last-child):after {
	content: "\f107";
	font-family: FontAwesome;
	margin: 0 0 0 10px;
}

.main-navigation ul ul li a:not(:last-child):after {
	content: "\f105";
	margin: 2px 0 0 10px;
	float: right;
}

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

.main-navigation ul ul {
	float: left;
	position: absolute;
	top: 48px;
	left: auto;
	z-index: 99999;
	visibility:hidden;
	opacity:0;
	background: #ffffff;
	transition:visibility 0s linear 0.2s,opacity 0.2s linear, transform 0.2s linear;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

.main-navigation ul ul ul {
	left: 100%;
	top: 0;
	visibility:hidden;
	opacity:0;
	transition:visibility 0s linear 0.2s,opacity 0.2s linear, transform 0.2s linear;
	-webkit-transform: translate3d(20px,0,0);
	transform: translate3d(20px,0,0);
}

.main-navigation ul ul a {
	width: 230px;
	padding: 1em 1.5em;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a {
}

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

.main-navigation ul ul a:hover {
}

.main-navigation ul li:hover > ul, .main-navigation ul li:focus > ul, .main-navigation ul li:active > ul, .main-navigation ul li.focus > ul {
	visibility:visible;
	opacity:1;
	transition-delay:0s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.main-navigation ul ul li:hover > ul, .main-navigation ul ul li:focus > ul, .main-navigation ul ul li:active > ul, .main-navigation ul ul li.focus > ul  {
	visibility:visible;
	opacity:1;
	transition-delay:0s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.main-navigation ul li:hover > a, 
.main-navigation ul li.focus > a, 
.main-navigation li.current-menu-item > a, 
.main-navigation li.current-menu-parent > a, 
.main-navigation li.current-page-ancestor > a,
.main-navigation .current_page_item > a, 
.main-navigation .current_page_parent > a {
	background: rgba(0,0,0,.05);
	color: #353535;
}

/* Small menu. */
.menu-toggle {
	display: none;
}

@media screen and (max-width: 1024px) {
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}
	
	.search-box {
		top: 0 !important;
		border-right: 1px solid;
	}
	
	.menu-toggle {
		width: 100%;
		font-size: 16px;
		padding: 0 1.5em 0 4em;
		text-align: left;
		height: 2.5em;
		background: #ffffff;
		color: #353535;
	}
	.menu-toggle i {
		float: right;
	}
	.menu-toggle:hover, .menu-toggle:focus {
		background: #ffffff;
		color: #353535;
	}
	
	.main-navigation.toggled .menu-toggle {
		background: #edb600;
		color: #ffffff;
	}

	.main-navigation ul {
		display: none;
	}
	
	.main-navigation ul li {
		display: block;
	}
	
	.main-navigation ul ul li a:not(:last-child):after {
		content: "\f107";
		margin: 0 0 0 10px;
		float: none;
	}
	
	.main-navigation ul ul, .main-navigation ul ul ul {
		float: none;
		position: relative;
		top: 0;
		left: 0 !important;
		right: 0 !important;
		visibility: visible;
		opacity: 1;
		display: none;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		padding-left: 5%;
		z-index: 9;
	}
	
	.main-navigation a {
		border-bottom: 1px solid rgba(0,0,0,.05);
	}
	
	.main-navigation ul ul a {
		width: 100%;
	}
	.main-navigation li a:not(:last-child):after, .main-navigation ul ul li a:not(:last-child):after {
		content: "" !important;
		font-family: FontAwesome;
		margin: 0;
	}
	.main-navigation ul li .indicator {
		cursor: pointer;
		position: absolute;
		right: 0;
		top: 0;
		font-family: 'FontAwesome';
		font-size: 12px;
		width: 49px;
		line-height: 49px;
		text-align: center;
		border-left: 1px solid rgba(0,0,0,.05);
		color: #edb600;
	}
	.main-navigation ul li .indicator:before {
		content: "\f067";
	}
	.main-navigation ul li .yesOpen.indicator:before {
		content: "\f068";
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 3em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

.comment-navigation .nav-links a, .posts-navigation .nav-links a {
	background: #edb600;
	color: #ffffff;
	padding: 0.5em;
	display: inline-block;
	font-weight: 400;
}

.navigation.pagination .nav-links {
	text-align: center;
	margin-bottom: 2.5em;
}

.navigation.pagination .nav-links .page-numbers {
	color: #ffffff;
	padding: 0.5em 1em;
	font-weight: 400;
}
.navigation.pagination .nav-links span.page-numbers {
	background: #cecece;
}
.navigation.pagination .nav-links a.page-numbers {
	background: #edb600;
}

.post-navigation .nav-next, .post-navigation .nav-previous {
	background-position: center;
	background-size: cover;
	position: relative;
}

.post-navigation .nav-next {
	margin-top: 1em;
}

.post-navigation .nav-previous:before {
	border-bottom: 1em solid transparent;
	border-right: 1em solid #ffffff;
	content: "";
	display: block;
	height: 0;
	width: auto;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
}
.post-navigation .nav-next:before {
	border-top: 1em solid transparent;
	border-left: 1em solid #ffffff;
	content: "";
	display: block;
	height: 0;
	width: auto;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
}

.post-navigation .meta-nav, .post-navigation .post-title {
	position: relative;
	z-index: 2;
}

.post-navigation .meta-nav {
	display: block;
	font-weight: 700;
	text-transform: uppercase;
}

.post-navigation a {
	display: block;
	padding: 2.5em;
}

.post-navigation a .post-title {
	color: #ffffff;
	font-weight: 400;
}

.post-navigation a:before {
	content: "";
	background-color: rgba(53,53,53, 0.2);
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}

/*--------------------------------------------------------------
6.0 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:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

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

/*--------------------------------------------------------------
8.0 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,
.widget_archive li:before, 
.widget_archive li:after, 
.widget_categories li:before,
.widget_categories li:after,
.cruzy-bottom-content:before,
.cruzy-bottom-content:after,
.widget.widget_search:before,
.widget.widget_search:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.widget_archive li:after, 
.widget_categories li:after,
.cruzy-bottom-content:after,
.widget.widget_search:after {
	clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	padding-bottom: 1.5em;
}

.widget-area {
	position: fixed;
	top: 0;
	right: -330px;
	width: 330px;
	height: 100%;
	padding: 1.5em 2em;
	outline: none;
	background: #ffffff;
	font-size: 12px;
	line-height: 1.5;
	font-weight: 400;
	border-left: 1px solid #cecece;
	z-index: 9999;
	-webkit-transition: right .4s ease-in-out;
	transition: right .4s ease-in-out;
}
.widget-area.sidebar-open {
	right: 0;
}
.widget-area.sidebar-open:after {
	right: 350px;
}
.admin-bar .widget-area {top: 32px;}
.main-sidebar-box {
	display: inline-block;
	background: #edb600;
	cursor: pointer;
	color: #ffffff;
	width: 80px;
	height: 80px;
	line-height: 80px;
	-ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	position: fixed;
	z-index: 999;
	top: -40px;
	right: -40px;
	-webkit-transition: right .4s ease-in-out, background .2s ease-in-out, color .2s ease-in-out;
	transition: right .4s ease-in-out, background .2s ease-in-out, color .2s ease-in-out;
}
.admin-bar .main-sidebar-box {top: -9px;}
body.menu-opened .main-sidebar-box {
	right: 290px;
}
.sidebar-menu {
	display: inline-flex;
	transition: .3s;
	-webkit-transition: .3s;
	position: relative;
	-ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
	top: 23px;
	left: 32px;
}
.sidebar-menu:before {
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f0c9";
}
.main-sidebar-box.sidebar-open .sidebar-menu:before {
	content: "\f00d";
}
/* Menu Widget */
aside ul.menu ul.sub-menu {
	display: none;
	padding-left: 2em;
}
aside ul.menu li {
	position: relative;
	border-bottom-width: 0;
    border-bottom-style: none;
    border-bottom-color: transparent;
    padding: 0;
}
aside ul.menu li a {
	border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(0,0,0,.1);
    padding: 1em 0;
	display: block;
	height: 43px;
}
aside ul.menu .indicatorBar {
	position: absolute;
    right: 0;
    top: 0;
    width: 43px;
    height: 43px;
    line-height: 43px;
    text-align: center;
	cursor: pointer;
    font-family: 'FontAwesome';
	font-size: 12px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: rgba(0,0,0,.1);
}
aside ul.menu .indicatorBar:before {
	content: "\f107";
}

aside ul.menu .indicatorBar.yesOpenBar:before {
	content: "\f106";
}
@media all and (min-width: 1166px) {
	header.site-header:hover .search-box {
		left: 0;
	}
}

.search-box {
	position: absolute;
	display: inline-block;
	background: #ffffff;
	color: #353535;
	cursor: pointer;
	width: 2.5em;
	height: 2.5em;
	line-height: 2.5em;
	text-align: center;
	z-index: 999;
	top: 6em;
	left: -2.5em;
	-webkit-transition: left 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out;
	transition: left 0.3s ease-in-out, background 0.3s ease-in-out, color 0.3s ease-in-out;
}

.search-menu {
	display: inline-flex;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	position: relative;
}
.search-menu:before {
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f002";
}
.search-box.search-open .search-menu:before {
	content: "\f00d";
}
.search-box.search-open {
	background: #edb600;
	color: #ffffff;
}

.entry-title {
	letter-spacing: -1px;
}

.searchPanel {
	width: 100%;
	height: 100%;
	background: rgba(53,53,53,0.9);
	position: fixed;
	text-align: center;
	top: 0;
	left: -100%;
	opacity: 0;
	transition: .3s;
	-webkit-transition: .3s;
	z-index: 99;
}
.searchPanel.search-open {
	opacity: 1;
	left: 0;
}
.search-container {
	position: relative;
	top: 47%;
	width: 100%;
	max-width: 930px;
	padding: 0 1.5em;
	margin: 0 auto;
}
.search-container input[type="search"] {
	background: transparent;
	font-size: 125%;
	line-height: 1;
	border: 0;
	outline: none;
	color: #ffffff;
	border-bottom: 1px solid;
	border-radius: 0px;
	padding: 1em 2em;
	width: 100%;
}
.search-container input[type="search"]:focus {
	border: 0;
	border-bottom: 1px solid;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Tag Cloud Widget */
.tagcloud a {
	padding: 6px 9px;
	color: #ffffff;
	display: inline-block;
	margin: 2px 0;
	background: #edb600;
	font-weight: 700;
	-o-transition: background .5s ease-in-out, color .5s ease-in-out;
	-moz-transition: background .5s ease-in-out, color .5s ease-in-out;
	-webkit-transition: background .5s ease-in-out, color .5s ease-in-out;
	transition: background .5s ease-in-out, color .5s ease-in-out;
}

.tagcloud a:hover, .tagcloud a:focus {
	background: transparent;
	color: #edb600;
	-o-transition: background 0s ease-in-out, color 0s ease-in-out;
	-moz-transition: background 0s ease-in-out, color 0s ease-in-out;
	-webkit-transition: background 0s ease-in-out, color 0s ease-in-out;
	transition: background 0s ease-in-out, color 0s ease-in-out;
}

/* Calendar Widget */
#wp-calendar {
	margin: 0px;
	border-collapse: separate;
}
#wp-calendar > caption {
	padding: 6px 0;
	color: #ffffff;
	text-align: center;
	background: #edb600;
}
#wp-calendar th {
	text-align: center;
	background: rgba(0,0,0,.05);
	padding: 5px 0;
}
#wp-calendar tfoot td {
	border: none;
	padding-top: 5px;
}
#wp-calendar tfoot td#next {
	text-align: right;
}
#wp-calendar tbody td {
	text-align: center;
	border: 1px solid rgba(0,0,0,.1);
	padding: 5px 0;
}
#wp-calendar tbody td#today {
	border: 1px solid #edb600;
}

.widget_archive li, .widget_categories li {
	text-align: right;
}
.widget_archive li a, .widget_categories li a {
	float: left;
}
.widget.widget_categories li:before {
	font-family: FontAwesome;
	content: "\f114";
	padding-right: 0.5em;
	float: left;
}
.widget.widget_archive li:before {
	font-family: FontAwesome;
	content: "\f0da";
	padding-right: 0.5em;
	float: left;
}
.widget-title {
	text-transform: uppercase;
	letter-spacing: -1px;
}
/* Search widget */
.widget.widget_search input[type="search"] {
	width: 68%;
    display: inline-block;
    -webkit-appearance: none;
    padding: 4px 15px;
    line-height: 1;
	float: left;
	height: 44px;
}
.widget.widget_search input[type="submit"] {
	width: 32%;
    display: inline-block;
	float: right;
	height: 44px;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
.site {
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
	height: 100%;
	max-width: 2560px;
}
header.site-header {
	width: 48%;
	position: fixed;
	height: 100%;
	left: 0;
	z-index: 99;
	-webkit-transition: left .4s ease-in-out;
	transition: left .4s ease-in-out;
}
.site-content {
	width: 52%;
	height: 100%;
	float: left;
	margin-left: 48%;
	padding: 80px 70px;
	position: relative;
	overflow-y: scroll;
	left: 0;
	-webkit-transition: opacity .4s ease-in-out, left .4s ease-in-out;
	transition: opacity .4s ease-in-out, left .4s ease-in-out;
}
.site-content.sidebar-open, header.site-header.sidebar-open {
	left: -330px !important;
}
.site-branding {
	position: absolute;
	bottom: 3em;
	left: 0;
	max-width: 350px;
	transition: z-index .2s ease-in-out;
	-webkit-transition: z-index .2s ease-in-out;
}
.site-branding:before {
	border-bottom: 1em solid #ffffff;
	border-right: 1em solid rgba(0, 0, 0, 0);
	content: "";
	display: block;
	height: 0;
	width: 100%;
}
.site-branding .branding-box {
	background: #ffffff;
	padding: 1em;
	padding-top: 0;
	margin: 0 auto;
	word-wrap: break-word;
}
.site-branding h1, .site-branding p.site-title {
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 2.5em;
	line-height: 1;
	padding: 0.3em 0;
	margin: 0;
	text-align: left;
}
.site-branding h1 a, .site-branding p.site-title a {
	color: #353535;
}
.site-branding p {
	margin: 0;
	font-size: 12px;
	line-height: 1.5;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #edb600;
	text-align: left;
}

.top-box:hover {
    text-decoration: none;
}

.top-box {
	position: absolute;
	background: #ffffff;
	cursor: pointer;
	width: 2.5em;
	height: 2.5em;
	line-height: 2.5em;
	text-align: center;
	bottom: -2.5em;
	right: 0;
	z-index: 9;
	-webkit-transition: bottom 0.3s;
	transition: bottom 0.3s;
}
.top-box.visible {
	bottom: 3em;
}

.page-header {
	padding: 1.5em;
	background: rgba(0,0,0,.1);
	text-align: center;
	margin-bottom: 60px;
}
.page-header h1 {
	letter-spacing: -1px;
}
.entry-footer span {
	display: block;
}

.cruzy-bottom-content {
	margin-bottom: 1.5em;
}
.cruzy-bottom-content .cat-links {
	float: left;
}
.cruzy-bottom-content .read-link {
	float: right;
	background: #edb600;
	padding: 1em;
}
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.sticky .entry-title {
	padding-left: 35px;
	position: relative;
}

.sticky .entry-header .entry-title:before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f097";
	position: absolute;
	left: 0;
	line-height: 1.5;
}

.hentry {
	margin: 0 0 1.5em;
}

.sepHentry {
	color: #cecece;
	width: 100%;
	margin: 2.5em auto;
	overflow: hidden;
	text-align: center;
}
.sepHentry.cSingular {
	margin: 0.5em auto;
}
.sepHentry:before, .sepHentry:after {
	content: "";
	vertical-align: middle;
	display: inline-block;
	width: 50%;
	height: auto;
	border-bottom: 1px solid #cecece;
	margin: 0 2% 0 -55%;
}

.sepHentry:after {
	margin: 0 -55% 0 2%;
}

.sepHentry2 {
	display: block;
	height: 1px;
	width: 100%;
	margin: 2.5em auto;
	border-top: 1px solid #cecece;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
	word-wrap: break-word;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
	text-align: right;
	font-weight: 400;
}

.page-links > .page-links-number {
	background: #cecece;
	color: #ffffff;
	padding: 0.25em 0.5em;
	margin: 0 2px;
}

.page-links a .page-links-number {
	background: #edb600;
	color: #ffffff;
	padding: 0.25em 0.5em;
	margin: 0 2px;
}

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

aside ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
aside ul li {
	border-bottom: 1px solid rgba(0,0,0,.1);
	padding: 1em 0;
}
aside ul li:first-child {
	padding-top: 0;
}
aside ul li:last-child {
	border-bottom: 0px;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-respond {
	background: rgba(0,0,0,0.03);
	padding: 1.5em;
	margin-bottom: 1.5em;
	position: relative;
}
.comment-respond:before {
	border-bottom: 1em solid transparent;
	border-right: 1em solid #ffffff;
	content: "";
	display: block;
	height: 0;
	width: auto;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
}
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

.comment-form-author, .comment-form-email, .comment-form-url {
	width: 33.3%;
	display: inline-block;
	float: left;
}

.comment-form-author, .comment-form-email {
	padding-right: 1.5em;
}

.comments-area .clear {
	clear: both;
}

.comments-area input[type="text"], .comments-area input[type="email"], .comments-area input[type="url"],
.comments-area input[type="password"], .comments-area input[type="search"], .comments-area textarea {
	width: 100%;
}

.comment-form-comment {
	margin: 1.5em 0 0;
}

#comments ol {
	list-style-type: none;
	padding: 0;
	margin: 1.5em 0 3em;
}
#comments ol .pingback {
	margin: 0 0 1.5em;
	position: relative;
	border-bottom: 1px dotted rgba(0,0,0,.1);
	padding-bottom: 1.5em;
}
#comments ol article {
	margin: 0 0 2.5em;
	position: relative;
	border-bottom: 1px solid rgba(0,0,0,.1);
}
#comments ol ol {
	padding-left: 5%;
	background: transparent;
}
#comments ol ol article {
}
#comments article footer img {
	float: left;
	margin-right: 1em;
}
#comments article .comment-content {
	clear: both;
	padding-bottom: .5em;
}
#comments .reply {
	position: absolute;
	top: 0;
	right: 0;
}
.comment-reply-title small {
	float: right;
}

.form-allowed-tags {
	margin: 0;
}

.comment-awaiting-moderation {
	margin: 0;
	color: red;
}

.comment-form-author, .comment-form-email, .comment-form-url, .comment-form-comment {
	position: relative;
}

.comment-form-author input, .comment-form-email input, .comment-form-url input, .comment-form-comment textarea {
	text-indent: 35px;
}

form.comment-form i {
	position: absolute;
	top: 15px;
	left: 15px;
	color: #edb600;
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll .navigation.pagination, /* 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;
}

#infinite-handle {
	margin: 2.5em auto;
	text-align: center;
}

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

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

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

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

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

.wp-caption .wp-caption-text {
	padding: 0.8075em 0;
	font-size: 75%;
	background: rgba(0,0,0,0.1);
	font-weight: 400;
}

/*--------------------------------------------------------------
12.2 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;
	font-size: 80%;
}

@media all and (max-width: 1366px) {
	header.site-header {
		width: 45%;
	}
	.site-content {
		width: 55%;
		margin-left: 45%;
		padding: 60px 55px;
	}
}
@media all and (max-width: 1306px) {
	header.site-header {
		width: 40%;
	}
	.site-content {
		width: 60%;
		margin-left: 40%;
		padding: 45px;
	}
}
@media all and (max-width: 1166px) {
	body {
		overflow-y: scroll;
	}
	.site {
		height: auto;
	}
	.site-content {
		overflow: hidden;
		height: auto;
	}
	header.site-header {
		position: relative;
		width: 100%;
		height: 450px;
	}
	.site-content {
		width: 100%;
		margin-left: 0;
	}
	.top-box, .main-sidebar-box {
		display: none;
	}
	.widget-area {
		position: relative;
		right: 0;
		width: 100%;
		border-left: 0 !important;
		padding: 0;
		z-index: 1;
	}
	#secondary {
		margin-top: 1.5em;
		-webkit-column-count: 2;
		-webkit-column-gap: 15px;
		-moz-column-count: 2;
		-moz-column-gap: 15px;
		column-count: 2;
		column-gap: 15px;
	}
	#secondary aside {
		-webkit-column-break-inside: avoid;
		-moz-column-break-inside: avoid;
		column-break-inside: avoid;
		padding: 0 0.75em;
	}
	.search-box {
		left: inherit;
	}
}
@media all and (max-width: 767px) {
	#secondary {
		-webkit-column-count: auto;
		-webkit-column-gap: initial;
		-moz-column-count: auto;
		-moz-column-gap: initial;
		column-count: auto;
		column-gap: initial;
	}
	#secondary aside {
		-webkit-column-break-inside: initial;
		-moz-column-break-inside: initial;
		column-break-inside: initial;
		padding: 0;
	}
	.site-content {
		padding: 20px 10px;
	}
	.post-navigation a {
		padding: 1.5em;
	}
	.entry-meta > span {
		display: block;
	}
	.entry-meta .posted-on .spaceRight {
		padding-left: 10px;
	}
	.comment-form-author, .comment-form-email, .comment-form-url {
		width: 100%;
		margin: 0 0 1.5em 0;
	}
	.comment-form-author, .comment-form-email {
		padding-right: 0;
	}
	.search-container input[type="search"] {
		font-size: 100%;
	}
}

@media all and (max-width: 579px) {
	.site-branding {
		bottom: 0;
		max-width: 100%;
	}
	.cruzy-bottom-content .cat-links {
		display: none;
	}
	.cruzy-bottom-content .read-link {
		text-align: center;
		float: none;
	}
	#comments .reply {
		top: inherit;
		bottom: 1em;
	}
	.comment-respond {
		padding: 0.5em;
	}
}