/*
Theme Name: Ubud Child
Theme URI:
Description: Your child theme description text...
Author: Nicolas Stiller
Author URI: https://www.ekphrasis.de/
Template: ubud
Version: 1.0
Tags: Ubud Child Theme
*/

@font-face { font-family: 'Cormorant Garamond'; src:  url(/fonts/CormorantGaramond-Regular.tt); font-weight: 400; }
@font-face { font-family: 'Cormorant Garamond'; src:  url(/fonts/CormorantGaramond-Italic.ttf); font-weight: 400; font-style: italic; }
@font-face { font-family: 'Cormorant Garamond'; src:  url(/fonts/CormorantGaramond-Medium.ttf); font-weight: 500; }
@font-face { font-family: 'Cormorant Garamond'; src:  url(/fonts/CormorantGaramond-MediumItalic.ttf); font-weight: 500; font-style: italic; }
@font-face { font-family: 'Cormorant Garamond'; src:  url(/fonts/CormorantGaramond-SemiBold.ttf); font-weight: 700; }
@font-face { font-family: 'Cormorant Garamond'; src:  url(/fonts/CormorantGaramond-SemiBoldItalic.ttf); font-weight: 700; font-style: italic; }
@font-face { font-family: 'Cutive Mono'; src:  url(/fonts/CutiveMono-Regular.ttf); }
@font-face { font-family: 'Overpass Mono'; src:  url(/fonts/OverpassMono-Light.ttf); font-weight: 300; }
@font-face { font-family: 'Overpass Mono'; src:  url(/fonts/OverpassMono-Regular.ttf); font-weight: 400; }
@font-face { font-family: 'Overpass Mono'; src:  url(/fonts/OverpassMono-Medium.ttf); font-weight: 600; }
@font-face { font-family: 'Overpass Mono'; src:  url(/fonts/OverpassMono-Semibold.ttf); font-weight: 700; }

/* Stiller */
.single-post .entry-header h1.entry-title {display: none}
#home-button {float: none; margin-right: 10px; font-size: 0.875rem; margin-bottom: 5px; letter-spacing: -0.03em;}
.nav-previous, .nav-next {float: none; margin-bottom: 5px; font-style: normal}
.nav-next span, .nav-previous span {letter-spacing: -0.03em; padding: 0; background: none}
.nav-next span:before {content: none}
.nav-wrap {text-align: left}
.nav-next a:hover, .nav-previous a:hover {color: #000 !important}

/* Fußnoten */
.easy-footnote-title {border-top: 1px solid black}
.easy-footnote-title h4 {font-size: 1.07rem; margin: 10px 0 10px 0}
.post .entry-content .easy-footnote a {font-weight: 700; text-decoration: none}
a.easy-footnote-to-top {text-decoration: none !important}
.easy-footnote-to-top:after {font-family: 'fontawesome' !important; content: "\f148" !important}
ol.easy-footnotes-wrapper {font-size: 0.8rem;
    font-family: 'Cormorant Garamond';
    font-weight: 500;
    font-style: normal;
    line-height: 1.7em;
    letter-spacing: 0.03em;
    margin: 5px 0 25px;
    padding-left: 36px;
	padding-bottom: 10px;
	border-bottom: 1px solid black}
.entry-content ol li {margin-bottom: 0 !important}
sup {font-family: 'Cormorant Garamond', 'Times New Roman', Times, serif; bottom: 1.3ex; left: 2px}
.qtip {border-radius: 0 !important; border: 1px solid black !important; color: #000 !important}


/* Body */
body {font-family: 'Cutive Mono';}
h4 { font-family: 'Cormorant Garamond', Times New Roman, sans-serif; }

/* Hovers */
#site-about a#about-btn:hover,
#site-about a#close-btn:hover,
#infinite-handle span:hover {
	color: #000;
	border-bottom: 2px solid #000;
}
.entry-header h2.entry-title a:hover,
.list-view .entry-details a:hover,
.entry-details a:hover,
#comments ul.comment-meta a:hover,
#respond a#cancel-comment-reply-link:hover,
#comments .comment-author a:hover,
.author-info h6 a:hover,
.one-column .entry-header h2.entry-title a:hover {
	color: #000;
}
.post .entry-content a:hover,
.page .entry-content a:hover,
.commentlist .comment-text a:hover,
.about-introtext a:hover,
.about-full a:hover,
.textwidget a:hover,
.single-post .author-info p.author-description a:hover {
	color: #000;
}
.nav-next a:hover,
.nav-previous a:hover,
.previous-image a:hover,
.next-image a:hover {
	color: #000;
	opacity: 1;
}

/* Logo/Header */
#site-header {width: 100% /*war: width: 23%;*/}
#site-title {padding: 10px 0 0;}

#site-header h2 {margin-top: 10px;text-decoration: none}

/* About */
#site-about .about-introtext p,.about-fulltext p {font-size: 1.07rem;line-height: 1.3;letter-spacing: -0.03em;}
#site-about .about-introtext p:last-of-type {margin: 0 !important}
#site-about .about-fulltext {padding: 0}
#site-about a#about-btn, #site-about a#close-btn {margin-top: 10px; font-family: 'Cormorant Garamond'; font-weight: 400; line-height: 1em; font-size: 19px !important;}
#site-about .about-img-wrap {display: none;}

/* Archiv */
.archive-header {padding: 0 0 13px !important}

/* Suchfunktion */
.search-wrap {width: 9%;}
.search-wrap #searchform input#s {padding: 0 0 0 22px;font-family: 'Cutive Mono', 'Courier New', Courier, monospace}
.search-wrap #searchform input#s:focus {border-bottom: none;}
#searchform input[type="submit"] {font-family: 'Cutive Mono', 'Courier New', Courier, monospace; font-size: 0.75em; letter-spacing: 1px; padding: 11px 20px 10px; color: #fff;}
#searchform input#s {padding: 2px 3% 2px 2%;font-size: 1.4em;letter-spacing: 0; font-family: 'Cormorant Garamond', 'Times New Roman', Times, serif;}
.single-post .search-wrap {display: none}
#ekphrasis-search.search-wrap {display: block; width: 100%}
#ekphrasis-search.search-wrap #searchform {margin-top: -37px}

#ekphrasis-search.search-wrap ::-webkit-input-placeholder {color: #000}
	#ekphrasis-search.search-wrap :-moz-placeholder {color: #000;}
	#ekphrasis-search.search-wrap ::-moz-placeholder {color: #000;}
	#ekphrasis-search.search-wrap :-ms-input-placeholder {color: #000;}
	#ekphrasis-search.search-wrap #searchform input#s:active,
	#ekphrasis-search.search-wrap #searchform input#s:focus {
		border-bottom: 0 solid #000000;
	}
#ekphrasis-search.search-wrap #searchform input#s {background: none; letter-spacing: -0.03em; padding: 0 0 0 20px}

/* Suchergebnisse */
.archive-header h2.archive-title {font-family: 'Cutive Mono', 'Courier New', Courier, monospace; font-size: 0.85rem; text-decoration: none;}
.archive-header {padding: 0 0 98px;margin-top: 34px;}
.list-view .entry-header {margin-left: 0; width: 100%}

/* Mobile Navi */
.mobile-wrap {display: none;}

/* Vorheriger & Nächster */
.nav-previous:hover, .nav-next:hover {cursor: pointer}

/* Masthead */
#masthead {padding-bottom: 60px}

/* Headlines */
h1 {font-family: 'Cormorant Garamond', Times, serif; font-size: 42px; line-height: 1.1em; text-decoration: underline;}
.page .entry-header h1.entry-title {font-size: 2rem}

/*h2.entry-title a {font-size: 42px !important}*/
h2 {font-family: "Cormorant Garamond", "Times New Roman", Times, serif; font-size: 42px !important; font-weight: 400; }
h3 {font-family: 'Cutive Mono' !important}
h4 {font-size: 1.15rem; /* Impressum */}

/* Title Link */
.entry-header h2.entry-title {font-size: 32px; font-size: 2rem; line-height: 1.1;}

/* Headlines Grid-View */
.grid-view .entry-header h2.entry-title a {font-family: 'Cormorant Garamond', Times, serif; font-size: 32px; font-size: 2rem; line-height: 1.1; text-decoration: underline; color: #fff !important;}

/* Headlines List-View */
.list-view .entry-header h2.entry-title a {font-family: 'Cormorant Garamond', Times, serif; font-size: 32px !important; font-size: 2rem; line-height: 1.1;}
.list-view .entry-header h2.entry-title a:hover {text-decoration: none !important; color: #000 !important;}

/* Absätze */
.entry-content p {letter-spacing: /*-0.02em*/ -0.03em; font-size: 1.07rem; line-height: /*1.6*/ 1.3;}
.entry-content p.pull-left {font-family: 'Cormorant Garamond', Times, serif; font-size: 22px; font-style: normal; font-weight: 500; letter-spacing: 0; line-height: 1.3;}
p.kursiv {font-family: 'Cormorant Garamond', Times, serif; font-style: italic; letter-spacing: 0.02em; padding-top: 20px; border-top: 1px solid #000;}
.single-post.list-view .site-content article.post .entry-content p {letter-spacing: /*-0.02em*/ -0.03em; font-size: 1.07rem; line-height: /*1.6*/ 1.3;}
.single-post.list-view .site-content article.post .entry-content p.pull-left {font-family: 'Cormorant Garamond', Times, serif; font-size: 22px; font-style: normal; font-weight: 500; letter-spacing: 0; line-height: 1.3;}
.single-post.list-view .site-content article.post .entry-content p.kursiv {font-family: 'Cormorant Garamond', Times, serif; font-style: italic; letter-spacing: 0.02em; padding-top: 20px; border-top: 1px solid #000;}

em {font-family: 'Cormorant Garamond', Times, serif; letter-spacing: 0; text-decoration: none; margin: 0 0 0 -8px;}
em:before {content: '— '}

/* Bildunterschriften */
h5 {font-size: 0.8rem; font-family: 'Cormorant Garamond'; font-weight: 500; font-style: italic; line-height: 1.4; letter-spacing: 0.03em; margin: 5px 0 25px; color: #000}
h5.bu {margin-top: -25px;}

/* White Box */
.white-box {background: #fff; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; border-top: 5px solid #000;}
    
/* Grid Switcher */
.grid-switcher {font-family: 'Cutive Mono';}

/* About-Bereich Startseite Absätze */
/*#site-about .about-fulltext p {font-size: 1rem;}*/

/* Meta Infos + Nav Single */
.entry-details .entry-date, .entry-details .entry-edit {font-family: 'Cutive Mono', monospace; font-style: normal}
.entry-details a {font-size: 14px;}
.entry-details .entry-author, .entry-details .entry-cats, .entry-details .entry-comments, .entry-details .entry-edit {display: none !important}
.entry-date:before {display: none !important;}
.single-post .entry-details, .single-post.list-view .entry-details {margin: 5px 0 0;}
#nav-single {padding: 0 0 15px;}
.single-post .entry-header h1.entry-title {text-decoration: none;}
.list-view .entry-details .entry-date {font-weight: normal;}

/* Social Sharing Buttons */
.share-links-wrap ul li {display: inline-block;}
.entry-details .share-links-wrap ul {padding: 0}
.share-links-wrap ul li.pinit { max-width: 70px }
.share-links-wrap ul li.fb { width: 170px }
.share-links-wrap ul li.fb iframe { width: 170px; height: 30px; }

/* Kommentare */
.entry-comments a {display: none;}
.entry-details .entry-comments:before {display: none;}
#comments {border-top: 5px solid #000;}
#comments #respond h3#reply-title {display: none;}
#comments #respond {padding: 30px 0 0;}
input#submit, #commentform textarea#comment, #commentform input#author, #commentform input#email, #commentform input#url {font-family: 'Cormorant Garamond', 'Times New Roman', Times, serif;}
input#submit {font-family: 'Cutive Mono', 'Courier New', Courier, monospace; font-size: 0.75em; letter-spacing: 1px; padding: 14px 20px 13px; color: #fff;}
#commentform textarea#comment {padding: 8px 1.5% !important; font-size: 2em; line-height: 1.17;}
#commentform input#author, #commentform input#email, #commentform input#url {padding: 5px 4%; font-size: 2em; line-height: 1.17;}
#comments h3.comments-title {font-family: 'Cutive Mono', 'Courier New', Courier, monospace !important; font-size: 0.85rem; font-weight: 400;}
#comments p.comment-awaiting-moderation {font-style: normal !important; color: #ffffff; padding-top: 1px; padding-left: 7px; background-color: #000; margin-top: 30px;}
#comments .comment-author {font-family: 'Cormorant Garamond', Times, serif !important; font-size: 1.3em; font-weight: normal; text-decoration: underline;}
#comments .comment-author:after {content: ':';}
#comments .comment-author:hover {text-decoration:none;}
#comments .comment-author a:hover {color: #000;}
#comments .comment-text {border-bottom: 1px solid #000 !important; padding: 10px 0 10px 0 !important;}
#comments .comment-text p {line-height: 1.25; letter-spacing: -0.03em; padding-bottom: 20px;}
#comments .comment-text p:last-child {padding-bottom: 0;}
textarea, input {border-radius: 0;}
#comments li.comment ul.children {margin-left: 20px;}
.comment-form-cookies-consent {margin-top:100px;}

/* Footer/Credits */
#colophon {font-family: 'Cutive Mono'; padding-bottom: 20px;}
#colophon, #colophon a {color: #000;}
#colophon a:hover {color: #000; text-decoration: underline;}
#colophon #site-info ul.credit li, #colophon p.credittext {padding-left: 1px; font-style: normal}

.site-content ol.commentlist {padding: 0 !important }

/* Einzelseiten */
.single-post #site-title {display: none}
.single-post #masthead {padding-bottom: 0}
.single-post .entry-details .entry-date {display: none !important}
.single-post .entry-header {padding-bottom: 0}

/* WP Front Scroll To Top */
#wpfront-scroll-top-container img {width: 50% !important;}

/* Cookie Notice */
/* #cookie-notice {font-size: 11px; line-height: 14px; text-align: left; letter-spacing: -0.5px}
#cookie-notice a {text-decoration: underline; color: #fff}
.cookie-notice-container {padding: 1px 10px; padding-left: 32px;}
#cookie-notice .button.wp-default {font-family: 'Cutive Mono', 'Courier-New', Courier, monospace ; line-height: 18px; padding: 4px 70px; background: #fff; color: #000; border-radius: 0; text-shadow: none; border-width: 0; font-size: 15px; text-align: center}
#cookie-notice .button {float: right; margin: 9px 23px 10px 10px}
#cn-notice-text {text-align: left !important; float: left; max-width: 1210px; padding-top: 8px} */
.cookie-notice-container {line-height: 15px}
#cn-notice-text {letter-spacing: -1px; font-style: normal}
.cn-button.wp-default {font-family: sans-serif;
line-height: 16px;
padding: 2px 12px;
background: #fff;
color: #000;
text-shadow: 0;
-moz-box-sizing: border-box;
border-radius: 0;
border-width: 0;
cursor: pointer;
display: inline-block;
font-size: 10px;
font-style: normal;
text-decoration: none;
white-space: nowrap;
outline: none;}


/* Borlabs Cookie
._brlbs-cb-vimeo, ._brlbs-cb-youtube { position: absolute; bottom: 0; } */


/* Media Queries */

/* Minimum width of 635 pixels (smartphones landscape)
------------------------------------------------------------------------------------ */
@media screen and (min-width: 635px) {
	
	#single-post.list-view #masthead, #single-post.grid-view #masthead {padding-bottom: 0}

	/* About Bereich */
	#site-about {display: inline-block; padding: 25px 0 0}

}

@media screen and (max-width: 635px) {
	#site-header {width: 100% !important;}
	#site-title {padding: 10px 0 0;}
	#colophon {padding-bottom: 10px;}
	
	/* Headlines Grid-View */
	.grid-view .entry-header h2.entry-title a {color: #000 !important;}

	/* Navigation Mobile */
	#nav-single, #home-button {font-size: 1.07rem}
	.single-post .site-content .post .entry-thumbnail {padding-bottom: 10px}
	
	/* Suchfunktion Einzelseite */
	#ekphrasis-search.search-wrap #searchform {max-width: 100%; margin-left: 24px; margin-top: -35px}
	#ekphrasis-search.search-wrap #searchform input#s {font-size: 1.07rem}
	#ekphrasis-search.search-wrap #searchform input#s {background: none; padding: 0}

	/* Impressum */
	.page-id-13 .page .entry-header h1.entry-title {font-size: 2rem}
	h4 {font-size: 1.325rem;}
	
	.search-results #masthead {padding-bottom: 0px}
}

/* Spezial für Header */
@media screen and (min-width: 700px) {
	#site-header h2 {float: left; margin-top: -6px; margin-left: 32px; text-decoration: none; font-size: 36px}
	#site-header img {max-width: 22.9885%; float: left}	

	/* About Bereich */
	#site-about {padding: 56px 0 0}
}

/* Spezial für Header */
@media screen and (min-width: 636px) and (max-width: 766px) {
	#site-header {width: 100% /*war width: 40%;*/}
	#site-title {padding: 60px 0 0;}
	
	/* Headlines Grid-View */
	.grid-view .entry-header h2.entry-title a {color: #000 !important;}
	
	.search-results #masthead {padding-bottom: 30px}
	
}

/* Minimum width of 767 pixels (tablets portrait)
------------------------------------------------------------------------------------ */
@media screen and (min-width: 767px) {
	#site-title {padding: 35px 0 0;}
	
	/* Headlines Grid-View */
	.grid-view .entry-header h2.entry-title a {color: #000 !important;}
	
	/* Kommentare */
	#comments h3.comments-title {margin: 40px 0 80px;}
	#comments li.comment ul.children {margin-left: 35px;}

	/* About Bereich */
	#site-about {padding: 56px 0 0}

	/* Archiv */
	.list-view .archive-header {border-bottom: 1px solid #000; margin-top: -30px}
}

@media screen and (min-width: 1025px) {
	/* Reading Position Indicator */
	body #reading-position-indicator {display: none !important; height: 0 !important;}
}

@media screen and (max-width: 1024px) {
	h2.entry-title:hover {text-decoration: none !important;}

	/* Cookie Notice */
/*#cookie-notice {font-size: 11px; line-height: 14px; text-align: left; letter-spacing: -0.5px}
.cookie-notice-container {padding-left: 10px}
#cookie-notice .button.wp-default {font-family: 'Cutive Mono', 'Courier-New', Courier, monospace ; line-height: 18px; padding: 4px 8px; background: #fff; color: #000; border-radius: 0; text-shadow: none; border-width: 0; font-size: 15px; text-align: center}
#cookie-notice .button {float: left; width: 100%; margin: 10px 0}
#cn-notice-text {text-align: left !important; max-width: 100%}*/
#cookie-notice .cn-button {margin-left:0;display:block;margin-top:10px}
}

/* Spezial für Header */

@media screen and (min-width: 767px) and (max-width: 1200px) {
	/*#site-header {width: 35%;}*/
	#site-title {padding: 70px 0 0;}

}

/* Minimum width of 1200 pixels
------------------------------------------------------------------------------------ */
@media screen and (min-width: 1200px) {
	/* Grid-Switcher */
	.grid-switcher {float: right /*margin-bottom: -54px;*/}
	.grid-switcher a {padding: 18px 0 0 35px} 

	/* Seitentitel/Logo */
	#site-title {padding: 35px 0 0; /*89px 0 0;*/}
	.home #site-title {padding: 89px 0 0;}	

	.home #masthead {z-index: 1; /*war vorher z-index: -1*/;}

	.entry-header h2.entry-title a {text-decoration: underline;}

	/* Suchfunktion */
	.search-wrap {width: 9%;}
	.search-wrap #searchform input#s {padding: 0 0 0 22px;font-family: 'Cutive Mono', 'Courier New', Courier, monospace; margin-left: -3px}
	.search-wrap #searchform input#s:focus {border-bottom: none;}

	/* Suchfunktion Einzelseite */
	#ekphrasis-search.search-wrap #searchform {margin-left: 22px}
	#ekphrasis-search.search-wrap #searchform input#s {background: none; padding: 0}

	/* Suchergebnisse */
	body.home.list-view .entry-header {margin-left: 2.6822% !important}
	.search-results #site-nav, .home #site-nav {margin-bottom: -54px;}	
	.search-results.list-view .site-content .post .entry-thumbnail .entry-header {margin-left: 2.6822% !important}
	.search-results #site-title {padding: 89px 0 0}
	.search-results.grid-view .archive-header {margin-top: 4px}
	
	/* Headlines Grid-View */
	.grid-view .entry-header h2.entry-title a {color: #fff !important;}

	/* List View Thumbnailgröße und Größe der nebenstehenden Listenansicht */
  	.list-view .site-content .post .entry-thumbnail .entry-header {max-width: 74%;}
  	.list-view .site-content .post .entry-thumbnail a.thumb-img {max-width: 23%;}
  	
  	.single-post .entry-header, .single-post.list-view .entry-header {
  	position: fixed;
    margin-left: 910px;
    top: 88px;
    padding-right: 10px;
   }

	.single-post .entry-details, .single-post .entry-details a {display: block !important}
    
    .share-links-wrap ul li {
    display: block;
   }

	.entry-details .share-links-wrap ul {padding: 10px 0 0}
    
    .single-post .entry-content, .single-post.list-view .entry-content {
    max-width: 55%;
    padding-left: 0;
    margin-left: 200px;
   }
    
	/* Featured Image Abstand zu oben */
	.single-post .site-content .post .entry-thumbnail {padding-bottom: 89px}

	/* Website Titel */
	#site-header h2 {margin-top: -8px; font-size: 36px}

	/* About Bereich */
	#site-about .about-fulltext {width: 100%}
	#site-about {float: left; margin-left: 34px; padding-top: 0px; margin-top: 36px}
	#site-about .about-introtext p, #site-about .about-fulltext p {max-width: 740px}

	/* Impressum */
	.page-id-13 #site-title {padding: 35px 0 0}

	/* Navigation Einzelseite */
	#nav-single {padding: 0}
}

@media screen and (min-width: 1360px) {

.single-post .entry-header, .single-post.list-view .entry-header {
	position: fixed;
    margin-left: 960px;
    top: 88px;
    padding-right: 30px; 
	}
	
.share-links-wrap ul li {
    display: inline-block;
   }
    
.single-post .entry-content, .single-post.list-view .entry-content {
    max-width: 71.6474%;
    padding-left: 18.0076%;
    margin-left: 0;
   }

	/* About Bereich */
	#site-about .about-introtext p, #site-about .about-fulltext p {max-width: 900px}
}

/* Newsletter */

/*img.attachment-full.size-full.wp-post-image.mcRssImage,
.mcnTextContent img {
	margin-bottom: 60px !important;
}*/

.single-post .newsletter-desktop,
.single-post .newsletter-mobile {
	display: none;
}


.newsletter-desktop {
	float: right; 
	display: inline-block; 
	margin-top: 17px; 
	margin-left: 50px;
}
.newsletter-desktop a {
	font-size: 0.875rem;
}
.newsletter-desktop {
	display: none;
}



.newsletter-mobile {
	text-align: right;
	margin-top: 70px
}
.newsletter-mobile a {
	font-size: 1.07rem;
}


@media screen and (min-width: 767px) {
	.newsletter-mobile {
		text-align: left;
	}
}
@media screen and (min-width: 1200px) {
	.newsletter-mobile {
		display: none;
	}
	
	#masthead {
		padding-bottom: 140px;
	}
	
	.newsletter-desktop {
		display: inline-block;
	}
}