/*
Theme Name: WPVoyager
Theme URI: http://underscores.me/
Author: Purethemes
Author URI: http://themeforest.net/user/purethemes/portfolio
Description: Map oriented blog theme for travellers and travel blogs
Version: 1.0.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wpvoyager
Tags: responsive-layout, featured-images, light, theme-options, translation-ready

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/



/* ------------------------------------------------------------------- */
/* Import Section
---------------------------------------------------------------------- */
@import url("css/base.css");				/* Default Reset, Typography, Forms, etc. */
@import url("css/responsive.css");			/* Responsive Grid */
@import url("css/font-awesome.css");		/* Font Awesome Icons */


/* ------------------------------------------------------------------- */
/* Table of Contents
----------------------------------------------------------------------

1. Header
2. Navigation


/* ------------------------------------------------------------------- */
/* Black Header Styles
---------------------------------------------------------------------- */
#header.black {
	z-index: 1000;
	background: #222;
	position: relative;
	min-height: 70px;
}

.black #logo img { margin-top: 28px; float: left;}

#header.black .menu ul > li > a {
	color: #fff;
	font-weight: 500;
	font-size: 12px;
	line-height: 18px;
	padding: 27px 11px 25px 11px;
	overflow: hidden;
	letter-spacing: 1.5px;
}

#header.black #current { border: none; color: inherit; }

#header.black .menu ul li a:hover,
#header.black .menu ul > li:hover > a {
	border-bottom: 0;
	color: #9c9c9c;
}

/* Drop-Down */
#header.black .menu ul ul {
	background-color: #222;
	z-index: 999;
	border-top: none;
	margin: 0;
	padding: 0;
}

#header.black .menu ul li a {
	border: none;
}

#header.black .menu > ul ul li:hover > a {
	border-bottom: 0;
	background: transparent;
	color: #fff;
}

#header.black .menu ul ul li a {
	font-weight: 500;
	text-transform: none;
	color: #9c9c9c;
	font-size: 12px;
	line-height: 18px;
	padding: 10px 15px !important;
	border: 0;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	border-top: 1px solid #363636;
}

#header.black .menu ul ul li a:hover {
	color: #fff;
	background-color: #363636;
}

#header.black .menu ul ul li a,
#header.black .sf-arrows ul li ul a.sf-with-ul:after {
	-webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	-ms-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
}

#header.black .sf-arrows .sf-with-ul:after {
	content: "";
	font-family: "FontAwesome";
	font-size: 12px;
	margin: 0 0 0 6px;
	top: -1px;
	position: relative;
	width: 11px;
	height: 5px;
	display: inline-block;
	color: #b8b8b8;
	float: right;
}


/* Search
------------------------------------- */


#header.black .menu ul > li.search > a {
	border-bottom: 0;
	padding: 10px;
	top: 16px;
}

#header.black .header-search {
	z-index: 1000;
  	background: #222;
  	position: absolute;
  	min-height: 70px;
  	display: none;
}

#header.black .header-search input {
	width: 90%;
	border: 0;
	float: left;
	margin: 0;
	padding: 6px 0;
	-webkit-transform: translatey(48%); 
	-moz-transform: translatey(48%); 
	-o-transform: translatey(48%); 
	transform:translatey(48%); 
	font-size: 18px;
	position: relative;
  	background: #222;
  	color: #fff;
	-webkit-transition: color 200ms ease-in-out;
	-moz-transition: color 200ms ease-in-out;
	-o-transition: color 200ms ease-in-out;
	-ms-transition: color 200ms ease-in-out;
	transition: color 200ms ease-in-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#header.black .header-search input:focus {
	border: 0;
  	background: #222;
	color: #fff;
	-webkit-transition: color 200ms ease-in-out;
	-moz-transition: color 200ms ease-in-out;
	-o-transition: color 200ms ease-in-out;
	-ms-transition: color 200ms ease-in-out;
	transition: color 200ms ease-in-out;
}

#header.black .search a i {
	font-size: 16px;
}

#header.black .close-search a {
	font-size: 18px;
	position: relative;
	color: #fff;
	padding: 10px;
	top: 15px;
	float: right;
	margin: 0;
	background-color: #222;
}

#header.black .close-search a:hover {
	color: #9c9c9c;
}


/* ------------------------------------------------------------------- */
/* Light Header
---------------------------------------------------------------------- */
#header {
	z-index: 999;
	background: #fff;
	position: relative;
	min-height: 85px;
}

#logo { margin-left: 0; }
#logo img { margin-top: 33px; float: left;}

#logo h2 a,
#logo h1 a {
	margin-top: 10px;
	display: block;
	float: left;
	font-size: 18px
}
.black #logo h2 a, .black #logo h1 a {
	color:#fff;
}
#logo h2,
#logo h1 {
	font-size: 28px;
  	line-height: 58px;
}

#blogdesc {
  float: left;
  margin-top: 25px;
  padding-left: 10px;
  margin-left: 10px;
  border-left: 1px solid #ddd;
}
/* Styles For Boxed Header */
#header.boxed { position: absolute; z-index: 999; }
#header.abs { position: relative; z-index: 999; }
#header.boxed #logo { margin-left:  20px; }
#header.boxed #navigation { margin-right: 35px; }
#header.boxed .header-search input { padding: 10px 20px; }
#header.boxed .close-search a { margin: 0 35px 0 0; }


/* ------------------------------------------------------------------- */
/* Navigation
---------------------------------------------------------------------- */
#navigation { float: right; margin-right: 0; }

.js .selectnav { display: none; }

#header .menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: 700;
	text-transform: uppercase;
}

#header .menu ul li {
	position: relative;
	margin-left:10px;
}

#header .menu ul ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 100;
	width: 190px;
	letter-spacing: 0;
}

#header .menu > ul li { float: left; }
#header .menu ul li:hover > ul { display: block; }

#header .menu ul a {
	display: block;
	position: relative;
}

#header .menu ul ul ul {
	top: 0;
	left: 100%;
}


/* Main Styles */
#header .menu ul a { text-decoration: none; }

#header .menu ul > li > a {
	color: #333;
	font-weight: 600;
	font-size: 14px;
	line-height: 18px;
	padding: 33px 11px 31px 11px;
	overflow: hidden;
	border-bottom: 3px solid transparent;
}

#current { border-bottom: 3px solid #3685cf; color: #333; }

#header .menu ul li a:hover,
#header .menu ul > li:hover > a {
	border-bottom: 3px solid #3685cf;
	color: #333;
}

#header .menu ul li a {
	-webkit-transition: border 150ms ease-in-out, color 150ms ease-in-out;
	-moz-transition: border 150ms ease-in-out, color 150ms ease-in-out;
	-o-transition: border 150ms ease-in-out, color 150ms ease-in-out;
	-ms-transition: border 150ms ease-in-out, color 150ms ease-in-out;
	transition: border 150ms ease-in-out, color 150ms ease-in-out;
}

/* Drop-Down */
#header .menu ul ul {
	background-color: #282828;
	z-index: 999;
	border-top: 3px solid #3685cf;
	margin: -3px 0 0 0;
	padding: 12px 0;
}

#header .menu > ul ul li:hover > a {
	border-bottom: 0;
	background: transparent;
	color: #fff;
}

#header .menu ul ul li {
	margin: 0;
	padding: 0;
	width: 100%;
}

#header .menu ul ul li a {
	font-weight: 500;
	text-transform: none;
	color: #9c9c9c;
	font-size: 13px;
	line-height: 19px;
	padding: 5px 16px !important;
	border: 0;
}

#header .menu ul ul li:first-child { border: none; }

#header .menu ul ul li a:hover {
	color: #fff;
}

#header .menu ul ul li a,
.sf-arrows ul li ul a.sf-with-ul:after {
	-webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	-ms-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
}

#header .menu ul ul ul {
	margin: 0 0 0 3px;
	border: none;
}

.sf-arrows .sf-with-ul:after {
	content: "";
	font-family: "FontAwesome";
	font-size: 12px;
	margin: 0 0 0 6px;
	top: -1px;
	position: relative;
	width: 11px;
	height: 5px;
	display: inline-block;
	color: #c4c4c4;
	float: right;
}

.sf-arrows ul li ul a.sf-with-ul:after {
	color: #777;
	right: 9px;
	top: 10px;
	position: absolute;
	content: "";
}

.sf-arrows ul li ul a:hover.sf-with-ul:after { color: #fff; }

.nav-toggle { display: none; }


/* Search
------------------------------------- */
.search {
	position: relative;
	height: 100%;
}

.search a i {
	font-size: 20px;
	position: relative;
}

#header .menu ul > li.search > a {
	border-bottom: 0;
	padding: 10px;
	top: 21px;
}

.header-search {
	z-index: 1000;
  	background: #fff;
  	position: absolute;
  	min-height: 85px;
  	display: none;
}

.header-search input {
	width: 90%;
	border: 0;
	float: left;
	margin: 0;
	padding: 10px 0 10px 0;
	-webkit-transform: translatey(48%); 
	-moz-transform: translatey(48%); 
	-o-transform: translatey(48%); 
	transform:translatey(48%); 
	background-color: #f0f0f0;
	font-size: 18px;
	position: relative;
  	background: #fff;
	-webkit-transition: color 200ms ease-in-out;
	-moz-transition: color 200ms ease-in-out;
	-o-transition: color 200ms ease-in-out;
	-ms-transition: color 200ms ease-in-out;
	transition: color 200ms ease-in-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.header-search input:focus {
	border: 0;
  	background: #fff;
	color: #333;	
	-webkit-transition: color 200ms ease-in-out;
	-moz-transition: color 200ms ease-in-out;
	-o-transition: color 200ms ease-in-out;
	-ms-transition: color 200ms ease-in-out;
	transition: color 200ms ease-in-out;
}

.close-search a {
	font-size: 22px;
	position: relative;
	color: #333;
	padding: 10px;
	top: 21px;
	float: right;
	margin: 0;
	background-color: #fff;
}

#search-box input {letter-spacing: 0;}

body #wp-calendar tbody td#today a {
	color: #fff !important;
}
/* ------------------------------------------------------------------- */
/* Mobile Navigation
---------------------------------------------------------------------- */
#mobile-navigation { display: none; }

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

	li.search {display: none;}
	#mobile-navigation { display: block; }

	#responsive,
	.search-container { display: none; }

	#header {
		z-index: 999;
		background-color: #fff;
		height: 79px;
		margin-top: 0;
		position: relative;
		width: 100%;
	}
	

	body { padding-top: 0; }

	#header #logo,
	#header.boxed #logo {
		width: 140px;
		left: 0;
		right: 0;
		position: absolute;
		margin: 0 auto;
		text-align: center;	
		z-index: 99;
	}

	#header #logo h2 a,
	#header.boxed #logo h2 a{
		float: none;
	}

	.black .search-trigger,
	.black a.menu-trigger { color: #fff; background: #222; }

	.black #logo img {margin-top: 31px;}

	a.menu-trigger {
		color: #333;
		display: block;
		font-size: 26px;
		float: left;
		background: #fff;
		z-index: 100;
		position: relative;
	}

	body[data-menu-position="open"] a.menu-trigger i.fa.fa-reorder:before { content:""; }
	body[data-menu-position="closed"] a.menu-trigger i.fa.fa-reorder:before { content:""; }

	.search-trigger {
		color: #333;
		display: block;
		font-size: 24px;
		float: right;
		cursor: pointer;
		background: #fff;
		z-index: 100;
		position: relative;
	}
	
	#menu-search {
		display: none;
	}

	#menu-search input {
		float: left;
		box-shadow: none;
		border: 0;
		font-size: 16px;
		color: #aaa;
		width: 50%;
		padding: 27px 0 23px 0;
	}

	#header.black .close-search a,
	.close-search a {
	    font-size: 24px;
	    position: relative;
	    color: #333;
	    padding: 10px;
	    top: 19px;
	    right: -10px;
	    float: right;
	    margin: 0px;
	}

	#header.black .close-search a { color: #fff; top: 12px}
	#header.black .close-search a:hover { color: #fff}

	.search-trigger { padding: 27px 0 23px 30px; }
	a.menu-trigger { padding: 28px 30px 22px 0; }

	.black .search-trigger { padding: 25px 0 25px 30px; }
	.black a.menu-trigger { padding: 25px 30px 25px 0; }

	#header.boxed .header-search input {
		width: 70%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	#header.black #search-box { margin-top: 5px;}
	#header.black .close-search a { font-size: ;}

	#header.boxed .close-search a { margin: 0 10px 0 0; right:0; }

	a.menu-trigger { margin-left: 1px; }

	#menu-search input:focus { color: #888; }

	#menu-search input::-webkit-input-placeholder { color: #a0a0a0; opacity: 1;}
	#menu-search input::-moz-placeholder { color: #a0a0a0; opacity: 1; }
	#menu-search input:-ms-input-placeholder { color: #a0a0a0; opacity: 1; }
	#menu-search input:focus::-webkit-input-placeholder { color: #888; opacity: 1; }
	#menu-search input:focus::-moz-placeholder { color: #888; opacity: 1; }
	#menu-search input:focus:-ms-input-placeholder { color: #888; opacity: 1; }



}

#jPanelMenu-menu {background-color: #303030;}
#jPanelMenu-menu ul li {margin-left: 0; text-transform: none; letter-spacing: 0; font-size: 16px; }
#jPanelMenu-menu ul li a { font-size: 16px; }
#jPanelMenu-menu #current { border-bottom: 0; background-color: #3685cf; color: #fff;}

#jPanelMenu-menu #current:after,
#jPanelMenu-menu .sf-sub-indicator { display: none; }

#jPanelMenu-menu li a {
	display:block;
	padding: 12px 20px !important;
	background-color: #222;
	color: #aaa;
	font-weight: 500;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	outline: none;
	line-height: 21px;
}

#jPanelMenu-menu li a:hover { background-color: #3685cf; color: #fff; }

#jPanelMenu-menu li li a {
	background-color: #303030;
	padding-left: 30px !important;
}




/* ------------------------------------------------------------------- */
/* Shortcodes
---------------------------------------------------------------------- */


/* Welcome Box
------------------------------------- */
.welcome-box {
	text-align: center;
	z-index: 99;
	position: relative;
	padding: 0px 0 57px 0;
}
.welcome-box.behind {
	padding-top: 100px;
}
.welcome-box h2 {
	border-bottom: 1px solid #e0e0e0;
	padding: 0 0 3px 0;
	display: inline-block;
	margin-bottom: 25px;
}

.welcome-text p {
	font-size: 22px;
	width: 60%;
	margin: 0 auto;
	line-height: 35px;
	font-weight: 300;
}

.welcome-text p strong {
	font-weight: 500;
}

.recentcomments h4 {
    margin-bottom: 5px;
}
/* Tabs
------------------------------------- */
.large-notice {
	background-color: #f8f8f8;
	padding: 32px;
}

.large-notice h2 {
	margin-bottom: 10px;
}

.large-notice p {
	font-size: 14px;
	color: #888;
	line-height: 22px;
}

.large-notice h2 {
	font-size: 22px;
}



/* Tabs
------------------------------------- */
.entry-content ul.tabs-nav,
.post-content ul.tabs-nav,
.tabs-nav {
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}
.entry-content ul.tabs-nav li,
.post-content ul.tabs-nav li,
.tabs-nav li {
	float: left;
	line-height: 46px;
	overflow: hidden;
	padding: 0;
	position: relative;
}

.tabs-nav li a,
.tab-reviews {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.tabs-nav li a {
	color: #888;
	font-weight: 600;
	display: block;
	outline: none;
	padding: 0 20px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;

}

.tabs-nav li.active .tab-reviews { color: #fff; }

.tabs-nav li.active a:hover,
.tabs-nav li.active a {
	background-color: #3685cf;
	color: #fff;
}

.tabs-nav li a:hover { 
	background-color: #f8f8f8;
	color: #333;
}

.tab-content {
	background-color: #f8f8f8;
	padding: 18px 22px;
}
.tab-content strong { display: block; font-size: 16px; color: #606060; margin-bottom: 10px; }

.tabs-container {
	overflow: hidden;
}



/* Accordions & Toggles
------------------------------------- */
.ui-accordion .ui-accordion-header,
.trigger a {
	display: block;
	cursor: pointer;
	position: relative;
	padding: 0;
	line-height: 26px;
	outline: none;
	color: #808080;
	font-size: 14px;
	font-weight: 600;
	background-color: #f6f6f6;
	-webkit-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
	-moz-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
	-o-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
	-ms-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
	transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
	padding: 12px 22px 12px 22px;
	margin-top: 10px;
}

.ui-accordion .ui-accordion-header:hover,
.trigger a:hover,
.ui-accordion .ui-accordion-header-active:hover,
.ui-accordion .ui-accordion-header-active {
	background-color: #3685cf;
	color: #fff;
}

.ui-accordion .ui-accordion-header i,
.trigger a i {
	margin: 0 4px 0 0;
	position: re