.elementor-kit-10{--e-global-color-primary:#F3EDE3;--e-global-color-secondary:#B8965A;--e-global-color-text:#CFC7BE;--e-global-color-accent:#B8965A;--e-global-color-a1477e6:#FFFFFF;--e-global-color-d99c8d3:#8A7A66;--e-global-color-6a56237:#574F4A;--e-global-color-166b7ec:#CFC7BE;--e-global-color-aa9e04e:#574F4A;--e-global-color-f2227c6:#68615C;--e-global-color-0b1938b:#2C2416;--e-global-color-5ddac7e:#675A4E;--e-global-color-8259c9a:#CFC7BE;--e-global-typography-primary-font-family:"Cormorant Garamond";--e-global-typography-primary-font-size:52px;--e-global-typography-primary-font-weight:500;--e-global-typography-primary-line-height:1.15em;--e-global-typography-primary-letter-spacing:0.02em;--e-global-typography-secondary-font-family:"Cormorant Garamond";--e-global-typography-secondary-font-size:28px;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-font-style:italic;--e-global-typography-secondary-line-height:1.25em;--e-global-typography-text-font-family:"Jost";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:300;--e-global-typography-text-line-height:1.75em;--e-global-typography-text-letter-spacing:0px;--e-global-typography-accent-font-family:"Jost";--e-global-typography-accent-font-size:12px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-line-height:18px;--e-global-typography-accent-letter-spacing:0.14em;background-color:var( --e-global-color-6a56237 );color:var( --e-global-color-text );font-family:"Jost", Sans-serif;}.elementor-kit-10 button,.elementor-kit-10 input[type="button"],.elementor-kit-10 input[type="submit"],.elementor-kit-10 .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Jost", Sans-serif;font-size:12px;font-weight:400;text-transform:uppercase;letter-spacing:0.16em;border-radius:2px 2px 2px 2px;padding:14px 32px 14px 32px;}.elementor-kit-10 button:hover,.elementor-kit-10 button:focus,.elementor-kit-10 input[type="button"]:hover,.elementor-kit-10 input[type="button"]:focus,.elementor-kit-10 input[type="submit"]:hover,.elementor-kit-10 input[type="submit"]:focus,.elementor-kit-10 .elementor-button:hover,.elementor-kit-10 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-a1477e6 );}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.elementor-kit-10 a{color:var( --e-global-color-primary );}.elementor-kit-10 a:hover{color:var( --e-global-color-secondary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-10{--e-global-typography-primary-font-size:50px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-10{--e-global-typography-primary-font-size:50px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Hover zoom for images inside .grs-hover-zoom 
.grs-hover-zoom img{
  transition: transform 0.35s ease;
  transform: scale(1);
}

.grs-hover-zoom a,
.grs-hover-zoom figure{
  display: block;
  overflow: hidden;
}

.grs-hover-zoom a:hover img,
.grs-hover-zoom figure:hover img{
  transform: scale(1.05);
}
*/

/* ============================================================
   GOLDEN RIVER STUDIOS — Elementor Custom CSS
   Enkel extras die je NIET kunt instellen via Site Settings.
   Plak dit in: Elementor → Site Settings → Custom CSS
   ============================================================ */

/* ── CSS Variabelen (intern gebruik in dit bestand) ── */
:root {
  --grs-cream:  #FAF7F2;
  --grs-beige:  #F2EDE4;
  --grs-border: #DDD5C8;
  --grs-dark:   #2C2416;
  --grs-mid:    #7A6A55;
  --grs-gold:   #B8965A;
  --grs-white:  #FFFFFF;
}

/* ── Actief menu-item: gouden streep links ── */
.elementor-nav-menu li.current-menu-item > a,
.elementor-nav-menu li.current-page-ancestor > a {
  color: #F3EDE3 ;
  border-left: 2px solid var(--grs-gold);
  padding-left: 10px;
}

/* ── Subtiele hover op portfolio/afbeeldingen ── */
.elementor-image img,
.elementor-widget-image img {
  transition: opacity 0.35s ease, transform 0.45s ease;
  display: block;
}
.elementor-image:hover img,
.elementor-widget-image:hover img {
  opacity: 0.88;
  transform: scale(1.05);
}

/* ── Formuliervelden: focus = gouden rand ── */
.elementor-field-group input:focus,
.elementor-field-group textarea:focus {
  border-color: var(--grs-gold) !important;
  outline: none !important;
  box-shadow: none !important;
}

/* ── Gouden decoratieve lijn ──
   Voeg class "gold-line" toe aan een Divider widget
   via Elementor → Advanced → CSS Classes               ── */
.gold-line .elementor-divider-separator {
  border-color: var(--grs-gold) !important;
  border-width: 1px !important;
  width: 48px !important;
}

/* ── Eyebrow label (klein goud tekstje boven een titel) ──
   Voeg class "eyebrow" toe aan een Text widget          ── */
.eyebrow p, .eyebrow {
  font-size: 10px !important;
  letter-spacing: 0.28em !important;
  text-transform: uppercase !important;
  color: var(--grs-gold) !important;
  font-weight: 400 !important;
}

/* ── Verfijnde scrollbar ── */
::-webkit-scrollbar { width: 12px; }
::-webkit-scrollbar-track { background: var(--grs-cream); }
::-webkit-scrollbar-thumb { background: var(--grs-border); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--grs-mid); }






/* ═══════════════════════════════════
   GTRANSLATE — sidebar stijl
═══════════════════════════════════ */

/* Positie: onderaan de sidebar */
.gt_switcher_wrapper {
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 280px !important;
  z-index: 999999 !important;
  padding: 20px 28px !important;
  
 /* border-top: 1px solid #E2D9CC !important;
  border-right: 1px solid #E2D9CC !important;*/
  box-sizing: border-box !important;
}

/* De taallinks */
.gt_switcher_wrapper .glink {
  font-family: 'Jost', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: #CFC7BE  !important;
  text-decoration: none !important;
  margin-right: 12px !important;
  transition: color 0.2s ease !important;
}

/* Hover */
.gt_switcher_wrapper .glink:hover {
  color: #B8925A !important;
}

/* Actieve taal */
.gt_switcher_wrapper .glink.gt-current-lang {
  color: #B8925A !important;
}

/* Google Translate balk verbergen */
.gt_switcher_wrapper #google_translate_element2 {
  display: none !important;
}

.goog-te-banner-frame,
#goog-gt-tt,
.goog-te-balloon-frame {
  display: none !important;
}

body {
  top: 0 !important;
}




/* Gouden streep op actief menu-item */
.sidebar-link .elementor-button {
  display: block !important;
  text-align: left !important;
  border-left: 2px solid transparent !important;
  transition: all 0.2s ease !important;
  border-radius: 0 !important;
}

.sidebar-link .elementor-button:hover {
  border-left-color: #B8925A !important;
  color:#F3EDE3 !important;
  background: transparent !important;
}

/* Actieve pagina — voeg manueel class toe via Elementor
   Advanced → CSS Classes → sidebar-link-active */
.sidebar-link-active .elementor-button {
  border-left: 2px solid #B8925A !important;
  color: #1E1A14 !important;
  font-weight: 400 !important;
  background: transparent !important;
}





/* ═══════════════════════════════════
   SIDEMENU — verbergen op tablet & mobiel
═══════════════════════════════════ */
/* Desktop — fixed sidebar */
@media (min-width: 1025px) {
  .sidemenu {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 230px !important;
    height: 100vh !important;
    overflow-y: auto !important;
    z-index: 9999 !important;
  }
}

/* Tablet & mobiel — verbergen */
@media (max-width: 1024px) {
  .sidemenu {
    display: none !important;
  }

  .elementor-page {
    margin-left: 0 !important;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Cormorant Garamond';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://watercolour.be/wp-content/uploads/2026/03/cormorant-garamond-v21-latin-regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Cormorant Garamond';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://watercolour.be/wp-content/uploads/2026/03/cormorant-garamond-v21-latin-300.woff2') format('woff2');
}
@font-face {
	font-family: 'Cormorant Garamond';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://watercolour.be/wp-content/uploads/2026/03/cormorant-garamond-v21-latin-500.woff2') format('woff2');
}
@font-face {
	font-family: 'Cormorant Garamond';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://watercolour.be/wp-content/uploads/2026/03/cormorant-garamond-v21-latin-italic.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Jost';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://watercolour.be/wp-content/uploads/2026/03/jost-v20-latin-regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://watercolour.be/wp-content/uploads/2026/03/jost-v20-latin-300.woff2') format('woff2');
}
@font-face {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://watercolour.be/wp-content/uploads/2026/03/jost-v20-latin-500.woff2') format('woff2');
}
/* End Custom Fonts CSS */