/**
 * Corpus feature “Racontr Shortcode”: theme JS copies RacontR canvas height (e.g. 11600px)
 * Corpus uses id #eut-feature-section (not only a class). Override inline artboard heights.
 */
#eut-theme-wrapper #eut-feature-section:has(#racontr-body.codr-inline),
#eut-feature-section:has(#racontr-body.codr-inline),
#eut-theme-wrapper .eut-feature-section:has(#racontr-body.codr-inline),
.eut-feature-section:has(#racontr-body.codr-inline) {
	height: auto !important;
	max-height: none !important;
	min-height: unset !important;
	overflow: visible !important;
}

#eut-theme-wrapper .eut-feature-section-inner[data-item="racontr"]:has(#racontr-body.codr-inline),
.eut-feature-section-inner[data-item="racontr"]:has(#racontr-body.codr-inline),
.eut-feature-section-inner[data-item="racontr"][data-height="custom"]:has(#racontr-body.codr-inline) {
	height: auto !important;
	max-height: none !important;
	min-height: unset !important;
	overflow: visible !important;
}

/* Corpus: data-height="custom" + data-use-natural-height="false" (set by codr-inline-racontr-layout.js) */
.codr-inline-racontr-feature:has(#racontr-body.codr-inline),
.eut-racontr:has(#racontr-body.codr-inline),
.eut-feature-section-inner[data-item="racontr"]:has(#racontr-body.codr-inline) {
	height: auto !important;
	min-height: 0 !important;
	overflow: visible !important;
}

#eut-theme-wrapper .eut-racontr:has(#racontr-body.codr-inline),
.eut-racontr:has(#racontr-body.codr-inline),
#eut-theme-wrapper .eut-feature-element.eut-racontr:has(#racontr-body.codr-inline),
.eut-feature-element.eut-racontr:has(#racontr-body.codr-inline) {
	height: auto !important;
	max-height: none !important;
	min-height: unset !important;
	overflow: visible !important;
}

.codr-inline-racontr-sizer {
	position: relative;
	width: 100%;
	overflow: visible;
}

/*
 * Export uses a tall artboard (#compos ~3465px). codr-inline-racontr-layout.js post-processes
 * after resizeEnd: measures painted elements, shrinks compos/displayer/body, sets sizer min-height.
 */
#racontr-body.codr-inline {
	position: relative !important;
	max-height: none !important;
	overflow: hidden !important;
}

#racontr-body.codr-inline #displayer,
#racontr-body.codr-inline #compos {
	box-sizing: border-box;
}

/**
 * Corpus / Euthemus: fullwidth .eut-section is visibility:hidden until main.js runs on
 * #eut-main-content .eut-section only. When CODR template omits that shell, force visible.
 */
#eut-theme-wrapper .codr-wpbakery-content .eut-section[data-section-type="fullwidth-background"],
#eut-theme-wrapper .codr-wpbakery-content .eut-section[data-section-type="fullwidth-element"] {
	visibility: visible !important;
}

#eut-theme-wrapper .codr-wpbakery-content .eut-section.eut-custom-height:not(.eut-column-has-gap) .eut-column,
#eut-theme-wrapper .codr-wpbakery-content .eut-section.eut-custom-height.eut-column-has-gap .eut-column-wrapper {
	visibility: visible !important;
}

/**
 * RacontR (CODR) inside WPBakery: columns/rows often use overflow:hidden,
 * which clips absolutely positioned #racontr-body / #compos. Scoped with :has()
 * so only columns that contain CODR are affected.
 */
.codr-wpbakery-content .vc_row:has(.codr-content-wrapper),
.codr-wpbakery-content .vc_row:has(#racontr-body) {
	overflow: visible !important;
}

.codr-wpbakery-content .vc_column-inner:has(.codr-content-wrapper),
.codr-wpbakery-content .vc_column-inner:has(#racontr-body) {
	overflow: visible !important;
}

.codr-wpbakery-content .vc_column_container:has(.codr-content-wrapper),
.codr-wpbakery-content .vc_column_container:has(#racontr-body) {
	overflow: visible !important;
}

/**
 * #racontr-body is position:absolute in export CSS; it can paint over the next VC rows
 * (same stacking context). Raise siblings that come after RacontR so WPB content stays visible.
 */
.codr-wpbakery-content .vc_row:has(#racontr-body) ~ .vc_row,
.codr-wpbakery-content .vc_row:has(.codr-content-wrapper) ~ .vc_row {
	position: relative;
	z-index: 2;
}

.codr-wpbakery-content .vc_row .vc_column_container:has(#racontr-body) ~ .vc_column_container,
.codr-wpbakery-content .vc_row .vc_column_container:has(.codr-content-wrapper) ~ .vc_column_container {
	position: relative;
	z-index: 2;
}

/* Contain stacking so absolute RacontR does not swallow the whole page */
.codr-wpbakery-content .codr-content-wrapper {
	position: relative;
	z-index: 0;
	isolation: isolate;
}

/**
 * WPBakery “Almost visible” animations keep opacity at 0 until scroll/JS adds .wpb_start_animation.
 * When RacontR or layout prevents that from firing, rows look “missing” though they are in the DOM.
 */
.codr-wpbakery-content .wpb_animate_when_almost_visible:not(.wpb_start_animation) {
	opacity: 1 !important;
	visibility: visible !important;
	-webkit-animation: none !important;
	animation: none !important;
}
#eut-main-content .eut-container{
	padding-left: 10em !important;
	padding-right: 10em !important;
	padding-top: 0px !important;
}
@media (max-width: 768px) {
  #eut-main-content .eut-container{
    padding-left: 1em !important;
    padding-right: 1em !important;
    padding-top: 0px !important;
  }
}