/*
Theme Name: Vanilia
Theme URI: vanilia.purethe.me
Author: Purethemes.net
Author URI: http://themeforest.net/user/WojciechWyszynski/portfolio
Description: Bloggin Theme
Version: 1.0.1
License: ThemeForest
License URI: http://themeforest.net/licenses
Text Domain: vanilia
Tags: white, light, one-column, two-columns, right-sidebar, featured-images, microformats, post-formats


Vanilia is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 General Vanilia Styles
2.0 Home Page Styles
3.0 Single Page Styles
4.0 Media Queries
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


colors:
	#D75752 - green
	#202020 - black
	#474747 - grey text

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

	/*
		1. General Vanilia Styles
	=================================== */

	body {
		background: #fff;
		margin: 0;
		padding: 0;
		color: #898989;
		font-family: 'Merriweather', serif;
		font-size: 1em;
	}

/*
	Links
*/

	a {
		text-decoration: none;
		color: #D75752;

		transition: color 150ms ease, background 150ms ease;
		-webkit-transition: color 150ms ease, background 150ms ease;
	}

	a:hover {
		color: #202020;
	}

/*
	Images
*/

	img {
		max-width: 100%;
		height: auto;
		display: block;
	}

/*
	Typo
*/

	h1, h2, h3, h4, h5, h6 {
		font-weight: 900;
		color: #000;
	}

	p {
		font-size: 1em;
		line-height: 1.6em;
	}

/*
	Buttons
*/
	#submit,
	.post-password-form input[type="submit"],
	.comment-reply-link,
	.btn {
		text-align: center;
		display: inline-block;
		margin: 0.2em 0;
		font-size: 0.9em;
		color: #D75752;
		border: 2px solid #D75752;
		font-family: "Merriweather", serif;
		padding: 5px 15px;
		font-weight: 600;

		background: none;
		border-radius: 20px;
		-webkit-border-radius: 20px;

		transition: background 150ms, color 150ms, transform 50ms;
		-webkit-transition: background 150ms, color 150ms, transform 50ms;
	}

	#submit:hover,
	.comment-reply-link:hover,
	.btn:hover {
		text-align: center;
		font-size: 0.9em;
		color: #fff !important;
		border: 2px solid #D75752;
		background: #D75752;
		padding: 5px 15px;
		font-weight: 600;
		transform: translateY(0);
		-webkit-transform: translateY(0);

		border-radius: 20px;
		-webkit-border-radius: 20px;
	}

	#submit:active,
	.btn:active {
		-webkit-appearance: none;
		outline: none;
		transform: translateY(2px);
		-webkit-transform: translateY(2px);
	}

	#submit i,
	.btn i {
		margin-right: 5px;
	}

	.btn.red {
		border: 2px solid #ea4e4e;
		color: #ea4e4e;
	}
	.btn.blue {
		border: 2px solid #588def;
		color: #588def;
	}
	.btn.orange {
		border: 2px solid #f9ab45;
		color: #f9ab45;
	}
	.btn.green {
		border: 2px solid #D75752;
		color: #D75752;
	}


	.btn.red:hover {
		border: 2px solid #ea4e4e;
			  background: #ea4e4e;
			  color: #fff;
	}
	.btn.blue:hover {
		border: 2px solid #588def;
			  background: #588def;
			  color: #fff;
	}
	.btn.orange:hover {
		border: 2px solid #f9ab45;
			  background: #f9ab45;
			  color: #fff;
	}
	.btn.green:hover {
		border: 2px solid #D75752;
			  background: #D75752;
			  color: #fff;
	}

	/* Ugly button fix */
	button:focus {
		outline: none;
		-webkit-appearance: none;
	}


	/*
		2. Mobile Menu
	=================================== */

	.menu-button {
		display: none;
		position: fixed;
		z-index: 1000;
		margin: 1em;
		padding: 0;
		top: 0;
		left: 0;
		height: 20px;
		width: 20px;
		font-size: 21px;
		border: none;
		color: rgba(0, 0, 0, 0);
		background: rgba(0, 0, 0, 0);
	}

	.menu-button:focus {
		outline: none;
		-webkit-appearance: none;
	}

	.menu-button::before {
		content: '\f0c9';
		position: absolute;
		color: #000;
		top: 0;
		left: 0;
		font-family: "FontAwesome";
	}

	.menu-button:hover {
		opacity: 0.6;
	}

	.close-button {
		width: 2em;
		height: 2em;
		position: absolute;
		right: 1em;
		top: 1em;
		overflow: hidden;
		background: #4C4C4C;
		border: none;
		border-radius: 50%;
		-webkit-border-radius: 50%;
	}

	.close-button::after {
		content: '\f00d';
		position: absolute;
		color: #FFF;
		top: 0.5em;
		left: 0.6em;
		font-family: "FontAwesome";
	}

	.mobile-menu__wrap {
		display: none;
		position: fixed;
		top: 0;
		z-index: 1001;
		width: 300px;
		height: 100%;
		background: #F7F7F7;
		padding: 1.5em;
		font-size: 1.15em;
		-webkit-transform: translate3d(-360px,0,0);
		transform: translate3d(-360px,0,0);
		-webkit-transition: -webkit-transform 0.4s;
		transition: transform 0.4s;
		-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
		transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	}

/*
	Search Mobile Input
*/

	#mobile-search {
		display: block;
		background: #FFF;
		color: #979797;
		border: none;
		font-family: 'Merriweather', serif;
		font-size: 0.85em;
		height: 60px;
		width: calc(100% - 3.5em);
		padding-left: 3.5em;
		margin: 0;
		border-bottom: 1em solid #F7F7F7;
		margin-bottom: 10px;
		-webkit-transition: all 0.2s;
		transition: all 0.42s;
	}

	.mobile-menu__search {
		display: inline-block;
	}

	.mobile-menu__search:before {
		content: '\f002';
		font-family: "FontAwesome";
		color: #979797;
		font-size: 1em;
		position: absolute;
		top: 21px;
		left: 1em;
	}

	#mobile-search:focus {
		background: #fff;
		border: none;
		-webkit-appearance: none;
		outline: none;
		border-bottom: 1em solid #F7F7F7;
	}

	#mobile-search::-webkit-input-placeholder {
		color: #979797;
	}

	#mobile-search:-moz-placeholder { /* Firefox 18- */
	   color: #979797;
	}

	#mobile-search::-moz-placeholder {  /* Firefox 19+ */
	   color: #979797;
	}

	#header-search:-ms-input-placeholder {
	   color: #979797;
	}

/*
	Mobile Navigation
*/

	.mobile-menu__list {
		margin: 0;
		padding: 2em;
	}

	.mobile-menu__list ul {
		display: block;
		margin: 0;
		padding: 0 0 0 25px;
	}

	.mobile-menu__list ul li{
		display: block;
		margin-left: 5px;
	}

	.mobile-menu__list ul li:before {
		content: '';
		position: absolute;
		width: 1em;
		height: 0.2em;
		margin-top: 1.3em;
		margin-left: -1em;
		border-bottom: 2px solid #eee;
		border-left: 2px solid #eee;
	}

	.mobile-menu__nav {
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

	.icon-list {
		height: 100%;
		width: 110%;
		background: #FFF;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
		overflow-y: scroll;
	}

	.icon-list a {
		display: block;
		padding: 0.8em;
		-webkit-transform: translate3d(0,500px,0);
		transform: translate3d(0,500px,0);
	}

	.icon-list,
	.icon-list a {
		-webkit-transition: -webkit-transform 0s 0.4s;
		transition: transform 0s 0.4s;
		-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
		transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	}

	.icon-list a:nth-child(2) {
		-webkit-transform: translate3d(0,1000px,0);
		transform: translate3d(0,1000px,0);
	}

	.icon-list a:nth-child(3) {
		-webkit-transform: translate3d(0,1500px,0);
		transform: translate3d(0,1500px,0);
	}

	.icon-list a:nth-child(4) {
		-webkit-transform: translate3d(0,2000px,0);
		transform: translate3d(0,2000px,0);
	}

	.icon-list a:nth-child(5) {
		-webkit-transform: translate3d(0,2500px,0);
		transform: translate3d(0,2500px,0);
	}

	.icon-list a:nth-child(6) {
		-webkit-transform: translate3d(0,3000px,0);
		transform: translate3d(0,3000px,0);
	}

	.icon-list a span {
		margin-left: 10px;
		font-weight: 700;
	}

	.submenu-link li a {
		margin-left: 0.5em
	}

/*
	Shown Menu
*/
	.show-menu .mobile-menu__wrap {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		-webkit-transition: -webkit-transform 0.8s;
		transition: transform 0.8s;
		-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
		transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	}

	.show-menu .icon-list,
	.show-menu .icon-list a {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		-webkit-transition: -webkit-transform 0.8s;
		transition: transform 0.8s;
		-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
		transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	}

	.show-menu .icon-list a {
		-webkit-transition-duration: 0.9s;
		transition-duration: 0.9s;
	}

	.show-menu .content::before {
		opacity: 1;
		-webkit-transition: opacity 0.8s;
		transition: opacity 0.8s;
		-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
		transition-timing-function: cubic-bezier(0.7,0,0.3,1);
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	/*
		3. Main Header
	=================================== */

	.main-header__top {
		background: #202020;
		height: 50px;
	}

	.main-header__search {
		color: #fff;
	}

	.header__logo {
		display: block;
		text-align: center;
	}

	#blogdesc { text-align: center;}
/*
	Main Searching Input
*/

	#header-search {
		display: inline-block;
		background: transparent;
		color: #fff;
		border: none;
		font-family: 'Merriweather', serif;
		font-size: 0.85em;
		min-width: 300px;
		height: 50px;
		padding: 0 15px;
		margin-left: 10px;
	}

	.main-header__search form:before {
		content: '\f002';
		font-family: "FontAwesome";
		color: #fff;
		font-size: 1em;
		display: inline-block;
	}

	#header-search:hover {
		background: #333;
	}

	#header-search:focus {
		background: #D75752;
		border: none;
		-webkit-appearance: none;
		outline: none;
	}

/*
	There is a color of text inside the input
*/

	#header-search::-webkit-input-placeholder {
		color: #fff;
	}

	#header-search:-moz-placeholder { /* Firefox 18- */
	   color: #fff;
	}

	#header-search::-moz-placeholder {  /* Firefox 19+ */
	   color: #fff;
	}

	#header-search:-ms-input-placeholder {
	   color: #fff;
	}

/*
	Social Icons
*/

	.main-header__social {
		float: right;
	}

	.main-header__social-links {
		padding: 0;
		margin: 0;
	}

	.main-header__social-links li {
		display: inline-block;
	}
	.main-header__social-links li a {
		color: #fff;
		padding: 15px 8px;
		display: block;
	}
	.main-header__social-links li a:hover {
		background: #D75752;
		color: #fff;
		transition: background 150ms;
		-webkit-transition: background 150ms;
	}
	.main-header__social-links li a:hover i {
		background: #D75752;
		color: #fff;
	    -webkit-animation: zoomIn 500ms; /* Chrome, Safari, Opera */
	    animation: zoomIn 500ms;
	}

/*
	Social Icon Animation
*/

	@-webkit-keyframes zoomIn {
		0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		        transform: scale3d(.3, .3, .3);
		}

		50% {
		opacity: 1;
		}
	}

	@keyframes zoomIn {
		0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		        transform: scale3d(.3, .3, .3);
		}

		50% {
		opacity: 1;
		}
	}

/*
	Logo
*/

	.main-header__logo {
		padding: 30px 0;
	}
	.main-header__logo h2,
	.main-header__logo h1 {
		margin: 0px;
	}

	.header__logo img {
		display: block;
		margin: 0 auto;
	}

	.table {
		display: table;   /* Allow centering navigation */
		margin: 0 auto;
	}

	.main-header__navigation {
		border-top: 1px solid #EEE;
		box-shadow: inset 0 -1px 0 0 #EEE;
		-webkit-box-shadow: inset 0 -1px 0 0 #EEE;
	}

	.scroll-to-fixed-fixed {
		width: 100%;
		background: #FFF;
		border: none;
	}


/*
	Main Navigation
*/

	.navigation__list {
		display: block;
		margin: 0 auto;
		width: 100%;
		padding: 0;
		position: relative;
	}

	.navigation__list li {
		padding: 0;
		margin: 0;
		float: left;
		display: inline-block;

		box-shadow: inset 0 -1px 0 0 #EEE;
		-webkit-box-shadow: inset 0 -1px 0 0 #EEE;

		transition: background-color 250ms ease-in-out;
		-webkit-transition: background-color 250ms ease-in-out;
	}

	.navigation__list li a {
		display: block;
		padding: 20px;
		color: #000;
		font-size: 0.9em;

		transform: translateY(0px);
		-webkit-transform: translateY(0px);

		transition: all 150ms ease-in-out;
		-webkit-transition: all 150ms ease-in-out;
	}

	.navigation__list li a.arrow:after {
		content: '\f107';
		font-family: "FontAwesome";
		color: #A5A5A5;
		font-size: 0.7em;
		display: inline-block;
		margin-left: 5px;
		transition: color 250ms ease-in-out;
		-webkit-transition: color 250ms ease-in-out;
	}
	.navigation__list li a.arrow:hover:after {
		color: #fff;
	}

	.navigation__list li:hover,
	.navigation__list li li:hover {
		background-color: #D75752;
	}

	.navigation__list li:hover a {
		color: #fff;
	}

	.submenu-link li a {
		margin-left: 0;
	}

	.navigation__list li ul {
		visibility: hidden;
		opacity: 0;
		filter: alpha(opacity=0);
		position: absolute;
		padding: 0;
		margin: 0;
		height: auto;
		z-index: 2;

		transform: translateY(-10px);
		-webkit-transform: translateY(-10px);

		transition: transform 250ms, opacity 200ms;
		-webkit-transition: -webkit-transform 250ms, opacity 200ms;
	}

	.navigation__list li:hover ul {
		visibility: visible;
		zoom: 1;
		opacity: 1;
		filter: alpha(opacity=100);

		transform: translateY(0px);
		-webkit-transform: translateY(0px);
	}

	.navigation__list li li {
		background-color: #181818;
		display: block;
		float: none;
		box-shadow: inset none;
		-webkit-box-shadow: none;
	}

	.navigation__list li li a {
		padding: 14px 70px 14px 20px;
		font-size: 0.8em;
		color: #fff;

	}

	.navigation__list li:hover > a{
		background-color: #D75752;
	}

	.navigation__list li:hover > .arrow:after{
		color: #fff;
	}


	/*
		4. Carousel
	=================================== */
	.slider__item {
		position: relative;
		overflow: hidden;
	}

	.slide__caption {
		background: rgba(41, 41, 41, 0.5);
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		margin: 0;
		padding: 0;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;

		transition: background 300ms ease-in-out;
		-webkit-transition: background 300ms ease-in-out;
		-ms-transition: background 300ms ease-in-out;
	}

	.slide__caption h2 {
		font-weight: 900;
		font-size: 1.2em;
		text-align: center;
		width: 70%;
		padding: 0 15%;
		color: #FFF;
		position: absolute;
		top: calc(50% - 1.2em);
	}

	.slide__caption p {
		font-size: 0.9em;
		text-align: center;
		color: #fff;
		font-style: italic;
		margin: 0 auto;
		position: absolute;
		min-width: 100px;
		left: calc(50% - 50px);
		top: 40%;
	}

	.slide__caption h2, .slide__caption p {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);

		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);

		transition: transform 300ms ease-in-out;
		-webkit-transition: -webkit-transform 300ms ease-in-out;
		-ms-transition: -ms-transform 300ms ease-in-out;
	}

	.slide__caption p:before {
		content: '';
		position: absolute;
		display: block;
		width: 30px;
		height: 1px;
		background: rgba(255, 255, 255, 0.3);
		left: -30px;
		margin-top: 10px;
	}

	.slide__caption p:after {
		position: absolute;
		content: '';
		display: block;
		width: 30px;
		height: 1px;
		background: rgba(255, 255, 255, 0.3);
		right: -30px;
		margin-top: -10px;
	}

	.slide__caption:hover {
		background: rgba(41, 41, 41, 0.7);
	}

	.slide__caption:hover h2 {
	    -webkit-animation: bounceUpHead 500ms ease-out; /* Chrome, Safari, Opera */
	    animation: bounceUpHead 500ms ease-out;

		transform: translateY(-50px);
		-webkit-transform: translateY(-50px);
		-ms-transform: translateY(-50px);
	}

	.slide__caption:hover p {
	    -webkit-animation: bounceUpP 500ms ease-out; /* Chrome, Safari, Opera */
	    animation: bounceUpP 500ms ease-out;

		transform: translateY(-50px);
		-webkit-transform: translateY(-50px);
		-ms-transform: translateY(-50px);
	}

	.slider__button {
		position: absolute;
		width: 60px;
		left: calc(50% - 30px);
		top: 55%;
		text-align: center;
		font-size: 0.9em;
		color: #FFF;
		border: 2px solid #FFF;
		padding: 2px 0;
		opacity: 0;

		-webkit-transform: scale3d(.4, .4, .4);
		transform: scale3d(.4, .4, .4);

		border-radius: 15px;
		-webkit-border-radius: 15px;

		-webkit-transition: -webkit-transform 400ms ease, opacity 100ms ease, background 150ms;
		transition: transform 400ms ease, opacity 100ms ease, background 150ms;
	}

	.slide__caption:hover .slider__button {
		display: block;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
		opacity: 1;
	}

	.slider__button:hover {
		background: #D75752;
		color: #FFF;
	}

	.slider__item img {
		-webkit-transform-style: preserve-3d;
		display: block;
		position: relative;
		width: -webkit-calc(100% + 30px);
		width: calc(100% + 30px);
		-webkit-transition: opacity 0.7s, -webkit-transform 0.7s;
		transition: opacity 0.7s, transform 0.7s;
		-webkit-transform: translate3d(-25px,0,0) scale(1.01);
		transform: translate3d(-25px,0,0) scale(1.01);
		max-width: none;
	}

	.slider__item:hover img {
		-webkit-transform: translate3d(-25px,0,0) scale(1.1);
		transform: translate3d(-25px,0,0) scale(1.1);
	}


	/*
		5. Parallax Slider
	=================================== */
	.skippr {
		width:100%;
		height:100%;
		position: relative;
		overflow:hidden;
		min-height: 640px;
	}

	.skippr > div {
		position: absolute;
		width:100%;
		height: 100%;
		background-size: cover;
	}

	.skippr > img {
		position: absolute;
		top:50%;
		left:50%;
		-webkit-transform:translate(-50%,-50%);
		-moz-transform:translate(-50%,-50%);
		-ms-transform:translate(-50%,-50%);
		transform:translate(-50%,-50%);
		width:100%;
		min-height: 100%;
		background-size: cover;
	}

	.skippr-nav-container {
		position: absolute;
		left:50%;
		-webkit-transform:translate(-50%,0);
		transform:translate(-50%,0);
		-moz-transform:translate(-50%,0);
		-ms-transform:translate(-50%,0);

		bottom:25px;
		overflow: auto;
		z-index:999;
	}

	.skippr-nav-element {
		cursor:pointer;
		float:left;
		background-color: rgba(255,255,255,0.5);
		-webkit-transition: all .25s linear;
		transition: all .25s linear;
	}

	.skippr-nav-element-bubble {
		width:12px;
		height:12px;
		border-radius: 50%;
		margin:0 4px;
	}

	.skippr-nav-element-block {
		width:60px;
		height:10px;
	}

	.skippr-nav-element:hover, .skippr-nav-element-active {
		background-color:rgba(255,255,255,1);
	}

	.skippr-arrow {
		position: absolute;
		z-index:999;
		top:50%;
		-webkit-transform:translate(0%,-50%);
		-moz-transform:translate(0%,-50%);
		-ms-transform:translate(0%,-50%);
		transform:translate(0%,-50%);

		width:30px;
		height:30px;
		/*background-color: white;*/
		transform-origin:center center;
		-webkit-transform-origin:top left;
		cursor: pointer;
	}

	.skippr-previous {
		left:2.5%;
		-webkit-transform:rotate(-45deg);
		transform:rotate(-45deg);
		border-top:2px solid white;
		border-left:2px solid white;
	}

	.skippr-next {
		right:3.5%;
		-webkit-transform:rotate(-45deg);
		transform:rotate(-45deg);
		border-bottom:2px solid white;
		border-right:2px solid white;
	}

	h2.animate {
		color: #fff;
		font-size: 3em;
		text-align: center;
		margin-top: 5em;
		position: relative;
		z-index: 1;

		transform: translateY(0);
		-webkit-transform: translateY(0);
	}

	.parallax-slider__slide .btn {
		text-align: center;
		margin: 0 auto;
		display: block;
		width: 3em;
		position: relative;
		z-index: 1;
		color: #fff;
		border-color: #fff;

		transform: translateY(0);
		-webkit-backface-visibility: hidden;
		-webkit-transform: translateY(0);


		transition: background 150ms, color 150ms;
		-webkit-transition: background 150ms, color 150ms;
	}

	.fade-that {
		width: 100%;
		height: 100%;
		position: absolute;
		background: #000;
		opacity: 0.15;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}


	@-webkit-keyframes bounceUpHead {
		0% {
			transform: translateY(0);
			-webkit-transform: translateY(0);
		}

		50% {
			transform: translateY(-60px);
			-webkit-transform: translateY(-60px);
		}

		100% {
			transform: translateY(-50px);
			-webkit-transform: translateY(-50px);
		}
	}

	@keyframes bounceUpHead {
		0% {
			transform: translateY(0);
			-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
		}

		50% {
			transform: translateY(-60px);
			-webkit-transform: translateY(-60px);
			-ms-transform: translateY(-60px);
		}

		100% {
			transform: translateY(-50px);
			-webkit-transform: translateY(-50px);
			-ms-transform: translateY(-50px);
		}
	}

	@-webkit-keyframes bounceUpP {
		0% {
			transform: translateY(0);
			-webkit-transform: translateY(0);
		}

		50% {
			transform: translateY(-80px);
			-webkit-transform: translateY(-80px);
		}

		100% {
			transform: translateY(-50px);
			-webkit-transform: translateY(-50px);
		}
	}


	@keyframes bounceUpP {
		0% {
			transform: translateY(0);
			-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
		}

		50% {
			transform: translateY(-80px);
			-webkit-transform: translateY(-80px);
			-ms-transform: translateY(-80px);
		}

		100% {
			transform: translateY(-50px);
			-webkit-transform: translateY(-50px);
			-ms-transform: translateY(-50px);
		}
	}


	/*
		6. Homepage Post
	=================================== */

	.main-content__post {
		margin-top: 150px;
	}

	.main-content__post img {
		border-radius: 5px;
		-webkit-border-radius: 5px;
	}

/*
	Post Heading
*/

	.post__header {
		position: relative;
	}

	.post__meta {
		width: 100%;
		text-align: center;
		font-size: 1em;
		font-style: italic;
		color: #B2B2B2;
		margin: 0;
		padding-top: 1em;
	}

	.post__meta a {
		color: #D75752;
	}

	.post__meta a:hover {
		color: #202020;
	}

	.post__time {
		position: relative;
		color: #000;
		width: 100%;
		display: block;
		margin: 1em 0;
		text-align: center;
		font-size: 1em;
		font-weight: 700;
		letter-spacing: -0.05em;
	}

	.post__time:after {
		content: '';
		position: absolute;
		bottom: -1em;
		width: 2em;
		height: 1px;
		left: calc(50% - 1em);
		background: #eee;
	}

	.time_large {
		font-size: 1.5em;
	}

	.post__title {
		font-size: 2.5em;
		font-weight: 900;
		letter-spacing: -0.045em;
		text-align: center;
		margin: 0.6em 0 0.4em 0;
	}

	.post__title a {
		color: #202020;
		word-wrap: break-word;
	}

/*
	Post Content
*/

	.post__content {
		font-size: 1em;
		line-height: 1.6em;
		width: 88%;
		margin: 0 auto 2.4em;
	}

	div.post__excerpt {
		text-align: center;
	}
	p.post__excerpt {
		text-align: center;
	}

	.post__button {
		width: 100%;
		position: relative;
	}

	.post__button:before,
	.post__button:after {
		content: '';
		position: absolute;
		top: 16px;
		height: 1px;
		background: #eeeeee;
		width: 42%;
		display: block;
	}

	.post__button:before {
		left: 0;
	}

	.post__button:after {
		right: 0;
	}

	.post__button a.btn {
		width: 30px;
		margin: 0 auto;
		display: block;
	}


/*
	 Post Types
*/
	.format-quote blockquote {
		font-size: 1.7em;
		font-weight: 300;
		font-style: italic;
		line-height: 1.4em;
		padding: 0.5em 0;
		border-bottom: 2px solid #D75752;
	}

	.format-quote blockquote:before {
		content: '\f10d';
		font-family: "FontAwesome";
		position: absolute;
		font-style: normal;
		font-size: 1.6em;
		color: #C7C7C7;
		left: calc(50% - 20px);
		margin-top: -0.7em;
	}
	.quote-icon {
		position: relative;
	}

	.post__gallery {
		overflow: hidden;
		margin-top: 2em;
	}

	.post__gallery img {
		min-width: 100%;
		display: block;
	}

/*
	Youtube Pretty Embed
*/

	.yt_container {
		margin-top: 2em;
	}

	.pretty-embed {
		min-height: 100%;
		overflow: hidden;
		position: relative;
		cursor: pointer;
		display: block;
	}

	.pretty-embed:after {
		display: block;
		content: "\f04b";
		position: absolute;
		top: 50%;
		margin-top: -0.55em;
		left: 50%;
		margin-left: -0.35em;

		font-family: "FontAwesome";
		font-size: 3em;
		color: rgba(255, 255, 255, 0.7);
		z-index: 999;

		-webkit-transform: scale(0.8);
		-webkit-backface-visibility: hidden;
		transform: scale(0.8);
		backface-visibility: hidden;

		transition: all 150ms;
		-moz-transition: all 150ms;
		-webkit-transition: all 150ms;
	}
	.pretty-embed img {
		-webkit-transform: scale(1.0);
		transform: scale(1.0);

		transition: all 150ms;
		-moz-transition: all 150ms;
		-webkit-transition: all 150ms;
	}
	.pretty-embed:hover:after {
		-webkit-transform: scale(1.4);
		transform: scale(1.4);
		color: rgba(255, 255, 255, 0.9);
	}
	.pretty-embed:hover img {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	.pretty-embed:active:after {
		-webkit-transform: scale(0.1);
		transform: scale(0.1);
	}
	.play.pretty-embed:after {
		display: none;
	}
	.pretty-embed iframe{
		border: 0 solid transparent;
	}



	/*
		7. Homepage with Sidebar
	=================================== */
	.main-content-sidebar {
		border-bottom: 1px solid #eee;
	}
	.main-content-sidebar .main-content__post {
		margin-top: 80px;
	}
	.main-content-sidebar .post__title {
		font-size: 2em;
		font-weight: 900;
		letter-spacing: -0.045em;
		text-align: center;
		margin: 0.6em 0 0.4em 0;
	}
	.main-content-sidebar .post__title a {
		color: #202020;
	}


	.left-sidebar .eleven.columns {
		float: right;
	}
	.left-sidebar .sidebar {
		padding-right: 40px;
		margin-right: 20px;
		padding-left: 0px;
		margin-left: 0px;
		border-right: 1px solid #EEE;
		border-left: 0px;
	}
	/*
		7. Pagination
	=================================== */

	.pagination {
		padding: 90px 0;
		border-bottom: 1px solid #eeeeee;
	}

	.pagination__left {
		padding: 90px 0;
	}
	.wp-pagenavi a.previouspostslink,
	.wp-pagenavi a.nextpostslink,
	.pagination__prev,
	.pagination__next  {
		color: #D75752;
		width: 33.333%;
		display: inline-block;
		float: left;
		font-weight: normal;
		transition: all 150ms ease;
		-webkit-transition: all 150ms ease;
	}

	.pagination__next {
		text-align: right;
	}
	.wp-pagenavi i,
	.pagination__prev i,
	.pagination__next i {
		padding: 11px 12px 10px 12px;
		border: 2px solid #D75752;
		margin: 0 10px 0 0;

		border-radius: 50%;
		-webkit-border-radius: 50%;

		transition: all 150ms ease;
		-webkit-transition: all 150ms ease;
	}

	.pagination__next i {
		margin: 0 0 0 10px;
	}
	.pagination__prev:hover,
	.pagination__next:hover  {
		color: #202020;
	}

	.pagination__prev:hover i,
	.pagination__next:hover i  {
		color: #fff;
		background: #D75752;
	}

	.pagination__numbers {
		width: 33.333%;
		float: left;
		display: inline-block;
		text-align: center;
		margin: 0;
		padding: 8px 0;
	}
	.wp-pagenavi a,
	.wp-pagenavi span,
	.pagination__numbers li {
		display: inline-block;
		text-align: center;
		margin: 0 5px;
	}
	.wp-pagenavi a,
	.wp-pagenavi span,
	.pagination__numbers li a {
		color: #b0b0b0;
		font-weight: 900;

		transition: all 150ms ease;
		-webkit-transition: all 150ms ease;
	}

	.pagination__numbers li a:hover {
		color: #D75752;
	}
	.wp-pagenavi span.current,
	.pagination__numbers li a.pagination--active {
		color: #202020;
	}

	.wp-pagenavi { position: relative;  text-align: center;}
	.wp-pagenavi .pages {display: none}

	.wp-pagenavi a.page {
		border-bottom: 0px solid #eee;
		padding-bottom: 0px;
		margin-top: 11px
	}
	.nextpostslink {
		position: absolute;
		right: 0px;
	}
	.previouspostslink {
		position: absolute;
		left: 0px;
	}
	/*
		8. Twitter Feed
	=================================== */
	.twitter-feed {
		padding: 80px 0;
	}

	.tweet__header {
		text-align: center;
	}

	.tweet__avatar {
		display: block;
		margin: 0 auto;
		width: 48px;
	}

	.tweet__avatar img {
		border-radius: 50%;
		-webkit-border-radius: 50%;
	}

	.tweet__author {
		font-size: 1.2em;
		font-weight: 900;
		color: #202020;
		display: block;
		margin-top: 20px;
	}

	span.tweet__nick {
		font-size: 0.8em;
		font-weight: 400;
		font-style: italic;
		color: #838383;
		display: block;
	}

	.tweet__separator {
		width: 100%;
		position: relative;
		margin-top: 25px;
	}

	.tweet__separator i {
		font-size: 2em;
		color: #05aae5;
	}

	.tweet__separator:before,
	.tweet__separator:after {
		content: '';
		position: absolute;
		top: 16px;
		height: 1px;
		background: #eeeeee;
		width: 42%;
		display: block;
	}
	.tweet__separator:before {
		left: 0;
	}
	.tweet__separator:after {
		right: 0;
	}

	.tweet__content {
		text-align: center;
		font-style: italic;
		margin: 0;
		padding: 0;
		line-height: 1.6em;
	}


	/*
		8. Footer
	=================================== */

	.footer {
		background: #151515;
	}

	.footer__widgets {
		padding: 80px 0;
		display: block;
		overflow: hidden;
	}

	h3.widget__title {
		text-align: center;
		font-weight: 900;
		color: #fff;
	}

	.footer__widget p {
		text-align: center;
		padding: 10px 40px;
		color: #fff;
		font-weight: 300;
		font-size: 0.9em;
	}

	.footer__widget img {
		display: block;
		margin: 0 auto;
	}

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

	.footer__bottom {
		width: 100%;
	}

	.footer__widget .flickr-widget-blog img {
		max-width: 100%;
		height: auto;
		display: block;
		border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	.footer__widget .flickr-widget-blog img  {
		width: 100px;
		display: inline-block;
		margin: 5px;
		float: left;
	}

	.bordered {
		border-top: 1px solid #222222;
	}

	p.copyrights {
		color: #fff;
		font-weight: 300;
		font-size: 0.9em;
		display: block;
		margin-top: 33px;
	}

	.footer__socials {
		float: right;
	}

	.footer__socials li {
		display: inline-block;
	}

	.footer__socials li a {
		color: #fff;
		padding: 15px 8px;
		display: block;
	}

	.footer__socials li a:hover {
		color: #fff;
	}

	.footer__socials li a:hover i {
		color: #fff;
	    -webkit-animation: zoomIn 500ms; /* Chrome, Safari, Opera */
	    animation: zoomIn 500ms;
	}

	.widget__instagram {
		padding: 0;
		margin: 0 auto;
		width: 220px;
		overflow: hidden;
	}

	.widget__instagram li {
		width: 100px;
		display: inline-block;
		margin: 5px;
		float: left;
	}

	.widget__instagram img {
		max-width: 100%;
		height: auto;
		display: block;
		border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	.widget a {
		word-break: break-word;
	}

	/*
		9. Single Page
	=================================== */
	h3.section__title {
		width: 100%;
		text-align:center;
		display: block;
	}

	.post__image,
	.post__audio {
		margin-top: 50px;
		display: block;
	}

	.post__image--fullwidth {
		width: 100%;
		position: relative;
		margin-bottom: 5em;
	}

	.fullwidth-caption {
		position: absolute;
		width: 100%;
		text-align: center;
		top: calc(50% - 5em);
		z-index: 1;
	}

	.caption__time,
	.caption__title,
	.caption__meta,
	.caption__meta a:hover {
		color: #fff;
	}

	.post__image img,
	.page__content img,
	.single-post__content img {
		border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	.page__content,
	.single-post__content {
		font-size: 1em;
		line-height: 1.6em;
		width: 100%;
		margin: 0 auto 2.4em;
	}
	.page__content p,
	.single-post__content p {
		margin: 0 60px 30px;
		word-wrap: break-word;
	}

	.page__content p a,
	.single-post__content p a {
		font-weight: 600;
	}

	.page__content blockquote,
	.single-post__content blockquote {
		margin: 0 0 40px;
		padding: 30px 0;
		background: #f7f7f7;
		border-left: 4px solid #D75752;
	}

	.page__content blockquote p,
	.single-post__content blockquote p {
		margin: 0 60px 0;
		font-size: 1.25em;
		line-height: 1.55em;
		font-style: italic;
	}

	.post__separator {
		width: 220px;
		height: 1px;
		background-color: #D75752;
		display: block;
		margin: 65px auto;
	}

	.page-links {
		margin: 0 60px 30px;
	}
	ul.checklist {
		margin: 0 60px 30px;
		padding: 0;
	}

	ul.checklist li {
		display: block;
		margin: 7px 0;
	}

	ul.checklist li:before {
		content: '\f058';
		display: inline-block;
		font-family: "FontAwesome";
		margin-right: 10px;
	}

/*
	Social Sharing
*/

	.share {
		padding: 30px 0 100px;
		border-bottom: 1px solid #EEE;
	}

	.share__icons {
		display: block;
		margin: 0 auto;
		text-align: center;
		background: #fff;
		padding: 0;
		position: relative;
	}

	.share__icons li {
		display: inline-block;
		border: 2px solid #D75752;
		width: 34px;
		height: 34px;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		margin: 0 10px;

		transition: background 200ms ease-in-out;
		-webkit-transition: background 200ms ease-in-out;
	}

	.share__icons li i {
		display: block;
		text-align: center;
		line-height: 35px;
	}

	.share__icons:before, .share__icons:after {
		content: '';
		position: absolute;
		top: 16px;
		height: 1px;
		background: #EEE;
		width: 30%;
		display: block;
	}

	.share__icons:before {
		left: 0;
	}

	.share__icons:after {
		right: 0;
	}

	.share__icons li:hover {
		background: #D75752;
	}

	.share__icons li:hover a {
		color: #fff;
	}

	.share h3 {
		display: block;
		float: none;
		position: relative;
		text-align: center;
		margin: 0 0 40px;
		padding: 0;
	}

	.post-author {
		width: 100%;
		padding: 80px 0;
		border-bottom: 1px solid #EEE;
	}

	.author__avatar img{
		width: 94px;
		height: 94px;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		display: block;
		margin: 0 auto;
	}

	.post-author h4 {
		font-weight: 900;
		text-align: center;
		font-size: 1.1em;
	}

	.post-author p {
		text-align: center;
		font-size: 0.9em;
		line-height: 1.4em;
	}

	.author__socials {
		text-align: center;
		margin: 20px 0 0 0;
		padding: 0;
	}

	.author__socials li {
		display: inline-block;
		margin: 0 4px;
	}

/*
	 Comments
*/

	.comments {
		padding: 60px 0 0;
		border-bottom: 1px solid #EEE;
	}

	.comments h3 {
		text-align: center;
		font-weight: 900;
		word-wrap: break-word;
	}

	.comments__list {
		padding: 40px 0;
	}

	.comments__list li {
		display: block;
		margin-top: 80px;
		overflow: hidden;
	}
	.comments__list li.post.pingback {
		margin-top: 20px;
		border-bottom: 1px solid #EEE
	}
	.comments__list li  .comment__content ul {
		list-style: circle;
	}
	.comments__list li  .comment__content ol {
		list-style: decimal;
	}
	.comments__list li  .comment__content  li {
		margin-bottom: 5px;
		margin-top: 5px;
	}

	.comment__author {
		float: left;
	}

	.comment__author img {
		max-width: 100px;
		border-radius: 50%;
		-webkit-border-radius: 50%;
	}

	.comment__content {
		border-left: 1px solid #E4E4E4;
		padding: 0 40px;
		margin: 0 20px;
		position: relative;
		padding-left: 40px;
		margin-left: 140px;
		min-height: 100px;
	}

	.comment__content:after {
		content: '';
		position: absolute;
		border-style: solid;
		border-width: 8px 8px 8px 0;
		border-color: transparent #FFFFFF;
		display: block;
		width: 0;
		z-index: 1;
		left: -8px;
		top: 42px;
	}

	.comment__content:before {
		content: '';
		position: absolute;
		border-style: solid;
		border-width: 8px 8px 8px 0;
		border-color: transparent #E4E4E4;
		display: block;
		width: 0;
		z-index: 0;
		left: -9px;
		top: 42px;
	}

	.comment__content h5 {
		display: inline-block;
		font-size: 1.1em;
		font-weight: 900;
		margin: 0;
	}

	.comment__content--time {
		display: inline-block;
		color: #2F2F2F;
		font-size: 0.9em;
		font-weight: 700;
		letter-spacing: -0.05em;
		margin-left: 10px;
	}

	.comment__content--time span {
		font-size: 1.6em;
	}

	.comment__content p {
		margin: 10px 0;
		line-height: 1.4em;
		word-wrap: break-word;
	}

	.comment__replies {
		margin: 0;
		padding:0;
		position: relative;
	}

	.comment__replies .comment__author{
		position: relative;
	}

	.comment__replies .comment__author:before {
		content: '';
		width: 20px;
		height: 4px;
		position: absolute;
		top: 50px;
		left: -40px;
		border-left: 1px solid #E4E4E4;
		border-bottom: 1px solid #E4E4E4;
	}

	.comment-reply-link,
	.comment-reply-link:hover {
		float: right;
		padding: 4px 10px;
		font-size: 0.8em;
	}

	.comment { overflow: hidden;}

	ol.children { margin-top: 80px;}
/*
	 Reply form
*/

	.reply__input::-webkit-input-placeholder,
	.reply__textarea::-webkit-input-placeholder {
		color: #000;
	}

	.reply__input:-moz-placeholder,
	.reply__textarea:-moz-placeholder { /* Firefox 18- */
	   color: #000;
	}

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

	.reply__input:-ms-input-placeholder,
	.reply__textarea:-ms-input-placeholder {
	   color: #000;
	}

	.reply {
		padding: 60px 0;
		border-bottom: 1px solid #EEE;
	}

	.reply-form__container {

	}

	.reply__info {
		display: block;
		font-style: italic;
		font-weight: 300;
		text-align: center;
		color: #999;
	}

	.reply__form {
		padding-top: 20px;
	}
	input[type="password"] {
		border: 1px solid #fafafa;
		background:  #fafafa;
		padding: 7px;
		border-radius: 22px;
	}
	.reply__input,
	.reply__textarea {
		width: 100%;
		border: 2px solid #000;
		height: 50px;
		text-indent: 1em;
		font-family: "Merriweather", serif;
		letter-spacing: -0.05em;
		border-radius: 8px;
		-webkit-border-radius: 8px;
		margin-bottom: 20px;
	}

	.reply__textarea {
		padding-top: 1em;
		max-width: 100%;
		min-widht: 100%;
		min-height: 8em;
	}

	.reply__input:focus,
	.reply__textarea:focus {
		-webkit-appearance: none;
		outline: 0;
		border: 2px solid #D75752;
	}
	.send,
	#submit {
		display: block;
		margin: 0 auto;
		padding: 9px 23px;
	}

	.send:hover,
	#submit:hover {
		padding: 9px 23px;
	}


/*
	 Previous / Next Post ( Single Post Pagination )
*/

	.posts-pagination {
		padding: 60px 0;
		border-bottom: 1px solid #eee;
	}

	.posts-pagination__prev,
	.posts-pagination__next  {
		color: #000;
		transition: all 150ms ease;
		-webkit-transition: all 150ms ease;
	}

	.posts-pagination__next {
		text-align: right;
	}

	.posts-pagination__prev i,
	.posts-pagination__next i {
		padding: 11px 12px 10px 12px;
		border: 2px solid #000;
		margin: 0 10px 0 0;
		float: left;

		border-radius: 50%;
		-webkit-border-radius: 50%;

		transition: all 150ms ease;
		-webkit-transition: all 150ms ease;
	}

	.posts-pagination__next i {
		margin: 0 0 0 10px;
	}

	.posts-pagination__prev:hover,
	.posts-pagination__next:hover  {
		color: #202020;
	}

	.posts-pagination__prev:hover i,
	.posts-pagination__next:hover i  {
		color: #fff;
		background: #000;
	}

	.prev-post__time {
		text-align: right;
		display: block;
		letter-spacing: -0.1em;
		color: #B5B5B5;
		font-size: 0.8em;
		padding-bottom:1em;
	}

	.next-post__time {
		text-align: left;
		display: block;
		letter-spacing: -0.1em;
		color: #B5B5B5;
		font-size: 0.8em;
		padding-bottom:1em;
	}

	.prev-post__icon {
		float: left;
	}

	.next-post__icon {
		float: right;
	}

	.prev-post__time span,
	.next-post__time span {
		font-size: 2em;
	}

	.prev-post__title h3 {
		text-align: right;
		margin: 0;
		word-break: break-word;
		padding-left: 60px
	}

	.next-post__title h3 {
		text-align: left;
		margin: 0;
		word-break: break-word;
		padding-right: 60px
	}

	.prev-post__title p,
	.next-post__title p {
		font-style: italic;
		font-weight: 300;
		color: #B5B5B5;
	}

	.prev-post__title p {
		text-align: right;
	}

	.next-post__title p {
		text-align: left;
	}

	/*
		10. Sidebar
	=================================== */

	.sidebar {
		margin-top: 80px;
		padding-left: 40px;
		margin-left: 20px;
		border-left: 1px solid #EEE;
		font-size: 0.85em;
		line-height: 1.8em;
	}

	.search-icon:before {
		content: '\f002';
		font-family: "FontAwesome";
		color: #000;
		font-size: 1em;
		display: inline-block;
	}

	.search-input {
		border: 2px solid #000;
		padding: 0.5em 0;
		text-indent: 0.5em;
		font-family: "Merriweather", serif;
		letter-spacing: -0.05em;
		border-radius: 8px;
		-webkit-border-radius: 8px;
		margin-left: 10px;
		font-size: 1em;
	}

	.search-input:focus {
		outline: none;
		-webkit-appearance: none;
	}

	.sidebar__widget {
		margin-bottom: 3em;
	}

	.sidebar__widget ul {
		margin: 0;
		padding: 0;
	}
	.sidebar__widget ul	 ul {
		margin-left: 10px;
		margin-bottom: 10px;
	}

	.sidebar__widget img {
		border-radius: 8px;
		-webkit-border-radius: 8px;
	}

	.sidebar__instagram li {
		width: 100px;
		margin: 1px 3px;
		display: inline-block;
	}


	/*
		11. Pages
	=================================== */
	.page {
		border-bottom: 1px solid #eee;
		padding-bottom: 55px;
	}
	body.page{
		padding-bottom: 0px;
		border-bottom: 0px;
	}
	.page .page__header {
		overflow: hidden;
	}
	.breadcrumbs {
		width: 100%;
		text-align: center;
		display: block;
		font-size: 0.9em;
		margin-top: 40px;
		padding: 0;
	}

	.breadcrumbs li {
		display: inline-block;
		font-weight: 400;
		color: #666;
	}

	.breadcrumbs li a {
		font-weight: 700;
		margin-left: 5px;
	}

	.breadcrumbs li i {
		padding: 0 9px;
	}

	.title__separator {
		width: 120px;
		height: 1px;
		margin: 35px auto;
		display: block;
		background: #D75752;
	}

	.page__title {
		font-size: 2.5em;
		font-weight: 900;
		color: #202020;
		letter-spacing: -0.045em;
		text-align: center;
		margin: 1em 0 0.4em 0;
	}

	.page__content {
		font-size: 1em;
		line-height: 1.6em;
		width: 100%;
		margin: 0 auto 2.4em;
	}

	.page__content ul {
		list-style: circle;
	}

	.page__content ol {
		list-style: decimal;
	}

	.contact__info {
		text-align: center;
		margin-bottom: 3em;
	}

	.fill {
		background: #D75752;
		padding: 13px 0;
		margin: 10px 0;
		text-align: center;
		color: #FFF;
		font-size: 14px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}


	/*
		12. Elements
	=================================== */

/*
	Tabs
*/

	.tabs-nav {
		list-style: none;
		padding: 6px 0;
		margin: 0;
	}

	.tabs-nav li {
	    display: inline;
	}

	.tabs-nav li a {
		padding: 12px 14px 10px;
		text-decoration: none;
		background-color: #f5f5f5;
		border-bottom: none;
		outline: none;
		font-size: 14px;
		font-weight: 700;
		color: #000;

		-webkit-transition: all .15s ease-in-out;
		-moz-transition: all .15s ease-in-out;
		transition: all .15s ease-in-out;

		border-radius: 4px 4px 0 0;
		-moz-border-radius: 4px 4px 0 0;
		-webkit-border-radius: 4px 4px 0 0;
	}

	.tabs-nav li a:hover {
		color: #000;
		background-color: #ebebeb;
	}

	.tabs-nav li.active a {
		padding: 1.1em 1.4em 0.8em;
		border-bottom: none;
		background-color: #EBEBEB;
		font-weight: 700;
	}

	.tabs-nav li.active a:hover {
		border-bottom: none;
	}

	.tabs-container {
		border-top: none;
		padding: 1.6em;
		border: 1px solid #EEE;
		border-radius:  0 8px 8px 8px;
		-webkit-border-radius:  0 8px 8px 8px;
	}

	.tab-content {
		display: none;
	}

	.tab-content p {
		margin: 0;
		font-size: 0.85em;
		line-height: 1.8em;
	}


/*
	Lists
*/

	/*  Lists with "ok" or "check" icons */
	.check-list ul {list-style-type: none; margin-bottom: 10px;}
	.check-list li {line-height: 23px; margin-left: 23px; font-size: 13px;}
	.check-list li:before {
		content: "\f00c";
		display: inline-block;
		width: 23px;
		margin-left: -23px;
		font-family: 'FontAwesome';
		font-size: 15px;
	}

	/*  Lists with "ok" or "check" icons in circle */
	.check-circle-list ul {list-style-type: none; margin-bottom: 10px;}
	.check-circle-list li{line-height: 25px; margin-left: 23px; font-size:15px; font-weight: 400;}
	.check-circle-list li:before {
		content: "\f05d";
		display: inline-block;
		width: 23px;
		margin-left: -23px;
		font-family: 'FontAwesome';
		font-size: 14px;
	}

	/*  Lists with plus "+" icons */
	.plus-list ul {list-style-type: none; margin-bottom: 10px;}
	.plus-list li {line-height: 25px; margin-left: 23px; font-size:15px; font-weight: 400;}
	.plus-list li:before {
		content: "\f067";
		display: inline-block;
		width: 23px;
		margin-left: -23px;
		font-family: 'FontAwesome';
		font-size: 14px;
	}

	/*  Lists with minus "-" icons */
	.minus-list ul {list-style-type: none; margin-bottom: 10px;}
	.minus-list li {line-height: 25px; margin-left: 23px; font-size:15px; font-weight: 400;}
	.minus-list li:before {
		content: "\f068";
		display: inline-block;
		width: 23px;
		margin-left: -23px;
		font-family: 'FontAwesome';
		font-size: 14px;
	}

	/*  Ordered Lists */
	.ordered-list ul {margin-bottom: 10px; list-style-type: decimal;}
	.ordered-list li {line-height: 25px; margin-left: 23px; font-size:15px; font-weight: 400;}

	/*  Ordered Lists */
	.nested-list ul {list-style-type: none;}
	.nested-list li {line-height: 25px; margin-left: 23px;}
	.nested-list li:before {
		content: "\f101";
		display: inline-block;
		width: 18px;
		margin-left: -18px;
		font-family: 'FontAwesome';
		font-size: 14px;
	}
	.nested-list li ul { line-height: 25px; margin: 5px 0!important;}
	.nested-list li ul li:before  {
		content: "\f105";
		display: inline-block;
		width: 18px;
		margin-left: -18px;
		font-family: 'FontAwesome';
		font-size: 14px;
	}

/*
	Tables
*/
	table,
	table.default-table {
		width: 100%;
		border-collapse: separate;
		border-spacing: 0;
		border: none;
		margin-bottom: 15px;
	}

	table.default-table th:first-child {
	}
	table th:last-child,
	table.default-table th:last-child {
		border-right: 1px solid #E7E7E7;
	}
	table td:last-child
	table.default-table td:last-child {
		border-right: 1px solid #E7E7E7;
	}

	table th,
	table.default-table th {
		border: 1px solid #E7E7E7;
		border-right: none;
		background-color: #F5F5F5;
		text-align: left;
		padding: 13px 15px 10px;
		color: #454545;
		vertical-align: top;
		font-size: 13px;
		font-weight: 700;
	}

	table td,
	table.default-table td {
		padding: 10px 15px;
		border: #E7E7E7 1px solid;
		border-top: none;
		border-right: none;
	}

	table th:first-child,
	table.default-table th:first-child {
		border-radius: 4px 0 0 0;
		-moz-border-radius: 4px 0 0 0;
		-webkit-border-radius: 4px 0 0 0;
	}

	table th:last-child,
	table.default-table th:last-child {
		border-radius: 0 4px 0 0;
		-moz-border-radius: 0 4px 0 0;
		-webkit-border-radius: 0 4px 0 0;
	}


	table tr:last-child td:first-child,
	table.default-table tr:last-child td:first-child {
		border-radius: 0 4px 0;
		-moz-border-radius: 0 4px 0;
		-webkit-border-radius: 0 4px 0;
	}

	table tr:last-child td:last-child,
	table.default-table tr:last-child td:last-child {
		border-radius: 0 0 4px 0;
		-moz-border-radius: 0 0 4px 0;
		-webkit-border-radius: 0 0 4px 0;
	}

/*
	Notification Boxes
*/

	.alert {
		width: 100%;
		margin-bottom: 10px;

		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}

	.alert p {
		padding: 15px 0;
		margin-left: 20px;
		font-size: 14px;
	}

	.close {
	 	font-size: 20px;
		font-weight: bold;
		cursor: pointer;
		display: block;
		float: right;
		margin-top: 14px;
		margin-right: 20px;
		color: #000;
		opacity: 0.3;
		zoom: 1;
		filter: alpha(opacity=30);

		transition: all 0.2s;
		-moz-transition: all 0.2s;
		-webkit-transition: all 0.2s;
	}

	.close:hover {
		opacity: 0.5;
		zoom: 1;
		filter: alpha(opacity=50);
	}

	/* Colors */
	.wpcf7-response-output.wpcf7-mail-sent-ng{
		color: #fff;
		background-color: #FF5454;
		text-align: center;
		width: 50%;
		margin: 0px auto;
	}
	.error { background-color: #FF5454; }
	.error p { color: #fff; }

	.warning { background-color: #FFEB00; }
	.warning p { color: #857500; }

	.wpcf7-response-output.wpcf7-mail-sent-ok {
		color: #455E22;
		background-color: #aae457;
		text-align: center;
		width: 50%;
		margin: 0px auto;
	}
	.success { background-color: #aae457; }
	.success p { color: #455E22; }

	.info { background-color: #2ECDF5; }
	.info p { color: #fff; }


/*
	Accordion
*/

	.accordion {
		background: #fff;
		padding: 0;
	}

	.ui-accordion-header {
		margin: 0 auto 8px;
		padding: 15px 18px;
		display: block;
		position: relative;
		font-size: 15px;
		font-weight: 700;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		background-color: #f5f5f5;
		color: #000;
	}

	.ui-accordion-header:after {
		content: "\f067";
		font-family:'FontAwesome';
		position: absolute;
		right: 25px;
		top: 17px;
		font-size: 14px;
		font-weight: normal;
	}

	.ui-accordion-content {
		margin: 1.2em;
		font-size: 0.85em;
		line-height: 1.8em;
	}

	.ui-accordion-header:hover,
	.ui-accordion-header.ui-state-active {
		-webkit-transition: all 0.15s ease-in-out;
		-moz-transition: all 0.15s ease-in-out;
		transition: all 0.15s ease-in-out;
	}

	.ui-accordion-header.ui-state-active:after {
		content: "\f068";
		font-family:'FontAwesome';
		position: absolute;
		right: 25px;
		top: 17px;
		font-size: 14px;
		font-weight: normal;
	}

	.ui-accordion-header:hover{
		background: #ebebeb;
	}

	.ui-accordion-header.ui-state-active {
		color: #000;
	}


	/*
		13. Responsive Media Queries
	=================================== */

/*
	Smaller than standard 960 (devices and browsers)
*/

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

		.parallax-slider__slide h2 {
			font-size: 2em;
			margin-top: 9em;
		}

		.slider__item {
			position: relative;
			overflow: hidden;
		}

		.slide__caption {
			background: rgba(41, 41, 41, 0.65);
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			width: 100%;
			margin: 0;
			padding: 0;
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;

			transition: background 300ms ease-in-out;
			-webkit-transition: background 300ms ease-in-out;
			-ms-transition: background 300ms ease-in-out;
		}

		.slide__caption p, .slide__caption h2 {
			transform: none;
			-webkit-transform: none;
			-ms-transform: none;
			transition: none;
			-webkit-transition: none;
			-ms-transition: none;
		}

		.slide__caption p {
			display: none;
		}

		.slide__caption:hover {
			background: rgba(41, 41, 41, 0.65);
		}

		.slide__caption:hover h2 {
		    -webkit-animation: none; /* Chrome, Safari, Opera */
		    animation: none;

			transform:none;
			-webkit-transform: none;
			-ms-transform: none;
		}

		.slide__caption:hover p {
		    -webkit-animation: none;
		    animation: none;

			transform:  none;
			-webkit-transform:  none;
			-ms-transform: none;
		}

		.slider__button,
		.slide__caption:hover .slider__button {
			display: none;
		}

		.slider__item img {
			-webkit-transform-style: none;
			width: 100%;
			-webkit-transition: none;
			transition: none;
			-webkit-transform: none;
			transform: none;
			max-width: none;
		}

		.slider__item:hover img {
			-webkit-transform: none;
			transform: none;
		}

	}

/*
	Tablet Portrait size to standard 960 (devices and browsers)
*/

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

		.slide__caption h2 {
			font-weight: 700;
			font-size: 1em;
		}

	}

/*
	All Mobile Sizes (devices and browser)
*/

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

		body {
			font-size: 0.9em;
		}

		.main__container,
		.content-wrap {
			overflow: hidden;
			width: 100%;
			height: 100%;
		}

		.mobile-menu__wrap a {
			color: #474747;
			font-size: 1.1em;
			font-weight: 900;
		}

		.mobile-menu__wrap a:hover,
		.mobile-menu__wrap a:focus {
			color: #D75752;
		}

		.mobile-menu__search {
			display: block;
		}

		.content {
			position: relative;
		}

		.content::before {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 10;
			width: 100%;
			height: 100%;
			background: rgba(0,0,0,0.3);
			content: '';
			opacity: 0;
			-webkit-transform: translate3d(100%,0,0);
			transform: translate3d(100%,0,0);
			-webkit-transition: opacity 0.4s, -webkit-transform 0s 0.4s;
			transition: opacity 0.4s, transform 0s 0.4s;
			-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
			transition-timing-function: cubic-bezier(0.7,0,0.3,1);
		}

		.mobile-menu__wrap,
		.menu-button {
			display: block;
		}

		.main-header__top,
		.main-header__navigation {
			display: none;
		}

		.single-post__content p {
			margin: 0 0 30px;
		}

		.main-content__post {
			margin-top: 40px;
		}

		.post__meta {
			padding-top: 25px;
		}

		.post__time {
			font-size: 1.4em;
			width: 100%;
			margin-top: 20px;
		}

		.time_large {
			font-size: 1.4em;
		}

		.post__title {
			font-size: 2em;
		}

		.post__button:before, .post__button:after {
			width: 32%;
		}

		.pagination {
			position: relative;
		}

		.pagination__numbers{
			position: absolute;
			top: 50px;
			width: 100%;
			text-align: center;
			display: block;
		}

		.pagination__numbers li {
			padding: 5px;
		}

		.pagination__prev, .pagination__next {
			width: 50%;
		}


		.comments__list li {
			margin-bottom: 10px;
		}

		.comment__content {
			border-top: 1px solid #E4E4E4;
			border-left: none;
			padding: 20px 0;
			margin: 20px 0;
		}

		.comment__content:before {
			top: -19px;
			left: 40px;
			border: solid rgba(0, 0, 0, 0);
			content: " ";
			height: 0;
			width: 0;
			position: absolute;
			pointer-events: none;
			border-color: rgba(229, 229, 229, 0);
			border-bottom-color: #DBDBDB;
			border-width: 9px;
		}

		.comment__content:after {
			top: -18px;
			left: 40px;
			border: solid rgba(0, 0, 0, 0);
			content: " ";
			height: 0;
			width: 0;
			position: absolute;
			pointer-events: none;
			border-color: rgba(229, 229, 229, 0);
			border-bottom-color: #FFF;
			border-width: 9px;
		}

		p.copyrights {
			text-align: center;
		}

		.footer__socials {
			float: none;
			text-align: center;
		}

	}

/*
	Mobile Landscape Size to Tablet Portrait (devices and browsers)
*/

@media only screen and (min-width: 480px) and (max-width: 767px) {

		.slide__caption h2 {
			font-weight: 700;
			font-size: 1em;
		}

	}

/*
	Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
*/

@media only screen and (max-width: 479px) {
		.slide__caption h2 {
			font-weight: 700;
			font-size: 1.2em;
		}

	}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/



@media screen and (max-width: 600px) {
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}

	.main-navigation ul {
		display: none;
	}
}

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

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

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

/*--------------------------------------------------------------
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: 1.4rem;
	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: 0 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 {
	content: "";
	display: table;
}

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

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/


/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
	padding: 10px;
	border: 1px solid #ddd;
}
.footer select {
	background: #000;
	color: #fff;
	border: 0px;
	padding: 10px;
	width: 100%;
}
.footer #wp-calendar caption {
	text-align: center;
	color: #fff
}
.footer #wp-calendar tfoot td,
.footer #wp-calendar thead th {
	background: #151515;
	color: #fff
}
.footer #wp-calendar tbody td {
	background: #000
}
.footer .search-input {
	background: #000;
	color:#fff;
	width:100%;
}
.rsswidget img{ float: right;}

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

/* calendar widget */

#wp-calendar {width: 90%; }
#wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
table#wp-calendar th,
table#wp-calendar td { padding: 5px; background: #fff; border:0px;}
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; background: #fafafa; text-align: center; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }


.widget_rss li {
	margin: 10px 0px;
}
.widget_rss li a.rsswidget {
	display: block;
}

img.wp-smiley { display: inline; }
/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

img.attachment-post-thumbnail.wp-post-image {
	text-align: center;
	margin: 0px auto;
}


.page-content ul,
.post-content__post ul {
	list-style: disc;
	margin: 0 25px 30px;
}

.page-content ul ul,
.post-content__post ul ul {
	margin: 0 10px 10px;
}

.page-content ol,
.post-content__post ol{
	list-style: decimal;
	margin: 0 25px 30px;
}
.page-content ol ol,
.post-content__post ol ol {
	list-style: decimal;
	margin: 0 10px 10px;
}
/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

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

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


/*--------------------------------------------------------------
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 {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
	margin-bottom: 1.5em
}

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


.no-results,
.not-found {
	text-align: center;
}