﻿/*#region Notes*/

/* 
Menu widths ate in the pl.css and pl####.css files
*/

/*#endregion*/

/*#region Wrappers*/

.row-menu
{
	padding: 0 10px;
}

.row-menu-holder
{
}

.row-menu
{
}

/*#endregion*/

/*#region Main Menu */

.main-menu
{
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	z-index: 7;
	font-size:1.15em;
}

.main-menu ul
{
	list-style: none;
}

.main-menu li
{
	vertical-align: middle;
	margin-left: 0;
}

.main-menu li a
{
	color: #3d4d5d;
}

.main-menu > ul
{
	width:100%;
	display:table;
	table-layout:fixed;
	position: relative;
}

.main-menu > ul > li
{
	display:table-cell;
	width:100%;
	height:65px;
	float:none;
	background-color:#3d4d5d;
	vertical-align:top;
}

.main-menu-items > ul > li:hover,
.main-menu-items > ul > li > a:hover
{
	background-color: #516476;
}

.menulinkactive
{
	background-color: #516476;
}

.main-menu > ul > li > a
{
    display:block;
	text-align:center;
	color:#fff;
	line-height: 1.1em;
}

.main-menu > ul > li:nth-of-type(n+1)
{
	border-left:1px solid #33414f;
}

.main-menu-items
{
	/*top: 50px;
*/}

.main-menu-items .main-menu-sub
{
	visibility: hidden;
	position: absolute;
	left:0;
	top:100%;
	z-index: 9999;
	-webkit-box-shadow: 0 3px 3px 3px rgba(0,0,0,0.05);
	box-shadow: 0 3px 3px 3px rgba(0,0,0,0.05);
	opacity:0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.main-menu-items li:hover .main-menu-sub
{
	visibility: visible;
	opacity:1;
}

/*#endregion*/

/*#region Sub Menu */
.main-menu-items > li:hover > a
{
	background-color:#516476;
}

.main-menu-items > li:hover > a,
.main-menu-items > li > a 
{
	position:relative;
}

.main-menu-items > li > a 
{
    height:100%;
    overflow:auto;
	border-top:0.3em solid transparent;	
}
.main-menu-items > li.has-sub-menu
{
    -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.main-menu-items > li.has-sub-menu:hover
{
    background-color:#516476;
}

.main-menu-items > li.has-sub-menu:hover > a,
.main-menu-items > li.has-sub-menu:focus > a,
.main-menu-items > li.has-sub-menu > a.is-active  
{
	border-top:0.3em solid #17a4ad;
}

.main-menu-items > li.has-sub-menu:hover > a:before,
.main-menu-items > li.has-sub-menu:focus > a:before,
.main-menu-items > li.has-sub-menu > a.is-active :before 
{
	content:'';
	border-width:6px;
	border-style:solid;
	border-color:#17a4ad transparent transparent;
	position: absolute;
	left:50%;
	top:0px;
	margin-left:-3px;
}

.main-menu-items > li > a > span
{
    display:block;
    padding:1.0em 0.2em 0;
}


.main-menu-sub
{
	background-color: #fff;
	min-width: 100px;
	position: relative;
}

.main-menu-sub-mega
{
	width:100%;
}

.main-menu-sub li
{
	margin: 0;
	float: none;
	cursor: pointer;
}

.main-menu-sub li a
{
	height: auto;
	line-height: normal;
	float: none;
	padding:5px 0;
	font-size:0.9em;
	line-height:1.5em;
}

.main-menu-sub li a:hover,
.main-menu-sub li a:focus
{
	color:#17a4ad;
	text-decoration: underline;
}

.main-menu-sub-close
{
	position:absolute;
	top:0;
	right:10px;
	padding:10px;
	font-size:1.2em;
}

.megamenu-col
{
	padding:25px 10px 25px 25px;
	width:25%;
	float:left;
}
.main-menu-sub-mega .megamenu-title a,
.megamenu-title,
.megamenu-title a
{
	color:#17a4ad;
}
.main-menu-sub-mega .megamenu-title a:hover,
.main-menu-sub-mega .megamenu-title a:focus,
.megamenu-title a:hover,
.megamenu-title a:focus
{
	color:#3d4d5d;
}

.megamenu-title
{
	font-size:1.14em;
	font-weight:400;
}

.megamenu-list
{
	margin:1em 0 0;
}

.megamenu-textad,
.megamenu-textad:link,
.megamenu-textad:visited
{
	width:100%;
	float:left;
	padding:10px 20px 10px 25px;
	background-color:#edf3f4;
	color:#17a4ad;
	height:60px;
}

.megamenu-textad {
	text-align: justify;
	
}

.megamenu-textad:after 
{
	content:'';
	width:100%;
	height:1px;
	display:inline-block;
}

.textad-text
{
	display:inline-block;
	margin:12px 25px 12px 0;
	font-size:1.5em;
}


.textad-issue
{
	text-transform: uppercase;
}

.textad-magazine:before,
.textad-medium:before
{
		margin-right:5px;
}

.textad-magazine:before
{
	content:'//';
}

.textad-medium:before
{
	content:'-';
}

.textad-button
{
	float:right;
	font-size:1.25em;
	color:#17a4ad;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.megamenu-textad:hover .textad-button,
.textad-button:hover
{
	border-color:#2dc2cb;
	background-color:#2dc2cb;
	color:#edf3f4;
}
/*#endregion*/

/*#region Scroll / Fixed */

.main-menu-scroll
{
	position: fixed;
	top: 0;
	width: 100%;
}

.main-menu-scroll .main-menu
{
	height: 25px;
}
.main-menu-scroll .main-menu-items li a
{
	padding-bottom: 0;
	padding-top: 0;
}

.main-menu-scroll .main-menu-sub
{
	top: 25px;
}

/*#endregion*/

/*#region Fonts */

/*
Non Page Manager fonts only
No padding, positioning, margins, etc
*/


/*#endregion*/

/*#region Media Calls */
@media all and (min-width: 768px) and (max-width: 1080px)
{
	/*.main-menu > ul > li > a
	{
		width:100%;
		display:table;
	}
	
	.main-menu > ul > li > a span
	{
		display:table-cell;
		vertical-align:middle;		
	}*/
}

@media all and (min-width: 768px)
{
	/*#region Main Menu */
	
	.row-menu .main-menu-items
	{
		display:table!important;
	}
	
	.sub-nav-menu-items
	{
		display: block !important;
	}
    
	/*#endregion*/

	/*#region Sub Menu */

	

	/*#endregion*/
}

@media all and (max-width: 767px)
{
    .main-menu-items > li > a > span
    {
        padding:0;
        overflow:visible;
    }
	/*#region Wrappers */

	.row-menu
	{
		width: 100%;
		margin: 0;
		padding-left: 0;
		padding-right: 0;
	}

	/*#endregion*/

	/*#region Main Menu */
	
	.main-menu
	{
		padding:0;
	}
	
	.main-menu > ul
	{
		display:block;
	}
	
	.main-menu-button
	{
		display: block !important;
		float: right;
	}

	.main-menu-items
	{
		width: 100%;
		position: absolute;
		z-index: 1;
		left: 0;
		float: left;
		margin-top: 0;
		margin-left: 0;
		background-color: #e7e7e7;
	}
	
	/*.row-menu .main-menu-items
	{
		display:none;
	}*/
	
	.main-menu > ul > li
	{
		border-bottom:1px solid #33414f;
	}
	
	.main-menu > ul > li:nth-of-type(n+1) > a
	{
		border-left:none;
	}
	
	.main-menu > ul > li > a
	{
		text-align: left;
		padding:15px 20px 16px;
	}
	
	.main-menu-items > li.has-sub-menu:hover > a,
	.main-menu-items > li.has-sub-menu:focus > a,
	.main-menu-items > li.has-sub-menu > a
	{
		padding-top:15px;
	}
	
	.main-menu-items > li.has-sub-menu:hover > a:before,
	.main-menu-items > li.has-sub-menu:focus > a:before,
	.main-menu-items > li.has-sub-menu > a:before
	{
		left:20px;
		margin-left:0;
	}
	
	.main-menu-items > li:hover > a,
	.main-menu-items > li > a
	{
			background-color:transparent;
	}
	
	.submenu-toggle
	{
		position:absolute;
		top:0;
		right:0;
		background-color:#33414f;
		font-size:1.2em;
		width:48px;
		height:48px;
		line-height:48px;
		text-align:center;
	}
	
	.submenu-toggle:after
	{
		font-family: FontAwesome;
		content:"\f107";
	}
	
	.main-menu-sub
	{
		max-height:0;
		overflow: hidden;
	}
	
	.submenu-show > a
	{
		background-color:#516476!important;
	}

	.submenu-show .main-menu-sub 
	{
		max-height:1000px;
	}
	
	.submenu-show .submenu-toggle:after
	{
		content:"\f106";
	}
	
	.main-menu-items a
	{
		display: block;
	}

	.main-menu-items li
	{
		width: 100%;
		float: none;
		margin: 0;
		
	}
	
	
	/*#endregion*/

	/*#region Sub Menu */
	
	.main-menu-items .main-menu-sub
	{
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	
	.megamenu-col
	{
		width:100%;
		padding:10px 20px;
	}
	
	.megamenu-col:first-of-type
	{
		padding-top:13px;
	}
	
	.megamenu-col:last-of-type
	{
		padding-bottom:20px;
	}
	
	.megamenu-list
	{
		margin-top:0.5em;
	}
	
	.main-menu-items li .main-menu-sub
	{
		position:relative;
		visibility: visible;
		opacity:1;
	}
	
	 .main-menu > ul > li
	 {
		display:block;
	}
	
	.main-menu-sub > li > a
	{
		height: 40px;
		line-height: 40px;
	}
	
	.main-menu .megamenu-textad
	{
		display:none;
	}

	/*#endregion*/

	/*#region Scroll / Fixed */



	/*#endregion*/

	/*#region Font Changes */

	.main-menu-sub > li > a
	{
		font-size: 15px;
	}

	/*#endregion*/

}

/*#endregion*/