/* 
Theme Name: Ruimte voor Kairos
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: Elementor Team
Author URI: https://elementor.com/
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
*/

@media (max-width: 575.98px) {
}

@media (max-width: 767.98px) {
}

@media (max-width: 991.98px) {
}

@media (max-width: 1199.98px) {
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

.sitevarscombinedinthisclass {
  /* 🎨 Kleuren */
  color: var(--e-global-color-primary);
  background-color: var(--e-global-color-secondary);
  border-color: var(--e-global-color-accent);

  /* 🔤 Typografie: Headings */
  font-family: var(--e-global-typography-primary-font-family);
  font-weight: var(--e-global-typography-primary-font-weight);
  text-transform: var(--e-global-typography-primary-text-transform);
  font-style: var(--e-global-typography-primary-font-style);
  text-decoration: var(--e-global-typography-primary-text-decoration);
  line-height: var(--e-global-typography-primary-line-height);
  letter-spacing: var(--e-global-typography-primary-letter-spacing);

  /* 🔤 Typografie: Body tekst */
  --text-font: var(--e-global-typography-text-font-family);
  --text-weight: var(--e-global-typography-text-font-weight);
  --text-transform: var(--e-global-typography-text-text-transform);
  --text-style: var(--e-global-typography-text-font-style);
  --text-decoration: var(--e-global-typography-text-text-decoration);
  --text-line-height: var(--e-global-typography-text-line-height);
  --text-letter-spacing: var(--e-global-typography-text-letter-spacing);

  /* 🔤 Typografie: Accent */
  --accent-font: var(--e-global-typography-accent-font-family);
  --accent-weight: var(--e-global-typography-accent-font-weight);
  --accent-transform: var(--e-global-typography-accent-text-transform);
  --accent-style: var(--e-global-typography-accent-font-style);
  --accent-decoration: var(--e-global-typography-accent-text-decoration);
  --accent-line-height: var(--e-global-typography-accent-line-height);
  --accent-letter-spacing: var(--e-global-typography-accent-letter-spacing);
}
.site-logo {
  max-width: 100px;
}

/* roomraccoon */
.RoomRaccoon-BookingEngine {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  text-align: center;
}

.RoomRaccoon-BookingEngine .RoomRaccoonButton2 {
  text-align: center;
  text-transform: uppercase;
}
.RoomRaccoon-BookingEngine .availability-widget {
  flex-grow: 3;
}
.RoomRaccoon-BookingEngine .availability-widget,
.RoomRaccoon-BookingEngine .RoomRaccoonButton2 {
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}
.availability-widget-date {
  flex-grow: 1;
}
.RoomRaccoon-BookingEngine .RoomRaccoonButton2,
.availability-widget-date {
  padding: 7px 15px;
  background-color: #c6c2be;
  color: #4a4a4a;
}
.RoomRaccoon-BookingEngine .RoomRaccoonButton2 {
  padding: 15px 40px;
}
.RoomRaccoon-BookingEngine .availability-widget {
  gap: 1rem;
}

.RoomRaccoon-BookingEngine .availability-widget-date input[type="date"] {
  appearance: none;
  border: none;
  background: transparent;
  font: inherit;
  color: inherit;
  text-align: center;
}
#premium-magic-section-259a4b6c,
#premium-magic-section-80e5155 {
  background: rgba(227, 227, 226, 0.95);
}

/* custom content */
#suites_slider .elementor-swiper-button svg {
  fill: hsla(0, 0%, 100%, 1);
}
#suites_slider .elementor-swiper-button-next,
#suites_slider .elementor-swiper-button-prev {
  background-color: #e2e2e2;
  color: #fff;
  padding: 5px;
}

.suites_slider2#suites_slider .elementor-swiper-button-next,
.suites_slider2#suites_slider .elementor-swiper-button-prev {
  background-color: #828282;
}
@media (min-width: 1050px) {
  #suites_slider .elementor-swiper-button-prev {
    left: calc(33% - 15px);
  }
  #suites_slider .elementor-swiper-button-next {
    right: calc(33% - 15px);
  }

  #suites_slider {
    max-height: 85vh;
    overflow: hidden;
  }
}
#center_col::after {
  content: " ";
  position: fixed;
  bottom: 0;
  z-index: -1;
  height: 100vh;
  background-color: #e2e2e2;
}
/* blue page */
.colortheme-true-blue #center_col::after,
.colortheme-true-blue #center_col {
  background-color: #becad6;
}
.colortheme-true-blue .colortheme-true-blue h1,
.colortheme-true-blue h2,
.colortheme-true-blue h3,
.colortheme-true-blue h4,
.colortheme-true-blue h5,
.colortheme-true-blue h6 {
  color: #4f6381;
}
.colortheme-true-blue .elementor-location-footer h1,
.colortheme-true-blue .elementor-location-footer h2,
.colortheme-true-blue .elementor-location-footer h3,
.colortheme-true-blue .elementor-location-footer h4,
.colortheme-true-blue .elementor-location-footer h5,
.colortheme-true-blue .elementor-location-footer h6 {
  color: #758ea8 !important;
}

.colortheme-true-blue .elementor-location-footer .elementor-social-icon svg {
  fill: #758ea8 !important;
}
.colortheme-terra-gold #suites_slider .elementor-swiper-button-next,
.colortheme-terra-gold #suites_slider .elementor-swiper-button-prev,
.colortheme-terra-gold #center_col::after,
.colortheme-terra-gold #center_col {
  background-color: #cba9a3;
}
.colortheme-terra-gold strong,
.colortheme-terra-gold b,
.colortheme-terra-gold h1,
.colortheme-terra-gold h2,
.colortheme-terra-gold h3,
.colortheme-terra-gold h4,
.colortheme-terra-gold h5,
.colortheme-terra-gold h6 {
  color: #87475d;
}
.colortheme-terra-gold .elementor-location-footer h1,
.colortheme-terra-gold .elementor-location-footer h2,
.colortheme-terra-gold .elementor-location-footer h3,
.colortheme-terra-gold .elementor-location-footer h4,
.colortheme-terra-gold .elementor-location-footer h5,
.colortheme-terra-gold .elementor-location-footer h6 {
  color: #cba9a3 !important;
}

.colortheme-terra-gold .elementor-location-footer .elementor-social-icon svg {
  fill: #cba9a3 !important;
}

.colortheme-greenery-green #suites_slider .elementor-swiper-button-next,
.colortheme-greenery-green #suites_slider .elementor-swiper-button-prev,
.colortheme-greenery-green #center_col::after,
.colortheme-greenery-green #center_col {
  background-color: #b8c2bb;
}
.colortheme-greenery-green strong,
.colortheme-greenery-green b,
.colortheme-greenery-green h1,
.colortheme-greenery-green h2,
.colortheme-greenery-green h3,
.colortheme-greenery-green h4,
.colortheme-greenery-green h5,
.colortheme-greenery-green h6 {
  color: #516970;
}
.colortheme-greenery-green .elementor-location-footer h1,
.colortheme-greenery-green .elementor-location-footer h2,
.colortheme-greenery-green .elementor-location-footer h3,
.colortheme-greenery-green .elementor-location-footer h4,
.colortheme-greenery-green .elementor-location-footer h5,
.colortheme-greenery-green .elementor-location-footer h6 {
  color: #b8c2bb !important;
}

.colortheme-greenery-green
  .elementor-location-footer
  .elementor-social-icon
  svg {
  fill: #b8c2bb !important;
}
.colortheme-quite-mauve #suites_slider .elementor-swiper-button-next,
.colortheme-quite-mauve #suites_slider .elementor-swiper-button-prev,
.colortheme-quite-mauve #center_col::after,
.colortheme-quite-mauve #center_col {
  background-color: #ece8e3;
}
.colortheme-quite-mauve strong,
.colortheme-quite-mauve b,
.colortheme-quite-mauve h1,
.colortheme-quite-mauve h2,
.colortheme-quite-mauve h3,
.colortheme-quite-mauve h4,
.colortheme-quite-mauve h5,
.colortheme-quite-mauve h6 {
  color: #8f878b;
}
.colortheme-quite-mauve .elementor-location-footer h1,
.colortheme-quite-mauve .elementor-location-footer h2,
.colortheme-quite-mauve .elementor-location-footer h3,
.colortheme-quite-mauve .elementor-location-footer h4,
.colortheme-quite-mauve .elementor-location-footer h5,
.colortheme-quite-mauve .elementor-location-footer h6 {
  color: #b8c2bb !important;
}

.colortheme-quite-mauve .elementor-location-footer .elementor-social-icon svg {
  fill: #b8c2bb !important;
}
/* custom content */

#suites_buttons .elementor-gallery-title {
  border: 1px solid #dcdcdc;
  text-transform: uppercase;
  font-size: 0.9rem;
  font-family: "Contax Sans", Sans-serif;
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 0px !important;
}