/**
* Bestandnaam: custom.css
* Omschrijving: Alle kleur codes
*/

@import url('https://fonts.googleapis.com/css?family=Lora:400,700|Montserrat:400,700&display=swap');

body {
  color: #1b1b1b;
  font-size: 17px;
  font-weight: 400;
  font-family: 'Lora', serif;
}

a,
a:active,
a:focus,
a:hover {
  color: #1b1b1b;
}



header {
  background-color: #fef8ad;
}

.navbar .menu-item {
  font-family: 'Montserrat', sans-serif;
}



.colored-bg {
  background-color: #fef8ad;
}

.thebtn a {
  border: #1b1b1b solid 1px;
  color: #1b1b1b;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 14px;
}

.thebtn a:hover {
  background: #1b1b1b;
  color: #fff;
}

/* FOOTER */

footer {
  background-color: #EEEEEE;
}


/* HEADER STYLE 1 */

.style1 {
  background-color: #fef8ad;
}


/* HEADER STYLE 3 */

.style3 .box {
  background-color: #fef8ad;
  width: 100%;
}


/* ABOUT */

.about-blogitems {
  background-color: #eee;
}

.about-divider {
  background-color: #C4C4C4;
}

.about-bottomblock-block {
  background-color: #fef8ad;
}


/* CONTACT BLOCK ON HOME */
.contact-text {
  color: #fff;
}


/* CONTACT PAGE */
.contact-form input[type=text],
.contact-form input[type=tel],
.contact-form input[type=email],
.contact-form textarea,
.contact-form select,
.contact-form .form-control:focus {
  background-color: #F2F2F2;
  font-family: 'Montserrat', sans-serif;
}

input[type=submit] {
  background-color: #fef8ad;
  color: #000;
  font-family: 'Montserrat', sans-serif;
}

input[type=submit]:hover {
  background-color: #fdf15c;
}


/* PORTFOLIO PAGE */

.portfolio {
  background-color: #eee;
}

.portfoliogrid-desc {
  background: rgba(254, 248, 173, 0.72);
  color: #000;
}