@charset "UTF-8";

/* ------------ nav ------------ */
     
nav#global-nav {
	width: auto;
	height: auto;
	padding: 0;
	border-top: 1px solid #710014;
	border-bottom: 1px solid #3c0f17;
}
	nav#global-nav ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	
		width: 100%;
		height:80px;
		margin: 0 auto;
		padding: 0;

	}
	nav#global-nav ul li {
		flex: 1 0 0%;
		height: 80px;
		position: relative;
		border-left:1px solid #3c0f17;
	}
		nav#global-nav ul li:last-child {
			border-right:1px solid #972e41;
		}


	nav#global-nav ul li a {
		display: flex;
		align-items: center;
		justify-content: center;

		font-size: 16px;
		height:80px;
		color: #fff;
		font-weight: bold;
		list-style: none;
		text-decoration: none; 
		text-align: center;
		
		position: relative;
		
		border-top:1px solid #aa4153;
		border-left:1px solid #aa4153;
		}
		nav#global-nav ul li#menu-item-42 a {
			border-right:1px solid #3c0f17;		
		}

	/*  Hover Effect  */
		nav#global-nav ul li a::after {
		  border-bottom: solid 4px #d1ad32 ;
		  position: absolute;
		  bottom: 0;
		  left: 0;
		  content: '';
		  width: 100%;
		  height: 2px;
		  background: #333;
		  transform: scale(0, 1);
		  transform-origin: center top;
		  transition: transform .3s;
		}
		nav#global-nav ul li a:hover::after {
		  transform: scale(1, 1);
		}



nav#global-nav ul li.current-menu-item {
	background: #9A001B;
}
nav#global-nav ul li.current-menu-parent,
nav#global-nav ul li.current-menu-item { /*  current-menu-ancestor  */
	 background: url(../images/nav-active.png) repeat-x center bottom!important;
}
	nav#global-nav ul li ul.sub-menu li.current-menu-item {
		background: #9A001B;
	}
	nav#global-nav ul li ul li.current-menu-item { /*  exsist on current page  */
		background: #9A001B;
	}
		nav#global-nav ul li ul.sub-menu li.current-menu-item a {
        	 background: #9A001B;
		}


/* dropDown */

	nav#global-nav ul li ul {
		/*position: absolute;*/
		display: block;
		/*top: 80px;/* same this size to upper ul height */

		/* centering*/
		/*left: 0;
		right: 0;*/
		margin: auto;
		padding: 0;
		width: 100%;

		z-index: 100;
		font-weight: normal;
	}
	nav#global-nav ul li ul li {
		visibility: hidden;
		overflow: hidden;
		width: 100%;
		height: 0;
		background-color: rgba(65, 21, 29, 0.8); /* #41151d */
        border: 0;
	}
		nav#global-nav ul li ul li a {
        	border: 0;
		}
	nav#global-nav ul li:hover ul li,
	nav#global-nav ul li a:hover ul li {
		visibility: visible;
		overflow: visible;
		height:80px;
		z-index: 10;
	}




/* ------------------------------ footer-nav ------------------------------ */
	
nav#footer-nav {
	display: block;
	width: 100%;
	height: auto;
	padding: 20px;
}
	nav#footer-nav ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	
		width: 1120px;
		height: auto;
		margin: 0 auto;
		padding: 0;

	}
	nav#footer-nav ul li {
		flex: 1 0 0%;
		height: auto;
		position: relative;
	}
		nav#footer-nav ul li:last-child {
			/*border-right: 0;*/
		}


	nav#footer-nav ul li a {
		display: flex;
		align-items: center;
		justify-content: center;

		font-size: 13px;
		height: auto;
		color: #fff;
		font-weight: normal;
		list-style: none;
		text-decoration: none; 
		text-align: center;
		
		position: relative;
		padding: 20px;
		}

	/*  Hover Effect  */
		nav#footer-nav ul li a::after {
		  border-bottom: solid 4px #d1ad32 ;
		  position: absolute;
		  bottom: 0;
		  left: 0;
		  content: '';
		  width: 100%;
		  height: 2px;
		  background: #333;
		  transform: scale(0, 1);
		  transform-origin: center top;
		  transition: transform .3s;
		}
		nav#footer-nav ul li a:hover::after {
		  transform: scale(1, 1);
		}



nav#footer-nav ul li.current-menu-ancestor {
	
}

nav#footer-nav ul li.current-menu-item a { /*  current-menu-ancestor  */
	 background: #870015;
}
	nav#footer-nav ul li ul.sub-menu li.current-menu-item {
	}
	nav#footer-nav ul li ul li.current-menu-item { /*  exsist on current page  */
	}
		nav#footer-nav ul li ul.sub-menu li.current-menu-item a {
        	 
		}


	/* no dropDown */

		nav#footer-nav ul li ul {
			display: block;
			margin: auto;
			padding: 0;
			width: 100%;
			height: auto;
		}
		nav#footer-nav ul li ul li {
			width: 100%;
			height: auto;
			font-size: 11px;
		}
		nav#footer-nav ul li ul li a {
			display:flex;
			align-items: center;
			justify-content: center;
			font-weight: bold;
		}




/* ---------- footer-subnav ---------- */


		#footer nav#footer-subnav {
			clear: both;
			width:600px;
			height: auto;
			margin :0 auto;
			padding: 20px 0;
		}

			#footer nav#footer-subnav ul {
				display:flex;
				align-items: center;
				justify-content: space-around;
				margin :0 auto;
				padding: 0;
			}

			#footer nav#footer-subnav ul li {
				width: auto;
				height: auto;
				font-size: 11px;
			}

			#footer nav#footer-subnav ul li a {
				display: block;
				text-decoration:none;
				color: #fff;
				padding: 20px;
			}
			#footer nav#footer-subnav a:hover {
				color: #BBE2E2;
				text-decoration: underline;
			}




	@media screen and (max-width:768px) {
	
		/* ---------- footer-nav ---------- */

			#footer nav#footer-nav {
				display:block;
				height: auto;
				margin :0;
				padding: 0 0 0;
				font-size:12px;
				line-height:1.2;
				border-top: 1px solid #ccc;
			}


				nav#footer-nav ul {
					display: block;
					width: 100%;
					margin :0 auto;
					padding:0;
				}
					nav#footer-nav ul:first-child {
						border-top: 1px solid #ccc;
					}

				nav#footer-nav ul li {
					display: block;
					text-align: center;
				}
					nav#footer-nav ul li ul {
					}
				
					nav#footer-nav ul li ul li {
						font-weight: normal;
					}
						nav#footer-nav ul li ul li:last-child {
							border-bottom: 0;
						}
					nav#footer-nav ul li ul li a {
						font-weight: normal;
					}
					



		#footer nav#footer-subnav {
			clear: both;
			width:100%;
			height: auto;
			margin :0 auto;
			padding: 0;
		}

			#footer nav#footer-subnav ul {
				display:block;
				margin :0 auto;
				padding: 0;
			}

			#footer nav#footer-subnav ul li {
				width: auto;
				height: auto;
				font-size: 11px;
			}

			#footer nav#footer-subnav ul li a {
				display: block;
				text-decoration:none;
				color: #fff;
				padding: 20px;
				text-align: center;
			}
			#footer nav#footer-subnav a:hover {
				color: #BBE2E2;
				text-decoration: underline;
			}




		#footer-sub {
				display:block;
				padding:60px 20px;
			}
	
	} /* /@media */







/* ---------- sidebar sidenav ---------- */
/* rightside on entry.css  */

#sidenav {
	width:320px;
	height:auto;
	
	/* fix navgations need id marking :#  */
	top:20px;
	position: -webkit-sticky;
	position: sticky;
}
#sidenav ul {
	margin: 0;
	padding:0;
	list-style:none;
}
#sidenav ul li {
	position: relative;
	margin: 0;
	list-style:none;
}
	#sidenav ul li:last-child {
		position: relative;
		margin: 0;
		list-style:none;
	}
	#sidenav ul li a {
	display:block;
	width:100%;
	height:auto;
	font-size:12px;
	line-height:1;
	margin: 0 0 8px 0;
	padding:28px 16px;
	color: #333;
	list-style:none;
	text-decoration:none;
	border: 1px solid #ccc;
}
	#sidenav ul li a:hover {
		font-weight: bold;
		background: #ccc;
	}

		#sidenav ul li.current_page_item a {
			color: #333;
			font-weight: bold;
            background: #f2f2f2;
		}
			#sidenav ul li.current_page_item a::before {
				content: ">>";
				margin-right: 8px;
			}




	@media screen and (max-width:768px) {

		#sidenav {
			width:100%;
			height:auto;
			position: static;
		}
	}