/*--------------------------------------------------------------
   General Styles
--------------------------------------------------------------*/
.no-right-padding{
	padding-right: 0;
}
.entry-media img{
	width: 100%;
	object-fit: cover;
}
.johannes-carousel.owl-carousel .owl-stage-outer{
	overflow: visible;
}
.johannes-slider article{
	opacity: 0;
}
.johannes-slider.owl-loaded article{
	opacity: 1;
}
.entry-media{
	font-size: 0;
	a{
		display: block;
	}

	margin-bottom: get-gutter-width('xl') * 0.25;
    @include mq('md') {
		margin-bottom: get-gutter-width('xl') * 0.35;
	}
    @include mq('lg') {
		margin-bottom: get-gutter-width('xl') * 0.75;
    }
}

//Johannes post

.johannes-post{
	margin-bottom: get-gutter-width('xs');	
    @include mq('md') {
		margin-bottom: get-gutter-width('md');	
	}
    @include mq('lg') {
		margin-bottom: get-gutter-width('xl');	
    }
}
.layouts-a .johannes-post,
.layouts-b .johannes-post{
	margin-bottom: get-gutter-width('xl') * 1.5;
}
.layouts-a [class*=col-]:last-child .johannes-post,
.layouts-b [class*=col-]:last-child .johannes-post{
	margin-bottom: get-gutter-width('xl');	
}
.entry-category{
	margin-bottom: get-gutter-width('xl') * 0.1;
}
.entry-category a{
	font-size: 14px;
	line-height: 1.3;
}
.entry-title{
    -ms-word-wrap: break-word;
	word-wrap: break-word;
	display: block;
	clear: both;
}

.entry-format{
	float: left;
}

.entry-title a,
.entry-meta a,
.entry-category a{
	transition: all .15s ease-in-out;
}
.entry-header .entry-title{
	a{
		display: block;
	}
}
.entry-header .entry-title,
.section-head .entry-title{
	margin:0;
}
.entry-title + .entry-meta{
	margin-top: 5px;
    @include mq('sm') {
		margin-top: 7px;
	}
    @include mq('md') {
		margin-top: 10px;
    }
}
.entry-meta{
	line-height: 1.6;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
    @include mq('md') {
		line-height: 1.3;
    }
}
.entry-meta .meta-item{
	display: flex;
	align-items: center;
}
.entry-meta .meta-item + .meta-item:before{
	content:"";
	height: 1px;
	width: 5px;
	margin: 0 5px;	
	opacity: .5;
    @include mq('md') {
		width: 7px;
		margin: 0 7px;
    }
}
.meta-category a {
	margin-right: 3px;
	&:after {
		content: ",";
		margin-left: 1px;
	}
	&:last-child {
		margin-right: 0;
		&:after {
			content: "";
		}
	}
}
.entry-meta-small .entry-meta {
    font-size: 1.2rem;
    line-height: 1.6;
}
.entry-meta-small .entry-title + .entry-meta {
		margin-top: 5px;
    @include mq('sm') {
		margin-top: 7px;
	}
    @include mq('md') {
		margin-top: 10px;
    }
}
.entry-meta-small .entry-meta .meta-item+.meta-item:before{
	width:5px;
	margin: 0 7px;
}
.entry-header + .entry-content{
	margin-top: get-gutter-width('xl') * 0.25;
	@include mq('md') {
		margin-top: get-gutter-width('xl') * 0.5;	
	}
}
.johannes-post p{
	margin-bottom: get-gutter-width('xl') * 0.3;
	@include mq('lg') {
		margin-bottom: get-gutter-width('xl') * 0.6;	
	}
}
//Layout D
.johannes-layout-d .entry-media{
	margin-bottom: 12px;
	@include mq('md') {
		margin-bottom: get-gutter-width('xl') * 0.4;	
	}
}
.johannes-layout-d .entry-header +.entry-content{
	margin-top: get-gutter-width('xl') * 0.25;
}
.johannes-layout-d.johannes-post p{
	@include mq('lg') {
		margin-bottom: get-gutter-width('xl') * 0.4;	
	}
}
//Layout E
.johannes-layout-f .entry-media{
	margin-bottom: 0;
}
.johannes-layout-e .entry-media{
	margin-bottom: get-gutter-width('xl') * 0.2;
	@include mq('md') {
		margin-bottom: 0;
	}
}

//Archive
.no-separator .section-title:after{
	display: none;
}
.section-head.no-separator .section-title{
	margin-bottom: get-gutter-width('xl') * 0.25;
}
.section-meta{
	font-size: 80%;
	@include mq('md') {
		font-size: 100%;
	}
}
.no-separator .section-meta{
	display:block;
}
.no-separator .section-meta + .section-description,
.no-separator .section-subnav + .section-description{
	margin-top: get-gutter-width('xl') * 0.5;
	margin-bottom: 7px;
}
.johannes-breadcrumbs{
	margin-bottom: 15px;
	@include mq('md') {
		margin-bottom: 24px;		
	}

}
.johannes-breadcrumbs span{
	padding: 0 3px;
}
.johannes-breadcrumbs a{
	transition: color .15s ease-in-out;
}
.rank-math-breadcrumb p {
	margin: 0;
}
.single-layout-2 .johannes-breadcrumbs,
.johannes-offset-bg .johannes-breadcrumbs,
.single-layout-5 .johannes-breadcrumbs{
	padding: 0;
}
.single-layout-2 .johannes-breadcrumbs span:first-child,
.johannes-offset-bg  .johannes-breadcrumbs span:first-child,
.single-layout-5 .johannes-breadcrumbs span:first-child{
	padding-left: 0;
}
.johannes-cover .johannes-breadcrumbs{
	color: #FFF;
}
.section-head .johannes-content{
	margin-left: auto;
	margin-right: auto;
}
.johannes-content p:only-of-type{
	margin-bottom: 0;
}
.section-vertical-margin,
.section-head.section-vertical-margin{
	margin-bottom: 15px;
	@include mq('md') {
		margin-bottom: get-gutter-width('md');
	}
	@include mq('lg') {
		margin-bottom: get-gutter-width('lg');
	}
	@include mq('xl') {
		margin-bottom: get-gutter-width('xl');
	}
}


.section-archive-1 .section-title:last-child,
.section-archive-2 .section-head.section-vertical-margin,
.section-archive-3 .section-head.section-vertical-margin{
	margin-bottom: 0;
}

//404
.container-404{
	position: relative;
	align-items: start;
}
.error404 .h0{
    font-size: 10rem;
    line-height: 1;
	display: block;
	@include mq('md') {
		font-size: 15rem;
		line-height: 1;
		text-align: left;
		}
	@include mq('lg') {
	font-size: 24rem;
	line-height: 1;
	text-align: left;
	}
}
.error404 .title-404{
	mix-blend-mode: multiply;
	font-size: 4rem;
	margin: 0;
	@include mq('md') {
		position: absolute;
		bottom: 0%;
		left: 30%;
	    font-size: 6rem;
	}
	@include mq('lg') {

    bottom:-50%;
    left: 30%;
    line-height: 1;
    font-size: 10rem;
	}
}
.container-404 .search-form{
	text-align: center;
}
.container-404 input[type=search]{
    border-left: none;
    border-right: none;
    border-top: none;
    text-align: center;
}
.container-404 input[type=submit]{
	min-width:200px;
	margin-top: get-gutter-width('xl') * 0.25;
}
.container-404 .search-alt{
	text-align: left;
	padding-top: 30px;
	padding-bottom: 30px;
	@include mq('md') {
	padding-top: 50px;
	padding-bottom: 50px;
	text-align: center;
	}
}

.johannes-sidebar .johannes-sidebar-branding .site-title{
    margin: 0;
    font-size: 4rem;
    line-height: 1;
}

.mt-0{
	margin-top: 0;
}


// Author list template
.author-list{
	.author-avatar{
		margin-left: 0;
	}
}
.author-content .mt-0{
	margin-bottom: 10px;
}
.author-description a{
	font-weight: bold;
}
.social-icons-clean a,
.social-icons-clean a:hover,
.author-description.social-icons-clean .johannes-button-square{
		border: none;
		opacity: 1;
		box-shadow: none;
		font-size: 1.8rem;
		padding: 7px 0;
		line-height: 1;
}
.section-subnav.social-icons-clean{
	display: flex;
	margin-top: -10px;
	justify-content: flex-start;
	@include mq('md') {
		justify-content: center;
	}
}
.section-subnav.social-icons-clean a{
    display: flex;
    line-height: 1;
	align-items: center;
	justify-content: start;
	transition: color .15s ease-in-out;
	@include mq('md') {
	justify-content: center;
	}
}
.author-content .author-description.social-icons-clean p{
	margin-bottom: 10px;
}
.author-content .mt-0 a{
    transition: color .15s ease-in-out;
}
.author-description.social-icons-clean .johannes-button-square{
    display: inline-flex;
	align-items: center;	
	width: 30px;
}

.archive.author .johannes-section.johannes-cover{
	height: auto !important;
}

//Search template
.section-description .search-alt input[type=text]{
	font-size: 4rem;
	font-weight: 900;
	opacity: 1;	
	@include mq('lg') {
		font-size: 5.2rem;	
	}
}
.section-description .search-alt input[type=text]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-size: 4rem;
	font-weight: 900;

	@include mq('lg') {
		font-size: 5.2rem;	
	}
}

.section-description .search-alt input[type=text]::-moz-placeholder { /* Firefox 19+ */
	font-size: 4rem;
	font-weight: 900;
	
	@include mq('lg') {
		font-size: 5.2rem;	
	}
}
.section-description .search-alt input[type=text]:-ms-input-placeholder { /* IE 10+ */
	font-size: 4rem;
	font-weight: 900;

	@include mq('lg') {
		font-size: 5.2rem;	
	}
}
.section-description .search-alt input[type=text]:-moz-placeholder { /* Firefox 18- */
	font-size: 4rem;
	font-weight: 900;

	@include mq('lg') {
		font-size: 5.2rem;	
	}
}
.section-description .search-alt input[type=text]{
    padding: 10px 0 5px;
}
.section-description .search-alt button[type=submit]{
	margin: 20px auto 24px;
}
//Goto top
.johannes-goto-top {
    position: fixed;

    z-index: 1041;

    display: none;
    font-size: 2.4rem;

    padding: 1px 0;
	text-align: center;
	transition: opacity .15s ease-in-out;

	right: 15px;
	bottom: 15px;
	width: 40px;
	height: 40px;
	line-height: 40px;
   
	@include mq('md') {
		right: 20px;
		bottom: 20px;
		width: 45px;
		height: 45px;
		line-height: 45px;
	}

    @include mq('xl') {
		right: 25px;
		bottom: 25px;
		width: 50px;
		height: 50px;
		line-height: 50px;
	}
}
.johannes-goto-top:hover{
	opacity: 1 !important;
}

//Shortcodes
.mks_separator{
	float: none;
	@extend .clearfix;
}
.mks_dropcap_letter{
	font-weight: 900;
    margin: 0 20px 0 0;
}
.mks_dropcap{
    margin: 5px 20px 0 0;
    padding: 0;
    text-align: center;
    min-height: 70px;
    min-width: 70px;
    display: flex;
    align-items: center;
    font-weight: 900;
    justify-content: center;
}
.mks_pullquote{
	padding: get-gutter-width('xl');
	font-weight: 900;	
	line-height: 1.6;
	margin-bottom: 30px;
	margin-top: 10px;
}
.mks_pullquote_left{
	@extend .alignleft;
}
.mks_pullquote_right{
	@extend .alignright;
}

// Pointer Events
.johannes-overlay .entry-header{
	pointer-events: none;
}
.johannes-overlay .entry-header a{
	pointer-events: auto;
}
.entry-content a:not([class*=button]),
.comment-content a:not([class*=button]){
    text-decoration: underline;
    transition: color .15s ease-in-out;
}




.johannes-items .col-12:last-child .johannes-post,
.johannes-items .col-12:last-child .johannes-post p:last-child,
.johannes-items .col-md-6:nth-last-child(-n+2) .johannes-post,
.johannes-items .col-md-6:nth-last-child(-n+2) .johannes-post p:last-child,
.johannes-items .col-lg-4:nth-last-child(-n+3) .johannes-post,
.johannes-items .col-lg-4:nth-last-child(-n+3) .johannes-post p:last-child{
	@include mq('lg') {
		margin-bottom: 0;
	}
}
.johannes-items .johannes-post .entry-header + .entry-footer,
.johannes-items .col-12:last-child .johannes-post .entry-footer,
.johannes-items .col-md-6:nth-last-child(-n+2) .johannes-post .entry-footer,
.johannes-items .col-lg-4:nth-last-child(-n+3) .johannes-post .entry-footer{
	margin-top: get-gutter-width('xl') * 0.3;
	@include mq('lg') {
		margin-top: get-gutter-width('xl') * 0.6;	
	}
}

body.single-post.johannes-sidebar-none .single-md-content,
body.page.johannes-sidebar-none .single-md-content{
	margin-left: auto;
	margin-right: auto;	
}
.mks_tab_nav_item.active {
    border-bottom: 2px solid #FFF;
    background: #FFF;
}
.mks_tabs.vertical .mks_tab_nav_item{
	margin: 0 0 -1px 1px;	
}
.johannes-empty-message a{
	font-weight: bold;	
}

.page .entry-single p + .paginated-post-wrapper {
    padding-top: 20px;
}

.johannes-post .more-link{
	display: none;
}