/*!
Theme Name: AKA-Text
Theme URI: https://stadtkreation.de/wordpress-themes-und-plugins/
Author: STADTKREATION
Author URI: https://stadtkreation.de/ueber-uns/
Description: WordPress theme for Arend Kölsch - Architecture Text Translation by STADTKREATION. Based on a starter theme by underscores.me.
Version: 0.3
Tested up to: 5.5.3
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: aka-text */

* {
	margin:0;
	padding:0;
}

body {
	min-width:320px;
}

h1, h2, h3, h4, h5, h6, h7, h8, h9 {
	font-size:100%;
	font-weight:bold;
	font-style:normal;
	padding:3.0em 0 1.5em;
}

p {
	padding-bottom:1.5em;
}

a {
	color:black;
	text-decoration:underline;
}

/* fixes */

:focus,
:active {
	outline:none;
}

/* DEV BG */

/*body {
	background-image:url('dev/Layout Website AKA 2020-11-11 Ausrichtung_beschnitten.jpg');
	background-size:100% auto;
}*/

/* page */

#page {
	font-family:'Libre Baskerville',serif;
	font-size:1.0vw;
	line-height:1.5em;
	background-image:url(../../uploads/Pattern.png);
	background-attachment:fixed;
}

@media (max-width:1299px) {
	#page {
		font-size:13px;
	}
}

/* site header */

header.site-header {
	padding:2.5vw 2vw .6vw 2vw;
	display:flex;
	background:white;
	position:relative;
}

@media (max-width:1299px) {
	header.site-header {
		padding:32.4667px 25.9667px 7.78333px;
	}
}

header.site-header .site-branding {
	width:34.8vw;
}

@media (max-width:1299px) {
	header.site-header .site-branding {
		width:452.05px;
	}
}

header.site-header .custom-logo {
	width:100%;
	height:auto;
}

/* main navigation */

header.site-header .navigation-box {
	width:53.3%;
	text-align:right;
	padding:4.5vw 0 0 2vw;
	box-sizing:border-box;
}

@media (max-width:1299px) {
	header.site-header .navigation-box {
		width:calc(100% - 452.05px);
		max-width:664.683px;
		padding:58.45px 0 0 25.9667px;
	}
}

@media (max-width:539px) {
	header.site-header .navigation-box {
		width:auto;
		padding-left:10px;
	}
}

header.site-header .top-navigation {
	position:absolute;
	top:.5vw;
	width:calc(53.3% - 4vw);
}

@media (max-width:1299px) {
	header.site-header .top-navigation {
		width:calc(100% - 452.05px - 25.9667px - 25.9667px - 25.9667px);
		max-width:calc(664.683px - 25.9667px);
	}
}

header.site-header .top-navigation li {
	list-style:none;
	display:inline-block;
	margin-left:.5em;
}

@media (min-width:900px) {
	header.site-header .main-navigation .menu-toggle {
		position:absolute;
		top:-9999px;
		left:-9999px;
		text-indent:-9999px;
		font-size:0;
		line-height:0;
	}
}

@media (max-width:899px) {
	header.site-header .main-navigation .menu-toggle {
		font-size:0;
		background:none;
		border:none;
		box-shadow:none;
		outline:none;
	}
	header.site-header .main-navigation .menu-toggle:after {
		font-size:24px;
		color:black;
		content:'\f333';
		font-family:dashicons;
		display:inline-block;
		margin-top:-3px;
		margin-right:-3px;
		cursor:pointer;
	}
	header.site-header .main-navigation.toggled .menu-toggle:after {
		content:'\f335';
	}
	header.site-header .main-navigation > div {
		display:none;
	}
	header.site-header .main-navigation.toggled > div {
		display:block;
		position:absolute;
		width:100%;
		left:0;
		background:white;
		box-sizing:border-box;
		padding:1.5em 25.9667px;
	}
}

header.site-header .main-navigation ul {
	list-style:none;
}

header.site-header .main-navigation li {
	display:inline-block;
	margin-right:.8vw;
}

@media (max-width:899px) {
	header.site-header .main-navigation li {
		display:block;
		margin:0;
		padding-bottom:12px;
	}
}

header.site-header .main-navigation li:last-child {
	margin-right:0;
	padding-bottom:0
}

header.site-header .main-navigation a {
	color:black;
	font-weight:bold;
	text-decoration:none;
}

/* header image */

.header-image {
	width:100%;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	min-height:80px;
	box-sizing:border-box;
}

.header-image:after {
	content:" ";
	display:block;
	padding-bottom:25vw;
}

@media (min-width:1054px) {
	.header-image:after {
		padding-bottom:calc(131.933px * 2);
	}
}

/* primary */

#primary {
	padding:0 33.6vw 0 12vw;
}

@media (max-width:1299px) {
	#primary {
		padding:0 25.9667px 0 155.867px;
	}
}

@media (max-width:639px) {
	#primary {
		padding:0 25.9667px;
	}
}

article {
	position:relative;
	background:white;
	padding:4.9% 38.5% 10% 2.9%;
	/*hyphens:auto;*/
	margin-top:calc(-39px + -34.627467px);
}

@media (max-width:1299px) {
	article {
		max-width:calc(706.683px);
		padding:34.627467px 272.267px 70.7167px 20.5px;
		box-sizing:border-box;
	}
}

@media (max-width:889px) {
	article {
		max-width:calc(706.683px - 20.5px);
		width:100%;
		border-right:20.5px solid white;
		padding:34.627467px calc(100% - 413.917px - 20.5px) 70.7167px 20.5px;
		box-sizing:border-box;
	}
}

article .entry-title {
	padding-top:0;
}

/* footer */

footer.site-footer {
	min-height:3vw;
	padding:1.5em 33.6vw 1.5em 12vw;
	font-size:75%;
	letter-spacing:0.025em;
}

@media (max-width:1299px) {
	footer.site-footer {
		padding:1.5em 25.9667px 1.5em 155.867px;
	}
}

@media (max-width:639px) {
	footer.site-footer {
		padding:1.5em 25.9667px;
	}
}

footer.site-footer .footer-navigation a {
	text-decoration:none;
}

footer.site-footer .footer-navigation li {
	list-style:none;
	padding-right:.5em;
	display:inline-block;
}

@media (max-width:1299px) {
	footer.site-footer {
		min-height:38.9667px;
	}
}

.wp-block-image img {
	height:auto;
}

.rightcolumn {
	position:absolute;
	left:65%;
	width:31.5%;
}

@media (max-width:899px) {
	.rightcolumn {
		position:static;
		left:0;
		width:222.6px;
	}
}

/* hidden elements */
.screen-reader-text,
.site-title,
.site-description {
	position:absolute;
	top:-9999px;
	left:-9999px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}