/*font-family: 'Heebo', sans-serif;
font-family: 'Lato', sans-serif;*/

body {
  font-family: 'Heebo';
  font-size: 10pt;
  }

.headersize {
  font-size: 35px;
}

h1 {
    letter-spacing:1px;
  }

h2 {
  font-size:18pt; font-weight:300;
}

h3 {
  font-size:16pt;
  margin-bottom: 1rem;
}

h4 {
  font-size:12pt;
  line-height:1.5em;
}

.paragraph h4 {
  margin-top:2.5rem;
}

h5 {
  font-size:10pt;
}

.cc-shadow {
  text-shadow: 2px 2px 16px black;
}

p {
  line-height:1.7em; font-weight:500;
}

ul li {
  line-height:1.7em;
  font-weight:500;

}

.nav-link {
  margin-left:8px;
  margin-right:8px;
  color:black;
}

.btn {
  padding:20px;
}

form {
  overflow: hidden;
}
input[type=text],
textarea {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  background-color: #ececec;
  border: none;
  padding: 12px;
}
input[type=submit] {
  float: right;
  padding: 16px;
  background-color: white;
  cursor: pointer;
}
input[type=submit] i {
  margin-right: 12px;
}
.contact-field {
  margin-bottom: 20px;
  width: 100%;
}

/*Elementen met .square worden vierkant gehouden door JavaScript.*/
.square{
}

.socialicon{
  width:35px;
  height:35px;
  text-align:center;
  vertical-align: middle;
}

.header h1, .header h2 {
  /*text-shadow: 3px 3px 10px #000;*/
}

.container-fluid {
  padding:0px;
}

.row {
  margin:0px;
}

.gradient-black {
  background: radial-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.5));
}

.cc-breadcrumb {
  background-color: transparent;
  padding:0px;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}

.cc-breadcrumb a {
  color: inherit;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto, .container {
padding:0px;
}

.plate--column, .cc-px-4px {
  padding-left:4px;
  padding-right:4px;
}

.plate--element, .cc-py-4px {
  padding-top:4px;
  padding-bottom:4px;
}

.cc-pb-4px {
  padding-bottom:4px;
}

.cc-pt-4px {
  padding-top:4px;
}

.container-fluid .plate--container {
  max-width:none;
}

.cumela--container-fluid {
  width:100%;
  max-width:none;
}

h3:first-child, h4:first-child, p:first-child {
  margin-top:0px;
}

h3:last-child, h4:last-child, p:last-child {
  margin-bottom:0px;
}

a, a:hover {
  color:inherit;
  text-decoration: none;
}

/* Links wel/niet onderstrepen? */
.plate--element__paragraph a, .plate--element__paragraph a:hover, .copyright a, .copyright a:hover, .cc-breadcrumb-item a:hover {text-decoration:underline;}

a.cc-readmorebutton, a.cc-readmorebutton:hover {text-decoration:none;}

/* Fixen dat elke kolom volledig gevuld wordt */
.plate--element {height:100%;}

/* Extra padding-optie */
.p-6 {padding:6rem!important}
.py-6 {padding-top:6rem!important; padding-bottom:6rem!important}
.px-6 {padding-left:6rem!important; padding-right:6rem!important}

.newspreviewpadding {
  padding: 40px 40px;
  padding-top: 100px;
}

.newspreviewpadding p {
  font-size: 14px;
}

.bold-text {
  font-weight: 500;
}

.project_padding, .news_item_padding {
  padding: 25px;
}

.project_short_lead, .news_item_short_lead {
  margin-top: 20px;
  margin-bottom: 20px;
}

.default_text_styling p {
  margin-bottom: 0.5rem !important;
}

.fb_paragraph {
  float: left;
  padding-top: 20px;
}

.brand-image {
  max-height:40px;
}

.btn-group .btn {
  margin-right: -1px;
}

.project-width, .project-width-img {
  width: 281px;
}

.news-item-width, .news-item-width-img {
  width: 277px;
}

.cc-breadcrumb-item {
  font-size: 14px;
}

.text-footer-right {
  text-align: right;
}

.no-strong {
  font-weight: lighter;
}

@media only screen and (max-width: 1050px) {
  .max-height {
    height: 100px;
  }

  .max-height .navbar-toggler {
    height: 60px;
    width: 60px;
    font-size: 36px;
      margin-right: 20px;
  }

  .max-height .collapse {
    z-index: 9999;
  }

  .max-height .nav-link {
    background-color: white;
  }

  .brand-image {
    max-height:90px;
  }

  .btn-group {
    display: block;
  }

  .btn-group .btn {
    margin-bottom: 30px;
    margin-right: 0;
    border-radius: 0.25rem;
    width: 100%;
    text-align: left;
  }
  /* Extra padding-optie */
  .p-6 {padding:1rem!important}
  .py-6 {padding-top:1rem!important; padding-bottom:1rem!important}
  .px-6 {padding-left:1rem!important; padding-right:1rem!important}

  .text-footer-right {
    text-align: left !important;
  }

  .text-right {
    text-align: center !important;
  }

  .default_text_styling {
    text-align: center;
  }

  .header_head {
    font-size: 3em !important;
  }

  .headerpadding {
    padding-top: 0;
  }

  .readmore_position {
    text-align: center !important;
  }
}

@media only screen and (max-width: 560px) {
  .project-width-img {
    display: none;
  }

  .project-width {
    width: 100%;
  }

  .news-item-width, .news-item-width-img {
    width: 100%;
  }

  .navbar-brand {
    width: 65% !Important;
    height: auto !Important;
  }


}

/* FOTOSLIDER */
.fotoslider { -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; }
.fotoslider_pic { height: 275px; width: 100%; }

@media all and (min-width: 450px) {
  /* FOTOSLIDER */
.fotoslider_pic { height: 375px; width: 100%; }
}

@media all and (min-width: 700px) {
/* FOTOSLIDER */
.fotoslider_pic { height: 475px; width: 100%; }
}

@media (min-width: 767px){
  .navbar-nav .nav-link ul.submenu-items {
    display: none;
  }

  .navbar-nav .nav-link:hover ul.submenu-items {
    display: block;
    position: absolute;
    left: -15px;
    top: 41px;
    background: rgba(255,255,255,0.8);
    list-style: none;
    padding-left: 0;
    width: 200px;
  }
}

@media (max-width: 767px){
  .nav-link{
    display: block!important;
  }
  .navbar-nav .nav-link ul.submenu-items {
    display: block!important;
    position:relative!important;
    top: initial;
    left: initial;
    background: rgba(255,255,255,0.8);
    list-style: none;
    padding-left: 20px;
    width: 200px;
  }

  .navbar-nav .nav-link:hover {
    background: white!important;
    border-radius: 0px!important;
  }
}










/* Verse styling voor hoveniersvariant */




/* Standaard instellingen */

h1 {
  font-size: 4em;
}

h2 {
  font-size: 2em;
}

.default_text_styling p {
  line-height: 2em;
  font-size: 1.1em;
}

.news_item_padding {
  border: solid thin lightgray !Important;
}

.cc-socialicon .cc-text-primary {
  font: normal normal normal 14px/1 FontAwesome !important;
  padding-top: 11px;
}

.pagination-container i {
  font: normal normal normal 14px/1 FontAwesome !important;
  font-size: 2em !important;
}

.pagination-container .title-font,.pagination-container .fa-chevron-right,.pagination-container .fa-chevron-left {
  font-size: 1em !Important;
  padding-top: 8px;
}

.cc-text-secondary {
  color: white !Important;
}

/* navigatie balk */

.navbar {
  height: 100px;
  position: fixed;
  z-index: 99999;
  width: 100%;
}

.container-fluid .navbar {
  background-color: rgba(255,255,255,0.8);

}

.brand-image {
  max-height: 65px;
}

.navbar-nav a {
  font-size: 1.15em;
}

.sidebar-content {
  margin-top: 100px !important;
}

li.nav-item{
    position: relative;
}



/* header */

.header .col h1 {
  padding-top: 40px;
}

.hoog {
  height: 700px !important;
}

.hoog .text-center {
  padding-top: 110px;
}





/* home */

.white-tile-group {
  border: solid thin lightgray !Important;
}

#section-laatsteprojecten {
  border-top: solid thin lightgray !Important;
  border-bottom:  solid thin lightgray !Important;
}

.project_padding {
  border: solid thin lightgray !Important;
}

.white-tile-group h3 {
  font-size: 1.2em;
  line-height: 2em;
}

.newspreviewpadding h2 {
  padding-top: 10px;
  padding-bottom: 5px;
}



/* standard slider */

.afbeeldingen-slider {
  min-width: 100%;
  top: 0px !Important;
  position: absolute !Important;
  z-index: -1 !Important;
  min-height: 100% !Important;

}

.slider-afbeelding {
  min-width: 100%;
  min-height: 100% !Important;
  background-position: center;
  background-size: cover;
}


.slide{
	position:absolute;
	width:100%;
	height:auto;
  z-index: 50 !Important;
}

.cycle-next {
	width: 0;
	height: 0;
	position:absolute;
  z-index: 9999 !important;
  bottom: 5%;
  right: 20px;
  color: white;

  -moz-transition: all .1s ease-in;
  -o-transition: all .1s ease-in;
  -webkit-transition: all .1s ease-in;
  transition: all .1s ease-in;
}

.cycle-prev {
	width: 0;
	height: 0;
	position:absolute;
  z-index: 9999 !important;
  bottom: 5%;
  left: 20px;
  color: white;

  -moz-transition: all .1s ease-in;
  -o-transition: all .1s ease-in;
  -webkit-transition: all .1s ease-in;
  transition: all .1s ease-in;
}

.cycle-next:hover,.cycle-prev:hover {
  cursor: pointer;
}

.gradient-black {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}


.buttons-wrapper span {
    height: 50px;
    width: 50px;
    background: white;
  padding: none !Important;
    padding-top: 15px;
    padding-bottom: 7px;
  padding-left: 18px;
    z-index: 999;
}

.buttons-wrapper span, .buttons-wrapper span i {
  font-size: 1.2em;
}





.toon .standard-header {
  background-image: none !important;
  background: none !important;
}

.verberg .afbeeldingen-slider,.verberg .buttons-wrapper {
  display: none !Important;
}