/*
Theme Name:   Pukeko Child Theme
Description:  
Author:       olip
Author URI:   https://dev-pilot.com/
Template:     pukeko
Version:      1.2.2
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  pukeko-child
*/

/*--------------------------------------------------------------
# Custom styles for berami
--------------------------------------------------------------*/
@import url("../pukeko/style.css");
/* Lizenz  für Myriad Pro https://community.adobe.com/t5/type-typography-discussions/myriad-pro-licensing-options/m-p/4119465?profile.language=de */
/* MF: Fehlende Schrift einbinden */
@font-face {
	font-family: 'Myriad Pro';
	src: url('/wp-content/themes/pukeko-child/assets/fonts/MyriadPro/MyriadPro-Regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Myriad Pro';
	src: url('/wp-content/themes/pukeko-child/assets/fonts/MyriadPro/MyriadPro-Bold.woff2') format('woff2');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Myriad Pro';
	src: url('/wp-content/themes/pukeko-child/assets/fonts/MyriadPro/MyriadPro-It.woff2') format('woff2');
	font-weight: normal;
	font-style: italic;
}

/* Slider zentrieren */
div#n2-ss-16-align{
	margin-left: auto;
    margin-right: auto;
}

/* Schriftfarbe */
body, button, input, select, table, textarea, .search .page-header p, .teammember-content-wrap h2.section-title span, .textwidget p, .page.elementor-page .entry-content .elementor-column .elementor-text-editor p {
	color: #444444;
}

/* Content-Bereich über ganze Breite */
@media (min-width: 75em) {
	.archive.sidebar-show .content-area, .blog.sidebar-show .content-area, .page-template-default .content-area, .search.sidebar-show .content-area, .single-post.sidebar-show-post .content-area {
		width: 100%;
	}
}

/* alte Styles */
body, 
button, 
input,
select, 
table, 
textarea, 
.search .page-header p, 
.teammember-content-wrap h2.section-title span, 
.textwidget p, 
.page.elementor-page .entry-content .elementor-column .elementor-text-editor p,
.page .entry-content p,
p {
	font-family: 'Myriad Pro' !important;
	font-size: 20px;
	font-weight: 400;
}

.h-alt h1, .h-alt h2, .h-alt h3, .h-alt h4, .h-alt h5, .h-alt h6 {
	font-family: 'Myriad Pro';
	/* mf 23.12. geändert
	font-size:  40px;
	font-weight: 400 !important;
	 */
	font-weight: bold !important;
}
.h-alt h1{
	font-size: 2em;
}
.h-alt h2{
	font-size: 1.5em;
}
.h-alt h3{
	font-size: 1.2em;
}
.h-alt h4, .h-alt h5, .h-alt h6{
	font-size: 1em;
}

h2.widgettitle,
h2.widget-title  {
	font-family: 'Myriad Pro' !important;
	font-weight: 400 !important;
	font-size: 24px !important;
	line-height: 24px;
}
h1.entry-title,
h1.page-title,
h2.entry-title  {
	font-family: 'Myriad Pro' !important;
	font-weight: 400 !important;
	font-size: 24px !important;
	line-height: 30px;
	color: #000;
}

/* List styling */

ul,
ol,
.page .entry-content ol,
.page .entry-content p, 
.page .entry-content ul, 
.single-post .entry-content ol, 
.single-post .entry-content p, 
.single-post .entry-content ul, 
p.-text-m, 
.blog-1-column .hentry .entry-summary, 
.blog .sticky .entry-summary, 
.page-header .page-title span {
	font-weight: 400;
}


/* Button styling */

div.ber-button {
	font-family: 'Myriad Pro' !important;
	font-size: 20px;
	text-transform: none;
	text-align: center;
	line-height: 20px;
	color: #F08100 !important;
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	border-color: #F08100;
	border-radius: 4px;
	float: right;
	display: block;
	padding: 10px 20px;
	margin-top: 30px;
	float: left;
}
div.ber-button:hover {
	color: #fff;
	background-color: #F08100;
}

#mailchimp-button-block-1 {
	font-family: 'Myriad Pro' !important;
	font-size: 20px;
	text-transform: none;
	text-align: center;
	line-height: 20px;
	color: #FFFFFF !important;
	background-color: #F08100;
	padding: 10px 20px;
	border-radius: 4px;
}

article#post-511 .entry-title.f2 {
	/* NL Abo */
	font-size: 50px !important;
	text-align: center;
}

.orange {
	color: #F08100;
}	

/* Google font icons */
.material-icons { vertical-align: bottom; margin-left: 10px; }
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

p a {
	fill: #f08100;
	color: #f08100;
	border-color: #f08100;
	box-shadow: inset 0 -0.06em 0 #f08100;
}

p a:hover {
	box-shadow: inset 0 -1em 0 #f08100;
	color: #fff;
	text-decoration: none;
}

.entry-content.col p {
	font-weight: 400;
}
.entry-content.col hr {
	background-color: #aaa;
	height: 1px;
}
.entry-summary  {
	font-family: 'Myriad Pro' !important;
	font-weight: 400;
	font-size: 19px;
	line-height: 25px !important;
}
.hentry .entry-header {
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 50px;
}
.blog-3-column .posts-container .hentry {
	padding-left: 10px;
	padding-right: 10px;
}
.content-wrap {
	padding-top: 99px;
}
.nav-subelements {
    float: right;
    padding: 0;
}

/* Beitragskategorien */
body:not(.blog) aside#secondary {
	display: none;
}

.blog-archive .page-header .page-title span {
	display: none;
}
.blog-archive .page-header {
	margin-bottom: 20px;
	padding-bottom: 20px;
	text-align: moz-center;
}
.blog-archive .page-title {
	margin: auto;
	text-align: center;
	font-size: 60px !important;
	font-weight: 400 !important;
	padding: 50px 0 40px 0;
	text-transform: capitalize;
}
h1.ber-blogtitle {
  text-align: center;
  padding: 50px 0	70px 0 !important;
  font-size: 60px;
}
body.archive.category .entry-summary, 
body.blog .entry-summary {
	font-size: 20px !important;
}

.archive-description {
	max-width: 1150px;
	padding-right: 16px;
}
#masthead {
	height: 104px;
}


/* Logo */
.site-branding {
	padding: 0;
}
.custom-logo-link {
	margin-top: 8px;
}
.custom-logo-link img {
	max-height: 90px;
}

/* Main navigation */
.main-navigation li a {
	font-family: 'Myriad Pro' !important;
	font-size: 18px;
}
nav.navigation.post-navigation {
	display: none !important;
}

/* Social Header */
.social-header-nav {
	padding-top: 33x;
}
.social-header-nav ul li {
	padding-right: 10px;
}

/* Search */
.search-header {
	float: right;
}

/* CTA Header */
.header-cta-wrap {
	float: right;
	padding: 25px 10px;
}

.single-page .type-page .entry-header {
  margin: 60px 0 20px !important;
}

/* NL abonnieren */
.header-cta-wrap ul li {
	padding: 0;
}
.header-cta-wrap ul li a {
	padding: 7px 10px 9px;
	font-size: 20px;
}
.header-cta-wrap #menu-item-515 a {
	font-size: 20px;
	vertical-align: middle !important;
}
.header-cta-wrap #menu-item-515 a i {
	font-size: 24px;
}
.fa-envelope::before {
	padding: 0px 8px;
	vertical-align: middle;
}

/* Termin buchen button */
ul#menu-cta-buttons > li {
	background-color: #F08100;
	color: #fff;
	border-radius: 5px;
	margin-left: 8px;
}
ulm#menu-cta-buttons > li:hover {
	background-color: #000;
	color: #fff;
}
.fa-phone::before,
.fa-calendar-alt::before,
.fa-envelope::before {
	font-size: 25px;
	padding: 0 8px 0 3px;
	vertical-align:inherit;
}

/* Claim */
#ber-claim-wrapper {
	z-index: 50;
	overflow: visible;
	background-color: #F08100;
	display: block;
	position: absolute;
    width: 100%;
    left: 0;
    top: 105px;
    padding: 5px 50px;
}
#ber-claim-wrapper li {
	list-style-type: none;
	color: #fff;
}
#ber-claim-wrapper li p {
	color: #fff;
}

/* Spenden button */
#ber-spenden-button {
	position: fixed;
	background-color: #F08100;
	right: -68px;
	top: 30vh;
	color: #fff;
	padding: 15px 20px 35px 20px;
	font-size: 30px;
	font-weight: 400;
	border-radius: 5px 5px 0 0;
	transform: rotate(-90deg);
	z-index: 100;
}

/* Home */
#rev_slider_1_1_wrapper {
	height: 115% !important;
}

#ber-home-slide1 {
	width: 102% !important;
}

body.home .content-wrap {
	padding-top: 0 !important;
}
body.home .entry-content .elementor-col-25, 
body.home .entry-content .elementor-col-33, 
body.home .entry-content .elementor-col-50 {
	padding: 0;
}

.page-template-default.sidebar-show-post .entry-content, 
.single-post.sidebar-show-post .entry-content {
	margin: 0;
}

.wpr-testimonial-prev-arrow {
	left: 0 !important;
}
.wpr-testimonial-next-arrow {
	right: 0 !important;
}
.elementor-282 .elementor-element.elementor-element-fb60d33 .wpr-testimonial-content {
	text-align: left !important;
}

.wpr-testimonial-content-wrap {
	max-width: 1200px !important;
	margin: auto !important;
}
.wpr-testimonial-dots {
	top: 80% !important;
}


/* Spenden */
body.page-id-1277 .elementor-col-50:first-of-type {
	padding: 0;
	margin: 0;
}
body.page-id-1277 #ber-spenden-bank p {
	margin: 0 0 10px;
}
body.page-id-1277 #ber-spenden-btn {
	padding: 20px 0;
	font-size: 40px;
}
body.page-id-1277 h1.entry-title, h1.page-title {
	font-size: 50px !important;
	line-height: 60px;
	text-align: center;
}
body.page-id-1277 h2 {
	font-size: 30px !important;
	line-height: 36px;
}

/**************************************
 * Single post 
 *************************************/
 
.single-post.sidebar-show-post .entry-meta {
	padding-bottom: 30px;
	border-bottom: 0 !important;
}

.single-post.sidebar-show-post .entry-title {
	text-align: center;
	font-size: 30px !important;
}
.single-post.sidebar-show-post .content-area {
	float: none;
}
.single-post.sidebar-show-post .entry-content,
.single-post .entry-content {
	padding-top: 50px;
}
.single-post .entry-meta {
	border-bottom: 0 !important;
}
#primary.content-area {
	margin: auto;
}
.entry-footer.col {
	display: none;
}

.single-post.sidebar-hide-post .col {
	max-width: 1190px;
}
 .single-post.sidebar-hide-post .entry-header {
 	max-width: 1190px;
 	text-align: center;
 }
 .single-post .entry-header .entry-title {
	max-width: 1190px;
	font-size: 50px !important;
	line-height: 65px;
	padding: 50px 0 !important; 
 }
.single-post .hentry .entry-header {
	padding-bottom: 0;
}
.single-post img.ber-contact-wrapper p {
	padding: 0;
	margin: 0;
	line-height: 10px;
}
.single-post img.ber-contact-img {
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
}
.single-post p.ber-contact-headline {
	color: #F08100;
	margin: 0;
}
.single-post p.ber-contact-name {
	font-weight: 800;
}
.single-post hr.ber-contact-hr {
	clear: both;
	margin: 30px 0 !important;
}
.single-post img.ber-beratung-foerderer {
	display: inline-block; 
	margin-right: 25px;
	vertical-align: text-top;
	max-height: 150px;
}

/* Google Font Icon */
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48;
  vertical-align: bottom;
  font-size: 40px;
}

/**************************************
 * Termin anfragen - Title ausblenden
 *************************************/
 article#post-507 header.entry-header {
	display: none; 
 }
 article#post-507 p {
	margin: 0 0 10px; 
 }
 
/*************************************
 Post overview/Archive 
 **************************************/
.blog-3-column .posts-container .hentry, 
.footer-widget, .header-infobar .col, .s4,
.single-post .related-post { 
	flex-basis: 50%; 
}

.blog-3-column .posts-container .hentry,
.single-post .related-post {
	margin: 0;
}

body.archive.category h2.entry-title,
body.blog h2.entry-title {
	font-size: 30px !important;
	font-weight: 500;
	line-height: 38px !important;
	margin: 15px 0;
}

body.archive.category .entry-summary,
body.blog .entry-summary {
	font-size: 17px;
	line-height: 20px;
}
.blog-archive .page-header {
	border: 0;
}
body.blog .entry-link {
	padding-bottom: 0;
}
.blogcards-shadowhover-l .entry-link:hover {
	border: 0;
  -webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

body.blog .entry-summary,
body.blog .entry-header {
	padding: 0;
}
body.archive.category .entry-header {
	padding-top: 10px;
}

body.archive.sidebar-show .content-area {
	width: 100%;
}
body.blog.sidebar-show .side-widgets,
h2.widgettitle, 
h2.widget-title {
	font-size: 17px !important;
}

h2.widgettitle, 
h2.widget-title {
	color: #F08100;
	font-weight: 600 !important;
}


body.blog .posts-container > article:first-child {
	flex-basis: 100%;
}
body.blog .posts-container > article:first-child .entry-header {
	width: 100%;
}
body.blog .posts-container > article:first-child .entry-title {
	font-size: 30px !important;
}


body.blog .posts-container > article {
	margin-bottom: 50px;
}


.posts-container .hentry {
	margin-bottom: 0;
}

body.blog .posts-container > hr {
	height: 1px;
	width: 100%;
	background-color: #000;
	margin: 0 66px 50px 10px;
}

body.blog #recent-posts-3 {
	border-bottom: 1px solid #000;
	margin-bottom: 40px;
	padding-bottom: 40px !important;
}

body.blog .widget ul li {
  padding: 0 0 10px;
}

.blog-2-column .posts-container .hentry,
.footer-2-column .footer-widget, 
.posts-container .hentry {
	margin-left: 10px;
	margin-right: 10px;
}

body.blog h3.rpwe-title {
	font-size: 17px !important;
}

.page .entry-content ol, 
.page .entry-content p, 
.page .entry-content ul, 
.single-post .entry-content ol, 
.single-post .entry-content p, 
.single-post .entry-content ul, 
p.-text-m, 
.blog-1-column .hentry .entry-summary, 
.blog .sticky .entry-summary, 
.page-header .page-title span {
	font-size: 20px !important;
}


/*
.blog-archive .page-header .page-title span {
	display: block;
	font-size: 60px !important;
	line-height: 60px;
}
.archive .page-header .page-title span::after {
	content: none;
}
*/

/****************************** 
* Team 
*******************************/

#wpm-6310-category-1 .wpm_6310_category_list_1 {
	font-weight: 500 !important;
	opacity: 1;
	background-color: rgba(240, 129, 0, 1) !important;
	margin-bottom: 10px !important;
}


/****************************** 
* Footer 
*******************************/
.widget-area .widget-title {
	font-weight: 400;
	font-size: 24px;
}
.footer-widget-wrap {
	padding-bottom: 0;
}
.footer-menu-wrap {
	margin-bottom: 20px;
}
.footer-nav, 
.social-footer-nav {
	padding: 10px 0;
}
.social-footer-nav {
	float: left;
}
.widget-area-default .widget {
	padding: 0 0 20px;
}

#ber-galery-wrapper {
	max-width: 1248px;
	margin: auto;
	padding: 30px 24px;
}
#ber-galery-wrapper li {
	list-style-type: none;
}
#ber-galery-wrapper .gallery-item {
	float: left;
	width: 20%;
	padding: 10px;
}
#ber-galery-wrapper h2.widgettitle {
	font-weight: 600;
	font-size: 22px;
	font-family: 'Myriad Pro' !important;
}

/* Single post */
.single-post .content-wrap,
.blog .content-wrap, 
.page .content-wrap {
	padding-top: 150px;
}
.archive .content-wrap {
	padding-top: 100px;
}

body.single #comments {
	display: none;
}
.single-post .entry-meta {
	padding: 20px 0;
}
body.page-template-page_with_image img.attachment-pukeko-fi-classic, 
body.page-template-page_with_image .entry-content {
	max-width: 100% !important;
}

/* Post Archive */
.blog-archive .page-header {
	margin-top: 40px;
} 
.archive .entry-cats,
.blog .entry-cats {
	display: none !important;
}
article > a.entry-link:hover {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	border: 1px solid #000;
}

/* Forms */
.wpcf7-list-item-label {
	font-size: 20px;
	font-weight: 400;
	line-height: 24px;
}
input[type="checkbox"], input[type="radio"] {
	width: 20px;
	height: 20px;
	margin-left: -20px;
	vertical-align: text-bottom;
}
.elementor-widget-container .wpcf7 {
	padding: 0;
}
.wpcf7 .wpcf7-form-control-wrap.frankfurt {
	padding-left: 20px;
}

.error-404 .entry-header, 
.search.search-no-results .entry-header, 
.single-page .type-page .entry-header {
	margin:0 24px 20px;
}

/* Seitenvorlage mit Bild */
body.page-template-page_with_image h1.entry-title, 
body.page-template-page_with_image h1.page-title, 
body.page-template-page_with_image h2.entry-title {
	font-size: 50px !important;
	line-height: 60px;
	text-align: center;
}
.single-page .type-page .entry-header { 
	border-bottom: 0 !important;
	margin: 45px 0 30px !important;
}
body.page-template-page_with_image img.attachment-pukeko-fi-classic,
body.page-template-page_with_image .entry-content {
	margin-bottom: 80px;
	max-width: 1190px;
}


/*----------------------------------------------------------------------------
Custom media queries for berami
-----------------------------------------------------------------------------*/
@media screen and (min-width: 75em) {
	.main-navigation ul ul.sub-menu a {
		margin-bottom: 15px;
		font-size: 17px;
	}
	.main-navigation ul ul {
		padding-left: 20px;
		width: 265px;
	}
}
@media screen and (min-width: 52.5em) {
	.error-404 .entry-content,
	.search-no-results .entry-content,
	.type-page .entry-content {
  		padding-bottom: 0px;
	}
	body.home .footer-wrap {
		padding-top: 220px;
	}
}	

@media screen and (min-width: 1800px) {
	#ber-slider-btn-mehr-lesen {
		left: 200px !important;
		top: 680px !important;	
	}
	#ber-slider-title-beratung {
		left: 212px !important;
		top: 495px !important;	
	}
	#ber-slider-copy {
		left: 216px !important;
		top: 560px !important;	
	}
	#ber-slider-shape {
		left: 200px !important;
		top: 490px !important;	
	}
}	

@media screen and (min-width: 768px and max-width: 1280px ) {
	#masthead { 
		height: 94px !important;
		max-height: 94px !important;
	}
	

	/* Vorstand + Beirat */	
	body.page-id-2975 .attachment-full.size-full,
	body.page-id-2975 .elementor img,
	body.page-id-3006 .attachment-full.size-full,
	body.page-id-3006 .elementor img {
			max-width: 210%;	
	}
	body.page-id-2975 .elementor-widget-wrap.elementor-element-populated,
	body.page-id-3006 .elementor-widget-wrap.elementor-element-populated {
		padding-left: 15%;	
	}
}


@media screen and (max-width: 3840px) {
	/* 27'' K4 */
}


@media screen and (max-width: 1384px) {
	.custom-logo-link img {
		max-height: 45px;
	}

	.main-navigation,
	.nav-subelements {
		padding: 0;
	}
	.search-header {
		display: none;
	}
}
@media screen and (max-width: 1200px) {
	.nav-subelements {
		float: none;
	}
	.main-navigation,
	.nav-subelements {
		float: none;
		width: 100%;
		text-align: center;
	}
	.social-header-nav {
		text-align: center;
	}
	.header-cta-wrap {
		float: none;
		margin: auto;
		width: 280px;
	}
	ul#menu-cta-buttons > li {
		margin: 10px 0;
	}
	body.archive.category h2.entry-title, 
	body.blog h2.entry-title {
		line-height: 35px !important;	
	}
}


@media screen and (max-width: 840px) {
	.content-wrap {
		padding-top: 70px;
	}
	.custom-logo-link img {
		max-height: 50px;
	}
	#ber-claim-wrapper {
		top: 65px;
	}
	.elementor-widget-image img {
		max-width: 200% !important;
	}
}
@media screen and (max-width: 768px) {
	#ber-galery-wrapper .gallery-item {
		float: none;
		width: 33%
	}
	.elementor-282 .elementor-element.elementor-element-7cea516 {
		display: none;	
	}
	article#post-282 .elementor-heading-title.elementor-size-default {
		padding-top: 60px !important;
	}
}

@media screen and (max-width: 500px) {
	.header-cta-wrap ul li a {
		padding: 13px 10px 9px !important;
	}
	#ber-galery-wrapper .gallery-item {
		float: none;
		width: 50%;
	}
	.single-post img.ber-beratung-foerderer {
		display: block;
		margin: 10px auto;
	}
	.ber-text-align-left > div > p {
		text-align: left !important;	
	}
	h1.entry-title,
	body.page-template-page_with_image h1.entry-title, 
	body.page-template-page_with_image h1.page-title {
		font-size: 30px !important;
		line-height: 45px !important;
	}
	
	.elementor-282 .elementor-element.elementor-element-f38ebf8 {
		margin-top: 0 !important;	
	}
	.elementor-282 .elementor-element.elementor-element-7cea516 {
		margin-top: -20% !important;
		display: block;
	}
	
}

@media screen and (max-width: 414px) {
	#ber-galery-wrapper {
		padding: 20px;
	}
	#ber-galery-wrapper .gallery-item {
		float: none;
		width: 100%;
	}
	#ber-claim-wrapper {
		padding: 5px 9px;
	}

	body.archive.category h2.entry-title, 
	body.blog h2.entry-title {
		line-height: 35px !important;	
	}
	.single-post .entry-header .entry-title,
	.blog-archive .page-title {
		font-size: 30px !important;
	} 	
	.ber-contact-img {
		width: 36%;
		height: auto;
	}
	.elementor-column-gap-wide > .elementor-column > .elementor-element-populated {
		padding: 0;
	}
	#ber-spenden-button {
		top: 50vh;
		right: -72px;
		padding: 5px 20px 45px 20px;
		font-size: 25px;
	}
	
	/* Vorstand */
	body.page-id-2975 .elementor-divider,
	body.page-id-3006 .elementor-divider {
		display: none;
	}
	
	body.page-id-3006 .entry-content .elementor-col-25, 
	body.page-id-3006 .entry-content .elementor-col-33, 
	body.page-id-3006 .entry-content .elementor-col-50,
	body.page-id-2975 .entry-content .elementor-col-25, 
	body.page-id-2975 .entry-content .elementor-col-33, 
	body.page-id-2975 .entry-content .elementor-col-50 {
		padding-bottom: 0 !important;
	}
}
/* Logos unter Text Breite beschränken */
img.ber-beratung-foerderer{
	max-width: 300px;
}
/* nur auf https://www.berami.de/berufswegeplanung/ volle Breite zulassen */
.postid-1115 img.ber-beratung-foerderer{
	max-width: none;
}