/**
* Bestandnaam: page.css
* Omschrijving: Opmaak voor de normale pagina's (Inhoud)
*/
/*
* Basis css
*/
html,
body {
  /* height: 100%; */
}

body {
  color: #1b1b1b;
  font-size: 14px;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
}

/**/
.nav-fixed {
  width: 100%;
  padding-top: 80px;
}

.navbar.nav-centeredlogo {
  min-height: 100px;
}

.nav-centeredlogo .navbar-toggler {
  margin-top: 27px;
  margin-bottom: 27px;
}

.nav-centeredlogo .navbar-brand {
  /* top: 0; */
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
}

h1 {}

h2 {}

h3 {}

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

/*
*   Slick
*/
.slick-loading .slick-list {
  background: #fff url('../img/ajax-loader.gif') center center no-repeat;
}

@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;

  src: url('../fonts/slick.eot');
  src: url('../fonts/slick.eot?#iefix') format('embedded-opentype'), url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf') format('truetype'), url('../fonts/slick.svg#slick') format('svg');
}

/*
*   Editor css class
*/
.alignleft {
  float: left;
  padding: 0;
  margin: 0;
}

.alignright {
  float: right;
  padding: 0;
  margin: 0;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

blockquote {
  margin: 2rem 0 0 1rem;
  font-style: italic;
}

/*
* Navigation css
*/
.nav-link {
  font-size: 1.2em;
}

.navbar-nav .nav-link.active,
.nav-link.active {
  font-weight: bold;
}

.nav-link:hover {
  font-weight: bold;
}

.nav-red,
.nav-red a {
  background-color: #E30613;
  color: #fff;
  padding-left: 10px;
  padding-right: 10px;
}

/* Fix billing field wrapper */
.woocommerce-input-wrapper {
  width: 100%;
}

/* Woocommerce product gallery slider width fix */
figure.woocommerce-product-gallery__wrapper {
  max-width: inherit !important;
}

/* Fix coupon code input width */
@media(min-width: 768px) {
  #coupon_code.input-text {
    width: 110px !important;
  }
}


/*
*   Footer widgets css
*/

.indiv-orange {
  color: #F0892E;
  font-weight: bold;
}

.indiv-link,
a.indiv-link,
a.indiv-link:hover,
a.indiv-link:focus {
  text-decoration: underline;
  color: #fff;
}

@media (min-width: 1440px) {
  .container-bigger {
    max-width: 1380px;
  }
}

@media (min-width: 1600px) {
  .container-bigger {
    max-width: 1560px;
  }
}

@media (max-width: 575px) {
  .navbar-brand {
    width: 60%;
  }
}

footer {
  background-color: #404040;
  color: #fff;
}

footer ul {
  list-style: none;
  padding-left: 0;
}

footer a,
footer a:hover,
footer a:focus {
  color: #fff;
}

/* .slick-arrow.slick-prev {
  left: 0;
}

.slick-arrow.slick-next {
  right: 0;
} */

.slick-arrow {
  z-index: 5;
}

.slick-prev:before {
  content: "\f053";
}

.slick-next:before {
  content: "\f054";
}

.slick-prev:before,
.slick-next:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: black;
}

.wp-img100 img {
  width: 100%;
}

.slick-container {
  padding-left: 25px;
  padding-right: 25px;
}



.grey-bg {
  background-color: #E6E6E6;
}

.white-bg {
  background-color: #fff;
}

@media (min-width: 992px) {
  .partially-white-bg {
    background: linear-gradient(90deg, #FFF 65%, #E6E6E6 35%);
  }

  .partially-white-bg2 {
    background: linear-gradient(90deg, #FFF 75%, #E6E6E6 25%);
  }
  .partially-white-bg4 {
    background: linear-gradient(90deg, #FFF 60%, #E6E6E6 40%);
  }
}

.partially-white-bg3 {
  background: linear-gradient(90deg, #FFF 60%, #E6E6E6 40%);
}

@media (max-width: 575px) {
  /* .navbar-brand img {
    width: 70%;
  } */
}

.title {
  color: #E30613;
  font-weight: bold;
}

.btn-outline-red {
  color: #E30613;
  border-color: #E30613;
  border-radius: 0px;
  font-weight: bold;
}

.btn-outline-red:hover {
  color: #fff;
  background-color: #E30613;
  border-color: #E30613;
}

.btn-outline-red:focus,
.btn-outline-red.focus {
  box-shadow: 0 0 0 0.2rem rgba(227, 6, 19, 0.5);
}

.btn-outline-red.disabled,
.btn-outline-red:disabled {
  color: #E30613;
  background-color: transparent;
}

.btn-outline-red:not(:disabled):not(.disabled):active,
.btn-outline-red:not(:disabled):not(.disabled).active,
.show>.btn-outline-red.dropdown-toggle {
  color: #fff;
  background-color: #E30613;
  border-color: #E30613;
}

.btn-outline-red:not(:disabled):not(.disabled):active:focus,
.btn-outline-red:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-red.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(227, 6, 19, 0.5);
}

.btn-red {
  color: #fff;
  background-color: #E20612;
  border-color: #E20612;
  border-radius: 0px;
}

.btn-red:hover {
  color: #fff;
  background-color: #bd050f;
  border-color: #b0050e;
}

.btn-red:focus,
.btn-red.focus {
  color: #fff;
  background-color: #bd050f;
  border-color: #b0050e;
  box-shadow: 0 0 0 0.2rem rgba(230, 43, 54, 0.5);
}

.btn-red.disabled,
.btn-red:disabled {
  color: #fff;
  background-color: #E20612;
  border-color: #E20612;
}

.btn-red:not(:disabled):not(.disabled):active,
.btn-red:not(:disabled):not(.disabled).active,
.show>.btn-red.dropdown-toggle {
  color: #fff;
  background-color: #b0050e;
  border-color: #a4040d;
}

.btn-red:not(:disabled):not(.disabled):active:focus,
.btn-red:not(:disabled):not(.disabled).active:focus,
.show>.btn-red.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(230, 43, 54, 0.5);
}

.btn-white {
  color: #212529;
  background-color: #fff;
  border-color: #fff;
  border-radius: 0px;
}

.btn-white:hover {
  color: #212529;
  background-color: #ececec;
  border-color: #e6e6e6;
}

.btn-white:focus,
.btn-white.focus {
  color: #212529;
  background-color: #ececec;
  border-color: #e6e6e6;
  box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
}

.btn-white.disabled,
.btn-white:disabled {
  color: #212529;
  background-color: #fff;
  border-color: #fff;
}

.btn-white:not(:disabled):not(.disabled):active,
.btn-white:not(:disabled):not(.disabled).active,
.show>.btn-white.dropdown-toggle {
  color: #212529;
  background-color: #e6e6e6;
  border-color: #dfdfdf;
}

.btn-white:not(:disabled):not(.disabled):active:focus,
.btn-white:not(:disabled):not(.disabled).active:focus,
.show>.btn-white.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
}

.forrent-table.table td {
  padding: 0px;
  padding-right: .75rem;
}

.forrent-table.table td.value {
  font-weight: bold;
}

.forrent-infocol {
  z-index: 3;
}

@media (min-width: 768px) {
  .position-md-absolute {
    position: absolute;
  }
}

@media (min-width: 992px) {
  .position-lg-absolute {
    position: absolute;
  }
}


.red-line {
  background-color: #E30613;
  height: 2px;
  width: 100%;
}

@media (min-width: 992px) {
  .red-line {
    width: 50%;
  }
}

.grey-line {
  background-color: #DCDCDC;
  height: 2px;
  width: 100%;
}

.switchfloor-links a {
  font-size: 1.5em;
  transition: 0.15s ease-in-out;
}

.switchfloor-links a.active {
  font-weight: bold;
}

.floorplan img {
  transition: 0.15s ease-in-out;
}

.floorname {
  font-size: 1.3em;
}

.bezichtiging-form .form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #fb6c74;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(226, 6, 18, 0.25);
}

.bezichtiging-form .form-control {
  border-radius: 0;
  /* background-color: #e6e6e6;
  border: 2px solid #8a8a8a; */
  transition: all .15s ease-in-out;
}
.contact-form .form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #fb6c74;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(226, 6, 18, 0.25);
}

.contact-form .form-control {
  border-radius: 0;
  /* background-color: #e6e6e6;
  border: 2px solid #8a8a8a; */
  transition: all .15s ease-in-out;
}

.contact-form .textarea .form-control {
  height: 100%;
}

.contact-form p {
  margin-bottom: 0;
}

.embed-responsive-custom::before {
  padding-top: 50%;
}

@media (min-width: 768px) {
.embed-responsive-custom::before {
  padding-top: 30%;
}
}

.route-icon {
  font-size: 1.3em;
}

.form-label-group {
  position: relative;
  margin-bottom: 1rem;
}

.form-label-group > span > input,
.form-label-group > label {
  height: 3.125rem;
  padding: .75rem;
}

.form-label-group > label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  margin-bottom: 0; /* Override default `<label>` margin */
  line-height: 1.5;
  color: #495057;
  pointer-events: none;
  cursor: text; /* Match the input under the label */
  border: 1px solid transparent;
  border-radius: .25rem;
  transition: all .1s ease-in-out;
}

.form-label-group input::-webkit-input-placeholder {
  color: transparent;
}

.form-label-group input:-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-moz-placeholder {
  color: transparent;
}

.form-label-group input::placeholder {
  color: transparent;
}

.form-label-group input:not(:placeholder-shown) {
  padding-top: 1.25rem;
  padding-bottom: .25rem;
}

.form-label-group input:not(:placeholder-shown) ~ label {
  padding-top: .25rem;
  padding-bottom: .25rem;
  font-size: 12px;
  color: #777;
}

/* Fallback for Edge
-------------------------------------------------- */
@supports (-ms-ime-align: auto) {
  .form-label-group > label {
    display: none;
  }
  .form-label-group input::-ms-input-placeholder {
    color: #777;
  }
}

/* Fallback for IE
-------------------------------------------------- */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .form-label-group > label {
    display: none;
  }
  .form-label-group input:-ms-input-placeholder {
    color: #777;
  }
}