/* ADDITIONS by SOMTIJDS | Willem Prins */

.container_clearfix {
  overflow: auto;
  width: 100%;
}

.container_clearfix {
  overflow: hidden;
  width: 100%;
}

.container_clearfix:before,
.container_clearfix:after {
  content: ' ';
  display: table;
}

.container_clearfix:after {
  clear: both;
}

.container_clearfix {
  zoom: 1;
}

body {
  font-size: 1em;
  font-family: 'Lucida Grande', Tahoma, 'Lucida Sans Unicode', Verdana, sans-serif;
  line-height: 1.6;
  width: 100%;
  background: #b17023;
}

/* GENERAL STYLES AND WRAPPERS */

#canvas {
  padding-bottom: 2.5em;
  box-shadow: 0 0.5em 0.5em 0 #333;
  -webkit-box-shadow: 0 0.5em 0.5em 0 rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 0.5em 0.5em 0 rgba(51, 51, 51, 0.5);
  box-shadow: 0 0.5em 0.5em 0 rgba(51, 51, 51, 0.5);
}

#header {
  width: auto;
  max-width: 56.25em;
  height: inherit;
  padding: 1.875em 0;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 56.25em) {
  #header {
    padding: 1.875em;
  }
}

@media screen and (max-width: 780px) {
  #header {
    flex-flow: column;
    text-align: center;
  }
  #header .logo-svg {
    max-width: 250px;
  }
  #header .menu .menu-header-container {
    width: 100%;
  }
  #header .menu .menu-header-container ul.hoofditems {
    display: flex;
    justify-content: space-between;
  }
  #header .menu {
    width: 100%;
  }

  #content .wp-block-columns.homepage-news {
    flex-wrap: nowrap;
  }
}

#content .homepage-news p {
  margin-top: 0;
}

#content {
  padding: 0;
}

#content img:not(.content-image) {
  max-width: 100%;
  height: auto;
}

#content .content-inner {
  padding: 1em 1.875em 1.875em 1.875em;
}

#top_content,
#bottom_content,
.content-inner {
  font-size: 1em;
  max-width: 52.5em;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

#top_content,
#bottom_content,
.cta-wrapper,
#content .content-inner {
  background-color: #fff;
}

#top_content {
  margin-bottom: 1em;
  padding: 1.25em 1.875em 0.75em;
}

#bottom_content,
.cta-wrapper {
  margin-top: 1em;
  padding: 0.25em 1.875em;
}

#bottom_content p,
.cta-wrapper p {
  font-size: 1.125em;
  width: 100%;
  text-align: center;
}
#bottom_content i,
.cta-wrapper i {
  margin-right: 0.5em;
}

.row.cta-wrapper {
  margin: 1em 0;
}

body.projecten_2014 #content {
  background: transparent;
  padding: 0;
}

#content div.projectwrapper {
  max-width: 56.5em;
  width: 100%;
  padding: 0;
  margin-top: 1rem;
}

#content .projectwrapper.row {
  background: #fff;
}

body.projecten_2014 li.project {
  width: 16.166em;
  height: 16.166em;
  padding: 1em;
  margin-right: 1em;
}

body.projecten_2014.chrome li.project {
  width: 16.15em;
}

body.projecten_2014 li.project:nth-of-type(3n) {
  margin-right: 0;
}

body.projecten_2014 .projectoverview__cta-wrapper {
  clear: both;
  margin-bottom: 1em;
  padding: 1em 0;
}

body.projecten_2014 #content .projectoverview__cta-wrapper p.cta {
  margin: 0 auto;
}

#footer {
  background-color: transparent;
  background-image: none;
  color: #fff;
  font-size: 1em;
}

#footer .footer_content_wrapper {
  max-width: 52.5em;
  margin: 2rem auto;
  padding-bottom: 1.5em;
}

@media screen and (max-width: 52.25em) {
  #footer .footer__rechts {
    float: left;
    text-align: left;
  }
}

@media screen and (max-width: 600px) {
  #footer {
    padding: 1.875em;
    width: auto;
  }
  #footer .footer__rechts .social-menu {
    text-align: left;
  }
  #footer ul.social-items {
    padding: 0;
  }

  #footer .footer__rechts .newsletter-cta {
    text-align: left;
    margin-bottom: 2rem;
  }
  .footer-logo {
    max-width: 250px;
  }
}

#content div.column_half_2014 {
  margin: 0;
  width: 24.25em;
  font-size: 1em;
  float: left;
}

#content div.column_half_2014.twee {
  margin-left: 3.75em;
}

#content div.column_kwart_2014 {
  margin: 0;
  width: 11.875em;
  font-size: 1em;
  float: left;
  margin-right: 1.666em;
}

#content div.column_kwart_2014.een {
  margin-left: 0;
}

#content div.column_kwart_2014.vier {
  margin-right: 0;
}

#content .column_tweederde_2014 {
  width: 35em;
  float: left;
  margin-right: 1em;
}
#content div.highlight_2014.column_eenderde_2014 {
  width: 12.25em;
  float: right;
  margin-top: 0;
  margin-bottom: 0;
  padding: 1em;
}

#content .projectcolumn {
  width: 17em;
}

#content .metacolumn {
  margin: 1.875em 1.875em 0 0;
}

#content .projectcolumn {
  margin: 1.4em 1.875em 0 0; /* = 30px / 0.9em */
}

#content .projectcolumn:last-of-type {
  margin-right: 0;
}

#content .project_content_wrapper {
  padding: 1em 1.875em;
  background-color: #fff;
}

/* images and image-wrappers */

#content img#voorpagina {
  margin: 1em 0 0;
}

a.logo_vierkant {
  display: block;
  height: 5.25em;
  width: 5.25em;
  background-image: url('../images/logo-84x84.png');
  /*background-image: url('../images/logo.svg');*/
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
}

.logo {
  float: left;
  margin: 0 0 0 0;
}
.logo-svg {
  width: 100%;
  max-width: 370px;
}

#content img.page_featured_image_2014 {
  border: 0;
  outline: 0;
  border-image-width: 0;
  width: 100%;
  margin: 0 0 0.75em 0;
}

#content .page_featured_image_cropper {
  overflow: hidden;
  max-height: 36.5em;
}

#content .page_featured_image_caption ul {
  margin: 0.25em 0 0.75em;
  padding: 0;
  line-height: 1.3;
}

#content .page_featured_image_caption ul li {
  list-style: none;
  display: inline;
  font-size: 0.7em;
  margin: 0 0.1em;
}

#content .page_featured_image_caption ul li:before {
  content: '/';
  margin-right: 0.5em;
}

#content .page_featured_image_caption ul li:first-child:before {
  content: none;
}

#content .page_featured_image_caption ul li:first-child {
  margin-left: 0;
}

#content img.erm_logo {
  width: 145px;
}

#content img.bastiaan {
  width: 23.5em;
}

#content ul.team_details_list,
#content ul.team_member_details {
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}

#content ul.team_details_list {
  margin-top: 2.25em;
}

#content ul.team_details_list li,
#content ul.team_member_details li {
  list-style: none;
}

#content ul.team_details_list li a {
  color: #b8650d;
}

#content ul.team_details_list > li {
  display: block;
  float: left;
  width: 50%;
  margin-bottom: 1em;
  font-size: 0.9em;
}
#content ul.team_details_list > li:nth-child(even) {
  padding-left: 1em;
  box-sizing: border-box;
}

#content ul.team_details_list > li:nth-child(3) {
  clear: both;
}

#content ul.team_member_details li {
  display: block;
}

#content ul.team_member_details li span.p-name {
  font-size: 1.15em;
}

#content ul.team_member_details li a i {
  font-size: 1.5em;
  margin-left: 0.25em;
  position: relative;
  top: 0.0625em;
  color: #b8b396;
}

#content ul.team_member_details li a:hover i {
  color: #b8650d;
}

#content img.highlight_image_2014 {
  border: 0;
  float: left;
  height: auto;
  margin-right: 1.875em;
}

/* #content div.testimonial_2014 {
  margin: 2.75em 0 1.875em;
} */

#content div.testimonial_2014 div.border {
  height: 4.125em;
  width: 4.125em;
}

#top_content div.newsflash div.newsflash_image {
  height: 4.125em;
  width: 4.125em; /* breedte aangepast van 4.125em naar 7.5em */
  float: right;
  margin-left: 2em; /* marge teruggebracht van 3em naar 2em */
  margin-top: -0.5em;
  /*background: url('../images/logo_beverwijk.png') center center no-repeat; /* afbeeldingsnaam veranderd en verticale uitlijning van boven (top) naar het midden (center). */
  background-size: auto 100%;
  background-position: center right;
}

#content div.testimonial_2014 div.border {
  border: 1px solid lightgrey;
  float: left;
  margin-right: 1em;
}

#content div.testimonial_2014 div.wim_buesink {
  height: 5.8em;
  width: 5.8em;
  background: url('../images/WB.jpg') center top no-repeat;
  background-size: 100% auto;
}

#content div.testimonial_2014 div.andreas_grutter {
  background: url('../images/AG.jpg') center top no-repeat;
  background-size: 100% auto;
}

#content img.page_featured_split_image_2014 {
  width: 50%;
  height: auto;
  float: left;
  margin: 0 0 0.75em 0;
  border: 0;
}

#content div.column_kwart_2014 img {
  height: 11.75em;
  width: 11.75em;
  border: 0;
}

/* KOPPEN */

#content .row h3 {
  margin: 1.25em 0 0 0;
  font-size: 1.05em;
}

#content h1 {
  font-size: 1.5em;
  color: #b8650d;
  margin: 0 0 0.5em;
}

#content h1.secondary_page_header_2014 {
  font-size: 1.25em;
  color: #383838;
  margin: 0.5em 0 0.125em;
}

#content h2.project_subtitle_2014 {
  font-size: 1.05em;
  color: #383838;
  margin: 0 0 0.5em;
}

#content .row h1.secondary_page_header_2014 {
  margin: 1em 0 0.5em;
}

#content h1.centered {
  text-align: center;
}
#content h1.spaced {
  margin-bottom: 0.75em;
}

#content div.highlight_2014 h2 {
  margin-top: -0.25em;
}

#content div.testimonial_2014 p.client a,
#content .adres_2014 a {
  color: #b8650d;
}

#content .header_wrapper_2014 a h1,
#content .header_wrapper_2014 a,
#content .adres_2014 a {
  text-decoration: none;
}

#content .header_wrapper_2014 a h1:hover {
  text-decoration: none;
}

#top_content .header_wrapper_2014 h1.page_header_2014 {
  font-size: 1.5em;
  margin: 0;
}
#top_content.project_top_content {
  padding: 1em 1.875em;
}
/* Menu-items, buttons en links */

.menu {
  width: auto;
  height: auto;
  background-image: none;
  font-size: 1em;
  margin: 1.25em 0 0 0; /* margin right = standard padding - menu item padding */
  float: right;
}

.social-menu {
  text-align: right;
}

ul.hoofditems {
  padding: 0;
  margin: 0;
}
.hoofditems ul.social-items {
  padding: 0;
  text-align: right;
  margin: 0 0 0 0;
}

ul.social-items li {
  padding: 0 0.25rem;
  margin: 0;
}

ul.hoofditems li,
ul.social-items li {
  display: inline-block;
}

ul.hoofditems li a,
ul.social-items li a {
  display: block;
}

#header ul.hoofditems li a {
  padding: 0.25em 0.75em;
  margin: 0 0.5em;
}

#header ul.social-items li a,
#footer ul.social-items li a {
  display: inline-block;
  width: 1em;
  height: 1em;
  padding: 0;
  margin: 0;
  font-size: 1.25em;
  line-height: 1em;
  border: none;
  outline: 0;
}

#header ul.social-items li a svg,
#footer ul.social-items li a svg {
  height: 100%;
  width: auto;
}

#header ul.social-items li a svg {
  fill: #c1bd9b; /* Darken canvas 25 */
}

#header ul.social-items li a:hover svg {
  fill: #545456;
}

#header ul.social-items li a {
  color: #c1bd9b; /* Darken canvas 25 */
}

#footer ul.social-items li a svg {
  fill: #d39950;
}

#footer ul.social-items li a:hover svg {
  fill: #fff;
}

#header ul.social-items li a img,
#footer ul.social-items li a img {
  height: 1em;
  width: auto;
  border-width: 0;
}

#header ul.social-items li a:hover {
  color: #545456;
}

#header ul.hoofditems li:last-child a {
  margin-right: 0;
}
#header ul.hoofditems li a {
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 0.25em;
}
#header ul.social-items li:last-child,
#footer ul.social-items li:last-child {
  padding-right: 0;
}

#header li a:hover {
  text-decoration: none;
}

#header ul.hoofditems li.current-menu-item a {
  font-weight: 400;
  background-color: #fff;
  border-radius: 0.25em;
  -moz-border-radius: 0.25em;
}

#content p:not(.cta) a,
#content p:not(.cta) a:hover,
#content p:not(.cta) a:visited {
  color: #b8650d;
  border-bottom: 0;
}

#content div.column_eenderde_2014 .adres_2014 a {
  color: #b8650d;
  text-decoration: none;
}

#content p:not(.cta) a:hover {
  text-decoration: underline;
  border-bottom: 0;
}

#content .row p {
  margin-top: 0.25em;
}

#content p.read_more_2014 {
  color: #b8650d;
  text-align: right;
  text-decoration: none;
}

#content p.read_more_2014 a {
  text-decoration: none;
  color: #b8650d;
}

#content p.button_2014 {
  margin-top: 1.5em;
}

#content p a.button_2014 {
  color: #b8b396;
  background-color: #e5e3d6;
  border-radius: 0.25em;
  -moz-border-radius: 0.25em;
  padding: 0.8em;
  border: 0;
  text-decoration: none;
}

#content .button_2014 i {
  margin-right: 0.5em;
}

#content a.button_2014:hover,
#content .header_wrapper_2014 h1 a {
  text-decoration: none;
  border-bottom: none;
  color: #b8650d;
}

.projectwrapper .project a:visited,
.projectwrapper .project a:active,
.projectwrapper .project a {
  text-decoration: none;
  color: #4d6e33;
}

.projectwrapper .project a {
  text-decoration: underline;
  color: #4d6e33;
}

.projectwrapper .project .projecttitle {
  font-size: 0.95em;
}

/* top- en bottomcontent (Nieuws / Call-to-action) */

#top_content a div.newsflash p {
  color: #383838;
  margin: 0.25em 0;
  font-size: 0.9em;
}

#top_content h1 a,
#top_content h1 a:visited,
#top_content h1 a:active,
#top_content h1 a:hover {
  color: #b8650d;
}

#top_content a div.newsflash span {
  font-size: 0.85em;
}

#top_content a div.newsflash p,
#top_content a:visited div.newsflash p,
#top_content a:hover div.newsflash p,
#top_content a:active div.newsflash p {
  color: #383838;
}

#top_content a div.newsflash span,
#top_content a:active div.newsflash span,
#top_content a:visited div.newsflash span,
#top_content a:hover div.newsflash span {
  color: #999;
}

#top_content a {
  text-decoration: none;
}

.cta a.pure-button-primary {
  background-color: #b8650d;
  color: white;
  margin-left: 2em;
}

.cta a.pure-button-primary:hover {
  background-color: ##593106;
}

/* tekst en dividers */

#content hr {
  color: #f2f1ea;
  border-color: #f2f1ea;
  border-color: rgba(242, 241, 234, 0.125);
  margin: 1.875em 0;
}

#content hr.divider_halfspaced_2014 {
  margin: 0.9375em 0;
}

#content .page_featured_statement_2014 p {
  font-size: 1.125em;
  line-height: 1.75em;
  margin-bottom: 1.25em;
}

#content div.highlight_2014 {
  background-color: #f2f1ea;
  background-color: rgba(242, 241, 234, 0.5);
  margin: 1.875em auto;
}

#content div.highlight_2014 .highlight_content_wrapper_2014 {
  padding: 1.875em;
}

#content div.highlight_2014 p {
  font-size: 0.9em;
}

#content div.highlight_2014 p:first-of-type {
  margin-top: 0;
}

#content div.quote_2014 {
  margin: 0.9375em;
  text-align: center;
  font-family: 'Georgia', 'Times New Roman', serif;
  font-size: 2em;
  font-style: italic;
}

#content div.testimonial_2014 p {
  margin: -0.25em 0 0.5em 0;
}

/* HOME */

#content .column_tweederde_2014 p {
  font-size: 1.45em;
  line-height: 1.6em;
}

#content div.column_eenderde_2014 .adres_2014,
#content div.column_half_2014 .adres_2014 {
  padding: 0;
  list-style: none;
  margin-top: 0;
}

#content div.fotoinfo {
  margin: 0;
  font-size: 0.7em;
  width: 100%;
}

#content div.fotoinfo::after {
  clear: both;
}

#content div.fotoinfo .links1 {
  width: 15rem;
  padding-right: 2.5rem;
  float: left;
}

#content div.fotoinfo .links3 {
  width: 15rem;
  padding-right: 2.5rem;
  float: left;
}

#content div.fotoinfo .rechts {
  width: 17.5em;
  padding-left: 1rem;
  padding-right: 1rem;
  float: right;
  margin: 0;
}

/* PROJECTEN */

body.projecten_2014 #content .content-inner {
  padding-bottom: 0;
  padding-top: 0;
  margin-bottom: 1em;
}

body.projecten_2014 .header_wrapper_2014 {
  padding: 1em 0;
  background-color: #fff;
}

body.projecten_2014 #content .header_wrapper_2014 h1.page_header_2014 {
  margin-bottom: 0;
}

body.projecten_2014 li.project .projecttitle,
body.projecten_2014 li.project img,
body.projecten_2014 .projectdefinitie {
  margin-left: 0;
}

body.projecten_2014 #content li.project img {
  margin-top: 0;
  width: 100%;
  height: auto;
  border: 0;
}

#content #projectfotos {
  margin: 0;
}

#content .projectfotoinfo,
#content .borderline {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}

#content .projectcolumn .klantquote,
#content .projectcolumn a.inline-afbeelding {
  float: left;
  margin-left: -10px;
}

#content .projectcolumn .klantquote p {
  line-height: 1.5;
}

/* WERKWIJZE */

#content .content-inner--cta {
  background-color: transparent;
  padding: 0;
  width: 56.25em;
}

#content .content-inner--cta .row.cta-wrapper {
  padding: 1em 0;
}

#content .content-inner--cta + .content-inner {
  padding-top: 1.875em;
}

.werkwijze_pijl_2014 {
  width: 100%;
  height: 1em;
  padding: 0 0 1em;
}

.werkwijze_pijl_2014 .lijn {
  margin: 0.375em auto 0 9em;
  width: 33em;
  background: #ccccba;
  height: 0.125em;
  float: left;
}

.werkwijze_pijl_2014 .punt {
  width: 0;
  height: 0;
  margin-top: 0.2em;
  border-top: 0.25em solid transparent;
  border-bottom: 0.25em solid transparent;
  border-left: 0.875em solid #ccccba;
  float: left;
}

.werkwijze_schema_2014 .resultlist_header_2014 {
  color: /*#e5e3d6;*/ #b8650d;
  font-size: 0.75em;
}

#content div.column_kwart_2014 ul.resultlist_2014 {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 0.75em;
  color: #b8b396;
}

#content ul.downloadlist_2014 {
  list-style-type: none;
  line-height: 1.75em;
  padding: 0;
}

#content ul.downloadlist_2014 li a {
  color: #b8b396;
  border: 0;
  text-decoration: none;
}

#content .metacolumn ul.downloadlist_2014 {
  margin-top: -0.125em;
  padding: 0.25em;
}

#content .metacolumn ul.downloadlist_2014 a {
  color: #383838;
}

#content .metacolumn ul.downloadlist_2014 a:hover {
  color: #000;
}

/* BUREAU */

.row.container_clearfix.adres-wrapper {
  margin-top: 1em;
}

.adres-wrapper .column_half_2014.twee {
  padding-top: 0.25em;
}

.adres-wrapper .adres_2014 .u-name {
  margin-bottom: 0.5em;
}

/* FOOTER */

#footer ul.adres_2014 {
  list-style: none;
  padding: 0;
}

#footer ul.adres_2014 a {
  color: #fff;
  text-decoration: none;
}
#footer ul.adres_2014 a:hover {
  text-decoration: underline;
}

.logo_vierkant_footer {
  margin: 1.875em 0;
  text-indent: -9999px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-image: url('../images/logo-vierkant-invert-84x84.png');
  /*background-image: url('../images/logo-wit.svg');*/
  background-size: 100% 100%;
  width: 5.25em;
  height: 5.25em;
}

.logo_erm_footer {
  margin: 0;
  text-indent: -9999px;
  background: transparent url('../images/ERMlogo-dia-transparant-320x84.png') no-repeat;
  background-position: right center;
  background-size: auto 100%;
  width: 100%;
  height: 5.25em;
}

.logo_vawr {
  text-align: right;
  right: -64px;
  margin-top: 8px;
  display: flex;
  align-items: center;
  position: relative;
  text-decoration: none;
}
.logo_vawr svg {
  width: 179px;
  fill: #d39950;
}
.logo_vawr:hover svg,
.logo_vawr svg:hover {
  fill: #fff;
}
.footer__rechts {
  color: #d39950;
  float: right;
  min-width: 20em;
}

.footer__rechts .newsletter-cta p {
  margin-top: 5px;
  text-align: right;
}

.footer__rechts .social-menu {
  text-align: right;
  margin-bottom: 1em;
}

.footer__rechts a {
  color: #d39950;
}

.footer__rechts a:hover {
  color: #fff;
}

#footer .social-menu {
  float: none;
  width: auto;
}

#footer ul.social-items {
  margin: 0;
}

#footer ul.social-items li:last-child a {
  margin-right: 0;
}

#content .regular p {
  line-height: 1.5em;
}