:root {
  --white: #ffffff;
  --black: #000000;
}

*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	 /*   font-family: "Lato";*/
}
/*main-menu start*/
#sf-tm-id-header {
	width: 100%;
	padding: 3px 10px;
	background-color:white;
	margin:0px;
	
	& .logo{
		max-height:60px;
		max-width:200px;
		padding:5px 0;
	}
		
	& #navbarmenuitems ul li a{
		color: var(--black);
		font-weight: 300;
		font-size: 15px;
		padding: 0px 10px;
		text-decoration: none;
	}

	& .btn-get-involved{
		background-color:#023020;
		color:white;
		font-size: 15px;
		padding: 5px 10px;
	}

	& #navbarmenuitems ul li a:hover{
		color: #023020;
	}

	& #navbarmenuitems ul li.active .nav-link{
		color:#8B0000;
	}
	
	.nav-link.active {
	  color: white;
	}

	& #navbarmenuitems ul .dropdown-menu .dropdown-item{
		font-weight: 400;
		font-size: 16px;
		padding: 7px 5px 7px 7px;
		opacity:0.8;
		text-decoration: none;
	}

	& #navbarmenuitems ul .dropdown-menu .dropdown-item:hover{
		color: white;
		background-color: #023020;
	}

	& .sf-tm-cl-header-menu-icon i.fa-solid {
		font-size: 26px;
		padding: 2px;
		color: var(--black);
	}

	& #navbarmenuitems .megamenu-li {
		position: static;
	}

	& #navbarmenuitems .megamenu {
		padding: 20px;
		border-radius: 5px;
	}

	& #navbarmenuitems .last-drop-down-menu-adjust {
		padding: 20px;
		border-radius: 5px;
		margin-left:-100px;
	}

	& #navbarmenuitems .megamenu h2{
		padding: 7px 10px;
		font-size: 16px;
		font-weight: 500;
		color: var(--black);
	}

	& #navbarmenuitems .dropdown:hover .dropdown-menu {
	  display: block;
	}

	& #navbarmenuitems .dropdown-menu {
	  display: none;
	  position: absolute;
	  z-index: 1;
	  height: auto;
	  overflow-x: hidden;
	}

	& .offcanvas{
		margin-top:0px;
	}
	/*wm business template off canvas start*/
	& .offcanvas .offcanvas-header .offcanvas-logo-box .logo_text{
		color: #023020;
		font-size:20px;
	}

	& .offcanvas .navbar-nav li{
		padding: 5px 0;
		margin: 0;
	}
	& .offcanvas .navbar-nav li a{
		padding: 0;
		margin: 0;
	}

	& .offcanvas .navbar-nav li a:hover{
		color: #023020;
	}

	& .offcanvas .navbar-nav li .divider{
		padding: 0;
		margin: 0;
	}

	& .offcanvas .offcanvas-body .offcanvasnavbar-contact-box{
		padding-top: 10px;
		padding-bottom: 10px;
	}

	& .offcanvas .offcanvas-body .offcanvasnavbar-contact-box .offcanvasnavbar-contact-box-item{
		padding-top: 5px;
		padding-bottom: 5px;
	}

	& .offcanvas .offcanvas-body .offcanvasnavbar-contact-box .offcanvasnavbar-contact-box-item a{
		color: black;
		font-size: 14px;
		text-decoration: none;
	}

	& .offcanvas .offcanvas-body .offcanvasnavbar-contact-box .offcanvasnavbar-contact-box-item span{
		color: var(--black);
		opacity: 0.9;
		font-size: 14px;
	}

	& .offcanvas .offcanvas-body .offcanvasnavbar-contact-box .offcanvasnavbar-contact-box-item:hover span{
		color: #023020;
	}

	& .offcanvas .offcanvas-body #offcanvasnavbar-social-icons{
		list-style: none;
		color: var(--white);
		padding: 0;
		margin: 10px 0;
	}

	& .offcanvas .offcanvas-body #offcanvasnavbar-social-icons li {
		display: inline-block;
		padding-right: 10px;
	}

	& .offcanvas .offcanvas-body #offcanvasnavbar-social-icons li a{
		color: var(--black);
		font-size: 18px;
		text-decoration: none;
	}

	& .offcanvas .offcanvas-body .dropdown-menu{
		border:0px;
		outline:0px;
	}

	& .offcanvas .offcanvas-body .dropdown .dropdown-menu .dropdown-submenu {
		padding: 0 15px;
	}

	& .offcanvas .offcanvas-body .dropdown .dropdown-menu .dropdown-submenu a{
		padding: 10px 0;
	}

	#sf-tm-id-header .offcanvas .offcanvas-body .dropdown .dropdown-menu  .dropdown-submenu ul{
		padding: 0 15px;
	}

	&.offcanvas .offcanvas-body .dropdown .dropdown-menu  .dropdown-submenu ul a{
		padding: 0px;
	}

	&.offcanvas .offcanvas-body .dropdown .dropdown-inner-menu{
		padding: 0 15px;
	}
}
/*main-menu end*/

.sf-tm-cl-footer{
	padding:0px;
	margin:0px 0px 0px 0px;
	background-color:#F5F5F5;
   
	& .sf-tm-cl-main-box{
		padding:60px 0px 20px 0px;
		
		& .sf-tm-cl-content{
			padding:0px 0px;
			
			& .sf-tm-cl-title{
				color:#023020;
				font-size:25px;
			    font-weight:500;
			}
			
			& .sf-tm-cl-info{
				font-size:16px;
				color:#000000;
				font-weight:300;
				text-align:justify;
				padding:0px;
				margin-bottom:30px;
			}
				
			& .sf-tm-cl-contact-box{
				margin-top:10px;
				margin-bottom:30px;
				
				& .sf-tm-cl-contact-box-item{
					padding-top: 5px;
					
					& a{
						color: #023020;
						font-size: 15px;
						text-decoration: none;
					}

					& span{
						color: var(--black);
						opacity: 0.9;
						font-size: 14px;
					}
				}
			}
			
			
			& #sf-tm-cl-social-icons{
				list-style: none;
				color: #023020;
				padding: 0px;
				margin: 10px 0px;
				
				& li {
					display: inline-block;
					padding-right: 10px;
					
					& a{
						color: #023020;
						font-size: 20px;
						text-decoration: none;
					}
				}
			}
		}
		
		& .sf-tm-cl-copy-right-info{
			font-size:14px;
			color:#000000;
			font-weight:300;
			text-align:justify;
		}
	}
}