/*
 Theme Name: Pukeko Child
 Theme URI:
 Description: Pukeko Child Theme
 Author: Your Name
 Author URI: http://www.yourdomain.com/
 Template: pukeko
 Version: 1.0.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags: Pukeko Child Theme
*/

/*
You can start adding your own styles here. Use !important to overwrite styles if needed. */

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
/* Main Font 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 {
  font-family: 'Lato', sans-serif !important;
  font-size: 15px;
  line-height: 20px;
  font-weight: 300;
  color: #2B2118;
  background-color: #F5F5F5;
}

@media (min-width: 52.5em) {

  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 {
    font-size: 16px;
    line-height: 24px;
  }
}

.authorbox-title,
.comment-respond h3.comment-reply-title,
.elementor-widget-wp-widget-pukeko-sectiontitle-widget .section-title,
.f1,
.hentry .entry-header .entry-meta,
.pukeko_sectiontitle .section-title,
.sansserif {
  font-family: 'Lato', sans-serif !important;
}

.f2,
.serif {
  font-family: 'Josefin Sans', sans-serif !important;
}

.elementor-widget-wp-widget-pukeko-teammember-widget .teammember-content-wrap h2.section-title span,
.posts-container .hentry .entry-footer,
.hentry .entry-header .entry-meta,
.single-post .navigation a span.nav-subtitle,
h3.related-title {
  font-size: 14px;
  line-height: 22px;
  font-weight: 300;
}

/* F2 Fonts */
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 700;
  margin: 0;
  clear: both;
}

.hero-title {
  font-size: 44px !important;
  line-height: 51px;
  letter-spacing: -0.6px;
}

@media (min-width: 52.5em) {
  .hero-title {
    font-size: 68px !important;
    line-height: 78px;
  }
}

/* Mobile Responsive View */
@media screen and (max-width: 782px) {
  .hero-title {
    font-size: 51px !important;
    line-height: 60px;
  }
}

.elementor-widget-wp-widget-pukeko-pagetitle-widget .section-title,
.pukeko_pagetitle .section-title,
h1 {
  font-size: 39px;
  line-height: 45px;
  letter-spacing: -0.6px;
}

@media (min-width: 52.5em) {

  .elementor-widget-wp-widget-pukeko-pagetitle-widget .section-title,
  .pukeko_pagetitle .section-title,
  h1 {
    font-size: 57px;
    line-height: 66px;
  }
}

/* Mobile Responsive View */
@media screen and (max-width: 782px) {

  .elementor-widget-wp-widget-pukeko-pagetitle-widget .section-title,
  .pukeko_pagetitle .section-title,
  h1 {
    font-size: 57px;
    line-height: 66px;
  }
}

h2,
.blog .sticky-container .sticky h2.entry-title,
.entry-content .elementor-widget-wp-widget-mc4wp_form_widget h5,
.entry-content .elementor-widget-wp-widget-null-instagram-feed h5 {
  font-size: 35px;
  line-height: 41px;
  letter-spacing: -0.6px;
}


@media (min-width: 52.5em) {

  h2,
  .blog .sticky-container .sticky h2.entry-title,
  .entry-content .elementor-widget-wp-widget-mc4wp_form_widget h5,
  .entry-content .elementor-widget-wp-widget-null-instagram-feed h5 {
    font-size: 48px;
    line-height: 56px;
  }
}

/* Mobile Responsive View */
@media screen and (max-width: 782px) {

  h2,
  .blog .sticky-container .sticky h2.entry-title,
  .entry-content .elementor-widget-wp-widget-mc4wp_form_widget h5,
  .entry-content .elementor-widget-wp-widget-null-instagram-feed h5 {
    font-size: 32px;
    line-height: 140%;
  }
}



h3,
.product-content .section-title {
  font-size: 31px;
  line-height: 37px;
  letter-spacing: -0.6px;
}

@media (min-width: 52.5em) {

  h3,
  .product-content .section-title {
    font-size: 36px;
    line-height: 47px;
    letter-spacing: -0.4px;
  }
}

/* Mobile Responsive View */
@media screen and (max-width: 782px) {

  h3,
  .product-content .section-title {
    font-size: 30px;
    line-height: 37px;
    letter-spacing: -0.4px;
  }
}


h4 {
  font-size: 28px;
  line-height: 33px;
  letter-spacing: -0.6px;
}

@media (min-width: 52.5em) {
  h4 {
    font-size: 34px;
    line-height: 40px;
    letter-spacing: -0.5px;
  }
}

.blog h2.entry-title,
.blog-archive h2.entry-title,
h5 {
  font-size: 25px;
  line-height: 27px;
  letter-spacing: -0.7px;
}

@media (min-width: 52.5em) {

  .blog h2.entry-title,
  .blog-archive h2.entry-title,
  h5 {
    font-size: 29px;
    line-height: 34px;
    letter-spacing: -0.6px;
  }
}

@media (min-width: 75em) {

  .blog-archive.blog-1-column h2.entry-title,
  .blog.blog-1-column h2.entry-title {
    font-size: 31px;
    line-height: 37px;
    letter-spacing: -0.6px;
  }
}

@media (min-width: 75em) and (min-width: 52.5em) {

  .blog-archive.blog-1-column h2.entry-title,
  .blog.blog-1-column h2.entry-title {
    font-size: 40px;
    line-height: 47px;
    letter-spacing: -0.4px;
  }
}

h6 {
  font-size: 23px;
  line-height: 28px;
  letter-spacing: -0.7px;
}

@media (min-width: 52.5em) {
  h6 {
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -0.7px;
  }
}

/* F1 Fonts */
.header-infobar h3,
.widget-area .widget-title,
.related-wrap h2.section-title .related-more-link,
.comments-area h2.comments-title span,
.comment-reply-title #cancel-comment-reply-link {
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 0;
  font-weight: normal;
}

.uppercase .header-infobar h3,
.uppercase .related-wrap h2.section-title .related-more-link,
.uppercase .comments-area h2.comments-title span,
.uppercase .comment-reply-title #cancel-comment-reply-link,
.uppercase .header-cta-wrap ul li a,
.uppercase .wp-block-button .wp-block-button__link,
.uppercase .btn,
.uppercase .comment-respond input[type="submit"] {
  font-size: 13px;
  line-height: 24px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: normal;
}

@media (min-width: 75em) {
  .uppercase .main-navigation li a {
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: normal;
  }
}

h3.sansserif,
h2.comments-title,
.h-alt h2.comments-title,
.related-wrap h2.section-title,
.h-alt .related-wrap h2.section-title {
  font-size: 29px;
  line-height: 37px;
  letter-spacing: 0;
}

@media (min-width: 52.5em) {

  h3.sansserif,
  h2.comments-title,
  .h-alt h2.comments-title,
  .related-wrap h2.section-title,
  .h-alt .related-wrap h2.section-title {
    font-size: 38px;
    line-height: 47px;
  }
}

.elementor-col-100 .teammember-content-wrap h2.section-title,
.h-alt .elementor-col-100 .teammember-content-wrap h2.section-title {
  font-size: 26px;
  line-height: 33px;
  letter-spacing: 0;
}

@media (min-width: 52.5em) {

  .elementor-col-100 .teammember-content-wrap h2.section-title,
  .h-alt .elementor-col-100 .teammember-content-wrap h2.section-title {
    font-size: 32px;
    line-height: 40px;
  }
}

.single-post .navigation .nav-title,
h3.comment-reply-title,
h5.sansserif,
.teammember-content-wrap h2.section-title,
.single-post h3.related-title {
  font-size: 23px;
  line-height: 27px;
  letter-spacing: 0;
  font-weight: 300;
}

@media (min-width: 52.5em) {

  .single-post .navigation .nav-title,
  h3.comment-reply-title,
  h5.sansserif,
  .teammember-content-wrap h2.section-title,
  .single-post h3.related-title {
    font-size: 27px;
    line-height: 34px;
  }
}

.single-post.sidebar-show-post .navigation .nav-title,
h6.sansserif {
  font-size: 21px;
  line-height: 28px;
  letter-spacing: 0;
}

@media (min-width: 52.5em) {

  .single-post.sidebar-show-post .navigation .nav-title,
  h6.sansserif {
    font-size: 22px;
    line-height: 28px;
  }
}

.elementor-widget-wp-widget-pukeko-sectiontitle-widget .section-title,
.pukeko_sectiontitle .section-title {
  font-size: 26px;
  line-height: 33px;
  letter-spacing: 0;
  font-weight: 300;
}

@media (min-width: 52.5em) {

  .elementor-widget-wp-widget-pukeko-sectiontitle-widget .section-title,
  .pukeko_sectiontitle .section-title {
    font-size: 32px;
    line-height: 40px;
  }
}

/* Sansserif Headings */
.h-alt h1,
.h-alt h2,
.h-alt h3,
.h-alt h4,
.h-alt h5,
.h-alt h6 {
  font-family: "Lato", sans-serif;
  font-weight: 300;
}

.h-alt h1,
.h-alt .elementor-widget-wp-widget-pukeko-pagetitle-widget .section-title,
.h-alt .pukeko_pagetitle .section-title,
.page-header .page-title,
.archive.author .author-name span {
  font-size: 37px;
  line-height: 45px;
  letter-spacing: 0;
}

@media (min-width: 52.5em) {

  .h-alt h1,
  .h-alt .elementor-widget-wp-widget-pukeko-pagetitle-widget .section-title,
  .h-alt .pukeko_pagetitle .section-title,
  .page-header .page-title,
  .archive.author .author-name span {
    font-size: 55px;
    line-height: 66px;
  }
}

h2.section-title,
.h-alt h2.section-title,
.h-alt h2,
.elementor-widget-wp-widget-pukeko-sectiontitle-widget h2.section-title,
.h-alt .elementor-widget-wp-widget-pukeko-sectiontitle-widget h2.section-title,
.h-alt .entry-content .elementor-widget-wp-widget-mc4wp_form_widget h5,
.h-alt .entry-content .elementor-widget-wp-widget-null-instagram-feed h5,
.blog.h-alt .sticky-container .sticky h2.entry-title {
  font-size: 33px;
  line-height: 41px;
  letter-spacing: 0;
}

@media (min-width: 52.5em) {

  h2.section-title,
  .h-alt h2.section-title,
  .h-alt h2,
  .elementor-widget-wp-widget-pukeko-sectiontitle-widget h2.section-title,
  .h-alt .elementor-widget-wp-widget-pukeko-sectiontitle-widget h2.section-title,
  .h-alt .entry-content .elementor-widget-wp-widget-mc4wp_form_widget h5,
  .h-alt .entry-content .elementor-widget-wp-widget-null-instagram-feed h5,
  .blog.h-alt .sticky-container .sticky h2.entry-title {
    font-size: 46px;
    line-height: 56px;
  }
}

.h-alt h3,
.h-alt .product-content .section-title {
  font-size: 29px;
  line-height: 37px;
  letter-spacing: 0;
}

@media (min-width: 52.5em) {

  .h-alt h3,
  .h-alt .product-content .section-title {
    font-size: 38px;
    line-height: 47px;
  }
}

.h-alt h4,
.blog-archive.blog-1-column.h-alt h2.entry-title,
.blog.blog-1-column.h-alt h2.entry-title,
.single-post .entry-content p.has-extralarge-font-size {
  font-size: 16px !important;
  line-height: 160% !important;
  letter-spacing: 0;
}

@media (min-width: 52.5em) {

  .h-alt h4,
  .blog-archive.blog-1-column.h-alt h2.entry-title,
  .blog.blog-1-column.h-alt h2.entry-title,
  .single-post .entry-content p.has-extralarge-font-size {
    font-size: 16px !important;
    line-height: 160% !important;
  }
}

h1.site-title,
p.site-title,
.blog-archive.h-alt h2.entry-title,
.blog.h-alt h2.entry-title,
.h-alt h5,
.h-alt.single-post .navigation .nav-title,
.h-alt h5.sansserif,
.h-alt .teammember-content-wrap h2.section-title,
.single-post .authorbox .author-name span {
  font-size: 23px;
  line-height: 27px;
  letter-spacing: 0;
}

@media (min-width: 52.5em) {

  h1.site-title,
  p.site-title,
  .blog-archive.h-alt h2.entry-title,
  .blog.h-alt h2.entry-title,
  .h-alt h5,
  .h-alt.single-post .navigation .nav-title,
  .h-alt h5.sansserif,
  .h-alt .teammember-content-wrap h2.section-title,
  .single-post .authorbox .author-name span {
    font-size: 27px;
    line-height: 34px;
  }
}

.h-alt h6,
.h-alt h3.comment-reply-title {
  font-size: 21px;
  line-height: 28px;
  letter-spacing: 0;
}

@media (min-width: 52.5em) {

  .h-alt h6,
  .h-alt h3.comment-reply-title {
    font-size: 22px;
    line-height: 28px;
  }
}

/* Hero Title */
h1.hero-title {
  font-size: 50px !important;
  line-height: 60px;
  letter-spacing: 0;
  margin-bottom: 0 !important;
}

@media (min-width: 52.5em) {
  h1.hero-title {
    font-size: 66px !important;
    line-height: 30px;
    margin-bottom: 20px !important;
  }
}

/* Headline Font Weight Option */
h1.site-title,
p.site-title,
.h-bold .posts-container .sticky-container .sticky .author .url,
.single-post.h-bold .author .url,
.h-bold .posts-container .entry-footer .entry-cats,
.hentry .entry-header .entry-cats,
.single-post .navigation span a,
.related-entry-cats a {
  font-weight: normal;
}

.h-bold h1.site-title,
.h-bold p.site-title,
.h-bold h1,
.h-bold h2,
.h-bold h3,
.h-bold h4,
.h-bold h5,
.h-bold h6,
.h-bold.single-post .navigation .entry-title,
.h-bold .authorbox .author-name span,
.h-bold .related-wrap h2.section-title,
.h-bold h2.comments-title,
.widget-area .widget-title,
.single-post.h-bold h3.related-title {
  font-weight: 500;
}

.h-bold .hero-content h1,
.h-bold .entry-content h1,
.h-bold .entry-content h2,
.h-bold .entry-content h3,
.h-bold .entry-content h4,
.h-bold .entry-content h5,
.h-bold .entry-content h6,
.h-bold .entry-header .entry-title,
.h-bold h2.entry-title {
  font-weight: bold;
}

.h-bold .elementor-widget-wp-widget-pukeko-sectiontitle-widget h2.section-title,
.h-bold .teammember-content-wrap h2.section-title,
.h-alt.h-bold .hero-content h1,
.h-alt.h-bold .entry-content h1,
.h-alt.h-bold .entry-content h2,
.h-alt.h-bold .entry-content h3,
.h-alt.h-bold .entry-content h4,
.h-alt.h-bold .entry-content h5,
.h-alt.h-bold .entry-content h6,
.h-alt.h-bold .entry-header .entry-title,
.h-alt.h-bold h2.entry-title,
.h-alt.h-bold.single-post .navigation .entry-title,
.h-bold .page-header .page-title,
.h-bold .comments-area h2.comments-title {
  font-weight: 500;
}

.page-header .page-title,
.comments-area h2.comments-title,
.related-wrap h2.section-title {
  font-weight: 300;
}

/* Padding for Headlines in Content Area */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  margin-top: 16px;
  margin-bottom: 16px;
}

address,
p {
  margin: 0 0 32px;
}

@media (min-width: 52.5em) {

  address,
  p {
    margin: 0 0 40px;
  }
}

p.intro {
  margin: 0 0 40px;
}

@media (min-width: 52.5em) {
  p.intro {
    margin: 0 0 56px;
  }
}

.widget-area-default p {
  margin: 0 0 24px;
}

@media (min-width: 52.5em) {
  .widget-area-default p {
    margin: 0 0 24px;
  }
}

.entry-content .elementor-col-100 .elementor-widget-wp-widget-pukeko-teammember-widget .teammember-content-wrap p,
.entry-content .teammember-content-wrap p,
.archive-description,
.archive.author .author-bio,
.entry-content .elementor-widget-wp-widget-mc4wp_form_widget .mc4wp-form-fields p,
.entry-content .mc4wp-response p,
.product-content p,
.hero-subtitle,
.product-subtitle,
.pagetitle-subtitle {
  margin: 0;
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
}

@media (min-width: 52.5em) {

  .entry-content .elementor-col-100 .elementor-widget-wp-widget-pukeko-teammember-widget .teammember-content-wrap p,
  .entry-content .teammember-content-wrap p,
  .archive-description,
  .archive.author .author-bio,
  .entry-content .elementor-widget-wp-widget-mc4wp_form_widget .mc4wp-form-fields p,
  .entry-content .mc4wp-response p,
  .product-content p,
  .hero-subtitle,
  .product-subtitle,
  .pagetitle-subtitle {
    font-size: 19px;
    line-height: 34px;
  }
}

.entry-content .elementor-widget-wp-widget-pukeko-teammember-widget .teammember-content-wrap p,
.entry-summary p,
.pukeko_sectiontitle p,
.page.elementor-page .entry-content .elementor-widget-wp-widget-pukeko-sectiontitle-widget p,
.wpcf7-radio,
.single-post .entry-header .entry-cats,
.single-post .hentry .entry-header .entry-meta,
.single-post .entry-content p.has-small-font-size,
.page .entry-content p.has-small-font-size {
  font-size: 18px !important;
  line-height: 160% !important;
  font-weight: 300;
}

@media (min-width: 52.5em) {

  .entry-content .elementor-widget-wp-widget-pukeko-teammember-widget .teammember-content-wrap p,
  .entry-summary p,
  .pukeko_sectiontitle p,
  .page.elementor-page .entry-content .elementor-widget-wp-widget-pukeko-sectiontitle-widget p,
  .wpcf7-radio,
  .single-post .entry-header .entry-cats,
  .single-post .hentry .entry-header .entry-meta,
  .single-post .entry-content p.has-small-font-size,
  .page .entry-content p.has-small-font-size {
    font-size: 18px !important;
    line-height: 160% !important;
    line-height: 24px;
  }
}

.blog-archive.blog-1-column .entry-summary p,
.blog.blog-1-column .entry-summary p,
.elementor-page .elementor-widget-wp-widget-pukeko-pagetitle-widget p,
.pukeko_pagetitle p,
h3.author-name {
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
}

@media (min-width: 52.5em) {

  .blog-archive.blog-1-column .entry-summary p,
  .blog.blog-1-column .entry-summary p,
  .elementor-page .elementor-widget-wp-widget-pukeko-pagetitle-widget p,
  .pukeko_pagetitle p,
  h3.author-name {
    font-size: 22px;
    line-height: 160%;
  }
}

.related-entry-cats,
.single-post .entry-meta,
.comment-list b.fn,
.single-post .navigation .entry-cats,
.posts-container .entry-meta .author-name,
.posts-container .entry-footer .entry-cats {
  font-size: 14px;
  line-height: 22px;
  font-weight: 300;
}

.comment-list .comment-metadata,
.comment-body .reply,
.comment-notes,
.logged-in-as,
form label,
.posts-container .hentry .entry-footer .entry-meta {
  font-size: 12px;
  line-height: 16px;
  font-weight: 200;
}

.has-3-columns .wp-block-column p, .prinzipien-text .wp-block-columns p {
  font-size: 18px !important;
  line-height: 160% !important;
}

.start_drei_bereiche {
  background-color: #EDF1E7;
  padding: 60px 10vw;
}

/* Mobile Responsive View */
@media screen and (max-width: 782px) {

  .start_drei_bereiche {
    padding: 24px;
  }

}


@media (min-width: 52.5em) {

  .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-family: 'Lato', sans-serif !important;
    font-weight: 100;
    font-size: 18px;
    line-height: 160%;
  }

  
}


/* Mobile Responsive View */
@media screen and (max-width: 782px) {

  .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: 19px;
    line-height: 154%;
    letter-spacing: -0.1px;
    font-family: 'Lato', sans-serif !important;
  }
}

.hero-text,
.entry-content blockquote.quote-big p,
.entry-content p.intro,
.entry-content p.pull-left,
.entry-content p.pull-right,
.entry-content p.text-l,
.entry-content p.wp-block-subhead,
.entry-content p.has-large-font-size {
  font-size: 22px;
  line-height: 28px;
  font-weight: 300;
}

@media (min-width: 52.5em) {

  .hero-text,
  .entry-content blockquote.quote-big p,
  .entry-content p.intro,
  .entry-content p.pull-left,
  .entry-content p.pull-right,
  .entry-content p.text-l,
  .entry-content p.wp-block-subhead,
  .entry-content p.has-large-font-size {
    font-size: 26px;
    line-height: 40px;
  }
}

/* Addon Styles */
.entry-content .elementor-widget-wp-widget-pukeko-teammember-widget .teammember-content-wrap p,
.entry-summary p,
.pukeko_sectiontitle p,
.page.elementor-page .entry-content .elementor-widget-wp-widget-pukeko-sectiontitle-widget p,
.wpcf7-radio,
.single-post .entry-header .entry-cats,
.single-post .hentry .entry-header .entry-meta {
  margin: 0;
}

.page-header .page-title span,
h3.author-name,
.hero-subtitle,
.product-subtitle,
.pagetitle-subtitle {
  font-weight: normal;
  letter-spacing: 1px;
  padding-bottom: 8px;
}

dfn,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0;
  padding: 24px 0 40px 32px;
}

@media (min-width: 52.5em) {
  blockquote {
    padding: 32px 0 72px 40px;
  }
}

.single-post .entry-content blockquote p,
blockquote p {
  margin: 0;
}

.wp-block-quote cite,
blockquote cite,
.product-content blockquote cite {
  display: block;
  font-style: normal;
  margin: 16px 0 0;
  font-weight: 500;
  color: black;
  font-size: 15px;
  line-height: 20px;
  font-weight: 300;
  font-weight: normal;
}

@media (min-width: 52.5em) {

  .wp-block-quote cite,
  blockquote cite,
  .product-content blockquote cite {
    font-size: 16px;
    line-height: 24px;
  }
}

pre {
  background-color: #F5F5F5;
  color: black;
  max-width: 100%;
  overflow: auto;
  padding: 16px;
  margin-bottom: 32px;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 14px;
  line-height: 22px;
}

@media (min-width: 52.5em) {
  pre {
    margin-bottom: 40px;
  }
}

code,
kbd,
tt,
var {
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 14px;
  line-height: 22px;
}

abbr,
acronym {
  text-decoration: none;
  border-bottom: 1px dotted #666;
  cursor: help;
}

ins,
mark {
  background-color: rgba(63, 192, 224, 0.1);
  text-decoration: none;
}

big {
  font-size: 125%;
}

.dropcap {
  font-size: 98px;
  font-weight: 300;
  float: left;
  padding: 0 10px 0 0;
  line-height: 0.9;
  color: black;
}

@media (min-width: 52.5em) {
  .dropcap {
    font-size: 124px;
    margin-left: -11px;
    line-height: 0.79;
  }
}

@media (min-width: 81em) {
  .wide-content {
    margin: 0 -24px;
  }
}

@media (min-width: 81em) {
  .sidebar-hide-post .wide-content {
    width: 1200px;
    margin: 0 -256px;
  }
}

/* Font Weights */
.authorbox .author-name span {
  font-weight: 300;
}

.comment-list b.fn,
.comment-metadata .comment-reply-link,
.posts-container .entry-meta .author-name,
.single-post .entry-header .entry-meta .author,
.posts-container .entry-footer .entry-cats,
.single-post .entry-header .entry-cats {
  font-weight: normal;
}

.entry-content strong {
  font-weight: bold;
}

form label {
  font-weight: 500;
}


/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/


.main-navigation {
  border: none;
  clear: none;
  float: right;
  padding: 0 !important;
}

.has-header-image .custom-header,
.has-header-video .custom-header {
  height: 60vh;
  width: 100%;
}



/* Hero Container Area */
.hero-container {
  position: relative;
  background: none;
  margin: 9vh 0 0 0;
  height: calc(50vh);
  z-index: 100;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: left;
  -webkit-align-items: left;
  -ms-flex-align: left;
  align-items: left;
  -webkit-box-pack: left;
  -webkit-justify-content: left;
  -ms-flex-pack: left;
  justify-content: left;
  -webkit-box-orient: horizontal;
  ;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (min-width: 52.5em) {
  .hero-container {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 9vh 0 0 0;
    height: calc(50vh);
  }
}

/* Mobile Responsive View */
@media screen and (max-width: 782px) {

  .has-header-image .custom-header-media img,
  .has-header-video .custom-header-media video,
  .has-header-video .custom-header-media iframe {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: scale-down;
    top: 0;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    width: 100%;
  }

  .has-header-image .custom-header,
  .has-header-video .custom-header {
    height: 240px;
  }

  .hero-content {
    justify-content: initial !important;
    padding-left: 16px;
    flex-grow: 0;
  }

  .hero-content h1 {
    font-size: 30px;
    padding-top: 100px;
    padding-left: 0;
  }

}

/* Mobile Responsive View */
@media screen and (max-width: 782px) {
  .hero-content h1 {
    font-size: 40px !important;
    padding-top: 58px;
    padding-left: 24px;
  }
}

.site-content {
  padding-top: 20px !important;
}

@media (min-width: 52.5em) {
  .site-content {
    padding-top: 20px !important;
  }
}


/* Hero Content Area */
.hero-content {
  padding: 0;
  z-index: 5;
  margin: unset;
  justify-content: flex-end;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
.site-title a:hover,
.single-post .navigation a:hover,
.side-widgets li a:hover,
.side-widgets p a:hover,
.comment-body .reply a:hover,
.comments-area h2.comments-title span a:hover,
.posts-container .hentry .entry-meta a:hover,
.posts-container .sticky-container .sticky .entry-footer a:hover,
.related-entry-cats a:hover,
.single-post .byline a:hover,
.single-post .entry-cats a:hover,
.single-post .entry-comments:hover .bubble-icon .icon,
.single-post .entry-meta a:hover,
.single-post .navigation .nav-title .nav-subtitle:hover,
.comment-list .comment-metadata a:hover,
.comment-reply-title #cancel-comment-reply-link:hover,
.logged-in-as a:hover,
#colophon a:hover,
.site-footer a:hover,
.social-footer-nav ul li a:hover .icon,
.teammember-social-wrap a:hover .icon {
  color: white;
}



/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
#colophon {
  background: #869A62 !important;
}

#colophon,
.textwidget p {
  color: #F8F9F4 !important;
  background: #869A62 !important;
}

#colophon ul {
  text-align: center;
}

/* Mobile Responsive View */
@media screen and (max-width: 782px) {

  #colophon ul {
    text-align: left;
    margin: 30px 0;
  }

}


.footer-light-text #colophon .textwidget p,
.footer-light-text .site-info,
.footer-light-text #colophon .widget_mc4wp_form_widget p {
  color: #F8F9F4 !important;
}

.footer-wrap {
  padding: 0;
}

@media (min-width: 52.5em) {
  .footer-wrap {
    padding: 0;
  }
}

.footer-menu-wrap {
  border-bottom: none;
  border-top: none;
  margin: auto;
}

@media (min-width: 52.5em) {
  .footer-menu-wrap {
    margin-bottom: 0;
  }
}

.site-info {
  padding: 0;
}

/* Footer Menus */
.footer-nav,
.social-footer-nav {
  padding: 0;
  float: none !important;
}

@media (min-width: 52.5em) {

  .footer-nav,
  .social-footer-nav {
    float: none !important;
    padding: 40px 0;
  }
}

@media (min-width: 52.5em) {
  .footer-nav {
    float: none !important;
  }
}

.social-footer-nav {
  line-height: 0;
}

@media (min-width: 52.5em) {
  .social-footer-nav {
    float: right;
  }
}

.footer-nav ul li {
  display: block;
  padding: 0 0 24px;
}

.footer-nav ul li:last-child {
  padding: 0;
}

@media (min-width: 52.5em) {
  .footer-nav ul li {
    display: inline-block;
    padding: 0 24px 0 0;
  }
}

#colophon .widget_mc4wp_form_widget a,
#colophon a,
.social-footer-nav .icon {
  color: #F8F9F4;
  fill: #2F8F9F4;
  font-size: 15px;
}


/*--------------------------------------------------------------
## Page
--------------------------------------------------------------*/
.error-404 .entry-header,
.search.search-no-results .entry-header,
.single-page .type-page .entry-header {
  position: relative;
  margin: 0 0 40px;
  padding: 0;
  border-bottom: none;
}

/* Mobile Responsive View */
@media screen and (max-width: 782px) {

  .error-404 .entry-header,
  .search.search-no-results .entry-header,
  .single-page .type-page .entry-header {
    position: relative;
    margin: 0;
    padding: 0;
    border-bottom: none;
  }

}


/*--------------------------------------------------------------
## Special
--------------------------------------------------------------*/


.entry-content p.intro_start {
  font-family: 'Josefin Sans', sans-serif !important;
  font-size: 24px !important;
  line-height: 140% !important;
}

.heading_start,
.entry-content p.intro_start {
  color: #4E482F;
}

/* Mobile Responsive View */
@media screen and (max-width: 782px) {
  .entry-content p.intro_start {
    font-size: 23px !important;
    line-height: 130% !important;
  }
}


.intro_kodorf_background {
  padding: 3em 3em 1em 3em;
  background-color: #126B8D;
  margin: 0 0 6em 0;
  border: 30px solid white;
}

.intro_kodorf_background h2 {
  color: #F8F9F4;
  margin-bottom: .6em;
}

.intro_kodorf_background p {
  color: #F8F9F4 !important;
  margin-bottom: .6em;
}

/* Mobile Responsive View */
@media screen and (max-width: 782px) {

  .intro_kodorf_background {
    padding: 1em;
    background-color: #126B8D;
    margin: 0 0 6em 0;
    border: none !important;
  }

  .intro_kodorf_background h2 {
    font-size: 2.4em !important;
    color: #F8F9F4;
    margin-bottom: .6em;
  }

  .intro_kodorf_background p.intro_start {
    font-size: 19px !important;
    line-height: 26px !important;
    margin-bottom: .6em;
  }

}


.kodorf_desc_area {
  background-color: #fff;
  margin-bottom: 100px;
}

.kodorf_desc_area_right {
  padding: 20px;
}

.call_kodorf {
  padding: 3em 3em 1em 3em;
  background-color: #E07F14;
  margin: 0 0 6em 0; 
  border: 30px solid white;
  margin: 60px 0;
}

.call_kodorf h3, .call_kodorf p, .call_kodorf a {
  color: #F8F9F4 !important;
}

.call_kodorf a {
  border-bottom: 2px solid #F8F9F4!important;
}

/* Mobile Responsive View */
@media screen and (max-width: 782px) {

  .call_kodorf {
    padding: 1em;
    margin: 0 0 6em 0;
    border: none !important;
  }

  .call_kodorf h2 {
    font-size: 2.4em !important;
    color: #F8F9F4;
    margin-bottom: .6em;
  }

  .call_kodorf p {
    font-size: 19px !important;
    line-height: 26px !important;
    margin-bottom: .6em;
  }

  .wp-block-column {
    padding: 0 !important;
  }


}





.is-style-outline .wp-block-button__link,
.is-style-outline .wp-block-button__link:active,
.is-style-outline .wp-block-button__link:focus,
.wp-block-button__link {
  border: 3px solid #CE6C01 !important;
  background-color: transparent !important;
  box-shadow: none !important;
  -webkit-box-shadow: none;
  color: #CE6C01;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: .4px;
  line-height: 30px !important;
  padding: 10px 20px !important;

}

.is-style-outline .wp-block-button__link:hover {
  color: #F39E41 !important;
  border: 3px solid #F39E41 !important;
}

.header-img {
  top: -148px;
}

.header-img .wp-block-cover__inner-container {
  margin-top: 100px;
}

/* Mobile Responsive View */
@media screen and (max-width: 782px) {

  .is-style-outline .wp-block-button__link,
  .is-style-outline .wp-block-button__link:active,
  .is-style-outline .wp-block-button__link:focus,
  a.wp-block-button__link {
    border: 3px solid #CE6C01 !important;
    background-color: transparent !important;
    box-shadow: none !important;
    -webkit-box-shadow: none;
    color: #CE6C01 !important;
    text-transform: uppercase !important;
    font-weight: 900;
    letter-spacing: .4px;
    line-height: 20px;
  }

  .is-style-outline .wp-block-button__link:hover {
    color: #F39E41 !important;
    border: 3px solid #F39E41 !important;
  }

  .header-img {
    min-height: 200px !important;
    top: -46px;
  }

}


#masthead {
  -webkit-transform: translateZ(0);
  height: 64px;
  left: 0;
  padding: 0 24px;
  position: fixed;
  right: 0;
  top: 20px;
  transform: translateZ(0);
  transition: -webkit-transform 0.35s;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  height: 88px;
  width: 100%;
  z-index: 500;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  max-width: 1340px;
  margin: auto;
  border: solid 1px #E7EBE0;
}


 

.home #masthead {
  background-color: #fff;
}

/* Mobile Responsive View */
@media screen and (max-width: 782px) {
  #masthead {
    top: 0 !important;
    height: 68px;
    border: 0;
  }

  .newsletter_right {
    margin: 100px 0;
  }
}

/* Tablet */
@media only screen and (max-width: 1024px) {
  #masthead {
    top: 0 !important;
    border: 0;
  }
}

/* Apple iPad Air 10.5 (2019) Only Media Query which covers portrait to landscape width. */
@media only screen and (min-width: 834px) and (max-width: 1112px)  {

  .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax {
    background-attachment: unset; 
  }

  #masthead {
    top: 0;
  }

}



.main-navigation ul ul.sub-menu a:hover {
  color: #E07F14;
}

.main-navigation li.focus>a,
.main-navigation li:hover>a {
  color: #E07F14;
}


.page-template-default .entry-header,
.page-template-default .entry-content,
.single-post .hentry .entry-header,
.single-post .hentry .entry-content,
.single-post .hentry .entry-footer,
.search-no-results .entry-content,
.related-wrap h2.section-title,
.elementor-widget-wp-widget-pukeko-pagetitle-widget,
.elementor-widget-wp-widget-pukeko-sectiontitle-widget,
.elementor-col-100 .elementor-widget-wp-widget-pukeko-teammember-widget,
.elementor-widget-wp-widget-pukeko-product-widget,
.single-post .comments-area {
  padding-left: 0;
  padding-right: 24px;
}


.entry-content p a:hover {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}


/* Mobile Responsive View */
@media screen and (max-width: 782px) {
  .wp-block-column {
    padding-bottom: 60px;
  }
}


/* Sticky Header on Scroll Up */
#masthead.header-up {
  -webkit-transform: translate3d(0, -140%, 0);
  transform: translate3d(0, -140%, 0);
}


/* FAQ Custom Blocks */
.faq-block {
  border-bottom: 1px solid #E0E6EB;
  margin-top: 3em;
}

.faq-block h4 {
  font-size: 180%;
  margin-bottom: .2em;
}

.faq-block p {
  margin-bottom: 1.4em;
}

/* Mobile Responsive View */
@media screen and (max-width: 782px) {
  #colophon ul {
    margin-left: 24px;
    padding: 0;
    list-style: none;
  }
}


@media screen and (max-width: 782px) {

  .has-text-align-center,
  .wp-block-button.aligncenter {
    text-align: center;
  }
}


.authorbox-content p a,
.comment-content li a,
.comment-content p a,
.entry-content li a,
.entry-content p a,
.hero-text a,
.wp-caption .wp-caption-text a,
figcaption a {
  box-shadow: none !important;
  color: #E07F14;
  font-weight: bold;
  /* border-bottom: 2px solid #E07F14; */
}

.entry-content li a, .entry-content li a:hover {
  color: #F39E41;
  border-bottom: 2px solid transparent;
}

.authorbox-content p a:hover,
.comment-content li a:hover,
.comment-content p a:hover,
.entry-content li a:hover,
.entry-content p a:hover,
.hero-text a:hover,
.wp-caption .wp-caption-text a:hover,
figcaption a:hover {
  color: #CC6B00;
  border-bottom: 2px solid #CC6B00;
  transition: 0.1s;
}

figure a, figure a:hover {
  border-bottom: 0 !important;
}


.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
  background: linear-gradient(0deg,rgba(256,256,256,.7),rgba(256,256,256,.3) 70%,transparent) !important;
  color: #4E482F;
}

.wp-block-gallery .blocks-gallery-item {
  width: calc(100% / 2 - 24px);
}


ul.wp-block-gallery {
  list-style: none;
  margin: 0;
}

@media (min-width: 52.5em) {
  ul.wp-block-gallery {
    margin: 0;
  }
}

.kodorf_desc_area .wp-block-column {
  margin-bottom: -16px;
}

.textbig {
  font-size: 134% !important;
  line-height: 170% !important;
}

.btn_orange_ghost a, .btn_orange_ghost a:hover,  .btn_orange_ghost a:active, .btn_orange_ghost .wp-block-button__link:not(.has-background):hover {
  color: #CE6C01 !important;
  font-weight: 800 !important;;
}


/* Typescale */

html {
  font-size: 16px;
}

body {
  background-color: #F8F9F4;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  line-height: 1.45;
  color: #090B05;
}

p {
  margin-bottom: 1.25em;
}

h1,
h2,
h3,
h4,
h5 {
  margin: 2.75rem 0 1rem;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 700;
  line-height: 1.15;
  color: #090B05;
}

h1 {
  margin-top: 0;
  font-size: 5.2em !important;
  color: #4E482F;
}

h2 {
  font-size: 3em !important;
  color: #4E482F;
}

h3 {
  font-size: 2em !important;
}

h4 {
  font-size: 1.4em !important;
}

h5 {
  font-size: 1em !important;
}

small,
.text_small {
  font-size: 0.618em;
}

small,
.text_small {
  font-size: 0.618em;
}


@media (min-width: 52.5em) {
.entry-content ul, .entry-content ol {
    margin: 0 0 0 0 !important;
}

.entry-content ul li:last-child, .entry-content ol li:last-child {
  padding-bottom: 16px !important;
}

.entry-content ul, .entry-content ol {
  margin: 0 !important;
}

}

.entry-content ul li:last-child, .entry-content ol li:last-child {
  padding-bottom: 16px !important;
}

.entry-content ul, .entry-content ol {
  margin: 0 !important;
}

.wp-block-image .aligncenter, .wp-block-image .alignleft, .wp-block-image .alignright, .wp-block-image.is-resized {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.left {
  margin-left: 0 !important;
}

.type-page .entry-content {
  padding-bottom: 0;
}

.nav-container .nav-wrap {
  background-color: #4E482F;
}

.is-style-fill, .is-style-fill a:visited, .is-style-fill a:hover {
  text-align: center;
  color: #CE6C01!important;
}