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

/* ╭─────────────────────────────────────────────────────────────────────────────────────────────╮
   │                                                                                             │
   │  Fonts                                                                                      │
   │                                                                                             │
   ╰─────────────────────────────────────────────────────────────────────────────────────────────╯ */
@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                                                                                        │
   │                                                                                             │
   ╰─────────────────────────────────────────────────────────────────────────────────────────────╯ */
/* 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 */



/* ╭─────────────────────────────────────────────────────────────────────────────────────────────╮
   │                                                                                             │
   │  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;
}


/* ╭───────────────╮
   │ Accessibility │
   ╰───────────────╯ */
.screen-reader-text:focus {
	z-index: 10000001;
}


/* ╭─────────────────────────────────────────────────────────────────────────────────────────────╮
   │                                                                                             │
   │  Wordpress tweaks                                                                           │
   │                                                                                             │
   ╰─────────────────────────────────────────────────────────────────────────────────────────────╯ */
/* ╭───────────────────────────────────────╮
   │ Disable backend edit link in frontend │
   ╰───────────────────────────────────────╯ */
/* don't show Wordpress 'edit'-link in frontend when logged in in backend */
a.post-edit-link {
	display: none;
}

/* ╭───────────────────────────────────╮
   │ 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;
}



/* ╭─────────────────────────────────────────────────────────────────────────────────────────────╮
   │                                                                                             │
   │  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 (logo, meta-nav, main-nav, mobile nav. 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;
}


/* ╭─────────────────────────────────────────────────────────────────────────────────────────────╮
   │ Meta-nav and 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;
}

/* 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;
}

.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;
}

#language-info-overlay {
	display: none;
	position: fixed;
	width: 50%;
	top: 4px;
	right: 12px;
	padding-top: 12px;
	padding-left: 12px;
	background-color: #fff;
	border-style: solid; 
	border-width: 1px;
	border-color: #555;
	border-radius: 6px;
}


/* ╭─────────────────────────────────────────────────────────────────────────────────────────────╮
   │ 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;
}



/* ╭─────────────────────────────────────────────────────────────────────────────────────────────╮
   │ Main-nav                                                                                    │
   ╰─────────────────────────────────────────────────────────────────────────────────────────────╯ */
/* <nav id="site-navigation" class="main-navigation"> comes from wordpress core - it 
   wraps the main navigation. 
   Wordpress also 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'), which here 
   resolves to: 'div.menu-faws-main-nav-container'.  
*/

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

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


/* ╭──────────────────────╮
   │ main-nav | 1st level │
   ╰──────────────────────╯ */
nav.main-navigation ul {
	list-style: none;
}

nav.main-navigation ul li {
	float: left;
	/*margin-right: 16px;*/
	padding: 0px 8px;
}

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;
}


/* ╭──────────────────────╮
   │ 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;*/
   padding: 8px 6px 0px;
}

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;
}


/* ╭──────────────────────────╮
   │ 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;
}

/* reset */ 
.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 an *archive single exhibition* post type page 
   ----------------------------------------------------------------------------------------------
   Requires an additional class .navi-archive in the Wordpress main navigation menu for the 
   archive entry and one additional class for the actual entry (.navi-archive-exhibition).     */

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 an *archive single event* post type page 
   ----------------------------------------------------------------------------------------------
   Requires an additional class .navi-archive in the Wordpress main navigation menu for the 
   archive entry and one additional class for the actual entry (.navi-archive-event).          */

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 an archive *single artist* post type page 
   ----------------------------------------------------------------------------------------------
   Requires an additional class .navi-archive in the Wordpress main navigation menu for the 
   archive entry and one additional class for the actual entry (.navi-archive-artist).         */

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 an archive *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 an archive *veranstaltungsformat* SUB page 
   ------------------------------------------------------------------------------------------- 
   Currently this rule gets triggered for ALL pages that use the category-template. 
   I have not yet found a way to have formats and genres highlighted in the main navigation as 
   desired. */
body.category .main-navigation .navi-archive .navi-archive-formats > a, 
body.category .main-navigation .navi-archive .navi-archive-formats > a:visited,
body.category .main-navigation .navi-archive .navi-archive-formats > a:hover {
	color: #66cc00;
}
body.category .main-navigation .navi-archive .navi-archive-formats > a:hover {
	color: #66cc00;
}

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

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


/* Show main navigation in active state when on an archive *genre* SUB page 
   ------------------------------------------------------------------------------------------- */

/* de */
/* malerei */
body.category-145 .main-navigation .navi-archive .navi-archive-genres a, 
body.category-145 .main-navigation .navi-archive .navi-archive-genres a:visited,
body.category-145 .main-navigation .navi-archive .navi-archive-genres a:hover {
	color: #66cc00;
}
body.category-145 .main-navigation .navi-archive .navi-archive-formats > a,
body.category-145 .main-navigation .navi-archive .navi-archive-formats > a:visited,
body.category-145 .main-navigation .navi-archive .navi-archive-formats > a:hover {
	color: #666;
}

/* zeichnung */
body.category-146 .main-navigation .navi-archive .navi-archive-genres a,
body.category-146 .main-navigation .navi-archive .navi-archive-genres a:visited,
body.category-146 .main-navigation .navi-archive .navi-archive-genres a:hover {
	color: #66cc00;
}
body.category-146 .main-navigation .navi-archive .navi-archive-formats > a,
body.category-146 .main-navigation .navi-archive .navi-archive-formats > a:visited,
body.category-146 .main-navigation .navi-archive .navi-archive-formats > a:hover {
	color: #666;
}

/* fotografie */
body.category-147 .main-navigation .navi-archive .navi-archive-genres a,
body.category-147 .main-navigation .navi-archive .navi-archive-genres a:visited,
body.category-147 .main-navigation .navi-archive .navi-archive-genres a:hover {
	color: #66cc00;
}
body.category-147 .main-navigation .navi-archive .navi-archive-formats > a,
body.category-147 .main-navigation .navi-archive .navi-archive-formats > a:visited,
body.category-147 .main-navigation .navi-archive .navi-archive-formats > a:hover {
	color: #666;
}

/* installation */
body.category-148 .main-navigation .navi-archive .navi-archive-genres a,
body.category-148 .main-navigation .navi-archive .navi-archive-genres a:visited,
body.category-148 .main-navigation .navi-archive .navi-archive-genres a:hover {
	color: #66cc00;
}
body.category-148 .main-navigation .navi-archive .navi-archive-formats > a,
body.category-148 .main-navigation .navi-archive .navi-archive-formats > a:visited,
body.category-148 .main-navigation .navi-archive .navi-archive-formats > a:hover {
	color: #666;
}


/* video */
body.category-149 .main-navigation .navi-archive .navi-archive-genres a,
body.category-149 .main-navigation .navi-archive .navi-archive-genres a:visited,
body.category-149 .main-navigation .navi-archive .navi-archive-genres a:hover {
	color: #66cc00;
}
body.category-149 .main-navigation .navi-archive .navi-archive-formats > a,
body.category-149 .main-navigation .navi-archive .navi-archive-formats > a:visited,
body.category-149 .main-navigation .navi-archive .navi-archive-formats > a:hover {
	color: #666;
}

/* skulptur */
body.category-150 .main-navigation .navi-archive .navi-archive-genres a,
body.category-150 .main-navigation .navi-archive .navi-archive-genres a:visited,
body.category-150 .main-navigation .navi-archive .navi-archive-genres a:hover {
	color: #66cc00;
}
body.category-150 .main-navigation .navi-archive .navi-archive-formats > a,
body.category-150 .main-navigation .navi-archive .navi-archive-formats > a:visited,
body.category-150 .main-navigation .navi-archive .navi-archive-formats > a:hover {
	color: #666;
}

/* grafik */
body.category-151 .main-navigation .navi-archive .navi-archive-genres a,
body.category-151 .main-navigation .navi-archive .navi-archive-genres a:visited,
body.category-151 .main-navigation .navi-archive .navi-archive-genres a:hover {
	color: #66cc00;
}
body.category-151 .main-navigation .navi-archive .navi-archive-formats > a,
body.category-151 .main-navigation .navi-archive .navi-archive-formats > a:visited,
body.category-151 .main-navigation .navi-archive .navi-archive-formats > a:hover {
	color: #666;
}

/* webbasierte-kunst */
body.category-152 .main-navigation .navi-archive .navi-archive-genres a,
body.category-152 .main-navigation .navi-archive .navi-archive-genres a:visited,
body.category-152 .main-navigation .navi-archive .navi-archive-genres a:hover {
	color: #66cc00;
}
body.category-152 .main-navigation .navi-archive .navi-archive-formats > a,
body.category-152 .main-navigation .navi-archive .navi-archive-formats > a:visited,
body.category-152 .main-navigation .navi-archive .navi-archive-formats > a:hover {
	color: #666;
}

/* naturwissenschaftliche-exponate */
body.category-153 .main-navigation .navi-archive .navi-archive-genres a,
body.category-153 .main-navigation .navi-archive .navi-archive-genres a:visited,
body.category-153 .main-navigation .navi-archive .navi-archive-genres a:hover {
	color: #66cc00;
}
body.category-153 .main-navigation .navi-archive .navi-archive-formats > a,
body.category-153 .main-navigation .navi-archive .navi-archive-formats > a:visited,
body.category-153 .main-navigation .navi-archive .navi-archive-formats > a:hover {
	color: #666;
}

/* doku */
body.category-156 .main-navigation .navi-archive .navi-archive-genres a,
body.category-156 .main-navigation .navi-archive .navi-archive-genres a:visited,
body.category-156 .main-navigation .navi-archive .navi-archive-genres a:hover {
	color: #66cc00;
}
body.category-156 .main-navigation .navi-archive .navi-archive-formats > a,
body.category-156 .main-navigation .navi-archive .navi-archive-formats > a:visited,
body.category-156 .main-navigation .navi-archive .navi-archive-formats > a:hover {
	color: #666;
}

/* klanginstallation */
body.category-338 .main-navigation .navi-archive .navi-archive-genres a,
body.category-338 .main-navigation .navi-archive .navi-archive-genres a:visited,
body.category-338 .main-navigation .navi-archive .navi-archive-genres a:hover {
	color: #66cc00;
}
body.category-338 .main-navigation .navi-archive .navi-archive-formats > a,
body.category-338 .main-navigation .navi-archive .navi-archive-formats > a:visited,
body.category-338 .main-navigation .navi-archive .navi-archive-formats > a:hover {
	color: #666;
}

/* en */
/* documantation */
body.category-107 .main-navigation .navi-archive .navi-archive-genres a,
body.category-107 .main-navigation .navi-archive .navi-archive-genres a:visited,
body.category-107 .main-navigation .navi-archive .navi-archive-genres a:hover {
	color: #66cc00;
}
body.category-107 .main-navigation .navi-archive .navi-archive-formats > a,
body.category-107 .main-navigation .navi-archive .navi-archive-formats > a:visited,
body.category-107 .main-navigation .navi-archive .navi-archive-formats > a:hover {
	color: #666;
}

/* phtotography */
body.category-108 .main-navigation .navi-archive .navi-archive-genres a,
body.category-108 .main-navigation .navi-archive .navi-archive-genres a:visited,
body.category-108 .main-navigation .navi-archive .navi-archive-genres a:hover {
	color: #66cc00;
}
body.category-108 .main-navigation .navi-archive .navi-archive-formats > a,
body.category-108 .main-navigation .navi-archive .navi-archive-formats > a:visited,
body.category-108 .main-navigation .navi-archive .navi-archive-formats > a:hover {
	color: #666;
}


/* graphics */
body.category-109 .main-navigation .navi-archive .navi-archive-genres a,
body.category-109 .main-navigation .navi-archive .navi-archive-genres a:visited,
body.category-109 .main-navigation .navi-archive .navi-archive-genres a:hover {
	color: #66cc00;
}
body.category-109 .main-navigation .navi-archive .navi-archive-formats > a,
body.category-109 .main-navigation .navi-archive .navi-archive-formats > a:visited,
body.category-109 .main-navigation .navi-archive .navi-archive-formats > a:hover {
	color: #666;
}

/* installation */
body.category-548 .main-navigation .navi-archive .navi-archive-genres a,
body.category-548 .main-navigation .navi-archive .navi-archive-genres a:visited,
body.category-548 .main-navigation .navi-archive .navi-archive-genres a:hover {
	color: #66cc00;
}
body.category-548 .main-navigation .navi-archive .navi-archive-formats > a,
body.category-548 .main-navigation .navi-archive .navi-archive-formats > a:visited,
body.category-548 .main-navigation .navi-archive .navi-archive-formats > a:hover {
	color: #666;
}

/* sound-installation */
body.category-549 .main-navigation .navi-archive .navi-archive-genres a,
body.category-549 .main-navigation .navi-archive .navi-archive-genres a:visited,
body.category-549 .main-navigation .navi-archive .navi-archive-genres a:hover {
	color: #66cc00;
}
body.category-549 .main-navigation .navi-archive .navi-archive-formats > a,
body.category-549 .main-navigation .navi-archive .navi-archive-formats > a:visited,
body.category-549 .main-navigation .navi-archive .navi-archive-formats > a:hover {
	color: #666;
}

/* painting */
body.category-550 .main-navigation .navi-archive .navi-archive-genres a,
body.category-550 .main-navigation .navi-archive .navi-archive-genres a:visited,
body.category-550 .main-navigation .navi-archive .navi-archive-genres a:hover {
	color: #66cc00;
}
body.category-550 .main-navigation .navi-archive .navi-archive-formats > a,
body.category-550 .main-navigation .navi-archive .navi-archive-formats > a:visited,
body.category-550 .main-navigation .navi-archive .navi-archive-formats > a:hover {
	color: #666;
}

/* natural-science-objects */
body.category-551 .main-navigation .navi-archive .navi-archive-genres a,
body.category-551 .main-navigation .navi-archive .navi-archive-genres a:visited,
body.category-551 .main-navigation .navi-archive .navi-archive-genres a:hover {
	color: #66cc00;
}
body.category-551 .main-navigation .navi-archive .navi-archive-formats > a,
body.category-551 .main-navigation .navi-archive .navi-archive-formats > a:visited,
body.category-551 .main-navigation .navi-archive .navi-archive-formats > a:hover {
	color: #666;
}

/* sculpture */
body.category-552 .main-navigation .navi-archive .navi-archive-genres a,
body.category-552 .main-navigation .navi-archive .navi-archive-genres a:visited,
body.category-552 .main-navigation .navi-archive .navi-archive-genres a:hover {
	color: #66cc00;
}
body.category-552 .main-navigation .navi-archive .navi-archive-formats > a,
body.category-552 .main-navigation .navi-archive .navi-archive-formats > a:visited,
body.category-552 .main-navigation .navi-archive .navi-archive-formats > a:hover {
	color: #666;
}

/* video */
body.category-553 .main-navigation .navi-archive .navi-archive-genres a,
body.category-553 .main-navigation .navi-archive .navi-archive-genres a:visited,
body.category-553 .main-navigation .navi-archive .navi-archive-genres a:hover {
	color: #66cc00;
}
body.category-553 .main-navigation .navi-archive .navi-archive-formats > a,
body.category-553 .main-navigation .navi-archive .navi-archive-formats > a:visited,
body.category-553 .main-navigation .navi-archive .navi-archive-formats > a:hover {
	color: #666;
}

/* web-based-art */
body.category-554 .main-navigation .navi-archive .navi-archive-genres a,
body.category-554 .main-navigation .navi-archive .navi-archive-genres a:visited,
body.category-554 .main-navigation .navi-archive .navi-archive-genres a:hover {
	color: #66cc00;
}
body.category-554 .main-navigation .navi-archive .navi-archive-formats > a,
body.category-554 .main-navigation .navi-archive .navi-archive-formats > a:visited,
body.category-554 .main-navigation .navi-archive .navi-archive-formats > a:hover {
	color: #666;
}

/* drawing */
body.category-555 .main-navigation .navi-archive .navi-archive-genres a,
body.category-555 .main-navigation .navi-archive .navi-archive-genres a:visited,
body.category-555 .main-navigation .navi-archive .navi-archive-genres a:hover {
	color: #66cc00;
}
body.category-555 .main-navigation .navi-archive .navi-archive-formats > a,
body.category-555 .main-navigation .navi-archive .navi-archive-formats > a:visited,
body.category-555 .main-navigation .navi-archive .navi-archive-formats > a:hover {
	color: #666;
} 



/* 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;
}
*/





/* ╭─────────────────────────────────────────────────────────────────────────────────────────────╮
   │ 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;
}



/* ╭─────────────────────────────────────────────────────────────────────────────────────────────╮
   │ 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;
}

nav.main-navigation li.main-nav-search-trigger-container-li span.search-trigger svg {
	margin-top: 4px;
	margin-left: -8px;
	width: 18px;
	display: inline-block;
}

nav.main-navigation li.main-nav-search-trigger-container-li span.search-trigger svg circle.outer-circle {
	fill: #000000;
	stroke: #000000;
}

nav.main-navigation li.main-nav-search-trigger-container-li span.search-trigger svg circle.inner-circle {
	fill: #ffffff;
	stroke: #000000;
}

nav.main-navigation li.main-nav-search-trigger-container-li span.search-trigger svg path.path {
	fill: #000000;
	stroke: #000000;
}

nav.main-navigation li.main-nav-search-trigger-container-li span.search-trigger:hover svg circle.outer-circle {
	fill: #66cc00;
	stroke: #66cc00;
}

nav.main-navigation li.main-nav-search-trigger-container-li span.search-trigger:hover svg circle.inner-circle {
	fill: #ffffff;
	stroke: #66cc00;
}

nav.main-navigation li.main-nav-search-trigger-container-li span.search-trigger:hover svg path.path {
	fill: #66cc00;
	stroke: #66cc00;
}



/* ╭─────────────────────────────────────────────────────────────────────────────────────────────╮
   │                                                                                             │
   │  #content                                                                                   │
   │                                                                                             │
   ╰─────────────────────────────────────────────────────────────────────────────────────────────╯ */
/* = #content */
.site-content {
	overflow: hidden;
}

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

/* Nur für  die Startseite, wegen Hintergrundbild der aktuellen Ausstellung (randlos) */
body.home .content-area {
	width: 100%;
	/* background-image set dynamically in 'home.php'. */
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center;
	position: relative;
	height: 500px;
}


.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;
}




/* Ist auf Standard-Seiten, sonst auch irgendwo? */
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 { }

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 .acf-fsc-event-termin p {
	margin-bottom: 0;
}

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;
}
body.single-exhibition div.leftcol,
body.single-event div.leftcol,
body.page-template-current-exhibition div.leftcol,
body.page-template-coming-exhibitions div.leftcol {
	margin-top: 0px;
}

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

.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;
}

/* see reset in mobile section for max-width 768 */
.page-template-coming-events .leftcol h3,
body.page-template-current-exhibition .leftcol h3,
body.page-template-coming-exhibitions .leftcol h3 {
	/*margin-top: 60px;*/
	margin-top: 0;
}
/* Neu 2022-02-09 */
.page-template-coming-events .leftcol {
	/*margin-top: 60px;*/
	margin-top: 0;
}

.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;
    font-size: 100%;
}

/* 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.acf-fsc-exhibition-opening {
	/*font-size: 100%;*/
	/* reset */
	margin-bottom: 0;
}
div.acf-fsc-exhibition-opening p {
	margin-bottom: 0;
}


/* This field used to hold a speaker name only, but it turned out 
   it needs to be more flexible, it mostly holds two lines of text */
div.acf-fsc-exhibition-speaker {
	/*font-size: 100%;*/
	/* reset */
	margin-bottom: 30px;
}
div.acf-fsc-exhibition-speaker p {
	margin-bottom: 0;
}


div.acf-fsc-exhibition-artists {
	margin-top: 0.9em;
	margin-bottom: .9em;
}
div.acf-fsc-exhibition-artists p {
	margin-bottom: 0;
}





/* coming */
.entry-header h3.acf-fsc-subtitle-exhibitions,
.entry-header h3.acf-fsc-subtitle-events {
	margin-bottom: 2px;
	margin-top: -10px;
	font-size: 120%;
}

/* archive */
.entry-header h2.acf-fsc-subtitle-exhibitions,
.entry-header h2.acf-fsc-subtitle-events {
	margin-bottom: 2px;
	margin-top: -22px;
	font-size: 120%;
}



div.coming-exhibitions-one-item-extra-info {
	margin-bottom: .9em;
}



.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;*/
	font-size: 126%;
}

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

.acf-fsc-event-termin-coming-event span {
	float: left;
	font-size: 126%;
}


.acf-fsc-event-termin-archive-event span {
	float: left;
	font-size: 126%;
}



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

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

/* Bei Genres und bei Formate */
.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%;
}
@media only screen and (max-width: 1200px) {
	.archive-overview-block p {
		/* resets the halfwidth layout used on wider screens */
		width: 100%;
		padding-right: 0;
	}
}

.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 of the whole page                                                                   │
   │                                                                                             │
   ╰─────────────────────────────────────────────────────────────────────────────────────────────╯ */
.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: 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;
}



/* ╭──────────────────────╮
   │ 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;
	}
	
}




/* 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 */



/* ---------------------------------------------------------------------------------
   Mailchimp form style overrides
   --------------------------------------------------------------------------------- */
#mc_embed_signup {
	background: transparent;
	text-transform: uppercase;
	clear: left;
	font-family: SourceSansProRegular;
	width: 100%;
}

input#mce-EMAIL {
	width: 90%;
	margin-top: 7px;
	margin-bottom: 8px;
}

/* send button */
#mc-embedded-subscribe {
	padding-top: 9px;
	background-color: #f1f1f1;
}
#mc-embedded-subscribe:hover {
	padding-top: 9px;
	background-color: #fff;
	cursor: pointer;
}

/* Add your own Mailchimp form style overrides in your site stylesheet or in this style block. 
   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */