/*
Theme Name: Twenty Sixteen Child
Theme URI: https://wordpress.org/themes/twentysixteen/
Template: twentysixteen
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Tags: one-column,two-columns,right-sidebar,accessibility-ready,custom-background,custom-colors,custom-header,custom-menu,editor-style,featured-images,flexible-header,microformats,post-formats,rtl-language-support,sticky-post,threaded-comments,translation-ready,blog,block-patterns
Version: 2.8.1678578123
Updated: 2023-03-12 00:42:03

*/
body {
	font-family: Ubuntu;
}
.site-header {
	padding-bottom: 0;
	padding-top: 0;
}
.site-branding, .site-header-menu, .header-image {
	margin-top: 0;
	margin-bottom: 0;
}
.site-header-menu {
	background-color: #0375B8;
    width: 100%;
    padding: 0 1em;
	margin-bottom: 1em;
}
.site-header-menu ul ul li {
	background-color: #0375B8;	
}
.site-header-menu li, .main-navigation li:hover > a, .main-navigation li.focus > a, .main-navigation li a, .main-navigation li a { 
	color: #fff;	
}	
.main-navigation .primary-menu > li {
	border-right: 2px dotted #fff;
}
.widget {
	border-top: none;
}
.home .entry-title {
	display: none;
}
.rij {
	display: flex;
	margin-bottom: 2em;
}
.sliderblok {
	width: 100%;
	position: relative;
	margin-bottom: 2em;
}
.metaslider-flex {
	position: relative;
}
.overlay {
	position: absolute;
	width:40%;
	padding: 2em;
	height: 100%;
	z-index: 10;
	background-color: rgba(255,255,255,0.7);
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-title, .page-title, h1, h2, h3, h4   {
	color: #0769B1;
}
#calc button, #calc .cbutton {
    display: block;
    border: 0;
    background: #FEDB00;
    margin: 10px auto 15px auto;
    float: none;
    clear: both;
	color: #000;
}
.cbutton {
    border: 1px solid #777777;
    background: #6e9e2d;
    color: #000;
    font-size: 16px;
    padding: 4px;
    cursor: pointer;
    height: 37px;
    width: 300px;
    width: 85%;
    box-shadow: inset 0px 0px 12px #222222;
    font-family: Ubuntu,Arial;
}
#calc h3 {
    color: black;
    background: #FEDB00;
    font-size: 20px;
    padding: 4px 10px 4px 10px;
    font-family: Ubuntu,Arial;
}
#calc span {
    display: block;
    clear: both;
    font-size: 20px;
    padding: 10px 10px 6px 10px;
}
#calc {
    width: 96%;
    background: url(images/calc-bg.jpg) center;
    text-align: center;
    color: #EB6E32;
    height: 100%;
    font-family: Ubuntu,Arial;
    box-shadow: 1px 1px 7px #666;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=120, Color='#999999')";
    margin: 0 2% 0 2%;
	padding-bottom: 2em;
}
.entry-content h4 {
	color: #000;
	font-size: 1em;
	font-weight: bold;
	text-transform: none;
}
.rij div {
	margin-right: 1em;
}
.rij div:last-child {
	margin-right: 0;
}
.site-main {
    margin-bottom: 2em;
}
.content-bottom-widgets { 
	width: 100%;
	display: flex;
	background: #e2f0f6;
}	
.content-bottom-widgets .widget-area {
	width: 23%;
	margin-right: 2.6666%;
	padding: 2em;
}
.content-bottom-widgets .widget-area:last-child {
	margin-right: 0;
}
.entry-content h5 a {
	background-color: #0769B1;
	font-size: 1em;
	margin: 0;
	padding: 0.5em 1em;
}
.entry-content h5 a {
	color: #fff;
}

@media only screen and (max-width: 56.875em) {
	.overlay {
    	position: relative;
    	width: 100%;
	}	
	.content-bottom-widgets .widget-area {
		width: 100%;
	}
	.rij {
		display: block;
	}
	.content-bottom-widgets {
		margin: 0;
		display: block;
	}
}