/*
Theme Name: Luxary Resort
Theme URI: http://cms-theme.net
Author: Cms-Theme
Author URI: http://themeforest.net/user/cms-theme
Description: The 2015 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready
Text Domain: Cms-Theme

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */
#zo-header-navigation .main-navigation .menu-main-menu > li > a, 
#zo-header-navigation .main-navigation .menu-main-menu > ul > li > a {
    padding: 0px !important;
}
/******* side panel styles *******/
#nelson-hotels {
    background: #fff none repeat 0 0;
    border: 1px solid #c0bdb4;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    left: -400px;
    padding: 25px;
    position: absolute;
    top: 300px;
    width: 397px;
    z-index: 99999;
}
#nelson-hotels h4 {
    margin: 0 0 6px 0;
    font-family: "Cinzel";
    font-size: 16px;
    line-height: 18px;
}
#nelson-hotels h4 a {
    color: #323232;
}    
#nelson-hotels hr {
    border-color: #e1ded6;
    clear: both;
    margin: 15px 0;
}
#nelson-hotels .first {
    margin-top: 0;
}
#nelson-hotels .last {
    margin-bottom: 0;
}
#nelson-hotels .image-link {
    display: block;
    float: left;
    margin: 0px 20px 15px 0;
    max-width: 50%;
}
#nelson-hotels .image-link:hover {
    opacity: 0.8;
}
#nelson-hotels p {
	font-size: 13px;
	line-height: 17px;
	margin-bottom: 10px;
}
#nelson-hotels h4 + p {
    margin-top: 0;
}
#nelson-button {
    background: rgba(0, 0, 0, 0) url("assets/images/nelson-hotels-button.png") no-repeat 0 0;
    height: 270px;
    margin-bottom: 30px;
    position: absolute;
    right: -51px;
    text-indent: -9999px;
    top: -1px;
    width: 50px;
    z-index: -99;
}
@media (max-width: 980px) {
	#nelson-hotels,
	#nelson-button {
		display: none;
	}
}

/******* END side panel styles *******/

/*footer on mobile*/

	.nav_primary_mobile {
		float: left;
		width: 100%;
		background: #151515;
		height: 45px;
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 500;
		display: none;
	}.nav_primary_mobile ul {
		float: left;
		width: 100%;
		list-style-type:none;
		margin:0px;
		padding:0px;
	}
	.nav_primary_mobile ul li {
		float: left;
		width: 25%;
	}
	.nav_primary_mobile ul li a, .nav_primary_mobile ul li .main_menu mob-nav-btn {
		float: left;
		width: 100%;
		background: #1f1f1f;
		text-align: center;
		color: #fff;
		font-size: 8px;
		text-transform: uppercase;
		position: static;
		padding: 12px 5px;
		text-decoration: none;
		margin: 0;
		border-right: 2px solid #242526;
		line-height:normal;
	}
	.nav_primary_mobile .icon_main {
		font-size: 10px;
		line-height: normal;
		padding-bottom: 4px;
	}
	.nav_primary_mobile ul li a i{
		float: left;
		width: 100%;
		text-align: center;
		display: block;
		color: #5c5c5c;
		font-size: 18px;
		line-height: 30px;
	}
	.nav_primary_mobile ul li a:hover, .nav_primary_mobile ul li a.book_now {
		background: #444;
	}
	.nav_primary_mobile ul li a:hover i, .nav_primary_mobile ul li a.book_now i { color:#fff;}

@media (max-width:767px){
.nav_primary_mobile { display:block;}
.back_to_top.on { bottom:50px!important;}
.home #luxary-booking-form .rtb-booking-form { display:none;}
}
/*footer on mobile end*/

.wpb_revslider_element .rev_slider .tp-bullets { top:50%!important;}

@media (max-width:1366px){
	.zo-book-room .wpb_column { margin-top:280px;} 
}
@media (max-height:768px) and (min-width:1023px){
.zo-book-room #luxary-booking-form .rtb-booking-form { background-color:transparent!important; position:relative; top:100px;}	
.zo-book-room .rtb-booking-form h3{ display:none;}
}





@media only screen and (max-width:991px){
    body{padding-top:80px;}
	body.home {padding-top:0px;}
	
    #masthead{position:fixed; top:0; left:0; width:100%; z-index:9999;}
    body.admin-bar #masthead{top:32px;}
    #zo-header-top{float:left;}
    #zo-header-top .zo-header-top-logo img{max-width:270px;}
    #zo-menu-mobile{float:right; padding:23px 0 15px;}
    #zo-navigation-wrap{border-top:3px solid #9F9364; overflow-x:hidden; overflow-y:auto;}
    #menu-primary{margin:0;}
    #zo-header-navigation{clear:both;}
}
@media only screen and (max-width:782px){
    body.admin-bar #masthead{top:45px;}
    
}
@media only screen and (max-width:600px){
    body.admin-bar{padding-top:35px;}
    body.admin-bar #masthead{top:0px;}
}
@media (max-width:379px){
    #zo-header-top .col-logo{padding:0;}
    #zo-header-top .zo-header-top-logo img{max-width:235px;}
    #zo-menu-mobile{float:right; padding:23px 0 13px;}
}

@media only screen and (min-width:992px){
    #zo-header-navigation{display:block !important;}
    #zo-navigation-wrap{max-height:auto !important;}
	
	.home #masthead {position: absolute;top: 0px;left: 0px;right: 0px;}

}