/* 
==========================================================================
HEADER NAV
========================================================================== */

.primary-nav-wrapper { display: block; position: relative; width: 100%; background-color: rgb(255,255,255); }

#nav-wrapper { display: none; position: absolute; top: 0; width: 100%; z-index: 990; }

#open-nav { display: block; position: absolute; top: 0; left: 0; background: #bbb; width: 90px; height: 40px; color: rgb(255, 255, 255); }

.icon-nav { width: 90px; height: 40px; display: block; float: left; padding: 0; margin: 0; line-height: 33px; text-align: center; cursor: pointer; color: rgb(255, 255, 255); z-index: 90; font-size: 1.0625em; font-family: 'FontAwesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; background: none; border: none; }

.icon-nav:before { white-space: nowrap; content: "\f0c9"; }

.icon-nav:after { white-space: nowrap; content: " Menu"; text-transform: uppercase; font-size: 13px; letter-spacing: 1px; font-family: 'Lato', sans-serif; font-weight: 700; padding-left: 4px; }

.icon-nav:hover {     background-color: #4d98cd;
    color: #fff; }

@media screen and (min-width: 440px) {
	.icon-nav { line-height: 40px; }
}


ul.navPrimary { position: absolute; top: 0; left: 0; width: 80%; margin: 0; padding: 0; }

ul.navPrimary li { display: block; position: relative; padding: 0; margin: 0; cursor: pointer; width: 100%; display: block; margin: 0; padding: 6px 5%; border-right: solid 1px rgb(229,229,229); border-bottom: solid 1px rgb(229,229,229); color: #666; font-weight: 400; font-size: 13px; line-height: 18px; font-family: lato, arial, sans-serif; text-transform: uppercase; }

ul.navPrimary li a { color: #red; text-decoration: none; }

ul.navPrimary li a:hover { color:#005693; }

ul.navPrimary li:hover { color:#005693; }

@media screen and (min-width: 590px) {

#nav-wrapper { display: block; position: relative; margin-top: 0px; }

ul.navPrimary { position: relative; top: auto; left: auto; width: auto; }

ul.navPrimary li { float: left; text-align: center; width: 15%; padding: 2px 8px 20px; border: 0; display: block; background: url(/assets/images/nav-item-vertical-border.png) no-repeat 0 -54px; }

/*ul.navPrimary li.eventsNavItem { display:none; }*/

ul.navPrimary li:first-child { background: none; }

ul.navPrimary li:nth-child(2) { width: 16%; }

ul.navPrimary li:nth-child(4) { width: 23%; }
}




@media screen and (min-width: 500px) {

ul.navPrimary li { font-size: 14px; padding: 2px 10px 20px; }
}

@media screen and (min-width: 675px) {

#open-nav { display: none; }
}


@media screen and (min-width: 700px) {

ul.navPrimary li { font-size: 15px; line-height: 18px; padding: 2px 14px 20px; }

}

@media screen and (min-width: 930px) {

ul.navPrimary li { padding: 2px 18px 30px; width: 13%; }

ul.navPrimary li:nth-child(2) { width: 13%; }

ul.navPrimary li:nth-child(3) { margin-right: 22%; }

ul.navPrimary li:nth-child(4) { width: 13%; background: none; }

ul.navPrimary li:nth-child(5) { width: 11%; }

ul.navPrimary li:nth-child(6) { width: 13%; }
}

@media screen and (min-width: 1100px) {

ul.navPrimary li { font-size: 16px; line-height: 19px; padding: 2px 22px 30px; }
}

/* ================== DROPDOWN MENU ================== */

.dropdownHolder { position: absolute; top: 33px; top:40px; z-index: 1000; /*width: 85%;*/ width: 100%; }

.dropdown { display: none; background-color: rgba(242, 242, 242, 1); position: relative; width: 100%; padding-bottom:0; }

.dropInner ul.drop { list-style: none; }


.dropInner ul.drop li a:hover { text-decoration:none; color:#005693; }

.andMore a { font-size: 14px !important; }

.dropInner .nav-intro { border: 0; padding-left: 0; }

.dropInner .nav-intro p { font-size: 15px; line-height: 21px; color: #333; display: none; }

.nav-image { display: none; }

.mobileDropEvents { padding-top:10px; }



@media screen and (min-width: 300px) {


.dropInner ul.drop li { padding: 0; margin-bottom: 0; }
    
.dropInner { padding: 0px; }
    
.dropInner .drop { margin:0; padding: 0; width: 100%; }
    
.dropInner.page-width { width: 100%; } 

.navThingsToDo .nav-title.menuOpen,
.navTravelDeals .nav-title.menuOpen,
.navTripIdeas .nav-title.menuOpen,
.navSeasonalHighlights .nav-title.menuOpen,
.navPlacesToEat .nav-title.menuOpen,
.navPlacesToStay .nav-title.menuOpen { background:rgba(242,242,242,1); }
    
.dropInner ul.drop li a { padding: 10px 10px 11px 35px; font-size: 18px; line-height: 24px; display: block; border-bottom: 1px solid rgba(255,255,255,1.0); font-family: oxygen; font-weight: 300; letter-spacing: 0.04em; color: #000; background:rgba(255, 255, 255, 0.3); }

.nav-intro p.nav-title { text-transform: uppercase; margin: 0px; font-family: oxygen,arial,sans-serif; font-size: 17px; letter-spacing: 0.04em; display: block; color: #333; color:#2bb04a; line-height: 18px; padding: 17px 10px 18px 35px; font-weight: 600; border-top: 1px solid #fff; }

.nav-intro p.nav-title a { color:#2bb04a; }
    
.eventNavNode { background: none; }

.dropInner ul.drop li.eventNavNode a { padding:17px 10px 18px 35px; }

.dropdownHolder .dropdown:nth-of-type(7) { padding-bottom:30px; }

.navCol2 { border-bottom: 15px solid rgba(255, 255, 255, 0.7); }

}


@media screen and (min-width: 640px) {


.dropdownHolder { position: relative; z-index: 999; top: auto; width: auto; }

.dropInner.page-width { width: 94%; }

.dropdown { display: none; background-color: rgba(242,242,242,.95); position: absolute; top: 0; width: 100%; padding-bottom: 0; }

.dropInner ul.drop li { padding: 0; margin-bottom: 10px; margin-bottom: 0; }

.dropInner ul.drop li a { padding: 6px 0;  font-size:17px; line-height:21px; color:rgba(0,0,0,0.8); display: block; border-bottom: none; background:transparent; font-weight: 400; letter-spacing: 0; margin:0; }

.dropInner ul.drop li.eventNavNode a  { padding:6px 0 6px 25px; }

.dropInner { padding: 24px; }

.dropInner .drop { padding: 0 3%; width: 94%; }

.dropInner .nav-intro { display: none; }

.nav-intro p.nav-title a { color:#2bb04a; }

/*.nav-intro p.nav-title { display: block; text-transform: uppercase; color: #fff; margin:5px 0 10px; font-size:18px; line-height: 23px; font-weight:700; display: block; border-top:none; padding:0; }*/

.mobileDropEvents { display:none; }

.eventNavNode { background:url(/assets/images/nav-local-events-icon.png) no-repeat 0 5px; } 

.dropdownHolder .dropdown:nth-of-type(7) { padding-bottom:0; }

.navCol2 { border-bottom: none; }

}



@media screen and (min-width: 500px) {

.dropInner .drop { float: left; padding: 5px 3%; width: 50%; }
}



@media screen and (min-width: 767px) {
	
.dropInner .navCol1 { border-left:solid 1px rgba(255,255,255,0.5); border-right:solid 1px rgba(255,255,255,0.5); }

.dropInner .navCol1, .dropInner .navCol2 { margin: 10px 0; }

.dropInner .drop { width: 33%; }

/*.dropInner ul.drop li a { padding: 6px 20px 6px 0; }*/

.dropInner .nav-intro { display: block; border: 0; }

.dropInner .nav-intro p { display: block; font-size: 15px; line-height: 21px; }

.dropInner .nav-intro p.nav-title { display: block; text-transform: uppercase; color: #2bb04a; margin:3px 0px 7px; font-size:18px; line-height: 23px; font-weight:700; display: block; border-top:none; padding:0; }

}

@media screen and (min-width: 929px) {

.dropInner .drop { width: 26%; }

.andMore a { font-size: 16px !important; }

.nav-image { display: block; max-width: 20%; height: auto; border: solid 6px rgba(255,255,255,0.5); margin-top:20px; }

}




/* Pour Tour Nav */

.pourtour ul.navPrimary { position: absolute; top: 0; left: 0; width: 80%; margin: 0; padding: 0; }

.pourtour ul.navPrimary li { display: block; position: relative; padding: 0; margin: 0; cursor: pointer; width: 100%; display: block; margin: 0; padding: 6px 5%; border-right: solid 1px rgb(229,229,229); border-bottom: solid 1px rgb(229,229,229); color: #666; font-weight: 400; font-size: 13px; line-height: 18px; font-family: lato, arial, sans-serif; text-transform: uppercase; }

.pourtour ul.navPrimary li a { color: #red; text-decoration: none; }

.pourtour ul.navPrimary li a:hover { color:#005693; }

.pourtour ul.navPrimary li:hover { color:#005693; }

@media screen and (min-width: 590px) {

 
.pourtour ul.navPrimary { position: relative; top: auto; left: auto; width: auto; padding-top: 70px;}

.pourtour ul.navPrimary li { float: left; text-align: center; width: 15%; padding: 2px 8px 20px; border: 0; display: block; background: none; }


}

@media screen and (min-width: 500px) {

.pourtour ul.navPrimary li:first-child { background: none; }

.pourtour ul.navPrimary li:nth-child(6) { width: 15%; }
}


@media screen and (max-width: 639px) {
.pourtour ul.navPrimary { display:none; } 
}


@media screen and (min-width: 640px) {
	
@media screen and (min-width: 640px) {display: block;}

.pourtour ul.navPrimary { padding: 45px 0 10px 0 }

.pourtour ul.navPrimary li { font-size: 14px; padding: 2px 10px 20px; }

.pourtour ul.navPrimary li:nth-child(2) { width: 10%; }

.pourtour ul.navPrimary li:nth-child(3) { width: 11%; }

.pourtour ul.navPrimary li:nth-child(4) { width: 10%; }

.pourtour ul.navPrimary li:nth-child(5) { width: 17%; }

.pourtour ul.navPrimary li:nth-child(6) { width: 15%; }

.pourtour ul.navPrimary li:nth-child(7) { width: 11%; }

.pourtour ul.navPrimary li:nth-child(8) { width: 10%; }

}


 

@media screen and (min-width: 700px) {
	
.pourtour ul.navPrimary { padding: 45px 0 10px 0 }	

.pourtour ul.navPrimary li { font-size: 15px; line-height: 18px; padding: 2px 14px 20px; }

.pourtour ul.navPrimary li { width: 13%; }

.pourtour ul.navPrimary li:nth-child(4) { margin-right: 0; }

}

@media screen and (min-width: 780px) {
.pourtour ul.navPrimary li {  background: url(/assets/images/nav-item-vertical-border.png) no-repeat 0 -54px; }
}


@media screen and (min-width: 930px) {
	
.pourtour ul.navPrimary { padding: 12px 0 40px 0;}

.pourtour ul.navPrimary li { font-size: 14px; line-height: 19px; padding: 12px 18px 30px; } 

.pourtour ul.navPrimary li:nth-child(2) { width: 10%; }

.pourtour ul.navPrimary li:nth-child(3) { width: 10%; }

.pourtour ul.navPrimary li:nth-child(4) { width: 10%; margin-right: 13%; }

.pourtour ul.navPrimary li:nth-child(5) { width: 14%; background: none;}

.pourtour ul.navPrimary li:nth-child(6) { width: 12%; }

.pourtour ul.navPrimary li:nth-child(7) { width: 9%; }

.pourtour ul.navPrimary li:nth-child(8) { width: 7%; }
}

@media screen and (min-width: 1100px) {

.pourtour ul.navPrimary li { font-size: 15px; line-height: 19px; padding: 12px 18px 30px; }
}