/*
Theme Name: oaris Child Theme auf Divi-Basis
Theme URI: https://struss.oaris.de/
Author: oaris
Author URI: https://www.oaris.de/
Description: oaris Child Theme auf Divi-Basis
Version: 1.0
Template: Divi

This is the child theme for Divi theme, generated with Generate Child Theme plugin by catchthemes.
*/


/* Variables */
:root {
    --body-fs: 20px;
	--body-fs-sm: 18px;
    --h1-fs: max(35px, min(5vw, 65px));
    --h2-fs: max(30px, min(3.5vw, 55px));
    --h3-fs: max(28px, min(1.5vw, 32px));
    --h4-fs: 22px;
    --h5-fs: 20px;
    --h6-fs: 20px;

    --border-radius: 2rem;

    --shadow-inset-1: inset 0px -0.5px 3px rgba(0, 0, 0, 0.2);
    --shadow-inset-2: inset 0px 2px 2px rgba(255, 255, 255, 0.7);
    --shadow-drop: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.2));
}

/* 4K Screens (2560px and larger) */
@media (min-width: 2560px) {
/* Grid */ 
	.et_pb_column.et_pb_column_1_2.et_pb_column_4.et_pb_css_mix_blend_mode_passthrough.et_pb_column_single {
    	align-self: flex-end;
	}
}

/* Full HD Screens (1920px to 2559px) */
@media (min-width: 1920px) and (max-width: 2559px) {
	/* Grid */ 
	.et_pb_column.et_pb_column_1_2.et_pb_column_4.et_pb_css_mix_blend_mode_passthrough.et_pb_column_single {
   	 	align-self: flex-end;
	}
}

/* Tablet (768px to 1919px) */
@media (min-width: 768px) and (max-width: 1919px) {
    :root {
		--border-radius: 1.8rem;
		
        --shadow-inset-1: inset 0px -0.3px 2px rgba(0, 0, 0, 0.15);
        --shadow-inset-2: inset 0px 1px 1px rgba(255, 255, 255, 0.5);
        --shadow-drop: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.15));
    }
	/* Grid */ 
	.et_pb_column.et_pb_column_1_2.et_pb_column_4.et_pb_css_mix_blend_mode_passthrough.et_pb_column_single {
    	align-self: flex-end;
	}
}

/* Mobile (up to 767px) */
@media (max-width: 767px) {
	    :root {
		--body-fs: max(16px, min(1vw, 20px));
		--body-fs-sm: max(16px, min(0.75vw, 18px));
			
		--border-radius: 1.5rem;
    }
}

/* Basic Styles */
.oa-heading {
    & h1 { font-size: var(--h1-fs); }
    & h2 { font-size: var(--h2-fs); }
    & h3 { font-size: var(--h3-fs); }
    & h4 { font-size: var(--h4-fs); }
    & h5 { font-size: var(--h5-fs); }
    & h6 { font-size: var(--h6-fs); }
}

.oa-text {
    & p { font-size: var(--body-fs); line-height: 1.6em;}
    & li { font-size: var(--body-fs); line-height: 1.6em;}
	& a { font-size: var(--body-fs); line-height: 1.6em;}
}

.oa-text-sm {
    & p { font-size: var(--body-fs-sm); line-height: 1.6em;}
    & li { font-size: var(--body-fs-sm); line-height: 1.6em;}
	& a { font-size: var(--body-fs-sm); line-height: 1.6em;}
}

.oa-border-radius {
	border-radius: var(--border-radius);
}



body {
	background: linear-gradient(180deg, rgba(254,245,179,1) 0%, rgba(183,237,145,1) 100%) !important;
}

/* Page Loader Styles START */
#customPageLoader {
    background: #FEF5B3;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999; /* Ensure the loader is above all content */
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: opacity 0.5s ease;
}

#customPageLoader img {
    width: 250px; /* Adjust to your logo size */
    height: auto;
    animation: pulsing 0.6s infinite alternate;
}

@keyframes pulsing {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(1.1);
    }
}
/* Page Loader Styles END */


::selection {
  background: #f8e01a;
  color: #0d0d0c;
}
/* ===== Header Menu START ===== */
@media (max-width: 980px) {
	.et_pb_menu--style-centered .et_pb_menu__wrap {
    	-webkit-box-pack: end;
    	-ms-flex-pack: end;
    	justify-content: flex-end;
	}
}
ul#mobile_menu1 {
    width: 90vw;
    position: fixed;
    border-radius: 1.5rem;
    top: 100px;
}
/* ===== Header Menu ENDE ===== */

/* ===== FOOTER MENU START ===== */ 
.oa-hide-hamburger nav ul li {
  display: block;
  width: 100%;
  margin: 10px 0;
}
.oa-hide-hamburger .et_pb_menu__menu {
  display: flex !important;
}
.oa-hide-hamburger .et_mobile_nav_menu {
  display: none !important;
}
/* ===== FOOTER MENU ENDE ===== */

/* Struß-Design für Blurbs */
.oa-ts-blurb::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  box-shadow: 
    var(--shadow-inset-1),
    var(--shadow-inset-2);
  pointer-events: none; 
}
.oa-ts-blurb {
  filter: var(--shadow-drop);
}

#bit-assist-widget-container {
	z-index: 1000 !important;
}