/*
sass --watch assets/scss/main.scss:assets/css/main.css --style compressed
*/
/*
 *  Mixins
 */
/*
 *  Breakpoints
 */
/*
 *  Variabelen e.d.
 */
/*
 *  fg = foreground, ofwel tekstkleur
 *  bg = background, ofwel achtergrond
 */
/*
 * Kavelkaart filter kleuren
 */
/*
 *  Typografie
 *
 *
 */
h1, h2, h3, h4, h5, h6 {
  font-weight: 300; }

p {
  margin: 0 0 1.4em; }

h1 {
  text-align: left;
  font-size: 26px;
  line-height: 1.2em;
  margin: 0 0 15px 0; }
  @media (min-width: 768px) {
    h1 {
      margin: 0 0 25px 0; } }
  h1 strong {
    font-weight: 500; }

h2 {
  font-size: 15px;
  text-align: left;
  line-height: 1.2em;
  margin: 0;
  font-weight: 500; }
  h2 span {
    color: #AE167F; }

.content-row h2.section {
  font-weight: 300;
  font-size: 22px;
  margin: 0 0 15px 0; }
  @media screen and (min-width: 700px) {
    .content-row h2.section {
      font-size: 26px; } }
  @media (min-width: 768px) {
    .content-row h2.section {
      margin: 0 0 25px 0; } }
  .content-row h2.section strong {
    font-weight: 500;
    color: #d0c4b6; }

h3 {
  font-size: 15px;
  margin: 0; }

/**
* Intrinsic ratios
*/
.intrinsic-ratio--1-1 {
  position: relative; }
  .intrinsic-ratio--1-1:before {
    display: block;
    content: " ";
    width: 100%;
    padding-top: 100%; }
  .intrinsic-ratio--1-1 > .intrinsic-ratio--stretch {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.intrinsic-ratio--4-3 {
  position: relative; }
  .intrinsic-ratio--4-3:before {
    display: block;
    content: " ";
    width: 100%;
    padding-top: 62.5%; }
  .intrinsic-ratio--4-3 > .intrinsic-ratio--stretch {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.intrinsic-ratio--16-9 {
  position: relative; }
  .intrinsic-ratio--16-9:before {
    display: block;
    content: " ";
    width: 100%;
    padding-top: 56.25%; }
  .intrinsic-ratio--16-9 > .intrinsic-ratio--stretch {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

/*
 *  Links
 */
a:hover {
  color: #d0c4b6; }

/*
 *  Koppen
 */
h1 strong {
  color: #d0c4b6; }

/*
 *  Buttons
 */
.button {
  background: #d0c4b6;
  color: #333333; }
  .button:hover {
    background: #231f20;
    color: #ffffff; }
  .button.belangstelling {
    background-image: url("../../images/icons/belangstellingpijl-black.svg"); }
    .button.belangstelling:hover {
      background-image: url("../../images/icons/belangstellingpijl-wit.svg"); }

/*
 *  SVG
 */
svg path {
  fill: #d0c4b6 !important; }
svg.border path {
  fill: #c4c4c4 !important; }
svg.border:hover path {
  fill: #d0c4b6 !important; }

/*
 *  Header
 */
#site-header {
  background: #ffffff; }
  #site-header .menu li a {
    color: #d0c4b6; }
  #site-header .menu li:hover a, #site-header .menu li.current-menu-ancestor a, #site-header .menu li.current-menu-item a {
    color: #333333; }
  @media (min-width: 1200px) {
    #site-header .menu li:hover:after {
      border-top-color: #ffffff; } }
  @media (min-width: 1200px) {
    #site-header .menu li.current-menu-ancestor:after, #site-header .menu li.current-menu-item:after {
      border-top-color: #ffffff; } }
  @media (min-width: 1200px) {
    #site-header .menu li.current-menu-ancestor:hover ul, #site-header .menu li.menu-item-has-children:hover ul {
      background: #ffffff; }
      #site-header .menu li.current-menu-ancestor:hover ul li, #site-header .menu li.menu-item-has-children:hover ul li {
        border-bottom: 1px solid #c4c4c4; }
        #site-header .menu li.current-menu-ancestor:hover ul li a, #site-header .menu li.menu-item-has-children:hover ul li a {
          color: #333333; }
        #site-header .menu li.current-menu-ancestor:hover ul li:hover, #site-header .menu li.current-menu-ancestor:hover ul li.current-menu-item, #site-header .menu li.menu-item-has-children:hover ul li:hover, #site-header .menu li.menu-item-has-children:hover ul li.current-menu-item {
          background: #d0c4b6; }
          #site-header .menu li.current-menu-ancestor:hover ul li:hover a, #site-header .menu li.current-menu-ancestor:hover ul li.current-menu-item a, #site-header .menu li.menu-item-has-children:hover ul li:hover a, #site-header .menu li.menu-item-has-children:hover ul li.current-menu-item a {
            color: #333333; } }
    @media (min-width: 1200px) and (min-width: 1200px) {
      #site-header .menu li.current-menu-ancestor:hover ul li:first-child:before, #site-header .menu li.menu-item-has-children:hover ul li:first-child:before {
        border-bottom-color: #ffffff; } }
    @media (min-width: 1200px) and (min-width: 1200px) {
      #site-header .menu li.current-menu-ancestor:hover ul li:first-child:hover:before, #site-header .menu li.current-menu-ancestor:hover ul li:first-child.current-menu-item:before, #site-header .menu li.menu-item-has-children:hover ul li:first-child:hover:before, #site-header .menu li.menu-item-has-children:hover ul li:first-child.current-menu-item:before {
        border-bottom-color: #d0c4b6; } }

  #site-header .menu li.belangstelling {
    background: #d0c4b6; }
    #site-header .menu li.belangstelling a {
      color: #333333; }
    #site-header .menu li.belangstelling.current-menu-item, #site-header .menu li.belangstelling:hover {
      background: #231f20; }
      #site-header .menu li.belangstelling.current-menu-item a, #site-header .menu li.belangstelling:hover a {
        color: #ffffff; }

#menuToggle {
  color: #d0c4b6; }

/*
 *  Content
 */
#section-content {
  background: #f7f6f6; }

.page-template-detailpagina-php #section-content {
  border-bottom: 5px solid #d0c4b6; }

.content-row h2.section strong {
  color: #d0c4b6; }

/*
 *  Footer
 */
#site-footer #footer-info {
  background: #d0c4b6; }
  #site-footer #footer-info p.social svg path {
    fill: #ffffff !important; }
    #site-footer #footer-info p.social svg path.st0 {
      fill: none !important; }

/*
 *  Kruimelpad
 */
#section-breadcrumbs ul#breadcrumbs li::after {
  color: #d0c4b6; }

/*
 *  Slideshow
 */
#section-slideshow #aankeilers ul li {
  background-color: #231f20; }
  @media (min-width: 768px) {
    #section-slideshow #aankeilers ul li {
      background-color: rgba(80, 81, 82, 0.7); } }
  #section-slideshow #aankeilers ul li a {
    color: #ffffff; }
    #section-slideshow #aankeilers ul li a:hover {
      color: #ffffff; }
  @media (min-width: 768px) {
    #section-slideshow #aankeilers ul li:hover {
      border-bottom: 4px solid #ffffff; } }

/*
 *  Blokken
 */
.blok:hover .blok-img .overlay {
  background-color: rgba(201, 189, 175, 0.8); }
.blok:hover .blok-info h2, .blok:hover .blok-info h3 {
  color: #d0c4b6; }
.blok:hover .blok-info span.button {
  color: #ffffff;
  background: #231f20; }
.blok .blok-info i {
  background: #d0c4b6; }

/*
 *  Afbeeldingen
 */
#section-afbeeldingen .slick-arrow {
  background: #d0c4b6; }
  #section-afbeeldingen .slick-arrow:hover {
    background: #231f20; }
#section-afbeeldingen ul.slick-dots li.slick-active {
  border: 2px solid #231f20; }

/*
 *  Afbeeldingen carousel
 */
#carousel ul li {
  border: 3px solid #d0c4b6; }
#carousel .slick-arrow {
  background: #d0c4b6; }
  #carousel .slick-arrow:hover {
    background: #231f20; }

/*
 *  Vraaggestuurde navigatie
 */
#section-questions {
  background: #d0c4b6; }
  #section-questions ul.questions li:hover {
    background: #231f20; }
  #section-questions .slick-arrow:hover {
    background: #231f20; }
  #section-questions.negative {
    background: #ffffff; }
    #section-questions.negative ul.questions li {
      background: #d0c4b6; }
      #section-questions.negative ul.questions li:hover {
        background: #231f20; }
    #section-questions.negative .slick-arrow {
      background: #d0c4b6; }
      #section-questions.negative .slick-arrow:hover {
        background: #231f20; }

/*
 *  Aanbod
 */
body:not(.home) #section-housetypes {
  background: #f7f6f6; }

body:not(.home, .page-template-detailpagina) #section-housetypes {
  border-bottom: 5px solid #d0c4b6; }

/*
 *  Kavelkaart
 */
#section-kavelkaart {
  border-bottom: 5px solid #d0c4b6; }
  #section-kavelkaart #kavelkaart-holder #lotmap-container #lotmap-container-bottom #niki-house-podium .niki-house div.house-type {
    color: #d0c4b6; }
  #section-kavelkaart #kavelkaart-holder #lotmap-container #lotmap-container-bottom #niki-house-podium .niki-house a.leesmeer {
    background: #d0c4b6;
    border: 2px solid #d0c4b6; }
    #section-kavelkaart #kavelkaart-holder #lotmap-container #lotmap-container-bottom #niki-house-podium .niki-house a.leesmeer:hover {
      color: #d0c4b6; }
      #section-kavelkaart #kavelkaart-holder #lotmap-container #lotmap-container-bottom #niki-house-podium .niki-house a.leesmeer:hover:visited {
        color: #d0c4b6; }
  #section-kavelkaart #kavelkaart-holder #lotmap-container #lotmap-container-bottom #lotmap-container-left #lotmap-filters-holder .lotmap-filters #selection-filters button {
    background: #d0c4b6; }
    #section-kavelkaart #kavelkaart-holder #lotmap-container #lotmap-container-bottom #lotmap-container-left #lotmap-filters-holder .lotmap-filters #selection-filters button.btn-selected {
      background: #231f20; }
  #section-kavelkaart #kavelkaart-holder #lotmap-container #lotmap-container-bottom #lotmap-container-left #lotmap-filters-holder #filter-menu {
    background: #d0c4b6; }

/*
 *  Prijslijst
 */
#section-prijslijst {
  border-bottom: 5px solid #d0c4b6; }

/*
 *  Formulieren
 */
.page #section-content .gform_wrapper ul.gform_fields li.gfield input[type="text"] {
  border: 2px solid #d0c4b6; }
  .page #section-content .gform_wrapper ul.gform_fields li.gfield input[type="text"]:focus, .page #section-content .gform_wrapper ul.gform_fields li.gfield input[type="text"]:hover {
    border: 2px solid #231f20; }

/*
 *  Delen
 */
#post-share {
  border: 1px solid #d0c4b6; }

#section-kavelkaart #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons,
#kavelkaart-holder #lotmap-container #lotmap-container-bottom .map-holder {
  display: block; }

/*
 *  Architecten
 */
#deelgebieden .pin.architect {
  background-image: url("../../images/grachtenwoningen/pins/pin-groen.png"); }

#youtubeArchitect {
  width: 100%;
  height: 200px; }
  @media (min-width: 768px) {
    #youtubeArchitect {
      width: 560px;
      height: 315px; } }

@media (min-width: 768px) {
  #sub-nav ul {
    width: calc(100% - 211px); } }

/*
 *  Facebook
 */
#facebook-sidebar {
  border: 1px solid #d0c4b6; }

a.button.belangstelling {
  display: none; }

@media screen and (min-width: 768px) {
  body .blok.nieuws {
    min-height: 650px; } }

/*# sourceMappingURL=main.css.map */