/*
Theme Name: Innenhofkultur
Author: einicher.net
Author URI: http://einicher.net
*/


* { border: 0; margin: 0; padding: 0; outline: 0; scrollbar-width: thin; scrollbar-color: #FFF #000; vertical-align: baseline; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; box-sizing: border-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; max-width: 100%; }

html { font-size: 10px; }
body { font-family: "Open Sans", sans-serif; font-size: 1.6rem; }
html, body { height: 100%; }
h1, h2, h3, p { margin: 0 0 2rem 0; }
h1 { font-size: 1.25em; }
ul, ol { padding: 0 0 0 2em; margin: 0 0 20px 0; }
li { margin: 0 0 10px 0; }
a { color: #00B; }
b { font-weight:bold; }
i { font-style: oblique; }
strong { font-weight: 800; }
hr { background: #CCC; height: 1px; margin: 20px -30px; }
[name=email1] { position: absolute; left: -9999px; }
[name=email3] { display: none; }

.hidden { display: none; }
.error,
.success { margin: 0 0 20px 0; background: #D00; padding: 20px; color: #fff; font-weight: bold; text-align: center; }
.success { background: #070; }
.clearfix::after { content: ' '; display: block; clear: both; }

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

ul.ihkTabNav { background: #F5F5F5; border-bottom: 1px solid #CCC; list-style-type: none; margin: 0; padding: 10px 10px 0 10px; }
ul.ihkTabNav li { padding: 0; margin: 0; float: left; line-height: 40px; height: 40px; }
ul.ihkTabNav li a { display: block; padding: 0 20px; text-decoration: none; color: #333; }
ul.ihkTabNav li.active a { background: #FFF; height: 40px; border: 1px solid #CCC; border-bottom: 0 none; }

ul.ihkPillNav { list-style-type: none; margin: 0; padding: 10px 0; border-bottom: 1px solid #CCC; }
ul.ihkPillNav li { margin: 0 0 0 0; float: left; }
ul.ihkPillNav li a { display: block; padding: 5px 20px; text-decoration: none; color: #333; }
ul.ihkPillNav li.active a { display: block; background: #F5F5F5; border-radius: 3px; }

body .pagination { padding: 20px; }
body .pagination a { display: inline; border: 1px solid #CCC; padding: 2px 4px; line-height: 30px; }
body .pagination a.active { border: 2px solid #000; }

table.naviblock { width: 100%; margin: 0 0 30px 0; border-spacing: 30px; background: #F5F5F5; margin: 30px -30px 20px -30px; }
table.naviblock td { padding: 0; }
table.naviblock td a { display: block; color: #333; text-decoration: none; }

.backlink { background: #F5F5F5; padding: 30px; display: inline-block; margin: 10px 0 30px -30px; text-decoration: none; color:#333; font-weight: bold; }

.expander { background: #FFF; padding: 1rem; min-height: 100%; }
.widescreen { background: #EEE; padding: 3rem; min-height: 100%; }

#container { min-height: 100%; }
#sidebar { flex-shrink: 0; width: 280px; background: #000; font-size: 1.5rem; }
#drawer { background: #000; width: 262px; overflow: auto; position: fixed; top: 0; left: -300px; bottom: 0; transition: left 0.2s; }
#drawer.active { left: 0; }
#main { width: 100%; background: #EEE; padding: 5.8rem 0 0 0; }
#wrap { width: 100%; min-height: 100%; }

header.main { background: #000; position: fixed; left: 0; top: 0; right: 0; height: 58px; display: flex; padding: 1rem; z-index: 999; }
body.logged-in header.main { top: 46px; }
header.main h1 { margin: 0; flex-grow: 1; max-width: 50%; }
header.main h1 a img { height: 100%; width: auto; }

#toggleDrawer { margin: 6px 6px 6px auto; flex-shrink: 0; width: 26px; height: 26px; -margin: 50px auto; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
#toggleDrawer span { display: block; position: absolute; height: 4px; width: 100%; background: #FFF; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
#toggleDrawer span:nth-child(1) { top: 0; }
#toggleDrawer span:nth-child(2),#toggleDrawer span:nth-child(3) { top: 10px; }
#toggleDrawer span:nth-child(4) { top: 20px; }
#toggleDrawer.active span:nth-child(1) { top: 8px; width: 0%; left: 50%; }
#toggleDrawer.active span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#toggleDrawer.active span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
#toggleDrawer.active span:nth-child(4) { top: 18px; width: 0%; left: 50%; }

#sponsors { width: 170px; height: 381px; margin: 30px 65px 50px 20px; }
#sponsors a { min-height: 20px; display: block; background: url('sponsoren.png?get=2'); }
#sponsors a:hover { background-image: url('sponsoren-hover.png?get=2'); }
#sponsors #bmukk { height: 66px; background-position: 0 0; }
#sponsors #kaernten { height: 61px; background-position: 0 -58px; }
#sponsors #orf { height: 80px; background-position: 0 -119px; }
#sponsors #klagenfurt { height: 88px;  background-position: 0 -199px; }
#sponsors #kulturraum { height: 57px; background-position: 0 -287px; }
#sponsors #sparkasse { height: 38px; background-position: 0 -344px; }

nav ul { list-style-type: none; margin: 0; padding: 0; }
nav ul li { margin: 0; }
nav ul li a { text-decoration: none; font-size: 1.8rem; color: #CCC; padding: 15px 20px; display: block; }
nav ul li.current_page_item a,
nav ul li.current_page_ancestor a { color: #FFF; background: #222; }

nav ul li ul { display: none; }
/*
nav ul li.current_page_item ul,
nav ul li.current_page_ancestor ul { display: block; }
nav ul li.current_page_item ul li a,
nav ul li.current_page_ancestor ul li a { padding: 10px 20px; font-size: 16px; background: #222; color: #CCC; }

nav ul li ul li ul {  }
nav ul li ul li ul li {  }
nav ul li.current_page_item ul li ul li a,
nav ul li.current_page_ancestor ul li ul li a { padding: 5px 0 10px 30px; font-size: 14px; }
nav ul li.current_page_item ul li ul li ul li a,
nav ul li.current_page_ancestor ul li ul li ul li a { padding: 5px 0 10px 60px; font-size: 14px; }
*/

#mainBanner { display: block; }

article p.excerpt { font-weight: bold; }

.feed article { margin: 0 0 20px 0; }
.feed a { display: block; color: #333; text-decoration: none; }
.feed .thumb { margin: -2rem -2rem 2rem -2rem; }
.feed img { display: block; width: 100%; height: auto; }
.feed article h1 { font-weight: bold; font-size: 1em; margin: 0; }
.feed .hasThumb .description { margin: 0; }

.feed.zeitgeschehen {  }
.feed.zeitgeschehen article { max-width: 670px; margin-bottom: 30px; }
.feed.zeitgeschehen article h1 { font-weight: bold; }

.widescreen .feed h1.feedHeading {  }
.widescreen .feed .description { max-width: 640px; min-height: 118px; }
.widescreen .feed .hasThumb .description { max-width: 510px; }
.widescreen .feed article { padding: 20px 30px; margin: 0 -30px; background: #E6E6E6; }
.widescreen .feed article:nth-child(odd) { background: transparent; }
.widescreen .feed p { margin: 0; }

body.home .feed.events article { margin: -1rem; padding: 2rem; }
body.home .feed.events article:nth-child(odd) { background: #f5f5f5; }
.feed.events .time { background: #d0ecf5; display: inline-block; padding: 5px 10px; border-radius: 3px; margin: 5px 0; }

body.page-id-40 .feed { margin: 30px 0 0 0; }

body.page-id-40 .feed article,
.eventbrowser .feed article,
body.page-id-16 .feed article { margin: 0 -30px; padding: 12px 30px 15px 30px; }

body.page-id-40 .feed article:nth-child(odd),
.eventbrowser .feed article:nth-child(odd),
body.page-id-16 .feed article:nth-child(odd) { background: #f5f5f5; }

body.page-id-16 .feed article i { display: block; margin: 2px 0; }
body.page-id-16 .feed article .excerpt,
.feed.kulturpresse .excerpt { color: #666; font-weight: normal; margin: 0; }

.eventbrowser ul.ihkTabNav,
.eventbrowser ul.ihkPillNav { margin: 0 -30px; }
.eventbrowser ul.ihkPillNav { padding: 10px; }
.eventbrowser .pagination { padding: 20px 0 40px 0; }

body.home .widescreen .feed { margin-bottom: 30px; }
body.home .widescreen .feed article { max-width: 670px; padding: 5px 30px; }
body.home .widescreen .feed article img { float: left; border: 3px solid #000; width: 48px; height: 48px; }
body.home .widescreen .feed.kulturpresse .description { line-height: 24px; padding-left: 64px; min-height: 54px; }
body.home .widescreen .date { color: #666; }

#thorondorSubscription { margin: 0 0 20px 0; }
#thorondorSubscription form { display: flex; }
#thorondorSubscription input,
#thorondorSubscription button { border: 2px solid #000; padding: 5px 10px; }
#thorondorSubscription input { width: 100%; flex-grow: 1; border-radius: 5px 0 0 5px; }
#thorondorSubscription button { flex-shrink: 0; background: #000; color: #FFF; border-radius: 0 5px 5px 0; }

#buyTicketButton { display: flex; align-items: center; border-radius: .5rem; background: #000; color: #FFF; font-weight: bold; padding: 1rem 2rem; font-size: 1.6rem; margin: 0 0 2rem 0; }
#buyTicketButton span { border-radius: 50%; background: rgba(255, 255, 255, 0.25); margin: 0 0 0 auto; font-size: 2.5rem;
  font-weight: 900; line-height: 100%; height: auto; width: auto; }

@media (min-width: 1000px) {
	.expander { padding: 2rem; }
	h1 { font-size: 2em; }
	#container { display: flex; }
	header.main { position: static; height: auto; }
	header.main h1 { max-width: 100%; }
	header.main h1 a img { width: 100%; height: auto; }
	#sidebar { width: 32rem; }
	#toggleDrawer { display: none; }
	#drawer { position: static; width: auto; }
	#main { padding: 0; }
	.feed a { display: flex; }
	.feed.events article { margin: 0 -3rem; padding: 3rem; }
	.feed .thumb { width: 32rem; margin: 0; flex-shrink: 0; }
	.feed .description { padding: 0 0 0 2rem; }
	.feed img { width: 32rem; height: auto; flex-shrink: 0; }
	-#container .widescreen .feed .description { margin: 3rem 0 0 0; padding: 0; max-width: 32rem; }
	#container .widescreen .feed.kulturpresse .description { max-width: 100%; margin: 0; padding: 0 0 0 2rem; }
	body.home .feed.events article { margin: 0 -3rem; padding: 3rem; }
	body.home .feed.kulturpresse .thumb { width: auto; }
}

@media (min-width: 1400px) {
	#wrap { display: flex; flex-wrap: wrap; }
	.expander { width: 60%; padding: 3rem; }
	.widescreen { width: 40%; }
	.page-id-2483 .expander,
	.page-id-3072 .expander { width: auto; }
}

article.blog {  }

.wp-block-media-text { margin: 0 0 30px 0; }
.wp-block-media-text__media img, .wp-block-media-text__media video { height: auto; }

.page-id-10210 figure { border: 2px solid #000; padding: 1rem; margin: 0 0 2rem 0; }