/* 
Theme Name: Webdesign René Veugen
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: René Veugen
Author URI: https://reneveugen.nl
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

body.page-id-98.hide-scrollbar {
  overflow: hidden !important;
}

p:last-child {
    margin-bottom: 0;
}

p {
    margin-block-end: 1.5rem;
}

.logo-menu svg {
    display: block !important;
}

#loading-wrapper {
    animation: fadeOut 0.5s ease forwards;
    animation-delay: 3.5s; /* wacht 5 seconden voor fade-out */
}

#clv-specialist .elementor-icon-box-content {
    line-height: 0px !important;
}

@keyframes fadeOut {
  to {
    opacity: 0;
    visibility: hidden; /* element ook klikbaar maken erachter */
  }
}

::selection {
    background: #0597D5;
    color: #E9EEF5;
}

html {
    scroll-behavior: smooth !important;
}

html.lenis-scrolling {
    scroll-behavior: auto !important;
}

.readmore-link a {
    font-weight: 700;
    text-decoration: underline;
}

/*Menu*/
.menu-gesit.elementor-widget-nav-menu {
    background: #0D4E6D;
    border-radius: 25px;
}

.menu-gesit a.elementor-item.elementor-item-active {
    background: #095D83;
    border-radius: 25px;
}

.menu-gesit a.elementor-item {
    line-height: 10px !important;
}

.menu-gesit .elementor-nav-menu {
    padding: 7px 15px;
}

.text-blue {
    background: linear-gradient(to bottom, #e9eef5 50%, #0597d5 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.jet-listing-grid__slider-icon.prev-arrow.slick-arrow.slick-disabled, .jet-listing-grid__slider-icon.next-arrow.slick-arrow.slick-disabled {
    display:none !important;
}

.jet-listing-grid__slider-icon.prev-arrow.slick-arrow {
    display: inline-grid!important
}

.slick-list.draggable {
    cursor: grab;
}

.slick-list.draggable:active {
    cursor: grabbing;
}

.jet-listing-grid__item.jet-equal-columns.slick-slide:not(.slick-current) .disabled-opacity {
    opacity: 0.15 !important;
}

.jet-listing-grid__item.jet-equal-columns.slick-slide:not(.slick-current) .tijdlijn-jaar .elementor-widget-container {
    background: #0d4e6d !important;
    color: #095d83;
}

/*Button popup*/
button#popup {
    padding: 0px;
    border: none;
    background: none;
}

.dot {
  position: fixed;
  background-color: #0597D5;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  will-change: transform, opacity;
  pointer-events: none; 
}

/*Button*/
.btn {
  cursor: pointer;
  border-radius: 1em;
  border-radius: calc(var(--btn-height) * .5);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  padding: 15px 20px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.btn__text {
  color: #efede3;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  transition: color 0.7s cubic-bezier(0.625, 0.05, 0, 1);
}

.btn-text-p {
  color: currentColor;
  white-space: nowrap;
  margin-bottom: 0;
  font-family: var( --e-global-typography-35f9259-font-family ), Sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}

a.btn.w-inline-block {
    text-decoration: none;
}

.btn__bg {
  background-color: #0597D5;
  border-radius: 25px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.img__founder {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.btn__circle-wrap {
  border-radius: 1.5em;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.btn__circle {
  pointer-events: none;
  background-color: #d1fd88;
  border-radius: 50%;
  width: 100%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: transform 0.7s cubic-bezier(0.625, 0.05, 0, 1), background-color 0.4s cubic-bezier(0.625, 0.05, 0, 1);
  transform: translate(-50%, -50%) scale(0) rotate(0.001deg);
  background-color: #FFA200;
}

.before__100 {
  padding-top: 100%;
  display: block;
}

.btn .btn__text {
  transition: color 0.7s cubic-bezier(0.625, 0.05, 0, 1);
}

.btn:hover .btn__circle {
  transform: translate(-50%, -50%) scale(1) rotate(0.001deg);
}

/* Dark */
.btn[data-theme="dark"] .btn__circle {
  background-color: #FFA200;
}

.btn[data-theme="dark"]:hover .btn__text {
  color: #031819;
}

.dark-btn .btn__bg {
    background-color: var( --e-global-color-text );
}

@media screen and (max-width: 1200px) {
.menu-gesit a.elementor-item {
    font-size: 16px !important;
}

.btn-text-p {
    font-size: 16px;
}
}

@media screen and (max-width: 1656px) and (min-width: 1500px) {
.watermerk-footer {
    width:400px !important;
}
}

@media screen and (max-width: 1499px) and (min-width: 1367px) {
.watermerk-footer {
    width:350px !important;
}
}

@media screen and (max-width: 792px) and (min-width: 539px) {
.text-blue {
    background: linear-gradient(to bottom, #e9eef5 33.33%, #0597d5 33.33%);
        -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
}

@media screen and (max-width: 435px) and (min-width: 379px) {
.text-blue {
    background: linear-gradient(to bottom, #e9eef5 40%, #0597d5 40%);
        -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
}

@media screen and (max-width: 420px) {
.watermerk-footer {
    opacity: 0.15;
}
}

@media screen and (max-width: 350px) {
header .elementor-element.elementor-widget-image {
    width: 140px !important;
}
}

@media screen and (max-width: 321px) {
.text-blue {
    background: linear-gradient(to bottom, #e9eef5 40%, #0597d5 40%);
        -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
}