/*
 Theme Name:   BOOMY
 Theme URI:    https://sminec.dev/
 Description:  
 Author:       sminec
 Author URI:   https://sminec.dev/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

body {
     opacity: 0;
    animation: fadeIn 0.2s ease-in forwards;
	overflow-x: hidden!important;
}
.post-page ul.wp-block-list li {
    margin-bottom: 10px;
}
body .ff-message-success {
    border: none;
    box-shadow: none;
    margin-top: 0px;
    padding: 0px;
    position: relative;
}

@keyframes fadeIn {
    to {
        opacity: 1;
    }
}
.brx-popup:not(.brx-infobox-popup):not(.brx-infobox-popup-builder) .brx-popup-backdrop {
    backdrop-filter: blur(10px);
}
:where(.wp-block-columns.is-layout-flex) {
    gap: 20px!important;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

main {
	position: relative;
	z-index: 9;
}
#brx-footer > div {
	backface-visibility: hidden;
  will-change: transform;
}


.anim-row > div {
	transform-origin: center top;
}


@media (min-width: 768px) {
/* #brxe-iahbri {
  position: fixed;
  bottom: -100%; 
  left: 0;
  width: 100%;
  z-index: 10000;
  opacity: 0;
  pointer-events: none;
  transition: none; 
} */
	
	
	
	
	
}



.gsap-marker-start, .gsap-marker-end, .gsap-marker-scroller-start, .gsap-marker-scroller-end {
  visibility: hidden !important;
  pointer-events: none !important;
	font-size: 1px;
}



.post-page p, .post-page ul, .post-page li, .post-page ol {
	font-size: clamp(0.875rem, 0.7508rem + 0.4158vw, 1.125rem);
	color: #09062E
}
.post-page p {
	margin-bottom: 20px;
}



body .ff-el-group.ff-text-left.ff_submit_btn_wrapper {
    margin-bottom: 0px;
}
body .btn-policy-wrap {
	margin-top: 40px;
}
body .ff-default .ff-el-form-control {
    border: none;
    border-radius: 0px;
    color: #09062E80;
    font-family: inherit;
    font-size: clamp(0.875rem, 0.7508rem + 0.4158vw, 1.125rem);
    border-bottom: 1px solid #D9D9D9;
    background: transparent;
	padding: 10px 20px;
}
body .ff-default .ff-el-form-control:focus {
    background-color: transparent;
    border-color: #10069f;
    color: var(--fluentform-secondary);
    outline: none;
}
body .ff-el-group.ff-custom_html {
    font-weight: 500;
    font-size: 13px;
    line-height: 120%;
    color: #09062E33;
    margin: 0px;
}
body .frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom button {
		margin-bottom: 0px;
	}

.brxe-button {
	cursor: pointer;
}
.yellow-color span  {
  color: #FFF8AF;
}

.cloud-parent {
  z-index: 2;
  animation: float 10s infinite ease-in-out;
  will-change: transform;
}

@keyframes float {
  0%, 100% {
    transform: translateX(-50%) translateY(0);
  }
  25% {
    transform: translateX(-50%) translateY(-10px);
  }
  50% {
    transform: translateX(-50%) translateY(0);
  }
  75% {
    transform: translateX(-50%) translateY(-8px);
  }
}




.product-sliders .col-2 img {
    width: 100%;
}
.product-sliders .col-1 img, .product-sliders .col-3 img {
    width: auto;
		height: 280px;
    object-fit: contain;
}


.product-sliders  .col-2, .product-sliders  .col-1, .product-sliders  .col-3 {
  text-align: center;
}


.product-sliders  .wrap-imgs img, .product-sliders  .wrap-text .text-1 {
    opacity: 0;
    position: absolute;
}

.product-sliders  .wrap-text .text-1 {
    top: 0;
}


.product-sliders .wrap-imgs .col-1, .product-sliders .wrap-imgs .col-2, .product-sliders .wrap-imgs .col-3 {
    position: relative;
    flex: 1;
}



.product-sliders .wrap-imgs .anim-1, .product-sliders .wrap-text .anim-1 {
    opacity: 1;
    position: relative;
}

.product-sliders .wrap-text {
    position: relative;
    min-height: 60px;
}






ul#menu-languages-menu > li:first-child {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 2px solid #fff;
}

.btnblick {
    backdrop-filter: blur(3px);
	position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
	cursor: pointer;
}

ul#menu-languages-menu > li {
    line-height: 1.2;
}
#brxe-qdzrkq .bricks-nav-menu > li > a, #brxe-uhqtkw .bricks-nav-menu > li > a {
    backdrop-filter: blur(3px);
	position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}
#brxe-qdzrkq .bricks-nav-menu > li > a::before, #brxe-uhqtkw .bricks-nav-menu > li > a::before, .btnblick::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.4),
        transparent
    );
    transition: left 0.6s ease;
}
#brxe-qdzrkq .bricks-nav-menu > li > a:hover::before, #brxe-uhqtkw .bricks-nav-menu > li > a:hover::before, .btnblick:hover::before {
    left: 100%;
}

ul#menu-footer-menu-left, ul#menu-footer-menu-right {
    flex-wrap: wrap;
    max-width: 300px;
}
ul#menu-footer-menu-left li {
    width: 25%;
    white-space: nowrap;
}
ul#menu-footer-menu-right li {
    width: 43%;
    white-space: nowrap;
}


ul#menu-footer-menu-left a, ul#menu-footer-menu-right a {
    transition: left 0.6s ease;
}
ul#menu-footer-menu-left a:hover, ul#menu-footer-menu-right a:hover {
    color: #aadef5!important;
}



/* other color menu */
.privacy-policy #brxe-uhqtkw .bricks-nav-menu > li > a, .privacy-policy #brxe-qdzrkq .bricks-nav-menu > li > a, .page-id-21 #brxe-uhqtkw .bricks-nav-menu > li > a, .page-id-21 #brxe-qdzrkq .bricks-nav-menu > li > a, .page-id-22 #brxe-uhqtkw .bricks-nav-menu > li > a, .page-id-22 #brxe-qdzrkq .bricks-nav-menu > li > a, .single-post #brxe-uhqtkw .bricks-nav-menu > li > a, .single-post #brxe-qdzrkq .bricks-nav-menu > li > a {
    border: 1px solid #10069F;
    border-radius: 100px;
	color: #10069F;
}
.privacy-policy header .footer-icon.brxe-div, .privacy-policy #brxe-bazdpd, .page-id-21 header .footer-icon.brxe-div, .page-id-21 #brxe-bazdpd, .page-id-22 header .footer-icon.brxe-div, .page-id-22 #brxe-bazdpd, .single-post header .footer-icon.brxe-div, .single-post #brxe-bazdpd {
	border: 1px solid #10069F;
}
.privacy-policy header .footer-icon.brxe-div path, .page-id-21 header .footer-icon.brxe-div path, .page-id-22 header .footer-icon.brxe-div path, .single-post header .footer-icon.brxe-div path {
	fill: #10069F;
}
.privacy-policy #brxe-bazdpd line, .page-id-21 #brxe-bazdpd line, .page-id-22 #brxe-bazdpd line, .single-post #brxe-bazdpd line {
	stroke: #10069F;
}
.privacy-policy #brxe-nbqvhx .bricks-nav-menu > li > a, .page-id-21 #brxe-nbqvhx .bricks-nav-menu > li > a, .page-id-22 #brxe-nbqvhx .bricks-nav-menu > li > a, .single-post #brxe-nbqvhx .bricks-nav-menu > li > a {
    color: #10069F;
}
.privacy-policy ul#menu-languages-menu > li:first-child, .page-id-21 ul#menu-languages-menu > li:first-child, .page-id-22 ul#menu-languages-menu > li:first-child, .single-post ul#menu-languages-menu > li:first-child {
    border-right: 2px solid #10069F;
}




.back-btn {
	cursor: pointer;
}
.back-btn:hover svg{
  transform: translateX(-3px);
}
.wrap-post-blog:hover img {
	transform: scale(1.1);
}
body .btn-policy-wrap {
	align-items: flex-end;
}




.buy-block-img {
  animation: tilt-animation 10s ease-in-out infinite;
  transform-origin: center;
  transition: animation-play-state 0s ease;
}

@keyframes tilt-animation {
  0% {
    transform: rotateZ(0deg);
  }
  25% {
    transform: rotateZ(15deg);
  }
  50% {
    transform: rotateZ(0deg);
  }
  75% {
    transform: rotateZ(-15deg);
  }
  100% {
    transform: rotateZ(0deg);
  }
}

.buy-block:hover .buy-block-img {
  animation-play-state: paused;
}



.home-product:hover .home-product-1 {
  opacity: 0;
}
.home-product:hover .home-product-2 {
  opacity: 1;
}






.feather {
    animation: float ease-in-out infinite;
}
.feather-1 { 
    animation-duration: 8s;
    animation-name: float1;
}

.feather-2 { 
    animation-duration: 4.8s;
    animation-delay: 4s;
    animation-name: float2;
}

.feather-3 { 
    animation-duration: 2.8s;
    animation-delay: 6s;
    animation-name: float3;
}

.feather-4 { 
    animation-duration: 5.2s;
    animation-delay: 5s;
    animation-name: float4;
}

@keyframes float1 {
    0%, 100% {
        transform: translate(0, 0) rotate(0deg);
    }
    25% {
        transform: translate(15px, -20px) rotate(5deg);
    }
    50% {
        transform: translate(30px, -10px) rotate(10deg);
    }
    75% {
        transform: translate(15px, 10px) rotate(5deg);
    }
}

@keyframes float2 {
    0%, 100% {
        transform: translate(0, 0) rotate(0deg);
    }
    25% {
        transform: translate(-20px, 15px) rotate(-8deg);
    }
    50% {
        transform: translate(-10px, 30px) rotate(-12deg);
    }
    75% {
        transform: translate(-25px, 15px) rotate(-6deg);
    }
}

@keyframes float3 {
    0%, 100% {
        transform: translate(0, 0) rotate(0deg);
    }
    25% {
        transform: translate(25px, 10px) rotate(12deg);
    }
    50% {
        transform: translate(40px, 25px) rotate(18deg);
    }
    75% {
        transform: translate(20px, 30px) rotate(10deg);
    }
}

@keyframes float4 {
    0%, 100% {
        transform: translate(0, 0) rotate(0deg);
    }
    25% {
        transform: translate(-18px, -15px) rotate(-10deg);
    }
    50% {
        transform: translate(-35px, -25px) rotate(-15deg);
    }
    75% {
        transform: translate(-20px, -10px) rotate(-8deg);
    }
}





.splide__slide > .brxe-text-basic {
	opacity: 0;
	visibility: hidden;
	transform: translateY(30%);
	transition: all 0.4s;
}
.splide__slide.is-active > .brxe-text-basic {
	opacity: 1;
	visibility: visible;
	transform: translateY(0%);
}

.splide__slide--custom {
  transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}



.splide__slide:not(.is-active) > img {
  transform: scale(0.5);
  opacity: 0.8;
  z-index: 1;
	transition: all 0.2s
}
.splide__slide.is-active  > img {
  transform: scale(1);
  z-index: 10;
}
.redcircle {
  transform-origin: top center;
}







@media (min-width: 767px) {
	#brx-footer > div {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: 9999;  
  will-change: transform;
	overflow: hidden;
}
	
.partner-item-box {
 
  width: 100%;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  z-index: 1;
  transition: opacity 0.5s ease;
}
.partner-item-box.active {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  z-index: 10;
}
#brxe-twzwyv .block-step-1,
#brxe-twzwyv .block-step-2,
#brxe-twzwyv .block-step-3,
#brxe-twzwyv .block-step-4 {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  transition: opacity 0.5s ease;
	transform: translatey(-50%);
}
	#brxe-twzwyv .block-step-1 {
		opacity: 1;
	}
	.partner-item-box {
		position: absolute;
  top: 50%;
		
	transform: translatey(-50%);
	}
#brxe-twzwyv .block-step-1.active,
#brxe-twzwyv .block-step-2.active,
#brxe-twzwyv .block-step-3.active,
#brxe-twzwyv .block-step-4.active {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  z-index: 10;
}
	.marketplace-wrap > a {
		border-left: 1px solid #D9D9D9;
	}
	.marketplace-wrap > a:last-child {
		border-right: 1px solid #D9D9D9;
	}

}



















@media (max-width: 768px) {
	.marketplace-wrap > a:nth-child(even) {
		margin-left: auto;
	}
	.marketplace-wrap > a:nth-child(odd) {
		margin-right: auto;
	}
	body .ff-el-group.ff-text-left.ff_submit_btn_wrapper {
		text-align: center;
	}
	body .frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom button {
		margin-bottom: 0px;
	}
	:where(.wp-block-columns.is-layout-flex) {
		gap: 0px!important;
	}
	body .ff-default .ff-el-form-control {
		padding: 10px 10px;
	}
	body .btn-policy-wrap {
		margin-top: 40px;
		display: flex;
		gap: 20px;
		align-items: flex-end;
	}
	body .ff-el-group.ff-custom_html {
		font-size: 8px;
	}
	.product-sliders .col-1 img, .product-sliders .col-3 img {
		height: 150px;
	}
	.product-sliders .wrap-imgs .col-1, .product-sliders .wrap-imgs .col-3 {
		width: 15%;
		max-width: 150px;
	}
	.product-sliders .wrap-imgs .col-1 {
    	left: -15px;
	}
	.product-sliders .wrap-imgs .col-3 {
    	right: -15px;
	}
	.col-2 {
		min-width: 250px;
	}
}