/*
Theme Name: Hogendoorn Autoschade
Theme URI: https://www.juizy.nl/
Author: Erain
Author URI: https://www.juizy.nl/
Description: A Hogendoorn Autoschade theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

#wpadminbar{
	display:none;
}

body, html{height:100%; font-family: 'Lato'; margin: 0 !important; color: #515151;}
div, span, p{box-sizing: border-box;}
img{max-width:100%; height: auto;}
.mobile{display: none;}


.wp-block-navigation .wp-block-navigation-item a:hover, .wp-block-navigation .wp-block-navigation-item.current-menu-item > a{color: #c14e0b !important;}

.wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item:last-child {
  display: none;
}

.wp-block-navigation .wp-block-navigation-item__content, header a.tellink {
  color: #1E2433 !important;
  font-weight: 600;
}
header a.tellink {
    background-image: url(/wp-content/uploads/2026/09/icon_phone_top.svg);
    background-repeat: no-repeat;
    padding-left: 1.6em;
    background-size: 1.2em; 
    text-decoration: none;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container{
    padding: 1em 0 1em 0;
    border: 0 !important;
    margin-left: -1em;  
}

h1, h2, h3{margin-block-end: 0.5em !important;}
h1{
    /*border-bottom: 3px solid #eb6b1a;
    padding-bottom: 0.3em;*/
    font-weight: 800;
    display: inline-block;
    margin-block-end: 0 !important;
    font-style: normal;
    font-size: 4em;
    border: 0;  
    padding-bottom: 0;     
}
h2{ 
  color: #14255d; 
  font-size: 2em;
  font-weight: 800;
}
h2 a{ 
  color: #14255d; 
  text-decoration: none;
}
p{line-height: 1.6em;}

.wp-block-site-logo{    max-width: 50%;}
.wp-block-site-logo img{}

.wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item:last-child {
  display: none;
}
.site-header .wp-block-button__link,
.site-header .wp-block-navigation-item__content,
.site-header a[href^="tel:"] {
  white-space: nowrap;
}

.wp-block-navigation__responsive-container{
    padding: 0em 1.6em !important;
}

.wp-block-post-content > .alignfull {
  margin-block-start: 0;
}

.wp-block-navigation .wp-block-navigation-item__content:hover {
  color: #eb6b1a;
}

/* Foto rechts, tekst links */
.hero-home.has-media-on-the-right .wp-block-media-text__content {
  padding-left: max(8%, calc((100vw - var(--wp--style--global--wide-size)) / 2));
  padding-right: 64px;
}

/* Foto links, tekst rechts */
.hero-home:not(.has-media-on-the-right) .wp-block-media-text__content {
  padding-left: 64px;
  padding-right: max(8%, calc((100vw - var(--wp--style--global--wide-size)) / 2));
}

.hero-home{    margin-bottom: 3em;}
.hero-home h1{ 
     color: #fff;
}

.hero-kolommen > .wp-block-column {
  flex: 0 0 50%;
  box-sizing: border-box;
}

.hero-kolommen > .wp-block-column:first-child {
  padding: 88px 64px 88px max(24px, calc((100vw - var(--wp--style--global--wide-size)) / 2));
}

.hero-kolommen > .wp-block-column:last-child {
  position: relative;
  min-height: 400px;
}
.hero-kolommen iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}


@media (max-width: 781px) {
  .hero-kolommen > .wp-block-column:first-child {
    padding: 48px 24px;
  }
}

.wp-block-cover__inner-container{
    padding: 3em !important;
    background-color: rgba(255, 255, 255, 0.85) !important;
    width: 100%;
    max-width: 600px;    
}
.btn{
    color: #ffffff;
    background: #c14e0b;
    margin: 1em;
    font-weight: 900;
    border-radius: 5px;
    display: inline-block;
    line-height: 3em;
    padding: 0 2em;
    text-decoration: none;  
}

.dienstenoptions {
    margin-block-start: 3em !important;
    margin-block-end: 0em !important;
}
body.page-id-38 .dienstenoptions {
    margin-block-start: -7em !important;
    margin-block-end: 1em !important;
}
.contactoptions {
    margin-block-start: -7em !important;
    margin-block-end: 3em !important;
}
.contactoptions .contact-kaart, .dienstenoptions .contact-kaart{
    box-shadow: 0 14px 36px rgba(20, 37, 94, 0.13);
    padding:14px;
}
.contactoptions img, .dienstenoptions img{
    background: #fbede4;
    border-radius: 20%;
    width: auto !important;
    height: 5em !important;
    padding: 1em;
}
.contactoptions h2, .dienstenoptions h2{
    margin-bottom: 0;
}
.contactoptions p, .dienstenoptions p{
    margin-top: 0;
}
.contactoptions p a, .dienstenoptions p a{
    margin-top: 1em;
    display: block;
    color: #c14e0b;
}


.contact-kaart {
  position: relative;
}
.contact-kaart a::after {
  content: "";
  position: absolute;
  inset: 0;
}


.icon-row .wp-block-columns .wp-block-column{ flex-basis: 23% !important;}

.page-icon img{
    background: #fbede4;
    border-radius: 20%;
    width: auto !important;
    height: 6em !important;
    padding: 1em;  
}
/*.two-columns{
    column-count: 2;
    column-gap: 48px;
}*/

.partnerbar {}
.partnerbar img {
  filter: grayscale(100%);
  opacity: 0.6;
  transition: filter 0.3s, opacity 0.3s;
  margin: 0 auto; display: block;
}
.partnerbar img:hover {
  filter: grayscale(0%);
  opacity: 1;
}

footer .partnerbar .wp-block-gallery  img{ 
    height: auto !important;
    width: 9em !important;
    max-height: 3em;

}


.contactform{
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    background: #f4f4f4;
    padding: 2em 3em;  
}

.contactform > div {
    display: flex;
    flex-direction: row;
    gap: 1em;  
}

.contactform > div > div {
      width: 100%;
}
.contactform > div > div input{
    width:100%;
    height: 3em;
    line-height: 3em;
    padding: 0 0.5em;  
    box-sizing: border-box;
}
.contactform > div > div textarea{
    width:100%;
    padding: 0 0.5em;  
    box-sizing: border-box;
}
.contactform > div > div input.wpcf7-submit {
    color: #ffffff;
    background: #c14e0b;
    border-radius: 5px;
    display: inline-block;
    line-height: 3em;
    padding: 0 2em;
    text-decoration: none;
    font-weight: 600;
    font-size: 1em;
    border: 0;
    cursor: pointer;
}

body.page-id-49 .hero-home .wp-block-buttons{
  display:none;
}

footer{margin-top: 4em;}


@media (max-width: 781px) {
    .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item:last-child{display: inline-block;}
    .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item:last-child a{
      border-color: #c14e0b;
      border-width: 3px;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
      background-color: #c14e0b;
      color: #fff !important;
      line-height: 3em;
      padding: 0 2em;  
    }

    h1{font-size: 2em;}
    header .desktop-menu-item{display: none;}
    .hero-home .wp-block-group{ padding-top: 2em !important; padding-bottom: 0em !important;}
    .contactoptions{
      /*margin-block-start: -2em !important;*/
    }
    .contactform{
          padding: 1em 2em;
    }
    .wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__content{
        grid-column: 1;
        grid-row: 1;
    }
    .wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__media {
        grid-column: 1;
        grid-row: 2;
    }
    /* Foto rechts, tekst links */
    .hero-home.has-media-on-the-right .wp-block-media-text__content {
      padding-right: 24px;
    }

    /* Foto links, tekst rechts */
    .hero-home:not(.has-media-on-the-right) .wp-block-media-text__content {
      padding-left: 24px;
    }

    .contactoptions img, .dienstenoptions img{height: 4em !important;}
    h2{font-size: 1.6em;}
    .contactform > div {
        flex-direction: column;
    }
}