/*
 Theme Name:   Twenty Twenty Child
 Theme URI:    http://www.ivan-eroed.at/wp-eroed/twenty-twenty-child/
 Description:  Twenty Twenty Child Theme
 Author:       TP
 Author URI:   http://www.ivan-eroed.at
 Template:     twentytwenty
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentytwentychild
*/

	/* Body --------------------------- */
	body {
	background: #f8f8f8;
	}
	
	/* Header Titles ----------------------------- */
	.site-title {
	/* Bodytext-shadow: 1px 1px 2px #b5b5b5, -1px -1px 2px #b5b5b5;--- */
	font-family: Garamond, serif;
	/* unter 700px font-size & weight */
	font-size: 5.1rem;
	font-weight: 300;
}

	/* Site Header --------------------------- */
	
	#site-header {
	background-image: url("img/MAStreichtrio-cutout_grey.jpg");
	background-repeat: no-repeat;
	background-size: cover; 
	background-color: #fff;
}
	
	.header-titles-wrapper {
		/* margin-right: 4rem; */
		margin: auto;
		max-width: 50%;
		padding: 3rem 0 1em 0;
		text-align: left;
	}
	
	.header-titles {
		align-items: baseline;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		margin: auto;
	}
	
	.header-titles .site-title,
	.header-titles .site-logo,
	.header-titles .site-description {
		margin: 1rem;
	}	
	
	.header-navigation-wrapper {
		align-items: center;
		display: flex;
		margin: auto;
	}	
	.site-title a {
	color: #686667;
}
	.site-title a:hover,
	.site-title a:focus {
	text-decoration: none;
	}
	
	/* Post: Single -------------------------- */
	/* POST HEADER --------------------------*/
	
	.singular .entry-header {
		padding: 1rem 0;
		background-color: #f8f8f8; /* Hintergrund Post-Header #F5EFE0 */
		border-style: solid none none;
		border-width: thin;
		border-color: #dcd7ca;
	}	
	
	/* Block Typography Classes ------------------ */

	.has-text-align-center {
	text-align: left;
	}	/* Post-Header nach links */
	
	
	/* Element Base -------------------------- */
	
	a {
	color: #991b27;
}

	/* TITLES */

	h1.entry-title {
		font-size: 1.7rem;
		font-weight: 200;
		color: #6c6a5d;
	}	
	/* Lists ------------------------------------- */
	/* Aufzählung links*/
	
	.entry-content .alignleft ul {
		margin: 0 0 3rem 0rem;
		font-size: 1.7rem;
		width: 17em;
	}
		.entry-content .alignleft li {
		color: #991b27;
	}

	/* Primary Menu ---------------------------- */
	
	ul.primary-menu {
	font-weight: 500;
	justify-content: center;
	margin: 0;
	}
	
	/* Primary Menu Schriftfarbe--- */
	body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .modal-menu a {
	color: #991b27;
}
	
	.primary-menu a {
	padding: 0.5em;
}
	.primary-menu > li {
	margin: 0 0.1em;
}
	.primary-menu > li > .icon {
	right: -0.1rem;
}
	
		

	/* active */	
	.primary-menu li.current-menu-item > a,
	.primary-menu li.current-menu-item > .link-icon-wrapper > a {
	text-decoration: none;
	background: #f8f8f8;
	border-style: solid solid none;
	border-width: thin;
	border-color: #dcd7ca;
	margin-bottom: -1px;
}


	.primary-menu .current_page_ancestor {
	text-decoration: none;
	background: #f8f8f8;
	border-style: solid solid none;
	border-width: thin;
	border-color: #dcd7ca;
	margin-bottom: -1px;
	}

/* SUB MENU */

body:not(.overlay-header) .primary-menu ul {
    background-color: #f4f3f2;
	border-style: solid;
	border-width: thin;
	border-color: black;
}

.primary-menu ul {
	border-radius: 0;
	color: #991b27;
}

	/* active */
.primary-menu .sub-menu .current-menu-item > a {
    border:none;
	background-color: #fff;
}

	/* in wp backend menü definiert */
.untermenu {
	background: #f4f3f2;
	color: #991b27;
}
.untermenu a:hover {
	text-decoration: underline;
}



/* Sections ---------------------------------- */

	.section-inner.medium {
	max-width: 100%;
	padding-left: 0.5em;
}

/* Alignment Classes ------------------------- für Bilder */
.alignnone,
.aligncenter,
.alignleft,
.alignright,
.alignwide {
	margin-top: 0;
}

.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	margin-top: 0;
}

/* Quotes ------------------------------------ */

blockquote {
	border: none;
	background: #FFFFFB;
}

/* Footer Bottom ----------------------------- */

#site-footer {
	border-style: solid none none none;
	border-width: thin;
	padding: 0.7rem 0;
	font-size: 1.6rem;
	position: fixed;
	bottom: 0;
	width: 100%;
}

.footer-copyright {
	font-weight: 200;
	color: grey;
	margin: 0;
}

/* Fonts  ----------------------- */

.entry-content {
	font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1.8rem;
	font-weight: 300;
}

.entry-content h5 {
	font-weight: 300;
}

/* Block Font Families ----------------------- */
/* Zitate ----------------------- */
.wp-block-quote {
	font-family: NonBreakingSpaceOverride, "Hoefler Text", Garamond, "Times New Roman", serif;
	font-size: 2.1rem;
}

/* Media ------------------------------------- */
/* Bildbeschriftung */
figcaption,
.wp-caption-text {
	font-size: 1.4rem;
	font-weight: 300;
	margin-top: 0.5rem;
	margin-bottom: 2rem;
}

/* Kontaktformular ------------------------------------- */
input[type="submit"] {
	background-color: #991b27;
}

/* Media Queries
/* -------------------------------------------------------------------------- */

@media ( max-width: 599px ) {

	.section-inner.medium {
	max-width: 100%;
	padding-left: 0;
}

	}
	
@media ( max-width: 950px ) {

	.alignleft{
	float: none;
	margin: auto;
}
	}


	
@media ( min-width: 660px ) {	
	.entry-content > p .alignleft,
	.entry-content > .wp-block-image .alignleft {

		/*rtl:ignore*/
			margin: auto;
	}


}
	
@media ( min-width: 700px ) {	
	/* Site Header --------------------------- */

	.site-title {
		font-size: 10rem;
		font-weight: 500;
		opacity: 0.9;
		font-family: "Garamond", serif;
	}
	
	.section-inner {
	width: 100%;
	}
	
	/* Seite Abstand oben unten --------------------------- */
	.post-inner {
	padding-top: 1rem;
	padding-bottom: 3em;
	}
}
@media only screen and (min-width: 1000px) and (max-width: 1050px) {

	/* Menü Schrift verkleinern */
  .primary-menu li {
    font-size: 1.6rem
} 
}

@media only screen and (min-width: 1000px) and (max-width: 1150px) {

	/* Nav Links Box verkleinern */
.entry-content .alignleft ul {
    width: 11em;
}

}

@media only screen and (min-width: 900px) and (max-width: 1000px) {

	/* Bilder links in die Mitte */

.alignleft {
    float: none;
}

}

@media ( min-width: 1000px ) {


	/* Document Setup ------------------------ */

	/* Helper Classes ------------------------ */

	/* Site Header --------------------------- */


	.header-inner {
		padding: 1em 0 0 0;
	}
}