/*
Theme Name:   Ostrich Theme
Description:  My GP Child Theme
Author:       Timo
Author URI:   https://ostrich.de
Template:     generatepress
*/

/*Basic*/
body{overflow-x: hidden;}
::selection {background: #4284ae; color: #fff;}

/*Header*/
.site-header .header-image {width: 100%; max-width: 240px;}

/*Fonts*/
/* merriweather-regular - latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: local('Merriweather Regular'), local('Merriweather-Regular'),
       url('fonts/merriweather-v20-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/merriweather-v20-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/*Layout*/
body.no-sidebar .site.grid-container{max-width: 990px;}

/*Shadow for featured images except shop products*/
.featured-image img{box-shadow: 0px 10px 35px rgba(83, 103, 113, 0.3);}
/* .parent-pageid-1653 .featured-image img{box-shadow: none;} */

figure.wp-block-image.size-full.shadow {box-shadow: 0px 10px 35px rgba(83, 103, 113, 0.3); margin-bottom: 3em;}

/*TOC*/
#toc_container{box-sizing: border-box; border: #eee 2px solid; padding: 25px; min-width: 100%; margin-bottom: 40px; background: #ffffff;}
#toc_container a{color: #111;}
#toc_container a span.toc_number{color: #aaa;} 
#toc_container ul ul{font-size: 90%;}
#toc_container ul ul a{color: #333;}

/*Nav*/
.menu-item-has-children:hover{cursor: pointer;}
nav#site-navigation {border-bottom: #eee 1px solid; border-top: #eee 1px solid;}

.main-navigation li.current-menu-item > a{font-weight: bold;}

.main-navigation .main-nav ul li ul li ul li a {background-color: #D1CBC8;} /*third level*/

/*buttons*/
a.btn{background: #C4576C; text-align: center; padding: 15px 23px; border-radius: 3px; color: #fff; display: table; margin: 10px auto; transition: all 0.2s; box-shadow: #D37D92 0px 10px 15px -9px;}
a.btn:hover{background-color: #D37D92; transform: translate(0, -3px);}

.button,
.wp-block-button .wp-block-button__link{padding: 15px 23px; border-radius: 5px;}
.wp-block-button.no-border-radius, .wp-block-button__link.no-border-radius{border-radius: 5px !important;}

.os_shop_buybox a.btn{background: #C4576C;}

/*Headlines*/
.site-main h1{font-family: Merriweather, sans-serif; margin: 0 0 20px 0; text-align: center; color: #222; transition: transform 0.3s;}
.site-main h1:after{content: ""; display: block; margin: 0 auto; width: 50%; max-width: 75px; margin: 10px auto; border-bottom: #e0e0e0 2px solid; transition: transform 0.3s;}

.site-main h2{font-family: Merriweather, sans-serif; margin: 60px 0 20px 0; text-align: center; color: #222; transition: transform 0.3s;}
.site-main h2 em{background: #71bfd8; color: #fff; padding: 3px 12px; display: table; font-style: normal;}
.site-main h2:after{content: ""; display: block; width: 50%; max-width: 75px; margin: 10px auto; border-bottom: #e0e0e0 2px solid; transition: transform 0.3s;}

.entry-content h2.has-pale-cyan-blue-color{padding: 120px 10px; margin-left: calc(-100vw/2 + 100%/2); margin-right: calc(-100vw/2 + 100%/2); max-width: 100vw; width: auto; background: #eff5f7; color: #3a3a3a;}

/*Lists*/
.entry-content ul{margin-left: 20px;}
.entry-content ul li{margin-bottom: 8px;}

.entry-content ol.circles {counter-reset: mycount; margin: 0 20px 30px; padding: 0; list-style: none;}
.entry-content ol.circles li {counter-increment: mycount; padding: 7px 0; width: 100%; list-style: none; display: inline-block;}
.entry-content ol.circles li::before {content: counter(mycount) '.'; padding: 0 0 0 2px; box-sizing: border-box; display: inline-block; float: left; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; background: #a2d4c1; color: #fff; font-size: 16px; font-weight: bold; margin: 5px 12px 5px 0;}

.entry-content ul.circles {margin: 0 20px 30px; padding: 0; list-style: none;}
.entry-content ul.circles li {padding: 7px 0; width: 100%; list-style: none; display: inline-block;}
.entry-content ul.circles li::before {content: "\2192"; box-sizing: border-box; display: inline-block; float: left; width: 40px; height: 40px; line-height: 35px; text-align: center; border-radius: 50%; background: #a2d4c1; color: #fff; font-size: 26px; font-weight: bold; margin: 5px 12px 5px 0;}

/*Blog*/
.blog h2.entry-title:first-child{margin-top: 0;}
/* .blog h2.entry-title a{color: #71bfd8;} */

.post-image {margin: 20px 0 0 0;}
.entry-meta{text-align: center;}
.entry-summary {margin: 10px 0 0 0;}

.read-more-container{text-align: center;}

blockquote{box-shadow: 0px 10px 35px rgba(83, 103, 113, 0.3); border-left: #000000 5px solid; padding: 30px;}

/*Latest Blogposts*/
ul.wp-block-latest-posts {margin: 0 0 0 1.2em;}

.ostrich_pages{display: flex; flex-wrap: wrap; justify-content: center;}
.ostrich_pages .ostrich_page{box-sizing: border-box; margin: 0 10px 35px 10px; width: 100%; max-width: 300px; text-align: center; background-color: #fff;}
.ostrich_pages .ostrich_page img.thumb{box-shadow: 0px 7px 24px -4px rgb(52 58 60 / 30%); border-radius: 9px; transition: all 0.3s;}
.ostrich_pages .ostrich_page img.thumb:hover{transform: translate(0, -5px); box-shadow: 0px 19px 20px -10px rgba(52, 58, 60, 0.5);}
.ostrich_pages .ostrich_page a.title{display: inline; padding-bottom: 1px; color: #333; font-size: 20px; line-height: 1.3;}

/*LP*/
.page-id-554 .main-navigation{display: none !important;}
.page-id-554 #mobile-header{display: none !important;}
.page-id-554 .grid-container{max-width: 760px;}

/*Lazy load*/
img.lazy-hidden{display: inline-block; margin: 0 auto; text-align: center;}

/*Videos*/
.video-container {position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; overflow: hidden; margin: 0 0 30px 0;}
.video-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*Custom gradients group*/
.has-os-lightgrey-gradient-background{margin-left: -15px; margin-right: -15px; background: linear-gradient(135deg,rgba(248,248,248,1) 0%,rgba(222,228,233,1) 100%); position: relative;}
.has-os-lightgrey-gradient-background .wp-block-group__inner-container{padding-top: 110px; padding-bottom: 110px; padding-left: 30px; padding-right: 30px;}
.has-os-lightgrey-gradient-background .wp-block-group__inner-container h2{margin-top: 0;}
.has-os-lightgrey-gradient-background .wp-block-group__inner-container *:last-child{margin-bottom: 0;}

/*Comments*/
.comment-content {padding: 30px; border: 1px solid rgba(0,0,0,.05); border-radius: 7px; box-shadow: 0px 5px 25px rgb(0 0 0 / 0.1);}
.one-container .comments-area {margin-top: 3.5em; border-top: #eee 2px solid; padding-top: 2em;} /*Abstand und Trenner Comment Form*/
.comment-form>.form-submit{margin: 15px 0 0 0;} /*Abstand über Comment Button*/

/*Breadcrumbs*/
.breadcrumbs{font-size: 12px; padding: 3px 8px; text-align: center;}

/*Specific landingpages*/
/*Aquarell Kurs*/
/* body.page-id-2226 .featured-image{display: none;}
body.page-id-2226 .entry-content{margin-top: 0;}
body.page-id-2226 nav#site-navigation{border-bottom: none;}
body.page-id-2226 .breadcrumbs{display: none;}
body.page-id-2226.one-container .site-content{padding-top: 0;} */

/*CBM*/
.page-id-1966 .breadcrumbs{display: none;}

.newsletter .kt-form{margin: 0 0 15px 0;}
.newsletter .kt-form input{display: block; border-radius: 3px; width: 100%; margin: 0 0 8px 0;}
.newsletter small{font-size: 14px; line-height: 1.1; display: inline-block; margin: 10px 0 0 0;}

/*Cover Waves*/
.wp-block-cover.alignfull.wave-top-single:before{background-position: top; max-height: 100px; z-index: 1; content: ""; background-repeat: repeat-x; height: 100%; position: absolute; left: -5px; right: -5px; background-color: transparent; opacity: 1; background-image: url(img/waves-top-single-color-01.svg); top: -1px;}

.wp-block-cover.alignfull.wave-bottom-dual{overflow: hidden;}
.wp-block-cover.alignfull.wave-bottom-dual:after{background-position: bottom; content: ""; background-repeat: repeat-x; height: 100%; position: absolute; left: -5px; right: -5px; background-color: transparent; opacity: 1; background-image: url(img/waves-bottom-dual-color-01.svg); bottom: -1px;}

/*Buy box*/
.wp-block-group.buybox{box-shadow: 0px 7px 24px -4px rgb(52 58 60 / 30%); border-radius: 9px;}
.wp-block-group.buybox > .wp-block-group__inner-container > h2:first-of-type{margin-top: 0;}
.wp-block-group.buybox > .wp-block-group__inner-container > *:last-child{margin-bottom: 0;}
.wp-block-buttons > .wp-block-button{margin-bottom: 1.5em;}

/*Boxzilla*/
.boxzilla-center-container .boxzilla{padding: 35px;}
.boxzilla-center-container .boxzilla .boxzilla-content{text-align: center;}

/*Blocks*/
.entry-content .wp-block-group.course-ad {box-shadow: 0px 6px 50px rgb(202 218 228); border: #4284ae 4px solid; margin-bottom: 50px;}
.entry-content .wp-block-group.course-ad .wp-block-group__inner-container {padding: 30px;}
.entry-content .wp-block-group.course-ad .wp-block-group__inner-container .wp-block-columns,
.entry-content .wp-block-group.course-ad .wp-block-group__inner-container .wp-block-image,
.entry-content .wp-block-group.course-ad .wp-block-group__inner-container .wp-block-button{margin-bottom: 0;}

@media screen and (min-width: 768px){
	.ostrich_pages .ostrich_page{width: 29%; margin: 2%;}

	/*Full width*/
	.has-os-lightgrey-gradient-background{margin-left: calc(-100vw/2 + 100%/2); margin-right: calc(-100vw/2 + 100%/2); max-width: 100vw; width: auto;}
	.has-os-lightgrey-gradient-background .wp-block-group__inner-container{max-width: 850px;}
	.has-os-lightgrey-gradient-background .wp-block-group__inner-container{padding-left: 70px; padding-right: 70px;}

	/*Waves*/
	.has-os-lightgrey-gradient-background:after,
	.has-os-lightgrey-gradient-background:before{pointer-events: none; content: ""; background-repeat: repeat-x; height: 100%; position: absolute; left: -5px; right: -5px; background-color: transparent; opacity: 1;}
	.has-os-lightgrey-gradient-background:before{background-image: url(img/waves.svg); top: -1px; background-position: top;}
	.has-os-lightgrey-gradient-background:after{background-image: url(img/waves.svg); bottom: -1px; transform: rotate(180deg);}

	/*Breadcrumbs*/
	.breadcrumbs{font-size: 14px; padding: 11px 14px;}
}