/* Block: usstripe */

.block.stripe{padding:8px 16px;position:relative;overflow: hidden!important;}
.block.stripe .block-content{position:inherit!important;}
.block.stripe .block-content:has(i){display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:space-between;}
.block.stripe .block-content > a{position:absolute;top:-8px;left:-16px;right:-16px;bottom:-8px;content:'';display:block;}

.block.stripe *{transition:var(--us-transition);}

.block.stripe.bg-green {
    background:linear-gradient(135deg, rgba(72, 152, 48, 1) 0%, rgba(35, 129, 58, 1) 100%) !important;
}
.block.stripe.bg-red {
    background:linear-gradient(135deg, rgba(227, 41, 61, 1) 0%, rgba(204, 0, 0, 1) 100%) !important;
}
.block.stripe.bg-yellow {
    background:linear-gradient(135deg, #FDDC9B 0%, #FDDC9B 100%) !important;
}
.block.stripe.bg-white {
    background:rgba(255,255,255,.95)!important;
}
.block.stripe.bg-theme {
    background:linear-gradient(111deg, var(--us-secondary-color) 0%, var(--us-secondary-color) 50%, var(--us-primary-color) 85%, var(--us-secondary-color) 100%);
	background-size:200% 100%;
	background-position:left;
    -webkit-backdrop-filter:saturate(180%) blur(20px);
    backdrop-filter:saturate(180%) blur(20px);
	transition:var(--us-transition);
}
.block.stripe.bg-black {
    /*background:rgb(0,23,39);
    background:rgba(0,23,39,.88);
	background:linear-gradient(111deg, rgba(0,23,39,0.88) 0%, rgba(0,23,39,0.88) 50%, rgba(28,78,85,0.92) 85%, rgba(0,23,39,0.88) 100%);
	background-size:200% 100%;
	background-position:left;*/
	background:rgba(0,0,0,.92);
    -webkit-backdrop-filter:saturate(180%) blur(20px);
    backdrop-filter:saturate(180%) blur(20px);
	transition:var(--us-transition);
}

.block.stripe.bg-black:before{position:absolute;top:0;left:0;right:0;height:12px;background:linear-gradient(180deg, rgba(0,23,39, .15) 0%, rgba(0,23,39, 0) 100%);content:'';pointer-events:none;}
.block.stripe.bg-black:after{position:absolute;bottom:0;left:0;right:0;height:12px;background:linear-gradient(180deg, rgba(0,23,39, 0) 0%, rgba(0,23,39, .15) 100%);content:'';pointer-events:none;}

.block.stripe.fixed-bottom{position:fixed;bottom:0;left:0;right:0;z-index:980;}
.block.stripe.sticky-top{position:sticky;top:0;right:0;z-index:100;width:100vw;transition:var(--us-transition);}

body.down .block.stripe.sticky-top{top:0;}

.block.stripe.text-light .block-content{color:#FFFFFF !important;text-shadow:0 1px 0 rgba(0,0,0,.1), 0 1px 5px rgba(0,0,0,.2);}
.block.stripe.text-dark .block-content{color:rgba(0,0,0,.77) !important;text-shadow:0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(255,255,255,.2);}
.stripe-text{font-weight:400;line-height:1.33;text-align:left;}

.stripe-text:has(i){display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;}

.stripe-text a{color:inherit!important;font-weight:inherit!important;}
.stripe-text strong{font-weight:600;}

.block.stripe .block-content > i{display:none;width:auto;align-self:center;/*position:absolute;top:50%;right:0;height:auto;line-height:50px;width:auto;text-align:center;transform:translate(0, -50%);*/}
@media screen and (min-width: 1024px) {
	.block.stripe:has(a) .block-content > i{display:block!important;}

	.block.stripe .block-content > i{right:16px;}
	.block.stripe:hover .block-content > i{right:0;}
}

.block.stripe.text-small .stripe-text{font-size:.8em;}
.block.stripe.text-small .block-content > i{font-size:.8em;}

@media screen and (min-width: 768px) {
    .block.stripe{padding:12px 32px;}
	.block.stripe .block-content > a{top:-12px;left:-32px;right:-32px;bottom:-12px;}
}
@media screen and (min-width: 769px) {
	.block.stripe.text-big .stripe-text{font-size:22px;}
	.block.stripe.text-big .block-content > i{font-size:22px;}
}
@media screen and (min-width:990px) {
    .block.stripe{padding:16px 32px;}
	.block.stripe .block-content > a{top:-16px;left:-100%;right:-100%;bottom:-16px;}
}
@media screen and (min-width: 1200px) {
	.block.stripe.sticky-top {}
    .block.stripe .block-content > i{right:16px;}
	.block.stripe.bg-black:hover{background-position:100% 0;}
	.block.stripe.bg-theme:hover{background-position:100% 0;}
}
@media screen and (max-width:989px) {
    .block.stripe.sticky-top{top:var(--us-header-height);}
    body.down .block.stripe.sticky-top{top:0;}
}
@media screen and (min-width:990px) {
    .block.stripe.sticky-top{top:var(--us-header-height) !important;}
}
@media screen and (max-width:1304px) {
	.block.stripe.sticky-top .block-content{}
}