/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/*Blog mit Beitragsbildern, Blog Überschrift in Elements einbauen*/

/*<header class="page-header">
<h1 class="page-title">Blog</h1>
</header>
before_main_content, Display rule: Blog*/

html {box-sizing: border-box;}
*, ::before, ::after {box-sizing: inherit;}

@media screen and (min-width: 600px) {
	.blog #main, .archive #main, .search #main {display: flex;flex-wrap: wrap;}
	.blog #main header, .archive #main header, .search #main header, .blog .paging-navigation, .archive .paging-navigation, .search .paging-navigation {flex: 0 1 100%;}
	.blog #main article, .archive #main article, .search #main article {flex: 0 1 45%;margin-right: 5%;}
	.blog #main article:nth-child(2n+1), .archive #main article:nth-child(2n+1), .search #main article:nth-child(2n+1) {margin-right: 0;}
}

@media screen and (min-width:769px) and (max-width:781px) {
	.wp-block-columns {margin-left: 0;}
}


/*Allgemeine Klassen*/

@media screen { /*weiße Schrift*/
	
}

strong {font-weight: 500;} /*prüfen wie es aussieht bei der Font*/

.margin-top {margin-top: 1em;}
.small {font-size: 80%;}
.border-grey img {border: 1px solid #eee;}

p, #content ul, #content ol {margin-bottom: 1.2em;}

#content ul li, #content ol li {margin-bottom: 0.5em;}

@media screen and (max-width:768px) {
	.wp-block-columns .wp-block-column {margin-bottom: 1.2em;}
	.wp-block-columns .wp-block-column p:last-child {margin-bottom: 0;}
}

/*Allgemeines Layout*/

.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {padding: 0 !important;}

#page {flex: 1 1 auto;}

.container.grid-container {width: 100%;}

#primary ul, #primary ol {margin-left: 20px;}
#primary ul.wp-block-gallery {margin-left: 0;}

#content a:hover, #content a:focus {text-decoration: underline;}

/*CTA*/

.cta {
    text-align: center;
    margin: 0;}

.cta, .wp-block-file {
	padding-top: 20px;
    padding-bottom: 35px;}

.search-results .read-more {display: block;}

#content .cta a:link, #content .cta a:visited {
    border: 1px solid #777;
    transition: all 0.2s ease-in-out 0s;
    font-weight: 400;
    color: #fff;
    background: #777;
    text-decoration: none;
    padding: 10px 25px;}

#content .cta a:hover, #content .cta a:active {
    background: #fff;
    color: #777;}

.wp-block-file a.wp-block-file__button:link, .wp-block-file a.wp-block-file__button:visited {
	border-radius: 0;
    font-size: inherit;}

/*Elemente verstecken*/

.site-branding {
	position: absolute;
	top: -9999px;
	left: -9999px;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;}

.main-title {font-family: 'Sriracha', cursive;font-weight: 400;}


/*Sticky Footer*/

body {
	font-family: 'Hind', sans-serif;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.oeffnungszeiten, .oeffnungszeiten td, .oeffnungszeiten tr {border: none;}

.oeffnungszeiten td {padding: 0 0 10px 0;}

/*Sidebar*/

.sidebar .widget, #right-sidebar {background-color: #fafafa;}

#right-sidebar {border: 1px solid #cccccc;}

/*Form*/

input[type=checkbox], input[type=radio] {
	/* Double-sized Checkboxes */
	-ms-transform: scale(2); /* IE */
	-moz-transform: scale(2); /* FF */
	-webkit-transform: scale(2); /* Safari and Chrome */
	-o-transform: scale(2); /* Opera */
	transform: scale(2);
	padding: 10px;
	margin-left: 5px;
	margin-right: 10px;}

input[type=text], input[type=tel], input[type="email"] {width: 100%;}

span.wpcf7-list-item {margin: 10px 0 10px 0;}

/*ab 1000px*/

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

	.dropdown-click .main-navigation ul li:hover > ul, .main-navigation ul li ul:hover {
		left: auto;
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		height: auto;
		overflow: visible;}

	.dropdown-click .menu-item-has-children.sfHover>a .dropdown-menu-toggle:before {
		content: "\f107";
	}
	
	.wp-block-columns { flex-wrap: nowrap;}
	
	#content, .wp-block-columns {
		display: flex;
		/*justify-content: space-between;*/}

	.no-sidebar #primary {flex: 0 1 100%;}
	.nav-links a.prev, .nav-links a.page-numbers, .nav-links span {margin-right: 10px;}

	.wp-block-columns .wp-block-column.col-60 {flex: 0 1 60%;}
	.wp-block-columns .wp-block-column.col-40 {flex: 0 1 40%;}
	.wp-block-columns .wp-block-column.col-70 {flex: 0 1 70%;}
	.wp-block-columns .wp-block-column.col-30 {flex: 0 1 30%;}
	.wp-block-columns .wp-block-column.col-20 {flex: 0 1 20%;}
	.wp-block-columns .wp-block-column.col-25 {flex: 0 1 25%;}
	
	.logo {width: 400px;}

}

@media screen and (max-width:767px) {
	.wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {
		display: block;
		margin: 0 0 1.3em 0;
		width: 100%}
	
	.elementor-button-wrapper {margin-bottom: 30px;}
}

@media screen (min-width: 782px) {
	.wp-block-columns {flex-wrap: wrap;}
}

@media screen and (min-width:768px) {
	.menu-toggle {margin-left: 20px;}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	#primary, #right-sidebar {
		float: none;
		width: 100%;}
}


@media screen and (min-width:600px) and (max-width:781px) {
.wp-block-columns {display: block !important;}	
.wp-block-column {margin-left: 0 !important;}}

/*XS*/
@media screen and (min-width:600px) and (max-width:999px) {
	
	.wp-block-columns .wp-block-column {width: calc(100% - 40px)}

	.wp-block-columns img {
		margin:0px auto;
		display: block;
		/*max-width: 500px;*/}	
}

/*XS*/
@media screen and (max-width: 599px) {

	p.cta {font-size: 0.9rem;}
	
}

/*Small*/

@media screen and (max-width: 999px) {
	
	.logo {width: 240px;}
	
	.main-navigation.toggled .main-nav li {text-align: center !important;}
	
	.elementor-section.elementor-section-boxed>.elementor-container {width: 96%;}	
	
	.wp-block-columns {flex-direction: column;}
	
	.inside-header {padding: 15px 10px 15px 10px;}
	
	.main-title {text-align: center;}

	body, blockquote {font-size: 1rem;}
	p.cta {font-size: 0.9rem;}	
	h1 {font-size: 1.6rem;}
	h2 {font-size: 1.4rem;}
	h3 {font-size: 1.2rem;}
	h4, h5 {font-size: 1.2rem;}
	
	/*blockquote {border-left: 3px solid #2b4fbd;padding: 10px;}*/
	
	div.nav-previous {margin-bottom: 30px;}
	.nav-links a, .nav-links span {display: inline-block;}	
	.nav-links a.prev, .nav-links a.page-numbers {margin-right: 15px;margin-bottom: 20px;}
	span.page-numbers.current, #main span.page-numbers.current:hover {
		background: #fff;
		color: #000;}
	.pagination a, .pagination span, .page-numbers {
		transition: all .2s ease-in-out;
		color: #000;
		background: #fff;
		padding: 6px 15px;
		border: 1px solid #000;}
	
	table, table td, table th, table tr {display: block;}
	.wp-block-table tr {margin-bottom: 1.2em;}
	
	/*.site-footer a {display: block;}*/
	/*.site-footer a:first-child {margin-bottom: 10px;}*/
	
}

/* Medium */
@media screen and (min-width:1000px) and (max-width:1250px) {
	.site-header {margin-left: 20px;}
}

/* Medium */
@media screen and (min-width:1000px) and (max-width:1399px) {
	
	.elementor-section.elementor-section-boxed>.elementor-container {width: 96%;}	
	
	.wp-block-columns .wp-block-column.col-60, .wp-block-columns .wp-block-column.col-40, .wp-block-columns .wp-block-column.col-30, .wp-block-columns .wp-block-column.col-70 {flex: 0 1 50%;}
	#primary-menu a {font-size: 1.05rem;}
	body, blockquote {font-size: 1.1rem;} 
	body  {font-size: 1.1rem;}
	h1 {font-size: 1.8rem;}
	h2 {font-size: 1.4rem;}
	h3 {font-size: 1.2rem;}	
	h4, h5 {font-size: 1.2rem;}
	
	.blog #primary, .archive #primary, .single #primary, .search #primary, .site-404 #primary {flex: 0 1 60%;margin-right: 5%;}
	
	#right-sidebar {
		flex: 0 1 35%;
		/*margin-top: 50px;*/
		padding: 20px;}
	
	body .grid-container {max-width: 96%;}
}

/* Large */
@media screen and (min-width:1400px) {

	#primary-menu a {font-size: 1.3rem;} 
	body, blockquote {font-size: 1.2rem;}
	h1 {font-size: 2.2rem;}
	h2 {font-size: 1.8rem;}
	h3 {font-size: 1.4rem;}
	h4, h5 {font-size: 1.2rem;}
	
	.blog #primary, .archive #primary, .single #primary, .search #primary, .site-404 #primary {flex: 0 1 60%;margin-right: 5%;}
	
	#right-sidebar {
		flex: 0 1 35%;
		/*margin-top: 50px;*/
		padding: 30px;}
	
	/*.blocks-gallery-item {max-width: 800px;}	*/
	
}


@media print {
	.search-item, .menu-toggle, .site-info, .no-print, .mobile-menu, #site-navigation, p.cta, #sticky-navigation, #right-sidebar, .paging-navigation {display: none;}
	
	.sticky-enabled .main-navigation.is_stuck {height: 0;box-shadow: none;}
	
	.menu-toggle:before {content: "";}
	
	#main img {width: 400px;}
}

/* sriracha-regular - latin */
@font-face {
  font-family: 'Sriracha';
  font-style: normal;
  font-weight: 400;
  src: url('../../../fonts/sriracha-v4-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Sriracha'), local('Sriracha-Regular'),
       url('../../../fonts/sriracha-v4-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../fonts/sriracha-v4-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../fonts/sriracha-v4-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../../fonts/sriracha-v4-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../fonts/sriracha-v4-latin-regular.svg#Sriracha') format('svg'); /* Legacy iOS */
}

/* hind-500 - latin */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 500;
  src: url('../../../fonts/hind-v10-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Hind Medium'), local('Hind-Medium'),
       url('../../../fonts/hind-v10-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../fonts/hind-v10-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../fonts/hind-v10-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../../../fonts/hind-v10-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../fonts/hind-v10-latin-500.svg#Hind') format('svg'); /* Legacy iOS */
}
/* hind-regular - latin */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 400;
  src: url('../../../fonts/hind-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Hind Regular'), local('Hind-Regular'),
       url('../../../fonts/hind-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../fonts/hind-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../fonts/hind-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../../fonts/hind-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../fonts/hind-v10-latin-regular.svg#Hind') format('svg'); /* Legacy iOS */
}
/* hind-600 - latin */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 600;
  src: url('../../../fonts/hind-v10-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Hind SemiBold'), local('Hind-SemiBold'),
       url('../../../fonts/hind-v10-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../fonts/hind-v10-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../fonts/hind-v10-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../../../fonts/hind-v10-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../fonts/hind-v10-latin-600.svg#Hind') format('svg'); /* Legacy iOS */
}
/* hind-700 - latin */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 700;
  src: url('../../../fonts/hind-v10-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Hind Bold'), local('Hind-Bold'),
       url('../../../fonts/hind-v10-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../fonts/hind-v10-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../fonts/hind-v10-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../../fonts/hind-v10-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../fonts/hind-v10-latin-700.svg#Hind') format('svg'); /* Legacy iOS */
}