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

/*
Theme Name: DeiCapital
Author: Vincent Bosch - The Laundry // VanderVeer
Author URI: https://vdveer.nl
Description: Wordpress Thema voor Dei Capital
Version: 0.0.1
Text Domain: theme
Tags:
*/

body, html {
	padding:0;
	margin:0;
	font-family: "myriad-pro", sans-serif;
	font-weight: 300;
	font-style: normal;
    color:#585858;
}

p {
	font-size:18px;
	line-height: 26px;
	color:#585858;
}

a {
	color:#585858;
}

* {
	box-sizing: border-box;
}

.table {
	display:table;
	height:100%;
	width:100%;
}
.table-cell {
	display:table-cell;
	vertical-align: middle;
}

.row {
	width:100%;
}

.button {
	display:inline-block;
	padding:5px 18px;
	max-width:100%;
	border:1px solid #6D2745;
	color:#6D2745;
	text-decoration: none;
	text-align: center;
	text-transform: lowercase;
	font-family: 'Nunito', sans-serif;
	font-weight:600;
	margin:5px 5px 15px 0;
	letter-spacing: 1px;
	transition:0.3s ease;
}
.button:hover {
	background:#6D2745;
	color:white;
}

.beeldmerk {
	background:url('img/beeldmerk.svg');
	background-size:contain;
	background-position: center;
	background-repeat: no-repeat;
	overflow:hidden;
}

.bigcontainer {
	position:relative;
	width:1400px;
	max-width:100%;
	margin:auto;
	padding-left:15px;
	padding-right:15px;
	overflow:hidden;
}
.container {
	position:relative;
	width:1150px;
	max-width:100%;
	margin:auto;
	padding-left:15px;
	padding-right:15px;
	overflow:hidden;
}
.midcontainer {
	position:relative;
	width:950px;
	max-width:100%;
	margin:auto;
	padding-left:15px;
	padding-right:15px;
}
.smallcontainer {
	position:relative;
	width:650px;
	max-width:100%;
	margin:auto;
	padding-left:15px;
	padding-right:15px;
}
.flex {
    display: flex;
    flex-wrap: wrap;
    align-items:stretch;
    justify-content: space-evenly;
}
.flex.flip {
    flex-direction: row-reverse;
}
.flex > div {
    float:none!important;
}
@media screen and ( max-width:1430px ) {
	.bigcontainer {
		width:100%;
	}
}
@media screen and ( max-width:1180px ) {
	.container {
		width:100%;
	}
}

@media screen and ( max-width:980px ) {
	.midcontainer {
		width:100%;
	}
}
@media screen and ( max-width:680px ) {
	.smallcontainer {
		width:100%;
	}
}




.div33 {
	width:30%;
	float:left;
	margin:0 calc(10% / 6);
} /* wordt nog gebruikt in normale containers */

.div5 {
    width:5%;
}
.div25 {
    width:25%;
}
.div30 {
    width:30%;
}
.div40 {
    width:40%;
}
.div50 {
    width:50%;
}
.div60 {
    width:60%;
}
.div65 {
    width:65%;
}
.div70 {
    width:70%;
}
.div75 {
    width:75%;
}

@media screen and ( max-width:680px ) {
    .div33 {
		width:100%;
		margin:0;
	}
    .div25 {
        width:50%;
    }
    .div30, .div40, .div50, .div60, .div65, .div70, .div75 {
        width:100%;
    }
}
@media screen and ( max-width:530px ) {
    .div25 {
        width:100%;
    }
}


.space {
	margin-top:60px;
	margin-bottom:60px;
}
.space-top {
	margin-top:60px;
}
.space-bottom {
	margin-bottom:60px;
}
.moveup {
    margin-top:-120px;
}
.center {
	text-align: center;
}
@media screen and (max-width:680px) {
    .moveup {
        margin-top:-60px;
    }
}

h2, h3 {
	font-family: 'Nunito', sans-serif;
}
h2 {
	/*color:#4A4A4A;*/
    color:#6D2745;
}
h3 {
	color:#6D2745;
}

.headerspace {
	height:100px;
	overflow:hidden;
	width:100%;
}

header {
	position:fixed;
	top:0;left:0;
	height:100px;
	width:100%;
	background:white;
	transition:0.3s ease;
	padding:15px 25px;
	font-family: 'Nunito', sans-serif;
	font-weight:600;
	font-size:14px;
	z-index:9999;
}
.scrolltop {
	height:80px;
	box-shadow:0 2px 18px rgba(0,0,0,0.1);
}
.logo {
	height:100%;
	float:left;
	position:relative;
	z-index:1;
}
.logo img {
	height:100%;
}
nav {
	position:absolute;
	width:100%;
	height:auto;
	bottom:0;
	right:25px;
}
nav ul {
	list-style-type:none;
	float:right;
	transition:0.3s ease;
}
.scrolltop nav ul {
	margin:28px 0;
}
nav li {
	display:inline-block;
	margin-left:35px;
}
nav a {
	color:#AAAAAA;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 2px;
	transition:0.3s ease;
}
nav a:not([href]) {
    cursor: default;
}
nav a:hover {
	color:#4A4A4A;
}

.current-menu-item > a, .current_page_item > a, .current_page_parent > a, .current_page_ancestor > a, .current-menu-ancestor > a {
	color:#6D2745;
}



@media screen and (max-width:1360px) {
	header {
		font-size:14px;
	}
	nav li {
		margin-left:25px;
	}
    nav a {
        letter-spacing: 1px;
    }
}
@media screen and (max-width:1230px) {
	header {
		font-size:13px;
	}
	nav li {
		margin-left:8px;
	}
    nav a {
        letter-spacing: 0px;
    }
}

.hamburger {
	display:none;
}
@media screen and (min-width:1001px) {
	li.menu-item-has-children {
		position: relative;
	}
	li.menu-item-has-children::after {
		position: relative;
		content:'';
		margin-left:5px;
		top:-3px;
		border: solid #AAAAAA;
		border-width: 0 3px 3px 0;
		display: inline-block;
		padding: 3px;
  		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	ul.sub-menu {
		display:none;
		position: absolute;
		margin-top:0!important;
		padding-left:0;
		width:auto;
        min-width:100%;
		padding:5px 12px;
		background:white;
		box-shadow:0 2px 6px 0 rgba(0,0,0,0.3);
	}
	li.menu-item-has-children:hover ul.sub-menu {
		display:block;
	}
	ul.sub-menu li {
		display:block;
		margin-left:0;
		margin-top:0;
		margin-bottom:0;
	}
    ul.sub-menu a {
        display: block;
        width:100%;
        padding-top:18px;
        padding-bottom:18px;
    }
}
@media screen and (max-width:1000px) {
	.hamburger {
		display:block;
		width:40px;
		height:28px;
		right:25px;top:calc(50% - 14px);
		position:absolute;
		cursor: pointer;
	}
	ul.sub-menu {
		margin-top:0!important;
		margin-bottom:0!important;
		padding-left:20px;
	}
    ul.sub-menu li a::before {
        content:'- '
    }
	li.menu-item-has-children::after {
		color:#AAAAAA;
		content:'';
	}
	.hamburger span {
		display:block;
		height:4px;
		width:100%;
		background:#6D2745;
		border-radius:1000px;
		position:absolute;
		top:0;left:0;
		
		transition:0.2s ease;
	}
	.hamburger span:nth-child(2) {
		top:11px;
	}
	.hamburger span:nth-child(3) {
		top:22px;
	}
	
	.opennav .hamburger span:nth-child(1) {
		transform:rotate(45deg);
		top:11px;
	}
	.opennav .hamburger span:nth-child(2) {
		opacity:0;
	}
	.opennav .hamburger span:nth-child(3) {
		transform:rotate(135deg);
		top:11px;
	}
	header {
		font-size:16px;
	}
	nav {
		position:fixed;
		top:0;right:0;
		background:white;
		transform:scale(0);
		opacity:0;
		transition:0.3s ease;
		border-radius:1000px;
	}
	nav ul {
		width:100%;
		height:100%;
		margin-top:100px;
	}
	.scrolltop nav ul {
		margin-top:80px;
	}
	nav li {
		display:block;
		margin:35px 0;
	}
	.opennav nav {
		transform:scale(1);
		opacity:1;
		border-radius:0;
	}
}

.hero {
    position: relative;
    height:65vh;
    min-height:530px;
	width:100%;
	background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
}
.hero-home {
	height:calc(100vh - 100px);
}
.inhero {
    position: relative;
	width:50%;
	float:right;
	padding-right:0%;
	padding-left:3%;
}
.hero-home .container {
    display: flex;
    flex-direction: row-reverse;
    align-items: stretch;
    flex-wrap:nowrap;
    position: relative;
    min-height:100%;
    height:auto;
}
.hero-home .inhero {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    background:rgba(255,255,255,0.6);
}
.inhero p {
	color:#585858;
}
.hero-home a.button {
    border-color:#C9830A;
    background-color:#C9830A;
    color:white;
}
.hero-home a.button:hover {
    background-color:transparent;
    color:#C9830A;
}
h1 {
	font-family: 'Nunito', sans-serif;
	font-weight:700;
	color:#6D2745;
	font-size:58px;
	line-height:58px;
	margin-bottom:25px;text-align: center;
}
.hero h1 {
	text-align: left;
	color:white;
}
.hero-home h1 {
    color:#6D2745;
}
h1 span {
	text-shadow:0px 0px 4px rgba(0,0,0,0.4);
	display:block;
	color:#C9830A;
}
@media screen and (max-width:1180px) {
	.inhero {
		width:480px;
		padding:0 15px;
		float:none;
	}
}
@media screen and (max-width:580px) {
	.hero {
		height:auto;
		min-height:60vh;
	}
    .hero-home {
        min-height:0;
        height:auto;
    }
	h1, .hero h1 {
		font-size:36px;
		line-height:46px;
	}
    .hero-home .inhero {
        padding-top:60px;
        padding-bottom:60px;
    }
	.inhero {
		width:100%;

	}
}



.scrolldown {
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	bottom:20px;
	width:200px;
	height:auto;
	z-index:1;
	color:#585858;
	text-align:center;
	opacity:0.8;
	cursor: pointer;
}
.scrolldown .muis {
	height:40px;
	width:27px;
	margin:auto;
	border:2px solid;
	border-radius:1000px;
	margin-bottom:15px;
}
.scrolldown .muis span {
	display:block;
	width:3px;
	margin:auto;
	height:8px;
	background:#585858;
	border-radius:100px;
	animation: scroll 2s linear 0s infinite;	
	-webkit-animation: scroll 2s linear 0s infinite;
}

@keyframes scroll {
  0%   {
	 	margin-top:5%;
	 	opacity:0;
	}
  30%  {
	 	margin-top:50%;
		opacity:1;
	}
  60%, 100% {
	 	margin-top:100%;
		opacity:0;
	}
}

@media screen and (max-width:580px) {
	.scrolldown {
		display:none;
	}
}

.titleblock {
    display: block;
	min-height:120px;
    height:auto;
}
.titleblock h3 {
	font-size:18px;
	color:#C9830A;
	margin-bottom:0;
}
.titleblock h2, .titleblock h1 {
	font-size:68px;
	color:#6D2745;
	margin-top:0;
	margin-bottom:0;
	line-height:75px;
	transform:translateY(100%);
	transition:0.8s ease;
}
.titlemoveup {
	transform:translateY(0)!important;
}
@media screen and (max-width:880px) {
    .titleblock {
        min-height:80px;
    }
	.titleblock h2, .titleblock h1 {
		font-size:38px;
		line-height:48px;
	}
}
@media screen and (max-width:480px) {
	.titleblock h3 {
		font-size:16px;
	}
	.titleblock h2, .titleblock h1 {
		font-size:32px;
		transform:translateY(0);
		line-height:38px;
		margin-bottom:25px;
	}
	.titleblock {
		height:Auto;
	}

}

.sideimg {
	position:absolute;
	left:-265px;
	top:0;
	width:280px;
	height:420px;
	background-size:cover;
	background-position: center;
}
.sideimg img {
	width:100%;
	height:100%;
	object-fit:cover;
	object-position: center;
}
.floatimg {
	height:260px;
	width:100%;
	background-size:cover;
	background-position: center;
	transform:translate(0, -50%);
	overflow:hidden;
}
.floatimg img {
	width:100%;
	height:100%;
	object-fit:cover;
	object-position: center;
}

.heightimg {
    position: relative;
    width:100%;
    height:100%;
    min-height:420px;
}
.heightimg img {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position: center;
}
.bigimg {
    position: relative;
    width:100%;
    padding-top:min(530px, 60%);
    height:0;
}
.bigimg img {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit: cover;
    object-position: center;
}
.border {
	border:1px solid #DDDDDD;
}
.whiteback {
    background:rgba(255,255,255,0.8);
    border:1px solid #DDDDDD;
    padding:25px 35px;
}
.whiteback h1, .whiteback h2 {
    margin:0;
    text-align: inherit;
    font-size:43px;
    line-height: 48px;
}
.whiteback h1 span, .whiteback h2 span {
    display: block;
    color:#C9830A;
}
@media screen and (max-width:1400px) {
	.sideimg {
		position:relative;
		left:0;
		bottom:auto;
		width:580px;
		max-width:80%;
		height:auto;
		margin:auto;
		margin-top:25px;
	}
	.sideimg::after {
		content:'';
		position: absolute;
		border:1px solid #DDDDDD;
		left:5%;
		top:5%;
		width:100%;
		height:100%;
		z-index:-1;
	}
}
@media screen and (max-width:1100px) {
	.floatimg {
		transform:translate(0, -50%);
	}
}
@media screen and (min-width:681px) {
    .removepadding {
        padding:25px 18%;
    }
}
@media screen and (max-width:680px) {
	.floatimg {
		width:100%;
		transform:none;
	}
	.removepadding {
		padding:0!important;
	}
	.border {
		padding:12px!important;
	}
    .whiteback {
        padding:25px 15px;
    }
    .whiteback h1, .whiteback h2 {
        font-size:28px;
        line-height: 32px;
    }
}

.icon {
	width:150px;
	max-width:80%;
}

.news {
    width:calc(50% - 15px);
    margin-bottom:15px;
}
.news-date {
    font-size:17px;
    line-height: 28px;
    font-weight:700;
    color:#C9830A;
}
.news h2, .news h3 {
	margin:0;
    margin-bottom:8px;
	color:#6D2745;
    
    width:100%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
.news p {
    margin:8px 0;
    font-size:16px;
    line-height: 24px;
}
.news .heightimg {
    min-height:320px;
}
.news-content {
    padding:15px;
}



.detailimg {
	position:absolute;
	left:-235px;
	top:0;
    min-height:360px;
	max-height:420px;
	height:100%;
	width:250px;
	overflow:hidden;
}
.detailimg img {
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
}
@media screen and (max-width:1400px) {
	.detailimg {
		position:relative;
		left:0;
		bottom:auto;
		width:auto;
		max-width:100%;
		height:auto;
        min-height:0;
        max-height:none;
		margin:auto;
		margin-top:25px;
		margin-bottom:35px;
	}
	.detailimg::after {
		content:'';
		position: absolute;
		border:1px solid #DDDDDD;
		left:5%;
		top:5%;
		width:100%;
		height:100%;
		z-index:-1;
	}
}
@media screen and (max-width:980px) {
    .news {
        width:100%;
        margin-bottom:35px;
    }
}
@media screen and (max-width:650px) {
	.news {
	}
}
@media screen and (max-width:450px) {
	.news h2 {
		font-size: 20px;
		margin-top:25px;
	}
}

/* GUTENBERG VIDEO BLOCK */
.is-type-video {
	margin: 50px 0;
}
.wp-block-embed__wrapper {
	width: 100%;
	padding-top: 56.25%;
	position: relative;
}
.is-type-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* END VIDEO BLOCK STYLE */

@media screen and ( max-width:850px) {
	.news {

	}
	.newsimg {
	}
}
@media screen and ( max-width:720px) {
	.news {
	}
}

a.single-team {
    display: block;
    width:calc(50% - 35px);
    margin-bottom:35px;
    text-decoration: none;
    color:#4A4A4A;
    padding:0!important;
}
.single-team h3 {
    font-size:24px;
    line-height: 28px;
    color:#4A4A4A;
    margin:0 0 8px 0
}
.single-team .portrait {
    position: relative;
    width:100%;
    padding-top:100%;
}
.single-team .portrait img {
    position: absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    object-fit: cover;
    object-position: center;
}
.single-team-info {
    padding:15px;
}
@media screen and (max-width:680px) {
    a.single-team {
        width:430px;
        margin-left:auto;
        margin-right:auto;
        max-width:100%;
    }
}
@media screen and (max-width:430px) {
    .single-team h3 {
        font-size:20px;
        line-height: 24px;
    }
}

a.single-buy-in {
    display: block;
    width:calc(50% - 35px);
    margin-bottom:35px;
    text-decoration: none;
    color:#4A4A4A;
    padding:0!important;
}
.single-buy-in h3 {
    font-size:24px;
    line-height: 28px;
    color:#4A4A4A;
    margin:8px 0
}
.single-buy-in .buy-in-img {
    position: relative;
    width:100%;
    padding-top:65%;
}
.single-buy-in .buy-in-img img {
    position: absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    object-fit: cover;
    object-position: center;
}
.buy-in-hover {
    position: absolute;
    opacity:0;
    transition: 0.3s ease;
    z-index: 1;
    top:15px;
    left:15px;
    width:calc(100% - 30px);
    height:calc(100% - 30px);
    background:rgba(255,255,255,0.85);
    font-family: 'Nunito', sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
    color:#C9830A;
}
.single-buy-in:hover .buy-in-hover {
    opacity: 1;
}
.buy-in-hover span {
    display: block;
    position: absolute;
    bottom:15px;
    left:15px;
    width:calc(100% - 30px);
    height:auto;
}
.single-buy-in-info {
    padding:15px;
}
.invest-icon {
    position: relative;
    width:100%;
    height:0;
    padding-top:65%;
}
.invest-icon img {
    position: absolute;
    width:80%;
    height:80%;
    top:10%;
    left:10%;
    object-fit: contain;
    object-position: center;
}
@media screen and (max-width:680px) {
    a.single-buy-in {
        width:430px;
        margin-left:auto;
        margin-right:auto;
        max-width:100%;
    }
    .invest-icon {
        width:100%;
        height:auto;
        padding-top:0;
    }
    .invest-icon img {
        display: block;
        position: relative;
        top:auto;
        left:auto;
        width:160px;
        max-width: 80%;
        height:auto;
        object-fit:fill;
        margin:15px auto;
    }
}
@media screen and (max-width:430px) {
    .single-buy-in h3 {
        font-size:20px;
        line-height: 24px;
    }
}

.pagination {
	font-family: 'Nunito', sans-serif;
	font-weight: 600;
}
.pagination a, .pagination .current {
	display: inline-block;
	color: #6D2745;
	text-decoration: none;
	border: 1px solid #6D2745;
	padding: 2px 5px;
	min-width: 28px;
	transition: 0.3s ease;
}
.pagination a:hover {
	background: #6D2745;
	color: white;
}
.pagination .dots {
	color: #6D2745;
}
.pagination .current {
	color: white;
	background: #6D2745;
}
@media screen and (max-width:420px) {
	.pagination {
		font-size:14px;
	}
	.pagination a, .pagination .current {
		min-width:25px
	}
	.page-numbers {
		margin-bottom:5px;
	}
}

.page-contact .cta {
	display:none;
}
.cta h2 {
	font-size:46px;
	color:#DDDDDD;
}
@media screen and (max-width:850px) {
	.cta h2 {
		font-size:42px;
	}
}
@media screen and (max-width:550px) {
	.cta h2 {
		font-size:36px;
		line-height:42px;
		margin-bottom:0;
	}
}


.contactimg {
	width:100%;
}
.contactinfo {
	text-align: center;
}
.contactinfo ul {
	margin:0;
	padding:0;
	list-style-type: none;
}
.contactinfo li {
	margin-bottom:4px;
}
footer {
	width:100%;
	color:white;
    background:#6D2745;
    overflow: hidden;
}
footer p, footer a {
    color:white;
}
footer .container {
    margin-top:35px;
    margin-bottom:35px;
}
.footerbuttons {
    margin-top:35px;
}
.footerbuttons a {
    display: inline-block;
    margin:12px;
}
.footerbuttons img {
    width:45px;
}
footer ul {
	margin:0;
	padding:0;
	list-style-type: none;
}
footer li {
	margin-bottom:4px;
}