/*******************
NAV CONTAINER
*******************/
#wrapper {
	position: relative;
	width: 100%;
}
#sticky {
	box-shadow: 0px 8px 10px rgba(0,0,0,0.20);
	
}
#sticky.fixed {
	position: fixed!important;
	left:0px; top:0px;
	z-index: 200;
	width:100%;
	box-shadow: 0px 8px 10px rgba(0,0,0,0.15);
}
@media (max-width: 1200px) {
	#wrapper {
		position: relative!important;
		left:0px; top:0px;
		z-index: 950;
		padding-bottom: 0px!important;
	}
	#sticky.fixed {
		position: relative!important;
		left:0px; top:0px;
		z-index: 200;
		width:100%;
		box-shadow: none;
	}
}

/*******************
LANGUAGE SELECTOR
*******************/
#langSelector {
	background: #fff;
}
#langSelector.extraPad {
	margin-bottom: 150px;
}
#langSelectIntroMobile, 
#langSelectIntro, 
#langSelector, 
#langSelector a { 
	color: #4d5c63; 
	font-family: 'Source Sans Pro', 
	sans-serif; 
	font-weight: normal; 
	font-size: 15px; 
	text-decoration: none; 
	text-transform: none;
}
#langSelectIntroMobile, 
#langSelectIntro, 
#langSelectMenu { 
	text-align: right; 
	border-right: solid 1px #d5d5d7; 
	padding-left: 10px; 
	padding-right: 25px; 
	padding-top:10px;
	padding-bottom: 10px;
}
#langSelectMenu .desc { 
	font-size: 13px;
	font-family: 'Source Sans Pro';
	font-weight: 600!important;
	margin-right: 4px;
}
#langSelectIntroMobile,
#langSelectIntro { 
	height:50px;
	padding-top:16px;
	padding-bottom: 10px;
	float: right;
}

#langSelectIntroMobile { display: none; }

#langSelectMenu { 
	height:50px;
	float: right;
	position: relative;
}
#langSelector .dropdown-menu a { 
	display: block;
	font-weight: 700; 
	padding-top: 5px;
	padding-bottom: 5px;
}
#langSelector a img { 
	margin-left: 5px; 
	margin-top: -3px;
}
#langMenu { 
	background-color: #ededed; 
	margin-top: -1px; 
	border-radius: 0px; 
	padding: 10px 20px; 
}
#langMenu a { 
	text-transform: uppercase;
	font-size: 15px; 
	font-weight: 700;
}
#langMenu a:hover span,
#langMenu a:focus span { 
	border-bottom: solid 4px; 
}
#langMenu a img { 
	margin-left: 5px;
}
.langMenuOption { 
	text-align: right; 
}
.dropdown-menu.pull-right {
    right: -1px;
    left: auto;
}
#langSelectMenu a .caret {
	display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 5px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    margin-left:5px;
}

/* Temporarily remove country selection */
/*#langSelectMenu{
	display:none;
}*/

/*set for col-md width and below... */
@media (max-width: 1025px) {
	#langMenu { left: 50%; right: auto; margin-left: -83px;}
	#langSelectIntro { display: none; }
	#langSelectIntroMobile { display: block; }
}

@media (max-width: 1200px) {
	#langSelector > .container {
	    width: 100%;
	}
	/*#langSelectIntroMobile, 
	#langSelectIntro, 
	#langSelectMenu .desc { 
		font-size: 11px;
	}*/
	
	#langSelectMenu { 
		padding-right: 0px;
	}
	#langSelectIntroMobile { 
		text-align: left;
		padding-right: 0px;
		white-space: nowrap;
		overflow: hidden;
		width: auto;
	}
	.langMenuOption { 
		margin-bottom: 3px; 
	}
	#langSelector a img {
	    margin-left: 5px;
	    margin-top: 0px;
	    width: 24px;
	    height: 24px;
	}
	#langMenu a img {
	    margin-left: 5px;
	    width: 24px;
	    height: 24px;
	}
}
@media (max-width: 992px) {
	#langSelectMenu .desc { 
		display: none;
	}
}
@media (max-width: 992px) {
	#langSelector {
	    width: 100%;
	    padding:0px;
	}
	#langSelectIntroMobile { 
		height: auto;
		text-align: center;
		padding-right: 0px;
		padding-left: 0px;
		padding-top: 10px;
		padding-bottom: 5px;
		line-height: 110%;
		white-space: normal;
		overflow: hidden;
		border-right: 0px;
		float: none;
	}
	#langSelectMenu { 
		width: 100%;
		height: auto;
		border-top: 0px solid #ddd;
		text-align: center;
		border-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 5px;
	}
	#langSelectMenu .desc { 
		padding-left: 20px;
		display: inline-block;
	}
	.headerLogo {
		height: auto!important;
		padding :10px 0px 10px 0px!important;
	}
	.headerLogo img {
	    max-width: 300px!important;
		padding-left: 20px;
	}
}

@media (max-width: 650px) {
	#langSelectIntroMobile{
		font-size:13px;
		padding-left:10px;
		padding-right:10px;
	}
	#sticky{
		position:-webkit-sticky;
  	  	position:sticky;
  	  	top:0;
		background:#fff;
		z-index:900;
	}
	.headerLogo img {
	    position:absolute;
		z-index:1;
		max-width: 175px!important;
		padding-left:0;
	}	
}

/*****************
MAIN NAV
*****************/	
#mainNavContainerFluid {
	background: #fff;
	overflow: visible;
	position: relative;
	z-index: 100;
}	
#mainNav { 
	padding-right: 0px; 
	text-align: right; 
}
#mainNav ul { 
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	list-style: none; 
	margin-top: 45px; 
	margin-left: 0px;
    float: right;
}
#mainNav ul li:before { 
	display: none!important;
}
#mainNav li a, 
#mainNav li { 
	float: left; 
	font-family: 'Source Sans Pro', sans-serif; 
	font-weight: 700; 
	font-size: 16px; 
	line-height: 20px; 
	margin-bottom: 0px; 
	margin-top: 0px;
	margin-left:13px; 
	text-transform: uppercase; 
	list-style-type: none; 
	position: relative; 
	color: #4e5b60;
	outline:none;
	letter-spacing: -0.3px;
	padding: 0px;
}
#mainNav li { 
	padding-bottom: 20px; 
}
#mainNav li a { 
	-webkit-transition: all .2s ease-in-out; /* Safari and Chrome */
       -moz-transition: all .2s ease-in-out; /* Firefox */
         -o-transition: all .2s ease-in-out; /* IE 9 */
        -ms-transition: all .2s ease-in-out; /* Opera */
            transition: all .2s ease-in-out;
	margin-bottom: 20px; 
	padding-top: 10px;
	padding-bottom:5px;
	border-bottom:6px solid #fff;
}

/* Underline current section */
.nav-section-homepage #mainNav li#nav_home a{
	border-color:#4e5b61;
}
.nav-section-aboutnets #mainNav li#nav_about a{
	border-color:#1aa0df;
}
.nav-section-lwnets #mainNav li#nav_living a{
	border-color:#ffc800;
}
.nav-section-patient-stories #mainNav li#nav_stories a{
	border-color:#e95f54;
}
.nav-section-online-support #mainNav li#nav_support a{
	border-color:#008580;
}
#mainNav li a:hover {
	text-decoration: none;
}
#mainNav li a:before { 
	-webkit-transition: all .2s ease-in-out; /* Safari and Chrome */
       -moz-transition: all .2s ease-in-out; /* Firefox */
         -o-transition: all .2s ease-in-out; /* IE 9 */
        -ms-transition: all .2s ease-in-out; /* Opera */
            transition: all .2s ease-in-out;
	content: " "; 
	display: block;
	width:10%;
	height: 2px;
	border-top: 2px solid rgba(0,0,0,0);
	padding-bottom: 8px;
}
#mainNav li a:hover:before {
	width:100%;
	border-top: 2px solid rgba(0,0,0,0.2);
}
#nav_search .glyphicon {
	margin-left: 7px;
	margin-top: -7px;
	font-size: 160%;
	float: right;
	opacity: 1;
}
#mobileNav { 
	display: none; 
}
.headerLogo { 
	padding: 11px 0px 15px 0px; 
	height:125px; 
}

@media (min-width: 1201px) {
	#mainNav ul,
	.headerLogo,
	.headerLogo img { 
		-webkit-transition: all .3s ease-in-out; /* Safari and Chrome */
	       -moz-transition: all .3s ease-in-out; /* Firefox */
	         -o-transition: all .3s ease-in-out; /* IE 9 */
	        -ms-transition: all .3s ease-in-out; /* Opera */
	            transition: all .3s ease-in-out;
	}
	#sticky.fixed .headerLogo { 
		height: auto;
	}
	#sticky.fixed .headerLogo img { 
		width:250px; 
		height: auto;
	}
	#sticky.fixed #mainNav ul { 
		margin: 0; 
		padding: 0; 
		list-style-type: none; 
		list-style: none; 
		margin-top: 25px; 
		/*margin-left: 22px;*/
	    float: right;
	}
}

/*set for col-md and below... */
@media (max-width: 1200px) {
	#mainContent {
		margin-top: 0px!important;
	}
	.headerLogo { 
		padding-bottom: 20px; 
		padding-left: 10px; 
		padding-right: 10px; 
		border-bottom: solid 1px #d5d5d7; 
	}
	#mainNavContainerFluid { 
		padding: 0px; 
	}
	#mainNavContainer { 
		margin: 0px; 
		width: 100%;
	}
	#mainNav { 
		padding-left: 0px; 
	}
	#mainNav ul { 
		float: left;
		margin-top: 0px; 
		margin-left: 0px;
	}
	#mainNav li { 
		padding-bottom: 5px; 
	}
	#mainNav li a { 
		font-size: 14px; 
		line-height: 16px; 
		padding-left:0px; 
	}	
	#mainNav li a:before { 
		border-top: 0px;
		padding-bottom: 10px;
	}
	#mainNav li a:hover:before {
		border-top: 0px;
	}		
}
@media (max-width: 1024px) {
	
}
@media (max-width: 767px) {
	#mainNav {  display: none; }
	#mobileNav { display: block; }
	.headerLogo { 
		padding-left: 15px!important;  
	}
}


/******************
MEGA MENUS
******************/
.nav_megaMenu { 
	display: none; 
	position: absolute;
	z-index: 200;
	box-shadow: 0px 8px 10px rgba(0,0,0,0.30);
}
.nav_megaMenu .container { 
	padding-top: 50px;
	padding-bottom: 50px;
}
.nav_megaMenu h2 { 
	font-size: 28px;
	font-weight: 600;
	margin: 0px;
	margin-bottom: 40px;
}
.nav_upArrow { 
	position: absolute; 
	left: 50%; 
	margin-left: -20px; 
	bottom: 0px; 
	z-index: -1; 
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent; 
	border-right: 20px solid transparent; 
	display:none; 
}
@media (max-width: 1024px) {
	.nav_megaMenu h2 { 
		margin-bottom: 20px;
	}
}

/* About */
#nav_aboutArrow,
#nav_aboutArrow_mobile { 
	border-bottom: 20px solid #0c6190; 
}
#nav_aboutMenu { 
	background-color: #0c6190; 
	width: 100%; 
	display:none; 
	color: #fff;
	margin-top: -1px;
}
#nav_aboutMenu a { 
	font-family: 'Source Sans Pro', sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 110%;
	font-weight: 700;
	color: rgba(255,255,255,0.7); 
	display: block; 
	margin-bottom: 20px;
	-webkit-transition: all .2s ease-in-out; /* Safari and Chrome */
       -moz-transition: all .2s ease-in-out; /* Firefox */
         -o-transition: all .2s ease-in-out; /* IE 9 */
        -ms-transition: all .2s ease-in-out; /* Opera */
            transition: all .2s ease-in-out;
}
#nav_aboutMenu a:hover { 
	color: rgba(255,255,255,1); 
	text-decoration: none;
}
#nav_aboutMenu h2 { 
	text-align: center;
	color: #fff;
}
#nav_aboutMenu .block { 
	border-right: solid 1px rgba(255,255,255,0.3);
}
#nav_aboutMenu .block:last-of-type { 
	border-right: none;
}
#nav_aboutMenu h3 a { 
	font-family: 'Source Sans Pro', sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 700;
	margin: 0px;
	margin-bottom: 20px;
	color: #fff;
}
@media (max-width: 1024px) {
	#nav_aboutMenu a { 
		margin-bottom: 12px;
	}
	#nav_aboutMenu .block { 
		margin-top:30px;
	}
}

/* Living */
#nav_livingArrow,
#nav_livingArrow_mobile { 
	border-bottom: 20px solid #fec820; 
}
#nav_livingMenu { 
	background-color:#fec820; 
	width: 100%; 
	display:none;
}
#nav_livingMenu a { 
	font-family: 'Source Sans Pro', sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 110%;
	font-weight: 700;
	color: #4e5b60; 
	display: block; 
	margin-bottom: 20px;
	-webkit-transition: all .2s ease-in-out; /* Safari and Chrome */
       -moz-transition: all .2s ease-in-out; /* Firefox */
         -o-transition: all .2s ease-in-out; /* IE 9 */
        -ms-transition: all .2s ease-in-out; /* Opera */
            transition: all .2s ease-in-out;
}
#nav_livingMenu a:hover { 
	color: #374044; 
	text-decoration: none;
}
#nav_livingMenu h2 { 
	text-align: left;
	margin-bottom: 30px;
	color: #4e5b60;
}
#nav_livingMenu .title { 
	min-height: 100px;
}
#nav_livingMenu .intro p { 
	font-size: 16px;
	line-height: 135%;
	margin-bottom: 20px;
}
#nav_livingMenu .tips { 
	margin-top: -120px;
	padding-left: 30px;
}
#nav_livingMenu .the-tips { 
	padding-left: 30px;
	border-left: solid 1px rgba(255,255,255,0.7);
}
#nav_livingMenu .icon { 
	padding-left: 30px;
	padding-bottom: 30px;
}
#nav_livingMenu h3 a { 
	font-family: 'Source Sans Pro', sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 700;
	margin: 0px;
	margin-bottom: 20px;
}
@media (max-width: 992px) {
	#nav_livingMenu .tips { 
		margin-top: 0px;
	}
	#nav_livingMenu .links { 
		margin-top: 120px;
	}
	#nav_livingMenu .title {
	    min-height: 10px;
	}
}

/* Stories */
#nav_storiesArrow,
#nav_storiesArrow_mobile { 
	border-bottom: 20px solid #eb5e55; 
}
#nav_storiesMenu { 
	background-color: #eb5e55; 
	width: 100%; 
	display:none; 
	color: #fff;
}
#nav_storiesMenu h2 { 
	color: #fff; 
}
#nav_storiesMenu h3 { 
	font-style: italic;
	line-height: 140%;
}
#nav_storiesMenu p.patientName { 
	font-family: 'Merriweather', serif;
	font-style: normal;
	font-size: 18px;
	line-height: 140%;
	padding:0px;
	padding-top: 10px;
	padding-bottom: 30px;
	margin:0px;
}
#nav_storiesMenu p.patientName:before { 
	content:"- ";
}
@media (max-width: 1024px) {
	#nav_storiesMenu h2 br {
		display: none;
	}
	#nav_storiesMenu h3 { 
		font-size: 22px;
	}
}

/* Support */
#nav_supportArrow,
#nav_supportArrow_mobile{ 
	border-bottom: 20px solid #02857f; 
}
#nav_supportMenu { 
	background-color: #02857f; 
	width: 100%; 
	display:none; 
	color: #fff;
}
#nav_supportMenu h2 { 
	color: #fff; 
}
#nav_supportMenu a { 
	font-family: 'Source Sans Pro', sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 110%;
	font-weight: 700;
	color: rgba(255,255,255,0.7); 
	display: block; 
	margin-bottom: 20px;
	-webkit-transition: all .2s ease-in-out; /* Safari and Chrome */
       -moz-transition: all .2s ease-in-out; /* Firefox */
         -o-transition: all .2s ease-in-out; /* IE 9 */
        -ms-transition: all .2s ease-in-out; /* Opera */
            transition: all .2s ease-in-out;
}
#nav_supportMenu a:hover { 
	color: rgba(255,255,255,1); 
	text-decoration: none;
}
#nav_supportMenu .links { 
	padding-top: 5px;
	padding-left: 30px;
}
#nav_supportMenu .intro p { 
	font-size: 16px;
	line-height: 135%;
	margin-bottom: 20px;
}
#nav_supportMenu .icon { 
	padding-left: 30px;
	margin-top: -20px;
}
@media (max-width: 1024px) {
	#nav_supportMenu .links { 
		padding-top: 15px;
		padding-left: 15px;
	}
	#nav_supportMenu .icon {
		text-align: right; 
		padding-left: 20px;
		padding-right: 50px;
		margin-top: 0px;
	}
}

/* Search */
#nav_searchArrow,
#nav_searchArrow_mobile { 
	border-bottom: 20px solid #792d6e; 
}	
#nav_searchMenu { 
	background-color: #792d6e; 
	width: 100%; 
	display:none;
}
#nav_searchMenu .row { 
	padding: 50px 0px 50px 0px; 
}
#nav_searchMenu h2 { 
	color: #fff; 
}
#nav_searchMenu h2 { 
	padding-top: 8px;
	margin-bottom: 0px;
}
#nav_searchMenu .form-group {
    margin-bottom: 0px;
}
#lwn-mobile-search-form .glyphicon,
#nav_searchMenu .glyphicon {
    font-size: 20px;
    display: block;
	pointer-events: auto;
	width: 46px;
	height: 46px;
	line-height: 46px;
	color: #4e5b60;
}
#nav_searchMenu .glyphicon:before {
    cursor: pointer;
    display: block;
}
#nav_searchMenu .glyphicon:before:hover {
    cursor: pointer;
    display: block;
}
		
		
/********************
MOBILE NAV STYLES
********************/

.nopadding { 
	padding: 0px; 
}
.nomargin { 
	margin: 0px; 
}
#mobileNav { 
	background-color: #fff; 
}

#mobileNavToggle { 
	float: right; 
	font-size: 28px; 
	display: block;
	padding-top: 17px;
	padding-bottom: 17px;
	outline: none;
}
#mobileNavToggle .displayText {
	font-family: 'Source Sans Pro', sans-serif; 
	padding-right: 10px;
	padding-top: 3px;
	font-size: 60%;
	font-weight: 900!important;
	letter-spacing: 0px;
	float: right;
	line-height: 100%;
	text-transform: uppercase;
}
#mobileNavToggle .hamburger { 
	display: inline-block;
	width: 50px;
	height: 25px;
	float: right;
}
#mobileNavToggle .hamburger.close { 
	opacity:1;
}
#mobileNavToggle .hamburger span { 
	-webkit-transition: all .2s ease-in-out; /* Safari and Chrome */
       -moz-transition: all .2s ease-in-out; /* Firefox */
         -o-transition: all .2s ease-in-out; /* IE 9 */
        -ms-transition: all .2s ease-in-out; /* Opera */
            transition: all .2s ease-in-out;
}

#mobileNavToggle .hamburger.open span { 
	display: block;
	width: 35px;
	height: 5px;
	background:#4e5b60;
	margin-bottom: 3px;
}
#mobileNavToggle .hamburger.close span { 
	display: block;
	width: 35px;
	height: 5px;
	background:#4e5b60;
	-ms-transform: rotate(135deg); /* IE 9 */
    -ms-transform-origin: 40% 40%; /* IE 9 */
    -webkit-transform: rotate(135deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 40% 40%; /* Chrome, Safari, Opera */
    transform: rotate(135deg);
    transform-origin: 43% 50%;
}
#mobileNavToggle .hamburger.close span:first-of-type { 
	-ms-transform: rotate(45deg); /* IE 9 */
    -ms-transform-origin: 20% 40%; /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: 20% 40%; /* Chrome, Safari, Opera */
    transform: rotate(45deg);
    transform-origin: 20% 40%;
}
#mobileNavToggle .hamburger.close span:last-of-type { 
	opacity:0;
}
#mobileNavList { 
	display: none; 
	margin-top:20px;
	margin-bottom: 20px; 
}
#coreList li:before,
#mobileNavList li:before { display: none; }

#mobileNavList .aboutMenu li a { color: #fff; }

#mobileNavList .subMenuWrapper { 
	display: none; 
	padding-left: 0px; 
	position: relative;
	margin-top: 0px;
}
#mobileNavList .subMenu { 
	padding: 15px 0px 0px 0px; 
	padding-bottom: 3px; 
}
#mobileNavList li { 
	font-family: 'Source Sans Pro', sans-serif;
	width: 100%; 
	text-align:center; 
	font-size: 20px; 
	text-transform: 
	uppercase; 
	padding: 10px 0px 0px 0px; 
	margin-bottom: 20px;
	font-weight: 700;
}
#mobileNavList li a { 
	margin-bottom: 10px; 
}
#mobileNavList .nav_upArrow { 
	z-index:2; 
	top: 10px; 
	display:block; 
	position: relative; 
}

.aboutMenu { background-color: #0c6190;}
.livingMenu { background-color: #fec820; color: #4e5b60; }
.livingMenu li a { color: #4e5b60; }
.storiesMenu { background-color: #eb5e55; }
.supportMenu { background-color: #02857f; }
.searchMenu { background-color: #792d6e; padding: 15px 0px 10px 0px; }
.searchMenu .form-group { 
	padding: 0px 10px 0px 10px; 
}

.aboutMenu a { color: #fff; }
.livingMenu a { color: #fff; }
.storiesMenu a { color: #fff; }
.supportMenu a { color: #fff; }
.searchMenu a { color: #fff; }