/*
Theme Name:  Urich Coaching
Theme URI:  https://www.pushit.at
Description:  Abgeleitet von TwentyThirteen
Author:  Push IT
Textdomain:  pushit
Author URI:  https://www.pushit.at
Template:  twentythirteen
Version:  1.0
License:  GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html                 
*/

:root {
	--turquoise:#a0dbd8;
	--dark-turquoise:#5e8280;
	--strong-turquoise:#4dc3bd;
	--dark-blue:#225371;
	--font-heading:"Architects Daughter", sans-serif;
	--font-main:"Open Sans", sans-serif;
	--img-border-radius: 0.5rem;
    --img-border: 0.1rem solid var(--turquoise);
    --img-box-shadow: 0.1rem 0.2rem 0.2rem #eee;
}

html {
    /* 1rem = 10px */
    font-size: 62.5%;
}

body {
	font-size: 1.5rem;
	background: #efefef;
}

/* todo correct path to font (wp) */
@font-face {
  	font-family: 'Open Sans';
  	font-style: normal;
  	font-weight: 400;
	font-display: swap;
  	src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../../../fonts/Open_Sans/open-sans-v17-latin-regular.ttf') format('truetype');
}


/* todo correct path to font (wp) */
@font-face {
	font-family: 'Architects Daughter';
	font-style: normal;
	font-weight: 400;
	src: local('Architects Daughter'), local('ArchitectsDaughter-Regular'), url('../../../fonts/Architects_Daughter/ArchitectsDaughter-Regular.ttf'); 
	font-display: swap;
}

.site {
	box-shadow: 0 0 1rem var(--dark-turquoise);
	border-left: none;
	border-right:none;
}

html, button, input, select, textarea,
.site-description,
.format-link .entry-title,
.attachment .entry-title,
.author-description .author-title,
.archive-title,
.archive-meta,
.page-title,
.comments-title,
.comment-reply-title,
.widget .widget-title,
.menu-toggle,
#headimg h2 {
	font-family: var(--font-main);
	font-style: normal;
}

.site-footer {
	background: var(--turquoise);
}

.site-footer ul {
	list-style-type: none;
	display:flex;
	justify-content: center;
	flex-wrap:wrap;
	padding:0;
}

.site-footer li {
	padding: 0 1rem;
}

.site-footer ul a {
	color:var(--dark-blue);
	text-shadow: 0.1rem 0.1rem rgba(255,255,255,0.5);
}

/* SOCIAL MENU IN FOOTER */
.social-icon img {
	width:2rem;
}

.social-icon:hover img {
	opacity:0.7;
}

/* STARTSEITE */
.home .site-header:after {
	content:'Ihr Erfolg ist unsere Stärke!';
	padding-top:2rem;
	display:block;
	height:30rem;
	background: no-repeat center 80% transparent;
	background-image: linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.8) 10rem ,rgba(255,255,255,0.1) 0, rgba(255,255,255,0.1)), url(../../../wp-content/uploads/2020/11/header_desktop.jpg);
	background-size:cover;
	text-align:center;
	color:var(--dark-blue);
	font-size: 4rem;
	text-shadow: 1px 1px 1px white;
	font-family: var(--font-heading);
	box-shadow: 0 0.2rem 0.4rem var(--dark-turquoise);
}

@media (max-width:800px) {
	.home .site-header:after {
		background-image: linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.8) 10rem ,rgba(255,255,255,0.1) 0, rgba(255,255,255,0.1)), url(../../../wp-content/uploads/2020/11/header_mobile.jpg);
	}
}

@media(max-width:600px) {
	.home .site-header:after {
		font-size:2.5rem;
		line-height:6rem;
	}
}

.home h2 {
	margin-top:2.1rem;
}

.home .leistungen {
	display:flex;
	flex-wrap: wrap;
}

.home .entry-header {
	display:none;
}

.home .leistung p {
	text-align:justify;
	margin-bottom:0;
}

.home .leistungen .leistung:nth-child(odd) {
	margin-right:4rem;
}
.home .leistung {
	width: calc(50% - 2rem);
	max-width: calc(50% - 2rem);
}

.home .leistung a:last-child {
	margin-top:1rem;
	margin-bottom:1rem;
	display:inline-block;
}

@media(max-width:599px) {
	.home .leistungen .leistung:nth-child(odd) {
		margin-right:unset;
	}
	
	.home .leistung {
		width: unset;
		max-width: unset;
	}
}

/* ENDE STARTSEITE */