/*
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
Version: 2.0.1570128677
Updated: 2019-10-03 19:51:17

*/
@font-face {
  font-family: "Gotham-Medium";
  src: url("Gotham-Medium.eot"); /* IE9*/
  src: url("Gotham-Medium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("Gotham-Medium.woff2") format("woff2"), /* chrome、firefox */
  url("Gotham-Medium.woff") format("woff"), /* chrome、firefox */
  url("Gotham-Medium.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("Gotham-Medium.svg#Gotham-Medium") format("svg"); /* iOS 4.1- */
}
body, button, input, select, textarea, .main-navigation, .entry-title, .widget .widget-title, pre {
    font-family: Helvetica, "Gotham-Medium" !important;
}	
.site-header-menu {
    width: 90%;
}
.site-branding {
	width: 10%;
	text-align: right;
}
.site-header {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
	box-shadow: 0 3px 3px #ccc;	
	background-color: #FFF;	
}
.custom-logo {
    height: 5em;
    width: auto;
	background-color: #E20202;
	margin: 0.5em 0;
}
.site-inner {
	max-width: none;
}
.cta {
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;
	float: left;
	text-align: center;
	background-color: #636363;
	border: 1px solid #fff;
	padding: 1.5em;	
	margin-bottom: 1em;
}
.site-content {
	padding: 0;
}
.containercta {
	padding-top: 1em;
}
.cta a, .cta a:hover {
	color: #fff;
}
.cta h3, .cta p, .cta ul {
	margin: 0;
}
.payoff {
	width: 100%;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
	background-color: #E20202;	
	color: #fff;
	float: left;
	margin-top: 0.5em;
	margin-bottom: 2em;
}
.content-area {
    clear: both;
}
.cta img, .cta h3 {
	color: #fff;
}
.cta img {
	height: 4em;
	margin-bottom: 1em;
}
.cta ul {
	display: inline-block;
}
.cta ul li {
	text-align: left;
}
.site {
    margin: 0;
	background-color: transparent;
}
.site-header {
    padding: 1em 4.45%;
}
.site-branding, .site-header-menu, .header-image {
    margin-top: 0;
    margin-bottom: 0;
}
body:before, body:after {
	display: none !important;
}
.container {
	padding-right: 4.5455%;
	padding-left: 4.5455%;
	position: relative;
	overflow: auto;
	background-color: #fff;
}
.containertop {
	padding-right: 4.5455%;
	padding-left: 4.5455%;
	position: relative;
	overflow: auto;
	display: flex;
    align-items: stretch;
}
.widget {
    border-top: none;
}
.content-bottom-widgets .widget-area {
    width: 30%;
    margin-right: 5%;
    float: left;
	color: #fff;
}
.content-bottom-widgets .widget-area a, .content-bottom-widgets h1, .content-bottom-widgets h2, .content-bottom-widgets h3, .content-bottom-widgets h4, .content-bottom-widgets h5, .content-bottom-widgets h6 { 
	color: #fff;
}	
.content-bottom-widgets .widget-area:last-child {
    margin-right: 0;	
}
.site-info { 
	width: 100%;	
}	
.site-footer {
	background-color: #E20202;
}
.site-main {
    margin-bottom: 2.0em;
    margin-top: 1em;
}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #040D48;
}
.author {
	display: none;
}
.site-main > article {
    margin-bottom: 1.0em;
}
pre {
	background-color: #E20202;
	color: #fff;
	padding: 1em;
	margin: 1em 0;
	font-size: 1rem;	
}
blockquote {
	background-color: #636363;
	color: #fff !important;
	padding: 1em;	
	margin: 1em 0;
	border-left: none;
	font-size: 1rem;
	margin-left: 0 !important;
	font-style: normal !important;
	font-weight: normal !important;
}
h2 {
	color: #E20202;
}
h3 {
	color: #636363;
}
i {
	font-size: 200%;
}
.containercta .custom-logo {
    height: 10em;
    width: auto;
    background-color: transparent;
    margin: 0.5em auto 1.5em;
    display: block;
}
.no-sidebar .content-bottom-widgets {
    margin-right: 0;
    margin-left: 0;
}
span {
	display: inline-block;
	float: left;
	margin-right: 1em;
	color: #E20202;
	font-size: 2em;
}
form span {
	float: none;
	margin: 0 0 0.5em 0;
	font-size: 1rem;
	color: #1a1a1a;
}
fieldset {
    border: 0;
    margin: 0;
}
form {
	vertical-align: top;
	padding: 1em;
	font-size: 1rem;
	color: #1a1a1a;
	font-weight: normal;
	line-height: 1.2;
}
form li span {
	margin-top: 0.5rem;
}
.wpcf7-form-control-wrap {
	width: 100%;
	display: block;
	margin-bottom: 1em;
}
select {
    width: 100%;
}
legend {
	font-weight: bold;
}
form ol li {
	list-style: none;
}
input[type="checkbox"], input[type="radio"] {
	margin-left: 1em;
}
select {
    padding: 0.5em 0;
}
form p .wpcf7-form-control-wrap {
	margin-top: 0.5rem;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content span.change-settings-button {
    display: inline-block;
    float: none;
    margin-right: 0;
    color: #E20202;
    font-size: 1em;
}
@media screen and (max-width: 56.875em) {
	.site-branding {
    	margin: 0 0 0 auto !important;
	}
	.containertop {
		display: block;
	}
	.site-header {
		padding: 5vw !important;
		margin: 0;
		width: 100%
			!important;
	}	
	.site-branding {
    	margin: 0 !important;
		float: none;
		width: auto;
	}
	.site-title {
		display: none;
	}
	.site-header-main {
		justify-content: space-between;
	}
	.widget-area {
		width: 100% !important;
	}
}	
.kolom33 {
	width: 32%;
	margin-right: 2%;
}
.kolom50 {
	width: 49%;
	margin-right: 2%;
}
.kolom33:last-child, .kolom50:last-child {
	margin-right: 0;
}
.rij {
	display: flex;
}
.kolom50 img, .kolom33 img {
	width: 100%;
	height: auto;
}
.bazz-widget-button span {
	font-size: 1em;
	margin-right: 0;
}
@media screen and (max-width: 56.875em) {
	.rij {
		flex-direction: column;
	}	
	.kolom33, .kolom50 {
		margin-right: 0;
		width: 100%;
	}
	.site {
		overflow: hidden;
	}
}
@media screen and (min-width: 56.875em) {
	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul {
		left: 100%;
		right: auto;
		text-align: left;
	}
	.main-navigation .menu-item-has-children > a {
		margin: 0;
		padding-right: 2.25em;
	}
	.main-navigation .menu-item-has-children > a:after {
		content: "\f431";
		position: absolute;
		right: 0.625em;
		top: 0.8125em;
	}
	.main-navigation ul ul .menu-item-has-children > a {
		padding-right: 2.0625em;
	}
	.main-navigation ul ul .menu-item-has-children > a:after {
    	position: absolute;
		transform: rotate(270deg);
    	right: 0.625em;
    	top: 0.8125em;
	}
	.main-navigation li:hover > ul,
	.main-navigation li.focus > ul {
		left: auto;
		right: 0;
	}
	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul {
		left: 100%;
		right: auto;
	}
	.cta {
		width: 27%;
		margin-right: 3.16666%;
		margin-left: 3.16666%;
	}	
	.container2 {
	    margin-left: 15%;
    	margin-right: 15%;
	}
}
@media screen and (min-width: 61.5625em) {
	.post-thumbnail {
    	width: 25%;
    	float: left;
	}
	body.no-sidebar:not(.search-results) article:not(.type-page) .entry-footer {
		margin-left: 5%;
	}	
	body.no-sidebar:not(.search-results) article:not(.type-page) .entry-content {
    	margin-left: 24.99999999%;
	}
}