/*
Theme Name: Inves-Tes
Theme URI: https://appmatic.nl.
Author: Appmatic
Author URI: https://appmatic.nl
Version: 1
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: investes
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@font-face {
    font-family: 'autography';
    src: url('fonts/Autography.eot'), url('fonts/Autography.ttf') format('truetype'), url('fonts/Autography.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


body{
font-family: Open Sans; background-image:url("img/watermerk.png"); background-repeat: no-repeat; background-size: 100%; background-position: 50% 50%; background-attachment: fixed;}
img{max-width:100%;}
.container{padding-left:0;}

.wp-block-group__inner-container{max-width:1140px !important; margin:0 auto;}

.has-primary-color-background-color{background-color:#85774A;}
.has-secondary-color-background-color{background-color:#7f9ea3;}
.has-primary-color-faded-background-color{background-color:rgba(133, 119, 74, 0.77);}

.header .navbar{background-color:#ffffff;}

.header a.navbar-brand {
    max-width: 100%;
    width: 250px;
    height: auto;
}
.header .navbar .navbar-toggler-bar{height: 4px;
    width: 21px;
    background: #85774A;
    margin-bottom: 4px;
    display: block;}

.pageheader{margin-bottom:50px;}

.small-header{max-height:100vh; height:420px; background-color:#85774A;color:#ffffff; }
.small-header .small-header-background{background-size: cover; height: 100%; background-position: center center; position: relative; }
.small-header .content{position:absolute; bottom:0; padding-bottom:25px;}
.small-header .title{font-size:46px; font-weight: bold; margin-bottom:0;}
.small-header .subtitle{font-size:25px; font-weight: bold; margin-top:25px;}


.large-header{height: 900px; max-height: calc(100vh - 114px);}
.large-header .large-header-background{background-size: cover; height: 100%; background-position: center center; position: relative; width:100%;}
.large-header .content-left{position:absolute; top:calc(50% - 200px); left:15%; max-width:80%;}
.large-header .content-left .title{text-shadow: rgba(0, 0, 0, 0.65) 1px 2px 3px; color:#ffffff; font-weight:bold; font-size:50px;}
.large-header .content-left .subtitle{text-shadow: rgba(0, 0, 0, 0.73) 1px 2px 2px; font-family: autography; color: #ffffff; font-size: 50px; position: relative; left: 375px; top: 25px;}
.large-header .content-right{position: absolute; bottom: 0; width: 690px; max-width: 80%; left: 60%;}

.wp-block{margin: 28px auto;}
.wp-block-image {
    margin: 1em 0 1em;
}

.wp-block-heading{color:rgb(51, 51, 51); font-weight: bold; font-family: 'Overpass', sans-serif; line-height:125%;}
h1.wp-block-heading{font-size:36px; margin-bottom:20px;}
h2.wp-block-heading{font-size:32px; margin-bottom:15px;}
h3.wp-block-heading{font-size:28px; margin-bottom:12px}
h4.wp-block-heading{font-size:24px; margin-bottom:8px;}
h5.wp-block-heading{font-size:21px; margin-bottom:5px;}
h6.wp-block-heading{font-size:18px; margin-bottom:0;}

.wp-block-image .is-style-rounded img, .wp-block-image.is-style-rounded img {
    border-radius: 0;
    border-top-left-radius: 5000px;
    border-top-right-radius: 5000px;
}

.header .navbar-nav{margin:0 auto;}

.header .navbar-nav .nav-item a{
    color:#000000;
    font-weight: bold;
}

.header a.navbar-brand img.logo{
    max-width: 100%;
    height:auto;
}

.header .navbar .btn{background-color:#85774A; color:#ffffff; font-weight:bold; padding:10px 20px; border-radius:0;}
.header .navbar .btn:hover{}
.header .navbar .btn .icon{padding-left:8px;}


.content_area > [class^="wp-block-"]:not(.alignfull) {
    width: 100%;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
	padding:0 20px;
}

.content_area > [class^="wp-block-"]:not(.alignfull).alignwide {
    max-width: 1140px;
}

.content_area p {line-height:175%;}

.wp-block-button__link{
    background-color:#7f9ea3;
    color:#ffffff !important;
    font-weight: bold;
    border-radius: 0;
    position:relative;
    padding: 15px 35px 15px 25px;
}

.wp-block-button__link:after{
    display: inline-block;
    content: ' ';
    background-color: #ffffff;
    -webkit-mask-image: url('img/arrow-right-solid.svg');
    mask-image: url('img/arrow-right-solid.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    top: calc(50% - 10px);
    right: 10px;
}

.footer{background-color:rgba(209, 203, 181, 1); padding:80px 0;}
.footer .logo{width: 100%; height: auto;}
.footer ul.menu{ padding:0;}
.footer ul.menu li{list-style: none; margin-bottom: 7px;}
.footer ul.menu li a{color:#000000;}

@media (max-width: 1200px) {
    .large-header .content-left{top:50px}
    .large-header .content-right{left:0;}
    .large-header .content-left .subtitle{left:30px;}
}

@media (max-width: 991px) {
    .large-header .content-left{top:120px;}
    .large-header .content-left .title{font-size:35px;}
    .large-header .content-left .subtitle{font-size:30px;}
    .footer .container{padding: 0 15px;}
    .footer{text-align: center;}
    .navbar-collapse.collapse{padding-bottom:20px;}
	.small-header .small-header-background{padding: 0 20px;}
	.small-header .title{font-size:36px;}
	.small-header .subtitle{font-size:18px;}
	.small-header .content{
		padding: 0 25px 25px;}
}

@media (max-width: 767px) {
	.small-header .title{font-size:30px;}

}

@media (max-width: 575px) {
	.small-header .title{font-size:24px;}

}