/*
 Theme Name:   Versatile Child
 Description:  Versatile Child theme
 Author:       Versatile Team
 Template:     versatile
 Version:      1.0
 Text Domain:  versatile-child
*/

@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Comfortaa:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,700&display=swap');



#page {overflow-x:hidden;}
.site{padding-top: 0px!important;}

::selection {
  background: #d84678!important;
}

.header-has-overlap .site-header:not(.sticky-nav) {
    background: linear-gradient(180deg, rgba(5,5,5,0.8) 0%, rgba(5,5,5,0) 100%);
}

.admin-bar .site-header {
    z-index: 10;
	top: 32px!important;
}

.headernieuw h1 {
	font-size: 73px!important;
	margin-left: 0px;
}

.header-has-overlap #page{z-index: 1!important;}
.centered-text-narrow img {height:auto;}

.border-left{border-width: 1px;border-style: solid;border-image: linear-gradient(to bottom, #d84678, #ffe98a) 1; height: 100vh;left: 5.5%;margin-left: -3px; z-index: 10000;position: fixed; opacity: 1;}
.border-right{border-width: 1px; border-right: 2px #ffffff solid; height: 100vh; right: 5.5%;margin-left: -3px; z-index: 10000;position: fixed; opacity: 0.2;}
.border-center{border-width: 1px; border-right: 1px #ffffff solid;
  height: 100vh;
  position: fixed;
  left: 50%;
  margin-left: 0px;
  top: 0;
	opacity: 0.2;
	z-index: 1;
}

html, body, .gform_wrapper .top_label .gfield_label, .btn {font-family: 'Albert Sans', sans-serif;font-size:18px;font-weight:300;line-height:1.8; color: #fff!important; background-color: #050505!important;}

.theme-hero .inner h1 {margin-bottom:10px;}
h1, .h1, .theme-hero h1 {font-size:73px;line-height:1.2 !important;font-weight:700;font-style: italic;text-transform: uppercase;margin:0px 20px 20px;font-family: 'Poppins', sans-serif;}
h2, .h2 {padding: 10px 0px; font-size:50px;line-height:1.2 !important;font-weight:700;font-style: italic;text-transform: uppercase;margin:0px 0px 15px;font-family: 'Poppins', sans-serif;}
h3, .h3 {font-size:28px;line-height:1.2 !important;margin:0px 0px 15px;font-family: 'Poppins', sans-serif; font-weight: 600!important; letter-spacing: 1px;text-transform: uppercase;font-style: italic;}
	h1.entry-title {text-align:left;padding:0px;color:#FFFFFF;}

.theme-hero .inner p {color: #FFFFFF;margin-left: 10px;}
.theme-hero .inner h1 {color: #FFFFFF;margin-left: 10px;}

h4, .h4 {    letter-spacing: 2.56px;
    color: #9B9CA3;
    text-transform: uppercase;
    font-size: 19px;
    font-weight: 400;
    margin: 0px 20px 0px;
	font-family: 'Poppins', sans-serif;}
h4::before {position: absolute;
    content: '';
    width: 15px;
    height: 20px;
    background-image: url(https://digitalknight.nl/wp-content/themes/versatile-child/img/titleicon.svg);
    background-repeat: no-repeat;
    margin: 7px -1rem;}
.intro::before {position:absolute;content:'';width:15px;height:30px;background-image:url(https://digitalknight.nl/wp-content/themes/versatile-child/img/titleicon.svg); background-repeat: no-repeat;margin: 0 -1rem;}
a{color: #ce31ff;}

.titel404::before {
   z-index: 0;
    content: '';
    position: absolute;
    height: 350px;
    width: 350px;
    background-image: url(https://digitalknight.nl/wp-content/uploads/2023/05/404-pagina.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    top: 470px;
    right: 250px;
}

.hebjeeenidee p::before {
   z-index: 0;
    content: '';
    position: absolute;
    height: 350px;
    width: 350px;
    background-image: url(https://digitalknight.nl/wp-content/uploads/2023/05/Heb-je-een-idee.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    top: 0px;
    right: -160px;
}

.mindblown p::before {
   z-index: -1;
    content: '';
    position: absolute;
    height: 350px;
    width: 350px;
    background-image: url(https://digitalknight.nl/wp-content/uploads/2023/05/mind-is-blown.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
       top: -200px;
    right: -130px;
}

.error-404{margin-bottom: 100px!important;}

.archive-item-cpt{border-radius: 30px;}

body .gform_wrapper input[type="text"], body .gform_wrapper input[type="email"], body .gform_wrapper textarea{
	background-color: #050505!important;
	border: 1px solid #fff;
	color: #ffffff!important;
	padding: 10px 20px!important; 
}

input[type="text"], textarea{
	border-radius: 22px!important;
}


.headernieuw::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 250px;
    background:linear-gradient(180deg, rgba(5,5,5,0) 0%, rgba(5,5,5,0.8) 100%);
    background-size: 102% auto;
    bottom: -2px;
    left: 0px;
    z-index: 1;
    background-position: bottom center;
    background-repeat: no-repeat;
}

.theme-hero::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 250px;
    background:linear-gradient(180deg, rgb(5 5 5 / 0%) 70%, rgb(5 5 5) 100%)!important;
    background-size: 102% auto;
    bottom: -2px;
    left: 0px;
    z-index: 1;
    background-position: bottom center;
    background-repeat: no-repeat;
}

.golf {position:relative;z-index:0;margin-bottom:0px !important;}
.golf::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 500px;
    background-image: url(https://digitalknight.nl/wp-content/themes/versatile-child/img/golfgrootgrijs.svg);
    background-size: 102% auto;
    bottom: -1px;
    left: 0px;
    z-index: 0;
    background-position: bottom center;
    background-repeat: no-repeat;
}

.flex-columns {
    padding: 80px 100px;
    margin: 0px;
}

.golf-boven{
    position: relative; z-index: 0; margin-top: 50px !important; padding-top: 100px;
}

.gform_required_legend{
	display: none;
}

.quote p{
	font-size: 110px;font-weight: 800;line-height: 120px;font-style: italic;text-transform: uppercase;
}

.theme-hero {height:auto;padding:170px 0px 100px 0px;width:100%;}
.theme-hero .wrapper {z-index:2;}
.theme-hero .inner {width:100%;max-width:700px;padding:0px;border-radius:0px;text-align:left;background:rgba(0,0,0,0);box-shadow:unset !important;}
.theme-hero .inner h1 {color:#FFFFFF;text-indent:0px !important;}
.theme-hero .inner p {color:#FFFFFF;}
.theme-hero .inner .intro {text-transform:uppercase;letter-spacing:2.56px;font-weight:600;color:#9B9CA3 !important;margin:0px 30px 10px}
.theme-hero .btn{transition:0.3s ease;background: rgb(21,53,72);background:  linear-gradient(48deg, rgb(8 49 135) 0%, rgb(160 0 202) 100%)!important;border-radius: 10px!important;}
.btn{transition:0.3s ease;background: rgb(21,53,72);background: linear-gradient(48deg, rgb(8 49 135) 0%, rgb(160 0 202) 100%)!important;border-radius: 10px!important;}
.theme-hero .btn:hover {border-radius: 50px!important;}
.btn:hover {border-radius: 50px!important;}
.btn-primary:hover {border-radius: 50px!important;}

.theme-hero.hero-static {min-height:0vh;padding:270px 105px 320px;position:relative;z-index:0;}
.theme-hero.hero-static::before,.theme-hero::before {background: none!important;height:100%;width:100%;position:absolute;content:'';top:0;left:0;z-index:1;}

.fblock-image-text.container-fluid.right-layout.strech-image.offset-left.logobackground {position:relative;z-index:1;}
.fblock-image-text.container-fluid.right-layout.strech-image.offset-left.logobackground::after {
    position: absolute;
    content: '';
    width: 580px;
    height: 640px;
    background-image: url(https://digitalknight.nl/wp-content/themes/versatile-child/img/logoachtergrond.svg);
    background-size: auto 100%;
    bottom: -240px;
    right: -90px;
    z-index: 0;
    background-repeat: no-repeat;
    opacity: 0.05;
}
.fblock-image-text.container-fluid.right-layout.strech-image.offset-lefts.logobackground img {position:relative;z-index:2;}

.slide-down{backdrop-filter: blur(15px);}
.sticky-nav{border-bottom: 1px solid #3c3c3c!important;z-index: 1000!important;}

#breadcrumbs .breadcrumb-text {font-weight:600;margin-top:10px;}
.breadcrumb_last, #breadcrumbs .breadcrumb-text, #breadcrumbs .breadcrumb-text a {color:#FFF !important;}

b, strong {font-weight:600;}

a.btn, body .gform_wrapper input[type="submit"] {transition:0.3s ease;}
a.btn, body .gform_wrapper input[type="submit"], .btn, .btn:active, .btn:focus, .theme-hero .btn, body .gform_wrapper input[type="submit"] {font-weight:600;border-radius:10px;margin:0px 0px 20px;color:#fff;padding:15px 45px;text-align:center;display:inline-block;border:0px !important;font-size:18px;line-height:1.8;background: linear-gradient(48deg, rgb(8 49 135) 0%, rgb(160 0 202) 100%)!important}

a.btn, body .gform_wrapper input[type="submit"], .btn, .btn:active, .btn:focus, .theme-hero .btn, body .gform_wrapper input[type="submit"]:hover {font-weight:600;border-radius:50px!important;margin:0px 0px 20px;color:#000;padding:15px 45px;text-align:center;display:inline-block;border:0px !important;font-size:18px;line-height:1.8;}

body:not(.home).breadcrumb-default #breadcrumbs {border-bottom:0px;}
.breadcrumb_last, #breadcrumbs .breadcrumb-text {color:inherit;}
#breadcrumbs .breadcrumb-text {font-weight:400;padding:0px;}
#breadcrumbs .col {padding:0px;}

.main-navigation ul.sub-menu {border-radius:10px;overflow:hidden;}
.main-navigation a {    font-weight: 300;
    letter-spacing: 1.5px;
    font-size: 16px; font-family: 'poppins'}
.main-navigation ul ul a {font-size:16px;width: 260px;}

.footer-container h2{
	font-style: normal;
    text-transform: none;
}

.wp-block-rank-math-toc-block a{
	color: #FFFFFF!important;
	text-decoration: underline;
}



.main-navigation ul.sub-menu .current_page_item>a, .main-navigation ul.sub-menu .current-menu-item>a {
    color: #000!important;
    background: #ce31ff!important;
}

li.menu-btn a {font-weight:600;border-radius:10px;letter-spacing:1px; margin:-9px 10px -10px 15px;color:#FFFFFF;padding:14px 25px;text-align:center;display:inline-block;background: linear-gradient(48deg, rgb(8 49 135) 0%, rgb(160 0 202) 100%)!important;font-size:15px;}
li.menu-btn a:hover, li.menu-btn a:focus {background-color:#345977;color:#FFFFFF !important; border-radius: 50px;}
li.current-menu-item.menu-btn a {color:#FFF !important;}

.white-button .btn, .white .gform_wrapper input[type="submit"] {border: 2px solid #FFF !important;background-color: transparent;}
.white-button .btn:hover, .white-button .btn:focus, .white .gform_wrapper input[type="submit"]:hover, .white .gform_wrapper input[type="submit"]:focus {border: 0px solid #FFF !important; border-radius: 50px;}

a.btn, body .gform_wrapper input[type="submit"], .btn, .btn:active, .btn:focus, .theme-hero .btn, body .gform_wrapper input[type="submit"]:hover {
    font-weight: 600;
    border-radius: 10px!important;
    margin: 0px 0px 00px;
    color: #000;
    padding: 15px 45px;
    text-align: center;
    display: inline-block;
    border: 0px !important;
    font-size: 18px;
    line-height: 1.8;
	text-transform: none!important;
    font-style: normal;
}

.gform_wrapper.gravity-theme .gform_footer input{border-radius: 10px!important;margin-bottom: 10px!important;}
.gform_wrapper.gravity-theme .gform_footer input:hover{border-radius: 50px!important;}


.header-logo img {height:65px;}
.flex-columns img {height:auto;border-radius:30px;}
.flex-columns{z-index: 2;position: relative;}
.center {text-align:center;}
.header-logo{margin-left: 10px!important;}

.site-content .gform_wrapper.gravity-theme .gfield {max-width:800px;}
.gform_wrapper ul.gform_fields li.gfield {margin:10px 0px 0px !important;}
body .gform_wrapper ul li.field_description_below div.ginput_container_checkbox, body .gform_wrapper ul li.field_description_below div.ginput_container_radio {margin-top: 0px !important;margin-bottom: 20px !important;}

.fblock-image-text.strech-image {padding-top:100px;padding-bottom:100px;position: relative;z-index: 1;}
.fblock-image-text.strech-image img {border-radius:30px;}

.theme-hero {position:relative;z-index:0;}
.theme-hero::after {min-height:0vh;padding:250px 105px 300px;position:relative;z-index:0;} 

.site-footer {border-top:0px;padding-top:100px;
    color: #ffffff;
}
.footer-bottom a {font-weight:300 !important;}

.fblock-image-text.strech-image .image-block {z-index:10;}

.centered-text-narrow img {height:auto;}

.fblock-image-text.strech-image.grey .row, .fblock-image-text.strech-image.bg-full .row, .fblock-image-text.strech-image.bg-half .row, .fblock-image-text.strech-image.bg-half-white .row {max-width:1500px;margin:0 auto;}

.row{
display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.cards .container {
    max-width: 1500px !important;
}

body .gform_wrapper textarea {height:160px !important;}

.search article, .blog article {margin:30px 0 50px;padding-bottom:50px;border-bottom:1px solid #C6DAD7;display:table;}
.search article.has-post-thumbnail .entry-title, .blog article.has-post-thumbnail .entry-title {margin:0px 0px 10px;}

.text-block.col {z-index:3;}

.text-block .btn a{margin-bottom: 0px!important;}

.flex-columns div[class^="col"] {padding: 0 15px;}

.su-spoiler-style-fancy>.su-spoiler-title {background:none !important;border:0px !important;font-size:inherit !important;}
.su-spoiler-style-fancy {border-radius:0px !important;border:0px !important;background:unset !important;}

.site-footer .footer-bottom {font-size:14px;}
.site-footer .footer-second-row a {line-height:2.8;}
.site-footer a {text-decoration:underline;color:inherit;}

.site-content .gform_wrapper.gravity-theme .gfield {max-width: unset;}

.fblock-image-text.container-fluid.strech-image .text-block.col {padding:25px;}
.fblock-image-text.strech-image .image-block {padding: 25px;}



.flex-columns.bg-half-white img {z-index:10;border-radius:20px;position:relative;margin-top:20px;}

.bg-half {background:linear-gradient(180deg, rgba(28,28,28,1) 0%, rgba(29,29,29,1) 25%, rgba(28,28,28,0) 100%)!important;}
.bg-half-white {background: linear-gradient(180deg, rgba(28,28,28,1) 0%, rgba(28,28,28,0.8) 25%, rgba(28,28,28,0) 100%)!important; position: relative;}
.bg-top-dark {background:linear-gradient(180deg, rgb(24,40,51) 0%, rgb(24,40,51) 80%, rgb(255,255,255) 80%, rgba(255,255,255) 100%) !important;}

.flex-columns.reviews {padding:150px 15px 10px;margin-bottom:200px;}
.flex-columns.reviews .col-lg-3 {display:inline-block;border-radius:30px;text-align:left;font-size:16px;padding:70px 50px 20px 50px !important;min-height:260px;background-color:#121212;z-index:2;}
.flex-columns.reviews .col-lg-3 {flex:0 0 23%;max-width:23%;margin-left:1%;margin-right:1%;}
.flex-columns.reviews .col-lg-3 img {border-radius:0px;width:auto;height:50px;margin-top:-90px;position:relative;display:block;margin-bottom:20px;}
.flex-columns.reviews img {width:auto;}

.white .gfield_label {color:#FFF !important;}

.centered-text-narrow {margin:0 auto;}

.col-lg-6.rght, .col-lg-6.lft {padding:0px;}
.col-lg-6.lft {text-align:left;float:left;}
.col-lg-6.rght {text-align:right;float:right;}

.call-cta {display:none;}

body .gform_wrapper .gform_footer {margin:20px 0px 0px !important;}

#sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio h3, .sb_instagram_header .sbi_header_text.sbi_no_bio h3 {font-size:20px !important;}

.cards-grey {padding:70px 15px;}
.flex-columns.cards .col-lg-4, .flex-columns.cards .col-lg-3, .flex-columns.cards .col-lg-8 { transition: 300ms; background-color:#1C1C1C;color:#FFF;border-radius:30px;padding:50px 30px 30px; border-bottom: 2px solid transparent;}
.flex-columns.cards a.btn {    width: 100%;border-radius: 0px 0px 30px 30px;line-height: 1.8;background: none!important;text-align: left;padding: 0px!important;}
.flex-columns.cards a.btn:hover {padding-left: 10px!important; color: #B9B9B9!important;}
.flex-columns.cards img, .cards-grey img {height:100px;width:auto !important;border-radius:0px;margin-bottom:20px;}

.flex-columns.cards .col-lg-4, .flex-columns.cards .col-lg-3 {width:31.3333%;-ms-flex:0 0 31.3333%;flex:0 0 31.3333%;max-width:31.3333%;margin:0px 1%; margin-bottom: 30px;}
.flex-columns.cards .col-lg-3 {width:23%;-ms-flex:0 0 23%;flex:0 0 23%;max-width:23%;margin:0px 1%; 
    place-items: center;
    display: grid;
}
.card-info .col-lg-4, .card-info .col-lg-3 {border-radius:10px 10px;overflow:hidden;background-color: #1c1c1c}


.card-info .container {max-width:1700px !important;}
.card-info .col-lg-4 h3, .card-info .col-lg-4 p, .card-info .col-lg-4 .link-block, .card-info .col-lg-3 h3, .card-info .col-lg-3 p, .card-info .col-lg-3 .link-block {padding:0px 30px;}
.card-info .col-lg-4 ul, .card-info .col-lg-3 ul {padding:0px 50px;}
.flex-columns .image-wrapper {margin:0px 0px 20px;}
.card-info .col-lg-4 .link-block .btn, .card-info .col-lg-3 .link-block .btn {width:100%;}


.card-info {padding-top:10px !important;}
.flex-columns.card-info img {border-radius:0px;}

@media (min-width: 768px){
.card-info .col-lg-3 {
    width: 23%;
    max-width: 23%;
    margin: 1%;
    padding: 0px 0px 30px !important;
    overflow: hidden;
	}

	.card-info .col-lg-4 {width:31.3333%;max-width:31.3333%;margin:1%;padding:0px 0px 15px !important;;overflow:hidden;}
.card-info .col-lg-3 {width:23%;max-width:23%;margin:1%;padding:0px 0px 15px !important;;overflow:hidden;}
}

/*.flex-columns.cards .col-lg-4:hover {background-image:  linear-gradient(to right, #d84678, #ce31ff); color: #000000; margin-top: -10px;}*/



.cards .btn, .cards .btn:hover, .cards .btn:focus {background-color:unset;background:unset;}

.offset .col-lg-8, .offset .col-lg-4, .offset .col-lg-6 {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

.offset-gallery .col-lg-8, .offset .col-lg-4, .offset .col-lg-6 {
    display: flex;
    justify-content: top;
    align-content: top;
    flex-direction: column;
}

.offset-gallery .col-lg-4:nth-child(1){
	padding-top:0px;
	display: flex;
	flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;

}
.offset-gallery .col-lg-4:nth-child(3){
	padding-bottom:0px;
	display: flex;
	flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
}

.site-header .header-bottom{
	max-width: 1500px;
}

.ubr .col-lg-4{
	background-color: #1D1D21;
	border-radius: 10px 10px 0px 0px;
	border-width: 2px;border-style: solid;border-image: linear-gradient(to bottom, #d84678, #ffe98a) 1;
	margin: 10px;
	padding: 30px!important;
	width: 32%;
	max-width: 32%;
}

.flex-columns.ubr .col-lg-3 {
    width: 23%;
    -ms-flex: 0 0 23%;
    flex: 0 0 23%;
    max-width: 23%;
    margin: 0px 1%;
}

.flex-columns.ubr .col-lg-3 {
    background-color: #070758;
    color: #FFF;
    text-align: center;
    border-radius: 40px;
    padding: 80px 30px 50px;
}

.site-footer .footer-second-row .col1{width: 25%!important;}
.site-footer .footer-second-row .col2{width: 27%!important;}
.site-footer .footer-second-row .col3{width: 25%!important;}
.site-footer .footer-second-row .col4{width: 23%!important;}
.site-footer .footer-first-row{width: 75%!important;}


.container-fluid .row {
  margin: 0 auto;
}

.page-template-no-sidebar #primary {padding-right:0px;}


.vp-filter__item.vp-filter__item-active a {
    color: #ce31ff!important;
	text-transform: none!important;
}
.vp-portfolio *{text-transform: none!important;}

.vp-filter__item a:hover {
    color: #ce31ff!important;
}

.vp-filter__style-minimal .vp-filter__item a {
    outline: none;
    box-shadow: none;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.site-footer {
    color: #ffffff;
    z-index: 2;
    position: relative;
	background: linear-gradient(180deg, rgb(29 29 29) 0%, rgb(29 29 29 / 20%) 100%)!important;
}


.site-footer a:hover{
	color: #ce31ff;
}

.hentry {
    margin: 0 0 3em;
/*
    padding-left: 25px;
    padding-right: 25px;
*/
}

#archive-overlay-dark{background: linear-gradient(80deg, rgba(14,14,16,0.75) 0%, rgba(14,14,16,0.25) 100%)!important;}
.ctaheader{margin-left: 15px;font-size: 20px;color: #fff!important;transition:0.2s ease}
.ctaheader:hover{color:#ce31ff!important;}

@keyframes progress {
  0% { --percentage: 0; }
  100% { --percentage: var(--value); }
}

@property --percentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

[role="progressbar"] {
  --percentage: var(--value);
  --primary: #f5ba85;
  --secondary: #353535;
  --size: 200px;
  animation: progress 2s 0.5s forwards;
  width: var(--size);
  aspect-ratio: 1;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
	margin: 20px 0px 30px;
}

[role="progressbar"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: conic-gradient(var(--primary) calc(var(--percentage) * 1%), var(--secondary) 0);
  mask: radial-gradient(white 55%, transparent 0);
  mask-mode: alpha;
  -webkit-mask: radial-gradient(#0000 65%, #000 0);
  -webkit-mask-mode: alpha;
}

[role="progressbar"]::after {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--primary);
}




/*-------------------typewriter effect-----------------------*/

span.cursor {
  display: inline-block;
  background-color: #ccc;
  margin-left: 0.1rem;
  width: 3px;
	
  animation: blink 1s infinite;
}
span.cursor.typing {
  animation: none;animation-delay: 1s;
}
@keyframes blink {
  0%  { background-color: #ccc; }
  49% { background-color: #ccc; }
  50% { background-color: transparent; }
  99% { background-color: transparent; }
  100%  { background-color: #ccc; }
}

@keyframes typing {
  0.0000%, 27.3488% { content: ""; }
  1.1395%, 26.2093% { content: "W"; }
  2.2791%, 25.0698% { content: "We"; }
  3.4186%, 23.9302% { content: "Web"; }
  4.5581%, 22.7907% { content: "Webd"; }
  5.6977%, 21.6512% { content: "Webde"; }
  6.8372%, 20.5116% { content: "Webdes"; }
  7.9767%, 19.3721% { content: "Webdesi"; }
  9.1163%, 18.2326% { content: "Webdesig"; }
  10.2558%, 17.0930% { content: "Webdesign"; }
	
30.0000%, 57.3488% { content: ""; }
  31.1395%, 56.2093% { content: "F"; }
  32.2791%, 55.0698% { content: "Fo"; }
  33.4186%, 53.9302% { content: "Fot"; }
  34.5581%, 52.7907% { content: "Foto"; }
  35.6977%, 51.6512% { content: "Fotog"; }
  36.8372%, 50.5116% { content: "Fotogr"; }
  37.9767%, 49.3721% { content: "Fotogra"; }
  39.1163%, 48.2326% { content: "Fotograf"; }
  40.2558%, 47.0930% { content: "Fotografi"; }
42.0558%, 46.0930% { content: "Fotografie"; }

60.0000%, 81.3488% { content: ""; }
  61.1395%, 80.2093% { content: "D"; }
  62.2791%, 79.0698% { content: "Dr"; }
  63.4186%, 78.9302% { content: "Dru"; }
  64.5581%, 77.7907% { content: "Druk"; }
  65.6977%, 76.6512% { content: "Drukw"; }
  66.8372%, 75.5116% { content: "Drukwe"; }
  67.9767%, 74.3721% { content: "Drukwer"; }
  68.1163%, 73.2326% { content: "Drukwerk"; }

  83.6279%, 97.8605% { content: ""; }
  84.7674%, 96.7209% { content: "J"; }
  85.9070%, 95.5814% { content: "Jo"; }
  86.0465%, 94.4419% { content: "Joe"; }
  87.1860%, 93.3023% { content: "Joey"; }
}

@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

.typewriter {
  --caret: currentcolor;
}

.typewriter::before {
  content: "";
  animation: typing 13.5s infinite;
}

.typewriter::after {
  content: "";
  border-right: 1px solid var(--caret);
  animation: blink 0.5s linear infinite;
}

.typewriter.thick::after {
  border-right: 1ch solid var(--caret);
}

.typewriter.nocaret::after {
  border-right: 0;
}


@media (prefers-reduced-motion) {
  .typewriter::after {
    animation: none;
  }
  
  @keyframes sequencePopup {
    0%, 100% { content: "webdesign"; }
    25% { content: "fotografie"; }
    50% { content: "reader"; }
    75% { content: "human"; }
  }

  .typewriter::before {
    content: "developer";
    animation: sequencePopup 12s linear infinite;
  }
}

/*-------------------typewriter effect end-----------------------*/


.theme-hero::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 250px;
    background:linear-gradient(180deg, rgb(5 5 5 / 0%) 30%, rgb(5 5 5) 100%);
    background-size: 102% auto;
    bottom: -2px;
    left: 0px;
    z-index: 1;
    background-position: bottom center;
    background-repeat: no-repeat;
}

.h2-title{
	background: -webkit-linear-gradient( 1deg, #d84678, #ffe98a);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
}

.headernieuw.fblock-image-text.strech-image {
    padding-top: 180px!important;
    padding-bottom: 150px!important;
    position: relative;
    z-index: 0;
}

@media (max-width:768px) {
			
	.card-info.small .container-fluid, .card-info.small .container {max-width:1300px !important;}

	.card-info .col-lg-4 h3, .card-info .col-lg-4 p, .card-info .col-lg-4 .link-block {padding:0px 15px;}
.card-info .col-lg-4 ul {padding:0px 30px;}
	
	.slide-down{
-webkit-backdrop-filter: blur(7px);
backdrop-filter: blur(7px);
}
	
	.titel404::before {
    z-index: 0;
    content: '';
    position: absolute;
    height: 250px;
    width: 250px;
    background-image: url(https://digitalknight.nl/wp-content/uploads/2023/05/404-pagina.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    top: 420px;
    right: -90px;
}
	
	.hebjeeenidee p::before{
   display: none;
}
	
	.mindblown p::before{
		height: 170px;
    width: 170px;
    top: 220px;
    right: -20px;

	}
.site-header .header-bottom {padding: 5px 25px 0px 35px;}
	
	.call-to-action h2 {line-height:22px;font-size:15px;padding:10px;}
	
.theme-hero {
    height: auto;
    padding:150px 40px 60px!important;
    width: 100%;
    background-color: #050505;
    min-height: unset;
    margin: 0px 0px 0px !important;
	
}
	
}



a.btn, .btn, .btn:active, .btn:focus, .theme-hero .btn, body .gform_wrapper input[type="submit"] {border-radius:60px;padding:20px 35px 18px !important;line-height:1.7 !important;}




/* THEME FIX */
/* THEME FIX */
.no-space-bottom, .no-space-bottom .container-fluid {padding-bottom:0px !important;margin-bottom:0px !important;}
.no-space-top, .no-space-top .container-fluid {padding-top:0px !important;margin-top:0px !important;}
.no-space, .no-space .container-fluid {padding-top:0px !important;padding-bottom:0px !important;margin-top:0px !important;margin-bottom:0px !important;}




@media (min-width:1200px) and (max-width:1700px) {


	.site-footer .footer-container {padding:0px 40px !important;}
	.site-footer .footer-bottom {padding-left:30px !important;padding-right:30px !important;}
	
/*	.flex-columns, .site-content, .container {padding-left:50px !important;padding-right:50px !important;}*/

}


@media (min-width:1200px) {
	
	body.header-wrapper-disabled #masthead .wrapper, .container, .container-sm, .container-md, .container-lg, .container-xl, .site-content, .theme-hero .wrapper, .container, .container-fluid .row, .container-sm, .container-md, .container-lg, .container-xl, .cards .container, .site-footer .footer-container {max-width: 1480px !important;}
	.fblock-image-text.container-fluid .row {max-width:1500px;margin: 0 auto;}
		
	.theme-hero.hero-static .btn {margin:0px 5px;}
	
	#primary {padding-right:150px;}
	
}


@media (min-width:768px) and (max-width:1200px) {
	
	.theme-hero.hero-static {padding:100px 30px;}
	
}

@media (max-width:767px) {
	
	.site-content{
		padding-left: 35px;
		padding-right: 35px;
	}
	
	#breadcrumbs{
		margin-left: -15px;
	}
	
	.site-header .header-bottom {
    padding:5px 35px 0px 35px!important;
}
	.flex-columns {
		padding: 50px 30px;}
	
	.headernieuw{
		margin-top: -50px!important;
		z-index: 1;
	}

	.headernieuw h1 {
    font-size: 31px!important;
    margin-left: 0px;
		max-width: 750px!important;
}
	
	.ctaheader{
		font-size: 20px;
    text-align: center!important;
    justify-content: center;
    display: flex;
    margin-top: 35px;
	}
	
	.quote p {
        font-size: 45px;
    font-weight: 900;
    line-height: 55px;
		text-align: center;
}
	
	.linethrough {
    position: relative;
    top: 70px!important;
    width: 280px!important;
}
	
	.golf::before{
	height: 50px;
    background-image: url(https://digitalknight.nl/wp-content/themes/versatile-child/img/golfDK.svg);
    background-size: 102% auto;
    bottom: -1px;
	}
	
	.flex-columns.bg-half.offset.no-space-top .col-lg-4:nth-child(1) {display:block !important;}
	
	.post-type-archive-projecten .site-content {
    max-width: 1200px!important;
    padding-left: 30px!important;
    padding-right: 30px!important;
}
	
	.wp-block-rank-math-toc-block h3{
	font-size: 26px;
}

.flex-columns.cards .col-lg-3, .flex-columns.cards .col-lg-4 {
    width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
	max-width: 100%;}
	
	/* THEME FIX */
	/* THEME FIX */
	.no-space-bottom, .no-space-bottom .container-fluid {padding-bottom:0px 15px !important;}
	.no-space-top, .no-space-top .container-fluid {padding-top:0px 15px !important;}
	.no-space, .no-space .container-fluid {padding:0px 15px !important;}
	
	.center h2{margin-left: 10px!important;}
	.center h4{margin-left: 30px!important;}
	
	a.btn, .btn, .btn:active, .btn:focus, .theme-hero .btn, body .gform_wrapper input[type="submit"] {padding: 20px 15px 18px !important;width:100%;text-align:center;}
	
	#slide-menu .menu-btn a {font-weight:600;border-radius:0px;letter-spacing:1px;margin:0px 0px 0px;color:#fff;padding:14px 15px;display:inline-block;background-color:#476c8a;width:100%;text-align:center;}
	#slide-menu .menu-btn a:hover, #slide-menu .menu-btn a:focus {background-color:#476c8a;color:#FFF !important;}
	
	.site-header .header-bottom {height:70px;}
	.fblock-image-text.container-fluid.strech-image.grey.left.white-button {padding-top:70px;padding-bottom:30px !important;}
	
	h1, .theme-hero .wrapper h1 {font-size:28px;line-height:1.2 !important; max-width: 300px!important;padding: 0px 0px 30px!important;}
	h1.entry-title {margin:0px;}
	h2 {font-size:26px;padding: 10px 0px!important;}
	h4 {font-size: 14px;}
	
	.rank-math-breadcrumb{
		text-align: left;
	}
	
	h4::before {
    height: 22px;
	}
	
	.theme-hero {height:auto;padding:60px 0px 50px;width:100%;background-color:#050505;min-height:unset;margin:0px 0px 70px !important;}	
	.theme-hero .inner {padding:0px 15px;text-align:left;}
	.theme-hero.hero-static {height:auto;padding:120px 15px;margin:0px !important;}
	
	#breadcrumbs .col {padding:0px;}
	#breadcrumbs .breadcrumb-text {padding:0px !important;}
	
	.fblock-image-text.container-fluid.strech-image .text-block.col {padding: 10px;}
				
	.header-logo img {max-height:60px;height:60px;}
	
	.flex-columns div[class^="col"] {padding-left:15px !important;padding-right:15px !important;}	
	.fblock-image-text.strech-image .image-block {padding:10px !important;}

	.no-space {padding:0px 0px;}
	.no-space .container-fluid {padding:0px;}

	.center {text-align:left;}

	#slide-menu a {font-weight:500;}
	#slide-menu .menu-btn a {font-weight:600;border-radius:0px;letter-spacing:1px;margin:0px 0px 0px;color:#fff;padding:14px 15px;text-align:center;display:inline-block;background-color:#476c8a;width:100%;}
	#slide-menu .menu-btn a:hover, #slide-menu .menu-btn a:focus {background-color:#476c8a;color:#FFF !important;}
	
	.footer-bottom {display:inline-block;}
	.site-footer {padding-top:0px !important;margin-top:0px;}
	.site-footer::before {background-size:auto !important;}
	.site-footer .footer-bottom {margin-top:0px !important;}
	.site-footer .footer-container {padding:0px 40px !important;padding-bottom:0px !important;}
	.col-lg-6.lft, .col-lg-6.rght {padding-left:15px !important;padding-right:15px !important;text-align:left;padding-bottom:20px;}
		
	.call-cta {display:block !important;}
	.call-cta a {position:fixed;bottom:15px;right:95px;border-radius:60px;width:48px;height:48px;font-size:20px;padding:6px 13px;background-color:#d84678;;z-index:10;color:#fff !important;box-shadow:0px 0px 12px #000;border:0px;}
		
	.bg-half {padding:70px 0px 0px !important;background: rgb(245,245,250);}
	.bg-half-white { padding: 40px 20px 15px 20px; background-color: black;}

	.products {padding:50px 15px;}
	.products .row {border-radius:30px;padding:70px 30px 20px;}
	#colophon {padding-top:25px !important; position: relative; z-index: 1;}
	
	.theme-hero .inner .intro {color:#FFF !important;}
	
	.fblock-image-text.container-fluid.strech-image.bg-half-white {padding:70px 15px;}
	.fblock-image-text.container-fluid.strech-image.bg-half-white img {margin-bottom:30px;}
	.fblock-image-text.strech-image .image-block {margin-bottom:30px;}
	
	a.btn, body .gform_wrapper input[type="submit"], .btn, .btn:active, .btn:focus, .theme-hero .btn, body .gform_wrapper input[type="submit"] {padding:15px; margin-top: 20px!important;}
		
	.fblock-image-text.strech-image {margin: 0px;padding: 100px 35px 20px;}


	.fblock-image-text.container-fluid.strech-image.no-space-top {margin-top:70px !important;}
	
	.centered-text-narrow.no-space.center {padding: 0px !important;}
	
		.flex-columns.cards .col-lg-4 {padding:25px 25px !important;margin-bottom: 30px !important;}

	.flex-columns.bg-half.offset.no-space-top .col-lg-4:nth-child(1) {display:block !important;}


	.flex-columns.cards{
		margin-left: 20px!important;
		margin-right: 20px!important;
	}
	

	.site-footer .footer-first-row{width: 100%!important;}
	.site-footer .footer-second-row .col1{width: 100%!important;}
.site-footer .footer-second-row .col2{width: 100%!important;}
.site-footer .footer-second-row .col3{width: 100%!important;}
.site-footer .footer-second-row .col4{width: 100%!important;}
.site-footer .footer-first-row{width: 100%!important;}

.theme-hero {
    height: auto;
    padding: 120px 40px 50px!important;
    width: 100%;
    background-color: #050505;
    min-height: unset;
    margin: 0px 0px 30px !important;
}
	
	.headernieuw.fblock-image-text.strech-image{
		padding-bottom: 0px!important;
	}
	
}


@media (min-width:767px) {
.wp-block-embed iframe {
    max-width: 100%;
    width: 560px;
    height: 315px;
}
	}

.gform_legacy_markup_wrapper .gform_footer input.button, .gform_legacy_markup_wrapper .gform_footer input[type="submit"], .gform_legacy_markup_wrapper .gform_page_footer input.button, .gform_legacy_markup_wrapper .gform_page_footer input[type="submit"]{line-height: 1.5;}


@media (min-width:1200px) {

.offset .col-lg-4:nth-child(1) {padding-top:80px;}

.offset .col-lg-4:nth-child(3) {padding-top:80px;}

}
	
@media (min-width:767px) and (max-width:1200px) {
	
.offset .col-lg-4:nth-child(1) {padding-top:50px;}

.offset .col-lg-4:nth-child(3) {padding-top:30px;}
	
}