/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

rij body {
  font-family: "Advent Pro" !important;
  font-weight: 600 !important;
  line-height: 1.8;
  color: #fff;
}
textarea {
  color: #222222 !important;
}
p {
  font-family: "Alegreya Sans" !important;
  font-weight: 400 !important;
  font-size: 20px;
  color: #595345;
}
h2 {
  font-family: "Advent Pro" !important;
  font-weight: 600 !important;
  font-size: 34px;
  color: #d39d61;
  margin-bottom: -25px;
}
h3 {
  font-family: "Advent Pro" !important;
  font-weight: 600 !important;
  font-size: 34px;
  color: #d39d61;
  margin-bottom: -25px;
}
.btn-primary {
  background-color: transparent !important;
  border: 2px solid #fff !important;
  border-radius: 35px !important;
  color: #fff !important;
  font-size: 26px !important;
  padding: 15px !important;
  font-weight: 700;
  line-height: 3 !important;
}
a {
  color: #d39d61;
}
a:hover {
  color: #d39d61;
}
.btn-primary:hover {
  border: 2px solid #d39d61 !important;
  background-color: #d39d61 !important;
  color: #fff !important;
}
.btn-primaryL {
  background-color: transparent !important;
  border: 2px solid #d39d61 !important;
  border-radius: 35px !important;
  color: #d39d61 !important;
  font-size: 26px !important;
  padding: 15px !important;
  line-height: 3 !important;
  font-weight: 700;
}
.btn-primaryL:hover {
  border: 2px solid #d39d61 !important;
  color: #ffffff !important;
  background-color: #d39d61 !important;
}
table {
  margin-top: 20px;
}
td {
  border: none !important;
  color: #fff;
  padding: 0px;
  font-size: 16px;
}
table {
  border: none !important;
  color: #fff;
}
.g-main-nav {
  margin-top: 15px !important;
  float: right !important;
}
.g-menu-item-container {
  padding: 23px 20px 23px 20px !important;
}
.g-menu-item-title {
  font-family: "Advent Pro", sans-serif;
  font-weight: 700 !important;
  font-size: 24px;
  color: #ffffff;
}
.g-menu-item {
  margin-left: -5px !important;
}
.g-menu-item.active .g-menu-item-title {
  color: #d39d61;
}
.g-menu-item.active {
  color: #d39d61;
}
.g-menu-item:hover {
  color: #d39d61;
}
.g-menu-item:hover .g-menu-item-title {
  color: #d39d61;
}
.g-offcanvas-toggle {
  color: #d39d61;
  z-index: 99999 !important;
  position: fixed !important;
  right: 0px;
  left: auto;
  top: 0px;
  font-size: 45px;
  background-color: #e2dccf;
  padding-top: 5px;
  padding-bottom: 5px;
  background-opacity: 0.8;
}
#g-offcanvas {
  background-color: #e2dccf;
  z-index: 999 !important;
}
#g-offcanvas .g-menu-item {
  background-color: #e2dccf !important;
}
#g-offcanvas .g-menu-item-title {
  color: #595345 !important;
  font-weight: 700 !important;
}
#g-offcanvas .g-menu-item.active .g-menu-item-title {
  color: #ffffff !important;
}
#g-offcanvas .g-menu-item.active {
  background-color: #d39d61 !important;
}
#g-offcanvas .g-menu-item:hover {
  background-color: #d39d61 !important;
}
#g-offcanvas .g-menu-item:hover .g-menu-item-title {
  color: #ffffff !important;
}
.g-sublevel {
  background-color: #ffffff !important;
}
.g-sublevel .g-menu-item-container:hover {
  background-color: #d39d61 !important;
}
.g-sublevel .g-menu-item.active {
  background-color: #d39d61 !important;
}
.g-sublevel .g-menu-item {
  margin: 0px !important;
}
.g-sublevel .g-menu-item .g-menu-item-title {
  color: #000000 !important;
}
.g-sublevel .g-menu-item.active .g-menu-item-title {
  color: #ffffff !important;
}
/*//// ACHTERGROND HEADER EN RESPONSIVE ////*/
#g-bur-rij-1 {
  position: relative;
  background: url('../../../../images/Header/Dn-Bol-Bergeijk-header-home.jpg') no-repeat right top;
  background-attachment: fixed;
  background-size: cover;
  min-height: 700px;
  background-repeat: no-repeat;
}
#g-bur-rij-1::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  /* Plakt het aan de onderkant */
  width: 100%;
  height: 100px;
  /* Of wat je nodig hebt */
  z-index: 2;
  background: url('../../../../images/Diverse-template/Bol-divider-final.png') no-repeat right top;
  background-size: 100% 100% !important;
}
@media (max-width: 100rem) {
  #g-bur-rij-1 {
    background-size: 100% !important;
    min-height: 700px;
  }
}
@media (max-width: 75rem) {
  #g-bur-rij-1 {
    min-height: 600px;
  }
  #g-bur-rij-3 {
    top: 200px !important;
  }
  .btn-primaryL {
    font-size: 22px !important;
  }
}
@media (max-width: 60rem) {
  #g-bur-rij-1 {
    min-height: 450px;
  }
  #g-bur-rij-3 {
    top: 125px !important;
  }
  .btn-primaryL {
    font-size: 16px !important;
    line-height: 4 !important;
  }
}
@media (max-width: 48rem) {
  #g-bur-rij-1 {
    min-height: 400px;
  }
  .sfeer1, .sfeer2, .sfeer3, .sfeer4 {
    margin: 15px !important;
    text-align: center !important;
  }
  #g-bur-rij-3 {
    top: 80px !important;
  }
  .logo img {
    height: 90px;
    width: 127px;
  }
  .logo {
    margin-top: -20px;
  }
  .btn-primaryL {
    font-size: 22px !important;
    line-height: 3 !important;
  }
  #g-bur-rij-15 img {
    margin-top: 0px !important;
  }
}
@media (max-width: 45rem) {
  #g-bur-rij-1 {
    min-height: 310px;
  }
  #g-bur-rij-3 .btn-primary {
    font-size: 22px !important;
  }
}
@media (max-width: 30rem) {
  #g-bur-rij-1 {
    min-height: 295px;
  }
  #g-bur-rij-3 {
    top: 65px !important;
  }
}
/*//// HEADER TEKST ////*/
#g-bur-rij-3 {
  position: absolute;
  top: 240px;
  width: 100% !important;
}
#g-bur-rij-3 h2 {
  color: #ffffff !important;
  font-size: 46px !important;
}
/*//// WAVE BONVEN ////*/
#g-bur-rij-2 {
  margin-top: -95px;
}
#g-bur-rij-2 img {
  width: 100% !important;
}
#g-bur-rij-11 {
  margin-top: 120px;
}
/*//// CONTENT ////*/
#g-bur-rij-5 {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 80px;
  background: url('../../../../images/Diverse-template/dn-bol-bg-jb.jpg') no-repeat right top;
  background-size: 100% auto !important;
  background-repeat: repeat-y;
}
#g-bur-rij-5 p {
  color: #ffffff;
}
/*//// SFEERBEELDEN ////*/
#g-bur-rij-7 {
  background: url('../../../../images/Diverse-template/dn-bol-bg-jb.jpg') no-repeat right top;
  background-size: 100% auto !important;
  background-repeat: repeat-y;
}
.sfeer1 {
  margin-top: 25px;
  margin-right: 25px;
}
.sfeer2 {
  margin-right: 25px;
}
.sfeer3 {
  margin-top: 95px;
  margin-right: 25px;
}
.sfeer4 {
  margin-top: 50px;
}
/*//// FRIETWAGEN ////*/
#g-bur-rij-9 {
  background-color: #e2dccf;
  padding-top: 280px;
  margin-top: -170px;
  padding-bottom: 70px;
}
.frietwagen {
  margin-top: 55px;
}
#g-bur-rij-10 {
  -ms-transform: rotate(-2deg);
  /* IE 9 */
  -webkit-transform: rotate(-2deg);
  /* Safari */
  transform: rotate(-2deg);
  background-color: #e2dccf !important;
  margin-top: -4%;
  margin-left: -7%;
  min-height: 200px;
  margin-bottom: -150px;
  width: 114%;
  position: relative !important;
  z-index: 999999 !important;
}
/*//// MENU ////*/
.menu .columns-3 .item-content {
  background-color: #f9f8f5;
  border-radius: 25px;
}
.menu .columns-3 .item-content p {
  color: #595345 !important;
}
/*//// CONTACT ////*/
.contactpag #g-bur-rij-5 {
  text-align: left !important;
}
#userForm h2 {
  margin-bottom: 25px !important;
}
#userForm input, #userForm textarea {
  background-color: #f9f8f5;
  padding: 15px;
  color: #595345 !important;
  border: none;
  font-size: 20px;
}
#userForm .btn-primary {
  background-color: transparent !important;
  border: 2px solid #d39d61 !important;
  border-radius: 35px !important;
  color: #d39d61 !important;
  font-size: 26px !important;
  padding: 15px !important;
  line-height: 2 !important;
  font-weight: 700;
}
#userForm .btn-primary:hover {
  border: 2px solid #d39d61 !important;
  color: #ffffff !important;
  background-color: #d39d61 !important;
}
#g-bur-rij-14 {
  background: url('../../../../images/Diverse-template/dn-bol-bg-jb.jpg') no-repeat right top;
  background-size: 100% auto !important;
  background-repeat: repeat-y;
}
#g-bur-rij-14 p {
  color: #ffffff;
}
#g-bur-rij-15 {
  background: url('../../../../images/Diverse-template/dn-bol-bg-jb.jpg') no-repeat right top;
  background-size: 100% auto !important;
  background-repeat: repeat-y;
}
#g-bur-rij-15 img {
  margin-top: -200px;
}
/*# sourceMappingURL=custom_12.css.map */