/* body */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,
pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,
s,samp,small,strike,strong,sub,sup,tt,var,b,i,center,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup,
mark,menu,meter,nav,output,progress,section,summary,time,video{ border:0; outline:0; 
	font-size:100%; vertical-align:baseline; background:transparent; margin:0;padding:0; }
body{ line-height:1; }
article,aside,dialog,figure,footer,header,hgroup,nav,section,blockquote{ display:block; }
nav ul{ list-style:none; }
ol{ list-style:decimal; margin: 15px 0px 20px 30px; }
ul{ list-style:disc; margin: 15px 0px 20px 30px;  }
li{ margin-bottom: 5px; }
ul ul{ list-style:circle; }
blockquote,q{ quotes:none; }
blockquote:before,blockquote:after,q:before,q:after{ content:none; }
ins{ text-decoration:underline; }
del{ text-decoration:line-through; }
mark{ background:none; }
abbr[title],dfn[title]{ border-bottom:1px dotted #000; cursor:help; }
table{ border-collapse:collapse;border-spacing:0; }
hr{ display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
input[type=submit],input[type=button],button{ margin:0; padding:0;}
input,select,a img{ vertical-align:middle; }

a{ text-decoration: none; }
b, strong{ font-weight: bold; }
i, em{ font-style: italic; }
i{ margin-right: 6px; }

html{ height: 100%; }
body { font-size: 18px; line-height: 1.7; font-family: "Open Sans", Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; color: #555555; 
	height: 100%; }
.body-wrapper{ min-height: 100%; overflow: hidden; }

h1{ font-size: 47px; } h2{ font-size: 41px; } h3{ font-size: 35px; }
h4{ font-size: 28px; } h5{ font-size: 21px; } h6{ font-size: 18px; }
p{font-size: 18px;}	
h1, h2, h3, h4, h5, h6 { line-height: 1.3; margin-bottom: 20px; margin-top: 20px; font-weight: bold; color: #444444; }	
a{	color: #105f21;
	transition: color 300ms, background-color 300ms, opacity 300ms;
	-moz-transition: color 300ms, background-color 300ms, opacity 300ms;    /* FF3.7+ */
	-o-transition: color 300ms, background-color 300ms, opacity 300ms;      /* Opera 10.5 */
	-webkit-transition: color 300ms, background-color 300ms, opacity 300ms; /* Saf3.2+, Chrome */ }
	
img{ max-width: 100%; }

/* Sidebar navatigation */
.nav-wrapper{ font-size: 12px; width: 300px; background: #145730; float: left; margin-bottom: -9999px; padding-bottom: 9999px;  }

.logo-wrapper{ text-align: center; padding: 36px 0px; }
.logo-title{ font-size: 35px; color: #fff; font-weight: bold; margin-bottom: 6px; }
.logo-caption{ font-size: 13px; color: #afbbd0; }

.main-nav-item{ display: block; color: #fff; background: #0b4407; padding: 14px 28px 12px; position: relative; 
	cursor: pointer; border-bottom: 1px solid #1b5c36; }/*117d1a*/
.main-nav-item:after { font-family: FontAwesome; content: "\f105"; font-size: 14px; display: block;
	position: absolute; right: 20px; top: 50%; margin-top: -10px; }
.main-nav-item:last-child{ border-bottom: none; }
.nav-item.active .main-nav-item:after{ content: "\f107"; margin-top: -9px; }
.nav-item.active .main-nav-item, .main-nav-item:hover{ background: #106009; }

.nav-item .sub-nav{ display: none; }
.nav-item.active .sub-nav{ display: block; }
.sub-nav-item{ display: block; padding: 12px 28px 10px 49px; color: #ced4df; cursor: pointer; border-top: 1px solid #0e6d1a; }
.sub-nav-item.active, .sub-nav-item:hover{ background: #117d1a; }
.sub-nav-item:first-child{ border-top: none; }

/* content area */
.content-wrapper{ padding: 25px 20px 70px; overflow: hidden; }
.need-support{ border-bottom: 1px solid #e5e5e5; text-align: right; padding-bottom: 11px; margin-bottom: 40px; }

.message-box { padding: 26px 30px; background: #f7d8bc; margin-bottom: 30px; color: #6a6a6a; }
.message-box i { color: #555; font-size: 20px; float: left; margin-right: 20px; margin-top: 3px; }
.message-box span{ display: block; overflow: hidden; }

.gdlr-table{ overflow: hidden; }
.gdlr-table .head{ font-weight: bold; margin-bottom: 9px; }
.gdlr-3-row{ float: left; width: 29%; padding: 15px 2% 12px; border: 1px solid #e5e5e5; border-left-width: 0px; }
.gdlr-3-row:first-child{ border-left-width: 1px; }

pre{ display: none; }

.divider{ border-bottom: 1px solid #e5e5e5; margin-bottom: 30px; margin-top: 30px; }
.content-section{ display: none; }
.heading-title{background: #135730;padding: 14px 41px;width: fit-content;}
.fs-20{font-size: 20px;}.fc-fff{color:#fff;}
.heading-divider{display: flex;background: #27AE60;padding: 6px;width: 11%;border-radius: 10px;}
.content-lg-layout{display: flex;justify-content: center;}.content-lg-width{width:80%;}
.content-text{background:#f0faf4;padding:20px;}
.pb-20{padding-bottom:20px}.c-135730{color:#135730;}.pt-20{padding-top:20px}
.mb-20{margin-bottom:20px;}.mt-20{margin-top:20px;}
.nav-container-div{width: inherit;height: 100vh;overflow: scroll;position: fixed;}
.nav-inner-container{display: inline-block;width: 300px;}
.nav-container-div #nav{padding-bottom: 15px;}
.content-section{padding-top:30px;}
.searchDiv{padding:15px;}
#searchInput{width: 100%;height: 30px;}
.searchList{border-left: 4px solid #53bb06;padding-left: 6px;}
#searchResults{list-style: none;}
.searchPtagW{color:#ffffff;}

/* YouTube Video Loader */
.youtube-loader-wrapper {
	position: relative;
}

.youtube-loader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.85);
	z-index: 10;
	transition: opacity 0.4s ease, visibility 0.4s ease;
}

.youtube-loader.loaded {
	opacity: 0;
	visibility: hidden;
}

.youtube-loader-spinner {
	width: 50px;
	height: 50px;
	border: 5px solid rgba(255, 255, 255, 0.3);
	border-top: 5px solid #ffffff;
	border-radius: 50%;
	animation: youtube-spin 1s linear infinite;
}

@keyframes youtube-spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* Mobile Header */
.mobile-header {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 70px;
	background: #145730;
	z-index: 1000;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1);
	align-items: center;
	padding: 0 10px;
}

.mobile-menu-toggle {
	display: none;
	background: transparent;
	color: #fff;
	border: none;
	padding: 12px;
	cursor: pointer;
	font-size: 24px;
	line-height: 1;
	position: relative;
	z-index: 1001;
}

.mobile-menu-toggle:hover {
	color: #2cff55;
}

.mobile-logo {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	height: 57px;
}

.mobile-logo img {
	height: 57px;
	width: auto;
	display: block;
}

.mobile-logo a {
	display: block;
	line-height: 0;
}

/* Responsive Styles */
@media screen and (max-width: 1024px) {
	body {
		font-size: 16px;
	}
	
	.nav-wrapper {
		width: 280px;
	}
	
	.content-wrapper {
		padding: 20px 15px 60px;
	}
	
	h1 { font-size: 38px; }
	h2 { font-size: 32px; }
	h3 { font-size: 28px; }
	h4 { font-size: 24px; }
	h5 { font-size: 20px; }
	
	.gdlr-3-row {
		width: 46%;
		padding: 12px 2%;
	}
	
	.gdlr-3-row:nth-child(3) {
		width: 96%;
		margin-top: 15px;
	}
}

@media screen and (max-width: 768px) {
	body {
		font-size: 16px;
	}
	
	.mobile-header {
		display: flex;
	}
	
	.mobile-menu-toggle {
		display: block;
	}
	
	.nav-wrapper {
		position: fixed;
		left: -320px;
		top: 0;
		bottom: 0;
		width: 280px;
		z-index: 999;
		transition: left 0.3s ease;
		margin-bottom: 0;
		padding-bottom: 0;
		overflow-y: auto;
	}
	
	.nav-wrapper.active {
		left: 0;
		box-shadow: 2px 0 10px rgba(0,0,0,0.3);
	}
	
	.nav-container-div {
		position: static;
		height: auto;
		overflow: visible;
	}
	
	.nav-inner-container {
		width: 100%;
	}
	
	.content-wrapper {
		padding: 80px 15px 40px;
		margin-left: 0;
	}
	
	.content-lg-width {
		width: 100%;
	}
	
	.heading-divider {
		width: 20%;
	}
	
	.heading-title {
		padding: 12px 20px;
		font-size: 18px !important;
	}
	
	.logo-wrapper {
		padding: 25px 0;
	}
	
	.logo-title {
		font-size: 28px;
	}
	
	h1 { font-size: 32px; }
	h2 { font-size: 28px; }
	h3 { font-size: 24px; }
	h4 { font-size: 22px; }
	h5 { font-size: 18px; }
	h6 { font-size: 16px; }
	p { font-size: 16px; }
	
	.gdlr-3-row {
		width: 100%;
		float: none;
		border-left-width: 1px;
		margin-bottom: 15px;
	}
	
	.gdlr-3-row:last-child {
		margin-bottom: 0;
	}
	
	.message-box {
		padding: 20px 15px;
	}
	
	.message-box i {
		float: none;
		display: block;
		margin: 0 0 10px 0;
	}
	
	.need-support {
		text-align: center;
	}
	
	.searchDiv {
		padding: 10px 15px;
	}
	
	#searchInput {
		font-size: 14px;
	}
	
	.content-text {
		padding: 15px;
	}
	
	img {
		height: auto !important;
	}
	
	iframe {
		max-width: 100%;
		height: auto;
	}
}

@media screen and (max-width: 480px) {
	body {
		font-size: 14px;
	}
	
	.nav-wrapper {
		width: 250px;
		left: -270px;
	}
	
	.mobile-header {
		height: 70px;
		padding: 0 10px;
	}
	
	.mobile-menu-toggle {
		padding: 10px;
		font-size: 20px;
	}
	
	.mobile-logo {
		height: 57px;
	}
	
	.mobile-logo img {
		height: 35px;
	}
	
	.content-wrapper {
		padding: 70px 10px 30px;
	}
	
	.logo-title {
		font-size: 24px;
	}
	
	.logo-caption {
		font-size: 11px;
	}
	
	h1 { font-size: 28px; }
	h2 { font-size: 24px; }
	h3 { font-size: 20px; }
	h4 { font-size: 18px; }
	h5 { font-size: 16px; }
	h6 { font-size: 14px; }
	p { font-size: 14px; }
	
	.main-nav-item {
		padding: 12px 20px 10px;
		font-size: 13px;
	}
	
	.sub-nav-item {
		padding: 10px 20px 8px 35px;
		font-size: 12px;
	}
	
	.heading-title {
		padding: 10px 15px;
		font-size: 16px !important;
	}
	
	.heading-divider {
		width: 30%;
	}
	
	.message-box {
		padding: 15px 10px;
		font-size: 14px;
	}
	
	.content-text {
		padding: 10px;
	}
	
	ol, ul {
		margin: 10px 0 15px 20px;
	}
}

/* Mobile Menu Overlay */
.mobile-menu-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 998;
}

.mobile-menu-overlay.active {
	display: block;
}

/* Ensure tables are scrollable on mobile */
@media screen and (max-width: 768px) {
	.gdlr-table {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}