/*!
Theme Name: The Soany Theme
Theme URI: http://www.shuttle-one.de/
Description: The default Dhyani Yogastudio Wordpress Theme
Version: 1
Author: Shuttle One, Sören Schumann
Tags: Soany Guigand, Dyhani Yogastudio, Shuttle One

The Soany Theme by S&ounl;ren Schumann || http://www.shuttle-one.de.com

*/
*/
/* palanquin-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Palanquin';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/palanquin-v16-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* palanquin-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Palanquin';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/palanquin-v16-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

.alignnone {
	margin:5px 20px 20px 0;
	margin:1em 0px 0px 0
}

.aligncenter,div.aligncenter {
	display:block;
	margin:5px auto 5px auto
}

.alignright {
	float:right;
	margin:1em0 20px 20px
}

.alignleft {
	float:left;
	margin:1em 20px 20px 0
}

a img.alignright {
	float:right;
	margin:1em 0 20px 20px
}

a img.alignnone {
	margin:1em 20px 20px 0;
	margin:0
}

a img.alignleft {
	float:left;
	margin:1em 20px 20px 0
}

a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto
}

.wp-caption {
	background:#fff;
	border:1px solid #f0f0f0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center
} 

.wp-caption.alignnone {
	margin:5px 20px 20px 0
}

.wp-caption.alignleft {
	margin:5px 20px 20px 0
}

.wp-caption.alignright {
	margin:5px 0 20px 20px
}

.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto 
}

.wp-caption p.wp-caption-text {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px
}

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

.comments-area {
	margin:0 0 3.5em
}

.comment-list+.comment-respond,.comment-navigation+.comment-respond {
	padding-top:1.75em
}

.comments-title,.comment-reply-title {
	font-size:23px;
	font-size:1.4375rem;
	font-weight:700;
	line-height:1.3125 
}

.comments-title {
	margin-bottom:1.217391304em
}

.comment-list {
	list-style:none;
	margin:0
}

.comment-list article,.comment-list .pingback,.comment-list .trackback {
	border-top:1px solid #d1d1d1;
	padding:1.75em 0 
}

.comment-list .children {
	list-style:none;
	margin:0
}

.comment-list .children>li {
	padding-left:0.875em
}

.comment-author {
	color:#1a1a1a;
	margin-bottom:0.4375em
}

.comment-author .avatar {
	float:left;
	height:28px;
	margin-right:0.875em;
	position:relative;
	width:28px
}

.bypostauthor>article .fn:after {
	content:"\f304";
	left:3px;
	position:relative;
	top:5px
}

.comment-metadata,.pingback .edit-link {
	color:#686868;
	font-size:13px;
	font-size:0.8125rem;
	line-height:1.6153846154 
}

.comment-metadata {
	margin-bottom:2.1538461538em
}

.comment-metadata a,.pingback .comment-edit-link {
	color:#686868
}

.comment-metadata a:hover,.comment-metadata a:focus,.pingback .comment-edit-link:hover,.pingback .comment-edit-link:focus {
	color:#007acc
}

.comment-metadata .edit-link,.pingback .edit-link {
	display:inline-block
}

.comment-metadata .edit-link:before,.pingback .edit-link:before {
	content:"\002f";
	display:inline-block;
	opacity:0.7;
	padding:0 0.538461538em
}

.comment-content ul,.comment-content ol {
	margin:0 0 1.5em 1.25em
}

.comment-content li>ul,.comment-content li>ol {
	margin-bottom:0
}

.comment-reply-link {
	border:1px solid #d1d1d1;
	border-radius:2px;
	color:#007acc;
	display:inline-block;
	font-size:13px;
	font-size:0.8125rem;
	line-height:1;
	margin-top:2.1538461538em;
	padding:0.5384615385em 0.5384615385em 0.4615384615em;
	text-decoration:none
}

.comment-reply-link:hover,.comment-reply-link:focus {
	border-color:currentColor;
	color:#007acc;outline:0
}

.comment-form label {
	color:#686868;
	display:block;
	font-size:13px;
	font-size:0.8125rem;
	letter-spacing:0.076923077em;
	line-height:1.6153846154;
	margin-bottom:0.5384615385em;
	text-transform:uppercase
}

.comment-list .comment-form {
	padding-bottom:1.75em
}

.comment-notes,.comment-awaiting-moderation,.logged-in-as,.form-allowed-tags {
	color:#686868;
	font-size:13px;
	font-size:0.8125rem;
	line-height:1.6153846154;
	margin-bottom:2.1538461538em 
}

.no-comments {
	border-top:1px solid #d1d1d1;
	font-weight:700;
	margin:0;
	padding-top:1.75em
}

.comment-navigation+.no-comments {
	border-top:0;
	padding-top:0
}

.form-allowed-tags code {
	font-family:Inconsolata, monospace
}

.form-submit {
	margin-bottom:0
}

.required {
	color:#007acc;
	font-family:Merriweather, Georgia, serif
}

.comment-reply-title small {
	font-size:100%
}

.comment-reply-title small a {
	border:0;
	float:right;
	height:32px;
	overflow:hidden;
	font-size:.6em;
	font-weight:300
}

.comment-reply-title small a:hover,.comment-reply-title small a:focus {
	color:#1a1a1a
}

.comment-reply-title small a:before {
	font-size:32px;
	position:relative;
	top:-5px
}

html {
	margin-top:0px !important;
	box-sizing:border-box;
	overflow-x:hidden 
}

* {
	margin:0;
	padding:0;
	box-sizing:border-box;
	font-size:100%
}

* html body {
	height:100%;
	margin-top:0px !important
}

a img,a,img {
	border:none;
	margin:0;
	padding:0
}

body {
	height:100%;
	font:100%/1.5 serif;
	font-family:'Palanquin', Helvetica Neue, Verdana, Arial, sans-serif;
	font-weight:200;
	color:#333;
	background:#fff;
	overflow-x:hidden
}

.wrapper {
	max-width:611px;
	margin:0 auto;
	text-align:left
		
	&::after {
	    content: '';
	    display: block;
	    clear: both;
	}
}

p {
	padding:0 0 1em
}

p2 {
	padding:0 0 1em;
	color:#fb0505
}

a {
	color:black;
	text-decoration:underline;
	outline:0 
}

a:hover {
	color:#fb0505
}

a.btn {
	padding:0.5em 3em;
	background:#fb0505;
	font-size:.875em;
	color:white;
	text-transform:uppercase;
	display:inline-block
}

a.btn:hover {
	text-decoration:none;
	box-shadow:0 0 5px #000
}

h1 {
	padding:0 0 .75em;
	font-weight:200;
	font-size:1.0625em;
	text-align:center;
	letter-spacing:1.5px
}

h1 a {
	color:black;
	text-decoration:none
}

h1 a:hover {
	color:#fb0505;
	text-decoration:none
}

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

strong {
	font-weight:400
}

hr {
	margin:30px 0;
	border:1px solid #fb0505;
	display:block
}

hr:after {
	clear:both;
	content:'';display:block
}

#main {
	position:relative;
	right:0;
	height:100%;
	background:none;
	-webkit-transition:all .5s ease-in-out 0s;
	-moz-transition:all .5s ease-in-out 0s;
	-ms-transition:all .5s ease-in-out 0s;
	-o-transition:all .5s ease-in-out 0s;
	transition:all .5s ease-in-out 0s
}

#main.offcanvas_show {
	min-width:100%;
	right:80%;
	-webkit-transition:all .5s ease-in-out 0s;
	-moz-transition:all .5s ease-in-out 0s;
	-ms-transition:all .5s ease-in-out 0s;
	-o-transition:all .5s ease-in-out 0s;
	transition:all .5s ease-in-out 0s
}

#main.offcanvas_show #single-post-thumbnail {
	right:80%;
	-webkit-transition:all .5s ease-in-out 0s;
	-moz-transition:all .5s ease-in-out 0s;
	-ms-transition:all .5s ease-in-out 0s;
	-o-transition:all .5s ease-in-out 0s;
	transition:all .5s ease-in-out 0s
}

#sidenav {
	position:fixed;
	top:0;
	right:-80%;
	width:80%;
	min-height:100%;
	background:white;
	display:inherit;
	-webkit-transition:all .5s ease-in-out 0s;
	-moz-transition:all .5s ease-in-out 0s;
	-ms-transition:all .5s ease-in-out 0s;
	-o-transition:all .5s ease-in-out 0s;
	transition:all .5s ease-in-out 0s;
	overflow-y:scroll 
}

#sidenav.offcanvas_show {
	right:0
}

#content {
	margin-top:350px
}

#content h1 {
	text-align:left
}

article {
	width:100%;
	padding-bottom:60px;
	background:white;
	letter-spacing:1px
}

article p img {
	margin-top:2em
}

article ol,article ul,article dl {
	margin:1em 0 1em 2em
}

article ol ol,article ol ul,article ol dl,article ul ol,article ul ul,article ul dl,article dl ol,article dl ul,article dl dl {
	margin:0 0 0 2em
}

article ol dt,article ul dt,article dl dt {
	margin-top:1em
}

article ol dd,article ul dd,article dl dd {
	margin-left:1em
}

article h2,article h3,article h4,article h5,article h6 {
	margin-top:2em;
	font-weight:200;
	font-size:1.25em;
	text-align:center
}

article h2 {
	margin-bottom:.5em
}

article h3 {
	font-size:1.125em;
	font-weight:400;
	text-align:left
}

article h4,article h5,article h6 {
	font-size:1.5em;
	font-family:'Palanquin', Helvetica Neue, Verdana, Arial, sans-serif;
	text-align:left;
	letter-spacing:0;
	color:#fb0505
} 

article blockquote {
	margin-left:2em
}

article h1 {
	font-size:1.5em
}

article table {
	width:100%;
	border-collapse:collapse
}

article table th {
	padding:5px;
	font-weight:400;
	border-bottom:2px solid #fb0505
}

article table td {
	padding:5px;
	border-bottom:1px solid #fb0505
}

article table tr:nth-child(even) td {
	background:rgba(165,200,46,0.1)
}

.figure-wrapper {
	position:relative;
	width:100%;
	min-height:0;
	height:0;
	margin-bottom:10px;
	background:#f9f9f9;
	overflow:hidden
}

.figure-wrapper:after {
	content:'';
	display:block;
	clear:both
}

figure.post-thumbnail-wrapper {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-size:cover;
	overflow:hidden;
	display:block;
	-webkit-filter:blur(20px);
	-moz-filter:blur(20px);
	-o-filter:blur(20px);
	-ms-filter:blur(20px);
	filter:blur(20px)
}

figure.post-thumbnail-wrapper.loaded {
	-webkit-filter:none;
	-moz-filter:none;
	-o-filter:none;
	-ms-filter:none;
	filter:none
}

figure.post-thumbnail-wrapper>* {
	display:none
}

.single #content {
	margin:0
}

.single h1 {
	margin-bottom:-13px;
	padding:10px 0 0px;
	font-size:1.5em;
	text-align:center !important
}

.single h1+p>i {
	color:#fb0505
}

#single-post-spacer {
	height:100vh;
	width:1px;
	display:block;
	-webkit-transition:margin-bottom 1s ease-in-out 0s;
	-moz-transition:margin-bottom 1s ease-in-out 0s;
	-ms-transition:margin-bottom 1s ease-in-out 0s;
	-o-transition:margin-bottom 1s ease-in-out 0s;
	transition:margin-bottom 1s ease-in-out 0s
}

#single-post-spacer:after {
	content:'';
	clear:both;
	display:block
} 

#single-post-spacer.show {
	margin-bottom:-80px
}

#single-post-thumbnail {
	position:fixed;
	width:100%;
	height:100%;
	z-index:-1;
	right:0px;
	top:0px;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	-webkit-transition:all .5s ease-in-out 0s;
	-moz-transition:all .5s ease-in-out 0s;
	-ms-transition:all .5s ease-in-out 0s;
	-o-transition:all .5s ease-in-out 0s;
	transition:all .5s ease-in-out 0s
}

.page-portfolio article h1 {
	font-size:1.125em;
	text-align:center !important
}

#pagination {
	margin:0 0 40px;
	text-align:center
}

#pagination:after {
	content:'';
	clear:both;
	display:block
}

#pagination a {
	text-decoration:none;
	display:none
}

#pagination a.prev,#pagination a.next {
	min-width:30px;
	height:30px;
	line-height:24px;
	background:none;
	color:#a5c82e;
	display:inline-block;
	vertical-align:baseline
}

#pagination .current {
	min-width:30px;
	height:24px;
	margin:0 10px;
	background:#fb0505;
	font-size:1.125em;
	line-height:1.125em;
	border-radius:15px;
	display:inline-block;
	color:white;
	vertical-align:text-top
}

#pagination .dots {
	display:none
}

#sidenav {
	padding-top:8px
}

#sidenav .box {
	margin-bottom:30px;
	padding:0 20px
}

#sidenav .box .title {
	font-weight:400
}

#sidenav #main-navigation {
	list-style-type:none;
	border-top:1px solid #fb0505
}

#sidenav #main-navigation li {
	border-bottom:1px solid #fb0505
}

#sidenav #main-navigation li a {
	padding:10px 5px;
	line-height:1em;
	text-decoration:none;
	display:block
} 

header#header {
	position:absolute;
	top:-55px;
	right:0;
	width:100%
}

header#header.fixed {
	position:fixed;
	top:0;
	background:white;
	z-index:2;
	-webkit-transition:top 1s ease-in-out 0s;
	-moz-transition:top 1s ease-in-out 0s;
	-ms-transition:top 1s ease-in-out 0s;
	-o-transition:top 1s ease-in-out 0s;
	transition:top 1s ease-in-out 0s
}

header#header.fixed.offcanvas_show {
	right:80%;
	-webkit-transition:all .5s ease-in-out 0s;
	-moz-transition:all .5s ease-in-out 0s;
	-ms-transition:all .5s ease-in-out 0s;
	-o-transition:all .5s ease-in-out 0s;
	transition:all .5s ease-in-out 0s
}

header#header.fixed .wrapper {
	width:100%;
	max-width:100%
}

header#header.fixed #logo {
	width:150px;
	margin:15px 0 0 20px;
	float:left
}

header#header.fixed ul#main-navigation {
	margin:5px 20px 0
}

header#header.offcanvas_show {
	min-width:100%;
	right:80%;
	-webkit-transition:all .5s ease-in-out 0s;
	-moz-transition:all .5s ease-in-out 0s;
	-ms-transition:all .5s ease-in-out 0s;
	-o-transition:all .5s ease-in-out 0s;
	transition:all .5s ease-in-out 0s
}

header#header #trigger-sidenav {
	margin:11px 20px 0;
	display:none
}

header#header h1 {
	margin:0;
	padding:0
}

header#header #logo {
	max-width:150px;
	margin:105px auto 40px;
	line-height:1em;
	display:block
}

header#header ul#main-navigation {
	list-style-type:none;
	float:right;
	display:block;
	text-align:center
}

header#header ul#main-navigation li {
	display:inline-block
}

header#header ul#main-navigation li.current_page_item a,header#header ul#main-navigation li.current-menu-item a {
	color:#fb0505
}

header#header ul#main-navigation li a {
	padding:10px 5px;
	font-size:1.0625em;
	letter-spacing:1.5px;
	line-height:1em;
	text-decoration:none;
	display:block
}

header#header #trigger-sidenav {
	text-decoration:none;
	float:right
}

header#header #trigger-sidenav i {
	margin-left:5px
}

footer#footer {
	padding:1em 0;
	background:white
}

footer#footer ul#footer-navigation {
	list-style-type:none;
	text-align:center;
	display:block
}

footer#footer ul#footer-navigation li {
	display:inline-block
}

footer#footer ul#footer-navigation li.current_page_item a {
	color:#fb0505
}

footer#footer ul#footer-navigation li a {
	padding:10px 5px;
	font-size:1.0625em;
	letter-spacing:1.5px;
	line-height:1em;
	text-decoration:none;
	display:block
}

.hidden {
	display:none !important
}

.alignleft {
	margin:1em 2em 2em 0;
	text-align:center;
	float:left
}

.alignright {
	margin:1em 0 2em 2em;
	text-align:center;
	float:right
}

.aligncenter {
	margin:1em auto 2em auto;
	text-align:center;
	display:block
}

@media screen and (max-width: 730px) {
	header#header {
		margin-top:55px;
		background:white;
		z-index:2;
		-webkit-transition:right .5s ease-in-out 0s;
		-moz-transition:right .5s ease-in-out 0s;
		-ms-transition:right .5s ease-in-out 0s;
		-o-transition:right .5s ease-in-out 0s;
		transition:right .5s ease-in-out 0s
	}
	
	header#header.fixed {
		margin-top:0
	}
	
	header#header.fixed ul#main-navigation {
		display:none
	}
	
	header#header.fixed #trigger-sidenav {
		display:inline-block
	}
	
	header#header .wrapper {
		width:100%;
		max-width:100%
	}
	
	header#header #logo {
		width:80%;
		margin:12px auto;
		float:none
	}
	
	header#header ul#main-navigation {
		float:none
	}
	
	#content {
		margin-top:275px
	}
}

@media screen and (max-width: 611px) {
	.wrapper {
		max-width:96%;
		margin:0 auto
	}
	
	hr {
		width:104%;
		margin:0 -2%
	}
}

@media screen and (max-width: 430px) {
	header#header.fixed #logo {
		width:230px
	}
	
	header#header.fixed #trigger-sidenav {
		margin-top:10px
	}
}

@media screen and (max-width: 400px) {
	header#header #logo {
		margin-left:2%
	}
	
	header#header ul#main-navigation {
		display:none
	}
	
	header#header #trigger-sidenav {
		display:inline-block
	}
}