/**
 * Created: 		08/26/2025
 * Updated:			08/26/2025
 * Description:		Styles
 * ✅		 		Functions that are working
 * ❌				Functions that are not working
 */

/******************************************************
* ✅ Position adjustments
******************************************************/
body.rsgdx-wadds-topbanner-active #header {
	margin-top: 44.84px;
}
body.rsgdx-wadds-topbanner-active #header.site-header.sticky .header-main-wrapper.sticky.sticky-on .header-main {
	top: 45px !important;
}
html.et-mini-content-opened body.rsgdx-wadds-topbanner-active .rsgdx-wadds-topbanner {
	z-index: 0;
}
body.rsgdx-wadds-topbanner-active .ekit-template-content-markup.ekit-template-content-header {
	top: 45px!important;
}
body.rsgdx-wadds-topbanner-active.admin-bar .ekit-template-content-markup.ekit-template-content-header {
	top: 80px!important;
}
body.rsgdx-wadds-topbanner-active #content.site-content {
	margin-top: 165px;
}
body.rsgdx-wadds-topbanner-active.admin-bar #content.site-content {
	margin-top: 170px;
}
body.rsgdx-wadds-topbanner-active .elementskit-megamenu-panel {
	top: 140px !important;
}
body.rsgdx-wadds-topbanner-active.admin-bar .elementskit-megamenu-panel,
body.rsgdx-active.admin-bar.rsgdx-wadds-topbanner-active ul#menu-header-menu li.elementskit-megamenu-has div.elementskit-megamenu-panel {
	top: 172px !important;
}

@media only screen and (max-width: 1000px) {
	body.rsgdx-wadds-topbanner-active #content.site-content {
		margin-top: 110px;
	}
	body.rsgdx-wadds-topbanner-active.admin-bar #content.site-content {
		margin-top: 120px;
	}
}

@media only screen and (max-width: 782px) {
	body.rsgdx-wadds-topbanner-active .rsgdx-wadds-topbanner {
		top: 0;
	}
	body.rsgdx-wadds-topbanner-active.admin-bar .ekit-template-content-markup.ekit-template-content-header {
		top: 45px!important;
	}
	body.rsgdx-wadds-topbanner-active #content.site-content,
	body.rsgdx-wadds-topbanner-active.admin-bar #content.site-content {
		margin-top: 80px;
	}
}
@media only screen and (max-width: 767px) {
	body.rsgdx-wadds-topbanner-active.admin-bar .ekit-template-content-markup.ekit-template-content-header {
		top: 40px!important;
	}
}
@media only screen and (max-width: 690px) {
	body.rsgdx-wadds-topbanner-active.admin-bar .ekit-template-content-markup.ekit-template-content-header {
		top: 60px!important;
	}
}
@media only screen and (max-width: 420px) {
	body.rsgdx-wadds-topbanner-active.admin-bar .ekit-template-content-markup.ekit-template-content-header {
		top: 70px!important;
	}
}

/******************************************************
* ✅ Style
******************************************************/
body.rsgdx-wadds-topbanner-active .rsgdx-wadds-topbanner {
	color: var(--site_shade_6); 
	background: var(--site_primary_color); 
	position: fixed; 
	z-index: 999;
	width: 100%;
}
body.rsgdx-wadds-topbanner-active .elementor-editor-active .rsgdx-wadds-topbanner {
	display: block!important;
}
body.rsgdx-wadds-topbanner-active .rsgdx-wadds-topbanner-df {
	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-wadds-topbanner-active .rsgdx-wadds-topbanner-sm {
	display: none!important;
}
body.rsgdx-wadds-topbanner-active .rsgdx-wadds-topbanner-df > * {
	padding: 0 10px;
}
body.rsgdx-wadds-topbanner-active .rsgdx-wadds-topbanner-df .rsgdx-wadds-topbanner-button 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-wadds-topbanner-active .rsgdx-wadds-topbanner-df .rsgdx-wadds-topbanner-button a:hover {
	transition: ease .3s; 
	background: none; 
	border-color: var(--site_shade_6);
}
body.rsgdx-wadds-topbanner-active .rsgdx-wadds-topbanner-df .rsgdx-wadds-topbanner-righttext {
	text-decoration: underline;
}

@media only screen and (max-width: 767px) {
	body.rsgdx-wadds-topbanner-active .rsgdx-wadds-topbanner-df {
		font-size: 10px;
	}
}
@media only screen and (max-width: 690px) {
	body.rsgdx-wadds-topbanner-active .rsgdx-wadds-topbanner-df {
		flex-wrap: wrap; 
		flex-direction: column; 
		align-content: flex-start; 
		align-items: flex-start;
	}
	body.rsgdx-wadds-topbanner-active .rsgdx-wadds-topbanner-lg {
		display: none!important;
	}
	body.rsgdx-wadds-topbanner-active .rsgdx-wadds-topbanner-sm {
		display: flex!important; 
		align-items: center; 
		align-content: center;
	}
	body.rsgdx-wadds-topbanner-active .rsgdx-wadds-topbanner-sm .rsgdx-wadds-topbanner-button {
		padding-top: 5px;
	}
}

@media only screen and (max-width: 600px) {
	.rsgdx-wadds-topbanner-lefttext {
		text-align: center;
	}
}

/******************************************************
* ✅ Adjusting Mega Panel
******************************************************/