@charset "UTF-8";
/*
Theme Name: Huis van Ruth
Theme URI: https://metier.gent
Version: 1.0
Description: "My best friend is a professor and she quit her job"
Author: métier
Author URI: https://metier.gent
template: bb-theme
*/
@font-face {
  font-family: "Minion Pro Display";
  src: url("fonts/MinionPro-SemiboldDisp.woff2") format("woff2"), url("fonts/MinionPro-SemiboldDisp.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "News Gothic";
  src: url("fonts/NewsGothicN2-Light.woff2") format("woff2"), url("fonts/NewsGothicN2-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
* {
  outline: none;
}

body {
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
}

p {
  margin-bottom: 20px;
}

.fl-rich-text p:last-child {
  margin-bottom: 0;
}

a {
  text-decoration: none;
}
a:hover, a:focus {
  text-decoration: none;
}

h1, h2, h3, h4 {
  text-transform: uppercase !important;
}

h1 {
  letter-spacing: 0.25em;
}

h2 {
  letter-spacing: 0.25em;
}

h3 {
  letter-spacing: 0.25em;
  margin-bottom: 20px;
}

strong, b {
  font-weight: 500 !important;
}

header .fl-module-menu {
  background: #FFF;
}

html:not(.fl-builder-edit) header .fl-module-menu {
  transform: translateY(-10px);
  z-index: 1;
}

header .menu {
  display: flex !important;
  text-wrap: nowrap;
}
header .menu li {
  margin-right: 4.75vw;
  transition: border-bottom 0.5s;
}
header .menu li a {
  border-bottom: 1px solid transparent !important;
  display: inline-block;
  padding-bottom: 3px !important;
}
header .menu li:last-child {
  margin-right: 0;
}
header .menu li:last-child a {
  padding-right: 0 !important;
}
header .menu li.current_page_item a, header .menu li:hover a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5) !important;
}

footer .menu {
  display: flex !important;
}
footer .menu li {
  margin-left: 6vw;
}
footer .menu li:first-child {
  margin-left: 0;
}

/* Video intro */
html:not(.fl-builder-edit) .video-intro {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
}
html:not(.fl-builder-edit) .video-intro__logo {
  text-align: center;
}
html:not(.fl-builder-edit) .video-intro__logo svg {
  max-width: 800px;
}
html:not(.fl-builder-edit) .video-intro--dark svg * {
  fill: #000;
}
html:not(.fl-builder-edit) .video-intro--dark p {
  color: #000 !important;
}

.video-intro.fl-row-full-height .fl-row-content-wrap {
  min-height: calc(var(--vh, 1vh) * 100);
}

.stop-scrolling {
  height: 100%;
  overflow: hidden !important;
  /*Chrome, Safari, Edge*/
}
.stop-scrolling::-webkit-scrollbar {
  display: none;
}
.stop-scrolling {
  /*FireFox*/
  scrollbar-width: none;
  /*IE10+*/
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

@media (min-width: 768px) {
  .line--left {
    position: relative;
  }
  .line--left:before {
    content: "" !important;
    display: block;
    width: 1px;
    height: 100%;
    background-color: rgb(0, 0, 0);
    position: absolute;
    left: 0px;
    top: 0;
  }
  .line--right {
    position: relative;
  }
  .line--right:before {
    content: "" !important;
    display: block;
    width: 1px;
    height: 100%;
    background-color: rgb(0, 0, 0);
    position: absolute;
    right: 0px;
    top: 0;
  }
}
.testimonial:last-child {
  margin-bottom: 0 !important;
}
.testimonial .testimonial__initialen {
  font-family: "Minion Pro Display";
  font-weight: 600;
  font-size: 18px;
}
.testimonial .testimonial__beschrijving {
  font-weight: 300;
  color: rgba(0, 0, 0, 0.5);
}

.fl-col-group.fl-node-60475799bebd5.fl-col-group-nested {
  height: 100% !important;
}

.fl-col-group.fl-node-2f67xvzp1rkm.fl-col-group-nested {
  height: 100% !important;
}

.fl-col.fl-node-604757963ef5d {
  height: 100% !important;
}

.fl-col.fl-node-ksy7f853agnb {
  height: 100% !important;
}

.fl-col-group.fl-node-604765d830b0e.fl-col-group-nested {
  height: 100% !important;
}

.fl-col.fl-node-604765d5b9e95 {
  height: 100% !important;
}

.fl-subscribe-form input[type=email] {
  padding: 12px 24px !important;
}

input.gform-button {
  padding: 12px 24px !important;
  background-color: #ddd9d8 !important;
  font-style: italic !important;
  color: #000 !important;
}

input[type=text], input[type=password], input[type=email], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=number], input[type=search], input[type=url], textarea {
  padding: 12px 24px !important;
  font-size: inherit;
  font-family: Roboto;
  font-style: normal;
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(221, 217, 216, 0.2509803922);
  border: none !important;
  border-radius: 0px;
  outline: none !important;
}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=number]:focus, input[type=search]:focus, input[type=url]:focus, textarea:focus {
  background-color: rgba(221, 217, 216, 0.25);
  outline: none !important;
}

::-webkit-input-placeholder {
  font-size: 12px;
  font-weight: 300;
  font-style: normal;
  font-family: "Roboto";
}

::-moz-placeholder {
  font-size: 12px;
  font-weight: 300;
  font-style: normal;
  font-family: "Roboto";
}

:-ms-input-placeholder {
  font-size: 12px;
  font-weight: 300;
  font-style: normal;
  font-family: "Roboto";
}

::-ms-input-placeholder {
  font-size: 12px;
  font-weight: 300;
  font-style: normal;
  font-family: "Roboto";
}

::placeholder {
  font-size: 12px;
  font-weight: 300;
  font-style: normal;
  font-family: "Roboto";
}

.gform_heading {
  display: none;
}

.gform_body ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.gform_body .gfield_description {
  width: auto !important;
}

input[type=submit], .button {
  background: #ddd9d8 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  border: none !important;
  color: #000;
  font-family: "Minion Pro Display" !important;
  font-style: italic !important;
  padding: 12px 20px !important;
  border-radius: 0 !important;
  align-self: auto !important;
}

div.gform_validation_errors {
  display: none !important;
}