html {
  scroll-behavior: smooth;
}

.mb-0 {
	margin-bottom: 2px;
}

.suki-header-mobile-vertical-bar {
	font-family: Alice;
}

.footer-tag {
	margin-right: 16px;
}

@media only screen and (min-width: 1240px) {

.cta-header-col-1 {
	padding-left: calc((100vw - 1240px) /2);
		padding-right: 64px;
	}
}

@media only screen and (max-width: 1240px) {

.cta-header-col-1 {
	padding-left: 32px;
		padding-right: 32px;
	}
}

.cta-header-col-2 {
	height: 50vh;
	background-repeat: no-repeat;
	background-size: cover;
}


@media only screen and (min-width: 780px) {
	
	.cta-header-col-2 {
	height: 100vh;
	background-repeat: no-repeat;
	background-size: cover;
}

#content {
	margin-top: -160px;
	}
	
	.cta-img-half {
		height: 100vh;
		border-radius: 0px 0px 0px 8px !important;
	}

.cta-img-half img {

		border-radius: 0px 0px 0px 8px !important;
	}
}

@media only screen and (max-width: 780px) { 
	
	.quote-jantine {
		font-size: 13px;
	}

	.cta-img-half {
		height: 50vh !important;
		border-radius: 8px;
		margin-left: 16px !important;
		margin-right: 16px !important;
		width: calc(100% - 32px) !important;
	}
	
	.cta-img-half img {
		margin-left: 16px !important;
		margin-right: 16px !important;
			width: calc(100% - 32px) !important;
		border-radius: 8px;
	}
	
	.link-preview .preview-text {
		display: none;
	} 
	
	.link-preview {
		font-size: 6px;
	}
	
	.link-preview h3 {
		font-size: 16px;
	}
}

.link-preview img {
	margin: 16px;
}

.max-width-720 {
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
}

.max-width-900 {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

.rounded {
	border-radius: 8px;
}

.rounded img {
	border-radius: 8px;
}


.rounded div {
	border-radius: 8px;
}

.rounded span {
	border-radius: 8px;
}

.border-grey {
	border: #ddd 2px solid;
}

input {
	border: #ddd 2px solid !important;
	border-radius: 8px !important;
}

textarea {
	border: #ddd 2px solid !important;
	border-radius: 8px !important;
}

.wpforms-submit-container{ 
text-align: center;
}

.wpforms-submit-container button {

	padding: 8px 48px !important;
	border-radius: 40px !important;
	background-color: #f19965 !important;
	color: white !important;
	border: 2px #f19965 solid !important;
}


.wpforms-submit-container button:hover {
	border-radius: 40px !important;
	background-color: white !important;
	color: #f19965 !important;
	border: 2px #f19965 solid !important;
}



/* ************************** */
/*                            */
/*    DIGIKOMPAS BADGE CSS    */
/*                            */
/* ************************** */
.powered-by-digikompas-badge {
            z-index: 99;
						margin-left: 16px;
            display: flex;
            vertical-align: center;
            justify-content: space-between;
            border-radius: 16px;
            background-color: transparent;
            width: 32px;
            height: 32px;
            transition: 1s ease;
            text-decoration: none;
        }

        .powered-by-digikompas-badge .dk-text {
					transition-delay: 2s;
            transition: 1s ease;
            display: block;
            opacity: 0;
            text-overflow: hidden;
            font-family: 'Montserrat';
            color: #353535;
            font-size: 16px;
            margin-left: 4px;
            margin-top: 3px;
            margin-right: 16px;
        }

        .powered-by-digikompas-badge .icon-white {
            width: 32px;
            height: 32px;
        }

        .powered-by-digikompas-badge .icon-color {
            width: 32px;
            height: 32px;
            display: none;
        }


        .powered-by-digikompas-badge:hover {
            padding-left: 4px;
            /* padding-right: 16px; */
            height: 32px;
            width: 148px;
            background-color: white;
        }

        .powered-by-digikompas-badge:hover .dk-text {
            text-overflow: unset;
            /* transition-delay: 1s; */
            margin-left: 4px;
            margin-top: 3px;
            margin-right: 16px;
            opacity: 1;
        }

        .powered-by-digikompas-badge:hover .icon-white {
            display: none;
        }

        .powered-by-digikompas-badge:hover .icon-color {
            display: block;
        }

.btn-sm {
	transition: 0.3s ease;
	border-radius: 16px;
}

.btn-sm a {
	padding: 6px  16px !important;
	font-size: 16px;
}

.btn-sm:hover {
	background-color: rgba(0,0,0,0.06);
}

.wp-block-button.is-style-outline {
	border-radius: 24px;
	transition: 0.3s ease;
}

.wp-block-button.is-style-outline:hover {
	background-color: rgba(0,0,0,0.06);
}

.mb-4 {
	margin-bottom: 4px;
}

.review-card {
	position: relative;
	padding-top: 76px !important;
	background-image: url('https://praktijkdegroenegrens.nl/wp-content/uploads/2022/12/quote-block-2.png'), url('https://praktijkdegroenegrens.nl/wp-content/uploads/2022/12/end-quote-2.png');
	background-repeat: no-repeat, no-repeat;
	background-size: 32px;
	background-position: 26px 26px, calc(100% - 26px) calc(100% - 68px);
}

.review-card .name {
	margin-top: 48px; 
}

.name {
	font-size: 18px;
	font-family: Alice;
}

.m-0 {
	margin: 0px;
}

blockquote {
	border-color: #f19965 !important;
}