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

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

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

:root {
	--wd-text-font: "Basis Grotesque Pro", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 12px;
	--wd-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-color: rgb(15,15,15);
	--wd-entities-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-color: rgb(0,0,0);
	--wd-entities-title-color-hover: rgb(124, 124, 124);
	--wd-alternative-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(255,183,58);
	--wd-widget-title-font-size: 9px;
	--wd-header-el-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 12px;
	--wd-primary-color: rgb(12,5,5);
	--wd-alternative-color: #fbbc34;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(82,189,114);
	--btn-accented-bgcolor-hover: rgb(69,169,99);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://www.riaajvintage.com/wp-content/uploads/2024/03/Riaaj-Vintage.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: #0a0a0a;
	background-image: url(https://www.riaajvintage.com/wp-content/uploads/2024/03/Riaaj-Vintage.png);
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgb(15,15,15);
	background-image: none;
}
 {
	font-family: "Poppins", Arial, Helvetica, sans-serif;
	font-weight: 400;
	text-transform: none;
	color: rgb(255,63,63);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
.wd-builder-off .wd-fbt.wd-design-side {
	--wd-form-width: 291px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--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;
}
}


@font-face {
	font-family: "DESIGNER";
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Basis Grotesque Pro";
	src: url("//www.riaajvintage.com/wp-content/uploads/2024/05/BasisGrotesquePro-Bold.ttf") format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "horizon";
	src: url("//www.riaajvintage.com/wp-content/uploads/2024/05/horizon.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

.wd-nav[class*="wd-style-underline"] .nav-link-text {
    position: relative;
    display: inline-block;
    padding-top: 1px;
    padding-bottom: 1px;
    line-height: 1.2;
    COLOR: black;
}



.wd-tools-element .wd-tools-text {
  
    text-transform: var(--wd-header-el-transform);
    white-space: nowrap;
    font-weight: var(--wd-header-el-font-weight);
    font-style: var(--wd-header-el-font-style);
    font-size: var(--wd-header-el-font-size);
    color: black;
    font-family: var(--wd-header-el-font);
}


.elementor-widget-text-editor .elementor-widget-container>*:last-child, .elementor-text-editor>*:last-child {
    margin-bottom: 0;
    color: #b7b7b7;
}


.whb-color-light .wd-tools-element {
    --wd-header-el-color: #000;
    --wd-header-el-color-hover: rgb(122 120 120 / 80%);
}





.whb-color-light .wd-tools-element {
    --wd-header-el-color: #000;
    --wd-header-el-color-hover: rgb(170 170 170 / 80%);
}



.wd-tools-element .wd-tools-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    color: black;
}


.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    transition: text-shadow 0.3s ease, color 0.3s ease, text-decoration 0.3s ease; /* Add transition for smooth effect */
    text-decoration: none; /* Remove underline by default */
}

.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a:hover {
    color: #70da66; /* Change text color on hover */
    text-decoration: underline; /* Underline text on hover */
    text-shadow: 0 0 5px rgba(255,255,255,0.7); /* Add glow effect on hover */
}







.sparkle {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: rgba(0, 255, 0, 0.5); /* Green color with transparency */
  animation: sparkle 1s ease-in-out infinite;
  pointer-events: none; /* Ensure the sparkling effect doesn't interfere with clicks */
  z-index: 9999; /* Ensure the sparkle is above other elements */
}

@keyframes sparkle {
  0% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.2); opacity: 0.8; }
  100% { transform: scale(1); opacity: 1; }
}






/* Styles for the preloader */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 9999; /* Ensure it's on top of everything */
    display: flex;
    justify-content: center;
    align-items: center;
}

#preloader img {
    max-width: 100%;
    max-height: 100%;
}



.wd-header-cart .wd-cart-subtotal .amount {
    
    font-weight: inherit;
    font-size: inherit;
    color: white;
}



.wd-tools-element:is(.wd-design-6,.wd-design-7,.wd-design-8) .wd-tools-count {
    position: absolute;
    top: -3px;
    inset-inline-end: -7px;
    background-color: #10bc5f;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.17);
    color: rgb(255 255 255);
    font-size: 11px;
}




.whb-sticky-real.whb-sticked .whb-row {
  --wd-header-banner-mt: 0.001px;
  --wd-top-bar-h: var(--wd-top-bar-sticky-h);
  --wd-header-general-h: var(--wd-header-general-sticky-h);
  --wd-header-bottom-h: var(--wd-header-bottom-sticky-h);
  background-color: white;
  border-radius: 500px;
  margin-top: 20px; /* Adjust margin-top as needed */
  margin-left: 20px;
  margin-right: 20px;
  opacity: 0;
  animation: fadeInSlowTop 1s ease-in-out forwards;
}

@keyframes fadeInSlowTop {
  from { opacity: 0; transform: translateY(-100%); } /* Header starts from 100% off-screen top */
  to { opacity: 1; transform: translateY(0); } /* Fades in and slides down to its normal position */
}

@keyframes fadeInSlow {
    from { opacity: 0; }
    to { opacity: 1; }
}




.whb-sticky-shadow.whb-sticked .whb-main-header {
    box-shadow: 0 1px 3px rgb(0 0 0 / 0%);
    --btn-accented-box-shadow-active: #060e0e;
}


wd-header-cart .wd-cart-subtotal .amount {
    color: white;
    font-weight: inherit;
    font-size: inherit;
}




.wd-header-cart .wd-cart-subtotal .amount {
    color: inherit;
    font-weight: inherit;
    color: white;
    font-size: inherit;
}


.wd-header-cart .wd-cart-subtotal .amount {
    color: white;
    font-weight: inherit;
    font-size: inherit;
}





.elementor-1103 .elementor-element.elementor-element-7dbd889 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image:hover:after {
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black on hover */
}

.whb-row .whb-z1lsamflr2u41vnpyl0y.wd-tools-element .wd-tools-inner, .whb-row .whb-z1lsamflr2u41vnpyl0y.wd-tools-element > a > .wd-tools-icon {
    color: rgba(255, 34, 34, 1);
    background-color: rgb(208 255 92);
}
@media (min-width: 1025px) {
	.elementor-16428 .elementor-element.elementor-element-f1a0d7a .title:hover {
  color: white;



}

@media (min-width: 768px) and (max-width: 1024px) {
	.wd-nav.wd-style-bg>li>a:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    border-radius: 0px;
    background-color: rgb(241 240 234);
    transition: all .25s ease;
    HEIGHT: 35PX;
}








}

@media (max-width: 576px) {
	.elementor-1103 .elementor-element-259329a:hover .elementor-image-box-img img {
	transform: scale(1.1); /* Zoom on hover */
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}


.elementor-1103 .elementor-element-4a97702:hover .elementor-image-box-img img {
	transform: scale(1.1); /* Zoom on hover */
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}


.elementor-1103 .elementor-element-9ee3282:hover .elementor-image-box-img img {
	transform: scale(1.1); /* Zoom on hover */
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}







@media (max-width: 767px) {
    .elementor-1103 .elementor-element.elementor-element-5f7274e {
        position: relative; /* Ensure relative positioning for absolute children */
    }

    .elementor-1103 .elementor-element.elementor-element-5f7274e .elementor-image-box-title {
        position: absolute; /* Position the text element */
        top: 50%; /* Align to the middle vertically */
        left: 10%; /* Align to the left */
        transform: translateY(-50%); /* Adjust to vertically center */
        background-color: rgba(14, 188, 95, 0.8); /* Green background with opacity */
        padding: 10px; /* Adds padding to all four sides */
        border-radius: 5px; /* Adds a border radius */
        font-size: 12px; /* Decreased font size */
        width: 80%; /* Decreased width */
        z-index: 10; /* Ensure the text is above the image */
        opacity: 0; /* Initially hidden */
        transition: opacity 0.3s ease; /* Smooth transition for opacity */
    }

    .elementor-1103 .elementor-element.elementor-element-5f7274e.show .elementor-image-box-title {
        opacity: 1; /* Fade in when the parent has the 'show' class */
    }
}

}