/*
Theme Name: Winstgevers Thema
Theme URI: https://www.winstgevers.nl/
Template: astra
Author: Davy Schouw
Author URI: https://www.winstgevers.nl/
Description: Winstgevers: het beste voor onze vrienden!
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 3.7.7.1643175056
Updated: 2022-01-26 05:30:56

*/
/*ALGEMEEN*/
.ehf-header #masthead{
    z-index: 99;
    position: sticky;
    top: 0;
    width: 100%;
}
body, button, input, select, textarea, .ast-button, .ast-custom-button {
    font-family: effra,sans-serif;
    font-weight: 400;
    font-style: normal;
}
h1,h2,h3,h4,h5,h6,.ast-single-post .entry-title, .page-title{
    font-family: effra,sans-serif;
    font-weight: 700;
    font-style: normal;
}
    .ast-container {
        max-width: 100%;
    }
    .ast-container, .ast-container-fluid {
         padding-left: 0px;
         padding-right: 0px;
    }

/* Onderhoudscontracten */
span.rood{
    color: #B63020;
}
.opsomming p{
    margin-bottom: 8px;
}
.opsomming ul {
  list-style: none;      /* standaard bullets uit */
  padding-left: 50px;
}

.opsomming li {
  position: relative;
  padding-left: 1.2em;  /* ruimte voor de "o" */
}

.opsomming li::before {
  content: "o";
  position: absolute;
  left: 0;
}
.opsomming.ex ul li{
    color: #919191;    
}
.wit-blok {
  position: relative;
  background: #ffffff;
}

/* linker driehoek */
.wit-blok::before {
  content: "";
  position: absolute;
  top: -60px; /* omhoog plaatsen */
  left: 0;
  width: 0;
  height: 0;
  border-bottom: 60px solid #ffffff; /* kleur van wit blok */
  border-right: 85vw solid transparent;
}

/* rechter driehoek */
.wit-blok::after {
  content: "";
  position: absolute;
  top: -60px;
  right: 0;
  width: 0;
  height: 0;
  border-bottom: 60px solid #ffffff;
  border-left: 47vw solid transparent;
}
/* Gravity Forms radio buttons volledig custom */
.gform_wrapper input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  accent-color: transparent; /* 🔥 dit haalt het blauw weg */
  
  width: 16px;
  height: 16px;
  border: 1px solid #666;
  border-radius: 50%;
  background: #fff;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
  color: black;
}

/* geselecteerd */
.gform_wrapper input[type="radio"]:checked {
  border-color: #666;
}

/* binnenste bolletje */
.gform_wrapper input[type="radio"]:checked::before {
  content: "";
  width: 8px;
  height: 8px;
  background: #666;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.gform_body legend.gfield_label,
.gform_body label.gfield_label,
.gform_body .ginput_container.ginput_container_radio .gfield_radio label{
    color: black;
}
#onderhoudscontract{
    scroll-margin-top: 180px;
}


/*HEADER*/
.submenu-diensten nav li i{
    background: white;
    color: black;
    padding: 3px;
    border-radius: 10px;
    width: 20px;
    text-align: center;
}
.submenu-diensten nav li.menu-item{
    border-right: 1px solid rgba(0,0,0,0.11);
}
.submenu-diensten nav li.menu-item:last-of-type{
    border-right: none;
}

.submenu-diensten nav li.menu-item:hover, .submenu-diensten nav li.menu-item.current-menu-item{
    background: rgba(255,255,255,0.2);
    border-radius: 5px;
}
/*BLOG OVERZICHT*/
.elementor-image-gallery.blog-gallery.row.columns-3 .display-posts-listing{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
.elementor-image-gallery.blog-gallery.row.columns-3 .display-posts-listing .listing-item a.image{
    width: 100%;
    text-align: center;
}
.elementor-image-gallery.blog-gallery.row.columns-3 .display-posts-listing .listing-item a.image img{
    width: 100%;
}
.elementor-image-gallery.blog-gallery.row.columns-3 .display-posts-listing .listing-item{
    display: flex;
    flex-wrap: wrap;
    background: white;
    margin-right: 10px;
    margin-left: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.elementor-image-gallery.blog-gallery.row.columns-3 .display-posts-listing .listing-item:first-of-type {
    margin-left: 0px;
    margin-right: 20px;
}
.elementor-image-gallery.blog-gallery.row.columns-3 .display-posts-listing .listing-item:last-of-type {
    margin-left: 20px;
    margin-right: 0px;
}
.elementor-image-gallery.blog-gallery.row.columns-3 .display-posts-listing .listing-item a.title{
    font-weight: 700;
    font-size: 22px;
    text-decoration: none;
    color: var(--e-global-color-text);
    margin-left: 20px;
    margin-top: 10px;
}
.elementor-image-gallery.blog-gallery.row.columns-3 .display-posts-listing .listing-item span.date{
    width: 100%;
    margin-left: 20px;
    margin-bottom: 20px;
}
/*FOOTER BUTTON*/
.footer-button a.elementor-button{
    width: 100%;
    text-align: left;
}
/*OFFERTEAANVRAAG*/
.gform_wrapper.gravity-theme .gfield_label {
    font-weight: 400 !important;
}
input[type=email], input[type=number], input[type=password], input[type=reset], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    background: #ffffff;
    border-color: #C7C7C7;
    border-radius: 8px;
}
.gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer {
    text-align: right;
}
.gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input{
    font-weight: 700;
    background-image: linear-gradient(90deg, var( --e-global-color-5c2f8cf ) 0%, var( --e-global-color-3c18ce6 ) 100%);
    border-radius: 25px 25px 25px 25px;
}
button:focus, .menu-toggle:hover, button:hover, .ast-button:hover, .ast-custom-button:hover .button:hover, .ast-custom-button:hover, input[type=reset]:hover, input[type=reset]:focus, input#submit:hover, input#submit:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover, form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:focus, body .wp-block-file .wp-block-file__button:hover, body .wp-block-file .wp-block-file__button:focus{
    background-image: linear-gradient(180deg, var( --e-global-color-5c2f8cf ) 0%, var( --e-global-color-3c18ce6 ) 100%) !important;

}
/*HOVERZOOM IMAGE*/
a.image img, .elementor-widget-image{
    transition: transform 2s ease-in-out;
}
a.image{
    overflow: hidden;
}
.elementor-widget-image:hover{
    transform: scale(1.1);
    transform-origin: 50% 50%;
}
.elementor-widget-image img, .elementor-widget-image{
    transition: transform 2s ease-in-out;
}
.elementor-widget-image{
    overflow: hidden;
}
.elementor-widget-image:hover{
    transform: scale(1.1);
    transform-origin: 50% 50%;
}
.dienstenblok .elementor-column{
    transition: transform 0.7s ease-in-out;
}
.dienstenblok .elementor-column:hover{
    transform: scale(1.1)
}
/*RESPONSIVE*/
@media only screen and (max-width: 600px) {
    .elementor-image-gallery.blog-gallery.row.columns-3 .display-posts-listing {
        display: block;
    }
    .elementor-image-gallery.blog-gallery.row.columns-3 .display-posts-listing .listing-item{
        margin: 10px 0 0 0 !important;
    }
    .ast-breadcrumbs-wrapper{
        display: none;
    }
}