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

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

/* source-serif-4-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/source-serif-4-v14-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-serif-4-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/source-serif-4-v14-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* instrument-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/instrument-sans-v4-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* red-hat-display-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Red Hat Display';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/red-hat-display-v21-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* red-hat-display-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Red Hat Display';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/red-hat-display-v21-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



body { font-family:  "Instrument Sans", sans-serif; font-size: 1.05em; overflow-wrap: break-word; 


}
.nav > li > a { font-family:  "Instrument Sans", sans-serif; text-transform: lowercase;  }
/*.nav > li > a:hover, .nav > li.active > a { color: #C43B95; }*/
.off-canvas-center .nav-vertical > li > a {
  font-size: 1.5em; padding-bottom: 0; padding-top: 0;
}
/*.header-shadow .header-wrapper, .header-wrapper.stuck, .layout-shadow #wrapper { box-shadow: none; }*/
.header-button .button { font-weight: normal !important; line-height: 2.2em !important; letter-spacing: normal !important;	 }

/*.stuck .logo { width: 280px !important; }*/

h1,h2,h3,h4,h5, .heading-font { font-family: "Red Hat Display", sans-serif;  }
/*h1 { font-weight: 400; font-size:  2em; line-height: 1; margin-bottom: 1em;}*/
/*.alt-font { font-family: "Handlee", sans-serif;  }*/

h1 { /*font-size: 3.3rem; font-size: 2.75vw;*/ font-size: clamp(1.7rem, 1.3rem + 1.7vw, 3.5rem); font-weight: 500;  } 
h1.s { font-size: 2.1rem; }
h2 { font-weight: 500; /*font-size: 1.3em) */ font-size: clamp(1.5rem, 1.2rem + 1.1vw, 2.7rem); margin-bottom: 1rem; }
h3 { font-family: "Instrument Sans", sans-serif; font-weight: 400; /*font-size: 1.1em;*/ font-size: clamp(1.25rem, 1.1rem + 0.6vw, 1.9rem); }
h6 { font-family: "Instrument Sans", sans-serif; font-size: .8em; color: #2b2b28 !important; }

blockquote {
    border-left: 3px solid var(--fs-color-primary);
    color: #333;
    font-size: clamp(1.1rem, 0.8rem + 0.6vw, 1.5rem);
    font-style: normal;
    margin: 0 0 1.25em;
    padding: 0 1.25em 0 1.875em;
    position: relative;
}

/*#main { background: url(https://burobosch.com/wp-content/uploads/2026/01/bg-v.svg) center right repeat-y; }*/
#main, #wrapper { background: none; }
#main { background: #26C6DA; background: linear-gradient(180deg, rgba(156, 204, 101, .3) 0%, rgba(255, 255, 255, 1) 8%);}


.bg-gradient > .fill { background: #26C6DA; background: linear-gradient(0deg,rgba(38, 198, 218, 1) 0%, rgba(156, 204, 101, 1) 100%); }

/*juli 2026*/
.branches .flickity-page-dots {
    bottom: 15px;
    left: 15px;
    line-height: 1;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: auto;
    text-align: center;
}
.branchelabels {
    font-size: .8em;
}
.text-gradient {
    background: linear-gradient(90deg, #9ccc65, #26c6da);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}

.icon-box .text { font-size: .95em;}