/*
 Theme Name:   faws child  
 Description:  faws Child Theme
 Author:       Andreas Wolf & Frank Schmiletzky
 Author URI:   wolf-design.net, desigma.de
 Text Domain:  faws-child
*/
/*

header.php: 
---------------------------------------------------------------------------------------- 
html
head
body

div#page
	a.skip-link.screen-reader-text

	header#masthead (.site-header) 
		div.site-branding 
		nav#site-navigation (.main-navigation) 

	div#content (.site-content)

page.php: 
---------------------------------------------------------------------------------------- 
		div#primary (.content-area)
			main (#main / .site-main)

content.php: 
---------------------------------------------------------------------------------------- 
				article (.post-NN / .page / .type-page / .status-publish / .hentry)
					header.entry-header
					div.entry-content
					footer.entry-footer
				
sidebar.php: 
---------------------------------------------------------------------------------------- 
		aside#secondary (.widget-area) 

footer.php: 
---------------------------------------------------------------------------------------- 
		footer#colophon (.site-footer) 
*/

@charset "UTF-8";
@font-face {
  font-family: 'SourceSansProRegular';
  /* Safari, Android, iOS: */
  src: url("fonts/source-sans-pro-release/TTF/SourceSansPro-Regular.ttf") format("truetype"); 
}


/* dev, width and height printed to screen, see js for calculation and output */
.fsc-info-output {
	position: fixed;
	z-index: 1000040;
	bottom: 0;
	right: 30px;
	font-size: 60%;
	line-height: 100%;
	color: #888;
	background-color: rgba(255, 255, 255, .5);
	display: none;/**/
}

.dev-info-light {
	color: #ddd;
	margin-bottom: 0;
	font-size: 14px !important;
	position: absolute;
	margin-top: -12px;
	z-index: 1000;
	display: none;/**/
}

.dev-info-light-smaller {
	color: #aaa;
	margin-bottom: 0;
	font-size: 10px !important;
	position: absolute;
	margin-top: -18px;
	z-index: 10000000;
	width: 300px;
	background-color: rgba(255, 255, 255, 1);
	display: none;/**/
}
/* end dev */

/* don't show Wordpress 'edit'-link in frontend when logged in in backend */
a.post-edit-link {
	display: none;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
.screen-reader-text:focus {
	z-index: 10000001;
}


/*--------------------------------------------------------------
# General this & that 
--------------------------------------------------------------*/
* {
	padding: 0;
	margin: 0;
}

body {
	font-family: SourceSansProRegular;
}

/* eigentlich nur für die Service-Seite, weil die so am Text klebt dort. 
   Sollte aber, falls die hr sonst noch irgendwo vorkommt, nicht stören. 
*/
hr {
	margin-top: 3px;
}


h1 {
	line-height: 1.3;
}

h2 {
	font-size: 1.65em;
	padding-bottom: 6px;
}

ul {
	list-style: none;
}

a {
	text-decoration: none;
}

p {
	margin-bottom: .9em;
}


/* ===================================================================================
   Bootstrap resets 
   =================================================================================== */ 
.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, 
.col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, 
.col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, 
.col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, 
.col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto {
    padding-right: 0;
    padding-left: 0;
}

.row {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
}

.wp-caption-text {
    margin-top: -10px;
    font-size: 95%;
}



/* ===================================================================================
   header of the whole page (contains logo, meta-nav, main-nav, mobile nav and language switch) 
   =================================================================================== */ 
header.site-header {
	min-height: 90px;
}

/* helper to right-align the main navigation */
header.site-header .header-inner {
	width: 80%;
	margin: 0 auto;
	height: auto;
}


/* header | meta-nav (Service, Contact & Multi Site Language switcher widget)
   =================================================================================== */ 
.site-header .menu-faws-meta-nav-container {
	position: relative;
	z-index: 1000020;
}

.site-header .menu-faws-meta-nav-container ul {
	float: right;
	margin-right: 12px;
	padding-top: 3px;
	transition: 0.5s;
}

.site-header .menu-faws-meta-nav-container ul li {
	float: left;
}

.site-header .menu-faws-meta-nav-container ul li a {
	float: left;
	text-decoration: none;
	font-size: 15px;
	font-weight: 300;
	color: #666;
}



/* Multi Site Language switcher widget. */
.site-header #mslswidget-3 {
	float: right;
}

#mslswidget-3 a {
	text-decoration: none;
	font-size: 15px;
	font-weight: 300;
	color: #666;
}

#mslswidget-3 a:hover, 
.site-header .menu-faws-meta-nav-container ul li a:hover,
.site-header .menu-faws-meta-nav-container ul li.current_page_item a {
	color: #66cc00;
}



/* Pipe icons between entries. */
.site-header .menu-faws-meta-nav-container ul li:after {
	content: '|';
	padding-left: 4px;
	padding-right: 4px;
	color: #666;
	float: left;
	margin-top: -2px;
}

.site-header .menu-faws-meta-nav-container ul li:last-child:after {
	content: none;
}



/* header | logo 
   ================================================================================= */
.site-header .site-branding {
	position: absolute;
	/* fsc: without z-index the main navigation submenu hides parts of the logo */
	z-index: 1000000;
	top: 8px;
}



/* header | main-nav 
   =================================================================================== */ 

/* <nav id="site-navigation" class="main-navigation"> comes from wordpress core - it 
   wraps the main navigation. I could not yet figure where/how this takes place or 
   which detail triggers this wrapper. 

   Wordpress wrappers: 
   Wordpress wraps the generated navigation in a div with a class put together like this:
   menu-[name-of-theme-position]-container  (see function 'register_nav_menus'). 

	.navi-archive 
	.menu-item 
	.menu-item-type-post_type 
	.menu-item-object-page 
	.current-page-ancestor 
	.current-menu-ancestor 
	.current-menu-parent 
	.current-page-parent 
	#current_page_parent 
	.current_page_ancestor 
	.menu-item-has-children 
	.menu-item-162
*/

nav.main-navigation {
	width: 100%;
}

/* hide wordpress menu toggle button, 
   (these 2 rules overwrite stuff in faws originating from _underscores) */
.menu-toggle {
	display: none;
}
nav.main-navigation ul {
    display: block;
}


/* main-nav container */ 
nav.main-navigation div.menu-faws-main-nav-container {
	clear: right;
	float: right;
	margin-top: 12px;
	padding-bottom: 18px;
}


/* header | main-nav | 1st level 
   ----------------------------------------------------------------------------------- */ 
nav.main-navigation ul {
	list-style: none;
}

nav.main-navigation ul li {
	float: left;
	margin-right: 16px;
}

nav.main-navigation ul li a {
	display: block;
	text-decoration: none;
	font-size: 15px;
	font-weight: 600;
	color: #666;
	/*letter-spacing: -0.04em;*/
}

nav.main-navigation ul li a:hover {
	color: #66cc00;
}


/* header | main-nav | 2nd level 
   ----------------------------------------------------------------------------------- */ 
nav.main-navigation ul li ul.sub-menu {
	position: absolute;
	padding-top: 8px;
	padding-bottom: 16px;
	left: -999em;
	z-index: 99999;
	min-width: 100%;
}

nav.main-navigation ul li ul.sub-menu li {
	float: left;
	margin-right: 6px;
}

nav.main-navigation ul li ul.sub-menu li:after {
	content: '|';
	padding-left: 8px;
	color: #666;
	float: left;
	margin-top: -2px;
}

nav.main-navigation ul li ul.sub-menu li:last-child:after {
	content: none;
}

nav.main-navigation ul li:hover > ul,
nav.main-navigation ul li.focus > ul {
	left: 0;
	z-index: 999999;
	background-color: #fff;
}

nav.main-navigation ul li.current-menu-parent ul.sub-menu,
nav.main-navigation ul li.current-page-parent ul.sub-menu,
nav.main-navigation ul li.current-page-item ul.sub-menu,
nav.main-navigation ul li.current-page-ancestor ul.sub-menu {
	display: block;
	left: 0;
	
}

nav.main-navigation ul li ul li a {
	font-size: 14px;
	font-weight: 400;
	/* Without this float the :after content from the parent li creates a linebreak */
	float: left;
}


/* header | main-nav | active states 
   ----------------------------------------------------------------------------------- */ 
.main-navigation .current_page_item a, 
.main-navigation .current_page_item a:visited,
.main-navigation .current_page_ancestor > a,
.main-navigation .current_page_ancestor > a:visited {
	color: #66cc00;
}

.main-navigation .current_page_item a:hover,
.main-navigation .current_page_ancestor > a:hover {
	color: #66cc00;
}

/* Das ist derzeit nur für die Seite 'Vermittlung', weil die nicht auf ihre erste 
   Unterseite weiterleitet sondern Inhalt hat. */ 
.main-navigation .current_page_item ul.sub-menu {
	left: 0;
}
.main-navigation .current_page_item ul.sub-menu li a {
	color: #404040;
}


/* Show main navigation in active state when on a single exhibition post type page 
   --------------------------------------------------------------------------------------
   (requires additional class in the Wordpress main navigation menu)                   */

body.single-exhibition .main-navigation .navi-archive-exhibition a, 
body.single-exhibition .main-navigation .navi-archive-exhibition a:visited {
	color: #66cc00;
}

body.single-exhibition .main-navigation .navi-archive-exhibition a:hover {
	color: #66cc00;
}

body.single-exhibition .main-navigation .navi-archive ul.sub-menu {
	left: 0;
}

body.single-exhibition .main-navigation .navi-archive > a {
	color: #66cc00;
}
body.single-exhibition .main-navigation .navi-archive > a:hover {
	color: #66cc00;
}


/* Show main navigation in active state when on a single event post type page 
   --------------------------------------------------------------------------------------
   (requires additional class in the Wordpress main navigation menu)                   */

body.single-event .main-navigation .navi-archive-event a, 
body.single-event .main-navigation .navi-archive-event a:visited {
	color: #66cc00;
}
body.single-event .main-navigation .navi-archive-event a:hover {
	color: #66cc00;
}

body.single-event .main-navigation .navi-archive ul.sub-menu {
	left: 0;
}

body.single-event .main-navigation .navi-archive > a {
	color: #66cc00;
}


/* Show main navigation in active state when on a single artist post type page 
   --------------------------------------------------------------------------------------
   (requires additional class in the Wordpress main navigation menu)                   */
   
body.page-template-faws-archive-artists-a-z-single .main-navigation .navi-archive-artist > a, 
body.page-template-faws-archive-artists-a-z-single .main-navigation .navi-archive-artist > a:visited,
body.page-template-faws-archive-artists-a-z-single .main-navigation .navi-archive-artist > a:hover {
	color: #66cc00;
}
body.page-template-faws-archive-artists-a-z-single .main-navigation .navi-archive-artist > a:hover {
	color: #66cc00;
}

body.page-template-faws-archive-artists-a-z-single .main-navigation .navi-archive ul.sub-menu {
	left: 0;
}

body.page-template-faws-archive-artists-a-z-single .main-navigation .navi-archive > a {
	color: #66cc00;
}



/* Show main navigation in active state when on a tag page  */
body.tag .main-navigation .navi-archive-tag > a, 
body.tag .main-navigation .navi-archive-tag > a:visited,
body.tag .main-navigation .navi-archive-tag > a:hover {
	color: #66cc00;
}
body.tag .main-navigation .navi-archive-tag > a:hover {
	color: #66cc00;
}

body.tag .main-navigation .navi-archive ul.sub-menu {
	left: 0;
}

body.tag .main-navigation .navi-archive > a {
	color: #66cc00;
}



/* Show main navigation in active state when on a genres format page  */
div.genres .main-navigation .navi-archive-genres > a, 
div.genres .main-navigation .navi-archive-genres > a:visited,
div.genres .main-navigation .navi-archive-genres > a:hover {
	color: #66cc00;
}
div.genres .main-navigation .navi-archive-formats > a:hover {
	color: #66cc00;
}

div.genres .main-navigation .navi-archive ul.sub-menu {
	left: 0;
}

div.genres .main-navigation .navi-archive > a {
	color: #66cc00;
}





/* Show main navigation in active state when on a formats format page  */
div.veranstaltungsformat .main-navigation .navi-archive-formats > a, 
div.veranstaltungsformat .main-navigation .navi-archive-formats > a:visited,
div.veranstaltungsformat .main-navigation .navi-archive-formats > a:hover {
	color: #66cc00;
}
div.veranstaltungsformat .main-navigation .navi-archive-formats > a:hover {
	color: #66cc00;
}

div.veranstaltungsformat .main-navigation .navi-archive ul.sub-menu {
	left: 0;
}

div.veranstaltungsformat .main-navigation .navi-archive > a {
	color: #66cc00;
}




/* header | mobile-nav 
   ----------------------------------------------------------------------------------- */ 
header.site-header div.mobile-nav-wrapper {
	position: fixed;
	z-index: 1000010;
	top: 0;
	left: 0;
	height: 0;
	width: 100%;
	overflow-y: scroll;
	background-color: #fff;
}

header.site-header div.mobile-nav-wrapper nav.mobile-navigation {
	width: 100%;
	padding-top: 48px;
	/* this is important to compensate for the footer not recognized as scroll height */
	padding-bottom: 80px;
}

nav.mobile-navigation>ul {
	list-style: none;
}

nav.mobile-navigation ul li {
	width: 100%;
	padding-left: 32px;
}

nav.mobile-navigation ul li ul li {
	padding-left: 12px;
}

nav.mobile-navigation ul li a {
	display: block;
	text-decoration: none;
	font-size: 20px;
	line-height: 200%;
	font-weight: 600;
	color: #666;
	/*letter-spacing: -0.04em;*/
}

nav.mobile-navigation ul li ul li a {
	font-size: 18px;
}

nav.mobile-navigation ul li a:hover {
	color: #66cc00;
}

nav.mobile-navigation .mobile-nav-search-trigger-container-li {
	padding-bottom: 18px;
}



/* header | main-nav | search
   ----------------------------------------------------------------------------------- */ 
nav.main-navigation li.main-nav-search-trigger-container-li span::before {
    color: #666;
    font-size: 18px;
    font-family: 'Font Awesome 5 Free';
    content: "\f002";
    font-weight: 900;
    line-height: 24px;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

nav.main-navigation li.main-nav-search-trigger-container-li span::before:hover {
    color: #66cc00;
}

nav.main-navigation li.main-nav-search-trigger-container-li div.nav-search-form {
	position: absolute;
	z-index: 1000000;
	right: 0;
	display: none;
	background-color: #fff;
	padding: 12px;
	margin-top: -3px;
}

nav.main-navigation li.main-nav-search-trigger-container-li div.nav-search-form.visible {
	display: block;
}



/* ===================================================================================
   #content 
   =================================================================================== */ 
/* = #content */
.site-content {
	overflow: hidden;
}

/* = #primary */
.content-area {
	width: 80%;
	margin: 0 auto;
	padding-top: 50px;
}

.content-area a,
.content-area a:visited {
	color: #28873c;
	text-decoration: none;
}

.content-area a:hover {
	color: #66cc00;
}

.content-area img {
	max-width: 100%;
	height: auto;
	padding-bottom: 16px;
	padding-top: 8px;
}

body.home .content-area {
	/* background-image set dynamically in 'home.php'. */
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center;
	position: relative;
	height: 500px;
	width: 100%;
}


header.page-header {
	width: 100%;
}

/* = #main */
.site-main {
	width: 100%;
}

body.home .site-main {
	width: 80%;
	margin: 0 auto;
}

body.home article {}

main article p {
	/* Adjusted according to Andrea's and my eyesight */
	font-size: 126%;
}
main article p.small-text {
	/* Adjusted according to Andrea's and my eyesight */
	font-size: 116%;
}

/* on startpage: special headline & text  styling */

body.home h1.headline-homepage-current-exhibition {
	position: absolute;
	bottom: 50px;
	right: 150px;
	/*width: 40%;
	left: 60%;*/
	padding: 12px 20px 20px 20px;
	font-size: 100%;
	background-color: #969293;
	z-index: 2;
}

body.home h1.headline-homepage-current-exhibition span {
	display: block;
	color: #fff;
	font-size: 120%;
}
body.home h1.headline-homepage-current-exhibition span.duration p {
	font-size: 100%;
	font-weight: normal;
	display: inline;
	color: #404040;
}

body.home h1.headline-homepage-current-exhibition span a,
body.home h1.headline-homepage-current-exhibition span a:visited,
body.home h1.headline-homepage-current-exhibition span a:hover {
	color: #fff;
	text-decoration: none;
}

body.home .informationsuntertext-auch-zwei-oder-mehrzeilig p {
    font-size: 16px;;
    color: #404040;
}
/* END on startpage: special headline & text  styling */




/* content | home | swiper 
   =================================================================================== */ 
/*
aside.swiper-slider 
  div.swiper-container 
    div.swiper-button-prev
    div.swiper-button-next
    div.swiper-wrapper
      div.swiper-slide
*/

aside.swiper-slider {
	position: relative;
}

aside.swiper-slider div.swiper-container {
	width: calc(100% - 100px);
	margin: 0 auto;
}

aside.swiper-slider .swiper-wrapper {}

aside.swiper-slider .swiper-slide {
	/*
	background-image: url(/wp-content/themes/faws-child/img/1px-line-vertical.png);
	background-position: right;
	background-repeat: repeat-y;
	*/
}

aside.swiper-slider .entry-header {
	padding-top: 20px;
}

aside.swiper-slider .entry-header p.fsc-category-name {
	font-weight: 600;
	color: #666;
	margin-bottom: 0;
}

header.entry-header,
div.entry-content,
h3.entry-title {
	width: 94%;
	padding-bottom: 6px;
}

div.entry-content  {
	margin-bottom: 30px;
}

.page-template-coming-events div.entry-content {
	margin-bottom: 0;
}

div.leftcol header.entry-header,
div.leftcol div.entry-content,
div.leftcol h3.entry-title {
	padding-bottom: 0;
}

aside.swiper-slider .swiper-image img {
	width: 94%;
	height: auto;
}

aside.swiper-slider a,
aside.swiper-slider a:visited,
aside.swiper-slider a:hover {
	color: #28873c;
	text-decoration: none;
}
aside.swiper-slider a:hover {
	color: #66cc00;
}

aside.swiper-slider a:hover {}

aside.swiper-slider .swiper-button-prev {
	left: 0;
	top: 50px;
	width: 50px;
	height: 100%;
	background-image: url(/wp-content/themes/faws-child/img/swiper-pfeil-rechts.png);
	background-size: 20px auto;
	background-position: center center;
	margin-top: 0;
	padding-left: 8px;
	padding-right: 8px;
	border-style: solid; 
	border-width: 0 4px 0 0;
	border-color: #fff;
}

aside.swiper-slider .swiper-button-prev:hover {
	background-image: url(/wp-content/themes/faws-child/img/swiper-pfeil-rechts-hover.png);
}

aside.swiper-slider .swiper-button-next {
	right: 0;
	top: 50px;
	width: 50px;
	height: 100%;
	background-image: url(/wp-content/themes/faws-child/img/swiper-pfeil-links.png);
	background-size: 20px auto;
	background-position: center center;
	margin-top: 0;
	padding-left: 8px;
	padding-right: 8px;
	border-style: solid; 
	border-width: 0 0 0 4px;
	border-color: #fff;
}

aside.swiper-slider .swiper-button-next:hover {
	background-image: url(/wp-content/themes/faws-child/img/swiper-pfeil-links-hover.png);
}

aside.swiper-slider .swiper-button-prev:hover,
aside.swiper-slider .swiper-button-next:hover {
	background-color: #ceecbc;
}

aside.swiper-slider .acf-fsc-exhibition-duration p,
aside.swiper-slider .acf-fsc-exhibition-opening p,
aside.swiper-slider .acf-fsc-event-termin p {
	font-size: 100%;
}

aside.swiper-slider .slider-aktuell-sidebar img,
aside.swiper-slider .slider-aktion-sidebar img,
aside.swiper-slider .slider-yearlies-sidebar img {
	width: 94%;
	height: auto;
}


/* stopper-sidebar - on page current exhibition only */
.stopper-sidebar {
	display: none;
}

body.page-template-current-exhibition .stopper-sidebar {
	display: block;
	margin-top: 32px;
}

.stopper-sidebar .textwidget p {
	color:#fff;
	background-color:#6c0;
	transform: rotate(-6deg);
	width: 140px;
	height: 140px;
	padding: 24px 2px 0 2px;
	border-radius: 80px;
	text-align: center;
	font-size: 21px;
}

body.page-template-current-exhibition .stopper-sidebar p {
	line-height: 1.5;
}

.stopper-sidebar .textwidget a,
.stopper-sidebar .textwidget a:visited {
	color: #fff;
}

.stopper-sidebar .textwidget a:hover {
	font-weight: 600;
}
/* END stopper-sidebar - on page current exhibition only */


/* stopper-sidebar - on startpage */
body.page-template-home .stopper-sidebar-home {
	display: block;
	position: absolute;
	z-index: 1000;
	left: 50px;
	bottom: 30px;
}
/* END stopper-sidebar - on startpage */



/* content | years registers page-ausstellungen.php and page-events.php (archive overviews)
   ================================================================================= *//* 
   Nested list of all exhibitions/events: 
   One outer li for each year with a nested ul with li's for each exhibition/event 
   of that year (besides 'current' and 'coming' exhibitions/events, these are 
   currently filtered out. */

ul.years-with-exibitions-outer-years-list {}
ul.years-with-events-outer-years-list {}

ul.years-with-exibitions-outer-years-list p {
	font-size: 100%;
	margin-bottom: 0;
	font-weight: 400;
}

ul.years-with-events-outer-years-list p {
	font-size: 100%;
	margin-bottom: 0;
	font-weight: 400;
	display: inline;
}

ul.one-year {}

li.year-headline {
	font-weight: bold;
	float: left;
	padding-bottom: 32px;
}

li.one-item {
	width: 80%;
	padding-bottom: 12px;
	line-height: 120%;
}

/* Zusatz Archiv-Übersichtseite (Jahre-ul's) */
ul.years-with-events-outer-years-list li.year-headline span {
	font-weight: 400;
}



/* content | swiper on single-exhibition.php pages 
   =================================================================================== */ 

.swiper-exhibitions-default-slideshow {
	overflow: hidden;
	/*background-color: #dff;*/
	position: relative;
	margin-bottom: 12px;
}

.swiper-exhibitions-default-slideshow .swiper-slide {
	/*height: calc(100% - 50px);
	padding-bottom: 70px;*/
}

.swiper-exhibitions-default-slideshow .swiper-slide div {
	background-size: auto 100%;
	background-position: center top;
	background-repeat: no-repeat;
	/* 34.37% = 100 / (w / h) = 100 / (640 / 220) 
	padding-top: 75%; */
	min-height: 300px;
	height: 100%;
	margin-bottom: 6px;	
	background-color: #ecede8;
}

p.caption {
	text-align: left;
	font-size: 90%;
	margin-bottom: 36px;
}

p.thumbnail-caption {
	text-align: left;
	margin-top: -14px;
	font-size: 90%;
}

.swiper-coming-exhibition-slideshow .swiper-button-prev,
.swiper-exhibitions-default-slideshow .swiper-button-prev {
	left: 5%;
	background-image: url();
}
.swiper-coming-exhibition-slideshow .swiper-button-next,
.swiper-exhibitions-default-slideshow .swiper-button-next {
	right: 5%;
}

.swiper-coming-exhibition-slideshow .swiper-button-prev, 
.swiper-exhibitions-default-slideshow .swiper-button-prev {
	left: 0;
	top: 0;
	width: 50px;
	height: 100%;
	background-image: url(/wp-content/themes/faws-child/img/swiper-pfeil-rechts.png);
	background-size: 20px auto;
	background-position: center center;
	margin-top: 0;
	padding-left: 8px;
	padding-right: 8px;
}

.swiper-coming-exhibition-slideshow .swiper-button-next,
.swiper-exhibitions-default-slideshow .swiper-button-next {
	right: 0;
	top: 0;
	width: 50px;
	height: 100%;
	background-image: url(/wp-content/themes/faws-child/img/swiper-pfeil-links.png);
	background-size: 20px auto;
	background-position: center center;
	margin-top: 0;
	padding-left: 8px;
	padding-right: 8px;
}

.swiper-coming-exhibition-slideshow .swiper-button-next,
.swiper-exhibitions-default-slideshow .swiper-button-next {
	right: 0;
	top: 0;
	width: 50px;
	height: 100%;
	background-image: url(/wp-content/themes/faws-child/img/swiper-pfeil-links.png);
	background-size: 20px auto;
	background-position: center center;
	margin-top: 0;
	padding-left: 8px;
	padding-right: 8px;
}

.swiper-coming-exhibition-slideshow .swiper-button-prev,
.swiper-coming-exhibition-slideshow .swiper-button-next {
	opacity: 0;
	transition: 0.5s;
	transform: opacity .7 linear;
}

.swiper-exhibitions-default-slideshow .swiper-button-prev,
.swiper-exhibitions-default-slideshow .swiper-button-next {
	opacity: 0;
	transition: 0.5s;
	transform: opacity .7 linear;
}

.swiper-coming-exhibition-slideshow:hover .swiper-button-prev,
.swiper-coming-exhibition-slideshow:hover .swiper-button-next {
	opacity: 1;
}

.swiper-exhibitions-default-slideshow:hover .swiper-button-prev,
.swiper-exhibitions-default-slideshow:hover .swiper-button-next {
	opacity: 1;
}

.swiper-coming-exhibition-slideshow {
	overflow: hidden;
	/*background-color: #dff;*/
	position: relative;
	margin-bottom: 12px;
}

.swiper-coming-exhibition-slideshow .swiper-slide div {
	background-size: auto 100%;
	background-position: center top;
	background-repeat: no-repeat;
	/* 34.37% = 100 / (w / h) = 100 / (640 / 220) 
	padding-top: 75%; */
	min-height: 300px;
	height: 100%;
	margin-bottom: 6px;	
	background-color: #ecede8;
}




/* content | related-events & related exhibitions in sidecol (= .leftcol even if it's
   rather 'down'-col on smaller screens) on pages current-exhibition, coming-exhibitions, 
   coming-events, single exhibition, single event 
   Using same classes for connected exhibitions and connected events lists 
   =================================================================================== */ 

/* Text Oberkante soll (> 768) immer in etwa auf Höhe der Oberkante des Bildes im 
   Hauptbereich liegen, dafür reicht es auf den meisten Seiten, hier das margin-top 
   einzustellen. Für 'kommende'-Seiten muss zusätzlich die enthaltene h3 verändert 
   werden, dort werden Ausstellungen/Veranstaltungen in einer Schleife und etwas anders 
   gelayoutet dargestellt. 
   
   Greift verm. eh alles noch zu kurz, mobile-mäßig und so. */

div.leftcol {
	margin-top: 40px;
}

.leftcol h3,
.leftcol p {
	width: 78%;
	line-height: 1.3em;
}

/* see reset in mobile section for max-width 768 */
.page-template-coming-events .leftcol h3 {
	margin-top: 60px;
}

.page-template-current-exhibition .leftcol h3 {
	margin-top: 60px;
}

.page-template-coming-events article {
	margin-bottom: 36px;
}


.leftcol h3 {
	margin-bottom: 10px;
	margin-top: 54px;
}


.container-connected-items {
	margin-top: 10px;
}

.container-connected-items span {
	display: block;
}

.container-connected-items article {
	width: 80%;
	margin-bottom: 12px;
}

.container-connected-items h2 {
	margin-bottom: 0;
	padding-bottom: 0;
}

.container-connected-items .entry-title span,
.container-connected-items .entry-title a,
.container-connected-items .entry-title a:visited {
	color: #28873c;
	font-size: 16px;
}

.container-connected-items .entry-title span.active,
.container-connected-items .entry-title a:hover,
.container-connected-items .entry-title a.active {
	color: #66cc00;
}

.container-connected-items h2 {
	padding: 0;
	line-height: 1.125em;
	font-size: 16px;
}

.connected-items-one-item-container {
	margin-bottom: 6px;
}

.connected-items-one-item-container:after {
	content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.connected-items-one-item-container span {}
.connected-items-one-item-container p {}

.connected-items-one-item-container span a,
.connected-items-one-item-container span a:visited,
.connected-items-one-item-container span a:hover {
	color: #28873c;
	text-decoration: none;
	font-weight: 600;
}
.connected-items-one-item-container span a:hover {
	color: #66cc00;
}

/* Zusatz für Randspalte auf Archiv-Veranstaltungsseiten */
body.single-event .connected-items-one-item-container span,
body.single-event .connected-items-one-item-container span.acf-fsc-event-termin p {
    float: none;
    display: inline;
}

/* Zusätze für Randspalte auf 'aktuelle Ausstellung' */
body.page-template-current-exhibition .container-connected-items span,
body.page-template-current-exhibition .container-connected-items span.acf-fsc-event-termin p {
    float: none;
    display: inline;
}

body.page-template-current-exhibition .container-connected-items span.title {
	display: block;
}
/* END .container-connected-items */



/* content | acf output  
   =================================================================================== */ 
.acf-fsc-exhibition-duration { }


div.exhibition-extra-info {
	margin-bottom: .9em;
}

.acf-fsc-exhibition-opening {
	/*font-size: 100%;*/
	/* reset */
	margin-bottom: 0;
}

.acf-fsc-exhibition-speaker {
	/*font-size: 100%;*/
	/* reset */
	margin-bottom: 0;
}

.acf-fsc-exhibition-artists {
	margin-bottom: .9em;
}

.entry-header .acf-fsc-subtitle-exhibitions,
.entry-header .acf-fsc-subtitle-events {
	margin-bottom: 2px;
	font-size: 120%;
}

.leftcol .acf-fsc-subtitle-exhibitions {
	margin-bottom: 2px;
}

.leftcol .acf-fsc-subtitle-events {
	margin-bottom: 2px;
	float: none;
}

.leftcol p {
	margin-bottom: 2px;
}

.acf-fsc-exhibition-duration strong,
.acf-fsc-exhibition-opening strong {
	font-size: 120%;
	float: left;
	padding-right: 5px;
}

.acf-fsc-exhibition-duration p {
	float: left;
}

.acf-fsc-exhibition-duration:after {
	content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

.acf-fsc-exhibition-duration p,
.acf-fsc-exhibition-opening p {
	/* reset global val */
	margin-bottom: 1rem;
	font-size: 120%;
}
.acf-fsc-exhibition-opening p {
	/* reset global val */
	margin-bottom: 0;
	font-size: 120%;
}

.acf-fsc-event-termin strong {
	font-size: 120%;
	float: left;
	padding-right: 5px;
}

.acf-fsc-event-termin p {
	float: left;
}

.acf-fsc-event-termin:after {
	content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}






.archive-overview-block {
	padding-bottom: 32px;
}

.archive-overview-block h2 {
	margin-bottom: 12px;
}

.archive-overview-block p {
	width: 48%;
	padding-right: 2%;
	float: left;
	/* reset from original underscores css (see faws) */
	margin-bottom: 16px;
	font-size: 125%;
	line-height: 110%;
}

.archive-overview-block ul {
	width: 80%;
}



/* Hauptspalte, Veranstaltungen Archiv ganz unten */
div.related-exhibitions-container,
div.related-events-container {
	margin-bottom: 24px;
}

div.related-exhibitions-container p,
div.related-exhibitions-container span,
div.related-events-container p {
	margin-bottom: 0;
	font-size: 110%;
}



/* content | Schlagwortliste   
   =================================================================================== */ 
div.post_tags {
	display: flex;
	display : -ms-flexbox;
	/* row is default */
	flex-direction: row;
	flex-wrap: wrap;
}

div.post_tags a {
	min-width: 280px;
	flex: 1 0 150px;
}



/* content | years registers single-exhibition.php and single-event.php 
   ================================================================================= *//* 
   The list of clickable years above single exhibition and single event page content. 
   These are formatted alike for exhibitions and events. */

div.years-list-container {}

ul.list-years {
	width: 100%;
	overflow: auto;
	padding-top: 25px;
	margin-bottom: 5px;
}

div.archive-overview-block ul.list-years {
	width: 80%;
}

ul.list-years li {
	float: left;
	padding: 6px 9px 6px 0;
	font-size: 120%;
	color: #ddd;
}

ul.list-years li a,
ul.list-years li a:visited {
	color: #468341;
	text-decoration: none;
	padding: 8px 8px 6px 8px;
}

ul.list-years li a:hover,
ul.list-years li.current-cat a {
	color: #fff;
	background-color: #66cc00;
	text-decoration: none;
}

ul.list-years li a.active {
	background-color: #66cc00;
	color: #fff;
}



/* content | a-z (ul.list-a-z used on archive overview page and on archive a-z page) 
   =================================================================================== */ 
.sticky-container {
	background: rgba(255, 255, 255, .9);
	margin-left: -16px;
}

.sticky-container.fixed-from-top {
	position: fixed;
	z-index: 100;
	top: 90px;
	transition: top .8s linear;
}

.sticky-container.fixed-from-bottom {
	position: fixed;
	z-index: 100;
	bottom: 335px;
	transition: top .8s linear;
}

.page-template-default .sticky-container ul li {
	display: block;
	padding-bottom: 5px;
}

.page-template-default .sticky-container ul li a {
	font-weight: 600;
}


ul.list-a-z {
	width: 100%;
	overflow: auto;
}

div.archive-overview-block ul.list-a-z {
	width: 80%;
}

.col-md-4 ul.list-a-z {
	max-width: 200px;
	/* allows for individual adjustment: */
	margin-top: 5px;
}

ul.list-a-z li {
	float: left;
	margin: 0 2px 1px 0;
	font-size: 140%;
	color: #ddd;
	width: 40px;
}

ul.list-a-z li a,
ul.list-a-z li a:visited {
	display: block;
	color: #468341;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	text-align: center;
}

ul.list-a-z li a:hover,
ul.list-a-z li.current-cat a {
	color: #fff;
	background-color: #66cc00;
	text-decoration: none;
}

ul.list-a-z li span {
	display: block;
	color: #eee;
	text-decoration: none;
	padding: 7px 7px 7px 13px;
}


h2.a-z-artist-name {
	color: #4f5050;
	font-size: 100%;
	line-height: 1.25em;
	margin-bottom: 32px;
}

h2.a-z-artist-name span {
	font-weight: 300;
	display: blocK,
	padding-top: 3px;
}

ul.a-z-participations {
	width: 70%;
	float: left;
	margin-left: 16px;
	margin-bottom: 24px;
	list-style-type: disc;
}

ul.a-z-participations li {
	color: #28873c;
}

ul.a-z-participations li a,
ul.a-z-participations li a:visited {
	color: #28873c;
	font-weight: 600;
	margin-left: -2px;
}

ul.a-z-participations li a:hover {
	color: #66cc00;
}

ul.a-z-participations li a span {
	width: 8px;
	height: 8px;
	float: left;
	margin-top: -2px;
}

body.page-template-faws-archive-genres .content-area p,
body.page-template-faws-archive-formats .content-area p,
body.page-template-faws-tags .content-area p {
	margin-bottom: 16px;
	font-size: 125%;
	line-height: 110%;
}



/* ===================================================================================
   footer 
   =================================================================================== */ 

/* footer: scroll to top  
   ----------------------------------------------------------------------------------- */
#scrollToTop {
	position: fixed;
	z-index: 100000;
	bottom: 30px;
	right: 10px;
	width: 42px;
	height: 34px;
    opacity: 0;
	transition: opacity 1s linear;
}

.header--fixed #scrollToTop {
    opacity: 1;
	cursor: pointer;
}

.header--fixed.do-not-show-to-top-icon #scrollToTop {
    opacity: 0;
	cursor: none;
}

#scrollToTop svg {
	fill: none;
	stroke: #28873c;
	stroke-width: 3px;
	width: 42px;
	height: 34px;
}

#scrollToTop:hover svg {
	stroke: #66cc00;
}
/* end scroll to top */


.site-footer {
	width: 100%;
	margin-top: 120px;
	padding-top: 30px;
	background-color: #ebebeb;
}

.site-footer a,
.site-footer a:visited,
.site-footer a:hover {
    text-decoration: none;
    color: #404040;
}

.site-footer p {
	margin-bottom: 0;
}

.site-footer div.pad-first-line p {
	margin-top: 24px;
}

.site-footer > div.row {
	width: 92%;
	margin: 0 0 0 7%;
}


/* footer | find-us-nav 
   ----------------------------------------------------------------------------------- */ 
.site-footer .menu-faws-find-us-nav-container ul {}
.site-footer .menu-faws-find-us-nav-container ul li {
	float: left;
}

.site-footer .menu-faws-find-us-nav-container ul li a {
	text-decoration: none;
	color: #404040;
}

.site-footer .menu-faws-find-us-nav-container ul li:after {
	content: '|';
	padding-left: 4px;
	padding-right: 4px;
	color: #666;
	float: left;
}

.site-footer .menu-faws-find-us-nav-container ul li:last-child:after {
	content: none;
}


/* footer | subline 
   ----------------------------------------------------------------------------------- */ 
.site-footer .fsc-footer-subline {
	background-color: #d8d8d8;
	width: 100%;
	margin-top: 40px;
	padding-bottom: 16px;
	overflow: hidden;
}

.site-footer .fsc-footer-subline div.fsc-footer-subline-inner {
	width: 80%;
	margin: 0 auto;
	padding: 12px 0 18px 0;
}

.site-footer .fsc-footer-subline div.fsc-footer-subline-inner p {
	float: left;
}
.site-footer .fsc-footer-subline div.fsc-footer-subline-inner p.copyright-text {
	margin-right: 30px;
}

.site-footer .fsc-footer-subline .menu-faws-footer-nav-container {
	float: right;
}

.site-footer .fsc-footer-subline .menu-faws-footer-nav-container ul {
	list-style: none;
	transition: 0.5s;
}

.site-footer .fsc-footer-subline .menu-faws-footer-nav-container ul li {
	float: left;
}

.site-footer .fsc-footer-subline .menu-faws-footer-nav-container ul li {
	float: left;
}

.site-footer .fsc-footer-subline .menu-faws-footer-nav-container ul li a {
	float: left;
	text-decoration: none;
	color: #404040;
}

.site-footer .fsc-footer-subline .menu-faws-footer-nav-container ul li:after {
	content: '|';
	padding-left: 4px;
	padding-right: 4px;
	color: #666;
	float: left;
}

.site-footer .fsc-footer-subline .menu-faws-footer-nav-container ul li:last-child:after {
	content: none;
}

.site-footer .link-fb img {
	width: 42px;
	height: auto;
	margin-top: 16px;
}



/* footer: newsletter form 
   ----------------------------------------------------------------------------------- */
.tnp-subscription {
    margin: 0;
}

.tnp-subscription label {
	/* resets extension default */
	padding: 0;
	padding-bottom: 4px;
	font-size: 1rem;
}

.tnp-field-privacy label {
	width: 90%;
	font-size: .9rem;
}

.site-footer .tnp-subscription .tnp-field-email input.tnp-email {
	width: 90%;
	height: 28px;
	padding: 3px;
	background-color: #f9f9f9;
}

.tnp-subscription input.tnp-submit {
    background-color: #fff;
	color: #000;
	cursor: pointer;
	padding: 6px 4px 4px 4px;
	max-width: 90%;
}

.tnp-subscription input.tnp-submit:hover {
	color: #66cc00;
}

span.search-result-category-emphasize {
	background-color: #f9f9f9;
	border-radius: 4px;
	padding: 3px 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #d1d1d1;
	font-size: 90%;
	float: left;
	clear: left;
	line-height: 90%;
	margin-bottom: 5px;
}

ul.a-z-participations span.search-result-category-emphasize {
	background-color: #f9f9f9;
	border-radius: 4px;
	padding: 1px 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #d1d1d1;
	font-size: 90%;
	float: none;
	color: #555;
}

article.exhibition div.related-categories,
article.event div.related-categories {}

article.exhibition div.related-categories span,
article.event div.related-categories span {
	display: inline-block;
	margin-bottom: 3px;
}

article.exhibition div.related-categories span a,
article.event div.related-categories span a {
	background-color: #f1f1f1;
	border-radius: 4px;
	padding: 1px 5px;
	margin-right: 8px;
}



body.tag div.related-tags {
	padding-top: 0;
}

article.exhibition div.related-tags,
article.event div.related-tags {
	margin-bottom: 12px;
}

.page-template-coming-exhibitions article.exhibition div.related-tags, 
.page-template-coming-events article.event div.related-tags {
	margin-bottom: 36px;
}

article.exhibition div.related-tags span,
article.event div.related-tags span {
	display: inline-block;
	margin-bottom: 3px;
}

article.exhibition div.related-tags span a,
article.event div.related-tags span a {
	background-color: #f1f1f1;
	border-radius: 4px;
	padding: 1px 5px;
	margin-right: 8px;
}
article.exhibition div.related-tags span:nth-child(1) a,
article.event div.related-tags span:nth-child(1) a {}

body.archive article.exhibition div.related-tags span:nth-child(1) a {
	margin-left: 0;
}

body.single-exhibition article.exhibition div.related-tags span:nth-child(1) a  {
	margin-left: 8px;
}

body.single-exhibition article.exhibition div.related-categories span:nth-child(1) a  {
	margin-left: 8px;
}

body.single-event article.event div.related-categories span:nth-child(1) a  {
	margin-left: 8px;
}


body.search-results article {
	padding: 12px;
	background-color: #fafafa;
}
body.search-results p {
	margin-bottom: 0;
}

body.search-results article,
body.archive article {
	overflow: auto;
	margin-bottom: 32px;
}


span.exhibition-duration-for-archive,
span.event-date-for-archive {
	font-size: .8em;
}


div.entry-summary { }
div.entry-summary p {
	margin-bottom: 0;
}

div.entry-summary img {
	float: left;
	padding-right: 18px;
	margin-top: 2px;
}

a.faws-read-more-link {
	margin-left: 6px;
}


/* --------------------------------------------------------------------------------- */
@media only screen and (max-width: 468px) {
/* --------------------------------------------------------------------------------- */
	button, input[type="button"], 
	input[type="reset"], 
	input[type="submit"] {
		display: block;
		margin-top: 8px;
	}
}


/* --------------------------------------------------------------------------------- */
@media only screen and (max-width: 768px) {
/* --------------------------------------------------------------------------------- */
	body.home h1.headline-homepage-current-exhibition {
		position: inherit;
		width: 100%;
		left: 0;
		right: 0;
	}

	div.leftcol {
		margin-top: 12px;
	}

	.page-template-coming-events .leftcol h3 {
		margin-top: 0;
	}

	.page-template-current-exhibition .leftcol h3 {
		margin-top: 0;
	}
}


/* --------------------------------------------------------------------------------- */
@media only screen and (max-width: 992px) {
/* --------------------------------------------------------------------------------- */
	main article p {
		font-size: 120%;
	}
	h1 {
		font-size: 1.7em;
	}	
	h2 {
		font-size: 1.5em;
	}
	h2.a-z-artist-name {
		margin-bottom: 0;
		padding-bottom: 4px;
	}
	
}


/* --------------------------------------------------------------------------------- */
@media only screen and (max-width: 1200px) {
/* --------------------------------------------------------------------------------- */
	.archive-overview-block p {
		/* resets the halfwidth layout used on wider screens (48% there, with 2% padding) */
		width: 100%;
		padding-right: 0;
	}
}


/* Header | Navicon Transformicons By Bennett Feely 
   ---------------------------------------------------------------------------------- */
.navicon-button {
	font-size: 16px;
	right: 14px;
	top: 28px;
	display: none;
	position: absolute;
	z-index: 1000020;
	padding: 2.0625rem 0 2.0625rem 0;
	transition: 0.25s;
	cursor: pointer;
	user-select: none;
	opacity: 1;
}

.navicon-button .navicon:before,
.navicon-button .navicon:after {
	transition: 0.25s;
}

.navicon-button:hover {
	transition: 0.5s;
	opacity: 1;
}

.navicon-button:hover .navicon:before,
.navicon-button:hover .navicon:after {
	transition: 0.25s;
}

.navicon-button:hover .navicon:before {
	top: .825rem;
}

.navicon-button:hover .navicon:after {
	top: -.825rem;
}

.navicon {
	position: relative;
	width: 2.5em;
	height: .3125rem;
	background: rgba(88, 88, 88, 1);
	transition: 0.5s;
	border-radius: 2.5rem;
}

.navicon:before, 
.navicon:after {
	display: block;
	content: "";
	height: .3125rem;
	width: 2.5rem;
	background: rgba(88, 88, 88, 1);
	position: absolute;
	z-index: -1;
	transition: 0.5s 0.25s;
	border-radius: 1rem;
}

.navicon:before {
	top: .625rem;
}

.navicon:after {
	top: -.625rem;
}

.open:not(.steps) .navicon:before,
.open:not(.steps) .navicon:after {
	top: 0 !important;
}

.open .navicon:before,
.open .navicon:after {
	transition: 0.5s;
}

.open.x .navicon {
	background: transparent;
}

.open.x .navicon:before {
	transform: rotate(-45deg);
}

.open.x .navicon:after {
	transform: rotate(45deg);
}


/* --------------------------------------------------------------------------------- */
@media only screen and (max-width: 960px) {
/* --------------------------------------------------------------------------------- */
	nav.main-navigation ul {
		display: none;
	}

	nav.mobile-navigation ul {
		display: block;
	}
	
	.navicon-button {
		display: inline-block;
	}
	
}
/* end - Navicon Transformicons By Bennett Feely */