/*
Theme Name: N2N Theme
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: AP
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.9.1791989399
Updated: 2026-10-14 10:49:59

*/

/* Header and branding */
header#site-header {
	background-color: #dddddd;
	box-shadow:0px -2px 10px #000000;
	margin-bottom:70px;
}

.site-header .site-branding {
	margin: 25px auto;
}

/* page titles hidden */

.page-header .entry-title {
	display: none;
}

.page-content {
	min-height: 75vh;
}

/* Nav stylesd */
nav.site-navigation {
	background-color: #63D297;
	padding: 20px;
	border-radius:25px;
	margin: 20px auto;
}

.site-navigation ul.menu li ul {
	min-width: 100%;
}

.site-navigation ul.sub-menu li ul.sub-menu {
	left: 100%;
}

nav.site-navigation ul.sub-menu {
	background-color: #63D297 !important;
	padding: 2px;
	border-radius:5px;
	box-shadow: 2px 2px 5px #000000;
}

nav.site-navigation ul.sub-menu li:hover {
	background-color: #000000;
}

nav.site-navigation ul.sub-menu li:hover a {
	color: #ffffff;
}

.site-navigation-toggle-holder button span {
	color: #fff !important;
}

/* top level pseudo icons */
#menu-site-menu > li.menu-item-has-children::after {
transform: translateY(0) rotate(0deg) !important;
}

/* all other pseudo icons */
.site-navigation ul.menu li.menu-item-has-children::after {
	transform: translateY(0) rotate(-90deg) !important;
}

/* footer */
footer#site-footer {
	background-color:#000000;
	color: #ffffff;
	font-weight:bold;
	padding: 60px;
	margin-top: 50px;
}


/* mobile nav */
.site-navigation-toggle-holder {
	position:absolute;
	top: 30%;
	right: 5%;
}

/* mobile styles */
@media screen and (max-width: 768px) {
	
	.site-header .site-branding {
		margin: 25px 10px 25px 50px;
	}
	
	.site-header.header-stacked .header-inner {
		align-items: flex-start !important;
		text-align: left !important;
	}
	
}