/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.20.6.3
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
/* ---- nieuwvakantiehuis brand (migrated from polo) ---- */
:root {
  --fs-color-primary: #2c4219;
  --fs-color-secondary: #2c4219;
}
.header-main, #masthead, .top-bar { background-color: #2c4219 !important; }
.header-nav a, .nav > li > a { color: #fff !important; }
.absolute-footer, footer.footer-wrapper, #footer { background-color: #2c4219 !important; color: #ddd; }
a:hover, a:focus { color: #2c4219; }

/* ---- hide Flatsome top bar (placeholder content) ---- */
#top-bar, .top-bar.flatsome-top-bar, .header-top { display: none !important; }

/* ---- hide Flatsome placeholder logo, show site title text instead ---- */
.header-logo img,
#logo img,
.header-logo svg { display: none !important; }

#logo a, .header-logo a {
  color: #fff !important;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.5px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
#logo a::before, .header-logo a::before {
  content: "Nieuw Vakantiehuis";
}

/* ---- footer 2 area: hide if empty ---- */
.absolute-footer + .footer-2,
#wrapper > footer.footer-wrapper > .footer-2:empty,
.footer-2 .row:empty { display: none !important; }

/* ---- hide Flatsome cart/account icons (require WooCommerce, not used on this site) ---- */
li.cart-item,
li.account-item,
li.header-cart-link,
li.header-account-link,
.header-cart-link,
.account-link,
.cart-link,
[class*="account-item"],
[class*="cart-item"] { display: none !important; }

/* ---- WPBakery 7.4 / Flatsome 3.20 layout compatibility ---- */
.vc_row.wpb_row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch;
}
.vc_row.wpb_row::before,
.vc_row.wpb_row::after { display: none !important; }
.vc_row.wpb_row > .wpb_column.vc_column_container {
  float: none !important;
  position: relative !important;
}
.wpb_text_column {
  display: block !important;
  position: static !important;
  clear: both !important;
}
.wpb_text_column p {
  display: block !important;
  position: static !important;
  margin: 0 0 1em !important;
  line-height: 1.6 !important;
}
.vc_row-full-width { clear: both; }

/* ---- Footer widget styling: ensure address blocks render cleanly ---- */
.widget_custom_html address { font-style: normal; line-height: 1.7; }
.widget_custom_html h4.widget-title { margin-bottom: 0.6em; }
.widget_custom_html ul.list-large.list-icons { list-style: none; padding: 0; margin: 0; }
.widget_custom_html ul.list-large.list-icons li { display: block; clear: both; padding: 0.2em 0; line-height: 1.5; }
.widget_custom_html ul.list-large.list-icons li i { display: inline-block; min-width: 1.5em; }

/* ---- brand button styling (links no longer get a background) ---- */
.button.primary, .button-primary,
button.primary, input[type="submit"].primary {
  background-color: #2c4219 !important;
  border-color: #2c4219 !important;
  color: #fff !important;
}
a { background-color: transparent !important; }
a:hover, a:focus { color: #2c4219; }

/* ---- broader WPBakery layout safety net (catches any vc_* element with stale absolute positioning) ---- */
.wpb_text_column,
.wpb_text_column .wpb_wrapper,
.wpb_single_image,
.wpb_gallery,
.wpb_gallery_slides,
.vc_column-inner > .wpb_wrapper,
.vc_custom_heading {
  position: static !important;
  float: none !important;
}
.wpb_text_column .wpb_wrapper > * { clear: both; }
.wpb_text_column ul, .wpb_text_column ol { margin: 0 0 1em 1.5em; }
.wpb_text_column ul li, .wpb_text_column ol li { line-height: 1.6; }

/* ---- HARD reset for WPBakery 7.4 lists & columns under Flatsome 3.20 ---- */
.wpb_text_column,
.wpb_text_column .wpb_wrapper {
  display: block !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  line-height: 1.6 !important;
}
.wpb_text_column .wpb_wrapper > p,
.wpb_text_column .wpb_wrapper > ul,
.wpb_text_column .wpb_wrapper > ol,
.wpb_text_column .wpb_wrapper > div,
.wpb_text_column .wpb_wrapper > h1,
.wpb_text_column .wpb_wrapper > h2,
.wpb_text_column .wpb_wrapper > h3,
.wpb_text_column .wpb_wrapper > h4,
.wpb_text_column .wpb_wrapper > h5 {
  display: block !important;
  position: static !important;
  float: none !important;
  clear: both !important;
  margin: 0 0 1em 0 !important;
  line-height: 1.6 !important;
  height: auto !important;
}
.wpb_text_column ul,
.wpb_text_column ol {
  display: block !important;
  position: static !important;
  list-style-position: outside !important;
  padding: 0 0 0 1.5em !important;
  margin: 0 0 1em 0 !important;
  height: auto !important;
}
.wpb_text_column ul { list-style-type: disc !important; }
.wpb_text_column ol { list-style-type: decimal !important; }
.wpb_text_column li {
  display: list-item !important;
  position: static !important;
  float: none !important;
  clear: none !important;
  margin: 0 0 0.3em 0 !important;
  padding: 0 !important;
  height: auto !important;
  min-height: 1.6em !important;
  line-height: 1.6 !important;
  list-style-position: outside !important;
  width: auto !important;
}

/* ---- column stacking safety: don't collapse heights ---- */
.vc_column_container,
.vc_column-inner {
  height: auto !important;
  min-height: 0 !important;
}

/* ---- bump version of style.css for cache-busting (timestamp) ---- */
/* updated: 2026-05-06 20:00 */

/* ---- force normal left-aligned text in body content ---- */
.wpb_text_column,
.wpb_text_column .wpb_wrapper,
.wpb_text_column .wpb_wrapper p,
.wpb_text_column .wpb_wrapper ul,
.wpb_text_column .wpb_wrapper ol,
.wpb_text_column .wpb_wrapper li,
.wpb_text_column .wpb_wrapper h1,
.wpb_text_column .wpb_wrapper h2,
.wpb_text_column .wpb_wrapper h3,
.wpb_text_column .wpb_wrapper h4,
.wpb_text_column .wpb_wrapper h5,
.wpb_text_column .wpb_wrapper h6 {
  text-align: left !important;
}

/* ---- vc_gallery / flexslider pagination: undo flex-bleed from parent ---- */
.wpb_gallery .flexslider,
.wpb_gallery .flex-viewport,
.wpb_gallery .flex-control-nav,
.wpb_gallery .flex-direction-nav,
.flexslider, .flex-viewport, .flex-control-nav, .flex-direction-nav {
  display: block !important;
  position: relative !important;
}
.flex-control-nav.flex-control-paging {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 6px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 12px 0 !important;
  position: static !important;
}
.flex-control-nav.flex-control-paging li {
  display: inline-block !important;
  width: 12px !important;
  height: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}
.flex-control-nav.flex-control-paging li a {
  display: block !important;
  width: 12px !important;
  height: 12px !important;
  background: #c9c9c9 !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  text-indent: -9999px !important;
}
.flex-control-nav.flex-control-paging li a.flex-active {
  background: #2c4219 !important;
}
.flex-direction-nav { list-style: none; padding: 0; margin: 0; }

/* exclude vc_gallery rows from the flex layout that we applied to .vc_row.wpb_row */
.wpb_gallery .vc_row,
.vc_row.wpb_row.has-gallery,
.vc_row.wpb_row > .wpb_column .wpb_gallery .vc_row { display: block !important; }

/* ---- hide Flatsome WooCommerce-needed placeholder buttons (correct selectors) ---- */
a.element-error.tooltip,
a.element-error,
.header-nav.nav-right li:has(a.element-error),
.header-nav.nav-right li.header-divider { display: none !important; }
/* If only these items live in nav-right, hide the whole UL to remove dead space */
ul.header-nav.header-nav-main.nav-right { display: none !important; }