/*
 Theme Name:   Luxury Flying DRESS
 Theme URI:    
 Description:  Luxury Flying DRESS Theme.
 Author:       UnivFeel
 Author URI:   https://univfeel.com
 Template:     bricks
 Version:      1.0
 Text Domain:  bricks
*/

/*--------------------------------------------------------------
# General Styling & Shared Classes
--------------------------------------------------------------*/
html, body {
	scrollbar-width: none;
}

body.bricks-is-frontend {
	overflow: hidden;
 	-webkit-tap-highlight-color: transparent;
}

::selection {
  color: #ffffff;
  background-color: #000;
}

/*--------------------------------------------------------------
# Slide Element
--------------------------------------------------------------*/
:where(.is-slide-element) {
	opacity: 0;
	transform: 
		translateX(var(--translateX, 0))
		translateY(var(--translateY, 0)) 
		scaleX(var(--scaleX, 1)) 
		scaleY(var(--scaleY, 1))
		rotateX(var(--rotateX, 0))
		rotateY(var(--rotateY, 0))
		rotateZ(var(--rotateZ, 0))
		skewX(var(--skewX, 0))
		skewY(var(--skewZ, 0));
	transition: opacity var(--slider-element-transition-duration, 1.2s) ease, transform 1.2s ease;
}
.splide__slide.is-active  :where(.is-slide-element) {
	opacity: 1!important;
	transform: none!important;
}

/*--------------------------------------------------------------
# Background Slider
--------------------------------------------------------------*/
body.background-slider-only :where(#brx-header, #brx-content) {
	pointer-events: none;
}
body.background-slider-only .bg-slider {
	pointer-events: all;
}
:where(.hide-on-background-slider-only) {
	opacity: 1;
	transform: none;
	transition: opacity var(--background-only-transition-duration, 1.2s) ease, transform var(--background-only-transition-duration, 1.2s) ease;
}
body.background-slider-only .hide-on-background-slider-only,
body.background-slider-only .is-slide-element {
	opacity: 0!important;
	transform: 
		translateX(var(--translateX, 0))
		translateY(var(--translateY, 0)) 
		scaleX(var(--scaleX, 1)) 
		scaleY(var(--scaleY, 1))
		rotateX(var(--rotateX, 0))
		rotateY(var(--rotateY, 0))
		rotateZ(var(--rotateZ, 0))
		skewX(var(--skewX, 0))
		skewY(var(--skewZ, 0))
		!important;
}
body .hide-on-background-slider-only:not(.glass) {
	opacity: 1!important;
}
body .hide-on-background-slider-only .glass {
	transition: opacity var(--background-only-transition-duration, 1.2s) ease;
}
body.background-slider-only .hide-on-background-slider-only .glass,
.hide-on-background-slider-only:not(.brx-animated)[data-interaction-hidden-on-load] .glass {
	opacity: 0;
}
/*--------------------------------------------------------------
# Bricks Styles - Reset
--------------------------------------------------------------*/

/* Buttons
------------------------------*/
.bricks-button.outline {
	border: var(--btn-border-width, 1px) solid;
}
.bricks-button.bricks-color-light.outline:hover {
	background-color: var(--contrast-color);
    color: var(--text-dark);
    border-color: var(--contrast-color);
}

/* Icons
------------------------------*/
.brxe-icon {
	font-size: 24px;
}

/*--------------------------------------------------------------
# Tippy
--------------------------------------------------------------*/
.tippy-tooltip.almaruba-theme {
	background-color: var(--background-color);
    border-radius: 10px;
    color: var(--text-dark);
	font-size: 12px;
}
.tippy-tooltip.almaruba-theme .tippy-content {
	align-items: center;
	display: flex;
	min-height: 40px;
}
.tippy-tooltip.almaruba-theme[data-placement^='top'] .tippy-arrow {
  border-top-color: var(--background-color);
}
.tippy-tooltip.almaruba-theme[data-placement^='bottom'] .tippy-arrow {
  border-bottom-color: var(--background-color);
}
.tippy-tooltip.almaruba-theme[data-placement^='left'] .tippy-arrow {
  border-left-color: var(--background-color);
}
.tippy-tooltip.almaruba-theme[data-placement^='right'] .tippy-arrow {
  border-right-color: var(--background-color);
}

/*--------------------------------------------------------------
# animate.min.css
--------------------------------------------------------------*/
.bricks-is-frontend .brx-animated[data-animation*=In], 
.bricks-is-frontend :not(.brx-animated)[data-interaction-hidden-on-load] {
    opacity: 0;
}

/*--------------------------------------------------------------
# OverlayScrollbars
--------------------------------------------------------------*/
html .os-scrollbar, body .os-scrollbar {
	--os-padding-axis: 7.5px;
	--os-padding-perpendicular: 7.5px;
	--os-size: 20px;
}
html .os-scrollbar .os-scrollbar-handle, body .os-scrollbar .os-scrollbar-handle {
	--os-handle-bg: color-mix(in srgb, #fff, transparent 80%);
	--os-handle-bg-hover: color-mix(in srgb, #fff, transparent 50%);
	backdrop-filter: blur(10px);
}