/* Adminbar */
#wp-admin-bar-site-name > a::after {
	content: " Grafik";
}
body.network-admin #wp-admin-bar-site-name > a::after {
	content: "";
}
#wp-admin-bar-blog-1 > a::after {
    content: " Grafik";
}
#wp-admin-bar-blog-2 > a::after {
    content: " Malerei";
}

/* Home */
body.home div.ausstellung-promo div..wp-block-cover.alignwide {
	max-height: 314px !important;
}
body.home .ausstellung-promo a {
	text-decoration: none !important;
}

body.home div.ausstellung-promo div:hover {
	/*background-color: #204333*/ !important;
	opacity: 0.75 !important;
}

/* Elements */
html, body, #body-wrap {
    height: 100%;
    min-height: 100%; 
}

h1, h2, h3, h4, h5, h6, .faux-heading {
	font-feature-settings: "lnum";
	font-variant-numeric: lining-nums;
	font-weight: 300;
	line-height: 1.25;
	margin: 4rem 0 2.5rem;
}

h1, .heading-size-1 { font-size: 2.2rem; }
h2, .heading-size-2 { font-size: 2.2rem; }
h3, .heading-size-3 { font-size: 2.2rem; }
h4, .heading-size-4 { font-size: 2.2rem; }
h5, .heading-size-5 { font-size: 2.2rem; }
h6, .heading-size-6 { font-size: 1em; }

.footer-credits,
.footer-copyright, 
.theme-credits {
    font-weight: 300;
}

.post-inner {
		/* sqpp */
	padding-top: 0rem;
}

figcaption,
.wp-caption-text {
	display: block;
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 1.3;
	margin-top: 1.3rem;
}

figure.featured-media {
	margin-bottom: 2em;
}

.alignnone, .aligncenter, .alignwide, .alignfull {
    margin-bottom: 2rem;
    margin-top: 0rem;
}
.wp-block-image {
   margin-bottom: 2rem;
   margin-top: 0rem;
}

.bild-rahmen img {
	border: 1px solid rgb(225,220,215);
}

/** Pagination */
.pagination-single a {
	font-weight: 300;
}

.pagination-single .arrow {
	display: none;
}
a.previous-post,
a.next-post {
    position: relative;
}
a.previous-post:before,
a.next-post:after {
    display: inline-block;
    position: absolute;
    /* font-weight: bold; */
}
a.previous-post:before {
    content: "‹";
    left: 0px;
}
a.next-post:after {
    content: "›";
    right: 0px;
}

a.previous-post {
    padding-left: 15px;
}
a.next-post {
    padding-right: 15px;
}
a.previous-post:before {
    padding-right: 5px;
}
a.next-post:after {
    padding-left: 5px;
}
a.previous-post:before,
a.next-post:after {
    font-size: 200%;
    top: -15px;
    /* font-weight: bold; */
}
/** sqpp page nav hack */
a.previous-post {
	margin-right: auto;
}
a.next-post {
	margin-left: auto;
}

nav.projektlink-wrap {
    margin-top: 0px;
    border-top: none;
}
a.projektlink {
    display: block;
    text-align: center;
    width: 100%;
}

/** Diashow block */
.diashow-hg figure {
	background-color: rgb(225,220,215);
}
.diashow-legende-darunter .wp-block-jetpack-slideshow_pagination {
	display: none !important;
}
.diashow-legende-darunter .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_slide figure {
	display: block;
}
.diashow-legende-darunter .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_caption.gallery-caption {
	position: relative;
}

/** Soliloquy */
.diashow-hg .soliloquy-wrapper ul {
  background-color: rgb(225,220,215);
}
.soliloquy-caption.soliloquy-caption-bottom {
	position: absolute !important;
	background-color: #00000080 !important;
}
.soliloquy-caption-inside {
  font-size: 15px !important;
	text-align: left !important;
	text-shadow: none !important;
	background-color: transparent !important;
	color: #ffffff !important;
	position: relative !important;
	padding-bottom: 10px !important;
	padding-left: 10px !important;
}
.soliloquy-container .soliloquy-next,
.soliloquy-container .soliloquy-prev {
	background-color: rgb(241,238,235) !important; 
	border: 1px solid rgb(241,238,235) !important; 
	border-radius: 3px;
}
.soliloquy-container .soliloquy-prev {
	background-image: url('https://tinoroellin.ch/wp-content/uploads/img/solil-slider-arrow-left-gray.png') !important;
}
.soliloquy-container .soliloquy-prev:hover {
	background-image: url('https://tinoroellin.ch/wp-content/uploads/img/solil-slider-arrow-left-black.png') !important;
}


.soliloquy-container .soliloquy-next {
	background-image: url('https://tinoroellin.ch/wp-content/uploads/img/solil-slider-arrow-right-gray.png') !important;
}
.soliloquy-container .soliloquy-next:hover {
	background-image: url('https://tinoroellin.ch/wp-content/uploads/img/solil-slider-arrow-right-black.png') !important;
}

.diashow-rahmen .soliloquy-item img {
  border: 1px solid rgb(225,220,215);
}

/* Layout */

/** Grid */
.grid .grid-item {
	margin-bottom: 3rem;
}

/** Wings */
body:not(.home) #body-wrap, 
#site-header, 
#site-content,
#site-footer {
	position: relative;
}
.wings {
	position: absolute;
	height: 100%;
	min-height: 100%;
	width: 100%;
	background: #ffffff;
	z-index: -10;
}
body.single .wings,
body.page .wings {
	background: #eeeeee;
}
.inner-wing {
	max-width: 120rem;
	height: 100%;
	min-height: 100%;
	background: #ffffff;
	margin-right: auto;
	margin-left: auto;
}

/*.section-inner {
	margin: 0 auto;
	max-width: 87rem;
	width: calc( 100% - 5rem );
}*/

/* Entry Content ---- */

/* ALIGNMENTS */
/*
.alignwide,
.alignfull {
	margin-bottom: 10rem;
	margin-top: 10rem;
}

.alignwide {
	max-width: 87rem;
	width: 87rem;
}

.alignfull {
	margin-left: calc( ( 100vw - 87rem ) / -2 );
}
*/

/* Header */

#site-pre-header {
    position: absolute;
    top: 0px;
    width: 100%;
    border-bottom: 1px solid #204333;
  height: 70px;
	height: 7rem;
    background: #eeeeee;
}
#site-pre-header {
	display: none;
}
body.home #site-pre-header {
	display: block;
}

#site-header {
	background: transparent;
	margin-bottom: 0rem;
	padding-top: 0rem;
	padding-bottom: 1.5rem;
	border-top: 1px solid #204333;
}
body.home #site-header {
	margin-top: 5rem;
	border-top: none;
}
#site-header .header-inner {
	padding-top: 1.2rem;
}

.site-title.faux-heading {
    padding-left: 25px;
}

.site-title {
    font-family: Georgia, serif !important;
	font-weight: bold !important;
    color: #204333;
}

.site-description {
	display: block;
	margin: 0 0 0 1rem;
	margin-left: 1rem;
	font-size: 2.2rem;
	font-weight: 300 !important;
}
@media ( min-width: 700px ) {
	
	#site-pre-header {
  	height: 90px;
		height: 9rem;
	}
	
	body.home #site-header {
		margin-top: 7rem;
	}
	#site-header .header-inner {
		padding-top: 1.2rem;
	}
	
	.site-description {
		font-size: 32px;
		font-size: 3.2rem;
	}
}
.site-description a {
    text-decoration: none;
}

@media ( max-width: 699px ) {
	.menu-modal {
		padding-top: 14rem;
	}
	.main-menu a {
		padding-left: 3rem;
	}
}

.toggle-text {
	display: none !important;
}
.nav-toggle .bar { 
    height: .2rem;
}
body:not(.home) .nav-toggle .bars {
    margin-top: 14px;
}
.bars .bar {
	background-color: #204333;
}

.menu-bottom {
	padding-bottom: 3rem;
}

/* Preview */
.preview {
	position: relative;
}

.preview-background-color {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(32, 67, 51, 0.7);
}
article.preview:hover .preview-background-color {
	background-color: rgba(32, 67, 51, 0.4);
}

.preview-header.mosaik {
	position: absolute;
	top: 2em;
	margin-right: 2em;
	margin-left: 2em;
}
.preview-header.mosaik h2.preview-title-top {
	display: inline-block;
	padding-top: 0.5em;
	border-top: 1px solid #ffffff;
}
.preview-header.mosaik h2.heading-size-3 {
	font-size: 1.9rem;
	line-height: 1.5;
}
.preview-header.mosaik h2.heading-size-3 a {
	text-decoration: none;
	color: #ffffff;
}

/* Media */

/** Featured image */

body.single #body-wrap.thumb-preview .featured-media, 
body.page #body-wrap.thumb-preview .featured-media {
	display: none;
}

body.single .thumb-border .featured-media img,
body.page .thumb-border .featured-media img {
    border: 1px solid #000000;
}

/** Content images and videos */
.bildrand img,
figure.bildrand video {
	border: 1px solid #000000;
}

/* Footer */
#site-footer {
    margin-top: 0rem;
}
@media (min-width: 700px) {
	#site-footer {
    margin-top: 0rem;
	}
}
.footer-inner {
	padding-top: 5rem;
}
.footer-inner {
    padding-bottom: 3rem;
}

/* Blocks */

/* Media queries */

@media ( min-width: 350px ) {
	
}

@media ( min-width: 700px ) { 
		h1, h2, h3, h4, h5, h6, .faux-heading {
		font-feature-settings: "lnum";
		font-variant-numeric: lining-nums;
		font-weight: 300;
		line-height: 1.25;
		margin: 4rem 0 2.5rem;
	}

	h1, .heading-size-1 { font-size: 3.2rem; }
	h2, .heading-size-2 { font-size: 3.2rem; }
	h3, .heading-size-3 { font-size: 3.2rem; }
	h4, .heading-size-4 { font-size: 3.2rem; }
	h5, .heading-size-5 { font-size: 3.2rem; }
	h6, .heading-size-6 { font-size: 1em; }
	
	.preview-header.mosaik h2.heading-size-3 {
    font-size: 1.9rem;
    line-height: 1.5;
	}
	
	#site-header {
		margin-bottom: 0rem;
		padding-top: 0rem;
		padding-bottom: 2.5rem;
	}
	#site-header .header-inner {
	padding-top: 2rem;
	}
	.preview-header.mosaik h2.heading-size-3 {
		font-size: 1.5rem;
		line-height: 1.5;
	}
	
	body:not(.home) .nav-toggle .bars {
    margin-top: 10px;
	}
	
	.post-inner {
		/* sqpp */
		padding-top: 0rem;
	}
	
	figcaption,
.wp-caption-text {
		display: block;
		font-size: 1.5rem;
		font-weight: 400;
		line-height: 1.3;
		margin-top: 1.5rem;
	}
	
	figure.featured-media {
		margin-bottom: 2em;
	}
	
		.alignnone, .aligncenter, .alignwide, .alignfull {
			margin-bottom: 2rem;
			margin-top: 0rem;
	}
	.wp-block-image {
    	margin-bottom: 2rem;
    	margin-top: 0rem;
	}
	
	/** Pagination */
	a.previous-post {
    padding-left: 20px;
	}
	a.next-post {
    padding-right: 20px;
	}
	a.previous-post:before {
    padding-right: 10px;
	}
	a.next-post:after {
    padding-left: 10px;
	}
	a.previous-post:before,
	a.next-post:after {
    font-size: 200%;
    top: -20px;
    /* font-weight: bold; */
	}
	
}

@media ( min-width: 800px ) { 
	.preview-header.mosaik h2.heading-size-3 {
    font-size: 1.6rem;
    line-height: 1.5;
	}
}

@media ( min-width: 1000px ) { 
	.preview-header.mosaik h2.heading-size-3 {
    font-size: 1.7rem;
    line-height: 1.5;
	}
}

@media ( min-width: 1220px ) { 
	.preview-header.mosaik h2.heading-size-3 {
    font-size: 1.8rem;
    line-height: 1.5;
	}
}

@media ( min-width: 1300px ) { 
	.preview-header.mosaik h2.heading-size-3 {
    font-size: 1.9rem;
    line-height: 1.5;
	}
}

@media ( max-width: 500px ) {
	
	.entry-content p, li { 
    font-size: 15px;
	}
	
}

/* extra responsive style for small devices < 420px width */

@media screen and (max-width: 419px) {
    h1, .heading-size-1 { font-size: 2.4rem; }
		h2, .heading-size-2 { font-size: 2.2rem; }
		h3, .heading-size-3 { font-size: 2.0rem; }
		h4, .heading-size-4 { font-size: 1.8rem; }
		h5, .heading-size-5 { font-size: 1.5rem; }
		h6, .heading-size-6 { font-size: 1em; 	}

	.site-title, 
	.site-description {
		font-size: 2.2rem !important; }
	.header-goto-button-wrapper {
		font-size: 1.4rem !important; }
}

@media screen and (max-width: 399px) {
    h1, .heading-size-1 { font-size: 1.6rem; }
		h2, .heading-size-2 { font-size: 1.6rem; }
		h3, .heading-size-3 { font-size: 1.4rem; }
		h4, .heading-size-4 { font-size: 1.2rem; }
		h5, .heading-size-5 { font-size: 1.2rem; }
		h6, .heading-size-6 { font-size: 1em; 	}

	.site-title, 
	.site-description {
		font-size: 1.5rem !important; }
	.header-goto-button-wrapper {
		font-size: 1.2rem !important; }
}

/* Mailpoet */
body.single-mailpoet_page .featured-media {
	display: none;
}
.mailpoet-form-onpage form {
	margin-right: -20px;
	margin-left: -20px;
}

/* Header Promo Circle */
.header-promo-circle-wrap.grafik {
  max-width: 252px;
}

/* sqpp Tweaks */
.clearfix:after {
	clear: both;
	content: "";
	display: block;
}