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

:root {
	--wd-text-font: "SF Pro Display", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(102,102,102);
	--wd-text-font-size: 16px;
	--wd-title-font: "SF Pro Display", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: #242424;
	--wd-entities-title-font: "SF Pro Display", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: rgb(51,51,51);
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "SF Pro Display", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "SF Pro Display", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "SF Pro Display", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 400;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 15px;
	--wd-primary-color: rgb(250,192,0);
	--wd-alternative-color: rgb(0,113,227);
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(250,192,1);
	--btn-accented-bgcolor-hover: rgb(223,171,1);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://inwebcard.com/wp-content/uploads/2021/11/w-smart-home-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 800px;
}
.page-title-default {
	background-color: #0a0a0a;
	background-image: url(https://inwebcard.com/wp-content/uploads/2021/11/w-smart-home-page-title.jpg);
	background-size: cover;
	background-position: center center;
}
.footer-container {
	background-color: rgb(16,16,16);
	background-image: none;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


@font-face {
	font-family: "SF Pro Display";
	src: url("//inwebcard.com/wp-content/uploads/2022/11/SFProDisplay-Regular.woff2") format("woff2"), 
url("//inwebcard.com/wp-content/uploads/2022/11/SFProDisplay-Regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "SF Pro Display";
	src: url("//inwebcard.com/wp-content/uploads/2022/11/SFProDisplay-Medium.woff2") format("woff2"), 
url("//inwebcard.com/wp-content/uploads/2022/11/SFProDisplay-Medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "SF Pro Display";
	src: url("//inwebcard.com/wp-content/uploads/2022/11/SFProDisplay-Bold.woff2") format("woff2"), 
url("//inwebcard.com/wp-content/uploads/2022/11/SFProDisplay-Bold.woff") format("woff");
	font-weight: 700;
	font-style: normal;
}

:root {
    --inweb-color: hsl(46deg 100% 50%);
    --inweb-color-darker: hsl(46deg 80% 40%);
    --inweb-nav-color: hsl(0deg 0% 100% / 80%);
    --inweb-nav-current-color: hsl(46deg 75% 65%);
    --inweb-nav-hover-color: hsl(45deg 80% 80%);
    --inweb-top-bar-bg-color: hsl(45deg 100% 40%);
    
    --topbar-height-desktop: 30px;
    --topbar-height-mobile: 40px;
    --header-row-height-desktop: 90px;
    --header-row-height-mobile: 60px;
    --header-total-height-desktop: calc(var(--topbar-height-desktop) + var(--header-row-height-desktop));
    --header-total-height-mobile: calc(var(--topbar-height-mobile) + var(--header-row-height-mobile));
    --header-scroll-height-desktop: 60px;
    --header-height-change-desktop: calc(var(--header-scroll-height-desktop) - var(--header-total-height-desktop));
    --header-half-height-change-desktop: calc(var(--header-height-change-desktop) / 2);
    
    --wd-form-brd-color-focus: rgba(0,0,0,0.25) !important;
}

.hidden, [hidden] {
    display: none !important;
}


/* #region ==================== SITE */

.main-page-wrapper {
    margin-top: 0;
    padding-top: 0;
}

.site-content {
    margin-bottom: 0 !important;
}

/* #endregion */

.woocommerce-checkout .woocommerce-form-coupon-toggle {
    margin-bottom: -30px;
    margin-top: 20px;
}

/* #region ==================== ROWS */

.wpb-content-wrapper > .vc_row {
    --padding-top-offset: 0rem;
    --padding-top: max(4rem, calc(4vh + 2vw));
    --padding-bottom: max(4rem, calc(4vh + 2vw));
    padding-top: calc(var(--padding-top) + var(--padding-top-offset));
    padding-bottom: var(--padding-bottom);
}

@media (min-width: 1921px) {
    .wpb-content-wrapper > .vc_row {
        --padding-top: max(4rem, 10vh);
        --padding-bottom: max(4rem, 10vh);
    }
}

/* #endregion */


/* #region ==================== MISC */

p a {
    color: dodgerblue;
    color: hsl(45deg 100% 40%);
    text-decoration: none;
}
p a:hover {
    color: royalblue;
    color: hsl(45deg 100% 30%);
    text-decoration: underline;
}
p a:active {
    color: blue;
    color: hsl(45deg 100% 20%);
    text-decoration: underline;
}

.section-title {
    font-size: 2rem;
    font-size: calc(1rem + 1vw);
    margin-bottom: 0.5em;
    text-align: center;
    line-height: 1.2;
}

input[type="number"] {
    text-align: left;
    padding: 0 15px;
}

strong {
    font-weight: 500;
}
.btn {
    /* font-weight: 500; */
    text-transform: initial !important;
    font-weight: 400;
    font-size: 1em;
    padding: 0.75em 1.25em;
}
.btn.btn-color-primary {
    color: hsl(0deg 0% 10%);
}
.btn.btn-color-primary:hover {
    color: hsl(0deg 0% 10%);
}
.btn:active {
    box-shadow: inset 0 0 200px rgb(0 0 0 / 20%) !important;
}

.no-fkn-weird-spacing .vc_column-inner {
    padding-top: 0 !important;
}
.no-fkn-weird-spacing :is(
    .wpb_content_element,
    .wd-images-gallery.view-carousel,
    .wd-wpb,
    .wd-images-gallery.view-carousel,
) {
    margin-bottom: 0 !important;
}

form textarea {
    --line-height: calc(14px * 1.6);
    --line-padding: calc(10px * 2);
    min-height: calc(var(--line-height) * 2 + var(--line-padding) + var(--wd-form-brd-width) * 2);
    height: calc(var(--line-height) * 3 + var(--line-padding) + var(--wd-form-brd-width) * 2);
    max-height: calc(var(--line-height) * 6 + var(--line-padding) + var(--wd-form-brd-width) * 2);
    resize: vertical;
}

label {
    font-weight: 500;
}

.wpcf7 .row:not(:first-child) {
    margin-top: 1em;
}
@media (max-width: 768px) {
    .wpcf7 .row [class*=col-]:not(:first-child) {
        margin-top: 1em;
    }
}

.wpcf7 input[type=submit] {
    font-size: 1em;
    padding: 0.6em 1em;
}
.wpcf7 div:has(input[type=submit]) {
    text-align: center;
}
.wpcf7 div > input[type=submit] {
    font-size: inherit;
}
.wpcf7-response-output {
    margin-top: 1em;
}

.btn-icon-pos-left:has(i+span) {
    flex-direction: row;
}
.btn-icon-pos-left :is(.wd-btn-icon, i.fas) {
    margin-right: 0.5em;
}
.btn-icon-pos-left i.fas {
    margin-left: 0;
}
.btn-style-default {
    background-color: hsl(0deg 0% 90%);
}

/* #endregion */


/* #region ==================== LANGUAGE SWITCHER */

.trp-language-switcher-container {
    display: none !important;
}
.trp-flags-list {
    display: flex;
    gap: 0.7em;
}
.trp-flags-list a:not(.active-lang) {
    opacity: 0.5;
    filter: grayscale(0.5);
}

/* #endregion */


/* #region ==================== HEADER */

.whb-header {
    margin-bottom: 0 !important;
}
.whb-header .whb-top-bar {
    background-color: var(--inweb-color);
    background-color: hsl(240deg 2% 26%);
}
.whb-header .whb-top-bar .wd-header-text {
    display: flex;
    gap: 0.5em;
}
.whb-header .whb-general-header {
    background-color: hsl(0deg 0% 10%) !important;
}

.whb-header.whb-sticked .whb-general-header {
    background-color: hsl(0deg 0% 0% / 80%) !important;
    backdrop-filter: blur(2px) saturate(1.5);
}

.whb-header .wd-logo {
    display: block;
}

.whb-general-header .wd-nav {
    --nav-color: var(--inweb-nav-color) !important;
    --nav-color-hover: var(--inweb-nav-hover-color) !important;
    --nav-color-active: var(--inweb-nav-current-color) !important;
}
.whb-general-header .wd-nav :is(li.current-menu-item, li.wd-active, li.active) > a {
    color: var(--inweb-nav-current-color);
}

.whb-header .home-link .nav-link-text {
    display: none;
}

.whb-general-header .product-card-link a::after {
    content: "";
    background-image: url("https://inwebcard.com/wp-content/uploads/2022/11/text-under-scratch-mark.png");
    background-repeat: no-repeat;
    /* filter: hue-rotate(60deg) brightness(3); */
    background-size: contain;
    width: 100%;
    aspect-ratio: 248 / 29;
    position: absolute;
    top: calc((40px / 2) + (1em / 2) + 0.25em);
    left: -5px;
}

.whb-general-header .wd-header-my-account {
    --wd-header-el-color: var(--inweb-nav-color) !important;
    --wd-header-el-color-hover: var(--inweb-nav-hover-color) !important;
}
.whb-general-header .wd-header-my-account .wd-dropdown {
    padding: 0.5em;
    border-radius: 0.25em;
    box-shadow: 0 1px 3px hsl(0deg 0% 0% / 30%);
}
.whb-general-header .wd-header-my-account .wd-sub-menu li > a {
    padding: 0.5em;
    padding-left: 0.7em;
}
.whb-general-header .wd-header-my-account .wd-sub-menu li > a:hover {
    background-color: hsl(0deg 0% 0% / 5%);
    border-radius: 0.25em;
}

header .your-card {
    box-shadow: inset 0 0 2px hsl(0deg 0% 100% / 20%);
    transition: color .25s ease, background-color .25s ease, border-color .25s ease, opacity .25s ease;
    font-size: 1em;
    font-size: 0.9em;
    padding: 0.6em 0.8em;
    line-height: 1;
}

.whb-col-mobile {
    justify-content: space-around !important;
}
.whb-col-mobile .wd-button-wrapper {
    margin-bottom: 0 !important;
}
.whb-col-mobile .wd-button-wrapper a {
    line-height: 1;
    padding: 6px 8px 4px;
}
.whb-col-mobile .wd-button-wrapper .wd-btn-icon {
    display: none;
}

/* #endregion */


/* #region ==================== FOOTER */

footer {
    background-color: hsl(0deg 0% 5%) !important;
    position: relative;
}
footer::before {
    content: "";
    background-image: url("https://inwebcard.com/wp-content/uploads/2022/10/hero-bg-dark-hex-cells.png");
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
footer > .container {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

footer .wd-wpb {
    margin-bottom: 0;
}
footer .footer-column {
    margin-bottom: 0;
}
footer .footer-sidebar {
    padding-top: 0;
    padding-bottom: 0;
}

.footer-column:nth-child(1) > .widget_media_image {
    border-bottom: 1px solid hsl(46deg 100% 50% / 20%);
    margin-right: 1rem;
    padding-bottom: 0.5em;
    margin-bottom: 1em;
}
.footer-logo figure {
    float: none !important;
    margin: unset !important;
}
.footer-logo img {
    display: block;
    max-width: 12rem;
    width: auto;
    margin-top: -0.2em;
}

footer :is(.widgettitle, .widget-title) {
    font-weight: bold;
    border-bottom: 1px solid hsl(46deg 100% 50% / 20%);
    padding-bottom: 0.5em;
    color: hsl(0deg 0% 100% / 80%);
    margin-right: 2rem;
    margin-top: 2.1em;
}
@media (max-width: 576px) {
    footer :is(.widgettitle, .widget-title) {
        margin-top: 0;
    }
}

footer li.current_page_item > a {
    color: var(--inweb-nav-current-color) !important;
    font-weight: normal !important;
}
footer li > a:hover {
    color: var(--inweb-nav-hover-color) !important;
}

footer .wd-social-icons {
    text-align: left;
}
footer[class*="color-scheme-light"] .icons-design-default .wd-social-icon {
    color: var(--inweb-nav-color) !important;
}
footer[class*="color-scheme-light"] .icons-design-default .wd-social-icon:hover {
    color: var(--inweb-nav-hover-color) !important;
}

footer .copyrights-wrapper {
    border: 1px solid hsl(46deg 50% 50% / 15%);
    background-color: hsl(0deg 0% 10% / 50%);
    position: relative;
}

@media (max-width: 1024px) {
    footer .footer-column:nth-child(3),
    footer .footer-column:nth-child(4)
    {
        margin-top: 2em;
    }
}

@media (max-width: calc(575px + 1px)) {
    footer .footer-column:nth-child(2) {
        margin-top: 2em;
    }
    footer :is(.widgettitle, .widget-title) {
        margin-right: 0;
    }
}

/* #endregion */


/* #region ==================== PRODUCT */

.single-product-content {
    margin-top: 0 !important;
}
.single-product-content > .container:first-child {
    margin-bottom: 0 !important;
    padding-top: 3em;
    padding-bottom: 3em;
}

.woocommerce-product-gallery__wrapper .owl-item {
    aspect-ratio: 5 / 4;
}
.woocommerce-product-gallery__wrapper .owl-item .product-image-wrap,
.woocommerce-product-gallery__wrapper .owl-item .product-image-wrap > figure,
.woocommerce-product-gallery__wrapper .owl-item .product-image-wrap > figure > a,
.woocommerce-product-gallery__wrapper .owl-item .product-image-wrap > figure > a > img
{
    width: 100%;
    height: 100%;
}
.woocommerce-product-gallery__wrapper .owl-item .product-image-wrap > figure > a {
    display: block;
}
.woocommerce-product-gallery__wrapper .owl-item .product-image-wrap > figure > a > img {
    object-fit: cover;
}

.thumbnails .owl-item {
    aspect-ratio: 4 / 3;
}
.thumbnails .owl-item .product-image-thumbnail,
.thumbnails .owl-item .product-image-thumbnail > img
{
    width: 100%;
    height: 100%;
}
.thumbnails .owl-item .product-image-thumbnail > img {
    object-fit: cover;
}

.woocommerce-product-gallery__wrapper .owl-dots {
    margin-top: -3rem;
    margin-bottom: 1rem;
    position: relative;
    display: flex;
    justify-content: center;
}
.woocommerce-product-gallery__wrapper .owl-dot.active span {
    border-color: var(--color-gray-500) !important;
}

body.single-product .cart:not(.variations_form):not(.grouped_form) {
    margin-bottom: 0;
}
body.single-product .cart:not(.variations_form):not(.grouped_form) > * {
    margin-bottom: 0;
}
.yith-wapo-block .yith-wapo-addon {
    margin-bottom: 0;
}
.yith-wapo-block .yith-wapo-addon:not(:last-child) {
    margin-bottom: 20px;
}
.single_add_to_cart_button  {
    margin-top: 1.5em;
    font-weight: 400;
    font-size: 1em;
    padding: 0.75em 1.25em;
    text-transform: inherit;
    color: black;
}

body.single-product .product-tabs-wrapper {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0 !important;
}
body.single-product .product-tabs-wrapper .wd-nav-wrapper {
    display: none;
}
body.single-product .wd-accordion-content {
    padding-bottom: 0;
}


.product-tabs-wrapper {
    border-top: none;
}
.wd-accordion.wd-style-default:before {
    content: none;
}

@media (max-width: 1024px) {
    .tabs-layout-accordion > .wd-accordion-item > .wd-accordion-title {
        display: none;
    }
}

body.single-product .entry-summary .wd-social-icons {
    margin-top: 2em;
    margin-bottom: 0;
    display: flex;
    font-size: 1rem;
    gap: 0.5em;
}
body.single-product .entry-summary .wd-social-icon {
    width: 1.7em !important;
    height: 1.7em !important;
    font-size: 1rem;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
body.single-product .entry-summary .wd-social-icon:hover {
    background-color: hsl(0deg 0% 0% / 10%);
}
body.single-product .entry-summary .wd-label {
    margin-right: 0;
}

/* #endregion */


/* #region ==================== PRODUCT: PRICE */

.price {
    display: flex !important;
    align-items: flex-start;
    gap: 0.1em;
    flex-direction: column;
}
.price del {
    text-decoration: none;
    position: relative;
    font-size: 0.8em;
}
.price del::after {
    content: "";
    position: absolute;
    left: -3px;
    top: 45%;
    width: 110%;
    height: 20%;
    background-color: hsl(0deg 0% 20%);
    border-radius: 1em;
    rotate: 350deg;
    opacity: 0.5;
}
.price bdi {
    display: flex;
    align-items: flex-end;
}
.price .kurus {
    font-size: 0.6em;
    margin-bottom: 0.1em;
}
.price del .kurus {
    font-size: 0.6em;
    margin-bottom: 0.2em;
}

.price del .amount {
    color: hsl(0deg 0% 70%);
}
.price ins .amount,
.price > .amount {
    color: hsl(0deg 0% 40%);
}

.woocommerce-Price-currencySymbol {
    margin-left: 0.2em;
    font-size: 0.75em;
    font-weight: 500;
}
.price del .woocommerce-Price-currencySymbol {
    margin-bottom: 0.05em;
}
.price ins .woocommerce-Price-currencySymbol {
    margin-bottom: 0.15em;
}
.price > .amount .woocommerce-Price-currencySymbol {
    margin-bottom: 0.15em;
}

.price-improved {
    display: flex;
    align-items: flex-start;
    gap: 0.8em;
}
.price-improved .price {
    margin-top: 0.2em;
    margin-bottom: 0;
    line-height: 1.2;
}
.price-improved del::after {
    background-color: red;
}

.related-and-upsells .shape-discount .diamond {
    --width: 3.1em !important;
}

/* #endregion */


/* #region ==================== PRODUCT: HIGHLIGHT */

body.single-product .highlight-boxes {
    display: flex;
    gap: 0.5em;
}
body.single-product .highlight-box {
    padding: 1em;
    background-color: hsl(0deg 0% 0% / 3%);
    border: 1px dashed hsl(0deg 0% 0% / 12%);
    border-radius: 0.5em;
    color: hsl(0deg 0% 0% / 50%);
    gap: 0.5em;
    display: flex;
    align-items: center;
    flex-grow: 1;
}

/* #endregion */


/* #region ==================== PRODUCT: RELATED */

body.single-product .related-and-upsells .wd-product-cats {
    display: none;
}
body.single-product .related-and-upsells .fade-in-block {
    display: none;
}
body.single-product .related-and-upsells .shape-discount {
    font-size: 0.9em;
}

/* #endregion */


/* #region ==================== PRODUCT: OWL COVERED */

.owl-covered {
    --owl-item-ratio: 5 / 4;
}
.owl-covered .owl-item {
    aspect-ratio: var(--owl-item-ratio);
}
.owl-covered .owl-item * {
    width: 100%;
    height: 100%;
}
.owl-covered .owl-item img {
    object-fit: cover;
}

/* #endregion */


/* #region ==================== PRODUCTS */

body.page-id-8248 .entry-content :is(
    .wd-product-cats,
    .wd-bottom-actions
) {
    display: none;
}
body.page-id-8248 .entry-content .shape-discount {
    font-size: 0.85em;
}
body.page-id-8248 .entry-content .shape-discount .diamond {
    --width: 3.1em;
}

/* #endregion */


/* #region ==================== CART */

body.woocommerce-cart .product-name {
    font-size: inherit;
}
body.woocommerce-cart .product-name li a {
    font-weight: normal;
    color: hsl(45deg 100% 40%);
}
body.woocommerce-cart .product-name li a:hover {
    text-decoration: underline;
}
body.woocommerce-cart ul.variation {
    font-size: inherit;
    font-size: 0.9em;
}
body.woocommerce-cart ul.variation,
body.woocommerce-cart .item-variation-name {
    color: black;
}
body.woocommerce-cart .item-variation-name {
    font-weight: 500;
}
body.woocommerce-cart .item-variation-value {
    color: hsl(0deg 0% 50%);
}
body.woocommerce-cart .product-quantity input {
    width: 4em;
    border: none;
    padding: 0;
    user-select: none;
    pointer-events: none;
}
body.woocommerce-cart .product-quantity :is(.minus, .plus) {
    display: none;
}
body.woocommerce-cart .cart-actions {
    display: none;
}
body.woocommerce-cart .cross-sells {
    display: none;
}

/* #endregion */


/* #region ==================== PAGE */

/* body.page:not(.home) .entry-content {
    padding-top: 2rem;
    padding-bottom: 2rem;
} */

/* body.single-product .entry-content {
    padding-top: 2rem;
    padding-bottom: 2rem;
} */

/* #endregion */


/* #region ==================== RESPONSIVE */

@media (max-width: calc(1222px + (2rem * 2))) {
    
    :root {
        /* --wd-header-el-font: "Open Sans", Arial, Helvetica, sans-serif;
        --wd-header-el-font-weight: 400;
        --wd-header-el-transform: none; */
        --wd-header-el-font-size: 14px;
    }
    
}

/* #endregion */