/* kreon-regular - latin */
@font-face {
font-family: 'Kreon';
font-style: normal;
font-weight: 400;
src: url('fonts/kreon-v23-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
	url('fonts/kreon-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('fonts/kreon-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('fonts/kreon-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
	url('fonts/kreon-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('fonts/kreon-v23-latin-regular.svg#Kreon') format('svg'); /* Legacy iOS */
font-display: swap;
}

/* lato-regular - latin */
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
src: url('fonts/lato-v17-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Lato Regular'), local('Lato-Regular'),
	url('fonts/lato-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('fonts/lato-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('fonts/lato-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
	url('fonts/lato-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('fonts/lato-v17-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
font-display: swap;
}

body {font-family: 'Lato'; background-color: #e9ecef; color: #494949; /* font-size: 0.85rem; */}
h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {font-family: 'Lato'; font-weight: 400; font-family: 'Kreon';}
h1, .h1 {font-size: 2rem;}
h2, .h2 {font-size: 1.5rem !important;}
h3, .h3 {font-size: 1.15rem; font-weight: normal !important; font-style: italic;}

.h1, .h2, .h3 {display: block;}

a {color: #40aec7; text-decoration: none;}
a:hover {color: #40aec7; text-decoration: underline;}

p {margin-bottom: 1.75rem;}

.container {padding: 0;}

.btn {background-color: #40aec7; color: #fff; border-radius: 0; border: none;}
.btn:hover {background-color: #40aec7 !important; color: #fff !important;}
.form-control {border-radius: 0;}

.btn-edit {background-color: #0069d9; border: 1px solid #0069d9; color: #fff; padding: .25rem .5rem; font-size: 75%; border: 1px solid #0069d9; border-radius: .25rem; margin: 0 0 .25rem 1rem;}
.btn-edit:hover {background-color: #ff9900;}

.btn-light {background-color: #494949; color: #40aec7;}
.btn-dark:hover {background-color: #40aec7; color: #fff;}

.badge {background: #494949; color: #fff;}
.badge-blue {background: #40aec7; color: #494949;}
.badge-blue a {color: #494949;}
.badge-blue-border {border: 2px solid #40aec7; background: white; color: #494949; border-radius: 10px;}
.badge-blue-border a {color: #494949;}
.badge-stripes {background: repeating-linear-gradient(135deg, #494949, #494949 10px, #454545 10px, #454545 20px); color: #fff;}
.badge-stripes a {color: #fff;}

.card {border-radius: 0; border: 1px solid #e9ecef; background: #e9ecef;}
.card-img-top {border-radius: 0;}

.breadcrumb {margin-bottom: 0; padding-left: 0px;}

.page-item.active .page-link {border-color: #494949; background-color: #494949;}
.page-link {color: #40aec7;}

/* Fonts and colors */
.red {color: #ff1d00;}
.blue {color: #40aec7;}
.kreon {font-family: 'Kreon';}
.lato {font-family: 'Lato';}

/* Blockquote */
blockquote {background-color: #f9f9f9; border-left: 10px solid #40aec7; margin: 20px 0; padding: 30px 40px 30px 80px; position: relative; font-size: 1.25rem; font-family: 'Kreon';}

blockquote.warning::before {color: #40aec7; content: "\0021"; font-size: 22pt; font-weight: bold; border: 5px solid #40aec7; border-radius: 40px; width: 40px; height: 40px; position: absolute; left: 20px; top: 50%; margin-top: -20px; line-height: 1; text-align: center;}

blockquote.tip::before {color: #40aec7; content: "TIP"; font-size: 10pt; font-weight: bold; border: 5px solid #40aec7; border-radius: 40px; width: 40px; height: 40px; position: absolute; left: 20px; top: 50%; margin-top: -20px; line-height: 30px; text-align: center;}

blockquote.question::before {color: #40aec7; content: "\003F"; font-size: 22pt; font-weight: bold; border: 5px solid #40aec7; border-radius: 40px; width: 40px; height: 40px; position: absolute; left: 20px; top: 50%; margin-top: -20px; line-height: 1; text-align: center;}

blockquote.quote::before {color: #40aec7; content: "\201C"; font-size: 60pt; position: absolute; left: 10px; top: 40px; line-height: 0.1em;}
blockquote.quote::after {color: #40aec7; content: "\201D"; font-size: 60pt; position: absolute; right: 50px; bottom: 20px; line-height: 0.1em;}
blockquote.quote {font-style: italic;}

/* General */
.list-arrows li {padding-left: 1.5em; margin-bottom: 0.5em;}
.list-arrows li:before {content: "\f30b"; font-family: FontAwesome; color: #ff1d00; display: inline-block; margin-left: -1.5em; width: 1.5em;}
.list-arrows-blue li:before {color: #40aec7;}

.list-blocks li {padding-left: 1.5em; margin-bottom: 0.5em;}
.list-blocks li:before {content: "\25AA"; color: #ff1d00; display: inline-block; margin-left: -1.5em; width: 1.5em;}
.list-blocks-blue li:before {color: #40aec7;}

/* Outers */
.container-fluid {background-position: center top;}
.outer-top {background-color: #393939;}
.outer-header {background-image: none; min-height: 150px; padding-left: 0; padding-right: 0;}

.bg-blue {background-color: #40aec7;}
.bg-lightblue {background-color: #ecf7f9;}
/* .bg-gray {background-color: #e9ecef;} */
.bg-gray {background-color: #f9f9f9;}
.bg-dark {background-color: #434343 !important;}

/* .bg-gray-gradient {background-image: linear-gradient(to top, #e9ecef, #dadfe4);} */
.bg-dark-stripes {background: repeating-linear-gradient(135deg, #494949, #494949 10px, #454545 10px, #454545 20px);}

/* Top */
.top {color: #fff; text-align: center; font-size: 0.8rem; padding: 10px 0;}
.top a {color: #fff;}
.top i {color: #40aec7;}

/* Header */
.logo {width: 200px; padding: 20px 0px;}
.logo img {max-width: 100%;}

.header-links {background-color: #e9ecef; /* color: #fff; */ padding: 5px 20px 5px 0; font-size: 0.9rem;}
.header-links i {padding-left: 20px; padding-right: 5px; color: #ff1d00;}
.header-links a {color: #494949;}

/* Navigation */
.containter-nav {background-color: #e9ecef;}

.navbar-toggler {background-color: #e9ecef; margin-right: 0px; margin-top: 20px;  border: none; border-radius: 0; line-height: inherit; font-size: 1.5rem; color: #40aec7 !important; float: right;}

nav {}
.navbar {padding: 0;}
.navbar-nav {}

.dropdown-menu {margin-top: 0; /* border-bottom: 5px solid #ff1d00 !important; */ border-radius: 0; background-color: #40aec7; color: #fff; border-bottom: 2px solid red;}
.dropdown-menu a {color: white;}

.megamenu {position: static !important;}
.megamenu .dropdown-menu {border: none; left:0; right:0; width:100%; margin-top:0;}

.nav-item:hover a.nav-link-1 {color: #40aec7 !important;}

.nav-link-1 {padding: 10px 30px 10px 20px !important; display: block; color: #fff /* #494949 */ !important; font-size: 1.1rem; font-family: 'Kreon';}
.nav-link-2 {font-weight: bold; font-size: 1.1rem; color: #494949 !important; font-family: 'Kreon'; font-style: normal;}
.nav-link-3 {font-size: 0.9rem;}

.list-detailpages {margin-bottom: 20px;}
.list-detailpages li {line-height: 1 !important; padding: 5px 0;}

.nav-col {margin-bottom: 1.5rem;}
.nav-col:last-child {margin-bottom: 0;}

.nav-col ul li:last-child {margin-bottom: 0;}


/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	
	.navbar .has-megamenu{position:static!important;}
	.navbar .megamenu{left:0; right:0; width:100%; margin-top:0;  }
	
}	
/* ============ desktop view .end// ============ */

/* ============ mobile view ============ */
@media(max-width: 991px){
	.navbar.fixed-top .navbar-collapse,
	.navbar.sticky-top .navbar-collapse{
		overflow-y: auto;
		max-height: 90vh;
		margin-top:10px;
	}
}
/* ============ mobile view .end// ============ */




/* Home */
.container-home {}

.input-group-addon{color:#ff0000; background-color: #ffffff; width: 30px;}

.home-intro {padding: 25px 0;}
.home-intro h1 {margin-bottom: 25px;}
.home-intro h3 {margin-bottom: 25px;}
/* .home-intro a {color: #ff1d00;} */

.home-tags {padding: 25px 0;}
.home-tags .h1 {text-align: center !important; display: block; font-size: 22pt; margin-bottom: 25px; padding: 10px 0; font-weight: bold;}
.home-tags-col {margin-bottom: 20px;}

.home-articles {padding: 50px 0;}
.home-articles-col {margin-bottom: 40px;}
.home-articles-col:last-child {margin-bottom: 0px;}

.content {padding: 0 0 20px 0;}

/* Articles */
.article h2 {margin-top: 20px; margin-bottom: 15px;}
.article .intro {}
.article .intro h2 {margin-top: 0;}
.article .intro ul {margin-bottom: 0;}

.article ol {padding-left: 0;}

/* Main */
.main {padding: 20px 0;}

/* Navbar (left) */
.sidenav {padding: 0 0 20px 0;}
/* .sidenav ul {display: none;} */
.sidenav ul {margin-bottom: 0px;}
.sidenav ul li {/* background-color: #e9ecef; line-height: 1; padding: 10px; padding-left: 3em !important; margin-bottom: 0; */ margin-top: 0.75em; margin-bottom: 0;}
/* .sidenav ul li.active {background-color: #40aec7;} */

.sidenav ul li a {}
.sidenav ul li:hover a {color: #40aec7; text-decoration: none;}
.sidenav ul li.active:before {color: #ff1d00 !important;}

/* Content */
.content {background-color: #fff; color: #000;}
.content h1 {color: #000;}
.content img {max-width: 100%;}

/* Sidebar (right) */
.sidebar {padding: 0;}

.box {background-color: #e9ecef; padding: 20px; margin-bottom: 0px; color: #fff;}
.box a {color: #fff;}
.box .h2 {display: block; color: #40aec7; font-size: 18pt;}
/* .box h3 {font-size: 14pt; color: #275039;} */

/* Footer */
.container-footer {padding: 50px 0 10px 0; color: #fff;}

.footer h2 {color: #40aec7; margin-bottom: 25px; font-family: 'Kreon';}
.footer li {margin-bottom: 0.75em;}
.footer a {color: #fff;}
.footer a i, .footer i {font-size: 20px; margin-right: 10px; color: #40aec7; width: 20px; text-align: center;}

.list-footer-bottom {}
.list-footer-bottom li {margin: 0; padding-right: 0; padding-left: 0px;}
.list-footer-bottom li:before {width: 20px; margin-left: 5px;}
.list-footer-bottom li a {font-size: 0.85rem;}
/* .list-footer-bottom li:first-child:before {content: none;} */

.list-sitemap, .list-socialmedia {column-count: 2;}

/* Advocaat */
.advocaat {}
.advocaat .picture {}
.advocaat .picture img {margin-bottom: 20px;}
.advocaat .picture-box {padding: 20px; height: 100%; color: #fff;}
.advocaat .picture-box li {margin-bottom: 0.75em;}
.advocaat .picture-box a {color: #fff !important;}
.advocaat .picture-box a i, .advocaat .picture-box i {font-size: 20px; margin-right: 10px; color: #40aec7; width: 20px; text-align: center;}
.advocaat .info {padding: 20px}

/* Artikelen */
/* @media (min-width: 576px) and (max-width: 1440px){ */
/* 	.card-columns {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;} */
/* } */
.card h2 a {color: #494949;}

/* FAQS */
/* .faqs .card-header {background: #e9ecef;} */
.accordion .cards {border: none;}
.accordion .card {border: none;}
.accordion .card-header:first-child {border-radius: 0;}
.accordion .card-header i {color: #ff1d00;}
.accordion .card-header {background: repeating-linear-gradient(135deg, #494949, #494949 10px, #454545 10px, #454545 20px); color: #fff; cursor: pointer; border-bottom: 1px solid white;}
.accordion .card-header:hover {color: #40aec7;}

.faqs .card-body {background: #e9ecef;}

/* Tags tree */
.tree ul {padding-left: 0px;}
.tree ul li {padding-left: 0px; list-style: none;}
.tree ul li:first-child {padding-left: 0px;}
.tree ul li ul {margin-bottom: 10px; margin-left: 10px;}
.tree ul li ul li a {font-weight: bold;}
.tree ul li ul li ul {padding-left: 2px;}
.tree ul li ul li ul li {}
.tree ul li ul li ul li:before {content: "\f30b"; font-family: FontAwesome; color: #ff1d00; display: inline-block; margin-left: 0em; width: 1.5em;}
.tree ul li ul li ul li a {font-weight: normal; font-size: 0.9rem;}

.list-arrows li {}
.list-arrows-blue li:before {color: #40aec7;}

/* Contact */
.map {width: 100%; height: 50vh;}
.contact-list {}
.contact-list li {margin-bottom: 0.75em;}
.contact-list a i, .contact-list i {font-size: 20px; margin-right: 10px; width: 20px; text-align: center;}
/* .contact-list i {color: #ff1d00;} */
/* .contact-list a {color: #40aec7;} */



@media (min-width: 992px){

	.container {padding-left: 50px; padding-right: 50px;}
	.main {padding: 50px 0;}

	.logo {width: 275px; padding: 30px 20px;}

	.navbar .container {padding: 0;}

	.nav-col {padding-right: 1.5rem !important; margin-bottom: 0;}

	#nav {display: block;}
	.containter-nav {background-color: #fff;}

	.sidenav ul {display: block !important;}
	.sidenav ul li {/* margin-bottom: 0px; */}
	.submenu-toggler {display: none !important;}

	/* Slider */
	.outer-header-home {height: 30vh; min-height: 400px;}
	.outer-header-home {background-image: url('https://www.vanzijl-advocatuur.nl/images/layout/slide-d.webp');}
	.no-webp .outer-header-home {background-image: url('https://www.vanzijl-advocatuur.nl/images/layout/slide-d.png');}

	.outer-header {background-position: center center;}
	.outer-header {background-image: url('https://www.vanzijl-advocatuur.nl/images/layout/slide-d-200.webp');}
	.no-webp .outer-header {background-image: url('https://www.vanzijl-advocatuur.nl/images/layout/slide-d-200.png');}

	@keyframes zoom-slide {
		from {-ms-transform: scale(1.0); -moz-transform: scale(1.0); -webkit-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0);}
	  to {-ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);}
	}
	.parent {width: 100%; height: 200px; overflow: hidden;}
	.child {height: 100%; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center;}
	.child {-ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);}
	.child {animation-name: zoom-slide;	animation-duration: 15s; animation-delay: 0s;}
	/* .parent:hover .child, .parent:focus .child {-ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);} */

	.child {background-image: url('https://www.vanzijl-advocatuur.nl/images/layout/slide-d.webp');}
	.no-webp .child {background-image: url('https://www.vanzijl-advocatuur.nl/images/layout/slide-d.png');}

	.breadcrumb {padding-left: 20px;}

	.home-intro {padding: 50px 0;}
	.home-articles-col {margin-bottom: 0px; padding-right: 40px !important;}

	.advocaat .picture {padding-right: 20px;}
	.advocaat .info {padding-left: 0;}

	.content {padding: 0 20px 20px 20px !important;}

	.list-footer-bottom {}
	.list-footer-bottom li {margin: 0; padding-right: 0; padding-left: 10px;}
	.list-footer-bottom li:before {width: 20px; margin-left: 5px;}
	.list-footer-bottom li:first-child:before {content: none;}

	/* Home */
	#inloggen {display: block;}
	.inloggen {display: none !important;}

	/* Home -> tags */
/*
	.home-tags {position: relative;}
	.home-tags {padding: 25px 0;}
	.home-tags .h1 {padding: 75px 0; text-shadow: 1px 1px 1px #fff; font-size: 40px; display: block;}
*/

	/* Background */
/*
	.home-tags::before {content: ""; position: absolute; top: 0; right: 0; width: 100%; height: 75%; background-size: cover; background-repeat: no-repeat; opacity: 0.75; filter: grayscale(100%);}
	.home-tags::before {background-image: radial-gradient(ellipse closest-side, rgba(255, 255, 255, 0), #fff), url('https://www.vanzijl-advocatuur.nl/images/layout/slide-amsterdam.webp'); background-position-y: -50px;}
	.no-webp .home-tags::before {background-image: radial-gradient(ellipse closest-side, rgba(255, 255, 255, 0), #fff), url('https://www.vanzijl-advocatuur.nl/images/layout/slide-amsterdam.jpg'); background-position-y: -50px;}
*/

	.home-tags-col {padding: 0px 15px !important;}
	.home-tags-col:first-child {padding-left: 0px !important;}
	.home-tags-col:last-child {padding-right: 0px !important;}
	.home-tags-col .inner {-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}
	.home-tags-col:hover .inner {margin-top: -20px; margin-bottom: 20px; box-shadow: -0.25rem 0 1.5rem #494949;}
	
	/* Home -> articles */
	.card-list {display: flex; padding: 2rem 0;}
	.card-list .card {/* 	height: 350px; */ width: 400px; min-width: 250px; border-radius: 0px; background: /* #e9ecef */ white; box-shadow: -0.25rem 0 1.5rem #494949; display: flex !important; flex-direction: column; transition: .2s; margin: 0; scroll-snap-align: start; clear: both; position: relative; transform: rotate(3deg); /* -webkit-filter: grayscale(1); */}
	/* .card:hover { -webkit-filter: grayscale(.5);} */
	
	.card-list .card h2 {margin-bottom: 0;}
	.card-list .card h2 a {color: #494949 !important; font-size: 14pt;}
	.card-list .card img {border-radius: 0px; max-width: 100%; margin: 10px 0 0 0; border-radius: 5px;}
	
	.card-list .card .card-header {background: white; border: none;}
	.card-list .card .card-body {padding-top: 0; padding-bottom: 0;}
	.card-list .card .card-footer {background: white; border: none;}
	
	.card-list card:focus-within~.card {transform: translateX(400px);}
	.card-list .card:hover~.card {transform: translateX(130px) rotate(3deg);}
	.card-list .card:hover {transform: translateY(-3rem);}
	.card-list .card:hover h2 a {color: #40aec7 !important;}
	.card-list .card:not(:first-child){margin-left: -130px;}

	.list-sitemap, .list-socialmedia {column-count: 1;}
}