/*!
    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) {
        .single.single-boot_huurs .site::before {
            height: 740px;
        }

        /* styling wh review */
        .review-wrapper .wrapp-content-review {
            width: -webkit-calc(100% - 141px - 36px);
            width: -moz-calc(100% - 141px - 36px);
            width: calc(100% - 141px - 36px);
            margin-left: 36px;
        }

        .review-wrapper .review-group-item {
            padding: 44px 36px 46px 43px;
        }

        /* =======================================
                STYLE CONTENT CARD CTA
        =========================================*/
        .vc_row.row-content-card-cta>.wpb_column:nth-child(2)>.vc_column-inner>.wpb_wrapper {
            padding: 64px 64px 63px;
        }

        /* ==========================================
                STYLING WH FILTER
        ============================================*/
        .whfilter-filter>div:not(:first-child) {
            margin-left: 20px;
        }

        /* styling form */
        .gform_wrapper .gform_button {
            min-width: 326px;
        }

        /* margin top to page has banner */
        .admin-bar .site.has-banner .site-main,
        .site.has-banner .site-main {
            margin-top: 82px;
        }

        /* =====================================
                STYLING SINGLE BLOG
        =======================================*/
        .single-post .entry-content-wrapper {
            margin-top: 61px;
            margin-bottom: 94px;
        }

        /* single boot huur */
        .sticky-content-price {
            display: none;
            opacity: 0%;
            visibility: hidden;
        }
    }


    /* > TABLET */
    @media all and (min-width: 901px) {
		.error404 .site::before,
		.archive.category .site::before,
        .blog .site::before,
		.page-template-page-template-blue-pattern .site::before,
		.single .site::before {
			height: 952px;
		}
		
		/* 	styling listing	 */
		.single .sidebar-content-post {
			position: -webkit-sticky;
			position: sticky;
			top: 160px;
		}

        .single.admin-bar .sidebar-content-post {
            top: 200px;
        }

        /* =====================================
            STYLING LAYOUT CARD SERVICE
        =======================================*/
        .row-card-service.card-service-first>.wpb_column>.vc_column-inner>.wpb_wrapper {
            padding: 78px 45px 76px 49px;
        }

        .row-card-service.card-service-second>.wpb_column>.vc_column-inner>.wpb_wrapper {
            padding: 54px 46px 46px 51px;
        }

        .row-card-service.card-service-third>.wpb_column>.vc_column-inner>.wpb_wrapper {
            padding: 67px 53px 59px 52px;
            margin-right: 94px;
            margin-left: -46px;
        }

        .content-header-service {
            max-width: 503px;
        }
		
        /* listing blog */
        .listing.listing-blog .content-item {
            padding: 48px 53px 52px 47px;
        }

		/* =====================================
		 			STYLING SINGLE BLOG	
		 ======================================	 */
		/* single post sidebar */
		.single-post .sidebar-content-wrapper {
			width: 24px;
			margin-right: 103px;
		}

		/* single post content */
		.single-post .main-content-post {
			width: -webkit-calc(100% - 24px - 103px);
			width: -moz-calc(100% - 24px - 103px);
			width: calc(100% - 24px - 103px);
		}
		
		.single-post .featured-thumbnail {
			height: 563px;
		}
		
		.share-post li+li {
			margin-top: 30px;
		}

        /* single post related post */
        .single-post .post-related-wrapper {
            margin-bottom: 124px;
        }

        /* =====================================
                STYLING SINGLE BOOT HUUR
        =======================================*/
        .single-boot_huurs .entry-header,
        .single-boot_huurs .wrapper-content-detail {
            width: -webkit-calc(100% - 416px - 64px);
            width: -moz-calc(100% - 416px - 64px);
            width: calc(100% - 416px - 64px);
            margin-right: 64px;
        }
        
        .single-boot_huurs .site-article--wrapper {
            margin-bottom: 120px;
        }

        .single-boot_huurs .sidebar-content-wrapper {
            width: 416px;
        }

        /* content post info */
        .single-boot_huurs .post-info > div {
            position: relative;
            line-height: var(--lineheight-m);
        }

        .single-boot_huurs .post-info > div:not(:last-child) {
            margin-right: 30px;
        }

        .single-boot_huurs .post-info > div:nth-child(3) {
            padding-left: 37px;
        }

        .single-boot_huurs .sidebar-content-post {
            margin-top: -100px;
        }

        .single .sidebar-content-post {
            margin-bottom: 40px;
        }

        /* listing boot huur */
        .listing.listing-search .image-wrapper,
        .listing.listing-boot-huur .image-wrapper {
            height: 263px;
        }

        .listing-boot-huur .content-item {
            height: -webkit-calc(100% - 263px);
            height: -moz-calc(100% - 263px);
            height: calc(100% - 263px);
        }

        .listing.listing-search .content-item,
        .listing.listing-boot-huur .content-item {
            padding: 28px 28px 34px 28px;
        }

        /* listing boot huur */
        .listing .btn-link {
            font-size: var(--text-md);
        }

        /* ==================================
            STYLING Inclusief Optioneel
        =====================================*/
        .vc_row.row-inclusief-optioneel {
            margin: 0 -32px;
        }

        .vc_row.row-inclusief-optioneel>.wpb_column {
            padding: 0 32px;
        }

        /* styling form */
        .row-contact-form {
            padding: 62px 76px 73px 73px;
            max-width: 687px;
        }
		
		/* 	heading archive taxonomy boot huur	 */
		.archive.tax-boot_huur_category .term-excerpt {
			max-width: 544px;
		}

        /* listing blog */
        .listing.listing-blog {
            padding-top: 90px;
            margin: 0 -16px -16px;
        }
		
    }


    /* >= DESKTOP & LAPTOP */
    @media all and (min-width: 1300px) {
        /* archive catgeory page */
        .archive.category .entry-content {
            margin-top: 100px;
        }

        .vc_row.row-content-absolute-layout-service {
            right: 105px;
            width: 279px;
        }
    }


    /* >= 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) {
			/* 	listing blog */
        .archive.category .listing.listing-blog,
		.blog .listing.listing-blog {
			margin-top: 60px;
		}
    }


    @media all and (min-width: 1025px) {
		 /* margin top to page no banner */
        .site .site-main {
            margin-top: 250px;
        }

        .admin-bar .site .site-main {
            margin-top: 271px;
        }

        /* =====================================
                STYLING LISTING BOOT HUUR
        =======================================*/
        .listing.listing-search .listing-item,
        .listing.listing-boot-huur .listing-item {
            width: 33.3333%;
        }

        /* content image ---- start ------*/
        .vc_row.row-content-image .vc_single_image-wrapper {
            height: 404px;
        }

        /* row service */
        .row-card-service.card-service-first>.wpb_column>.vc_column-inner>.wpb_wrapper {
            margin-left: 65px;
            margin-right: 96px;
        }

        .single-post .entry-content {
            padding: 74px 240px 99px 115px;
        }

        /* listing-blog */
        .listing.listing-blog .image-wrapper {
            height: 563px;
        }
    }

	@media all and (min-width: 901px) and (max-width: 1299px) {
	
	}

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

    @media all and (min-width: 901px) and (max-width: 1024px) {
        /* margin top to page no banner */
        .site.has-banner .site-main {
            margin-top: 42px;
        }
		
		.site .site-main {
            margin-top: 200px;
        }

        /* row service */
        .row-card-service.card-service-first>.wpb_column>.vc_column-inner>.wpb_wrapper {
            margin-left: 38px;
            margin-right: 65px;
        }

        /* row content image */
        .vc_row.row-content-image .vc_single_image-wrapper {
            height: 350px;
        }

        .single-post .entry-content {
            padding: 74px 100px 99px 80px;
        }

        /* listing-blog */
        .listing.listing-blog .image-wrapper {
            height: 420px;
        }

        /* row optional and include */
        .vc_row.row-inclusief-optioneel>.wpb_column {
            width: 100%;
        }
        
        .vc_row.row-inclusief-optioneel>.wpb_column:nth-child(2) {
            margin-top: 24px;
        }

        .single-boot_huurs .post-info>div:not(:last-child) {
            margin-bottom: 12px;
        } 

    }


    @media all and (min-width: 601px) and (max-width: 1024px) {
        /* =====================================
                STYLING LISTING BOOT HUUR
        =======================================*/
        .listing.listing-search .listing-item,
        .listing.listing-boot-huur .listing-item {
            width: 50%;
        }
    }

    /* <= TABLET */
    @media all and (max-width: 900px) {
		.error404 .site::before,
		.archive.category .site::before,
        .blog .site::before,
		.page-template-page-template-blue-pattern .site::before,
		.single .site::before {
			height: 670px;
		}

        /* margin top to page no banner */
        .site.has-banner .site-main {
            margin-top: 42px;
        }
		
		.site .site-main {
            margin-top: 142px;
        }

        /* breadcrumb */
        .breadcrumb-wrapper {
            font-size: var(--text-sm);
        }

        /* listing boot huur */
        .listing .btn-link {
            font-size: var(--text-md);
        }

        /* listing boot huur */
        .listing.listing-search .image-wrapper,
        .listing.listing-boot-huur .image-wrapper {
            height: 245px;
        }

        .listing-boot-huur .content-item {
            height: -webkit-calc(100% - 245px);
            height: -moz-calc(100% - 245px);
            height: calc(100% - 245px);
        }

        .listing.listing-search .content-item, .listing.listing-boot-huur .content-item {
            padding: 32px 27px 30px 27px;
        }

        .listing.listing-boot-huur .btn-link {
            margin-top: 21px;
            padding-top: 15.3px;
            padding-bottom: 15.3px;
        }

        /* single post blog */
        .single-post .featured-thumbnail img {
            z-index: 1;
        }

        /* single boot huur */
        .single-boot_huurs .post-info > div:nth-child(3) {
            padding-left: 42px;
        }

        .single .sidebar-content-post {
            margin-top: 40px;
        }

        .single-boot_huurs .site-article--wrapper {
            margin-bottom: 80px;
        }

        /* single boot huur optional */
        .vc_row.row-inclusief-optioneel {
            margin: 0 -15px;
        }

        .vc_row.row-inclusief-optioneel>.wpb_column {
            padding: 0 15px;
        }
		
		/*  Single blog	 */
		.single-post .entry-content {
			-webkit-box-orient: vertical;
			-webkit-box-direction: reverse;
			-webkit-flex-direction: column-reverse;
			   -moz-box-orient: vertical;
			   -moz-box-direction: reverse;
			    -ms-flex-direction: column-reverse;
			        flex-direction: column-reverse;
			padding: 0px 24px 50px;
    		margin: 0px -20px 0;
            position: relative;
		}
		
		.single-post .featured-thumbnail {
			-webkit-border-bottom-left-radius: var(--rounded-lg);
			   -moz-border-radius-bottomleft: var(--rounded-lg);
			        border-bottom-left-radius: var(--rounded-lg);
			-webkit-border-bottom-right-radius: var(--rounded-lg);
			   -moz-border-radius-bottomright: var(--rounded-lg);
			        border-bottom-right-radius: var(--rounded-lg);
		}
		
		.share-post {
			display: -webkit-box;
			display: -webkit-flex;
			display: -moz-box;
			display: -ms-flexbox;
			display: flex;
		}
		
		.share-post li+li {
			margin-top: 0;
			margin-left: 30px;
		}
		
		.share-post li {
			width: -webkit-fit-content;
			width: -moz-fit-content;
			width: fit-content;
		}

        /* single post related post */
        .single-post .post-related-wrapper {
            margin-bottom: 80px;
        }

        /* change background white row news article */
        body.home .site,
        .vc_row.row-news-article {
            background-color: var(--white) !important;
        }

        /* row content image */
		.vc_row.wpb_row.custom-width-content>.wpb_column,
        .row-content-image>.wpb_column {
            width: 100%;
        }
		
		 /* listing blog */
        .listing.listing-blog .image-wrapper {
            height: 300px;
        }

        .listing.listing-blog .content-item {
            padding: 36px 22px 35px 29px;
        }

        .listing.listing-blog .title-listing {
            min-height: 64px;
        }

        .pagination,
        .tw-pagination,
        .woocommerce-pagination .page-numbers {
            margin-top: 46px;
        }

    }


    @media all and (min-width: 768px) and (max-width: 900px) {
         /* =======================================
                STYLE CONTENT CARD CTA
        =========================================*/
        .vc_row.row-content-card-cta>.wpb_column:nth-child(2)>.vc_column-inner>.wpb_wrapper {
            padding: 50px 45px 50px;
        }

        /* styling form */
        .row-contact-form {
            padding: 62px 50px 73px 50px;
        }
		
		/* listing blog */
		.listing.listing-blog {
            margin: 32px -12px -12px -12px;
        }

        .listing.listing-blog.slick-slider {
            margin-right: -20px;
        }

        .listing.listing-blog.slick-slider .listing-item {
            padding: 0 12px 12px;
        }

        .listing.listing-blog .listing-item {
            padding: 0 12px 20px;
        }

        .listing.listing-blog {
            padding-top: 100px;
        }
    }

    @media all and (min-width: 601px) and (max-width: 900px) {
        /* row content card cta */
        .vc_row.row-content-card-cta>.wpb_column {
            width: 100%;
        }

        .vc_row.row-content-card-cta>.wpb_column>.vc_column-inner>.wpb_wrapper {
            margin-left: auto;
            width: 70%;
        }

        .row-card-service>.wpb_column>.vc_column-inner>.wpb_wrapper {
            padding: 40px 30px 30px;
        }

        /* listing blog image wrapper */
        .listing.listing-blog .image-wrapper {
            height: 350px;
        }
        
        .single-post .featured-thumbnail {
			height: 450px;
        }

        .listing.listing-blog .content-item {
            padding: 38px 22px 33px 29px;
        }

        /* row content image */
        .vc_row.row-content-image .vc_single_image-wrapper {
            height: 450px;
        }

        /* single boot huur */
        .single-boot_huurs .post-info > div:not(:last-child) {
            margin-right: 24px;
        }
    }


    @media all and (min-width: 768px) {
        /* =====================================
                STYLING LISTING BLOG
        =======================================*/
        .listing.listing-blog.slick-slider .listing-item:nth-child(even) {
            margin-top: 0;
        }

        .listing.listing-blog,
        .listing.listing-blog.related-post {
            -webkit-transform: translateY(-59px);
               -moz-transform: translateY(-59px);
                -ms-transform: translateY(-59px);
                 -o-transform: translateY(-59px);
                    transform: translateY(-59px);
            margin-bottom: -80px;
        }

        .listing.listing-blog .listing-item {
            width: 50%;
        }

        .listing.listing-blog .listitem-wrapper {
            background-color: var(--white);
        }

        .listing.listing-blog .listing-item,
        .listing.listing-blog .listitem-wrapper {
            min-height: 100%;
        }

        .listing.listing-blog .listing-item:nth-child(even) {
            margin-top: -97px;
            height: -webkit-fit-content;
            height: -moz-fit-content;
            height: fit-content;
        }


    }


    @media all and (max-width: 767px) {
        /* =======================================
                STYLE CONTENT CARD CTA
        =========================================*/
        .vc_row.row-content-card-cta>.wpb_column:nth-child(2)>.vc_column-inner>.wpb_wrapper {
            padding: 46px 30px 36px;
        }

        .vc_row.row-content-absolute-layout-service {
            width: 130px;
            right: 0px;
        }

        /* form */
        .gform_fields .gfield.gfield--width-half {
            max-width: 100%;
        }

        .row-contact-form {
            padding: 48px 30px;
        }

        .listing.listing-blog {
            margin: 0 -16px -20px;
        }

        .listing.listing-blog .listing-item {
            padding: 0 16px 20px;
        }
		
		  /* listing blog */
		.listing.listing-blog.slick-slider {
            margin: 22px -20px -6px -6px;
        }

        .listing.listing-blog.slick-slider .listing-item {
            padding: 0 6px 6px;
        }
    }


    /* <= MOBILE */
    @media all and (max-width: 600px) {
        /* ==========================
            STYLING GENERAL
        =============================*/
        .display-none-mobile {
            display: none !important;
        }

        .gravity-theme.ui-datepicker .ui-datepicker-calendar td {
            font-size: .6125rem;
            height: 40px;
            width: 40px;
        }

        .gravity-theme.ui-datepicker td, .gravity-theme.ui-datepicker th {
            padding: 0px;
        }

        /* row content image */
        .vc_row.row-content-image .vc_single_image-wrapper {
            height: 218px;
        }

        /* ==========================
            STYLE LISTING BOOT HUUR
        =============================*/
        .listing.listing-boot-huur {
            margin-top: 0;
        }

        .listing-boot-huur .listing-item {
            padding-top: 0;
        }

        .listing-boot-huur .listing-item:not(:last-child) {
            padding-bottom: 20px;
        }

        /* ===========================
            STYLE GENERAL LISTING
        ============================= */
        .listing .listing-item {
            width: 100%;
        }

        /* =====================================
             STYLING LAYOUT CARD SERVICE
        =======================================*/
        .row-card-service>.wpb_column>.vc_column-inner>.wpb_wrapper {
            padding: 49px 41px 41px;
        }

        /* =====================================
              STYLING SINGLE BOOT HUUR
        =======================================*/
        /* content post info */
        .single-boot_huurs .post-info > div {
            width: 100%;
        }

        .single-boot_huurs .post-info > div:not(:last-child) {
            margin-bottom: 10px;
        }

        .single-boot_huurs .sidebar-content-wrapper {
            -webkit-box-ordinal-group: 0;
            -webkit-order: -1;
               -moz-box-ordinal-group: 0;
                -ms-flex-order: -1;
                    order: -1;
        }

        .single-boot_huurs .sidebar-content-post {
            padding: 46px 23px 52px 27px;
            overflow: hidden;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -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;
        }

        .single-boot_huurs .site::before {
            height: 670px;
        }

        body.single-boot_huurs {
            overflow-x: hidden;
        }

        /* sticky-content-price ----------------------*/
        .single-boot_huurs .sticky-content-price {
            opacity: 0;
            visibility: hidden;
            position: fixed;
            bottom: -50px;
            left: 0;
            right: 0;
            -webkit-transform: translateY(0);
               -moz-transform: translateY(0);
                -ms-transform: translateY(0);
                 -o-transform: translateY(0);
                    transform: translateY(0);
            z-index: 10;
            overflow: hidden;
            -webkit-transition: all .5s linear;
            -o-transition: all .5s linear;
            -moz-transition: all .5s linear;
            transition: all .5s linear;
            max-width: 100vw;
        }

        .single-boot_huurs .sticky-content-price.sticky-bottom {
            opacity: 1;
            visibility: visible;
            -webkit-transform: translateY(-50px);
            -moz-transform: translateY(-50px);
            -ms-transform: translateY(-50px);
                -o-transform: translateY(-50px);
                transform: translateY(-50px);
        } 

        .single-boot_huurs .sticky-content-price .sidebar-content-post {
                    --rounded-lg: 0;
            padding-top: 33px;
            padding-bottom: 28px;
            padding-left: 23px;
            padding-right: 23px;
        }

        .single-boot_huurs .sticky-content-price .sidebar-content-post h3 {
            margin-bottom: 18px;
        }

        
        .single-boot_huurs .site {
            margin-bottom: 240px;
        }


        /* wh review */
        .review-wrapper .review-group-item {
            -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;
        }

        .review-wrapper .review-group-item {
            padding: 40px 30px 40px 30px;
        }
        
        .review-wrapper .wrapp-content-review {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -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;
            -webkit-box-align: center;
            -webkit-align-items: center;
               -moz-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            text-align: center;
            margin-top: 24px;
        }

        /* row inclusief optional */
        .vc_row.row-inclusief-optioneel>.wpb_column:nth-child(1) {
            padding-bottom: 30px;
        }

        /* ==========================================
                 STYLING WH FILTER
        ============================================*/
        .whfilter-filter {
            -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;
        }

        .whfilter-filter>div:not(:nth-child(1)):not(:nth-child(3)) {
            padding-top: 16px;
        }

        /* =====================================
                STYLING SINGLE BLOG
        =======================================*/
        .single-post .entry-content-wrapper {
            margin-top: 50px;
            margin-bottom: 80px;
        }

        .whbutton-fill--orange.whbutton-icon-right .cta-whbutton .label-cta {
            margin-right: 6px;
        }

        .listing .btn-link {
            padding-right: 45px;
        }

        .listing .btn-link:after {
            right: 25px;
        }

        /* form */
        .row-contact-form .heading-title {
            text-align: center;
        }

    }

    @media all and (min-width: 401px) and (max-width: 600px) {
        /* =====================================
            STYLING SINGLE POST
        =======================================*/
        .single-post .featured-thumbnail {
			height: 268px;
        }
    }

    @media all and (max-width: 400px) {
        /* =====================================
            STYLING SINGLE POST
        =======================================*/
        .single-post .featured-thumbnail {
			height: 218px;
        }
    }