/*
Theme Name: BestBit
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Add your own styles here:*/

/** left side **/
.tags-wrapper > div{
    padding: 0.5em 2em 0.5em 3em;
    border: 1px solid #CCC;
    border-radius: 5em;
    background-color: var(--color-header-top-transparent-bg-grad);
    position: relative;
}

.tags-wrapper > div:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1.5em;
    height: 1.5em;
    background: var(--color-content-primary);
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.0.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M320 64C337.7 64 352 78.3 352 96L352 264.6L496 181.5C511.3 172.7 530.9 177.9 539.7 193.2C548.5 208.5 543.3 228.1 528 236.9L384 320L528 403.1C543.3 411.9 548.6 431.5 539.7 446.8C530.8 462.1 511.3 467.4 496 458.5L352 375.4L352 544C352 561.7 337.7 576 320 576C302.3 576 288 561.7 288 544L288 375.4L144 458.5C128.7 467.3 109.1 462.1 100.3 446.8C91.5 431.5 96.7 412 112 403.1L256 320L112 236.9C96.7 228 91.5 208.5 100.3 193.1C109.1 177.7 128.7 172.6 144 181.4L288 264.6L288 96C288 78.3 302.3 64 320 64z"/></svg>');
    transform: translate(0.5em, 0.5em);
}

/** right side, image **/
.image-deco{
    position: relative;
}

.image-deco.bordered{
    padding: 1em;
    border-style: solid;
    border-width: 1px;
    border-radius: 1.5em;
}

.image-deco.bordered{
    background-color: #FFF;
    border-color: var(--color-alt-content-overlay);
}

.image-deco.bordered.alt{
    background: transparent;
    border-color: var(--color-content-border);
}

.image-deco .w-image-h{
    border-radius: 1.5em;
    position: relative;
}

.image-deco.bordered .w-image-h:after{
    content: '';
    background-color: ;
    background-image: linear-gradient(to bottom, var(--color-content-heading), var(--color-header-top-text));
    border-radius: 1.5em;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.8;
}

.image-deco .w-iconbox{
    position: absolute;
    z-index: 1;
    background-color: #FFF;
    padding: 1.5em;
    border-radius: 1.5em;
    left: -0.5em;
    top: -0.5em;
}

.image-deco .w-iconbox.second-icon{
    left: auto;
    top: auto;
    bottom: -0.8em;
    right: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
}

.image-deco.bordered .w-iconbox{
    left: 0.5em;
    top: 0.5em;
}

.image-deco.alt .w-iconbox{
    background-color: var(--color-content-heading);
}

.image-deco .w-iconbox .w-iconbox-icon{
    position: relative;
}

.image-deco .w-iconbox.second-icon:before,
.image-deco .w-iconbox.second-icon:after,
.image-deco .w-iconbox .w-iconbox-icon:before,
.image-deco .w-iconbox .w-iconbox-icon:after{
    font-size: 1rem;
    content: '';
    border-radius: 1.5em;
    width: 4em;
    height: 5em;
    background: #FFF;
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 240 480 240"><path d="M240 240A240 240 0 0 0 0 480h120c0-66.3 53.7-120 120-120a120 120 0 1 0 0-240Z"  fill="white"/></svg>');
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    position: absolute;
    top: -3.5em;
    right: -4.5em;
}

.image-deco.alt .w-iconbox .w-iconbox-icon:before,
.image-deco.alt .w-iconbox .w-iconbox-icon:after{
    background-color: var(--color-content-heading);
}

.image-deco.alt .w-iconbox .w-iconbox-icon{
    color: #FFF;
}

.image-deco .w-iconbox .w-iconbox-icon:after{
    content: '';
    border-radius: 1.5em;
    width: 4em;
    height: 5em;
    background: #FFF;
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 240 480 240"><path d="M240 240A240 240 0 0 0 0 480h120c0-66.3 53.7-120 120-120a120 120 0 1 0 0-240Z"  fill="white"/></svg>');
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    position: absolute;
    top: auto;
    right: auto;
    bottom: -4.2em;
    left: -2em;
}

.image-deco .w-iconbox.second-icon .w-iconbox-icon:before,
.image-deco .w-iconbox.second-icon .w-iconbox-icon:after{
    display: none;
}

.image-deco .w-iconbox.second-icon:before{
    right: -1em;
    transform: rotate(180deg);
    top: -2.5em;
}

.image-deco .w-iconbox.second-icon:after{
    background-color: #FFF;
    top: 3em;
    right: auto;
    left: -3em;
    transform: rotate(180deg);
}

.image-deco.bordered .image-deco-title{
    position: relative;
    overflow: visible;
    height: 1px;
}

.image-deco.bordered .image-deco-title > *{
    padding: 0 .25em;
    position: absolute;
    top: -3.5em;
}

.image-deco.bordered .force-rows{
    padding: 1em;
    border-style: solid;
    border-width: 1px;
    border-radius: 1.5em;
    flex-direction: column;
}

.image-deco.bordered:not(.alt) .force-rows{
    border-color: var(--color-content-border);
    color: var(--color-content-heading);
}

.image-deco.bordered.alt .force-rows{
    background-color: var(--color-alt-content-overlay);
    border-color: var(--color-content-border);
}

.bounce-button:hover{
    animation: bounce 0.8s ease;
}

#page-footer a:hover{
    color: var(--color-content-bg);
}

@keyframes bounce {
  0%   { transform: translateY(0); }
  15%  { transform: translateY(5px); }
  30%  { transform: translateY(-5px); }
  45%  { transform: translateY(4px); }
  60%  { transform: translateY(-4px); }
  75%  { transform: translateY(2px); }
  100% { transform: translateY(0px); }
}