/* 
Theme Name: De Ceunynck Ophthalmology
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
*/

/* Add your custom styles here */


:root {
	--heading-1: clamp(2.5rem, 1.5625rem + 3.75vw, 4.375rem);
	--heading-2: clamp(2rem, 1.3125rem + 2.75vw, 3.375rem);
	--heading-3: clamp(1.625rem, 1.1875rem + 1.75vw, 2.5rem);
	--heading-4: clamp(1.375rem, 1.1875rem + 0.75vw, 1.75rem);
	--heading-5: clamp(1.25rem, 1.0938rem + 0.625vw, 1.5625rem);
	--heading-6: clamp(1rem, 0.875rem + 0.5vw, 1.25rem);
}

html {
	scroll-behavior: smooth;
	scroll-padding-top: 200px;
}

html, body {
	overflow-x: clip;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.e-con {	
    max-width: 100%;
}

/****************/
/*  TYPOGRAPHY  */
/****************/

.elementor-widget-text-editor > :last-child,
.elementor-widget-text-editor .elementor-widget-container > :last-child {
	margin-bottom: 0;
}
.elementor-widget-text-editor ol,
.elementor-widget-text-editor ul {
	margin-bottom: 1rem;
}

.elementor-widget-text-editor a {
	text-decoration: underline;
	text-underline-offset: .2em;
}

.elementor-widget-image a {
	width: 100%;
}
.elementor-widget-icon a {
	display: block;
}

a {
    color: currentColor;
}
b, strong { 
	font-weight: bold;
}

.elementor-heading-title,
.balance {
	text-wrap: balance;
}

.elementor-button {
	font-size: inherit;
}
.elementor-button-text {
	white-space: nowrap;
}

h1 { font-size: var(--heading-1); }
h2 { font-size: var(--heading-2); }
h3 { font-size: var(--heading-3); }
h4 { font-size: var(--heading-4); }
h5 { font-size: var(--heading-5); }
h6 { font-size: var(--heading-6); }


/***********/
/*  CARDS  */
/***********/

.morph-card {
	position: relative;
}
.morph-card__text {
	opacity: 0;
	transition: opacity .5s ease !important;
}
.morph-card__button {
	position: static;
	z-index: 1;
}
.morph-card__button .elementor-button {
	padding: 0 !important;
}
.morph-card__button .elementor-button:before {
	content: '';
	position: absolute;
	inset: 0;
}
.morph-card__button .elementor-button-content-wrapper {
	justify-content: start;
	position: relative;
	min-width: calc(1rem + 1em);
	max-width: 1em;
    padding: 0.5rem;
	overflow: clip;
	transition: max-width 0.5s ease !important;
}
.morph-card__button .elementor-button-text {
	padding-left: calc(.5rem + 1em);
	max-width: 1em;
	opacity: 0;
	overflow: clip;
	transition: max-width 0.5s ease, opacity .5s ease !important;
	interpolate-size: allow-keywords;
}
.morph-card__button .elementor-button-icon {
	position: absolute;
	inset: 0.5rem;
	right: auto;
	scale: 1.375;
}

.morph-card:hover .morph-card__text,
.morph-card:focus-within .morph-card__text {
	opacity: 1;
}

.morph-card:hover .morph-card__button .elementor-button-content-wrapper,
.morph-card:focus-within .morph-card__button .elementor-button-content-wrapper {
	max-width: 15em;
}
.morph-card:hover .morph-card__button .elementor-button-text,
.morph-card:focus-within .morph-card__button .elementor-button-text {
	max-width: 15em;
	opacity: 1;
}

@media (hover: none) or (max-width: 768px) {
	.morph-card__text {
		opacity: 1 !important;
	}
}


/**************/
/*  CAROUSEL  */
/**************/

.dc-carousel .swiper {
    overflow: visible;
    clip-path: inset(0 -100vw -2rem 1px);
	margin-inline: -.5rem;
}
.dc-carousel .swiper-wrapper {
    height: 300px;
    overflow: visible !important;
}
.dc-carousel .swiper-slide {
    transition: opacity .3s ease;
	padding-inline: .5rem;
}
.dc-carousel .swiper-slide:not(.swiper-slide-active) {
    opacity: .25;
}
.dc-carousel .swiper-slide-inner {
    margin-right: 1.5rem;
}

.dc-carousel figure, 
.dc-carousel img {
    display: block;
    height: 100%;
	width: 100%;
    object-fit: cover;
}

.dc-carousel .elementor-swiper-button {
    position: absolute;
    top: 100% !important;
    left: 0 !important;
    bottom: 0 !important;
    transform: none !important;
    margin-top: .5rem;
	cursor: pointer;
}
.dc-carousel .elementor-swiper-button.elementor-swiper-button-next {
    left: 2.5rem !important;
}


/* Sitemap */

.elementor-widget-sitemap .elementor-sitemap-list {
	padding-left: 1.25rem;
}
.elementor-widget-sitemap .elementor-sitemap-item {
	margin-bottom: .25em;
}

/*************************/
/*  TECH SUPPORT POPOUT  */
/*************************/

#sidebar-tech-support {
	--sidebar-indent: 4rem;
    position: fixed;
    top: 20vh;
    right: 0;
	z-index: 99;
    translate: calc(100% - var(--sidebar-indent)) 0;
	transition: translate .4s ease;
}
#sidebar-tech-support:hover,
#sidebar-tech-support:focus-within {
	translate: 0 0;
}
@media (max-width: 767px) {
	#sidebar-tech-support {
		--sidebar-indent: 3rem;
	}
}

#sidebar-tech-support .widgettitle {
	display: none;
}
#sidebar-tech-support a:not(.elementor-button):hover,
#sidebar-tech-support a:not(.elementor-button):focus {
	text-decoration: underline;
}



/************/
/*  COOKIE  */
/************/

#moove_gdpr_cookie_info_bar {
    background-color: #212b30 !important;
	overflow: hidden;
}
#moove_gdpr_cookie_info_bar::before {
	content: "";
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='cookie-bite' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-cookie-bite'%3E%3Cpath fill='white' d='M510.52 255.82c-69.97-.85-126.47-57.69-126.47-127.86-70.17 0-127-56.49-127.86-126.45-27.26-4.14-55.13.3-79.72 12.82l-69.13 35.22a132.221 132.221 0 0 0-57.79 57.81l-35.1 68.88a132.645 132.645 0 0 0-12.82 80.95l12.08 76.27a132.521 132.521 0 0 0 37.16 72.96l54.77 54.76a132.036 132.036 0 0 0 72.71 37.06l76.71 12.15c27.51 4.36 55.7-.11 80.53-12.76l69.13-35.21a132.273 132.273 0 0 0 57.79-57.81l35.1-68.88c12.56-24.64 17.01-52.58 12.91-79.91zM176 368c-17.67 0-32-14.33-32-32s14.33-32 32-32 32 14.33 32 32-14.33 32-32 32zm32-160c-17.67 0-32-14.33-32-32s14.33-32 32-32 32 14.33 32 32-14.33 32-32 32zm160 128c-17.67 0-32-14.33-32-32s14.33-32 32-32 32 14.33 32 32-14.33 32-32 32z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    bottom: 1rem;
    opacity: 0.1;
    width: 12rem;
    height: 12rem;
    pointer-events: none;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p a {
	line-height: 1.5 !important;
	font-weight: normal !important;
}

#moove_gdpr_cookie_modal {
	font-family: 'Golos Text', sans-serif !important;
}
#moove_gdpr_cookie_modal .gdpr-nav-tab-title, #moove_gdpr_cookie_modal .tab-title, #moove_gdpr_cookie_modal button {
	font-family: 'Golos Text', sans-serif !important;
	font-weight: bold !important;
}

#moove_gdpr_cookie_info_bar .mgbutton,
#moove_gdpr_cookie_modal .mgbutton {
	border-radius: .375rem !important;
	text-transform: normal !important;
}

@media screen and (min-width: 768px) {
	#moove_gdpr_cookie_info_bar {
    	border: 1px solid #fff !important;
    	border-radius: .375rem;
    	margin-bottom: 1rem !important;
    	left: 1rem !important;
      	width: auto !important;
      	max-width: 450px !important;
	}
	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container {
		padding: 1.75rem 0 !important;
	}
	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content {
    	align-items: start !important;
    	flex-direction: column !important;
	}
	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-cookie-notice {
		margin-bottom: 1rem;
	}
	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder {
		padding-left: 0 !important;
	}
	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder button:first-child {
		margin-left: 0 !important;	
	}
}