/*!
README - STYLEGUIDE BRIEFLY

Find the style by media query screen width, using Find or CTRL + F
min-width 601px, min-width: 901px, min-width: 1300px, min-width: 1600px,
max-width: 1599px, max-width: 1299px, max-width: 900px, max-width: 600px

Make this stylesheet still readable and after using this file, dont forget to use beautify after development
Thankyou Whello Developer
*/



/* > MOBILE */
@media all and (min-width: 601px) {
	 /* -----------------------------------------------
                Styling General
    -------------------------------------------------*/
    .type-team--listing .wrapper-ons-team-item,
    .type-werkbedrijven--listing .wrapper-werkbedrijven-item {
        width: 50%;
    }

    .ons-team-item {
        padding: 32px;
    }

    /* ---------------------------------------------
                WH Werkbedrijven
    -----------------------------------------------*/
    .image-werkbedrijven-wrapper {
    	width: 200px;
    }

    /* -----------------------------------
             VC TTA Panel FAQ
    -------------------------------------*/
    .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title>a .vc_tta-controls-icon {
        width: 50px;
        height: 50px;
        left: -webkit-calc(100% - 75px);
        left: -moz-calc(100% - 75px);
        left: calc(100% - 75px);
    }

    .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title>a .vc_tta-controls-icon {
        -webkit-transform: translateZ(0);
        -webkit-transform: rotate(45deg) translate(-18px, -18px) translateZ(0);
        -moz-transform: rotate(45deg) translate(-18px, -18px);
        -ms-transform: rotate(45deg) translate(-18px, -18px);
        -o-transform: rotate(45deg) translate(-18px, -18px);
        transform: rotate(45deg) translate(-18px, -18px) translateZ(0);
    }
}


/* > TABLET */
@media all and (min-width: 901px) {
	.row-content-image-text.image-content-left>.wpb_column:nth-child(2)>.vc_column-inner>.wpb_wrapper, 
    .row-content-image-text.image-content-right>.wpb_column:nth-child(1)>.vc_column-inner>.wpb_wrapper {
        max-width: 610px;
        padding-right: 25px;
        padding-left: 25px;
    }
	
	.image-werkbedrijven-wrapper img,
	.image-werkbedrijven-wrapper div {
	    border-top-left-radius: var(--rounded-lg);
	    border-bottom-left-radius: var(--rounded-lg);
	}
    .row-boxed {
        padding: 85px 57px 64px 63px;
    }
}


/* >= DESKTOP & LAPTOP */
@media all and (min-width: 1300px) {
	.row-content-image-text.image-content-left>.wpb_column:nth-child(2)>.vc_column-inner, 
    .row-content-image-text.image-content-right>.wpb_column:nth-child(1)>.vc_column-inner {
        max-width: -webkit-calc(var(--container) / 2);
        max-width: -moz-calc(var(--container) / 2);
        max-width: calc(var(--container) / 2);
    }

    .image-werkbedrijven-wrapper img {
    	width: 200px;
    	height: 100%;
    }

    /* review type slider */
    .type-team--slider .slick-list {
        overflow: visible;
    }

    .type-team--slider .slick-slider .slick-prev.slick-arrow {
        left: -50px;
    }

    .type-team--slider .slick-slider .slick-next.slick-arrow {
        right: -50px;
    }
	
	.type-team--slider .slick-slider .slick-dots {
        display: none !important;
    }

    .gap-large {
        padding-right: 160px;
    }
}


/* >= LARGE DESKTOP */
@media all and (min-width: 1600px) {

}

/* < LARGE DESKTOP */
@media all and (max-width: 1599px) {

}


/* >= DESKTOP & LAPTOP && < LARGE DESKTOP */
@media all and (min-width: 1300px) and (max-width: 1599px) {

}


/* <= LARGE TABLET */
@media all and (max-width: 1299px) {
	.content-ons-team .team-name, .content-werkbedrijven .heading-title{
    	--text-xl: 24px;
    }

    /* WH Customer Review */
    .type-team--slider .slick-slider .slick-arrow {
        display: none !important;
    }

}

/* > MOBILE && <= LARGE TABLET */
@media all and (min-width: 901px) and (max-width: 1299px) {
	.image-werkbedrijven-wrapper img {
    	width: 150px;
    	height: 210px;
    }

    .row-content-image-text.image-content-left>.wpb_column:nth-child(2)>.vc_column-inner>.wpb_wrapper, 
    .row-content-image-text.image-content-right>.wpb_column:nth-child(1)>.vc_column-inner>.wpb_wrapper {
    	padding: 25px;
    }

    .gap-large {
        padding-right: 70px;
    }
}

/* > MOBILE && <= LARGE TABLET */
@media all and (min-width: 601px) and (max-width: 1299px) {
	
}


/* <= TABLET */
@media all and (max-width: 900px) {

    .row-content-faq .vc_col-sm-6, 
    .row-content-form .vc_col-sm-6 {
        width: 100%;
    }

    .row-boxed {
        width: calc(100% - 30px);
        margin-left: 15px;
        margin-right: 15px;
        padding: 30px;
    }

	.row-content-image-text.image-content-left>.wpb_column:nth-child(2)>.vc_column-inner, 
    .row-content-image-text.image-content-right>.wpb_column:nth-child(1)>.vc_column-inner {
        padding: 64px 24px 54px;
    }

    .row-content-image-text.image-content-left>.vc_col-sm-6, 
    .row-content-image-text.image-content-right>.vc_col-sm-6 {
    	width: 100%;
    }

    .ons-team-item,
    .werkbedrijven-item {
        height: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .image-team-wrapper{
        width: 100%;
        margin-bottom: 16px;
        display: flex;
        justify-content: center;
    }

    .image-werkbedrijven-wrapper {
        width: 100%;
    }

    .image-werkbedrijven-wrapper img,
	.image-werkbedrijven-wrapper div {
	    border-top-left-radius: var(--rounded-lg);
	    border-top-right-radius: var(--rounded-lg);
	}

	.image-werkbedrijven-wrapper img {
	    width: 100%;
	    height: 200px;
	}

    .row-content-image-text.image-content-right {
        margin-top: 0!important;
    }
	
	 .image-overlay {
        display: none!important;
    }

    .col-din-padding {
        padding-top: 0!important;
    }
}


/* <= MOBILE */
@media all and (max-width: 600px) {
	.type-team--listing .wrapper-ons-team-item,
    .type-werkbedrijven--listing .wrapper-werkbedrijven-item {
        width: 100%;
    }

     /* ---------------------------------------------
                WH Werkbedrijven
    -----------------------------------------------*/
    .image-werkbedrijven-wrapper {
        margin-bottom: 14.04px;
    }

    .type-werkbedrijven--listing.slider--mobile .slick-list {
        margin-right: -4px;
    }

    .bg-overlay:before {
    	background-size: 200%;
    }

     /* ---------------------------------------------
                VC TTA Panel FAQ
    -----------------------------------------------*/
    .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title>a .vc_tta-controls-icon {
        width: 35px;
        height: 35px;
        left: -webkit-calc(100% - 55px);
        left: -moz-calc(100% - 55px);
        left: calc(100% - 55px);
    }

    .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title>a .vc_tta-controls-icon {
        -webkit-transform: rotate(45deg) translate(-12px, -12px);
        -moz-transform: rotate(45deg) translate(-12px, -12px);
        -ms-transform: rotate(45deg) translate(-12px, -12px);
        -o-transform: rotate(45deg) translate(-12px, -12px);
        transform: rotate(45deg) translate(-12px, -12px);
    }

    .vc_tta-panel .vc_tta-panel-title span {
        line-height: -webkit-calc(var(--lineheight-xxxs) + 0.312);
        line-height: -moz-calc(var(--lineheight-xxxs) + 0.312);
        line-height: calc(var(--lineheight-xxxs) + 0.312);
    }

    .hidden-in-mobile {
	    display: none;
	}

    .ons-team-item {
        padding: 25px;
    }
}