/**
 * Updated:			07/27/2025
 * Author:			RSGDX
 * License:			GPL v2 or later
 * License URI:		https://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain:		rsgdx
 * Plugin URI:		https://rynerworld.com/
 * Author URI:		https://rynerworld.com/
 * Domain Path:		/languages
 * 
 * @package			RSGDX
 * @author			Ryner S. Galaus
 * 
 */

:root {
	--site_primary_color: #f26419;
	--site_secondary_color: #111111;
	--site_shade_1: #222222;
	--site_shade_2: #2e2e2e;
	--site_shade_3: #3e3e3e;
	--site_shade_4: #6e6e6e;
	--site_shade_5: #ffffff;
	--site_shade_6: #fafafa;
	--site_shade_7: #757575;
	--site_shade_8: #aaaaaa;

	--site_family_1: "rsgdx_Montserrat", sans-serif;
	--site_family_2: "Font Awesome 5 Free";
}

/***************************
* Scrollbar
***************************/
/* For Webkit-based browsers (Chrome, Edge, Safari) */
::-webkit-scrollbar {
	width: 8px; /* Adjust width as needed */
	height: 8px; /* For horizontal scrollbars */
}

::-webkit-scrollbar-track {
	background: var(--site_secondary_color); /* Background of the scrollbar track */
}

::-webkit-scrollbar-thumb {
	background: var(--site_primary_color); /* Main scrollbar color */
	border-radius: 5px; /* Smooth rounded edges */
}

::-webkit-scrollbar-thumb:hover {
	background: rgba(var(--site_primary_color), 0.8); /* Slightly lighter on hover */
}

/* For Firefox */
* {
	scrollbar-width: thin; /* Options: auto, thin */
	scrollbar-color: var(--site_primary_color) var(--site_secondary_color);
}

/***************************
* Loader
***************************/
.rsgdx-loader {
	width: 60px;
	aspect-ratio: 2;
	--_g: no-repeat radial-gradient(circle closest-side, var(--site_primary_color) 90%, #0000);
	background: 
		var(--_g) 0%   50%,
		var(--_g) 50%  50%,
		var(--_g) 100% 50%;
	background-size: calc(100%/3) 50%;
	animation: l3 1s infinite linear;
}

@keyframes l3 {
	20%{background-position:0%   0%, 50%  50%,100%  50%}
	40%{background-position:0% 100%, 50%   0%,100%  50%}
	60%{background-position:0%  50%, 50% 100%,100%   0%}
	80%{background-position:0%  50%, 50%  50%,100% 100%}
}

body.rsgdx-active {
	max-width: 1920px;
	margin: 0 auto;
	font-size: 16px;
	font-family: var(--site_family_1)!important;
}
body.rsgdx-active h1, body.rsgdx-active h2, body.rsgdx-active h3, body.rsgdx-active h4, body.rsgdx-active h5 {
	font-weight: 700;
}
body.rsgdx-active h1 {
	font-size: 35px; font-weight: 800; line-height: 1.3em;
}
body.rsgdx-active h2 {
	font-size: 30px; 
}
body.rsgdx-active h3 {
	font-size: 25px;
}
body.rsgdx-active h4 {
	font-size: 20px;
}
body.rsgdx-active h5 {
	font-size: 18px;
}
body.rsgdx-active a, body.rsgdx-active a:hover {
	transition: ease .3s;
}
body.rsgdx-active a.btn {
	border-radius: 20px; padding: 10px 20px; font-size: 16px; font-weight: 500;
}
body.rsgdx-active ul li > * {
	font-family: var(--site_family_1);
}
body.rsgdx-active .ast-container, body.rsgdx-active .ast-container-fluid {
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;
}

/***************************
* Classes
***************************/
.rsgdx-container {
	width: 100%; max-width: 1920px; position: relative; display: flex; flex-direction: column; flex-wrap: nowrap;
}
.rsgdx-container-box {
	width: 100%; max-width: 1600px; margin: 0 auto;
}
.rsgdx-row {
	width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: flex-start; align-items: flex-start;
}
.rsgdx-col {
	width: 100%; flex-direction: column; flex-wrap: wrap; padding: 20px;
}
.rsgdx-row-center-vertical {
	align-items: center;
}
.rsgdx-text-center {
	text-align: center;
}
.rsgdx-color-black-shade-0 {
	color: var(--site_secondary_color);
}
.rsgdx-color-black-shade-1 {
	color: var(--site_shade_1);
}
.rsgdx-color-black-shade-2 {
	color: var(--site_shade_2);
}
.rsgdx-bg-black-shade-0 {
	background-color: var(--site_secondary_color);
}
.rsgdx-bg-black-shade-1 {
	background-color: var(--site_shade_1);
}
.rsgdx-bg-black-shade-2 {
	background-color: var(--site_shade_2);
}
.rsgdx-color-white-shade-0 {
	color: var(--site_shade_5);
}
.rsgdx-color-white-shade-1 {
	color: var(--site_shade_6);
}
.rsgdx-color-white-shade-2 {
	color: var(--site_shade_7);
}
.rsgdx-bg-white-shade-0 {
	background-color: var(--site_shade_5);
}
.rsgdx-bg-white-shade-1 {
	background-color: var(--site_shade_6);
}
.rsgdx-bg-white-shade-2 {
	background-color: var(--site_shade_7);
}
.rsgdx-color-orange {
	color: var(--site_primary_color);
}
.rsgdx-bg-orange {
	background-color: var(--site_primary_color);
}
.rsgdx-w-100 {
	width: 100%;
}
.rsgdx-d-block {
	display: block;
}
.rsgdx-padding-b-15 {
	padding-bottom: 15px;
}
.rsgdx-padding-b-10 {
	padding-bottom: 10px;
}
.rsgdx-padding-tb-10 {
	padding: 10px 0;
}
.rsgdx-padding-20 {
	padding: 20px;
}
.rsgdx-padding-0 {
	padding: 0;
}
.rsgdx-container-backdrop-black {
	position: absolute;
	pointer-events: none;
	inset: 0;
	z-index: 0;
	background-color: rgba(0, 0, 0, 0.5);
}
.rsgdx-p-no-margin p, p.rsgdx-p-no-margin {
	margin: 0;
}

/***************************
* Colors
***************************/
.rsgdx-primary-color {
	color: var(--site_primary_color);
}
.rsgdx-secondary-color {
	color: var(--site_secondary_color);
}
.rsgdx-shade1-color {
	color: var(--site_shade_1);
}
.rsgdx-shade2-color {
	color: var(--site_shade_2);
}
.rsgdx-shade3-color {
	color: var(--site_shade_3);
}
.rsgdx-shade4-color {
	color: var(--site_shade_4);
}
.rsgdx-shade5-color {
	color: var(--site_shade_5);
}
.rsgdx-shade6-color {
	color: var(--site_shade_6);
}
.rsgdx-shade7-color {
	color: var(--site_shade_7);
}

/***************************
* Backgrounds
***************************/
.rsgdx-primary-bg {
	background-color: var(--site_primary_color);
}
.rsgdx-secondary-bg {
	background-color: var(--site_secondary_color);
}
.rsgdx-shade1-bg {
	background-color: var(--site_shade_1);
}
.rsgdx-shade2-bg {
	background-color: var(--site_shade_2);
}
.rsgdx-shade3-bg {
	background-color: var(--site_shade_3);
}
.rsgdx-shade4-bg {
	background-color: var(--site_shade_4);
}
.rsgdx-shade5-bg {
	background-color: var(--site_shade_5);
}
.rsgdx-shade6-bg {
	background-color: var(--site_shade_6);
}
.rsgdx-shade7-bg {
	background-color: var(--site_shade_7);
}

/***************************
* FLEX CONTAINER
***************************/
.rsgdx-flex-container {
	display: flex;
}

/***************************
* Buttons
***************************/
.rsgdx-btn {
	display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; transition: ease .3s; max-width: 300px; width: 100%; font-weight: 600; text-transform: capitalize; font-size: 16px; padding: 20px;
}
.rsgdx-btn:hover {
	transition: ease .3s;
}

.ec-orange-btn, .ec-trade-show-search-form input.ec-orange-btn, .ec-orange-btn-con a, .rsgdx-active .elementor-button-info a {
	background-color: var(--site_primary_color)!important; color: var(--site_shade_6); cursor: pointer; border: 1px solid; border-radius: 30px; border-color: var(--site_primary_color)!important;
}
.ec-orange-btn:hover, .ec-trade-show-search-form input.ec-orange-btn:hover, .ec-orange-btn-con a:hover, .rsgdx-active .elementor-button-info a:hover {
	background-color: rgba(0,0,0,0)!important;
}

.rsgdx-primary-btn a.elementor-button,
a.rsgdx-primary-btn.rsgdx-btn-a,
button.rsgdx-primary-btn,
.mini-cart-buttons a.button.btn-checkout.wc-forward {
	border-radius: 30px; transition: ease .3s; background-color: var(--site_primary_color); outline: none; box-shadow: none; border: 1px solid var(--site_primary_color); color: var(--site_shade_5); font-weight: 400; padding: 10px 20px; display: inline-block; line-height: normal;
}
.rsgdx-primary-btn a.elementor-button:hover,
a.rsgdx-primary-btn.rsgdx-btn-a:hover,
button.rsgdx-primary-btn:hover,
.mini-cart-buttons a.button.btn-checkout.wc-forward:hover {
	background-color: var(--site_secondary_color); color: var(--site_primary_color); border: 1px solid var(--site_primary_color);
}
.rsgdx-double-btn {
	display: flex;
}
.rsgdx-double-btn a.rsgdx-primary-btn.rsgdx-btn-a:first-child {
	margin-right: 5px;
}
.rsgdx-double-btn a.rsgdx-primary-btn.rsgdx-btn-a:last-child {
	margin-left: 5px;
}
@media only screen and (max-width: 600px) {
	.rsgdx-double-btn a.rsgdx-primary-btn.rsgdx-btn-a:first-child {
		margin: 0 0 5px 0;
	}
	.rsgdx-double-btn a.rsgdx-primary-btn.rsgdx-btn-a:last-child {
		margin: 5px 0 0 0;
	}
}

/***************************
* POPUPS
***************************/
.rsgdx-popup-container {
	display: flex; position: fixed; inset: 0; background: rgba(0, 0, 0, 0.5); justify-content: center; align-items: center; opacity: 0; z-index: -1; transition: ease 0.3s; pointer-events: none;
}
.rsgdx-popup-container.rsgdx-active {
	z-index: 999; opacity: 1; transition: ease 0.3s; pointer-events: auto;
}
.rsgdx-popup-backdrop {
	z-index: 1; position: absolute; inset: 0;
}
.rsgdx-popup-content {
	z-index: 2; position: relative; overflow: hidden; background: var(--site_secondary_color); border-radius: 10px; width: 100%; max-width: 1200px; padding: 30px; border: 1px solid var(--site_primary_color); max-height: 500px; overflow-y: auto; margin: 10px 30px;
}
.rsgdx-popup-close {
	cursor: pointer;
}
.rsgdx-popup-close img {
	width: 30px; height: 30px; position: absolute; right: 10px; top: 10px; object-fit: contain; filter: invert(100%); transition: ease .3s;
}
.rsgdx-popup-close:hover img {
	opacity: 0.7; transition: ease .3s;
}

/***************************
* SELECT HTML ELEMENT
***************************/
div.rsgdx-custom-dropdown {
	font-size: 14px;
	padding: 5px 20px;
	min-width: 150px;
	background-color: var(--site_shade_2);
	border: 1px solid var(--site_shade_2);
	border-radius: 10px;
	color: var(--site_shade_5);
}


/*******************************************
 * UPPERHEADER
*******************************************/
body.rsgdx-upperheader-active #header {
	margin-top: 44.84px;
}
body.rsgdx-upperheader-active #header.site-header.sticky .header-main-wrapper.sticky.sticky-on .header-main {
	top: 45px !important;
}
html.et-mini-content-opened body.rsgdx-upperheader-active .rsgdx-upperheader-container {
	z-index: 0;
}
body.rsgdx-upperheader-active .rsgdx-upperheader-container {
	color: var(--site_shade_6); background: var(--site_primary_color); position: fixed; z-index: 2; width: 100%;
}
body.rsgdx-upperheader-active .elementor-editor-active .rsgdx-upperheader-container {
	display: block!important;
}
body.rsgdx-upperheader-active .rsgdx-upperheader {
	display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; font-weight: 500; padding: 5px 20px;
}
body.rsgdx-upperheader-active .rsgdx-upperheader-sm {
	display: none!important;
}
body.rsgdx-upperheader-active .rsgdx-upperheader > * {
	padding: 0 10px;
}
body.rsgdx-upperheader-active .rsgdx-upperheader .rsgdx-upperheader-btn a {
	background: var(--site_shade_1); color: var(--site_shade_6); text-transform: uppercase; border-radius: 20px; border: 1px solid var(--site_shade_1); transition: ease .3s; padding: 5px 15px; display: block; text-decoration: none; text-align: center;
}
body.rsgdx-upperheader-active .rsgdx-upperheader .rsgdx-upperheader-btn a:hover {
	transition: ease .3s; background: none; border-color: var(--site_shade_6);
}
body.rsgdx-upperheader-active .rsgdx-upperheader .rsgdx-upperheader-text2 {
	text-decoration: underline;
}
@media only screen and (max-width: 767px) {
	body.rsgdx-upperheader-active .rsgdx-upperheader {
		font-size: 10px;
	}
}
@media only screen and (max-width: 690px) {
	body.rsgdx-upperheader-active .rsgdx-upperheader {
		flex-wrap: wrap; flex-direction: column; align-content: flex-start; align-items: flex-start;
	}
	body.rsgdx-upperheader-active .rsgdx-upperheader-lg {
		display: none!important;
	}
	body.rsgdx-upperheader-active .rsgdx-upperheader-sm {
		display: flex!important; align-items: center; align-content: center;
	}
	body.rsgdx-upperheader-active .rsgdx-upperheader-sm .rsgdx-upperheader-btn {
		padding-top: 5px;
	}
}


/*******************************************
 * MENU HEADER
*******************************************/
header .header-main > .et-row-container.et-container {
	max-width: 1600px;
}

/*******************************************
 * MENU HEADER - MEGA MENU - ELEMENTOR
*******************************************/
body.rsgdx-active ul#menu-header-menu li.menu-item a.menu-link i.icon.elementskit-submenu-indicator {
	color: var(--site_shade_5);
}
body.rsgdx-active ul#menu-header-menu li.elementskit-megamenu-has div.elementskit-megamenu-panel {
	left: 2%; right: 2%; position: fixed; min-width: 96%;
}
body.rsgdx-active.admin-bar ul#menu-header-menu li.elementskit-megamenu-has div.elementskit-megamenu-panel {
	top: 112px!important;
}
body.rsgdx-active ul#menu-header-menu li.elementskit-megamenu-has div.elementskit-megamenu-panel ul li {
	list-style: none;
}


/*******************************************
 * MENU HEADER - SEARCH BAR
*******************************************/
body.rsgdx-active .rsgdx-header-search {
	position: relative; max-width: 300px;
}
body.rsgdx-active .rsgdx-header-search input {
	position: relative; border-radius: 20px; background: none; border-color: var(--site_shade_4); color: var(--site_shade_5);
}
body.rsgdx-active .rsgdx-header-search input:focus {
	border-style: solid;
}
body.rsgdx-active .rsgdx-header-search button {
	position: absolute; z-index: 2; right: 0; height: 40px; border-bottom-left-radius: 0; border-top-left-radius: 0; transition: ease.3s; background: var(--site_shade_4); border: none;
}


/*******************************************
 * MENU HEADER - MINI CART
*******************************************/
body.rsgdx-active .rsgdx-mini-cart-wrapper .ast-mini-cart-empty {
	display: none !important;
}
body.rsgdx-active .rsgdx-mini-cart-wrapper {
	position: relative; display: inline-block;
}
body.rsgdx-active .rsgdx-mini-cart-wrapper .rsgdx-cart-toggle {
	display: flex; align-items: center; text-decoration: none; position: relative; border-radius: 100%; background: var(--site_shade_2); height: 40px; width: 40px; border: 1px solid var(--site_primary_color); color: var(--site_primary_color); text-align: center; transition: ease .3s;
}
body.rsgdx-active .rsgdx-mini-cart-wrapper .rsgdx-cart-toggle:hover {
	background: var(--site_primary_color); border-color: var(--site_shade_5); transition: ease .3s; color: var(--site_shade_5)!important;
}
body.rsgdx-active .rsgdx-mini-cart-wrapper .cart-count {
	background: var(--site_primary_color); color: var(--site_shade_5); border-radius: 50%; min-width: 18px; height: 18px; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; margin-left: 5px; position: absolute; top: -5px; right: -5px;
}
body.rsgdx-active .rsgdx-mini-cart-wrapper .cart-icon {
	width: 100%;
}
body.rsgdx-active .rsgdx-mini-cart-wrapper .rsgdx-mini-cart-content {
	position: fixed; right: -100%; top: 50px; width: 100%; max-width: 400px; height: 80vh; background: var(--site_shade_2); color: var(--site_shade_6); padding: 20px 20px 60px 20px; z-index: 999; transition: right 0.3s ease-in-out; box-shadow: -2px 0 5px rgba(0,0,0,0.1); overflow-y: auto; overflow-x: hidden;
}
body.rsgdx-active .rsgdx-mini-cart-wrapper .rsgdx-mini-cart-content.active {
	right: 0;
}
body.rsgdx-active .rsgdx-mini-cart-wrapper .rsgdx-mini-cart-content a {
	color: var(--site_shade_6);
}
body.rsgdx-active .rsgdx-mini-cart-wrapper .rsgdx-mini-cart-content a:hover {
	color: var(--site_primary_color);
}
body.rsgdx-active .rsgdx-mini-cart-wrapper .rsgdx-mini-cart-content.active .rsgdx-mini-cart-bg {
	content: ''; position: fixed; inset: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: -1;
}
body.rsgdx-active .rsgdx-mini-cart-wrapper .rsgdx-mini-cart-content .mini-cart-header {
	z-index: 2; position: relative;
}
body.rsgdx-active .rsgdx-mini-cart-wrapper .rsgdx-mini-cart-content h4 {
	color: var(--site_shade_5); border-bottom: 1px solid var(--site_shade_3); padding-bottom: 20px; margin-bottom: 20px; text-align: center;
}
body.rsgdx-active .rsgdx-mini-cart-wrapper .rsgdx-mini-cart-content .rsgdx-mini-cart-browse {
	position: relative; margin-top: 20px; text-align: center; width: 100%;
}
body.rsgdx-active .rsgdx-mini-cart-wrapper .rsgdx-mini-cart-content .close-mini-cart {
	padding: 0; text-align: center; width: 30px; height: 30px; left: 0; top: 0; transition: ease .3s; position: absolute; font-size: 20px; z-index: 2;
}
body.rsgdx-active .rsgdx-mini-cart-wrapper .rsgdx-mini-cart-content .woocommerce-mini-cart__buttons {
	display: none;
}
body.rsgdx-active .rsgdx-mini-cart-wrapper .rsgdx-mini-cart-content .rsgdx-mini-cart-inner-buttons {
	display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; gap: 20px;
}
body.rsgdx-active .rsgdx-mini-cart-wrapper li.woocommerce-mini-cart-item {
	padding: 10px; display: flex; flex-direction: column; gap: 10px; align-items: center; border-bottom: 1px solid var(--site_shade_2); margin-bottom: 10px;
}
body.rsgdx-active .rsgdx-mini-cart-wrapper li.woocommerce-mini-cart-item::before,
body.rsgdx-active .rsgdx-mini-cart-wrapper li.woocommerce-mini-cart-item::after {
	display: none;
}
body.rsgdx-active .rsgdx-mini-cart-wrapper li.woocommerce-mini-cart-item a:nth-child(1) {
	position: absolute; left: 0; border: 1px solid var(--site_primary_color); z-index: 2; top: 0; background: var(--site_primary_color); color: var(--site_shade_5); opacity: 0; pointer-events: none;
}
body.rsgdx-active .rsgdx-mini-cart-wrapper li.woocommerce-mini-cart-item a:nth-child(1) .ast-close-svg {
	color: var(--site_shade_5);
}
body.rsgdx-active .rsgdx-mini-cart-wrapper li.woocommerce-mini-cart-item a:nth-child(2) img {
	position: relative; width: 50px; height: 50px; border-radius: 10px; inset: 0; margin: 0; transform: none;
}
body.rsgdx-active .rsgdx-mini-cart-wrapper li.woocommerce-mini-cart-item .quantity,
body.rsgdx-active .rsgdx-mini-cart-wrapper li.woocommerce-mini-cart-item .quantity .woocommerce-Price-amount.amount {
	font-size: 12px;
}
body.rsgdx-active .rsgdx-mini-cart-wrapper li.woocommerce-mini-cart-item .variation {
	/*width: 100%; margin-top: 10px;*/
}
body.rsgdx-active .rsgdx-mini-cart-wrapper li.woocommerce-mini-cart-item .variation .variation-Bundledproducts {
	width: 100%; margin: 0;
}
body.rsgdx-active .rsgdx-mini-cart-wrapper li.woocommerce-mini-cart-item .variation .variation-Bundledproducts ul {
	margin: 0;
}
body.rsgdx-active .rsgdx-mini-cart-wrapper li.woocommerce-mini-cart-item .quantity {
	color: var(--site_primary_color); font-weight: 800;
}
body.rsgdx-active .rsgdx-mini-cart-wrapper .woocommerce-mini-cart__total.total {
	font-weight: 800; font-size: 20px;
}
body.rsgdx-active .rsgdx-mini-cart-wrapper li.woocommerce-mini-cart-item.woocommerce-mini-cart-item.woosb-cart-item.woosb-cart-parent.woosb-item-parent {
	align-items: flex-start; flex-direction: column; text-align: left;
}



/*******************************************
 * ONLOAD POPUP
*******************************************/
body.rsgdx-onload_popup-active .rsgdx-onload_popup-container {
	position: fixed; z-index: 9999999999999999999999999999999999; display: none; background: rgba(0, 0, 0, 0.5); width: 100%; min-height: 100vh; flex-direction: column; align-content: center; justify-content: center; align-items: center; padding: 30px; top: 0; left: 0;
}
body.rsgdx-onload_popup-active .rsgdx-onload_popup-container.active {
	display: flex;
}
body.rsgdx-onload_popup-active .rsgdx-onload_popup {
	max-width: 767px; padding: 30px; font-size: 16px; position: relative; border-radius: 20px; max-height: 600px; overflow: auto;
}
body.rsgdx-onload_popup-active .rsgdx-onload_popup h4 {
	font-size: 30px;
}
body.rsgdx-onload_popup-active .rsgdx-onload_popup p {
	font-size: 16px; font-weight: 500;
}
body.rsgdx-onload_popup-active .rsgdx-onload_popup-t1 .rsgdx-onload_popup {
	border: 1px solid var(--site_primary_color); background-color: var(--site_secondary_color);
}
body.rsgdx-onload_popup-active .rsgdx-onload_popup-t1 h4 {
	color: var(--site_shade_5)!important;
}
body.rsgdx-onload_popup-active .rsgdx-onload_popup-t1 h4 {
	color: red!important;
	font-weight: 800;
}
body.rsgdx-onload_popup-active .rsgdx-onload_popup-t1 p {
	color: var(--site_shade_6);
	margin-bottom: 0;
}
body.rsgdx-onload_popup-active .rsgdx-onload_popup-t2 .rsgdx-onload_popup {
	background-color: var(--site_shade_6);
}
body.rsgdx-onload_popup-active .rsgdx-onload_popup-t2 h4 {
	color: green;
}
body.rsgdx-onload_popup-active .rsgdx-onload_popup-t2 p {
	color: var(--site_shade_1);
}
body.rsgdx-onload_popup-active .rsgdx-onload_popup-close {
	position: absolute; top: 0; right: 0; width: 30px; height: 30px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; font-size: 20px; font-weight: 500; cursor: pointer; transition: ease .3s;
}
body.rsgdx-onload_popup-active .rsgdx-onload_popup-close:hover {
	transition: ease .3s;
}
body.rsgdx-onload_popup-active .rsgdx-onload_popup-t1 .rsgdx-onload_popup-close {
	background: var(--site_primary_color); border-radius: 100%; border: 1px solid var(--site_primary_color);
}
body.rsgdx-onload_popup-active .rsgdx-onload_popup-t1 .rsgdx-onload_popup-close:hover {
	background-color: var(--site_secondary_color); color: var(--site_primary_color);
}
body.rsgdx-onload_popup-active .rsgdx-onload_popup-t2 .rsgdx-onload_popup-close {
	top: 10px; right: 10px;
}
body.rsgdx-onload_popup-active .rsgdx-onload_popup-t2 .rsgdx-onload_popup-close img {
	transition: ease .3s;
}
body.rsgdx-onload_popup-active .rsgdx-onload_popup-t2 .rsgdx-onload_popup-close img:hover {
	-webkit-filter: invert(1); filter: invert(1); transition: ease .3s;
}
body.elementor-editor-active.rsgdx-onload_popup-active .rsgdx-onload_popup-container {
	display: none;
}
@media only screen and (max-height: 767px) {
	body.rsgdx-onload_popup-active .rsgdx-onload_popup {
		max-height: 400px;
	}
}


/*******************************************
 * SOCIAL ICONS
*******************************************/
.rsgdx-social-icons a {
	margin: 10px;
}
.rsgdx-social-icons a:first-child {
	margin-left: 0;
}
.rsgdx-social-icons a:last-child {
	margin-right: 0;
}


/*******************************************
 * EC FOOTER
*******************************************/
.et-footers-wrapper footer > container {
	max-width: 1600px;
}


/*******************************************
 * ON SCROLL ANIMATIONS
*******************************************/
.rsgdx-fadein-scroll-animation > * {
	opacity: 0; transition: 2s;
}
.rsgdx-fadein-scroll-animation.rsgdx-fadein > * {
	opacity: 1; transition: 2s;
}
.elementor-editor-active .rsgdx-fadein-scroll-animation > * {
	opacity: 1;
}
.rsgdx-fadein-scroll-animation::before {
	border: none!important;
}

/*******************************************
 * EC CUSTOM TABS
*******************************************/
.ec-custom-tabs .e-n-tabs-heading {
	border-bottom: 1px solid var(--site_shade_7);
}
@media only screen and (max-width: 450px) {
	.ec-custom-tabs .e-n-tabs-heading {
		display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px;
	}
	.ec-custom-tabs .e-n-tabs-heading > button {
		padding: 10px 12px;
	}
}

/*******************************************
 * EC CUSTOM ACCORDIONS
*******************************************/
body.rsgdx-active .ec-custom-accordion summary.e-n-accordion-item-title {
	border-bottom: 1px solid var(--site_shade_5)!important; padding: 15px 20px; display: flex; flex-direction: row; justify-content: space-between; color: var(--site_shade_6)!important; font-weight: 500;
}
body.rsgdx-active .ec-custom-accordion summary.e-n-accordion-item-title * {
	color: var(--site_shade_6)!important; transition: ease .3s;
}
body.rsgdx-active .ec-custom-accordion summary.e-n-accordion-item-title:hover * {
	color: var(--site_primary_color)!important; transition: ease .3s;
}
body.rsgdx-active .ec-custom-accordion summary.e-n-accordion-item-title[aria-expanded="true"] *,
body.rsgdx-active .ec-custom-accordion summary.e-n-accordion-item-title[aria-expanded="true"]:hover * {
	color: var(--site_shade_6)!important; 
}
body.rsgdx-active .ec-custom-accordion details.e-n-accordion-item:nth-child(even) summary.e-n-accordion-item-title {
	background-color: var(--site_shade_3); color: var(--site_shade_5);
}

/*******************************************
 * EC CUSTOM SOCIAL ICONS WITH BLACK BG
*******************************************/
body.rsgdx-active .ec-social-icon-black-bg {
	padding: 20px;
	background: var(--site_secondary_color);
	border-radius: 20px;
	transition: ease .3s;
}
body.rsgdx-active .ec-social-icon-black-bg:hover {
	transform: scale(1.1);
	transition: ease .3s;
}
body.rsgdx-active .ec-social-icon-black-bg .elementor-icon-box-title a {
	transition: ease .3s;
}
body.rsgdx-active .ec-social-icon-black-bg:hover .elementor-icon-box-title a {
	color: var(--site_primary_color);
	transition: ease .3s;
}
body.rsgdx-active .ec-social-icon-black-bg .elementor-icon-box-wrapper {
	display: flex; align-items: center;
}


/*******************************************
 * EC CUSTOM HOME PAGE ARTWORK SECTION
*******************************************/
.ec-home-artwork-section {
	position: relative;
}
.ec-home-artwork-section .ec-step1-container {
	position: relative;	
}
.ec-home-artwork-section .ec-step1-container > div {
	position: relative;
	z-index: 2;
}
.ec-home-artwork-section-step1 {
	position: relative;
	z-index: 0;
}
.ec-home-artwork-section-step1 img {
	pointer-events: none;
}
.ec-home-artwork-section-step2 {
	position: relative;
	z-index: 0;
}
.ec-home-artwork-section-step2 img {
	pointer-events: none;
}
.ec-home-artwork-section-step3 {
	position: relative;
	z-index: 0;
}
.ec-home-artwork-section-step3 img {
	pointer-events: none;
}
@media only screen and (max-width: 450px) {
	.ec-home-artwork-section .ec-home-artwork-section-step1, 
	.ec-home-artwork-section .ec-home-artwork-section-step2, 
	.ec-home-artwork-section .ec-home-artwork-section-step3 {
		z-index: 1;
		position: relative!important;
	}
	.ec-home-artwork-section .ec-home-artwork-section-step1 > div,
	.ec-home-artwork-section .ec-home-artwork-section-step2 > div,
	.ec-home-artwork-section .ec-home-artwork-section-step3 > div {
		transform: none;
	}
	.ec-home-artwork-section .ec-home-artwork-section-step1 > div > img,
	.ec-home-artwork-section .ec-home-artwork-section-step2 > div > img,
	.ec-home-artwork-section .ec-home-artwork-section-step3 > div > img {
		width: 100% !important;
		max-width: 100% !important;
		height: 200px !important;
		position: relative;
	}
}

/*******************************************
 * EC CUSTOM HOME PAGE FEATURED PRODUCTS SECTION
*******************************************/
body.rsgdx-active .ec-featured-products {
	position: relative;
	display: flex;
	flex-direction: row;
}
body.rsgdx-active .ec-featured-products-menu {
	position: relative;
	width: 100%;
	max-width: 250px;
	background: var(--site_shade_2);
	opacity: 0.7;
	border-radius: 20px;
	padding: 30px 20px;
	margin-right: 30px;
}
body.rsgdx-active .ec-featured-products-menu * {
	font-size: 15px;
	color: var(--site_shade_6);
}
body.rsgdx-active .ec-featured-products-menu h3 {
	margin-bottom: 30px;
}
body.rsgdx-active .ec-featured-products-menu .ec-featured-products-menu-title {
	margin-bottom: 18px;
}
body.rsgdx-active .ec-featured-products-menu .ec-featured-products-menu-title span {
	text-decoration: underline;
	cursor: pointer;
	transition: ease .3s;
}
body.rsgdx-active .ec-featured-products-menu .ec-featured-products-menu-title.ec-featured-products-active span,
body.rsgdx-active .ec-featured-products-menu .ec-featured-products-menu-title span:hover {
	transition: ease .3s;
	color: var(--site_primary_color);
}
body.rsgdx-active .ec-featured-products-content-data {
	position: relative;
	display: none;
	flex-direction: row;
	gap: 2%;
}
body.rsgdx-active .ec-featured-products-content-data.ec-featured-products-active {
	display: flex;
}
body.rsgdx-active .ec-featured-products-content-product {
	position: relative;
	padding: 30px 20px 80px 20px;
	border-radius: 20px;
	width: 25%;
	background: var(--site_shade_2);
}
body.rsgdx-active .ec-featured-products-content-product:last-child {
	margin-right: 0;
}
body.rsgdx-active .ec-featured-products-content-product > * {
	margin-bottom: 30px;
}
body.rsgdx-active .ec-featured-products-content-product-image img {
	border-radius: 20px;
	width: 300px;
	height: 200px;
	object-fit: cover;
	transition: ease .3s;
}
body.rsgdx-active .ec-featured-products-content-product-image img:hover {
	transition: ease .3s;
	transform: scale(1.1);
}
body.rsgdx-active .ec-featured-products-content-product-title {
	font-size: 16px;
}
body.rsgdx-active .ec-featured-products-content-product-price {
	font-size: 14px;
}
body.rsgdx-active .ec-featured-products-content-product-btn {
	margin-bottom: 0;
	position: absolute;
	bottom: 30px;
}
@media only screen and (max-width: 1200px) {
	body.rsgdx-active .ec-featured-products-content-data {
		flex-wrap: wrap;
	}
	body.rsgdx-active .ec-featured-products-content-product {
		width: 48%;
		margin-bottom: 20px;
		padding: 30px 30px 80px 30px;
	}
	body.rsgdx-active .ec-featured-products-content-product-image img {
		width: 100%;
	}
}
@media only screen and (max-width: 1024px) {
	body.rsgdx-active .ec-featured-products-main-container {
		background-attachment: fixed;
	}
}
@media only screen and (max-width: 800px) {
	body.rsgdx-active .ec-featured-products-menu {
		max-width: 250px;
	}
	body.rsgdx-active .ec-featured-products-content-product {
		width: 100%;
	}
	body.rsgdx-active .ec-featured-products-content-product-image img:hover {
		transform: none;
	}
}
@media only screen and (max-width: 767px) {
	body.rsgdx-active .ec-featured-products {
		flex-direction: column;
	}
	body.rsgdx-active .ec-featured-products-menu {
		max-width: 100%;
		margin: 0 0 30px 0;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
	}
	body.rsgdx-active .ec-featured-products-menu h3 {
		width: 100%;
	}
	body.rsgdx-active .ec-featured-products-menu .ec-featured-products-menu-title {
		padding: 10px;
	}
	body.rsgdx-active .ec-featured-products-content-product {
		width: 100%;
		margin-right: 0;
	}
	body.rsgdx-active .ec-featured-products-content-product-image img {
		width: 100%;
		height: 300px;
	}
}
@media only screen and (max-width: 450px) {
	body.rsgdx-active .ec-featured-products-content-product-image img {
		height: 200px;
	}
}


/*******************************************
 * Hide XStore's added to cart popup
*******************************************/
.mfp-bg.mfp-zoom-out,
.mfp-wrap.mfp-zoom-out {
	display: none !important;
}



/*******************************************
 * UPDATED: March 20, 2025
 * Global and specific usages
*******************************************/

/*******************************************
 * HEADERS
*******************************************/
body.rsgdx-active h1.rsgdx-page-title-h1 {
	font-size: 60px;
	font-weight: 600;
	margin: 0;
	padding: 40px 0 15px;
}
body.rsgdx-active h2.rsgdx-page-title-h2 {
	font-size: 35px;
}
@media only screen and (max-width: 921px) {
	body.rsgdx-active #content.site-content {
		margin-top: 90px;
	}
}
@media only screen and (max-width: 782px) {
	html #wpadminbar {
		display: none;
	}
	body.admin-bar.rsgdx-active .ekit-template-content-markup.ekit-template-content-header {
		top: 0;
	}
	body.rsgdx-active #content.site-content {
		margin-top: 45px;
	}
}


/*******************************************
 * BREADCRUMBS
*******************************************/
body.rsgdx-active .rsgdx-breadcrumbs {
	padding: 10px 0 20px;
	font-size: 13px;
}
body.rsgdx-active .rsgdx-breadcrumbs a {
	color: var(--site_shade_6);
}
body.rsgdx-active .rsgdx-breadcrumbs a:hover, body.rsgdx-active .rsgdx-breadcrumbs a.rsgdx-active {
	color: var(--site_primary_color);
}

/*******************************************
 * MOBILE FILTERS
*******************************************/
body.rsgdx-active .rsgdx-mobile-filter, body.rsgdx-active .rsgdx-mobile-filter-close, body.rsgdx-active .rsgdx-mobile-filter-bg {
	display: none;
}

/*******************************************
 * SECTIONS
*******************************************/
body.rsgdx-active section.rsgdx-section {
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 30px;
}


/*******************************************
 * SEARCH INPUT FIELDS
*******************************************/
body.rsgdx-active .rsgdx-search-form-input {
	position: relative; overflow: hidden;
}
body.rsgdx-active .rsgdx-search-form-input input.rsgdx-search-field {
	width: 100%; border-radius: 30px; background: var(--site_shade_3); border: 0; outline: none; padding: 5px 20px; color: var(--site_shade_5); position: relative; z-index: 1;
}
body.rsgdx-active .rsgdx-search-form-input button[type="submit"] {
	z-index: 2; position: absolute; right: 0; border-radius: 0 20px 20px 0; transition: ease .3s;
}
body.rsgdx-active .rsgdx-search-form-input button[type="submit"]:hover {
	transition: ease .3s;
}


/*******************************************
 * DIV - IMAGE LEFT CONTENT RIGHT
*******************************************/
body.rsgdx-active div.rsgdx-section-left-image {
	display: flex; gap: 30px; flex-direction: row; align-items: center;
}
body.rsgdx-active div.rsgdx-section-left-image > div {
	width: 50%;
}
body.rsgdx-active div.rsgdx-section-left-image img {
	max-height: 500px; width: 100%; object-fit: cover; object-position: center; border-radius: 30px;
}
@media only screen and (max-width: 767px) {
	body.rsgdx-active div.rsgdx-section-left-image {
		flex-direction: column;
	}
	body.rsgdx-active div.rsgdx-section-left-image > div {
		width: 100%!important;
	}
}


/*******************************************
 * ABOUT US PAGE
*******************************************/
@media only screen and (max-width: 1300px) {
	#rsgdx-about-us-grid .e-con-inner > .elementor-element {
		
	}	
}


/*******************************************
 * BRANDS PAGES
*******************************************/
.rsgdx-gallery-carousel .swiper-slide-inner img { 
	max-height: 600px; height: 600px; object-fit: cover; object-position: center;
}

/*******************************************
 * BRANDS PAGES: Expolinc
*******************************************/
.rsgdx_expolinc_products_query li .astra-shop-thumbnail-wrap a.woocommerce-LoopProduct-link.woocommerce-loop-product__link img {
	height: 250px;
	width: 100%;
	object-fit: cover;
}
.rsgdx_expolinc_products_query .woocommerce.columns-3 li .astra-shop-thumbnail-wrap a.woocommerce-LoopProduct-link.woocommerce-loop-product__link img {
	height: 300px;
}
/*.rsgdx_expolinc_products_query li .astra-shop-summary-wrap .button.add_to_cart_button{
	text-transform: capitalize;
}*/
.ec-custom-accordion .elementor-element.e-con-full.e-con.e-child {
	margin-bottom: 10px;
	border-bottom-color: var(--site_primary_color);
	margin-top: 0;
}
.ec-custom-accordion summary.e-n-accordion-item-title[aria-expanded="true"] {
	background: var(--site_primary_color)!important;
}
.ec-custom-accordion summary.e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-text {
	color: var(--site_shade_5)!important;
}
@media only screen and (max-width: 920px) {
	body.single-brands.postid-34270 #content.site-content,
	body.single-brands.postid-31831 #content.site-content {
		margin-top: 80px;
	}
}
@media only screen and (max-width: 781px) {
	body.single-brands.postid-34270 #content.site-content,
	body.single-brands.postid-31831 #content.site-content {
		margin-top: 30px!important;
	}	
}

/*******************************************
 * Calendar
*******************************************/
.rsgdx_hub_calendar_embed_container {
	position: fixed;
	background: rgba(0, 0, 0, 0.9);
	inset: 0;
	height: 100vh;
	width: 100%;
	overflow: auto;
	z-index: 999999;
	padding: 30px;
	display: none;
}
.rsgdx_hub_calendar_embed_container span.rsgdx_close {
	position: absolute;
	right: 10px;
	top: 10px;
	background: var(--site_primary_color);
	border-radius: 100%;
	width: 30px;
	height: 30px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	cursor: pointer;
	z-index: 999;
	
}
.rsgdx_hub_calendar_embed_container > div {
	height: 100%;
}

/*******************************************
 * Hubspot Popup
*******************************************/
.rsgdx_hub_popup_embed_container {
	position: fixed;
	background: rgba(0, 0, 0, 0.9);
	inset: 0;
	height: 100vh;
	width: 100%;
	overflow: auto;
	z-index: 999999;
	padding: 30px;
	display: none;
}
.rsgdx_hub_popup_embed_container span.rsgdx_close {
	position: absolute;
	right: 10px;
	top: 10px;
	background: var(--site_primary_color);
	border-radius: 100%;
	width: 30px;
	height: 30px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	cursor: pointer;
	z-index: 999;
}
.rsgdx_hub_popup_embed_container > div {
	height: 100%;
}


/*******************************************
 * Hubspot Popup Custommized
*******************************************/
.rsgdx_contact_us_brands_popup {
	margin-bottom: 50px;
	border-radius: 30px;
}
.rsgdx_contact_us_brands_popup.set_to_popup {
	position: fixed;
	z-index: 9999999999;
	inset: 0;
	height: 700px;
	max-height: 100vh;
	max-width: 992px;
	top: 10%;
	border-radius: 30px;
	overflow: auto;
	margin-bottom: 0;
}
.rsgdx_contact_us_brands_popup span.rsgdx_close {
	position: absolute;
	right: 10px;
	top: 10px;
	background: var(--site_primary_color);
	border-radius: 100%;
	width: 30px;
	height: 30px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	cursor: pointer;
	z-index: 999;
}
.rsgdx-formpopup-backdrop {
	position: fixed;
	z-index: 9999;
	inset: 0;
	background: #111111;
	opacity: 0.9;
}

/*@media only screen and (max-width: 1600px) {
	.rsgdx_contact_us_brands_popup {
		max-width: 90%;
		padding-top: 50px;
		padding-bottom: 50px;
	}
}*/

/*******************************************
 * Google Reviews
*******************************************/
.rsgdx-google-reviews {
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: space-between;
	gap: 30px;
}
.rsgdxgrs-company {
	min-width: 130px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	gap: 5px;
}
.rsgdxgrs-company img.rsgdxgrs-logo {
	border-radius: 100%;
	width: 50px;
	height: 50px;
}
.rsgdxgrs-company span.rsgdxgrs-company-name {
	font-size: 13px;
}
.rsgdxgrs-company .rsgdxgrs-stars {
	color: #fb8e28;
	font-size: 20px;
}
.rsgdxgrs-company a.rsgdxgrs-review-btn {
	background: #1f60d3;
	color: #ffffff;
	border-radius: 30px;
	padding: 10px;
	display: inline-block;
	font-size: 12px;
}
.rsgdxgrs-slider-container {
	max-width: 90%;
	overflow: hidden;
}
.rsgdxgrs-review {
	padding: 0 5px;
}
.rsgdxgrs-review .rsgdxgrs-review-header {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	gap: 10px;
}
.rsgdxgrs-review .rsgdxgrs-user-icon {
	border-radius: 100%;
	width: 40px;
	height: 40px;
}
.rsgdxgrs-review .rsgdxgrs-review-header-name {
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.rsgdxgrs-review .rsgdxgrs-review-header-name strong {
	font-size: 13px;
}
.rsgdxgrs-review .rsgdxgrs-review-header-name small {
	font-size: 11px;
}
.rsgdxgrs-review .rsgdxgrs-review-stars {
	color: #fb8e28;
	font-size: 15px;
}
.rsgdxgrs-review .rsgdxgrs-review-text {
	font-size: 13px;
	max-height: 100px;
	overflow: auto;
	max-width: 90%;
}
/* For Webkit-based browsers (Chrome, Edge, Safari) */
.rsgdx-google-reviews .rsgdxgrs-review .rsgdxgrs-review-text::-webkit-scrollbar {
	width: 8px; /* Adjust width as needed */
	height: 8px; /* For horizontal scrollbars */
}

.rsgdx-google-reviews .rsgdxgrs-review .rsgdxgrs-review-text::-webkit-scrollbar-track {
	background: var(--site_secondary_color); /* Background of the scrollbar track */
}

.rsgdx-google-reviews .rsgdxgrs-review .rsgdxgrs-review-text::-webkit-scrollbar-thumb {
	background: var(--site_primary_color); /* Main scrollbar color */
	border-radius: 5px; /* Smooth rounded edges */
}

.rsgdx-google-reviews .rsgdxgrs-review .rsgdxgrs-review-text::-webkit-scrollbar-thumb:hover {
	background: rgba(var(--site_primary_color), 0.8); /* Slightly lighter on hover */
}
.rsgdx-google-reviews .rsgdxgrs-review .rsgdxgrs-review-text {
	scrollbar-width: thin; /* Options: auto, thin */
	scrollbar-color: var(--site_primary_color) #000;
}