/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 09 2024 | 16:11:33 */
.main-header {
	width: 100%;
	height: 80px; 
	background-color: #006a20;
	display: flex; 
	justify-content: center; 
	align-items: center;
	position: fixed; 
	top: 0;
	left: 0;
	z-index: 2;
}
.admin-bar .main-header {
	top: 32px;
	padding-left: 8.67px;
	box-sizing: border-box;
}
	.main-header .logo-container {
		height: calc(100% - 10px);
	}
	.main-header .logo {
		height: 100%;
	}
	.main-header .mobile-toggle-container {
		display: none;
	}
	.main-header .mobile-menu {
		display: none;
	}
	.main-header .desktop-menu {
		display: flex;
		height: 100%;
		display: flex; 
		align-items: center;
	}
		.main-header .desktop-menu .dropdown-container {
			position: relative;
			height: 100%;
			display: flex;
			align-items: center;
		}
			.main-header .desktop-menu .dropdown-container a {
				height: 100%;
				position: relative;
			}
				.main-header .desktop-menu .dropdown-container a img {
					width: 13px;
					height: 13px;
					margin-top: 3px;
					margin-left: 5px;
					transition: 0.3s;
				}
					.main-header .desktop-menu .dropdown-container a .arrow-white {
						position: absolute;
						top: 50%;
						margin-top: -5px;
						right: 60px;
						transition: 0.3s;
					}
						.main-header .desktop-menu.right .dropdown-container a .arrow-white {
							right: 0;
						}
						.main-header .desktop-menu .dropdown-container:hover a .arrow-white {
							opacity: 0;
							transition: 0.3s;
						}
			.main-header .desktop-menu .dropdown-container .dropdown-menu {
				position: absolute;
				top: 80px;
				left: -30px;
				width: 230px; 
				padding-top: 0;
				padding-bottom: 0;
				box-sizing: border-box;
				background-color: #006a20;
				overflow: hidden;
				opacity: 0;
				height: 0;
				transition: 0.4s;
				z-index: 10;
			}
				.main-header .desktop-menu .dropdown-container .dropdown-menu.extended {
					padding-top: 23px;
					padding-bottom: 23px;
					opacity: 1;
					transition: 0.4s;
				}
				.main-header .desktop-menu .dropdown-container .dropdown-menu a {
					padding-left: 23px;
					height: unset;
					padding-right: 23px;
					padding-top: 7px; 
					padding-bottom: 7px;
				}
		.main-header .desktop-menu a {
			height: 100%;
			display: flex;
			align-items: center;
			font-size: 17px; 
			font-weight: 600;
			color: white !important;
			transition: 0.3s;
			display: flex; 
		}
			.main-header .desktop-menu a:hover {
				color: rgb(244, 184, 4) !important;
				transition: 0.3s;
			}
		.main-header .desktop-menu.left a {
			padding-right: 60px;
		}
		.main-header .desktop-menu.right a {
			padding-left: 60px;
		}

@media screen and (max-width: 1200px) {
	.main-header .desktop-menu.left a {
		padding-right: 50px;
	}
	
	.main-header .desktop-menu .dropdown-container a .arrow-white {
		right: 50px;
	}
	
	.main-header .desktop-menu.right a {
		padding-left: 50px;
	}
	
	.main-header .desktop-menu.right .dropdown-container a .arrow-white {
		right: 0;
	}
}

@media screen and (max-width: 1024px) {
	.main-header {
		background-color: white;
		border-bottom: 1px #ddd solid;
		padding-left: 0 !important;
	}
	.admin-bar .main-header {
		top: 32px;
	}
	
	.main-header .desktop-menu {
		display: none;
	}
	
	.main-header .mobile-toggle-container {
		position: absolute; 
		height: 100%;
		display: flex;
		cursor: pointer; 	
		left: 40px;
		align-items: center;
		font-size: 18px;
	}
		.main-header .mobile-toggle-container img {
			max-width: 24px;
			margin-right: 10px;
		}
	
	.main-header .mobile-menu {
		display: block;
		position: absolute;
		top: 80px; 
		width: 100%;
		left: 0;
		background-color: rgb(0, 106, 32);
		z-index: 10;
		opacity: 0;
		height: 0;
		overflow: hidden;
		transition: 0.4s;
	}
		.main-header .mobile-menu.extended {
			opacity: 1;
			transition: 0.4s;
			box-sizing: border-box; 
		}
		.main-header .mobile-menu .menu-container {
			margin-left: 20px; 
			margin-right: 20px;
		}
			.main-header .mobile-menu .menu-container a {
				height: 50px;
				width: 100%;
				align-items: center; 
				display: flex;
				font-size: 13px; 
				color: white;
				text-transform: uppercase;
				letter-spacing: 1px;
				font-weight: 600;
				transition: 0.4s;
				border-bottom: 1px white solid;
			}
				.main-header .mobile-menu .menu-container a:first-of-type {
					
				}
				.main-header .mobile-menu .menu-container a:hover {
					color: rgb(255, 187, 0);
				}
				.main-header .mobile-menu .menu-container a:active {
					color: rgb(255, 187, 0);
				}
		.main-header .mobile-menu .menu-container .dropdown-container {
			border-bottom: 1px white solid;
			display: flex;
		}
			.main-header .mobile-menu .menu-container .dropdown-container a {
				width: 100%;
				display: flex;
				position: relative;
				justify-content: space-between;
			}
			.main-header .mobile-menu .menu-container .dropdown-container > a {
				border-bottom: none;
			}
			.main-header .mobile-menu .menu-container .dropdown-container .arrow-container {
				height: 50px;  
				width:  75px;
				display: flex; 
				justify-content: right;
				align-items: center;
				position: relative;
			}
				.main-header .mobile-menu .menu-container .dropdown-container .arrow-container img {
					height: 10px;
					width: 10px;
				}
				.main-header .mobile-menu .menu-container .dropdown-container .arrow-container .arrow-white {
					position: absolute;
					right: 0;
					top: 50%;
					margin-top: -5px;
					transition: 400ms;
				}
					.main-header .mobile-menu .menu-container .dropdown-container .arrow-container .arrow-white.hidden {
						opacity: 0;
						transition: 400ms;
					}
				.main-header .mobile-menu .menu-container .dropdown-menu {
					margin-left: 15px;
					height: 0; 
					overflow: hidden;
					transition: 0.4s;
				}
					.main-header .mobile-menu .menu-container .dropdown-menu.extended {
						transition: 0.4s;
					}
					.main-header .mobile-menu .menu-container .dropdown-menu a {
						font-size: 13px; 
						font-style: italic;
						font-weight: 400;
						text-transform: unset;
						border-top: none;
						border-bottom: 1px white solid;
					}
}

@media screen and (max-width: 780px) {
	.admin-bar .main-header {
		top: 46px;
	}
}

@media screen and (max-width: 480px) {
	.main-header .mobile-toggle-container .text {
		display: none;
	}
}