/*
Theme Name: Working Titles
Author: Francis Hunger
Author URI: http://www.design-hunger.com
Description: clean, slim
Text-Domain: twentyeleven
Version: 1

*/
/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	border:0;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline;
}

/* as */

:focus {
/* remember to define focus styles! */
	outline:0
}

body {
	background:#fff;
	line-height:1;
	/* font-variant-alternates: historical-forms;*/
	font-feature-settings: 'ss05' on;
	-moz-font-feature-settings: 'ss05';
	-webkit-font-feature-settings: 'ss05';
}

ol,ul {
	list-style:none;
}

table {
/* tables still need 'cellspacing="0"' in the markup */
	border-collapse:separate;
	border-spacing:0;
}

caption,th,td {
	font-weight:400;
	text-align:left;
}

blockquote:before,blockquote:after,q:before,q:after {
	content:"";
} 

blockquote,q {
	quotes:"" "";
}

a img {
	border:0;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block;
}

figure {
    display: block;
    margin-block-start: 0;
    margin-block-end: 0;
   }
   
input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* =FONTS
----------------------------------------------- */	
	
@font-face {
    font-family: 'anthony';
    src: url('fonts/Anthony.eot');
    src: url('fonts/Anthony.eot?#iefix') format('embedded-opentype'),
         url('fonts/Anthony.woff2') format('woff2'),
         url('fonts/Anthony.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-feature-settings: 'ss01' on;
    -moz-font-feature-settings: 'ss01' on;
	-webkit-font-feature-settings: 'ss01' on;
}

@font-face {
    font-family: 'happy';
    src: url('fonts/happy-times-NG_regular_master_web.ttf');
    src: url('fonts/happy-times-NG_regular_master_web.woff2') format('woff2'),
         url('fonts/happy-times-NG_regular_master_web.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'happy';
    src: url('fonts/happy-times-NG_italic_master_web.ttf');
    src: url('fonts/happy-times-NG_italic_master_web.woff2') format('woff2'),
         url('fonts/happy-times-NG_italic_master_web.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'happy';
    src: url('fonts/happy-times-NG_bold_master_web.ttf');
    src: url('fonts/happy-times-NG_bold_master_web.woff2') format('woff2'),
         url('fonts/happy-times-NG_bold_master_web.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}





/* =Structure
----------------------------------------------- */
body {
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-family: "happy", serif;
	font-size:1.5vw;
}

#top {	
	position: fixed;
	padding: 2vw;
	height: 8vw;
	background: white;
	width: 90vw;
	z-index:100;
}

#branding {
	display: block;
	width: max-content;
	float:left;
	margin: -0.5vw 4vw 0 0; /* negative top-margin: nasty business! */
	white-space: nowrap
}

#branding a:hover {
	width: max-content;
	text-decoration:none;
	border-bottom:black solid .12rem;
}


#title {
	font-family: "anthony", sans-serif;
	font-size:4vw;
	width: max-content;
	text-transform: uppercase;
}


div#subtitle {
	/*width:18vw;*/
	margin: 0.3vw 0 1vw 0;
	display: block;
	font-size: 2.4vw;
	font-family: 'Anthony';
	width: max-content;
	white-space: nowrap;
}

#navi {
	display: block;
}

#outer {
	background: linear-gradient(to right, #AAAAAA 0%, #FFB5CF 100%);
	width:100%;
	position: fixed;
  }

#inner { 
	background: white;
	margin: 2vw;
	overflow-y: scroll;
	position: relative;
	height: calc(100vh - 4vw); /* Total height - 2 x 2vw margin */
}

article {
		margin-left: 4vw;
		display: inline-block;
		width: 80vw; /* 40vw; */
	}


#page {
	display: inline-block;
	margin: 14vw 2vw 2vw 2vw;
}

.single-issue #content, .home #content {
	display: flex;
}


.single-issue .entry-header, .home .entry-header {
	display: none;
}

.type-issue entry-header {
	display:none
}


/* #infobox {
	width: 45vw;
	position: fixed;
	right: 4vw;
	z-index: 0;
} 

#infoinner {
	text-align: center;
	width: 70%;
	margin: 8vw auto;
} */

#toggle {
	display:none;
}

#popout {
		width: 100%;
	}
	
#buw {
  font-size: 1.3vw;
  position: fixed;
  bottom: 3.1vw;
  left: 4.5vw;
  transform: rotate(-90deg);
  transform-origin: left;
}



/* error404 */
.error404 #primary {
	float:none;
	margin:0;
}

.error404 #primary #content {
	margin:0 7.6%;
	width:auto;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear:both;
	font-family: 'anthony', serif;
	font-size:2.4vw;
	display:inline-block;
	line-height:1;
	width: 100%;

	
}

h1:first-child, h2:first-child<div></div> {
	margin-top:0;
}



/* Text elements */
p {
	margin-bottom:1.3vw;
	font-size:1.3vw;
	line-height:1.2;
}

h2 {
	margin-top:5vw;
	margin-bottom:1.2vw;
}

h2.download {
	margin-top:0;
	line-height: 1.3;
}

.wp-block-file {
	font-size:1.3vw;
}



ul,ol {
	margin:0 0 1.625em 2.5em;
}

ul {
	list-style:none;
	margin:0;
	margin:0;
	margin:0;
}

hr {
	margin:1rem 0;
	border-bottom:solid 2px #000;
}

/* === Links === */
a,a:link,a:active,a:visited {
	color:#000;
	text-decoration:none;
}

/* Alignment */
.alignleft {
	display:inline;
	float:left;
	margin-right:1.625em;
}

.alignright {
	display:inline;
	float:right;
	margin-left:1.625em;
}

.aligncenter {
	clear:both;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.wp-caption {
    /* Force the captions box to be 100% */
    width: 100% !important;
  }



/* === Links === */
a,a:link,a:active,a:visited {
	color:#000;
	border-bottom:#fff solid .08rem;
	-webkit-transition:color .6s ,border .6s;
	-moz-transition:color .6s ,border .6s;
	-o-transition:color .6s ,border .6s;
	transition:color .6s ,border .6s;
	text-decoration:none;
}

a:hover,a:focus {
	/*color:#999;*/
	border-bottom:black solid .08rem;
	-webkit-transition:color .2s ,border .2s;
	-moz-transition:color .2s ,border .2s;
	-o-transition:color .2s ,border .2s;
	transition:color .2s ,border .2s;
}


.back-to-top {
	background:rgba(221,224,91,1);
	position: fixed;
	bottom:2rem;
	right:2rem;
	padding:1rem;
	border: 1px solid white;

}

a.back-to-top, a.back-to-top:link {
 	color:white;
}


.issues {
	margin-top:6vw;
}

.issues h2 {
	display: inline;
}

.issues a, .issues a:link{
	border: none;
}


.issues a:hover {
	border: none;
}

.issues a:hover h2 {
	border-bottom: 1px solid black;
}






/* =Menu
-------------------------------------------------------------- */
.menu-hauptmenue-container {
  /*margin-top: 1.5vw;*/
  right: 0px;
  position: absolute;
  font-size: 1.3vw;
  
}

ul.menu {
	display:block;
	width:100%;
	position:relative;
	text-align:left;
}

ul.menu li {
	float:left;
	margin-right:3vw;
}

ul.menu li a {
	width:auto;
	text-decoration:none;
	
}

/* Sub Menu */
ul.sub-menu {
	
	background:#fff;
	position: absolute;
}

/* Sub Menu */
ul.sub-menu li{
	display: none;
	float:none;
	background:#fff;
}

li:hover ul.sub-menu li{
	display:block!important; /* blendet sub menü bei hover über parent ein */
}

ul.sub-menu li {
	font-style:normal;
	margin: 1vw 0;
}

ul.sub-menu li.current-menu-item {
	color:grey;
}


/* Aktives Menu kursiv */
.current-menu-item,.current-menu-ancestor,.single-publikation .publikationen,.single-ausstellung .programm,.single-ausstellung .ausstellungen,.single-veranstaltung .veranstaltungen,.single-residenz .residenz.menu-item,.single-opencall .about,.single-opencall .opencalls {
	color:grey;
}

.current-menu-item ul.sub-menu,.current-menu-parent ul.sub-menu {
	display:block; /* show sub-menu - overwrites ul.sub-menu */
}

/* Zeigt untermenue bei Single custom posts */
.single-ausstellung .programm ul.sub-menu,.single-veranstaltung .programm ul.sub-menu,.single-opencall .about ul.sub-menu {
	display:block; /* show sub-menu - overwrites ul.sub-menu */
}

.postnavigation {
	margin:2.4vw 0 3.6vw;
	font-size:2.4vw;
	overflow:initial;
}

.postnavigation .right {
	float:right;
}




/* =Content
----------------------------------------------- */

.entry-title {
}

.download a img {
	height: 2.3vw;
	width: auto;
	margin: -0.2vw auto;
}


/* ==== Cookie Bar ====*/
.machete_cookie_container {
	background-color: rgba(221,224,91,1)!important;
}

.machete_cookie_container a, .machete_cookie_container a:link {
	color:white!important;
}

.machete_accept_cookie_btn {
	border:none!important;
	background: white!important;
	color:black;
	font-family: Palatino;
	transition:color .5s, background .5s;
}

a.machete_accept_cookie_btn, a.machete_accept_cookie_btn:link {
	color:black!important;
	transition:color .5s
}

a.machete_accept_cookie_btn:hover {
	color:rgba(221,224,91,1)!important;
	background:black!important;
	transition:color .2s, background .2s;
}


/* ==== Kategorie Grid ====*/
.clear:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}



/* =Gutenberg Styles
----------------------------------------------- */

/* ==== Group ====*/
.wp-block-group {
	margin:0 auto;
	padding:7vw 13.5vw 5vw 13.5vw; /* 100vw - width:73vw / 2 = 13.5vw */
}


/* ==== Header ====*/
.headergroup {
	padding:0; /* full screen header images */
	overflow: hidden;
}



/* ==== Spalten ====*/
.wp-block-columns {
	margin:0;
}

/* ==== Single Image ====*/
.wp-block-image {
	margin-top:0;
	margin-bottom:0;
}



/* ==== Cover ====*/
.wp-block-cover, .wp-block-cover-image {
	min-height:340px;
}

.wp-block-cover__inner-container {
	font-family: Handelson-Two;
	font-size:5vw;
	color: white;
	text-shadow: 3px 3px black;
	margin-bottom:-1vw;
}

.wp-block-cover__inner-container p {
	margin: 0!important;
}

.wp-block-cover {
	transition: transform 0.7s;
}

.wp-block-group.alignwide {
	padding:0;
	overflow: hidden;
}





/* ==== Youtube ====*/
.wp-block-embed-youtube {
	margin-inline-start: 0;
	margin-inline-end: 0;
    margin-block-start: 0;
    margin-block-end: 0;
}

/* ==== Newsletter Call ====*/
.newscall {
	background-color: rgba(247,246,244,1);
}

.newsletter {
	padding:0.4vw;
}

/* ==== Instagram ====*/
.instagram {
	background-color: rgba(221,224,91,1);
	padding-top: 5vw!important;
}

.instagram h2 {
	color:white;
}

.instagram h2.bleibup {
	margin-bottom:0vw;
}

.instagram h2.folgemir {
	text-transform: uppercase;
}

.instafollow {
	margin-top:3vw;
	margin-bottom: 5vw;	
}

.instafollow .wp-block-button {
	justify-content: left;
}


.instafollow .wp-block-button a {
	border: white 5px solid!important;
}

em {
	font-style: italic;
}



/* ==== Button ====*/

.wp-block-button {
	display: flex;
	align-items: center;
	justify-content: center;
}

.wp-block-button a, .submitty input, #nf-field-8 {
	display:block;	
	min-width: calc(18.4vw - 10px);
	width:auto;
	border-radius:0;
	padding: 5px 24px!important;
	
	color:white!important;
	background-color: rgba(221,224,91,1);
	border: rgba(221,224,91,1) 5px solid!important;
	transition: color .7s, background .7s;
	
	font-family: Palatino, Arial;
	font-size:1.9vw;
	line-height:1;
	letter-spacing: 0.06rem;
	font-weight: normal!important;
	
	-ms-hyphens: none;
	-webkit-hyphens: none;
	hyphens: none;
}

.wp-block-button:hover a  {
	background-color: transparent!important;
	/*color: rgba(221,224,91,1)!important;
	border: rgba(221,224,91,1) 5px solid!important;
	transition: color .7s, background .7s;*/
	text-decoration: underline;
	
}


/* ==== Zweispaltig ====*/

.wp-block-column:not(:first-child) {
    margin-left: 2.8vw;
    margin-bottom: 2.8vw;
}

.wp-block-column:nth-child(2n) {
    margin-left: 2.8vw;
    margin-bottom: 2.8vw;
}


.wp-block-image {
	margin:0;
}






/* === Soliloquy Slider === */
.soliloquy-container {
	margin:0!important;
}

.soliloquy-container .soliloquy-image {
    max-height: 27vw!important;   /* do not delete this, change the value according to your width! Enables different image formats _without_ height-jumping navigation*/
    }

/*Always show arrows */
.soliloquy-container .soliloquy-direction-nav {
	display:block!important;
}

/* Always show captions */
.soliloquy-caption .soliloquy-caption-inside[style] {
	display:block!important;
	position:relative!important;
}

.soliloquy-container .soliloquy-caption {
	bottom:auto!important;
}

.soliloquy-caption .soliloquy-caption-inside {
	font-size:2em!important;
	text-align:left!important;
	background:transparent!important;
	filter:none!important;
	-ms-filter:none!important;
	color:#000!important;
	line-height:1em!important;
	text-shadow:none!important;
	padding:.4em 0 0!important;
}

.soliloquy-next, .soliloquy-prev, a.soliloquy-link {
border:none!important;
}

/* === Images === */
.entry-content img,.comment-content img,.widget img {
	max-width:100%;
/* Fluid images for posts, comments, and widgets */
}

img[class*="align"],img[class*="wp-image-"] {
	height:auto;
/* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

img.size-full {
	max-width:100%;
	width:auto;
/* Prevent stretching of full-size images with height and width attributes in IE8 */
}

img.alignleft,img.alignright,img.aligncenter {
	margin-bottom:1.625em;
}

/* Image borders */
img[class*="align"],img[class*="wp-image-"],#content .gallery .gallery-icon img {
/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
/*border: 1px solid #ddd;*/
	border:none;
}

a:focus img[class*="align"],a:hover img[class*="align"],a:active img[class*="align"],a:focus img[class*="wp-image-"],a:hover img[class*="wp-image-"],a:active img[class*="wp-image-"],#content .gallery .gallery-icon a:focus img,#content .gallery .gallery-icon a:hover img,#content .gallery .gallery-icon a:active img {
/* Add some useful style to those fancy borders for linked images ... */
	border:none;
}

.wp-caption a:focus img,.wp-caption a:active img,.wp-caption a:hover img {
/* ... including captioned images! */
}



/* =error404
----------------------------------------------- */
.error404 #main #searchform {
	background:#f9f9f9;
	border:1px solid #ddd;
	border-width:1px 0;
	margin:0 -8.9% 1.625em;
	overflow:hidden;
	padding:1.625em 8.9%;
}

.error404 #main #s {
	width:95%;
}

.error404 #main .widget {
	clear:none;
	float:left;
	margin-right:3.7%;
	width:30.85%;
}



/* =Footer
----------------------------------------------- */
footer {
	margin:0;
	background-color: rgba(30,30,30,1);
}

footer p, footer h1 {
	color:white;
	font-size:1.2vw;
	margin-bottom: 0.4vw;
}

footer a, footer a:link, footer a:active, footer a:visited {
	color:white;
	border-bottom: none;
}

footer a:hover {
	text-decoration: underline;
}

footer h1 {
	margin-bottom: 1vw;
}

.innerfooter {
	width:50vw;
	margin:0 auto;
	display:flex;
	align-items: center;
	justify-content: center;
}

.col3-1 {
	flex-basis:50%;
	padding:1.25em 0;
	text-align: center;
}

.col3-2 {
	flex-basis:50%;
	padding:1.25em 0;
	text-align: center;
}

.col3-3 {
	width:100%;
	padding:1.25em 0;
	text-align: center;
}

footer li {
	margin:0 0 .2em;
}


.col3-2 img {
	width: auto;
	height:1.8vw;
}

.col3-2 a img {
	opacity:1;
	transition: opacity .5s;
}

.col3-2 a:hover img {
	opacity:0.3;
	transition: opacity .5s;
}




/* --------- gabriels changes -------*/
/*.menu-hauptmenue-container, #buw {
  font-size: 2vw;
  font-family: 'Anthony';*/
}





/* =Responsive Structure ----------------------------------------------- */
/*  compare http://www.websitedimensions.com/ */
@media only screen and (max-width: 1050px) {

}





/* =Responsive Structure ----------------------------------------------- */
/*  compare http://www.websitedimensions.com/ */
/* large screens */

/* Ipad mit 820 px Breite */
@media only screen and (max-width:820px) {

	
	
	#page {
		width: auto;
		margin: 8vw 4vw 4vw 4vw;
	}
	
	
	footer {
		margin:0 0 0 0;
	}
	
	.innerfooter {
		width:auto;
		margin:0;
	}
	

	div#subtitle, h1, h2, h3, h4 {
		font-size:3vw
	}

	p, .menu-hauptmenue-container, #buw {
		font-size: 1.8vw
	}
	
	
	
	#page p, #page h1, #page h2, #page h3, #page h4, #page h5, #page h6 {
    max-width: 100%;
	}
	
	img.size-full {
    	max-width: 70vw;
	}
	

	
	
	/* Hamburger Menu */
	
	#navi {
		display: block;
	}
	
	
	#popout {
		position:absolute;
		height:calc(100vh - 4.6rem);
		width:100%;
		background:#fff;
		top:4.6rem;
		left:-800px;
		overflow:auto;
		display: none; /* ! */
		z-index: 10000;
	}
	
	.social.largescreen {
	    width: 10.6vw;
	    top: 1.75rem;
	}
	
	.social.largescreen img {
		width: 1.4rem;
	}
	
	#toggle {
		display:block;
		float:right;
		z-index:12000;
		font-size:1rem;
		margin-right:.5rem;
		margin-top:.3rem;
	}
	
	#toggle img {
		width:1.1rem;
		height:auto;
	}
	
	#toggle img.inactive {
		display:none;
	}
	
	ul.menu {
		display:inline;
		width:auto;
	}
	
	ul.menu li {
		padding:1.2rem;
		text-align:center;
		width:calc(100% - 2.4rem); /* - padding */
		border-bottom:2px solid #000;
	}
	
	ul.menu li:hover {
		text-decoration: underline;
	}
	
	ul.menu li a {
		color:#000;
		text-decoration:none;
		font-size:2.4rem;
		padding:.2rem 0;
	}
	
	ul.menu li ul {
		visibility:visible;
	}
	
	ul.sub-menu {
		position:relative;
		left:unset;
		display:block;
	}
	
	ul.sub-menu li {
		width:99%;
		border:none;
		padding:.3rem 0;
	}
	
	/*li.about ul.sub-menu li:last-child {
		margin-bottom:9rem;
	}/* erlaubt scrolling */
	
	li.about:last-child {
		margin-bottom:9rem;
	}/* erlaubt scrolling */
	
	
	ul.sub-menu li a {
		border-bottom:none;
		color:#0047ff;
		text-decoration:none;
		font-size:1.7rem;
		padding:0;
	}
	
	.post-type-archive-jahresthema #jahresthema {
		float:none;
		padding: 0;
		margin: 2vw 0;
	}
	
	.post-type-archive-jahresthema #jahresthema img {
		width:  80vw !important;
		height: 35vw !important;
		display: block;
		max-width: unset;
		margin: 0 auto;
	}
	

}

@media only screen and (max-width: 455px) {
	/* Mobile Phone*/
	body {
		
	}
	
	#inner {
		margin: 4vw;
	}
	
	#title {
		letter-spacing:0;
		font-size:2rem;
		background:transparent;
	}
	
	div#subtitle {
		font-size:1.4rem;
		word-wrap: normal;
		white-space: normal;
		width:60vw;
	}
	
	#main {
		margin-top:5rem;
		margin-right:0;
		margin-left:0;
		padding:0;
	}
	
	#top {
		height: 4rem;
		width:calc(100% - 16vw);
		padding:4vw;
	}
	
	
	#navi {
		width:auto;
		padding:0;
	}
	
	ul.menu li a {
		font-size:1.4rem;
	}
	
	ul.sub-menu li a {
		font-size:1.2rem;
	}
	
	article{
		margin-left:0;
		width:unset;
	}
	
	.single-issue #content, .home #content {
	  display: flex;
	  flex-direction: column-reverse;
	}
	
	/* #infobox {
	  width: auto;
	  position: relative;
	  right: unset;
	} */
	

	.download a img {
	  height: 5vw;
	}
	
	/* Other */
	p, article.page h1, article.page h2, #page h1, #page h2 {
		font-size:1.4rem;
	}
	
	#buw, p {
		font-size: 1rem;
	}
	
	
	p {
		margin-bottom: 0.8rem;
	}
	
	#buw {
		position: relative;
		bottom: unset;
		left:unset;
		transform: none;
		margin-bottom: 2rem;
		margin-left: 1rem;
	}

	
	img.size-full,.entry-content img {
		max-width:100%;
		height: auto;
	}


	.soliloquy-wrapper {
    	max-width: 100% !important;
	}
	
	.soliloquy-container .soliloquy-next {
		right:-10px!important;
	}
	
	.soliloquy-container .soliloquy-prev {
		left:-10px!important;
	}
	
	
	
	
}

/* =Print
----------------------------------------------- */
@media print {
	body {
		background:none!important;
		font-size:10pt;
	}
	
	#page {
		clear:both!important;
		display:block!important;
		float:none!important;
		max-width:100%;
		position:relative!important;
	}
	
	
	
	#main {
		border-top:none;
		box-shadow:none;
	}
	
	#primary {
		float:left;
		margin:0;
		width:100%;
	}
	
	#content {
		margin:0;
		width:auto;
	}
	
	#content nav {
		display:none;
	}
	
	.singular .entry-header,.singular .entry-content,.singular footer.entry-meta,.singular #comments-title {
		margin:0;
		width:100%;
	}
	
	.singular .hentry {
		padding:0;
	}
	
	.entry-title,.singular .entry-title {
		font-size:21pt;
	}
	
	.entry-header .comments-link {
		display:none;
	}
	
	.page-link {
		display:none;
	}

}