/* 
Theme Name: Hello Elementor Child
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
*/

/* anchor */

[id] {
  scroll-margin-top: 80px;
}

/* typography */

.text {
    font-size: 16px !important;
		line-height: 1.6rem !important;
}

.text-small {
    font-size: 0.875rem !important;
		line-height: 1.3125rem !important;
}

.text-xsmall {
    font-size: 0.75rem !important;
		line-height: 1.05625rem !important;
}

.text-xlarge :is(h1, h2, h3, h4, h5, h6, p) {
    font-size: 5rem !important;
		line-height: 5.5rem !important;
		font-family: "Quiche Sans Extra Bold", Sans-serif;
}

.text-h1 :is(h1, h2, h3, h4, h5, h6, p) {
    font-size: 3rem !important;
		line-height: 3rem !important;
		font-family: "Quiche Sans Extra Bold", Sans-serif;	
}

.text-h2 :is(h1, h2, h3, h4, h5, h6, p) {
    font-size: 2.25rem !important;
		line-height: 2.475rem !important;
		font-family: "Quiche Sans Extra Bold", Sans-serif;	
}

.text-h3 :is(h1, h2, h3, h4, h5, h6, p), 
dt.text-h3 {
    font-size: 2rem !important;
		line-height: 2.2rem !important;
		font-family: "Quiche Sans Extra Bold", Sans-serif;	
}

.text-h4 :is(h1, h2, h3, h4, h5, h6, p) {
    font-size: 1.5rem !important;
    letter-spacing: 0.04px !important;
		line-height: 1.875rem !important;
}

.text-h5 :is(h1, h2, h3, h4, h5, h6, p), 
dt.text-h5, 
dd.text-h5 {
    font-size: 1.25rem !important;
    font-weight: bold !important;
		line-height: 1.3125rem !important;
}

.text-h6 :is(h1, h2, h3, h4, h5, h6, p) {
    font-size: 1rem !important;
    letter-spacing: 0.02px !important;
		line-height: 1.3125rem !important;
}

@media only screen and (max-width: 1024px) {
	.text-xlarge :is(h1, h2, h3, h4, h5, h6, p), 
	.text-h1 :is(h1, h2, h3, h4, h5, h6, p) {
			font-size: 2.25rem !important;
			line-height: 2.475rem !important;
		}
	.text-h1 :is(h1, h2, h3, h4, h5, h6, p) {
			line-height: 2.25rem !important;
		}	
}

/* buttons */

.button-link a {
	font-weight: 600;
	letter-spacing: .05px;
	background: transparent !important;
	border: 0 !important;
	color: var(--e-global-color-primary) !important;
}

.button-link a:hover {
	text-decoration: underline;
}

.button-link a:active {
	font-weight: 800;
}

.button-reverse a {
	background: var(--e-global-color-0675568) !important;
	color: var(--e-global-color-secondary) !important;
	border-width: 0 !important;
}

.button-reverse a:hover {
	background: var(--e-global-color-primary) !important;
	color: var(--e-global-color-0675568) !important;
}

.button-reverse a:active {
	background: var(--e-global-color-0675568) !important;
	color: var(--e-global-color-secondary) !important;
	box-shadow: inset 0 0 0 4px var(--e-global-color-0240398);
}

/* forms */

/* art library 
 * 
 * .scoop-corners
 * .scoop-corners-double
 * .inner-gap-12 .inner-gap-20 .inner-border
 * .lines-leftright-start
 * .lines-leftright-end
 * .lines-topdown
 * 
 * */

	/* SCOOP CORNERED EMPTY RECTANGLE */
.scoop-corners > .e-con-inner {
  --scoop-radius: 48px;
  --corner-size: 96px;
  --border-color: var(--e-global-color-accent);
  --border-width: 2px;
  background:
    linear-gradient(to right, transparent var(--scoop-radius), var(--border-color) var(--scoop-radius), var(--border-color) var(--corner-size), transparent var(--corner-size)) top left / 100% var(--border-width) no-repeat,
    linear-gradient(to left,  transparent var(--scoop-radius), var(--border-color) var(--scoop-radius), var(--border-color) var(--corner-size), transparent var(--corner-size)) top right / 100% var(--border-width) no-repeat,
    linear-gradient(to right, transparent var(--scoop-radius), var(--border-color) var(--scoop-radius), var(--border-color) var(--corner-size), transparent var(--corner-size)) bottom left / 100% var(--border-width) no-repeat,
    linear-gradient(to left,  transparent var(--scoop-radius), var(--border-color) var(--scoop-radius), var(--border-color) var(--corner-size), transparent var(--corner-size)) bottom right / 100% var(--border-width) no-repeat,

    linear-gradient(to bottom, transparent var(--scoop-radius), var(--border-color) var(--scoop-radius), var(--border-color) var(--corner-size), transparent var(--corner-size)) top left  / var(--border-width) 100% no-repeat,
    linear-gradient(to top,    transparent var(--scoop-radius), var(--border-color) var(--scoop-radius), var(--border-color) var(--corner-size), transparent var(--corner-size)) bottom left  / var(--border-width) 100% no-repeat,
    linear-gradient(to bottom, transparent var(--scoop-radius), var(--border-color) var(--scoop-radius), var(--border-color) var(--corner-size), transparent var(--corner-size)) top right / var(--border-width) 100% no-repeat,
    linear-gradient(to top,    transparent var(--scoop-radius), var(--border-color) var(--scoop-radius), var(--border-color) var(--corner-size), transparent var(--corner-size)) bottom right / var(--border-width) 100% no-repeat,

    radial-gradient(circle at top left,     transparent calc(var(--scoop-radius) - calc(var(--border-width) / 2)), var(--border-color) calc(var(--scoop-radius) - calc(var(--border-width) / 2)), var(--border-color) calc(var(--scoop-radius) + calc(var(--border-width) / 2)), transparent calc(var(--scoop-radius) + calc(var(--border-width) / 2))) top left     / var(--corner-size) var(--corner-size) no-repeat,
    radial-gradient(circle at top right,    transparent calc(var(--scoop-radius) - calc(var(--border-width) / 2)), var(--border-color) calc(var(--scoop-radius) - calc(var(--border-width) / 2)), var(--border-color) calc(var(--scoop-radius) + calc(var(--border-width) / 2)), transparent calc(var(--scoop-radius) + calc(var(--border-width) / 2))) top right    / var(--corner-size) var(--corner-size) no-repeat,
    radial-gradient(circle at bottom right, transparent calc(var(--scoop-radius) - calc(var(--border-width) / 2)), var(--border-color) calc(var(--scoop-radius) - calc(var(--border-width) / 2)), var(--border-color) calc(var(--scoop-radius) + calc(var(--border-width) / 2)), transparent calc(var(--scoop-radius) + calc(var(--border-width) / 2))) bottom right / var(--corner-size) var(--corner-size) no-repeat,
    radial-gradient(circle at bottom left,  transparent calc(var(--scoop-radius) - calc(var(--border-width) / 2)), var(--border-color) calc(var(--scoop-radius) - calc(var(--border-width) / 2)), var(--border-color) calc(var(--scoop-radius) + calc(var(--border-width) / 2)), transparent calc(var(--scoop-radius) + calc(var(--border-width) / 2))) bottom left  / var(--corner-size) var(--corner-size) no-repeat;
}

.scoop-corners-double > .e-con-inner {
  --scoop-radius: 48px;
  --corner-size: calc(var(--scoop-radius) * 2);
  --border-color: var(--e-global-color-accent);
  --border-width-outer: 3px;
  --border-width-inner: 1px;
  --border-gap: 28px;
  padding: calc(22px + var(--border-gap));
}

@media only screen and (max-width: 767px) {
	.scoop-corners-double > .e-con-inner {
		--scoop-radius: 36px !important;
		--border-gap: 20px !important;
	}
}

/* Chrome: native */
@supports (corner-shape: scoop) {
  .scoop-corners-double > .e-con-inner {
    border: var(--border-width-outer) solid var(--border-color);
    corner-shape: scoop;
    border-radius: var(--scoop-radius);
    outline: var(--border-width-inner) solid var(--border-color);
    outline-offset: calc(-1 * var(--border-gap));
  }
}

/* Safari + Firefox fallback */
@supports not (corner-shape: scoop) {
  .scoop-corners-double > .e-con-inner {
    background:
      /* OUTER border straight */
      linear-gradient(to right,  transparent var(--scoop-radius), var(--border-color) var(--scoop-radius), var(--border-color) 50%, transparent 50%) top left    / 100% var(--border-width-outer) no-repeat,
      linear-gradient(to left,   transparent var(--scoop-radius), var(--border-color) var(--scoop-radius), var(--border-color) 50%, transparent 50%) top right   / 100% var(--border-width-outer) no-repeat,
      linear-gradient(to right,  transparent var(--scoop-radius), var(--border-color) var(--scoop-radius), var(--border-color) 50%, transparent 50%) bottom left  / 100% var(--border-width-outer) no-repeat,
      linear-gradient(to left,   transparent var(--scoop-radius), var(--border-color) var(--scoop-radius), var(--border-color) 50%, transparent 50%) bottom right / 100% var(--border-width-outer) no-repeat,
      linear-gradient(to bottom, transparent var(--scoop-radius), var(--border-color) var(--scoop-radius), var(--border-color) 50%, transparent 50%) top left    / var(--border-width-outer) 100% no-repeat,
      linear-gradient(to top,    transparent var(--scoop-radius), var(--border-color) var(--scoop-radius), var(--border-color) 50%, transparent 50%) bottom left  / var(--border-width-outer) 100% no-repeat,
      linear-gradient(to bottom, transparent var(--scoop-radius), var(--border-color) var(--scoop-radius), var(--border-color) 50%, transparent 50%) top right   / var(--border-width-outer) 100% no-repeat,
      linear-gradient(to top,    transparent var(--scoop-radius), var(--border-color) var(--scoop-radius), var(--border-color) 50%, transparent 50%) bottom right / var(--border-width-outer) 100% no-repeat,
      /* OUTER border corners */
      radial-gradient(circle at top left,     transparent calc(var(--scoop-radius) - calc(var(--border-width-outer) / 2)), var(--border-color) calc(var(--scoop-radius) - calc(var(--border-width-outer) / 2)), var(--border-color) calc(var(--scoop-radius) + calc(var(--border-width-outer) / 2)), transparent calc(var(--scoop-radius) + calc(var(--border-width-outer) / 2))) top left     / var(--corner-size) var(--corner-size) no-repeat,
      radial-gradient(circle at top right,    transparent calc(var(--scoop-radius) - calc(var(--border-width-outer) / 2)), var(--border-color) calc(var(--scoop-radius) - calc(var(--border-width-outer) / 2)), var(--border-color) calc(var(--scoop-radius) + calc(var(--border-width-outer) / 2)), transparent calc(var(--scoop-radius) + calc(var(--border-width-outer) / 2))) top right    / var(--corner-size) var(--corner-size) no-repeat,
      radial-gradient(circle at bottom right, transparent calc(var(--scoop-radius) - calc(var(--border-width-outer) / 2)), var(--border-color) calc(var(--scoop-radius) - calc(var(--border-width-outer) / 2)), var(--border-color) calc(var(--scoop-radius) + calc(var(--border-width-outer) / 2)), transparent calc(var(--scoop-radius) + calc(var(--border-width-outer) / 2))) bottom right / var(--corner-size) var(--corner-size) no-repeat,
      radial-gradient(circle at bottom left,  transparent calc(var(--scoop-radius) - calc(var(--border-width-outer) / 2)), var(--border-color) calc(var(--scoop-radius) - calc(var(--border-width-outer) / 2)), var(--border-color) calc(var(--scoop-radius) + calc(var(--border-width-outer) / 2)), transparent calc(var(--scoop-radius) + calc(var(--border-width-outer) / 2))) bottom left  / var(--corner-size) var(--corner-size) no-repeat,
/* INNER border straight */
      linear-gradient(to right,  transparent var(--scoop-radius), var(--border-color) var(--scoop-radius), var(--border-color) 50%, transparent 50%) left var(--border-gap) top var(--border-gap)    / calc(100% - 2 * var(--border-gap)) var(--border-width-inner) no-repeat,
      linear-gradient(to left,   transparent var(--scoop-radius), var(--border-color) var(--scoop-radius), var(--border-color) 50%, transparent 50%) right var(--border-gap) top var(--border-gap)   / calc(100% - 2 * var(--border-gap)) var(--border-width-inner) no-repeat,
      linear-gradient(to right,  transparent var(--scoop-radius), var(--border-color) var(--scoop-radius), var(--border-color) 50%, transparent 50%) left var(--border-gap) bottom var(--border-gap) / calc(100% - 2 * var(--border-gap)) var(--border-width-inner) no-repeat,
      linear-gradient(to left,   transparent var(--scoop-radius), var(--border-color) var(--scoop-radius), var(--border-color) 50%, transparent 50%) right var(--border-gap) bottom var(--border-gap)/ calc(100% - 2 * var(--border-gap)) var(--border-width-inner) no-repeat,
      linear-gradient(to bottom, transparent var(--scoop-radius), var(--border-color) var(--scoop-radius), var(--border-color) 50%, transparent 50%) left var(--border-gap) top var(--border-gap)    / var(--border-width-inner) calc(100% - 2 * var(--border-gap)) no-repeat,
      linear-gradient(to top,    transparent var(--scoop-radius), var(--border-color) var(--scoop-radius), var(--border-color) 50%, transparent 50%) left var(--border-gap) bottom var(--border-gap) / var(--border-width-inner) calc(100% - 2 * var(--border-gap)) no-repeat,
      linear-gradient(to bottom, transparent var(--scoop-radius), var(--border-color) var(--scoop-radius), var(--border-color) 50%, transparent 50%) right var(--border-gap) top var(--border-gap)   / var(--border-width-inner) calc(100% - 2 * var(--border-gap)) no-repeat,
      linear-gradient(to top,    transparent var(--scoop-radius), var(--border-color) var(--scoop-radius), var(--border-color) 50%, transparent 50%) right var(--border-gap) bottom var(--border-gap)/ var(--border-width-inner) calc(100% - 2 * var(--border-gap)) no-repeat,
/* INNER border corners */
radial-gradient(circle at top left,     transparent calc(var(--scoop-radius) - calc(var(--border-width-inner) / 2)), var(--border-color) calc(var(--scoop-radius) - calc(var(--border-width-inner) / 2)), var(--border-color) calc(var(--scoop-radius) + calc(var(--border-width-inner) / 2)), transparent calc(var(--scoop-radius) + calc(var(--border-width-inner) / 2))) left var(--border-gap) top var(--border-gap)     / var(--corner-size) var(--corner-size) no-repeat,
      radial-gradient(circle at top right,    transparent calc(var(--scoop-radius) - calc(var(--border-width-inner) / 2)), var(--border-color) calc(var(--scoop-radius) - calc(var(--border-width-inner) / 2)), var(--border-color) calc(var(--scoop-radius) + calc(var(--border-width-inner) / 2)), transparent calc(var(--scoop-radius) + calc(var(--border-width-inner) / 2))) right var(--border-gap) top var(--border-gap)    / var(--corner-size) var(--corner-size) no-repeat,
      radial-gradient(circle at bottom right, transparent calc(var(--scoop-radius) - calc(var(--border-width-inner) / 2)), var(--border-color) calc(var(--scoop-radius) - calc(var(--border-width-inner) / 2)), var(--border-color) calc(var(--scoop-radius) + calc(var(--border-width-inner) / 2)), transparent calc(var(--scoop-radius) + calc(var(--border-width-inner) / 2))) right var(--border-gap) bottom var(--border-gap) / var(--corner-size) var(--corner-size) no-repeat,
      radial-gradient(circle at bottom left,  transparent calc(var(--scoop-radius) - calc(var(--border-width-inner) / 2)), var(--border-color) calc(var(--scoop-radius) - calc(var(--border-width-inner) / 2)), var(--border-color) calc(var(--scoop-radius) + calc(var(--border-width-inner) / 2)), transparent calc(var(--scoop-radius) + calc(var(--border-width-inner) / 2))) left var(--border-gap) bottom var(--border-gap)  / var(--corner-size) var(--corner-size) no-repeat !important;
  }
}

	/* INNER BORDER ON IMAGES */
.inner-gap-12 { --inner-gap: 12px; }
.inner-gap-16 { --inner-gap: 16px; }
.inner-gap-20  { --inner-gap: 20px;  }

.inner-gap-25  { --inner-gap: 25px;  }

.inner-border img {
  outline: 1px solid white;
  outline-offset: calc(-1 * var(--inner-gap));	
}

@media only screen and (max-width: 767px) {
	.inner-border img {
		outline-offset: -10px !important;
	}
}

.outer-border img {
	padding: var(--inner-gap);
	border: 1px solid var(    --e-global-color-accent);
}

@media only screen and (max-width: 767px) {
	.outer-border img {
		padding: calc(var(--inner-gap) / 2);
	}
}

	/* DOUBLE LINES */

.lines-topdown > .e-con-inner::before,
.lines-topdown > .e-con-inner::after {
    content: '';
    display: block;
    width: 100%;
}

/* Top */
.lines-topdown > .e-con-inner::before {
    height: 16px; /* 3px + 12px gap + 1px */
    margin-bottom: 12px;
    background: linear-gradient(
        to bottom,
        var(--e-global-color-accent) 3px,
        transparent 3px,
        transparent 15px,
        var(--e-global-color-accent) 15px
    );
}

/* Bottom */
.lines-topdown > .e-con-inner::after {
    height: 16px; /* 1px + 12px gap + 3px */
    margin-top: 12px;
    background: linear-gradient(
        to bottom,
        var(--e-global-color-accent) 1px,
        transparent 1px,
        transparent 13px,
        var(--e-global-color-accent) 13px
    );
}

.lines-leftright-start,
.lines-leftright-end {
    display: flex;
    align-items: center;
    gap: 12px 96px;
}

@media only screen and (min-width: 768px) {
	/* START: top 3 bottom 1 */
	.lines-leftright-start::before,
	.lines-leftright-start::after {
			content: '';
			flex: 1;
			height: 16px; /* 3px + 12px gap + 1px */
			background: linear-gradient(
					to bottom,
					var(--e-global-color-accent) 3px,
					transparent 3px,
					transparent 15px,
					var(--e-global-color-accent) 15px
			);
	}

	/* END: top 1 bottom 3 */
	.lines-leftright-end::before,
	.lines-leftright-end::after {
			content: '';
			flex: 1;
			height: 16px; /* 1px + 12px gap + 3px */
			background: linear-gradient(
					to bottom,
					var(--e-global-color-accent) 1px,
					transparent 1px,
					transparent 13px,
					var(--e-global-color-accent) 13px
			);
	}
}

/* CAPSULE */

.capsule {
	padding: 0;
}

.capsule {
    cursor: pointer;
}

.capsule:hover .capsule-content {
    background: var(--e-global-color-accent);
}

.capsule:not(.reverse):hover .capsule-icon {
    box-shadow: 0px -7px 26.9px -4px rgba(54, 32, 33, 0.2);    
    transform: translate(-50%, -50%) rotate(-180deg);
}

.capsule:hover .capsule-image img {
    transform: scale(1.2);
}

/* Content */

.capsule-content {
    height: 300px;
    transition: background 0.3s ease;
    border-radius: 24rem 24rem 0 0;
    border: 1px solid var(--e-global-color-accent);
	z-index: 1;
}

.capsule-content p {
	line-height: 1.4375rem;
	padding: 120px 32px 32px 32px;
}

.capsule-content p strong {
	display: block;
	margin-bottom: 8px;
}

@media only screen and (max-width: 1024px) {
    .capsule-content {
        height: 250px;
    }
}

/* Icon */

.capsule-icon {
	padding: 20px;
	position: absolute;
	left: 50%;
	top: 300px;
	z-index: 2;
	transform: translate(-50%, -50%);
    transition: transform .6s ease;
    background: var(--e-global-color-accent);
    border-radius: 24rem;
}

.capsule-icon > div {
    line-height: 15px;
}

/* Image */

.capsule-image {
	z-index: 1;
    border-radius: 0rem 0rem 24rem 24rem;
    overflow: hidden;
}

.capsule-image img {
	transition: transform .6s ease;
	width: 100%;
	height: 300px;
    object-fit: cover;
    object-position: center;
}

@media only screen and (max-width: 1024px) {
    .capsule-image img {
        height: 250px;
    }
}

/* Popup */

[data-popup] {
  display: none !important;
}

.capsule-overlay {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
}

.capsule-overlay.active {
  opacity: 1;
  visibility: visible;
}

.capsule-popup {
  position: relative;
  z-index: 1;
  padding: 40px;
  max-width: 640px;
  width: 90%;
  background: rgba(0, 0, 0, 0.9);
	color: #fff;
  max-height: 80vh;
  overflow-y: auto;
  border-radius: 20px;
}

.capsule-popup-close {
  position: absolute;
  top: 0px;
  right: 10px;
  background: none !important;
  border: none !important;
  color: #fff !important;
  font-size: 3rem !important;
	padding: 0 !important;
	font-weight: 400 !important;
}

/* REVERSE */

.capsule.reverse {
    flex-direction: column-reverse !important;
}

.capsule.reverse .capsule-image {
    border-radius: 24rem 24rem 0rem 0rem;
}

.capsule.reverse .capsule-content {
    border-radius: 0rem 0rem 24rem 24rem;
}

.capsule.reverse .capsule-content p {
	    padding: 24px 24px 120px 24px;
}

.capsule.reverse .capsule-icon {
    bottom: 0px;
    top: auto;
}

.capsule.reverse:hover .capsule-icon {
    box-shadow: 0 -7px 26.9px -4px rgba(54, 32, 33, 0.2);
}

@media only screen and (max-width: 1024px) {
	.capsule:not(.reverse) .capsule-icon {
		top: 250px;
	}
}

/* MIRAI */

@media screen and (min-width: 768px) {
	.mirai-bar [data-role="finder"] {
		background: var(--e-global-color-0240398);
		border-radius: 0;
		-webkit-border-top-right-radius: 24px;
		-webkit-border-bottom-right-radius: 24px;
		-moz-border-radius-topright: 24px;
		-moz-border-radius-bottomright: 24px;
		border-top-right-radius: 24px;
		border-bottom-right-radius: 24px;
		padding: 12px 12px 12px 0 !important;
		gap: 12px;
		border: 0 !important;
		font-family: "Barlow (Google)", Sans-serif;
	}
}

@media screen and (max-width: 767px) {
	.mirai-bar [data-role="finder-compact"] {
		border-radius: 24px;
		font-family: "Barlow (Google)", Sans-serif;
		margin: 0 auto;
	}
	
	.mirai-bar [data-role="finder-compact"] [data-role="button"] {
		border-radius: 24px;
	}
}

[data-role="text"], 
[data-role="label"] {
	font-family: "Barlow (Google)", Sans-serif;
}

[data-role="finder"] >  [data-role="view"] {
	display: none;
}

[data-role="text"]:not([class*="_small"]) {
	font-size: 1rem;
	color: var(--e-global-color-text);
}

[data-role="text"][class*="_small"] {
	font-size: 0.75rem;
	color: var(--e-global-color-f00c301);
}

[data-role="field"] {
	max-height: 40px;
	border-radius: 15px !important;
	background: var(--e-global-color-0675568) !important;
}

[data-role="field"] input {
	border: 0;
	padding: 0;
	font-size: 1rem;
	color: var(--e-global-color-text);
	max-width: unset;
}

[data-role="finder-button"] {
	border-radius: 24rem !important;
}

[data-role="finder"] > [data-role="finder-button"] {
	background: var(--e-global-color-primary) url('/wp-content/uploads/2026/03/magnify.svg') center no-repeat !important;
	background-size: 24px;
	text-indent: -9999px;
	padding: 0;
	width: 40px;
	height: 40px !important;
  min-height: auto !important;
	border: 1px solid var(--e-global-color-primary);
	transition: all .3s;
}

[data-role="finder"] > [data-role="finder-button"]:hover {
	background-color: var(--e-global-color-0675568) !important;
	background: var(--e-global-color-0675568) url('/wp-content/uploads/2026/03/magnify_on.svg') center no-repeat !important;
}

[data-role="calendar-month"] [class*="_day"]:not([class*="_dayRange"]):hover {
	border-radius: 24px;
}

[data-role="calendar-month"] [class*="_day"]:not([class*="_dayRange"]):hover > *, 
[data-role="calendar-month"] [class*="_daySelected"] > * {
	color: var(--e-global-color-0675568);
}

[data-role="calendar-month"] [class*="_daySelected"][class*="_daySelectedStart"] {
  border-bottom-left-radius: 24px;
  border-top-left-radius: 24px;	
}

[data-role="calendar-month"] [class*="_daySelected"][class*="_daySelectedEnd"] {
  border-bottom-right-radius: 24px;
  border-top-right-radius: 24px;
}

[data-role="calendar-month"] [class*="_dayRange"] {
	background: var(--e-global-color-0240398);
}

[data-role="calendar"] [data-role="button"] {
	border-radius: 24px;
} 

[data-role="calendar"] [data-role="button"]:hover {
	background: var(--e-global-color-accent);
}

[data-role="occupation"] [data-role="button"] {
	border-radius: 24px;
  box-shadow: none !important;
	transition: all .3s;
	border: 0 !important;
}

[data-role="occupation"] [data-role="button"][class*="_disabled"] {
	background: var(--e-global-color-0240398);
}

[data-role="occupation"] [data-role="button"]:hover {
	background: var(--e-global-color-accent);
	border: 0 !important;
}

[data-role="occupation"] [data-role="button"][class*="_buttonAdd"] {
	border: 1px solid var(--e-global-color-primary) !important;
	background: var(--e-global-color-primary);
	color: var(--e-global-color-0675568);
}

[data-role="occupation"] [data-role="button"][class*="_buttonAdd"]:hover {
	color: var(--e-global-color-primary);
	background: var(--e-global-color-0675568);
}

[data-role="occupation"] [data-role="input-select"] > * {
	border-radius: 24px;
}

[data-role="occupation"] [data-role="input-select"] select {
	padding: 0 7px;
}

[is="ui-modal"] {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px	
}

[is="ui-modal"] [data-role="text"] {
	font-family: "Barlow (Google)", Sans-serif;
}

[is="ui-modal"] [aria-label="Promotion"] {
	border-radius: 24px;
	padding: 0;
	color: var(--e-global-color-text);
	max-height: 40px;
}

[is="ui-modal"] [aria-label="Promotion"] + [data-role="button"] {
	border-radius: 24px;
	border: 1px solid var(--e-global-color-primary);
	background: var(--e-global-color-primary);
	color: var(--e-global-color-0675568);
}

[is="ui-modal"] [aria-label="Promotion"] + [data-role="button"]:hover {
	color: var(--e-global-color-primary);
	background: var(--e-global-color-0675568);
}

/* cookie consent */

/* Background of the banner */
.cky-consent-bar {
	border-radius: 20px !important;
}

.cky-btn-revisit-wrapper {
	background: var(--e-global-color-primary) !important;
}

@media screen and (max-width: 767px) {
	.cky-btn-revisit-wrapper {
		bottom: 75px !important;
	}
}

.cky-show-desc-btn {
	color: var(--e-global-color-primary) !important;
}

.cky-preference-body-wrapper input[type="checkbox"] {
	background: var(--e-global-color-primary) !important;
}

.cky-preference-body-wrapper button {
	border: 0 !important;	
}

.cky-footer-wrapper button {
	border-color: var(--e-global-color-primary) !important;
	color: var(--e-global-color-primary) !important;
}

.cky-footer-wrapper button.cky-btn-accept {
	background: var(--e-global-color-primary) !important; 
	color: #fff !important;
}

.cky-notice-content-wrapper button {
	border: 1px solid var(--e-global-color-primary) !important;
	color: var(--e-global-color-primary) !important;
	opacity: 1 !important;
}

.cky-notice-content-wrapper button:hover {
	background: var(--e-global-color-primary) !important;
	color: var(--e-global-color-0675568) !important;
}

.cky-notice-content-wrapper button.cky-btn-accept {
	border: 1px solid var(--e-global-color-primary) !important;
	background: var(--e-global-color-primary) !important;
	color: var(--e-global-color-0675568) !important;	
}

.cky-notice-content-wrapper button.cky-btn-accept:hover {
	background: var(--e-global-color-0675568) !important;
	color: var(--e-global-color-primary) !important;	
}

/* Image comparison
 * 
 * Source:  https://jimfahaddigital.com/tutorial/how-to-make-comparison-slider-using-elementor-free/
 */

.comparison { 
  max-height: 600px;
  max-width: 600px;
  touch-action: none; /* Prevent scrolling while dragging */
}

.comparison::after {
  content: '';
  position: absolute;
  top: var(--inner-gap);
  left: var(--inner-gap);
  right: var(--inner-gap);
  bottom: var(--inner-gap);
  border: 1px solid white;
	border-radius: 20px;
  pointer-events: none;
  z-index: 2;
}

.comparison .figure {  
  height: 100%;
}

.comparison .divisor {
  height: 100%;
	width: 100%;
  pointer-events: none;
}

.comparison .elementor-widget-html {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
}

.comparison input[type=range]{
  -webkit-appearance:none;
  -moz-appearance:none;
  position: relative;
  top: calc(50% - 20px); 
  left: -6px;
  background-color: transparent;
  width: 102%; 
  cursor: grab;
}

.comparison input[type=range]:focus { 
  outline: none; 
}

.comparison input[type=range]:active { 
  outline: none;
  cursor: grabbing;
}

.comparison input[type=range]::-moz-range-track { 
  -moz-appearance:none;
  height:15px;
  width: 98%;
  background-color: rgba(255,255,255,0.1); 
  position: relative;
  outline: none;    
}

.comparison input[type=range]::-webkit-slider-thumb {
  -webkit-appearance:none;
  width: 12px;
  height: 35px;   
  background: #ffffff38;
  border-radius: 20px;
  outline: 2px solid var(--e-global-color-0675568);
}

.comparison input[type=range]::-moz-range-thumb {
  -moz-appearance: none;
  width: 12px;
  height: 35px;   
  background: #ffffff38;
  border-radius: 20px;
  outline: 2px solid var(--e-global-color-0675568);
}

.comparison input[type=range]:focus::-webkit-slider-thumb {
  background: rgba(255,255,255,0.5);
}

.comparison input[type=range]:focus::-moz-range-thumb {
  background: rgba(255,255,255,0.5);
}

/* Experience */

#experience .swiper-slide-active {
  opacity: 1 !important;
  visibility: visible !important;
}

/* WPML menu grid hax */
/*
#msgrid1 .e-loop-item > div:hover .primary-img img {
    opacity: 0;
}

#msgrid1 .primary-img img {
    transition: opacity .3s ease;
    cursor: pointer;
}

#msgrid1 .primary-img {
    pointer-events: none;
}

#msgrid1 .elementor-widget-image:not(.primary-img) {
    position: absolute;
}

#msgrid1 .elementor-widget-image:not(.primary-img)::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(89, 25, 31, .6);
  outline: 1px solid white;
  outline-offset: -20px;
  border-radius: 24px;
  pointer-events: none;
}

#msgrid1 .e-grid ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0px;
  list-style: none;
  padding: 0;
  justify-content: center;
}

#msgrid1 .e-grid li {
    margin: 0 !important;
    font-size: 14px;
}

#msgrid1 .e-grid li:nth-child(1) {
     margin-right: 14px !important;
}

#msgrid1 .e-grid li:nth-child(1)::after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 0;
  border-top: 1px solid var(--e-global-color-secondary);
  vertical-align: middle;
}

#msgrid1 .e-grid li:nth-child(3) {
  width: 100%;
  font-weight: 400 !important;
}

#msgrid1 .e-grid li:nth-child(3) span {
    width: 100%;
    text-align: center;
}

#msgrid1 .e-grid a:hover span {
    color: var(--e-global-color-0675568) !important;
}

#msgrid1 .e-grid a:hover ul li:nth-child(1)::after {
    border-color: var(--e-global-color-0675568);
}
*/