@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=DM Sans:100,200,300,400,500');
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap');

/*All screen sizes*/

:root {
--color-secondary: #4b5c7e;
--color-tertiar: #deb24a;
--font-primary: 'DM Sans';
--font-secondary: 'Bree Serif';
}
html {
	scroll-behavior: smooth;
}

.btn-primary:hover {
		background: rgba(255, 255, 255, 0.6);
	}

.btn-select:hover {
	background: var(--color-secondary);
	color: #fff;
}

label.error::before {
		content:"⚠ ";
	}

.error::before {
		content:"⚠ ";
	}

input {
	font-family: var(--font-primary);
	color: #494949;	
}

.btn {
		font-family:var(--font-primary);
	}

.cb-livestyle-content-wrap h2 span {
		font-family: 'Caveat';
		background: url("https://hartjewonenprd.blob.core.windows.net/project-files/frisse-blik-uithoorn/downloads/2ogS5LUasYPH51RkAUsCxvWRM95y9nZtbtHmQ0Uh.png");
		background-position-y: bottom;
		background-repeat: no-repeat;
		background-size: contain;
	}

.text-black{
	font-family: ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}

.url-inline-text {
	color:var(--color-primary);
	}

.url-inline-text:hover {
	text-decoration: none
	}

textarea {
	font-family: var(--font-primary) !important;
}

footer {
	padding: 0 !important;
}
	

.foot-foot {
	display: flex;
	justify-content: center;
	font-size: 11px;
}

.foot-foot a {
	color: #000;
}

.small-krktr {
	height: 9px;
	margin-top: 2.5px;
}

.foot-content {
	display: flex;
	justify-content: center;
	font-size: 11px;
	margin-bottom: 10px;
	margin-top: 10px;
}

/*Submenu restyle */
.page-section.page-section-propertyslider {
	margin-top: -20px;
	font-family: var(--font-secondary);
	font-size: 20px;
}

.h2-sub{
	font-size: 25px;
	color: var(--color-secondary);
}

.cb-propertyslider-nav ul li.active a {
	color:#fff !important; 
	border-bottom: 2px solid #fff !important; 
}
.page-section.page-section-propertyslider .cb-propertyslider-nav ul li a {
	padding-bottom: 10px; border-bottom-width: 2px; 
	border-bottom-style:none; 
	border-bottom-color:transparent;
}

.cb-propertyslider-nav ul li a:hover{
	color:#fff !important; 
	border-bottom: 2px solid #fff !important; 
	transition: ease-in-out 0.2s;}


/* Small screen size */
@media (max-width: 1023px) 
{
	header .logo img {
		height: 100px;
		background: none;
		-webkit-box-shadow: none ;
		box-shadow: none;
	}
	
	header .logo img.header-on-top{
		height: 100px;
		background: none;
		-webkit-box-shadow: none ;
		box-shadow: none;
		transition: 0.5s;
	}
	
		header .logo img.header-on-top.tiny{
		height: 60px;
		transition: 0.5s;
	}
	
	.page-section-heroblock .home-header-intro .caption h4 {
		font-family: var(--font-primary);
  		font-size: 1em;
		
	}
	
	.cb-livestyle-content-wrap h2 {
		text-shadow: 1px 1px 2px #494949, 0 0 1em #494949, 0 0 0.2em #494949;
		font-size: 30px;
	}
	
	#PersonalData .content-wrapper form h4 {
		font-size: 2em;
	}
	
	.page-section-designblock .content-wrapper h2 span.font-size-medium, .page-section-designblock .content-wrapper h3 span.font-size-medium, .page-section-designblock .content-wrapper h4 span.font-size-medium {
		font-size: 60%;
	}
	
	.page-section-designblock .content-wrapper h2.cb-design-title, .page-section-designblock .content-wrapper h3.cb-design-subtitle {
		padding: 0;
	}
	
	.cb-livestyle-content-wrap h2 span {
		font-size: 35px !important;
	}
	
	/* To display different links for mobile screens with this button, works by adding class to button*/
	.mobile-button { 
		display: block !important; }
	.full-screen-button {
		display:none;}
}


/* Normal screen size */
@media (min-width: 1024px) 
{
	header .logo img {
		height: 145px;
		background: none;
		-webkit-box-shadow: none ;
		box-shadow: none;
	}
	
	header .logo img.header-on-top{
		height: 145px;
		background: none;
		-webkit-box-shadow: none ;
		box-shadow: none;
		transition: 0.5s;
	}
	
	header .logo img.header-on-top.tiny{
		height: 100px;
		transition: 0.5s;
	}
	
	page-section-newsblock content-wrapper cb-news-items.cb-news-items-2-0 cb-news-item {
		flex: ; 1 27%;
		
	}
	
	
	.page-section-heroblock .home-header-intro .caption h4 {
		font-family: var(--font-primary);
  		font-size: 1em;
		
	}
	
	.cb-livestyle-content-wrap h2 {
		text-shadow: 1px 1px 2px #494949, 0 0 1em #494949, 0 0 0.2em #494949;
		font-size: 50px;
	}
	
	#PersonalData .content-wrapper form h4 {
	font-size: 2em;
	}
	
	.cb-livestyle-content-wrap h2 span {
	font-size: 65px;
		
	}
	

	/* To display different links for mobile screens with this button, works by adding class to button*/
	.mobile-button { 
		display: none; }
		
}
	
/* Mobile screen size */
@media (max-width: 480px) 
{
	.page-section.page-section-propertyslider .cb-propertyslider-nav ul li {
		padding-bottom:10px;
	}
	.page-section-first{
		padding-top: 10vw !important;
	}
}

/* Footer styling */

	.wrapper-wrap-footer {display: flex; flex-wrap: wrap; padding: 20px 0 20px 0; background: var(--color-primary); color:#fff;}
	.footer-item img {max-height: 40px; max-width: 150px; }
	.wrapper-footer {padding: 0px 15px 0; margin: 0 auto; font-size: 12px; max-width: 1400px; }
	.footer-item {width: 20%; float:left; padding-top: 15px;}
	.footer-item h2 {font-size: 16px; float:none; margin-bottom:15px;}
	.footer-item p {line-height: 1.65em;}
	.footer-image-wrap {height: 60px;}
		
@media (max-width: 1023px) {
	.footer-item {width: 50%; float:left; padding-top:15px;}
	.footer-disclaimer{ width:100%;}
		}
		
@media (max-width: 480px) {
	.footer-item {width: 100%; float:left; padding-top:15px;}
		}