/*
Theme Name:   PraxisAmmann
Description:  Theme Praxis Jonas Ammann
Author:       Atelier Scheidegger
Author URL:   https://atelierscheidegger.ch
Template:     sketch
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  PraxisAmmann
*/

/* Write here your own personal stylesheet */



/* * * * * LAYOUT * * * * */

#site-navigation {
	display: none;
}

.site {
	padding: 0px;
}

#content {
	padding: 0px;
}

.wp-block-columns {
	padding: 50px;
    margin-bottom: 0px;
	}

.entry-header {
	display: none;
}

em {
	font-style: normal;
	color: #009888
}

.hentry {
    border-bottom: non;
    margin: 0 0 0px;
    padding: 0 0 0px;
}

/* * * * * FONT * * * * */

body {
	background: #fff;
	color: #3f5999;
	font-family: 'Spartan', sans-serif;
}

li {
	padding: 5px 0;
}

p#ueber-mich, p.qualifikationen {
    margin-bottom: 11px;
}



/* * * * * MENU * * * * */


.responsive-menu-boring.is-active .responsive-menu-inner, .responsive-menu-boring.is-active .responsive-menu-inner::after {
    background: #fff !important;
}

#responsive-menu-container #responsive-menu, #responsive-menu-container #responsive-menu ul {
    padding-top: 200px;
	}

button#responsive-menu-button {
	top: 15px;
	right: 15px !important;
    background: none;
	}
	button#responsive-menu-button .responsive-menu-box {
	    color: #009888;
		}



/* * * * * LOGO * * * * */

.site-branding {
	float: none;
    max-width: 80%;
    margin: 100px auto 70px;
		text-align: center;
}

#logo {
	text-align: center;
}

#logo img {
	width: 100%;
	max-width: 630px
}

.site-info {
	width: 100%;
	text-transform: none;
	vertical-align: top;
}

.footer-1, .footer-2, .footer-3 {
		vertical-align: top;
}

.site-header {
    border-bottom: none
}




/* * * * * FOOTER * * * * */

.entry-footer {
	display: none;

}
.wp-block-columns.pa-green::after {
	background-image: url("/wp-content/uploads/2020/09/gruen-after.svg");
}


/* * * * * FOOTER * * * * */

.site-footer {
    color: #3f5999;
    background: #fff;
		padding: 0 50px 18px 50px;
    letter-spacing: 0px;
    margin: 0;
    text-align: center;
		border-top: none;
}

.site-footer a, a {
	color: #009888;
}

a:focus, a:active, a:hover, a:visited, .site-footer a:focus, .site-footer a:active, .site-footer a:hover {
		color: #009888;
}

.footer-1, .footer-2, .footer-3 {
		position: relative;
		clear: both;
		display: inline-block;
	}

	.footer-1, .footer-4 {
		width: 27%;
		margin-left: 15%;
	}

	.footer-2 {
		width: 20%;
		margin-left: 2%;
	}

	.footer-3 {
		width: 32%;
		margin-left: 2%;
	}








/* * * * * Ueber mich * * * * */

.pa-blue {
	background: #3f5999;
}

.pa-green {
	background: #009888;
}

.pa-green p, .pa-green li, .pa-blue p, .pa-blue li {
	color: #fff;
}

.pa-blue em {
color:	#61d7c5;
}

.portrait-jonas, .wp-image-114 {
	border-radius: 50%;
}

.portrait-jonas {
	padding: 0 27px;
}



@media screen and (min-width: 50em) {
.site-info {
    max-width: 100%;
}
}



@media screen and (max-width: 670px) {

html, body, button, input, select, textarea {
  font-size: 13px;
	line-height: 1.55em;
}

.footer-1, .footer-2, .footer-3, .footer-4 {
    width: 100%;
		margin-left: 0%;
		line-height: 1.85em;
}

.wp-block-columns {
		padding: 25px;
}

.site-branding {
  	margin: 60px 26px 18px;
		max-width: 100%;
}

ul {
	margin: 0 0 19px 19px;
}
}


.privacy-policy #content {
	max-width: 636px;
	padding-bottom: 110px;
}


.privacy-policy p {
	font-size: 75%;
	line-height: 1.7;
}

.privacy-policy h2 {
	margin: 37px auto 17px;
}

.privacy-policy h1, .privacy-policy h2 {
	text-transform: none;
	letter-spacing: 0px;
	line-height: 1.5;
}