@charset "utf-8";
/* ====:: FILE INFO ::====
	@filename		: navigation.css
	@package		: Templates.absp : ABS-CBN Holdings ( Joomla 3.x )
	@subpackage	    : Website Menus Stylesheet
	@version		: 15.Apr.2020  |  Joel Quinto
	©2018 Coffee Cup New Media Studios, Inc. All rights reserved.
	===================== */



/* :: GENERAL MENU STYLES :: */

.nav { margin: 0; padding: 0; }
	.nav li { margin: 0; padding: 0; }



/* :: MAIN MENU :: */
#main-menu { position: relative; }
	/* :: Top-Level Items :: */
	.main-menu li {
		display: inline-block;
		margin: 0; padding: 0;
	}
		.main-menu li a,
        .main-menu li span.nav-header {
			display: block;
			padding: 0 15px;
			font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 38px; font-weight: 600; color: rgb(255,255,255); text-shadow: none; text-transform: uppercase;
		}
		.main-menu li a:hover, .main-menu li a:active, .main-menu li a:focus,
        .main-menu li span.nav-header:hover {
			cursor: pointer;
			background: rgba(0,0,0,0) !important;
			color: rgb(128,196,255) !important; text-decoration: none !important;
		}
		.main-menu li.active>a { color: rgb(32,128,236); }
/* :: Sub-Menus :: */
	.main-menu>li.parent { position: relative; }
		.main-menu ul.nav-child {
			max-height: 0; min-width: 270px; position: absolute; top: 38px; left: 0; overflow: hidden; z-index: 5;
			padding: 0;
			background-color: rgba(255,255,255,0.85);
			-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.05); -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.05); box-shadow: 0px 0px 6px rgba(0,0,0,0.05);
			-webkit-transition-property: max-height; -webkit-transition-duration: 0.35s;
			   -moz-transition-property: max-height; -moz-transition-duration: 0.35s;
				 -o-transition-property: max-height; -o-transition-duration: 0.35s;
		}
		.main-menu>li.parent:hover>ul.nav-child,
		.main-menu ul.nav-child:hover { max-height: 300px; }
	.main-menu ul.nav-child li { display: block; }
		.main-menu ul.nav-child li a,
		.main-menu ul.nav-child li span.nav-header {
			display: block;
			font-size: 13px; line-height: 32px; color: rgb(51,51,51);
		}
		.main-menu ul.nav-child li:first-of-type a, .main-menu ul.nav-child li:first-of-type span { padding-top: 6px; }
		.main-menu ul.nav-child li:last-of-type a, .main-menu ul.nav-child li:last-of-type span { padding-bottom: 6px; }
		.main-menu ul.nav-child li a:hover, .main-menu ul.nav-child li a:active, .main-menu ul.nav-child li a:focus,
        .main-menu ul.nav-child li span.nav-header:hover {
			background-color: rgba(0,0,0,0.1) !important;
			color: rgb(0,0,0) !important;
		}



/* :: DOWNLOAD MENUS :: */
.downloads-menu { position: relative; }
	/* :: Top-Level Items :: */
	.downloads-menu li {
		display: inline-block;
		margin: 0; padding: 0;
	}
		.downloads-menu li a,
        .downloads-menu li span.nav-header {
			display: block;
			padding-right: 20px;
			font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 26px; font-weight: 600; color: rgb(32,128,236); text-shadow: none; text-transform: uppercase;
		}
		.downloads-menu li a:hover, .downloads-menu li a:active, .downloads-menu li a:focus,
        .downloads-menu li span.nav-header:hover {
			cursor: pointer;
			background: rgba(0,0,0,0) !important;
			color: rgb(128,196,255) !important; text-decoration: none !important;
		}
		.downloads-menu li.active>a { color: rgb(0,0,0); }



/* :: SIDEBAR MENU :: */

.nav.sidebar-menu { position: relative; }
	.nav.sidebar-menu li { list-style: none; }
		.nav.sidebar-menu li a,
		.nav.sidebar-menu li span.nav-header {
			display: block;
			padding: 0 18px;
			font-family: "Montserrat", sans-serif; font-size: 17px; line-height: 32px; font-weight: 600; color: rgb(51,51,51); text-shadow: none; text-transform: uppercase;
		}
		.nav.sidebar-menu li a:hover,
		.nav.sidebar-menu li a:active,
		.nav.sidebar-menu li a:focus {
			background-color: rgba(0,0,0,0.1) !important;
			color: rgb(0,0,0) !important;
		}
		.nav.sidebar-menu>li span.nav-header { padding-bottom: 4px; border-bottom: 1px solid rgba(0,0,0,0.15); }
	/* :: Sub-Menus :: */
	.nav.sidebar-menu>li.parent { position: relative; }
	.nav.sidebar-menu ul.nav-child {
		max-height: 1000px; overflow: hidden;
		padding: 0;
		-webkit-transition-property: max-height; -webkit-transition-duration: 0.35s;
		   -moz-transition-property: max-height; -moz-transition-duration: 0.35s;
			 -o-transition-property: max-height; -o-transition-duration: 0.35s;
	}
	.nav.sidebar-menu>li.parent:hover>ul.nav-child,
	.nav.sidebar-menu ul.nav-child:hover { max-height: 300px; }
	.nav.sidebar-menu ul.nav-child li { display: block; }
	.nav.sidebar-menu ul.nav-child li a,
	.nav.sidebar-menu ul.nav-child li span.nav-header { font-size: 13px; line-height: 28px; color: rgb(51,51,51); }
	.nav.sidebar-menu ul.nav-child li:first-of-type a, .main-menu ul.nav-child li:first-of-type span { margin-top: 10px; }
	.nav.sidebar-menu ul.nav-child li:last-of-type a, .main-menu ul.nav-child li:last-of-type span { margin-bottom: 5px; }
	.nav.sidebar-menu ul.nav-child li a:hover, .main-menu ul.nav-child li a:active, .main-menu ul.nav-child li a:focus,
	.nav.sidebar-menu ul.nav-child li span.nav-header:hover {
		background-color: rgba(0,0,0,0.1) !important;
		color: rgb(0,0,0) !important; text-decoration: none;
	}

		

/* :: FOOTER MENU :: */

/* :: Top-Level Items :: */
.footer-menu { }
	.footer-menu>li { display: inline-block; }
		.footer-menu li a,
		.footer-menu li span.nav-header {
			display: block;
			padding: 0 9px;
			font-family: "Montserrat", sans-serif; font-size: 13px; line-height: 32px; font-weight: 600; color: rgb(255,255,255); text-shadow: none; text-transform: uppercase;
		}
		.footer-menu li a:hover, .footer-menu li a:active, .footer-menu li a:focus {
			background-color: transparent;
			color: rgb(128,196,255) !important; text-decoration: none !important;
			cursor: pointer;
		}
		.footer-menu li.active>a { color: rgb(32,128,236); }



/* :: SLIDE MENU :: */
#slide-menu { }
	#slide-menu>li { width: 100%; display: block; }
		#slide-menu>li a,
		#slide-menu>li span.nav-header {
			width: 100%; display: block;
			padding: 3px 0 2px;
			font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 24px; font-weight: 600; color: rgb(255,255,255); text-shadow: none; text-transform: uppercase;
		}
			#slide-menu>li>ul.nav-child { padding-bottom: 6px; }
			#slide-menu ul.nav-child li a,
			#slide-menu ul.nav-child li span.nav-header { font-size: 12px; line-height: 16px; }
			#slide-menu ul.nav-child li ul.nav-child li { display: inline-block; }
			#slide-menu ul.nav-child li ul.nav-child li a,
			#slide-menu ul.nav-child li ul.nav-child li span.nav-header { margin-right: 15px; }

		#slide-menu li a:hover, #slide-menu li a:active, #slide-menu li a:focus,
		#slide-menu li span.nav-header:hover {
			cursor: pointer;
			background: rgba(0,0,0,0) !important;
			color: rgb(128,196,255) !important; text-decoration: none !important;
		}
		#slide-menu li.active>a { color: rgb(32,128,236); }



/* :: RESPONSIVE CONTENT AREA SETTINGS :: */

/* :: Small Displays :: */
@media (max-width: 575px) {
	#icon-nav, #slide-menu { visibility: visible; display: block; }
	#main-menu { visibility: hidden; display: none; }
	.nav.sidebar-menu ul.nav-child { max-height: 0; min-width: 100%; }
}
@media (min-width: 576px) {
	#icon-nav, #slide-menu { visibility: visible; display: block; }
	#main-menu { visibility: hidden; display: none; }
	.nav.sidebar-menu ul.nav-child { max-height: 0; min-width: 100%; }
}

/* :: Medium Displays :: */
@media (min-width: 768px) {
	#icon-nav, #slide-menu { visibility: hidden; display: none; }
	#main-menu { visibility: visible; display: block; }
	.main-menu li a, .main-menu li span.nav-header {
		padding: 0 12px;
		font-size: 13px;
	}
}
@media (min-width: 992px) {
	.nav.sidebar-menu ul.nav-child { max-height: 1000px; }
}

/* :: Large Displays :: */
@media (min-width: 1025px) {
	.main-menu li a, .main-menu li span.nav-header {
		padding: 0 15px;
		font-size: 14px;
	}
}
@media (min-width: 1200px) {
}
@media (min-width: 1600px) {
}