/* 
Theme Name:     shvcmm
Theme URI:      https://www.shvcmmodel.nl
Description:    Responsive thema ontwikkeld voor SHVCMmodel.nl 
Author:         Shyama Sewpersad Web Services, www.sswebs.nl
Author URI:     https://www.sswebs.nl
Version:        1.0
*/

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

html {overflow-y: scroll;}	/* toont in FF altijd scrollbar zodat gecentreerde site niet verspringt. CSS3   
  
/* Open+Sans: ff spieken
300 = light
400 = regular
600 = semi-bold
700 = bold
800 = extra-bold
*/

body {
  margin: 0; }

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: 600; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

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

td,
th {
  padding: 0; }

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box; }

/* BODY 
---------------------------------------------------------------------------*/
.temp {color: #ccc; padding-top: 10px;display: none;/**/ }

html,
body {
  background: #fff;
  color: #5c5b5b;
  font-size: 17px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  line-height: 1.45; /* 1.45 will be multiplied by current font size */
  padding: 0; }

.wrapper {
  background: #fff;
  overflow: hidden;}
.home .wrapper {background: #edeeef;}

.centering {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  max-width: 1180px;}
  .centering:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    line-height: 0; }

img {
  border: 0 none;
  display: block;
  max-width: 100%;
  height: auto; }
  
.alignleft { float: left; margin: 8px 20px 10px 0; display: inline-block; }
.alignright { float: right; margin: 0 0 15px 20px; display: inline-block; }
.aligncenter { float: none; margin: 0 auto; display: inline-block; text-align: center; }

ul {
  list-style: none; }

p {
  margin-bottom: 15px; }

a {
  color: #a83f59;
  text-decoration: none;}
  a:hover {
	  color: #3c748a;
    text-decoration: none; }
  a:focus {
    outline: none; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Nunito', sans-serif;
  color: #3c748a;
  display: inline-block;
  font-weight: 700;
  line-height: 1.1;
  margin: 0 0 10px;}

h1, .h1 {
  color: #a83f59;
  font-size: 28px; }
  @media only screen and (max-width: 767px) {
    h1,
    .h1 {
      font-size: 24px; } }

h2,
.h2 {
  font-size: 18px; }

h3,
.h3 {
  font-size: 18px; }

h4,
.h4 {
  font-size: 18px; }

h5,
.h5 {
  font-size: 14px; }

h6,
.h6 {
  font-size: 19px; }

.clear:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  line-height: 0; }

input::-ms-clear {
  display: none; }

.contentleft {
  float: left;
  margin: 16px 0 40px 160px;
  width: 78.7%; }
  @media only screen and (max-width: 768px) {
    .contentleft {
	  margin-left: 35px;
	  width: 90%;
      /*float: none;*/ } }


/* HEADER
---------------------------------------------------------------------------*/
.header {
  position: relative;
  z-index: 9;
  padding: 0;}

  .secondary-header {
	  background: #edeeef; 
	  width: 100%; }
  .home .secondary-header {background: #3b97a6;}
		.site-title {
			color: #3c748a;
			font-family: 'Nunito', sans-serif;
			font-weight: 700;
			margin-left: 130px; 
			padding: 49px 0 12px 30px;
			font-size: 19px;
			height: 110px;}
		.site-title span {font-size: 140%;}
		.home .site-title {color: #fff;}
		
		@media only screen and (max-width: 414px) {
			.site-title {padding-left: 0;}
			.site-title span {font-size: 120%;}
		}

  .header .headerwrap {
	  background-color: #edeeef;
	  /*height: 209px;*/ 
	  margin: 0 auto;
	  padding: 0;
	  position: relative;
	  max-width: 1180px;
	  width: 100%;}
  .header .header_top {background: #fff; position: relative;  min-height: 52px;}
  .home .header .header_top {background: #edeeef;}
  .header .header_top:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    line-height: 0; }

  .header .header_top .logo {
    float: left; margin-top: -79px; margin-left: 35px;}
    @media only screen and (max-width: 767px) {
      .header .header_top .logo {
        top: 50px;
        /*position: static;
        float: right;*/ } }
    @media only screen and (min-width: 650px) {
		img.logo-mob {display: none !important;}
	}
	@media only screen and (max-width: 649px) {
		.header .header_top .logo {margin-top: -106px;}
		img.logo-wide {display: none !important;}
		.site-title {margin-left: 116px; padding-top: 34px;}
	}

  .header .header_nav { 
	float: right;
	margin-right: 18px;
	padding: 0; }
  #nav { background: #fff; height: 42px;}
  .home #nav { background: none; height: 60px;}
    .header .header_nav nav:after {
      content: "";
      display: block;
      clear: both;
      height: 0;
      line-height: 0; }
      .header .header_nav nav > ul > li {
        margin-right: 4px;
		position: relative;
        padding: 17px 0; 
        float: left; }
        .header .header_nav nav > ul > li:after {
          content: "";
          /*width: 100%
          height: 18px;
          position: absolute;
          left: 0;
          top: 100%;
          display: none;*/ }
        .header .header_nav nav > ul > li:before {
          content: "";}
		.header .header_nav nav > ul > li:first-of-type:before {content: "";}
        .header .header_nav nav > ul > li > a {
          background-color: #f6f7f7;
		  color: #3c748a;
          padding: 19px 20px;
          /*display: block;*/
		  font-family: 'Nunito', sans-serif;
          font-size: 14px;
		  font-weight: 700;
		  letter-spacing: 0.5px;
          text-align: center;
		  text-decoration: none;
		  text-transform: uppercase;}
		.header .header_nav nav > ul > li:first-of-type a {
			border-bottom-left-radius: 12px; }
		.header .header_nav nav > ul > li:last-of-type a {
			border-bottom-right-radius: 12px; }
		
		.home .header .header_nav nav > ul > li > a {
			background-color: #fff;
		}
		.header .header_nav nav > ul > li:hover > a {
          background: #78c9d4; border-bottom: none; }
        .header .header_nav nav > ul > li > ul {
          /*margin-top: 18px;*/
          background: #c1e3e8;
          display: none;
          padding: 0;
          position: absolute;
          left: 0;
          top: 100%;
		  z-index: 2;
		  -webkit-box-shadow: 6px 6px 20px 0px rgba(0,0,0,0.2);
		  -moz-box-shadow: 6px 6px 20px 0px rgba(0,0,0,0.2);
		  box-shadow: 6px 6px 20px 0px rgba(0,0,0,0.2); }
          .header .header_nav nav > ul > li > ul > li {
			border-top: 1px solid #fff; }
            .header .header_nav nav > ul > li > ul > li:last-child {
              margin-bottom: 0; }
            .header .header_nav nav > ul > li > ul > li > a {
              color: #3c748a;
			  display: block;
			  font-family: 'Nunito', sans-serif;
			  font-size: 14px;
              font-weight: 700;
			  letter-spacing: 0.5px;
			  padding: 14px 25px;
			  text-decoration: none;
			  text-transform: uppercase;
			  transition: all 0.15s ease 0s;
              white-space: nowrap; }
            .header .header_nav nav > ul > li > ul > li:hover > a {
              /*font-weight: 400;*/
			  background: #78c9d4;
			  color: #fff;}
			.header .header_nav nav > ul > li > ul > li.current-menu-item > a {background: #78c9d4;}
        .header .header_nav nav > ul > li:hover:after {
          display: block; }
        .header .header_nav nav > ul > li:hover > ul {
          display: block; }
		.header .header_nav nav > ul > li.current-menu-item > a,
		.header .header_nav nav > ul > li.current-menu-parent > a {
          background: #c1e3e8;}
		
		.header .header_nav nav > ul > li.menu-item-28 > a,
		.header .header_nav nav > ul > li.menu-item-31 > a {cursor:default;}
		
		.header .header_nav nav ul li.contact span {
			background: #a83f59;
			padding: 6px 12px;
			border-radius: 10px;
			color: #efefef;
			-webkit-box-shadow: 6px 6px 20px 0px rgba(0,0,0,0.25);
			-moz-box-shadow: 6px 6px 20px 0px rgba(0,0,0,0.25);
			box-shadow: 6px 6px 20px 0px rgba(0,0,0,0.25);
		}
		



/* FOOTER
---------------------------------------------------------------------------*/
.footer {
  margin-top: 0; }
  
.footer .centering {
	position: relative;}
.footer.home {margin-top: 0; }
  .footer .footer_container {
	min-height: 200px;
	padding: 0;
    position: relative; }

	.footer .footer-copyright {
		color: #fff;
		background: #a83f59; 
		border-radius: 12px;
		font-size: 13px;
		float: left; 
		padding: 70px 10px;
		position: absolute;
		top: -14px;
		text-align: center;
		width: 100%;}
	.home .footer .footer-copyright {
		background: #c1e3e8;
		color: #3b97a6;}


/*
.home .contentbox1, .home .contentbox2 {
	border-radius: 12px;
}
.home .contentbox1 {
    float: left;
    margin: 0 0 0 -30px;
}
	.home .content_text ul li:before {background: #fff;}

@media only screen and (max-width: 991px) {
	.home .contentboxes {margin-left: 0; width: 100%;}
}
.home section {
	background: #fff;
	border-top: 10px solid #5c5b5b;
	display: inline-block;
	float: left;
	margin-left: 3.5%;
	width: 31%; 
}
@media only screen and (max-width: 667px) {
	.home .contentboxes {margin-top: 15px;}
	.home section {margin: 0; width: 100%;}
}
.home .inner-content {padding: 0 30px 24px 36px; }
.home section:first-of-type {margin-left: 0;}
.home section .nr {
	background: #ff7300; 
	border-radius: 27px;
	color: #fff;
	display: inline-block;
	font-size: 20px;
	font-weight: 600;
	margin: 20px 0 10px;
	padding: 9px 22px;
	text-align: center;}
.home section .boxbody {
	background: url("images/ic-pijl2.png") no-repeat right bottom;
	display: block; 
	min-height: 204px; 
	text-decoration: none;}
@media only screen and (max-width: 667px) {
	.home section .boxbody {min-height: auto;}
}
/*



.sidebar {
  /*background: url(images/bg_sidebar.png) no-repeat top right;*/
  float: right;
  position: relative;
  margin: 84px 54px 0 0;
  width: 27.89%;
  z-index: 2; }
    .sidebar .widget {
	  background: #5c5b5b;
	  color: #fff; 
	  float: left;
	  font-size: 17px; 
	  padding: 30px 26px 30px 35px; 
	  width: 100%;}
    .sidebar .widget-schedules {background: #ff7300; }
	.sidebar .widget h3 {font-size: 15px; font-weight: 700; margin: 15px 0 6px;}
	.sidebar .widget h3:first-of-type {margin-top: 0;}
	.sidebar .widget.blue ul li a {display: inline; padding-right: 6px;}
	.sidebar .widget.blue ul li a:hover {color: #ff7300;}
	
/*	.home .sidebar .widget.blue {padding: 0} */
	
	
  @media only screen and (max-width: 991px) {
    .sidebar {margin: 24px 0 0; width: 100%;} 
	.sidebar .widget {width: 49%;}
	.sidebar .widget-schedules {float: right;}
  }
  @media only screen and (max-width: 767px) {
	.sidebar .widget {
	  float: left;
	  width: 100%; }
  }


/* ============ Pagina / vervolgpagina ======================== */
.content .centering {
	background-color: #e8f5f7;
	border-radius: 12px;
	margin-top: 14px;}
/* .home .content .centering {background-color: #edeeef;} */

	h1 {
	display: block;
	padding: 20px 0 10px 0;}
	.home h1 {display: none;}
	.home #h1 h1 {display: block;}
	.home .entry {padding-top: 40px;}
	
.content_text {
  padding: 0 0 40px 0;
  font-weight: 300; }
  .content_text p {
    margin: 0;
    line-height: 1.7; 
	padding-bottom: 0;}
  .content_text h2 {
	display: block;
    font-size: 20px;
	padding-top: 25px; }
  .contentleft h1 + h2 {padding-top: 0;}
  .content_text h2 a {text-decoration: none;}
  .content_text h3 {
    color: #0056a0;
    margin-bottom: 4px;
	margin-top: 8px;
    font-size: 19px;
	font-weight: 700; }
  .content_text h4 {
	font-weight: 300;
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 20px; }
  .content a {border-bottom: 1px solid;}
  .content_text img {}
  .content_text ul {margin-bottom: 12px; margin-left: 6px; margin-top: 4px; }
    .content_text ul li, .content_text ol li {
      line-height: 1.52;
      padding-left: 16px;
      position: relative; }
      .content_text ul li:before {
        background: #3c748a;
        border-radius: 50%;
        content: "";
        display: block;
        width: 5px;
        height: 5px;
        position: absolute;
        left: 0;
        top: 12px;
        -webkit-border-radius: 50%; }
      .home .content_text ul li:before {background: #fff;}	
  .content_text ol {margin-bottom: 12px; margin-left: 24px; margin-top: 4px; }
    .content_text ol li {padding-left: 2px;}
		
.content_text .meta, 
.inner-content .meta {
	background: #5c5b5b; 
	border-radius: 27px;
	display: inline-block;
	margin: 20px 0;
	padding: 12px;
	text-align: center;}
.content_text .meta p, 
.inner-content .meta p{color: #fff; line-height: 1.1; margin: 0; padding-bottom: 0;}
.content_text .meta .year {}
.content_text .meta .month,
.inner-content .meta  month {font-size: 13px; font-weight: 600; text-transform: uppercase;}
.content_text article .more-link {color: #ff7300; font-size: 17px; text-decoration: none;}
.content_text article .more-link:hover {font-weight: 400;}
.content_text article.post {border-bottom: 10px solid #cedde5; float: left; padding-bottom: 20px; width: 100%;}
.content_text article.post:first-of-type {margin-top: -20px;}
.single .content_text .meta {margin-top: 0;}

.block h2 {    
	color: #0a8ca3;
	display: block;
    margin-bottom: 4px;
	padding-top: 0;
	overflow-wrap: break-word; }


/* ============ Vervolgpagina ============ */
/* Contactpagina */
.contact table {font-size: 16px;}

/* opmaak blockquote */
blockquote cite {
	color: #999999;
	font-size: 14px;
}

.navigation {
	clear: both;
    float: left;
    margin-top: 20px;
	padding: 6px 0;
    width: 100%;
}
.prev-posts, .prev {float: left; padding: 0;}
.next-posts, .next {float: right; padding: 0;}
.navigation a {font-weight: 400; text-decoration: none;}