/* 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
 */

/*
    Document   : JVD binnen deuren 2025
    Author     : Burgmans reclame
    Description: www.burgmans-reclame.nl
*/
/*//// TEKST ////*/
body {
  font-family: "Raleway", sans-serif;
  font-size: 16px !important;
  color: #000000;
  font-weight: 400;
}
#g-page-surround {
  background-color: #ffffff;
}
a {
  color: #ffffff;
  text-decoration: underline !important;
}
td, table {
  border: none !important;
}
input {
  font-family: "Raleway", sans-serif;
  font-weight: 400 !important;
  font-size: 17px !important;
  color: #36473b;
  line-height: 1.6;
}
a:hover {
  color: #000000;
}
p {
  font-family: "Raleway", sans-serif;
  font-weight: 400 !important;
  font-size: 16px !important;
  color: #000000;
  line-height: 2;
  margin-top: 8px;
  text-align: justify;
}
h1 {
  font-family: "Raleway", sans-serif;
  font-weight: 400 !important;
  font-size: 28px;
  color: #000000;
  margin-bottom: 0px !important;
}
h2 {
  font-family: "Raleway", sans-serif;
  font-weight: 400 !important;
  font-size: 28px;
  color: #c2b59b;
  margin-bottom: 0px !important;
}
h3 {
  font-family: "Raleway", sans-serif;
  font-weight: 400 !important;
  font-size: 28px;
  color: #c2b59b;
  margin-bottom: 0px !important;
}
h4 {
  font-family: "Raleway", sans-serif;
  font-weight: 400 !important;
  font-size: 28px;
  color: #000000;
  margin-bottom: 0px !important;
}
a {
  color: #000000;
}
.btn-primary, .btn {
  background-color: transparent !important;
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
  font-size: 20px !important;
  padding: 10px 15px 10px 15px !important;
  font-family: "Raleway", sans-serif, sans-serif;
  font-weight: 400 !important;
  transition-duration: 0.4s !important;
  transition-timing-fucntion: ease-in-out !important;
  box-shadow: none !important;
  text-shadow: none !important;
  line-height: 1 !important;
  border-radius: 35px !important;
  background-image: none !important;
  text-shadow: none !important;
  text-decoration: none !important;
}
.btn-primary:hover, .btn:hover {
  background-color: #ffffff !important;
  color: #000000 !important;
}
/*//// MENU - LOGO ////*/
#g-bur-rij-1 {
  background-color: #000000;
  position: fixed !important;
  width: 100% !important;
  height: 35px !important;
  z-index: 999 !important;
}
#g-bur-rij-2 {
  background-color: #ffffff;
  position: fixed !important;
  width: 100% !important;
  height: 70px !important;
  top: 35px !important;
  z-index: 999 !important;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
#g-bur-rij-2 .g-content {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 15px;
  padding-bottom: 15px;
}
#g-bur-rij-1 p {
  text-align: right !important;
}
#g-bur-rij-1 .g-content {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 10px;
  padding-bottom: 0px;
}
#g-bur-rij-1 .btn-primary {
  font-size: 11px !important;
  font-weight: 700 !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  background-color: #c2b59b !important;
  color: #000000 !important;
  border: none !important;
}
.c2atop {
  margin-top: -19px !important;
  margin-bottom: -16px !important;
}
.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: "Raleway", sans-serif;
  font-weight: 700 !important;
  font-size: 15px;
  color: #000000;
}
.g-menu-item {
  margin-left: -5px !important;
}
.g-menu-item.active .g-menu-item-title {
  color: #ffffff;
}
.g-menu-item.active {
  background-color: #c2b59b;
}
.g-menu-item:hover {
  background-color: #c2b59b;
}
.g-menu-item:hover .g-menu-item-title {
  color: #ffffff;
}
.g-offcanvas-toggle {
  color: #c2b59b;
  z-index: 99999 !important;
  position: fixed !important;
  right: 15px;
  left: auto;
  top: 48px;
  font-size: 45px;
}
#g-offcanvas {
  background-color: #c2b59b;
  z-index: 999 !important;
}
#g-offcanvas .g-menu-item {
  background-color: #c2b59b !important;
}
#g-offcanvas .g-menu-item-title {
  color: #000000 !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: #c2b59b !important;
}
#g-offcanvas .g-menu-item:hover {
  background-color: #c2b59b !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: #c2b59b !important;
}
.g-sublevel .g-menu-item.active {
  background-color: #c2b59b !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;
}
/*//// HEADER ////*/
#g-bur-rij-4 {
  margin-top: 105px !important;
  min-height: 575px !important;
  background-size: 100% auto !important;
}
#g-bur-rij-4 .headertekst {
  margin-top: 15%;
}
#g-bur-rij-4 .headertekst h1 {
  font-size: 38px !important;
}
#g-bur-rij-4 span.headertekstrij {
  background: #c2b59b !important;
  color: #ffffff !important;
  width: auto !important;
  padding: 10px;
  line-height: 2 !important;
}
.kunststof-deuren #g-bur-rij-4 {
  background-image: url('../../../../images/Headers/JvD-binnen-deuren-hpl.jpg?68359362') !important;
}
.massieve-deuren #g-bur-rij-4 {
  background-image: url('../../../../images/Headers/JvD-binnen-deuren-massieve.jpg?68359362') !important;
}
.board-deuren #g-bur-rij-4 {
  background-image: url('../../../../images/Headers/JvD-binnen-deuren-paneel.jpg?68359362') !important;
}
.staallook-deuren #g-bur-rij-4 {
  background-image: url('../../../../images/Headers/JvD-binnen-deuren-staallook.jpg?68359362') !important;
}
.kozijnen #g-bur-rij-4 {
  background-image: url('../../../../images/Headers/JvD-binnen-deuren-kozijnen.jpg') !important;
}
.maatwerk-deuren #g-bur-rij-4 {
  background-image: url('../../../../images/Headers/JvD-binnen-deuren-maatwerk-deur.jpg') !important;
}
.overjvd #g-bur-rij-4 {
  background-image: url('../../../../images/Headers/JvD-binnen-deuren-over-JvD.jpg') !important;
}
.traptreden #g-bur-rij-4 {
  background-image: url('../../../../images/Headers/Decodoor-header-traptreden.jpg') !important;
}
/*//// CONTENT ////*/
#g-bur-rij-6 {
  background-color: #ffffff;
  padding-top: 50px;
  padding-bottom: 50px !important;
}
/*//// PRODUCTEN ////*/
#g-bur-rij-8 {
  background-color: #000000;
  padding-top: 50px;
  padding-bottom: 75px !important;
}
#g-bur-rij-8 h3 {
  color: #ffffff;
  margin-bottom: 25px !important;
}
.naamproduct {
  background-color: #c2b59b !important;
  margin-top: -10px;
  padding-top: 5px;
}
.naamproduct p {
  text-align: center !important;
  color: #000000;
  font-weight: 400 !important;
  padding-bottom: 5px !important;
}
.producthome {
  margin: 2px 2px 2px 2px !important;
}
.plaatjeproduct img {
  width: 100% !important;
}
/*//// PROJECTEN ////*/
#g-bur-rij-9 {
  padding-top: 50px;
  padding-bottom: 50px !important;
  background-color: #faf8f6;
}
#g-bur-rij-9 h3 {
  text-align: center !important;
  margin-bottom: 50px !important;
}
#g-bur-rij-9 .btn-primary {
  border: 1px solid #c2b59b !important;
  color: #c2b59b !important;
}
#g-bur-rij-9 .btn-primary:hover {
  background-color: #c2b59b !important;
  color: #ffffff !important;
}
/*//// PROJECTEN PAGINA ////*/
.projectenpag #g-bur-rij-6 {
  margin-top: 105px !important;
  background-color: #e9eae9;
}
.mwall-filters span {
  display: none !important;
}
.mwall-filters-sortings {
  text-align: center !important;
}
a.mwall-filter {
  text-decoration: none !important;
  border: 1px solid #c2b59b !important;
  background-color: transparent;
  color: #000000 !important;
  padding-bottom: 35px !important;
  padding-top: 5px !important;
  font-weight: 400 !important;
}
/*//// FACEBOOK STREAM ////*/
#g-bur-rij-10 {
  padding-top: 50px;
  padding-bottom: 50px !important;
  background-color: #ffffff;
}
#g-bur-rij-10 h3 {
  text-align: center !important;
  margin-bottom: 25px !important;
}
/*//// C2A BOTTOM ////*/
#g-bur-rij-12 {
  background-color: #c2b59b;
  padding-top: 125px;
  padding-bottom: 125px !important;
  background-size: 100% auto !important;
}
#g-bur-rij-12 p {
  color: #ffffff;
}
#g-bur-rij-12 h3 {
  color: #c2b59b;
}
#g-bur-rij-12 .btn-primary {
  border: 1px solid #c2b59b !important;
  color: #c2b59b !important;
}
#g-bur-rij-12 .btn-primary:hover {
  background-color: #c2b59b !important;
  color: #ffffff !important;
}
/*//// FOOTER ////*/
#g-bur-rij-15 {
  background-color: #c2b59b;
}
#g-bur-rij-15 p {
  color: #000000;
}
#g-bur-rij-15 td {
  color: #000000;
  font-size: 16px !important;
  padding-bottom: 0px;
}
#g-bur-rij-15 .btn-primary {
  line-height: 2.5 !important;
}
#g-bur-rij-15 .btn-primary {
  border: 1px solid #000000 !important;
  color: #000000 !important;
}
#g-bur-rij-15 .btn-primary:hover {
  background-color: #000000 !important;
  color: #ffffff !important;
}
#g-bur-rij-15 h3 {
  color: #ffffff;
}
/*//// CONTACT PAGINA ////*/
.contactpag #g-bur-rij-6 {
  margin-top: 105px !important;
}
.contactpag #g-bur-rij-6 td {
  color: #000000;
  font-size: 16px !important;
  padding-bottom: 0px;
}
.contactpag #g-bur-rij-12 {
  display: none !important;
}
.contactpag .formRequired {
  display: none !important;
}
.contactpag input[type="text"] {
  background-color: #faf8f6;
  width: 98% !important;
  padding: 25px;
  box-shadow: none !important;
}
.contactpag textarea {
  background-color: #faf8f6 !important;
  padding: 25px;
  box-shadow: none !important;
}
.contactpag #g-bur-rij-6 .btn-primary {
  border: 1px solid #c2b59b !important;
  color: #c2b59b !important;
}
.contactpag #g-bur-rij-6 .btn-primary:hover {
  background-color: #c2b59b !important;
  color: #ffffff !important;
}
/*//// Maak EEN AFSPRAAK ////*/
.maak-een-afspraak input[type="text"] {
  max-width: 500px !important;
  padding: 15px !important;
}
.maak-een-afspraak button[type="submit"] {
  background-color: #c2b59b !important;
  color: #111 !important;
  font-size: 16px !important;
  padding: 10px 15px 10px 15px !important;
  font-family: "Fjalla One", sans-serif;
  font-weight: 400 !important;
  transition-duration: 0.4s !important;
  transition-timing-fucntion: ease-in-out !important;
  box-shadow: none !important;
  text-shadow: none !important;
  line-height: 1 !important;
  border-radius: 0px !important;
  background-image: none !important;
  text-shadow: none !important;
  text-decoration: none !important;
  text-transform: uppercase;
  border: none !important;
}
.maak-een-afspraak button[type="submit"]:hover {
  background-color: #e0dacd !important;
  color: #000000 !important;
}
.maak-een-afspraak .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current {
  background-color: #c2b59b !important;
  box-shadow: none !important;
  color: #000000 !important;
}
.maak-een-afspraak .xdsoft_datetimepicker .xdsoft_calendar td:hover {
  background-color: #c2b59b !important;
  box-shadow: none !important;
  color: #000000 !important;
}
.maak-een-afspraak .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background-color: #c2b59b !important;
  box-shadow: none !important;
  color: #000000 !important;
}
.maak-een-afspraak .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  background-color: #c2b59b !important;
  box-shadow: none !important;
  color: #000000 !important;
}
.maak-een-afspraak #Naam, .maak-een-afspraak #E-mail, .maak-een-afspraak #Telefoonnummer {
  background-color: #faf8f6;
  width: 80% !important;
  color: #000000 !important;
}
.maak-een-afspraak, .maak-een-afspraak p {
  text-align: center !important;
}
.maak-een-afspraak #g-bur-rij-12 {
  display: none !important;
}
/*//// RESPONSIVE ////*/
@media (max-width: 75rem) {
  #g-bur-rij-4 {
    min-height: 450px !important;
  }
  #g-bur-rij-4 .headertekst {
    margin-top: 10%;
  }
  .g-menu-item-title {
    font-size: 10px;
    font-weight: 700 !important;
  }
  .logo img {
    margin-top: 5px !important;
  }
  #g-bur-rij-12 {
    background-size: 120% auto !important;
  }
  #g-bur-rij-15 .btn-primary {
    font-size: 12px !important;
  }
}
@media (max-width: 60rem) {
  #g-bur-rij-4 {
    min-height: 370px !important;
  }
  #g-bur-rij-4 .headertekst {
    margin-top: 7%;
  }
  .g-menu-item-title {
    font-size: 7px;
    font-weight: 700 !important;
  }
  .logo img {
    margin-top: 11px !important;
  }
  #g-bur-rij-12 {
    background-size: 150% auto !important;
  }
}
@media (max-width: 48rem) {
  #g-bur-rij-4 {
    min-height: 230px !important;
  }
  #g-bur-rij-4 .headertekst {
    margin-top: 3%;
  }
  #g-bur-rij-4 .headertekst h1 {
    font-size: 22px !important;
    line-height: 2.4 !important;
  }
  .logo {
    margin-top: -11px;
  }
  .logo img {
    max-width: 250px !important;
  }
  .g-menu-item-title {
    font-size: 18px;
    font-weight: 400 !important;
    padding-left: 25px !important;
  }
  #g-bur-rij-12 {
    background-size: 215% auto !important;
  }
  .producthome {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
}
@media (max-width: 30rem) {
  #g-bur-rij-4 {
    min-height: 220px !important;
  }
  #g-bur-rij-6 {
    margin-top: -5px !important;
  }
  #g-bur-rij-12 {
    background-size: 300% auto !important;
  }
}
/*# sourceMappingURL=custom_9.css.map */