/*********************************************************************************************

Theme Name: Metropolis
Theme URI: http://www.hermesthemes.com/themes/metropolis/
Version: 1.0
Author: HermesThemes.com
Author URI: http://www.hermesthemes.com/
Description: Metropolis is an exclusive WordPress Theme for Hotels and other related businesses.
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blue, orange, red, white, light, two-columns, left-sidebar, right-sidebar, flexible-width, custom-background, custom-menu, featured-images, full-width-template, theme-options, threaded-comments, translation-ready, holiday

The PHP code portions of this theme are subject to the GNU General Public 
License, version 2. All images, cascading style sheets, and JavaScript elements are
released under the HermesThemes.com Proprietary Use License below.

**********************************************************************************************

0.  CSS Reset  -------------------------  All Theme Files
1.  Page Structure: Common elements  ---  All Theme Files
2.  Page Structure: Header -------------  header.php
3.  Navigation  ------------------------  header.php
4.  Page Structure: Main Content  ------  
5.  Content Blocks ---------------------  
6.  Single Post / Page -----------------  single.php, page.php
7.  Comments Styling  ------------------  comments.php
8.  Page Structure: Footer  ------------  footer.php
9.  Misc  ------------------------------
10. Buttons, Forms  --------------------
11. Slideshow  -------------------------
12. Media Queries  ---------------------

**********************************************************************************************/

/* Hermes Photos Gallery */

#hermes-gallery {
	display: block;
	z-index: 2;
	width: 100%;
	overflow: hidden;
	position: relative;
	text-align: center;
}

#hermes-gallery iframe {
	max-width: 100%;
}

#hermes-gallery.flexslider-normal {
	border: 0;
	margin-bottom: 20px;
}

.hermes-gallery-wrapper {
	display: block;
	position: relative;
	margin: 0 auto;
	max-width: 100%;
	width: 100%;
}


.hermes-gallery-slide {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
	width: 100%;
	height: 400px;
	background-repeat: no-repeat;
	background-size: cover;
}

#hermes-gallery .slide-meta {
	background-color: #d19958;
	color: #fff;
	padding: 10px 0;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: left;
}

#hermes-gallery .slide-counter {
	border-right: solid 1px #b4854f;
	color: #444;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	margin: 0 10px 0 20px;
	padding-right: 10px;
}

#hermes-gallery .slide-title {
	font-size: 13px;
	line-height: 21px;
}

#hermes-gallery .slide-title-single {
	margin-left: 20px;
}

#hermes-gallery img {
	height: auto;
	width: 100%;
}

/*
.hermes-gallery-slide img {
	height: auto;
	width: 100%;
}

#hermes-gallery .slide-meta {
	background-color: #d19958;
	color: #fff;
	padding: 10px 15px;
}

#hermes-gallery .slide-counter {
	border-right: solid 1px #b4854f;
	color: #444;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	margin-right: 10px;
	padding-right: 10px;
}

#hermes-gallery .slide-title {
	font-size: 13px;
	line-height: 21px;
}

*/



/* :hover states */

.hermes-room:hover .title-post {
	background-color: #9d7444;
	color: #fff;
}

.hermes-room:hover .title-post a {
	color: #fff;
}

.hermes-room:hover .title-post a:hover {
	color: #222;
}

.hermes-room:hover .excerpt-wrap {
	background-color: #d0a16b;
	border-bottom: solid 1px #9d7444;
	color: #fff;
}

.hermes-room:hover .room-price {
	background-color: #684d2c;
}

.hermes-attraction .post-excerpt {
	text-align: center;
}

.hermes-attraction .post-cover {
	margin-bottom: 10px;
}

.hermes-attraction .postmeta {
	margin: 5px 0 0;
}




/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.hermes-slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0; }
.flexslider .hermes-slides > li { display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .hermes-slides img { display: block; width: 100%; }

/* Clearfix for the .slides element */
.hermes-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .hermes-slides {display: block;} 
html .hermes-slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .hermes-slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .hermes-slides {zoom: 1;}

.carousel li {margin-right: 5px; }


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {
	background:url(hermes-arrows2.png) no-repeat;
	cursor: pointer;
	position: absolute;
	top: 40%;
	width: 76px;
	height: 79px;
	text-indent:-9999px; 
	z-index: 60;
	zoom: 1;
	filter: alpha(opacity=30);
	opacity: 0.50; 
	-webkit-transition: all .3s ease;
}

.flexslider-normal .flex-direction-nav a {
	top: 40%;
}

.flexslider:hover .flex-next {right: 5px; filter: alpha(opacity=60); opacity: 0.6; }
.flexslider:hover .flex-prev {left: 5px; filter: alpha(opacity=60); opacity: 0.6; }

#hermes-gallery a.flex-next { background-position:-76px 0; right:0;}
#hermes-gallery a.flex-prev { background-position: 0 0; left:0; }
#hermes-gallery a.flex-next:hover {	filter: alpha(opacity=100); opacity: 0.8; }
#hermes-gallery a.flex-prev:hover { filter: alpha(opacity=100); opacity: 0.8; }

/********************************************************************************************* 

12. Media Queries 

*********************************************************************************************/   
 
/* Desktops and laptops */
@media only screen 
and (min-width: 1224px) {

	div.wrapper {
		width: 1100px;
	}

}

/* Wide Monitors */
@media only screen 
and (min-width: 1824px) {

	div.wrapper {
		width: 1200px;
	}

}

/* Tablet Landscape */

/* Tablet Landscape */
@media screen and (max-width: 960px) {

	.hermes-gallery-slide {
		height: 350px;
	}
	
}

/* Tabled Portrait */
@media screen and (max-width: 768px) {

	.hermes-gallery-slide {
		height: 300px;
	}
	
	.title-l {
		font-size: 20px;
		line-height: 30px;
	}	

	.title-s {
		font-size: 13px;
		line-height: 21px;
	}
	
	#content {
		font-size: 12px;
	}
	
	aside {
		width: 28.0811%;
	}
	#main {
		width: 71.9188%;
	}

	.featured-pages .post-excerpt,
	.hermes-post .post-excerpt {
		font-size: 12px;
		line-height: 18px;
	}
	
	.hermes-posts-recent .post-cover {
		display: none;
	}
	
}

/* All Mobile Sizes (devices and browser) */


/* All Mobile Sizes (devices and browser) */

/* All Mobile Sizes (devices and browser) */