/*
Theme Name: Praxis Divi Theme
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: RED17 Studio
Author URI: https://red17.studio
Version: 1.0.0.1786527380
Updated: 2026-08-12 09:36:20

*/

@property --maskv {
  syntax: "<percentage>";
  initial-value: 0%;
  inherits: true;
}

.et-pb-icon {font-size: 0}
body #page-container .et_pb_section .et_pb_button_0.with-icon::before {font-size:1.3em !important}

#main-nav .menu-li:before {content:'';position:absolute;  border: 0.15em solid #9d9d9d; border-radius: 10px; width: calc(100% + 20px); height: calc(100% + 10px); top: -4px; left: -11px;  
mask-image: linear-gradient(45deg, #ffffff var(--maskv), transparent 0%); box-sizing: border-box;
-webkit-mask-image: linear-gradient(45deg, #ffffff var(--maskv), transparent 0%);transition: --maskv 0.6s;}
#main-nav .menu-li:hover:before {--maskv: 100%;}
.et-menu a:hover {opacity: 1}

.glassmorph {
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
    box-shadow: 0.2rem 0.27rem 0.375em rgb(0 0 0 / 13%);
}
.glassmorph:before {
	border: 2px solid #ffffff;
    mask-image: linear-gradient(147deg, #ffffffa3 10%, #ffffff00 40%, #ffffff00 60%, #ffffffa8 90%);
	content: '';
    position: absolute;
    inset: 0;
    border-radius: clamp(0.809rem, calc(0.008989 * (100vw - 360px) + 12.944px), 1.618rem);
}

.frozen-glass:before {content:''; background: rgba(191, 191, 191, 0.34);
	position:absolute; inset: 0;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: clamp(0.809rem, calc(0.008989 * (100vw - 360px) + 12.944px), 1.618rem);
  box-shadow: inset -3px -3px 2px 0px rgb(0 0 0 / 5%), inset 3px 2px 2px 0px rgb(255 255 255 / 7%), inset 2px 3px 3px 0px rgb(217 217 217 / 64%), inset 0 0 2px 4px rgb(255 255 255 / 11%);
}

.btn-dark-bg {
  box-shadow: 0px 8px 18px -10px rgb(0 0 0 /25%), 
    inset 1px 1px 1px 0px rgb(255 255 255 / 70%), 
    inset 2px 2px 2px 0px rgb(0 0 0 / 5%), 
    inset -1px -1px 1px 0px rgb(0 0 0 / 20%),
    inset -2px -2px 1px 0px rgb(255 255 255 / 50%)
}
.btn-light-bg {
	box-shadow: 0px 8px 18px -10px rgb(0 0 0 /25%), 
    inset 1px 1px 1px 0px rgb(0 0 0 / 10%), 
    inset 2px 2px 0px 0px rgb(255 255 255 / 70%), 
    inset -1px -1px 0px 0px rgb(0 0 0 / 10%),
    inset -2px -2px 1px 0px rgb(255 255 255 / 70%);
}

header .fixed-menu {animation: header-transform linear; animation-timeline: scroll()}

@keyframes header-transform {
	0% {backdrop-filter: blur(0px);	-webkit-backdrop-filter: blur(0px);    box-shadow: 0.2rem 0.27rem 0.375em rgb(0 0 0 / 0%);  background: rgb(240 240 240 / 0%); }
	4% {backdrop-filter: blur(10px);	-webkit-backdrop-filter: blur(10px);    box-shadow: 0.2rem 0.27rem 0.375em rgb(0 0 0 / 13%);  background: rgb(240 240 240 / 70%); }
	100% {backdrop-filter: blur(10px);	-webkit-backdrop-filter: blur(10px);    box-shadow: 0.2rem 0.27rem 0.375em rgb(0 0 0 / 13%);  background: rgb(240 240 240 / 70%); }
}