@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//revenger.com.br/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.4.1") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//revenger.com.br/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//revenger.com.br/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//revenger.com.br/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//revenger.com.br/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//revenger.com.br/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//revenger.com.br/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//revenger.com.br/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//revenger.com.br/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-hb-opt-h: 40px;
	--wd-text-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(118,118,118);
	--wd-text-font-size: 16px;
	--wd-title-font: "Montserrat Alternates", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Montserrat Alternates", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(89,94,224);
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: rgb(23,23,23);
	--btn-default-bgcolor-hover: rgb(25,25,25);
	--btn-accented-bgcolor: rgb(90,95,222);
	--btn-accented-bgcolor-hover: rgb(82,87,203);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://revenger.com.br/wp-content/uploads/2021/09/hardware-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(0,0,0);
	background-image: url(https://revenger.com.br/wp-content/uploads/2021/09/hardware-footer-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
}
.page :is(.wd-page-content, .whb-header) {
	background-color: rgb(16,16,16);
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-hb-opt-h: 40px;
	}

}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(16,16,16);
}

a.btn,
button.btn,
.wd-button-wrapper a.btn{
    position: relative !important;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    padding:22px 42px !important;
    padding-bottom: calc(0px + 20%) !important;
    background:
    linear-gradient(
        180deg,
        #111 0%,
        #050505 100%
    ) !important;
    color:#fff !important;
    border:2px solid rgba(255,255,255,.9) !important;
    text-transform:uppercase;
    letter-spacing:2px;
    font-weight:700;
    overflow:visible !important;
    transition:.35s ease;
clip-path: polygon(
    0% 0%,
    100% 0%,
    100% 67.7%,
    100% 100%,
    85% 67.7%,
    15% 67.7%,
    0% 100%,
    0% 67.7%
);
}

a.btn::before,
button.btn::before,
.wd-button-wrapper a.btn::before{
    content:"";
    position:absolute;
    inset:0;
    background:
    linear-gradient(90deg, transparent, rgba(255,0,0,.18), transparent);
    transform:translateX(-100%);
    transition:.6s;
}

a.btn span,
button.btn span{
    position:relative;
    z-index:2;
}

a.btn:hover::before,
button.btn:hover::before{
    transform:translateX(100%);
}

a.btn:hover,
button.btn:hover{
    border-color:#ff3a3a !important;
    box-shadow: 0 0 30px rgba(255,0,0,.16);
}

.wd-button-wrapper,
.wd-button-wrapper *,
.woodmart-buttons,
.woodmart-buttons * {
    overflow: visible !important;
}

.wd-button-wrapper {
    padding-bottom: 5px !important;
}

/*AQUI PUKLA


/* ======================================================
   GLITCH SOMENTE:
   - TÍTULOS
   - LOGO
   - BOTÕES
====================================================== */


/* ELEMENTOS */
h1,
h2,
h3,
h4,
.elementor-heading-title,
.site-logo,
.site-logo img,
a.btn,
button.btn,
.wd-button-wrapper a.btn{

    display:inline-block;
}



/* HOVER */
h1:hover,
h2:hover,
h3:hover,
h4:hover,
.elementor-heading-title:hover,
.site-logo:hover,
.site-logo img:hover,
a.btn:hover,
button.btn:hover,
.wd-button-wrapper a.btn:hover{

    animation:glitchHover .18s linear 1;
}



/* ======================================================
   REMOVE DE TODO RESTO
====================================================== */

p,
span,
small,
a:not(.btn),
.price,
.amount,
.product-title,
.wd-entities-title,
.wd-product-cats,
.product-categories,
.product-category,
.wd-products *{

    animation:none !important;
    text-shadow:none !important;
    transform:none !important;
}



/* ======================================================
   PRODUTO — BORDA CYBERPUNK
====================================================== */

.product-grid-item,
.wd-product{

    position:relative;

    border:
    1px solid rgba(255,255,255,.06);

    transition:
        border-color .25s ease,
        box-shadow .25s ease,
        transform .25s ease;

    overflow:hidden;
}



/* LINHA ENERGIA */
.product-grid-item::before,
.wd-product::before{

    content:"";

    position:absolute;
    inset:0;

    background:
    linear-gradient(
        90deg,
        transparent,
        rgba(255,0,0,.08),
        transparent
    );

    transform:translateX(-120%);

    transition:.55s ease;

    pointer-events:none;
}



/* HOVER */
.product-grid-item:hover,
.wd-product:hover{

    border-color:
        rgba(255,50,50,.32);

    box-shadow:
        0 0 18px rgba(255,0,0,.08);

    transform:translateY(-2px);
}



/* PASSAGEM */
.product-grid-item:hover::before,
.wd-product:hover::before{

    transform:translateX(120%);
}



/* ======================================================
   GLITCH
====================================================== */

@keyframes glitchHover{

    0%{
        transform:translate(0);
        text-shadow:none;
    }

    25%{
        transform:translate(-1px,1px);

        text-shadow:
            1px 0 #ff003c,
            -1px 0 #00fff9;
    }

    50%{
        transform:translate(1px,-1px);

        text-shadow:
            -1px 0 #ff003c,
            1px 0 #00fff9;
    }

    75%{
        transform:translate(-1px,0);

        text-shadow:
            1px 0 #ff003c,
            -1px 0 #00fff9;
    }

    100%{
        transform:translate(0);
        text-shadow:none;
    }
}

/* ======================================================
   WOODMART SEARCH — CYBERPUNK PREMIUM
====================================================== */


/* WRAPPER */
.wd-search-form{

    position:relative;

    background:
    linear-gradient(
        180deg,
        rgba(20,20,20,.92) 0%,
        rgba(8,8,8,.96) 100%
    );

    border:1px solid rgba(255,255,255,.08);

    clip-path: polygon(
        0 0,
        calc(100% - 18px) 0,
        100% 50%,
        calc(100% - 18px) 100%,
        0 100%,
        12px 50%
    );

    transition:.25s ease;

    overflow:hidden;
}



/* GLOW INTERNO */
.wd-search-form::before{

    content:"";

    position:absolute;
    inset:0;

    background:
    linear-gradient(
        90deg,
        transparent,
        rgba(255,0,0,.08),
        transparent
    );

    transform:translateX(-120%);
    transition:.55s ease;

    pointer-events:none;
}



/* HOVER */
.wd-search-form:hover{

    border-color:
        rgba(255,40,40,.35);

    box-shadow:
        0 0 18px rgba(255,0,0,.12);
}



/* PASSAGEM */
.wd-search-form:hover::before{

    transform:translateX(120%);
}



/* INPUT */
.wd-search-form input[type="text"]{

    background:transparent !important;

    color:#fff !important;

    border:none !important;

    font-size:14px;

    letter-spacing:1px;

    padding-left:18px !important;
}



/* PLACEHOLDER */
.wd-search-form input::placeholder{

    color:rgba(255,255,255,.42);
    letter-spacing:2px;
    text-transform:uppercase;
}



/* ÍCONE */
.wd-search-form .searchsubmit,
.wd-search-form .wd-tools-icon{

    color:#fff !important;

    transition:.2s ease;
}



/* HOVER ÍCONE */
.wd-search-form:hover .searchsubmit,
.wd-search-form:hover .wd-tools-icon{

    color:#ff3a3a !important;

    text-shadow:
        0 0 8px rgba(255,0,0,.4);
}



/* FOCUS */
.wd-search-form:focus-within{

    border-color:
        rgba(255,50,50,.55);

    box-shadow:
        0 0 22px rgba(255,0,0,.18);
}

/* FIX ALTURA SEARCH */

.wd-search-form,
.wd-search-form form,
.wd-search-form .searchform{

    height:48px !important;
    min-height:48px !important;
}



.wd-search-form input[type="text"]{

    height:48px !important;
    min-height:48px !important;

    line-height:48px !important;

    padding-top:0 !important;
    padding-bottom:0 !important;

    box-sizing:border-box;
}



/* REMOVE EXPANSÃO */
.wd-search-form:focus-within,
.wd-search-form:hover{

    height:48px !important;
}



/* ======================================================
   CYBERPUNK RAZOR DIVIDERS
   Inspired by cyberpunk.net razor SVG
====================================================== */


/* ======================================================
   IMPORTANT
====================================================== */

.elementor-section,
.elementor-container,
.whb-header,
header,
footer,
.main-page-wrapper{

    position:relative;
    overflow:visible !important;
}



/* ======================================================
   RAZOR DIVIDER
====================================================== */

.elementor-section::after,
footer::before,
.whb-header::after,
header::after{

    content:"";

    position:absolute;

    left:0;
    bottom:-1px;

    width:100%;
    height:28px;

    z-index:30;

    pointer-events:none;

    background:#0a0a0a;



    /* CYBERPUNK.NET STYLE */
    clip-path: polygon(

        0% 100%,

        0% 45%,

        3% 45%,
        3.4% 5%,
        3.8% 45%,

        18% 45%,
        18.5% 20%,
        19% 45%,

        32% 45%,
        32.5% 0%,
        33% 45%,

        48% 45%,
        48.3% 28%,
        48.6% 45%,

        62% 45%,
        62.4% 8%,
        62.8% 45%,

        79% 45%,
        79.4% 18%,
        79.8% 45%,

        92% 45%,
        92.5% 0%,
        93% 45%,

        100% 45%,
        100% 100%
    );



    /* subtle detail */
    border-top:
    1px solid rgba(255,255,255,.04);
}



/* ======================================================
   FOOTER INVERTED
====================================================== */

footer::before{

    top:-1px;
    bottom:auto;

    transform:rotate(180deg);
}



/* ======================================================
   RED DIGITAL DETAILS
====================================================== */

.elementor-section::before,
footer::after,
header::before{

    content:"";

    position:absolute;

    left:0;
    bottom:28px;

    width:100%;
    height:1px;

    z-index:25;

    opacity:.5;

    pointer-events:none;

    background:
    repeating-linear-gradient(
        90deg,

        transparent 0px,
        transparent 120px,

        rgba(255,40,40,.9) 121px,
        rgba(255,40,40,.9) 124px,

        transparent 125px,
        transparent 260px
    );
}



/* ======================================================
   EXTRA SHARP MODE
====================================================== */

.elementor-section.dark-section::after,
body.dark-layout .elementor-section::after{

    background:#050505;
}