/* reset css */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, caption {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

select {
    -webkit-appearance: menulist;
    appearance: menulist;
    -moz-appearance: menulist;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
    color: #666666;
    font: normal normal 300 18px/130% "Source Sans Pro", sans-serif;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption,
th,
td {
    text-align: left;
    font-weight: normal;
}

.clear {
    clear: both;
}

div, ul, li, article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    zoom: 1;
}

div:before, article:before, aside:before, details:before, figcaption:before, figure:before,
footer:before, header:before, hgroup:before, menu:before, nav:before, section:before, div:after, ul:after, article:after, aside:after, details:after, figcaption:after, figure:after,
footer:after, header:after, hgroup:after, menu:after, nav:after, section:after {
    content: "";
    display: table;
}

div:after, article:after, aside:after, details:after, figcaption:after, figure:after,
footer:after, header:after, hgroup:after, menu:after, nav:after, section:after {
    clear: both;
}

fieldset, form,
dl, dir,
menu {
    margin: 1.12em 0;
}

img {
    vertical-align: top;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

.typed-cursor {
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}

@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.footer p {
    color: #ffffff;
}

p {
    margin: 4px 0 20px 0;
}

p.large_text {
    font-size: 1.11em;
    line-height: 150%;
    margin-bottom: 15px;
    color: #666666;
}

h1 {
    margin: 0 0 54px 0;
    color: #000000;
    text-transform: uppercase;
    font-size: 3em;
    font-weight: 600;
    line-height: 115%;
}

h2 {
    margin: 0 0 33px 0;
    color: #3D3D3D;

    font-size: 2.22em;
    font-weight: 300;
    line-height: 110%;
}

h3 {
    margin: 0 0 15px 0;
    color: #333333;

    font-size: 1.44em;
    font-weight: 600;
    line-height: 115%;
}

h4 {
    margin: 0 0 4px 0;
    color: #333333;

    font-size: 1.11em;
    font-weight: 600;
    line-height: 150%;
}

h5 {
    margin: 10px 0 15px 0;
    color: #333333;
    letter-spacing: 2px;

    font-size: 1em;
    font-weight: 600;
    line-height: 150%;
}

h6 {
    margin: 10px 0;
    color: #B5B5B5;
    text-transform: uppercase;
    letter-spacing: 3px;

    font-size: 1em;
    font-weight: 400;
    line-height: 100%;
}

a {
    color: #03a9f4;
    text-decoration: none;
    font-weight: 400;
}

a:hover {
    text-decoration: underline;
}

a:visited {
    color: #03a9f4;
}

ol,
ul {
    font: inherit;
    margin: 10px 0px 10px 0px;
    padding: 0px 0px 0px 40px;
}

p, a {
    -webkit-font-smoothing: subpixel-antialiased;
}

li {
    font: inherit;
}

span {
    font-family: inherit;
}

blockquote {
    padding: 10px 20px 10px 20px;
    margin: 10px 0px 20px 0px;
    border-left: 5px solid #eee;
    font-style: italic;
}

dir,
menu,
dd {
    padding-left: 40px
}

ol ul,
ul ol,
ul ul,
ol ol {
    margin-top: 0;
    margin-bottom: 0;
}

body img {
    max-width: 100%;
    height: auto;
}

/* =Forms
-------------------------------------------------------------- */


label {
	color: #777;
	font-size: .83em;
    text-transform: uppercase;
	display: block;
	text-align: center;
}

fieldset {
    border: none;
    padding: 0 0 8px 0;
    margin: 0;
}

input[type=text], input[type=tel], input[type=url], input[type=email], input[type=password], input[type=number] {
    box-sizing: border-box;
    min-height: 2.40741rem;
    width: 100%;
    padding: 0.61728rem;
    margin-bottom: 0.61728rem;
    font-family: inherit;
    font-size: 16.2px;
    vertical-align: middle;
    border: 0.06173rem solid #ebe9eb;
    border-radius: 0.18519rem;
    outline: none;
    background-color: white;
}

input[type=text]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=email]:focus, input[type=password]:focus, input[type=number]:focus {
    border-color: #03a9f5;
}

input[type=text]:disabled, input[type=tel]:disabled, input[type=url]:disabled, input[type=email]:disabled, input[type=password]:disabled, input[type=number]:disabled {
    background-color: #eee;
    cursor: not-allowed;
}

textarea {
    box-sizing: border-box;
    min-height: 2.40741rem;
    width: 100%;
    padding: 0.61728rem;
    margin-bottom: 0.61728rem;
    font-family: inherit;
    font-size: 16.2px;
    vertical-align: middle;
    border: 0.06173rem solid #ebe9eb;
    border-radius: 0.18519rem;
    outline: none;
    background-color: white;
    display: block;
    overflow: auto;
}

textarea:focus {
    border-color: #03a9f5;
}

textarea:disabled {
    background-color: #eee;
    cursor: not-allowed;
}

input[type=search] {
    box-sizing: border-box;
    min-height: 2.40741rem;
    width: 100%;
    padding: 0.61728rem;
    margin-bottom: 0.61728rem;
    font-family: inherit;
    font-size: 16.2px;
    vertical-align: middle;
    border: 0.06173rem solid #ebe9eb;
    border-radius: 0.18519rem;
    outline: none;
    background-color: white;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0 0.24691rem;
}

input[type=search]:focus {
    border-color: #03a9f5;
}

input[type=search]:disabled {
    background-color: #eee;
    cursor: not-allowed;
}

form {
    position: relative;
    color: inherit;
}

form select {
    height: 2.40741rem;
    width: 100%;
    padding-left: 0.61728rem;
    margin-bottom: 0.61728rem;
    font-family: inherit;
    font-size: 16.2px;
    border: 0.06173rem solid #ebe9eb;
    border-radius: 0.18519rem;
    outline: none;
    background-color: white;
}

form select:focus {
    border-color: #03a9f5;
}

form select:disabled {
    background-color: #eee;
    cursor: not-allowed;
}

select[multiple] {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    padding: 0 0.61728rem;
    margin-bottom: 0.61728rem;
    font-family: inherit;
    font-size: 16.2px;
    border: 0.06173rem solid #ebe9eb;
    border-radius: 0.18519rem;
    outline: none;
    background-color: white;
}

select[multiple]:focus {
    border-color: #03a9f5;
}

select[multiple]:disabled {
    background-color: #eee;
    cursor: not-allowed;
}

input.inputwebsite {
	visibility: hidden; display: none;
}

/*							MENU							*/
#menu { height: 82px; background: #00D6A3; padding: 0px 1.5em; letter-spacing: 1px;}
#menu .site_logo {height: 80px; float: left;}
#menu .site_logo img {height: 100%;}
#menu ul {list-style-type: none; margin: 0px; padding: 0px; float: right;}
#menu li{display: table-cell; color: white; padding: 32px 1.3em 0px 1em;}
#menu a {color: white;}
#menu ul.subnav {visibility: hidden; position: absolute; margin: 0px 0px 0px -100px; }
#menu ul li:hover > ul.subnav,
#menu ul li ul.subnav:hover {
	background: #00D6A3;
	visibility: visible;
	opacity: 1;
	border-top: solid 2px white;
	padding: 0px 5px 25px 5px;
}

/*							HEADER							*/
#header {
	background: url('../resources/images/IMG-20170428-WA0000.jpg');
	background-size: cover;
	height: 746px;
	color: white;
	text-align: center;
	padding: 200px 150px;;
	}
#header h1 { 
		color: white;
		font-size: 4em;
	}
	
/*							CONTENT							*/
#content {background: #ffffff; padding: 100px 0 50px 0;}
#overmij {background: #f6f6f6; padding: 100px 0 50px 0;}
#voorwie {background: #ffffff; padding: 100px 0 50px 0;}
#wat {background: #f6f6f6; padding: 100px 0 50px 0;}
#contact {background: #777; text-align: center; color: white; padding-top:50px;}
#contact h2{color: white;}
#footer {
	padding: 50px 80px;
	background: #444;
	color: #aaa;
	text-align: center;
	border-top: solid 5px #00D6A3;
}
#footer img{
	width: 5em;
	display: block;
	margin: 0 auto 20px auto;
}
.contact-form { background: white; width: 50%; margin: 50px auto; padding: 50px; box-shadow: 0 0 35px rgba(0,0,0, 0.3);}
.content { width: 80%; max-width: 1232px; margin: 0 auto 100px auto; }
.content p {
	hyphens: auto;
	text-align: justify;
	text-justify: inter-word;
	max-width: 18em;
}
#content { width: 80%; margin: 0 auto;}

#content .content p {
	hyphens: auto;
	text-align: justify;
	text-justify: inter-word;
	width: 95%;
	max-width: 95%;
}
.img-align-left {
	float: left;
	max-height: 100%;
	width: 18em;
	padding-top: 5em;
}
.img-align-right {
	float: right;
	max-height: 100%;
	width: 18em;
}
.div-align-left {
	float: left;
}
.div-align-right {
	float: right;
}
.column-right {
	width: 22em;
}
.sub-column {
	width: 10em;
}
.div-align-right p {
	max-width: 22em;
}

.contact-form input{
	-webkit-appearance: none;
    background: #fafafa;
    border: 1px solid #DDDDDD;
    border-radius: 0;
    box-shadow: none;
    color: #555555;
    height: 45px;
    line-height: 1.428571429;
    margin-top: 10px;
    outline: none;
    padding: 11px 12px;
    transition: all ease-in-out .15s;
    vertical-align: middle;
    width: 100%;
}

.contact-form textarea{
	-webkit-appearance: none;
    background: #fafafa;
    border: 1px solid #DDDDDD;
    border-radius: 0;
    box-shadow: none;
    color: #555555;
    height: 150px;
    line-height: 1.428571429;
    margin-top: 10px;
    outline: none;
    padding: 11px 12px;
    transition: all ease-in-out .15s;
    vertical-align: middle;
    width: 100%;
}

/*						BUTTON								*/

.button:hover {
    box-shadow: rgba(0, 0, 0, 0.419608) 0px 14px 26px -12px, rgba(0, 0, 0, 0.117647) 0px 4px 23px 0px, rgba(0, 0, 0, 0.2) 0px 8px 10px -5px;
    -moz-box-shadow: rgba(0, 0, 0, 0.419608) 0px 14px 26px -12px, rgba(0, 0, 0, 0.117647) 0px 4px 23px 0px, rgba(0, 0, 0, 0.2) 0px 8px 10px -5px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.419608) 0px 14px 26px -12px, rgba(0, 0, 0, 0.117647) 0px 4px 23px 0px, rgba(0, 0, 0, 0.2) 0px 8px 10px -5px;
    outline: none;
    text-decoration: none;
}

.button.blue:hover,
.button.blue:active {
    background-color: #00D6A3;
}

.button.green:hover,
.button.green:active {
    background-color: #00D6A3;
}

.button.yellow:hover,
.button.yellow:active {
    background-color: #faba19;
}

.button.purple:hover,
.button.purple:active {
    background-color: #8c239f;
}

.nav-previous a, .nav-next a, .button {
    display: inline-block;
    margin-bottom: 14px;
    color: #666666;
    text-decoration: none;
    padding: 12px 30px;
    background-color: #ffffff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.2s linear 0s;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    font-size: 0.66em;
    font-family: inherit;
    line-height: 130%;
    font-weight: 600;
    letter-spacing: 1px;
}

.nav-previous a:active,
.nav-next a:active,
.button:active {
    box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .13) inset;
    -moz-box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .13) inset;
    -webkit-box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .13) inset;
    outline: none;
    text-decoration: none;
}

.nav-previous a:visited,
.nav-next a:visited,
.button:visited {
    text-decoration: none;
    color: initial;
}

.button.small {
    padding: 7px 20px;
    border-radius: 2px;
}

.button.big {
    padding: 18px 36px;
    font-size: 0.8em;
}

.button.dark-blue {
    background-color: rgb(33, 134, 196);
    color: #ffffff;
}

.button.blue {
    background-color: #00D6A3;
    color: #ffffff;
	margin-top: 25px;
}

.button.green {
    background-color: #00D6A3;
    color: #ffffff;
}

.button.yellow {
    background-color: #FBC02D;
    color: #ffffff;
}

.button.purple {
    background-color: #9c27b0;
    color: #ffffff;
}

.button.transparent {
    background-color: transparent;
    border: 2px solid #ffffff;
    color: #ffffff;
}

.button.transparent-dark {
    background-color: transparent;
    border: 2px solid #8a8a8a;
    color: #8a8a8a;
}


/*						MOBILE							*/
@media only screen and (min-width: 768px) {
    body {
        text-align: left;
    }

    div#drop_mainmenu_container ul.fm2_drop_mainmenu {
        display: block;
    }

    .alignnone {
        margin: 5px 20px 20px 0;
    }

    a img.alignnone {
        margin: 5px 20px 20px 0;
    }

    .alignright {
        float: right;
        margin: 5px 0 20px 20px;
    }

    .alignleft {
        float: left;
        margin: 5px 20px 20px 0;
    }

    a img.alignright {
        float: right;
        margin: 5px 0 20px 20px;
    }

    a img.alignleft {
        float: left;
        margin: 5px 20px 20px 0;
    }

    body.logged-in.admin-bar {
        position: relative;
    }

    h1 {
        font-size: 3.4em;
    }

    h2 {
        font-size: 2.5em;
    }

    h3 {
        font-size: 1.6em;
    }

    p {
        line-height: 130%;
    }

    h1.heading8 {
        font-size: 3.3em;
    }

    .gridContainer {
        width: 90%;
        max-width: 1232px;
    }

    .gridContainer .row {
        margin-left: -15px;
        margin-right: -15px;
        clear: both;
    }

    .content {
        min-height: 398px;
    }

    .header {
        width: 100%;
    }

    .header-top {
        display: flex;
        position: fixed;
        transition: all .3s linear;
    }

    .featured-items {
        display: flex;
    }

    .featured-item {
        width: 33.333%;
        min-height: 200px;
        margin-bottom: 0;
    }

    .logo_col {
        margin-right: 15px;
    }

    .row_47 {
        min-height: 100px;
        width: 100%;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 20px;
    }

    .image-on-left .header-description-row,
    .image-on-right .header-description-row,
    .media-on-left .header-description-row,
    .media-on-right .header-description-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -webkit-flexbox;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
    }

    .header-description-row:before,
    .header-description-row:after {
        content: normal;
    }

    .header-description-left {
        display: block;
        vertical-align: middle;
        margin-bottom: 0px;
    }

    .header-description-right {
        display: block;
        vertical-align: middle;
        margin-bottom: 0px;
    }

    .image-on-right .header-description-left,
    .image-on-left .header-description-left {
        align-self: center;
    }

    .image-on-left .header-description-right,
    .image-on-right .header-description-right,
    .media-on-left .header-description-right,
    .media-on-right .header-description-right {
        display: -webkit-box;
        display: -webkit-flex;
        display: -webkit-flexbox;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 1 1 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        align-content: center;
        align-items: center;
    }

    .image-on-left .header-content,
    .image-on-right .header-content,
    .media-on-left .header-content,
    .media-on-right .header-content {
        height: 100%;
        display: flex;
        display: -webkit-box;
        display: -webkit-flex;
        display: -webkit-flexbox;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        align-content: center;
        align-items: center;
    }

    .header-content-centered {
        margin-left: auto;
        margin-right: auto;
    }

    .header-content-right {
        margin-left: auto;
    }

    .header-buttons-wrapper {
        margin: 0px -9px 0px -9px;
        clear: both;
    }

    .footer_left {
        float: left;
        width: 66.6667%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .footer_right {
        float: left;
        width: 33.3333%;
        padding-left: 15px;
        padding-right: 15px;
        text-align: right;
    }

    .post-list-item {
        width: 50%;
        float: left;
    }

	@media only screen and (min-width: 1024px) {

    .gridContainer {
        width: 80%;
    }

    h1.heading98 {
        font-size: 3.8em;
    }

    h1 {
        font-size: 3.8em;
    }

    h2 {
        font-size: 2.7em;
    }

    h3 {
        font-size: 2.2em;
    }

    p {
        line-height: 150%;
    }

    .widget > ul {
        list-style: none;
    }

    .widget > .widgettitle {
        padding-left: 20px;
        border-left-style: solid;
    }

    /* comments css */
    .comment-form .comment-respond .comment-form p.comment-notes,
    .comment-form .comment-respond .comment-form p.form-allowed-tags {
        display: none;
    }

    .comment-form .comment-respond .comment-form p label {
        display: block;
    }

    .post-content-single {
        clear: both;
        min-height: 100px;
        width: 100%;
        float: left;
        padding: 30px;
    }

    .post-list .navigation {
        clear: both;
    }

    .commentlist li.comment .comment-body .comment-author {
        width: 33.3333%;
        float: left;
        padding-left: 0px;
    }

    .commentlist li.comment .comment-body .comment-meta {
        width: 66.6667%;
        float: left;
        padding-right: 0px;
    }

    .commentlist li.comment .comment-body .reply {
        float: right;
        width: auto;
        min-height: 40px;
        clear: both;
    }

    .comment cite.fn {
        margin-left: 10px;
        display: inline-block;
    }

    .comment a.url {
        margin: 0px;
    }

    .comment a.comment-reply-link {
        margin-left: auto;
        display: inline-block;
        float: left;
    }

    .commentlist .avatar {
        display: inline-block;
    }

    .post-list a.next-page-link {
        padding-left: 25px;
        padding-right: 25px;
    }

    .commentlist li.comment .comment-body p {
        float: left;
        clear: both;
    }

    .commentlist li.comment .comment-body {
        margin-left: 0px;
        width: 100%;
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }