/*!
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
*/

.author-photo.author-default img {
    padding: 9px;
}

.row-with-sidebar .block-sidebar.background-grey {
    background-color: #f4f4f4;
}

.row-with-sidebar .block-sidebar.background-grey:before {
    display: none;
}

.block-sidebar ~ .block-sidebar {
    margin-top:32px;
}

.block-sidebar ~ .block-sidebar .flex-center {
    width: 100%;
    text-align: center;
}

.block-sidebar .flex-center ~ .flex-center.transparant-button {
    margin-top: 16px;
}

.block-sidebar .flex-center ~ .flex-center.transparant-button .label-cta {
    color: var(--antraciet);
	background-color: transparent;
	margin: 0;
}

p+h3, p+h4 {
    margin-top: 24px;
}

/* > MOBILE (small desktops & tablets) */
@media all and (min-width: 601px) {

	

}



/* > TABLET (901px+) */
@media all and (min-width: 901px) {
	.section-listing-zorgorganisaties .listing-zorgorganisaties,
	.section-listing-vacature .listing-vacatures {
	    -ms-grid-columns: 1fr 32px 1fr;
	    grid-template-columns: repeat(2, 1fr);
	    display: -ms-grid;
	    display: grid;
	    -webkit-column-gap: 32px;
	       -moz-column-gap: 32px;
	            column-gap: 32px;
	    row-gap: 32px;
	    margin: 0;
	}
	.blog-info {
	    padding-top: 120px;
	}
	.section-listing-vacature-list .filter-wrapper {
	    width: 45%;
	}

	.section-listing-vacature-list .main-vacature {
	    width: 55%;
	}

	.sidebar-mobile .block-sidebar {
	    display: none;
	}

	.row-extra {
	    gap: 60px;
	}
}



/* >= DESKTOP & LAPTOP (1300px+) */
@media all and (min-width: 1300px) {
	.listing-blog .image-wrapper img {
	    height: 600px;
	}

	.header-article-content {
	    padding-top: 224px;
	}
	.row-with-aside .aside-sharepost {
	    top: 200px;
	}

	.section--fullwidth .inner-section {
	    width: calc(100% - 160px);
	}

}



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

}



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

	
}



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

	
}



/* <= LARGE TABLET (max 1299px) */
@media all and (max-width: 1299.9px) {
	.row-with-aside .aside-sharepost {
	    top: 100px;
	}
	.section--fullwidth .inner-section {
	    width: calc(100% - 40px);
	}
	.section-related-blog {
		padding-left: 10px;
		padding-right: 10px;
	}
	.section-related-blog .listing-blog {
	    -webkit-box-orient: horizontal;
	    -webkit-box-direction: normal;
	        -ms-flex-flow: row nowrap;
	            flex-flow: row nowrap;
        -webkit-overflow-scrolling: touch;
        -ms-scroll-snap-type: x mandatory;
            scroll-snap-type: x mandatory;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        padding-bottom: 30px;
	}
	.section-related-blog .listing-blog .listing-item {
	    width: calc(100vw - 120px);
	    max-width: 480px;
	}

	.section-related-blog .listing-blog::-webkit-scrollbar {
	    height: 2px; 
	}

	.section-related-blog .listing-blog::-webkit-scrollbar-thumb {
	    background: #383838;
	    border-radius: 10px;
	}

	.section-related-blog .listing-blog::-webkit-scrollbar-track {
	    background: #F4F4F4;
	}

	.section-related-blog .title-related {
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	        -ms-flex-flow: column;
	            flex-flow: column;
	    -webkit-box-pack: start;
	        -ms-flex-pack: start;
	            justify-content: flex-start;
	    -webkit-box-align: start;
	        -ms-flex-align: start;
	            align-items: flex-start;
	    gap: 32px;
	}

	.row-with-sidebar .row-content-opleidingen .main-content, 
	.row-with-sidebar .row-content-opleidingen .sidebar {
	    width: 100%;
	    padding: 0;
	}

	.row-with-sidebar .row-content-opleidingen {
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	        -ms-flex-flow: column;
	            flex-flow: column
	}
	.row-with-sidebar .block-sidebar, .section-listing-vacature-list .block-sidebar {
		max-width: 565px;
	}
}



/* > MOBILE && <= LARGE TABLET (601–1299px) */
@media all and (min-width: 601px) and (max-width: 1299.9px) {
	.listing-blog .image-wrapper img {
	    height: 470px;
	}
	.listing.listing-blog {
		--listing-column: 2;
	}

}

/* > MOBILE && <= LARGE TABLET (601–1299px) */
@media all and (min-width: 901px) and (max-width: 1299.9px) {
	
	.header-article-content {
	    padding-top: 100px;
	}

}

/* <= TABLET (max 900px) */
@media all and (max-width: 900px) {
	.section-listing-zorgorganisaties .listing-zorgorganisaties,
	.section-listing-vacature .listing-vacatures {
	    -ms-grid-columns: 1fr;
	    grid-template-columns: repeat(1, 1fr);
	    display: -ms-grid;
	    display: grid;
	    -webkit-column-gap: 32px;
	       -moz-column-gap: 32px;
	            column-gap: 32px;
	    row-gap: 32px;
	    margin: 0;
	}
	.blog-info {
	    padding-top: 64px;
	}
	.section-listing-vacature-list .filter-wrapper,
	.section-listing-vacature-list .main-vacature {
	    width: 100%;
	    padding-right: 0;
	}
	.sidebar-vacature .block-sidebar {
	    display: none;
	}
	.sidebar-mobile, .section-listing-vacature-list .main-vacature {
	    margin-top: 64px;
	}
	.header-article-content {
	    padding-top: 150px;
	}
	.row-extra {
	    gap: 24px;
	}
}



/* <= MOBILE (max 600px) */
@media all and (max-width: 600px) {
	.row-with-sidebar .meta-tag, 
	.listing-zorgorganisaties .meta-tag {
	    -webkit-box-orient: horizontal;
	    -webkit-box-direction: normal;
	        -ms-flex-flow: row wrap;
	            flex-flow: row wrap;
	}
	.listing-blog .image-wrapper img {
	    height: 380px;
	}

	.listing.listing-blog {
		--listing-column: 1;
	}
	.header-article-content::after {
		background-image: url(/wp-content/uploads/2025/11/butterfly-full.svg);
	    width: 170vw;
        height: 170vw;
        background-size: contain;
        -webkit-transform: translateX(-29%);
            -ms-transform: translateX(-29%);
                transform: translateX(-29%);
	    top: 170px;
	}

	.row-with-aside ul.share-post {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-orient: horizontal;
	    -webkit-box-direction: normal;
	        -ms-flex-flow: row;
	            flex-flow: row;
	}

	.row-with-aside .aside-sharepost .share-post .share-item {
	    margin: 0;
	}

	.row-with-aside .main-content {
	    padding-left: 10px;
    	padding-right: 10px;
	}

	.row-with-aside .aside-sharepost {
		position: relative;
		top: 0;
		width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
	}
	.row-with-aside {
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: reverse;
	        -ms-flex-flow: column-reverse;
	            flex-flow: column-reverse;
		padding-top: 64px;
    	padding-bottom: 48px;
	}
	.header-article-content  .term-list ~ h1 {
	    margin-top: 16px;
	}

	.section-related-blog .whbutton.primary-color {
	    width: 100%;
	    text-align: center;
	}

	.category-filter {
	    display: block;
	    width: 100%;
	}
	.title-related br {
		display: none;
	}

	.section-related-blog .listing-blog .listing-item {
        padding: 8px;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 247px;
                flex: 0 0 247px;
        position: relative;
    }

	.row-extra {
        gap: 16px;
    }
}