/*
Theme Name: Fluxus
Theme URI: http://themeforest.net/item/fluxus-portfolio-theme-for-photographers/3854385
Author: inTheme
Version: 1.3.3
Author URI: http://inthe.me/
Description: Minimalistic portfolio theme for creatives with a focus on big images and beautiful typography.
License: GNU General Public License
License URI: licensing/README_License.txt

-------------------------------------------------------------------------------
WARNING!
If you are willing to update this theme, do not edit this file.
To make any changes please add any new CSS rules to user.css
-------------------------------------------------------------------------------


TABLE OF CONTENTS

1. LAYOUT
	2.1 Main rules
	2.2 Header
	2.3 Footer
2. CONTENT
3. COMPONENTS
4. WIDGETS
5. PAGES
6. SHORTCODES
7. MISCELLANEOUS
*/

/*-----------------------------------------------------------------------------
	1. LAYOUT
-----------------------------------------------------------------------------*/

/**
 * ---------------------------------------------------------
 * 1.1 Main rules
 * ---------------------------------------------------------
 */
body,
button,
input,
select,
textarea {
	font-family: "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
}


.site {
	position: relative;
}

.site-content {
	width: 100%;
}

	.site-with-sidebar {
		padding: 0 35px 0 325px;
	}

	.site-with-sidebar .site-content {
		float: right;
		height: 100%;
	}


/**
 * Horizontal layout.
 */
.horizontal-page #main {
	opacity: 0;
}

.horizontal-page .horizontal-content {
  	height: 100%;
    white-space: nowrap;
    width: 100%;
}

.horizontal-page .horizontal-content .horizontal-item {
	height: 100%;
	width: auto;
	position: relative;
	margin: 0 35px 0 0;
	display: inline-block;
	white-space: normal;
	vertical-align: top !important;
}

/* These values will be overwritten by JS. Used to reduce flickering. */
.horizontal-page .site {
	top: 70px;
}


/**
 * Fluid sizes.
 */
.site-content .entry-content,
.single-format-link .entry-header,
.single-format-quote .entry-header,
#comments {
	width: 70%;
}

.single-format-quote .post-with-featured-image .entry-header,
.page-template-template-full-width-php .entry-content,
.page-template-template-full-width-sidebar-php .entry-content,
.page-template-template-full-width-php #comments,
.page-template-template-full-width-sidebar-php #comments {
	width: 100%;
}

/* Pages with full-size content */
.page-template-template-background-php .site,
.page-template-template-full-page-slider-php .site,
.layout-portfolio-grid .site,
.page-template-template-contacts-php .site,
body.error404 .site {
	width: auto;
	margin: 0 15px;
}

.page-template-template-full-width-php .site {
	margin: 0 auto;
	width: 80%;
}

.page-template-template-full-width-php .page-title,
.page-template-template-full-width-php .entry-title {
	text-align: center;
	padding: 20px 0 30px;
	border-bottom: 1px solid #eaeaea;
}




/**
 * ---------------------------------------------------------
 * 1.2 Header
 * ---------------------------------------------------------
 */
#header {
	position: relative;
	border-top: 3px solid #000;
	padding: 0 0 15px;
	z-index: 100;
}

	/* On horizontal page header is fixed */
	.horizontal-page #header {
		position: fixed;
		width: 100%;
		left: 0;
		top: 0;
	}

	#header hgroup {
		width: 260px;
		border-right: 1px solid #ebebeb;
		padding: 7px 15px 5px 0;
		float: left;
		line-height: 100%;
		z-index: 5;
		position: relative;
		margin: 12px 0 0 15px;
	}

	.site-title {
		display: block;
		text-align: center;
	}

		.site-title a {
			display: inline-block;
		}

		.site-description {
			font-size: 12px;
			color: #bdbdbd;
			font-weight: 400;
			text-align: center;
		}

		.default-logo {
			width: 68px;
			height: 16px;
			display: inline-block;
			background: url(./images/logo.png) no-repeat;
		}

		.default-logo-white {
			display: none;
		}

		.logo-retina {
			display: none;
		}


/**
 * Main navigation located in header.
 */
.site-navigation {
	position: absolute;
	top: 50%;
	left: 0;
	margin: -16px 0 0;
	width: 100%;
}

	.site-navigation ul {
		list-style: none;
		margin: 0;
	}

	.site-navigation li {
		float: left;
		position: relative;
		margin: 0 1em 0 0;
	}

		.site-navigation .secondary-navigation li {
			margin: 0 0 0 1em;
		}

	.site-navigation a {
		position: relative;
		display: inline-block;
		padding: 4px 6px 5px;
		font-size: 13px;
		color: #888;
		text-transform: uppercase;
	}

	.site-navigation .sub-menu {
		position: absolute;
		top: 28px;
		left: -11px;
		display: none;
		background: #fff;
		border-top: 1px solid #000;
		-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
		box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
		padding: 9px 0 8px;
		z-index: 10000;
	}

	.site-navigation .sub-menu-right {
		right: 0;
		left: auto;
	}

		.site-navigation .sub-menu a {
			white-space: nowrap;
			padding: 4px 17px;
			font-size: 12px;
			display: block;
		}

		.site-navigation .sub-menu li {
			margin: 0 0 3px 0;
			display: block;
			width: 100%;
		}

		.site-navigation .has-children > a {
			padding-right: 13px;
		}

		.site-navigation .has-children.current-menu-item > a,
		.site-navigation .has-children.current-menu-ancestor > a,
		.site-navigation .has-children.active > a {
			padding-right: 18px;
		}

		.site-navigation .has-children > a:after {
			content: '\e877';
			font-family: 'fontello';
		  font-style: normal;
		  font-weight: normal;
		  speak: none;
		  display: inline-block;
			line-height: 1em;
			font-size: 16px;
			position: absolute;
			top: 6px;
			right: 2px;
		}

		@media screen and (-webkit-min-device-pixel-ratio: 0) {
			.site-navigation .has-children > a:after {
				line-height: 14px;
			}
		}

		.site-navigation .has-children.active > a:after,
		.site-navigation .has-children.current-menu-item > a:after,
		.site-navigation .has-children.current-menu-ancestor > a:after {
			right: 6px;
			opacity: 1;
		}

		.site-navigation .has-children:hover .sub-menu {
			display: block;
		}

		.site-navigation .has-children:hover > a:hover:after,
		.site-navigation .sub-menu .has-children:hover > a:after {
			opacity: 1;
		}

		.site-navigation .sub-menu .has-children > a {
			padding-right: 25px;
		}

		/**
		 * Third level submenu.
		 */
		.site-navigation .has-children .sub-menu .sub-menu {
			border-top-width: 2px;
			-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
			box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
			left: 100%;
			right: auto;
			top: -8px;
			display: none;
		}

		.site-navigation .sub-menu .has-children > a:after {
			content: '\e879';
			right: 8px;
			top: 5px;
		}

		.site-navigation .sub-menu .has-children:hover .sub-menu {
			display: block;
		}


		.site-navigation .has-children .sub-menu-right .sub-menu {
			right: 100%;
			left: auto;
		}

		.site-navigation .sub-menu.sub-menu-right .has-children > a:after {
			right: auto;
			background-position: 0 -103px;
			left: 7px;
			top: 9px;
			height: 8px;
		}

	.site-navigation a:hover {
		color: #111;
	}

	.site-navigation .active > a,
	.site-navigation .current-menu-item > a,
	.site-navigation .current-menu-ancestor > a,
	/** .active is necessary to avoid conflicts */
	.site-navigation .active .current-fluxus-project-type-ancestor > a,
	.primary-navigation .current-menu-parent > a,
	.secondary-navigation  .current-menu-parent > a {
		background: #FFF200;
		color: #000;
	}

	.primary-navigation {
		float: left;
		padding: 0 0 0 319px;
	}

	.secondary-navigation {
		float: right;
		margin: 0 15px 0 0;
	}


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

/* Used for sticky footer. */
#page-wrapper {
	min-height: 100%;
	min-width: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -50px;
}

#footer,
#footer-push {
	height: 50px;
	clear: both;
}

.horizontal-page #footer-push {
	display: none;
}

#footer {
	color: #6e6e6e;
	font-size: 12px;
	position: absolute;
	width: 100%;
	z-index: 1010;
}

/* On horizontal page footer is fixed. */
.horizontal-page #footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px;
}

	#footer .footer-inner {
		padding: 16px 15px 0;
	}

	#sharrre-footer {
		position: relative;
		border: 1px solid #eaeaea;
		line-height: 21px;
		float: left;
		display: none;
		z-index: 1000;
		margin: 0 15px 0 0;
	}

		#sharrre-footer:hover,
		#sharrre-footer.state-visible {
			background: #f9f9f9;
		}

		#sharrre-footer:hover .share,
		#sharrre-footer.state-visible .share {
			background: #eaeaea;
		}

		#sharrre-footer .share {
			position: relative;
			font-weight: normal;
			border-right: 1px solid #eaeaea;
			float: left;
			padding: 0 20px 0 7px;
			display: block;
			cursor: pointer;
		}

		#sharrre-footer .share:after {
			position: absolute;
			right: 7px;
			font-family: 'fontello';
			content: '\e876';
		}

		#sharrre-footer.state-visible .share:after {
			content: '\e873';
		}

		#sharrre-footer .counts {
			display: block;
			float: left;
			padding: 0 0 0 10px;
			font-weight: 700;
			cursor: pointer;
		}

		#sharrre-footer .counts b {
			padding: 0 10px 0 0;
		}

		#sharrre-footer .count-facebook {
			color: #3b5998;
		}

		#sharrre-footer .count-twitter {
			color: #00acf0;
		}

		#sharrre-footer .count-plus {
			color: #db4a39;
		}

		#sharrre-footer .buttons {
			position: absolute;
			background: #fff;
			background: rgba(255, 255, 255, 0.96);
			border: 1px solid #eee;
			padding: 5px 10px;
			bottom: 21px;
			left: -1px;
			min-width: 130px;
			display: none;
			-webkit-box-shadow: 5px -5px 20px -7px rgba(0, 0, 0, 0.1);
			box-shadow: 5px -5px 20px -7px rgba(0, 0, 0, 0.1);
		}

		#sharrre-footer .buttons b {
			position: relative;
			display: block;
			padding: 0 20px 5px 0;
			text-transform: uppercase;
			color: #ccc;
			font-weight: 700;
		}

		#sharrre-footer .close {
			position: absolute;
			top: 5px;
			right: 9px;
			display: block;
			color: #ccc;
		}

		#sharrre-footer .close:hover {
			color: #999;
		}

		#sharrre-footer .close:before {
			position: absolute;
			font-family: 'fontello';
			content: '\e821';
			display: block;
			line-height: 1em;
			margin: -2px 0 0 0;
			font-size: 14px;
		}


		#sharrre-footer .buttons .button {
			background: none;
			padding: 0;
			display: block;
			width: 120px;
			height: 23px;
      cursor: default;
		}

		#sharrre-footer .buttons .button a:hover {
			border: 0 none;
		}

		#sharrre-footer .buttons .button.facebook {
			margin-top: 1px;
			width: 110px;
		}

		/**
		 * Normalize sharrre buttons vertical-align.
		 */
		.sharrre .googleplus > div[style],
		.sharrre .pinterest > a,
		.sharrre .fb_iframe_widget span,
		.sharrre .linkedin > span[style],
		.sharrre .digg > span,
		.sharrre .delicious > div[style] {
			vertical-align: top !important;
		}

		.sharrre .stumbleupon iframe,
		.sharrre .digg > span,
		.sharrre .twitter iframe {
			position: relative;
			top: -1px;
		}

		.sharrre .stumbleupon {
			width: 90px;
		}

		.sharrre .button {
			padding: 0;
		}

	#footer .social-networks {
		float: left;
		line-height: 21px;
		padding: 1px 0 0 0;
	}

	#footer .social-networks .icon-social {
		margin: 0 5px 0 0;
		height: 24px;
		display: block;
		float: left;
	}

	#footer .social-networks .icon-social:before {
		font-size: 22px;
	}

	.footer-inner a {
		color: #111;
	}

	.footer-inner a:hover {
		color: #222;
	}

	.nav-tip {
		float: right;
		display: none;
	}

		.nav-tip #key-left,
		.nav-tip #key-right {
			display: inline-block;
			width: 20px;
			height: 20px;
			margin: -10px 3px -6px;
			padding: 0;
			-moz-transition: background-color 0.1s;
			-webkit-transition: background-color 0.1s;
			-o-transition: background-color 0.1s;
			transition: background-color 0.1s;
			position: relative;
		}

		.nav-tip a:before {
			color: #666;
			position: absolute;
			top: 4px;
			left: 1px;
		}

		.nav-tip #key-right.flash,
		.nav-tip #key-left.flash {
			background-color: #FFF200;
		}

		.nav-tip a:hover {
			border: 1px solid #ccc !important;
			text-decoration: none;
		}

	.footer-links {
		float: right;
	}

		.footer-links > *,
		.footer-links li {
			float: left;
			margin: 0 0 0 30px;
		}

		.footer-links a {
			color: #444;
			font-size: 12px;
			border-bottom: 1px solid #eaeaea;
			padding: 7px 0 1px;
			margin: -7px 0 0 0;
			display: inline-block;
		}

		.footer-links a:hover {
			border-bottom-color: transparent;
		}

		.footer-links .credits:before,
		.footer-links li:before {
			content: ' ';
			display: block;
			position: absolute;
			width: 15px;
			height: 30px;
			background: url(./images/slash.png) no-repeat;
			margin: -5px 0 0 -20px;
		}

		.footer-links li {
			list-style: none;
		}

		.footer-links li:first-child {
			margin-left: 0;
		}

		.footer-links li:first-child:before {
			display: none;
		}

		.footer-navigation .sub-menu {
			display: none;
		}

		.footer-navigation li {
			position: relative;
		}

		.footer-navigation li.has-children > a {
			padding-left: 15px;
		}

		.footer-navigation li.has-children > a:before {
			content: '\e87a';
			font-family: 'fontello';
		  font-style: normal;
		  font-weight: normal;
		  speak: none;
		  display: inline-block;
			line-height: 1em;
			font-size: 16px;
			position: absolute;
			top: 1px;
			left: 2px;
		}

		.footer-navigation li.has-children .has-children > a:before {
			content: '\e878';
			top: 11px;
			left: 10px;
		}

		.footer-navigation li .sub-menu {
			position: absolute;
			top: auto;
			bottom: 26px;
			left: auto;
			right: -17px;
			margin: 0;
			padding: 5px 0;
			background: #fff;
			border-top: 1px solid #111;
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
		}

		.footer-navigation li .sub-menu li {
			margin: 0;
			float: none;
			display: block;
		}

		.footer-navigation li .sub-menu li:before {
			display: none;
		}

		.footer-navigation li .sub-menu a {
			padding: 10px 22px 10px;
			margin: 0;
			display: block;
			white-space: nowrap;
			border: 0;
			color: #888;
		}

		.footer-navigation li .sub-menu li:hover > a {
			color: #111;
		}

		.footer-navigation li:hover > a {
			border-bottom-color: transparent;
		}

		.footer-navigation li:hover > .sub-menu {
			display: block;
		}

		.footer-navigation li .sub-menu .sub-menu {
			left: 0;
			top: auto;
			bottom: auto;
			right: auto;
			-webkit-transform: translate(-100%, -105%);
			-moz-transform: translate(-100%, -105%);
			-ms-transform: translate(-100%, -105%);
			transform: translate(-100%, -105%);
		}



/*-----------------------------------------------------------------------------
	2. CONTENT
-----------------------------------------------------------------------------*/

.entry-header img {
	width: 100%;
	height: auto;
	display: block;
}

.page-title,
.entry-title {
	font-family: "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
	font-weight: 300;
	font-size: 36px;
	line-height: 1em;
	text-transform: none;
	padding: 0 0 9px 0;
}

.page-title {
	margin: -5px 0 0 0;
}

.entry-title a:hover {
	color: #777;
}

.entry-content,
.entry-summary {
	margin: 1em 0 0;
	font: normal 16px/25px "Merriweather", georgia, serif;
	color: #222;
}

.entry-summary {
	font-size: 14px;
}

	.entry-content p {
		margin: 0 0 1em;
	}

	.entry-content ul,
	.entry-content ol {
		margin: .75em 2em 2em;
	}

	.entry-content ul ul,
	.entry-content ul ol,
	.entry-content ol ol,
	.entry-content ol ul {
		margin: 10px 2em;
	}

		.entry-content li {
			padding: 0 0 3px 5px;
		}

	.entry-content a {
		color: #0071ba;
		text-decoration: underline;
	}

	.entry-content a:hover {
		text-decoration: none;
	}

	.entry-content p {
		line-height: 1.875em;
	}

	.entry-content .standfirst {
		font-size: 18px;
		line-height: 31px;
		margin-bottom: 30px;
	}

	.entry-content h1,
	.entry-content h2,
	.entry-content h3,
	.entry-content h4,
	.entry-content h5,
	.entry-content h6 {
		margin: 1.5em 0 .95em;
		font-family: "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
	}

	.entry-content h1 {
		font-size: 24px;
	}

	.entry-content h2 {
		font-size: 21px;
	}

	.entry-content h3 {
		font-size: 18px;
	}

	.entry-content h4,
	.entry-content h5,
	.entry-content h6 {
		font-size: 16px;
		font-weight: 600;
	}

	.entry-content h5 {
		font-size: 14px;
	}

	.entry-content h6 {
		font-size: 12px;
		text-transform: uppercase;
	}

	.entry-content blockquote {
		padding: 21px 0 0;
		margin: 30px 0;
		padding: 0 10px 0 40px;
		color: #555;
	}

		.entry-content blockquote:before {
			content: '“';
			display: block;
			position: absolute;
			margin: 7px 0 0 -30px;
			font-size: 40px;
			color: #ccc;
		}

		.entry-content blockquote p {
			margin: 0;
		}

		.entry-content blockquote cite {
			padding-left: 18px;
			position: relative;
			display: block;
		}

		.entry-content blockquote cite:before {
			content: '—';
			display: block;
			position: absolute;
			left: 0;
			top: -1px;
			color: #ccc;
		}

		.