/*
Theme Name: Helix Child
Description: Gebruik dit thema om maatwerk toe te passen op Helix
Author: Another Concept
Author URI: http://www.anotherconcept.nl
Version: 1.3
Template: helix
Date: 20220517

-------------------------------------------------------------- */
/* MAIN STYLES
-------------------------------------------------------------- */
li.banner{
    position:relative;
}

li.banner::before{
    content:'';    
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #2e4110;
    -webkit-clip-path: polygon(0 0, 100vw 0, 106vw -138%, 0 170%);
    clip-path: polygon(0 0, 100vw 0, 106vw -138%, 0 170%);
}

span.forminator-checkbox-label {
    margin-left: 4px;
    margin-right: 10px;
}

/* ----------------------------------------------------------- */
/* Diensten shortcode
-------------------------------------------------------------- */
img.page-icon {
    width: 20%;
    margin-bottom: 9px;
}

@keyframes wiggle {
    0% { transform: rotate(0deg); }
   80% { transform: rotate(0deg); }
   85% { transform: rotate(5deg); }
   95% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}

.single-dienst:hover .page-icon{
    animation: wiggle 1s infinite;
}

.diensten-overzicht{
    padding-bottom:100px;
}

.single-dienst h3{
    border-bottom:4px solid #3c6305;
    width:80%;
}

.diensten-background{
    background-size:cover;
    background-position:center;
    position:relative;
    margin-bottom:80px;
}

.diensten-offerte {
    background: #3c6305;
    padding: 40px;
    position: absolute;
    bottom: -50px;
    right: -50px;
}

.diensten-offerte h3,
.diensten-offerte p {
    color:#fff;
}

.diensten-offerte h3{
    border-bottom:4px solid #fff;
}

/* ----------------------------------------------------------- */
/* USP shortcode
-------------------------------------------------------------- */
.single-usp-inner {
    background: #1f4728;
    padding: 40px;
    /*margin-bottom: -250px;*/
}

.single-usp h3{
    border-bottom:4px solid #7aac35;
    width:80%;
}

.usp-overzicht:after{
    clear:both;
}

/* ----------------------------------------------------------- */
/* RESPONSIVE STYLES
-------------------------------------------------------------- */
/* Small screens */
@media only screen and (max-width: 40em) {

    .columns{
        height:auto !important;
    }

    .page-section {
        padding: 40px 0;
    }

    /* Home */
    .diensten-background{
        height:30vh !important;
    }

    .diensten-offerte {
        right: -10px;
    }
	
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/* Medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 

	
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/* Large screens */
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {

} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* XLarge screens */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XXLarge screens */
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */