/*
Theme Name: Ramada Weho
Theme URI: http://underscores.me/
Author: Edward Jenkins
Author URI: http://www.heavedesign.com
Description: A custom theme for Ramada West Hollywood
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ramadaweho
Tags:

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.

Ramada Weho is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Fonts
# Navigation
# Accessibility
# Widgets
# Content
	## Comments
# Media
	## Captions
	## Galleries
# Templates
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

ul.black-menu li a {
	display: block;
	text-decoration: none;
	color: #2d2d2d;
	text-transform: uppercase;
	padding: 0.5em 2.35em;
	padding-bottom: 2.5em;
	padding-left: 0;
	font-family: "Work Sans", Arial, sans-serif;
	font-weight: 500;
	letter-spacing: 0.57px;	
}

.main-navigation li a {
	display: block;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	padding: 0.5em 2.35em;
	padding-bottom: 2.5em;
	padding-left: 0;
	font-family: "Work Sans", Arial, sans-serif;
	font-weight: 500;
	letter-spacing: 0.57px;
}

.main-navigation ul.black-menu li:hover span,
.main-navigation ul.black-menu li.current-menu-item span {
	border-bottom: 2px solid #2d2d2d;
	padding-bottom: 0.75em;
}

.main-navigation li:hover span,
.main-navigation li.current-menu-item span {
	border-bottom: 2px solid #fff;
	padding-bottom: 0.75em;
}

.main-navigation li a:last-child {
	padding-right: 2em;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
	background-color: #fff;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation .sub-menu {
	margin-top: 1em;
	width: 171px;
	padding: 1.25em;
}

#sticky-header .main-navigation .sub-menu {
	margin-top: 3.5em;
}

.main-navigation ul ul a {
	width: 100%;
	font-weight: 500;
	font-size: 14px;
	color: #2d2d2d;
	padding: 0;
}

.main-navigation ul ul li {
	padding-bottom: 0.75em;
	width: 100%;
}

.main-navigation ul ul li:last-child {
	padding-bottom: 0;
}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

.menu-toggle {
	float: right;
}

.slick-next,
.slick-prev {
	display: none!important;
}

/*.compact-menu li.social {
	display: none;
}*/

.compact-menu {
	float: right;
}

#sticky-header .menu-open {
	line-height: 96px;
}

.menu-open {
	float: right;
}

.menu-close {
	position: static;
	right: 10px;
	top: 10px;
	float: right;
	line-height: 96px;
}

.menu-close img {
	width: 30px;
	height: 26px;
}

.mobile-menu {
	/*display: none;*/
	position: fixed;
	right: -400px;
	top: 0;
/*	width: 0;*/
	z-index: 99999;
	position: fixed;
	width: 300px;
	top: 0px;
	height: 100vh;
/*	padding-left: 1em;
	padding-right: 1em;*/
	background: rgb(251, 251, 251);
}

.mobile-menu .sub-menu {
	display: none;
}

header.menu-header {
	z-index: 99999999;
	padding: 0 2em 0 2em;
	border-bottom: 1px solid #e9e9e9;
	height: 96px;
}

header.menu-header h5 {
	float: left;
	font-family: "Work Sans", Arial, sans-serif;
	font-weight: 500;
	margin-bottom: 0;
	line-height: 96px;
}

.mobile-menu ul.nav.desktop-menu {
	margin-left: 0;
	padding-left: 1.1em;
}
.mobile-menu ul.nav.desktop-menu li {
		display: block;
		text-align: left;
		width: 100%;
}
.mobile-menu ul.nav.desktop-menu li a {
		color: #2d2d2d;
		padding: 1em;
}

.mobile-menu ul.sub-menu {
	margin-left: 0;
}

.mobile-menu ul.nav.desktop-menu li ul.sub-menu li a {
	font-size: 0.9rem;
	color: #7e7e7e;
}

@media screen and ( min-width: 1215px ) {
	/* only show the arrows for this view */
	.slick-next,
	.slick-prev {
		display: block!important;
	}
}

@media screen and ( max-width: 1024px ) {
	li.social {
		display: none!important;
	}

	ul.nav.desktop-menu {
		background: #fbfbfb;
		position: absolute;
		right: 0;
		width: 100%;
		top: 100px;
		height: 100vh;
	}
	ul.nav.desktop-menu li {
		display: block;
		text-align: left;
		width: 100%;
	}
	ul.nav.desktop-menu li a {
		color: #2d2d2d;
		padding: 0.5em 1em;
	}
}

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

	.menu-open {
		display: none;
		float: right;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

.main-navigation li.social {
	margin-top: 6px;
}

.desktop-menu {
	float: right;
}

.main-navigation ul li .menu-social a {
	display: inline;
	padding: 0.25em 0.7em;
}

.main-navigation ul.sub-menu li span {
	border: none!important;
}

.main-navigation ul.sub-menu li:hover span {
	border: none;
}

.main-navigation ul li .menu-social a:last-child {
	padding-right: 0;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 0;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.5em 0;
}

.wp-caption-text {
	text-align: center;
	font-size: 0.85em;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

header.site-header {
	/*position: absolute;*/
	/*margin-top: 2em;*/
	/*width: 100%;*/
}

.no-image-bg {
	background-color: #fbfbfb;
/*	padding-top: 2.95em;
	padding-bottom: 1em;*/
	border-bottom: 1px solid #e6e6e6;
	height: 96px;
}

.no-image-bg .site-branding a {
	line-height: 96px;
}

.no-image-bg .menu-open {
	line-height: 96px;
}

.no-image-bg ul.black-menu li a {
	line-height: 86px;
}

.no-image-bg .main-navigation .sub-menu {
	margin-top: 3.5em;
}

.no-image-bg ul.black-menu li ul li a {
	line-height: inherit;
}

/* Sticky Header */

#sticky-header {
	display: none;
	position: fixed;
	width: 100%;
	top: 0;
	padding-top: 0;
	padding-bottom: 0;
	z-index: 999;
	background: #fbfbfb;
	height: 96px;
}

#sticky-header .site-branding a {
	line-height: 96px;
}

#sticky-header ul.black-menu li a {
	padding-bottom: 0;
	line-height: 86px;
}

#sticky-header ul.black-menu li ul li a {
	line-height: inherit;
	padding-bottom: 0;
}

#sticky-header ul.black-menu li a span {
	vertical-align: middle;

}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

footer.site-footer {
	border-top: 1px solid #e6e6e6;
	padding: 4em 0;
}

footer .footer-social,
footer ul.footer-menu {
	list-style-type: none;
}

footer.site-footer * {
	font-family: "Work Sans", Arial, sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	color: #7e7e7e;
	font-size: 0.85rem;
}

footer.site-footer address {
	font-style: normal;
}

footer.site-footer .copyright {
	text-transform: capitalize;
}

footer.site-footer ul li {
	margin-bottom: 0.75em;
}

#footer-logo {
	margin-bottom: 2em;
}

.footer-social li a img {
	margin-right: 0.75em;
}

.footer-social .social-img-wrap {
  display: inline-block;
  width: 26px;
  text-align: center;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6 {
	font-family: "Heebo", Arial, sans-serif;
	font-weight: 300;
}

/*--------------------------------------------------------------
# Templates
--------------------------------------------------------------*/

.hero-bg {
	background-size: cover;
	background-position: center center;
	padding: 2.95em;
	padding-left: 1em;
	padding-right: 1em;
	margin-bottom: 2.25em;
}

.home .hero-bg {
	margin-bottom: 0;
}

.page-template-template-welcome .hero-bg {
	margin-bottom: 0;
}

/*--------------------------------------------------------------
## Explore
--------------------------------------------------------------*/

.attraction-thumb {
	background-size: cover;
	height: 242px;
	background-position: center center;
}

.map-attraction-thumb {
	background-size: cover;
	height: 242px;
	background-position: center center;
}

p.directions {
	padding-top: 0.5em;
}

.explore-list .location-list .page-subheading {
	text-align: left;
	margin-top: 1.5em;
}

.explore-list .column {
	/*margin-bottom: 2.5em;*/
	margin-bottom: 3.75em;
}

.explore-list .column:first-child {
	padding-left: 0;
}

.explore-list .column:last-child {
	padding-right: 0;
}

.explore-list .location-list h4 {
	font-size: 20px;
	color: #2d2d2d;;
}

.explore-list .location-list h6.directions {
	font-size: 13px;
}

.directions a {
/*	position: absolute;
	bottom: 0;*/
}

.map-button {
	color: #2d2d2d;
	font-family: "Work Sans";
	font-size: 14px;
	padding: 0.5em 1.25em;
	min-width: 145px;
	text-align: center;
	cursor: auto;
}

.map-button-parent {
	box-shadow: 0 2px 2px -2px #e9e9e9;
}

.map-button-child.selected {
	position: relative;
}

.map-button-child.selected:after {
	content: '\2713';
	position: absolute;
	right: 5px;
}

.page-template-template-explore h2.page-title {
	margin-bottom: 0;
}

.page-template-template-explore .entry-header {
	padding-bottom: 3.75em;
}

.map-slides {
	margin-bottom: 2em;
}

hr.map-attraction-active {
	margin: 0;
	margin-top: 0.75em;
	border-bottom: 4px solid #C74E40;
	width: 50%;
}

.map-slides .slick-prev,
.map-slides .slick-next {
	top: 36%;
}

.map-slides .slick-slide {
	margin: 0 0.5em;
	cursor: pointer;
}

.map-slides .slick-slide h6 {
	margin-bottom: 0;
	margin-top: 1em;
}

.map-slides .slick-slide h5 {
	margin-bottom: 0;
}

.detail-list {
	padding-bottom: 2.5em;
}

.detail-list .column:first-child {
	padding-left: 0;
}

#attraction-map {
	height: 500px;
}

/*--------------------------------------------------------------
## Attraction Template
----------------------------------------------------------------*/

.single-attraction .page-title {
	margin-bottom: 0;
	padding-bottom: 2rem;
}

.attraction-banner {
	padding-bottom: 2.5em;
}

.attraction-weblink img {
	width: 18px;
	vertical-align: middle;
}

.attraction-weblink span {
	vertical-align: middle;
}

/*--------------------------------------------------------------
## Contact
--------------------------------------------------------------*/

.page-template-template-contact .page-title {
	margin-bottom: 1.25em;
}

.contact-card {
	background-color: #fdfdfd;
	height: 377px;
	width: 100%;
	text-align: center;
	padding-top: 7.25em;
}

.contact-card a:not(.directions) {
	color: inherit;
}

.contact-card .contact {
	padding-right: 4em;
}

.contact-card a.directions {
	display: block;
	font-weight: 500;
	font-size: 14px;
	margin: 1em 0 1.7em 0;
}

.contact-card h5 {
	font-weight: 400;
	line-height: 27px;
}

.contact-card h6 {
	display: inline;
	font-family: "Heebo", Arial, sans-serif;
	font-weight: 500;
}

.contact-card img:not(.sep) {
	vertical-align: text-bottom;
}

.contact-card img.sep {
	margin: 0 2em;
}

.instagram-feed {
	text-align: center;
	margin-top: 2.7em;
}

.instagram-feed h6 {
	font-weight: 600;
	font-family: "Work Sans", Arial, sans-serif;
	margin-bottom: 0;
}

.gform_ajax_spinner {
	display: none!important
}

/*--------------------------------------------------------------
## Home
--------------------------------------------------------------*/

.home-content {
	padding: 4.3295em  0;
	max-width: 666px;
}

.home-content * {
	color: #fff;
	text-align: center;
}

.home-content input {
	color: #d2d2d2;
}

.home-content h1 {
	font-family: "Heebo", Arial, sans-serif;
	font-size: 2.4em;
	font-weight: 700;
}

.home-content h5 {
	font-family: "Heebo", Arial, sans-serif;
	font-weight: 400;
	line-height: 28px;
	margin-bottom: 1.75em;
}

.weho-weather {
	font-family: "Work Sans", Arial, sans-serif;
	font-weight: 500;
	font-size: 30px;
}

.weather-row {
	padding: 1em 0;
}

.weather-row .contact {
	margin-top: 0.25em;
}

.weather-row .contact a {
	color: inherit;
}

.grey-bg {
	background-color: #fbfbfb;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
}

.grey-bg h6 {
	margin-bottom: 0;
}

.grey-bg p {
	margin-bottom: 1.5em;
}

.weather-row img:not(.sep) {
	vertical-align: text-bottom;
	width: 25px;
}

.weather-row img.sep {
	margin: 0 2em;
}

.row.learn-more {
	padding: 3.5em 0 1.5em 0;
}

.weather-row h6 {
	display: inline;
	font-family: "Heebo", Arial, sans-serif;
	font-weight: 500;
}

.grey-bg h6.heading {
	margin-top: 2em;
}

.location-list {
	position: relative;
}

.location-overlay {
	background-color: #fff;
	width: 80%;
	position: absolute;
	top: 50%;
	left: 10%;
	padding: 1em 0;
}

.location-overlay h6 {
	margin: 0;
}

.explore h2.heading {
	margin-bottom: 1.5em;
}

.explore p {
	margin-bottom: 1.5em;
}

.home-callout .left-block {
	/*padding: 7em 0;*/
}

.home-callout {
	position: relative;
	padding: 7.5em 0;
}

.home-callout .right-block {
	position: absolute;
	top: 0;
	right: 0;
}

.map-bg h6.heading {
	margin-bottom: 0;
}

.shop-list {
	margin-top: 1.75em;
}

.shop-list a {
	color: inherit;
}

.shop-list h6 {
	font-family: "Work Sans", Arial, sans-serif;
	font-weight: 400;
}

.phone-number a {
	color: inherit;
}

.mobile-booking-form {
	display: none;
}

/**
 * ## Rooms Template
 */

.row.interior-booking-form {
	max-width: 656px;
}

.page-template-template-rooms footer.site-footer {
	border-top: 0;
}

.interior-title {
	font-weight: 700;
	color: #fff;
	text-align: center;
	padding: 4.3295em 0;
	margin-bottom: 0;
}

.interior-booking-form .input-group.booking {
	/*margin: 2em 0;*/
	margin-bottom: 2.25em;
}

.input-group.booking input.input-group-field {
	border: 1px solid #e9e9e9;
	float: left;
}

.input-group.booking input.input-group-field:first-child {
	border-right: none;
}

/**
 * Room Single
 */

ul.amenity-list {
	font-size: 14px;
	list-style-type: none;
	margin-left: 0;
}

ul.amenity-list li:before {
	content: "·";
	font-size: 30px;
	vertical-align: middle;
	line-height: 26px;
	margin-right: 4px;
}

.amenity-wrapper {

}

.sep-row {
	padding-left: 1em;
	padding-right: 1em;
}

hr.separator {
	margin: 0;
	border-bottom: 1px solid #e9e9e9;
}

.amenity-wrapper h4 {
	font-size: 30px;
	line-height: 1em;
}

.border-top {
	border-top: 1px solid #e9e9e9;
}

/**
 * General Page Template
 */

.page-title {
	text-align: center;
	line-height: 1.5em;
}

.page-subheading {
	margin-bottom: 0;
	text-align: center;
}

/** Gravity Forms */

.gform_body ul {
	margin-left: 0;
	list-style-type: none;
}

.gfield_label {
	position: absolute;
	clip: rect(0,0,0,0);
}

.ginput_container input {
	border: 1px solid #e9e9e9;
	box-shadow: none;
	color: #2d2d2d;
	padding: 1.04em;
	height: auto;
	margin: 0 0 1.27rem;
}

.ginput_container textarea#input_1_3 {
	height: 157px;
	padding: 1.04em;;
}

#gform_submit_button_1 {
	padding: 1.15em 2.88em;
}

/**
 * FAQs
 */

.faqs p {
	margin-bottom: 1.65em;
}

h5.faq-title {
	font-weight: 400;
	cursor: pointer;
	margin-bottom: 1.5em;
}

.faqs .entry-content {
	display: none;
}

/**
 * Booking
 */

.booking input {
	height: 3.4rem;
	width: 50%;
	display: inline-block;
	text-align: left;
	padding-left: 1em;
	cursor: default;
	color: #2d2d2d;
	background: url(/wp-content/themes/ramadaweho/assets/date.svg) no-repeat scroll right 1em center;
	background-color: #fff;
	border: 1px solid #e9e9e9;
}

.booking .booking-button {
	padding: 1.137em 1.5em;
}

.booking .input-group-button {
	width: 173px;
}

.booking .booking-date:focus,
.booking .booking-date:active {
	border: none;
	box-shadow: none;
  border: inherit;
  outline: none;
  box-shadow: inherit;
  transition: inherit;
}

.mobile-booking-date {
	width: 100%;
	display: block;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
   color: #2d2d2d;
}
input:-moz-placeholder,
textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:    #2d2d2d;
  opacity:  1;
}
input::-moz-placeholder,
textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:    #2d2d2d;
  opacity:  1;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:    #2d2d2d;
}

/**
 * Re-usable Classes
 */

.bold {
	font-weight: bold;
}

.full-width {
	width: 100%;
}

.heebo-bold {
	font-family: "Heebo", Arial, sans-serif;
	font-weight: 700;
}

.button.clear-booking {
	background: transparent;
	color: #c74e40;
	text-transform: uppercase;
	transition: opacity 0.25s ease-out, color 0.25s ease-out;
	line-height: 22px;
}

.button.clear-booking span {
	font-size: 13px;
}

.button.clear-booking:hover {
	opacity: 0.8;
}

.button.clear-booking img {
	margin-right: 0.5em;
	vertical-align: middle;
}

.red {
	color: #C74E40;
}

.uppercase {
	text-transform: uppercase;
}

.no-margin-bottom {
	margin-bottom: 0;
}

.pad-row {
  padding: 5em 0;
}

.pad-row-half {
  /*padding: 2.5em 0;*/
  padding: 3.75em 0;
}

.pad-row-half .pad-row-half {
	padding-left: 0!important;
	padding-right: 0!important;
}

.no-padding {
	padding: 0;
}

.float-right {
	float: right;
}

.float-left {
	float: left;
}

.no-padding-right {
	padding-right: 0;
}

.no-padding-left {
	padding-left: 0;
}

.no-padding-bottom {
	padding-bottom: 0;
}

.no-padding-top {
	padding-top: 0;
}

.pad-top {
	padding-top: 3.75em;
}

.no-margin {
	margin: 0;
}

.no-margin-right {
	margin-right: 0;
}

.no-margin-left {
	margin-left: 0;
}

.no-margin-bottom {
	margin-bottom: 0;
}

.no-margin-top {
	margin-top: 0;
}

.animated {
  -webkit-animation-duration: 2s; 
  animation-duration: 2s; 
  -webkit-animation-fill-mode: both; 
  animation-fill-mode: both;
}

@-webkit-keyframes shake {
  0%, 100% {-webkit-transform: translateX(0);} 
  10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-40px);} 
  /*20%, 40%, 60%, 80% {-webkit-transform: translateX(5px);} */
}

@keyframes shake { 
  0%, 100% {transform: translateX(0);} 
  10%, 30%, 50%, 70%, 90% {transform: translateX(-40px);} 
  /*20%, 40%, 60%, 80% {transform: translateX(5px);} */
}

.shake { 
  -webkit-animation-name: shake; 
  animation-name: shake; 
}

/**
 * Foundation Overrides
 */

.row .row {
    margin-left: 0;
    margin-right: 0;
}

body {
	font-weight: 300;
}

input.input-group-field {
	box-shadow: none!important;
	transition: none!important;
}

table thead th,
table thead td,
table tfoot th,
table tfoot td {
	text-align: center;
}

table tbody {
	border: none;
}

table thead,
table tfoot,
table tbody tr:nth-child(even) {
	background: #fff;
	border: none;
}

* {
	outline: none;
}

.button {
	font-size: 1rem;
	font-family: "Work Sans", Arial, sans-serif;
	font-weight: 400;
	padding: 0.85em 1.5em;
}

input[type='text']:focus,
input[type='password']:focus,
input[type='date']:focus,
input[type='datetime']:focus,
input[type='datetime-local']:focus,
input[type='month']:focus,
input[type='week']:focus,
input[type='email']:focus,
input[type='number']:focus,
input[type='search']:focus,
input[type='tel']:focus,
input[type='time']:focus,
input[type='url']:focus,
input[type='color']:focus,
textarea:focus {
	border: 1px solid #e9e9e9;
	background-color: #fff;
	box-shadow: 0 0 10px #e9e9e9;
}

textarea {
	border: 1px solid #e9e9e9;
	box-shadow: none;
}

/**
 * SlickJS
 */

.home-slides {
	display: none;
}

.room-slides {
	display: none;
}

.home-slide-content a.title-link {
	color: inherit;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
    outline: none;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */

.slick-loading .slick-list {
    background: #fff url('./assets/ajax-loader.gif') center center no-repeat;
}
/* Icons */

@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url('./assets/fonts/slick.eot');
    src: url('./assets/fonts/slick.eot?#iefix') format('embedded-opentype'), url('./assets/fonts/slick.woff') format('woff'), url('./assets/fonts/slick.ttf') format('truetype'), url('./assets/fonts/slick.svg#slick') format('svg');
}
/* Arrows */

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
/*    width: 20px;
    height: 20px;*/
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}
.slick-prev:before,
.slick-next:before {
/*    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;*/
}
.slick-prev {
    left: -85px;
}
[dir='rtl'] .slick-prev {
    right: -85px;
    left: auto;
}
.slick-prev:before {
    content: '←';
}
[dir='rtl'] .slick-prev:before {
    content: '→';
}
.slick-next {
    right: -85px;
}
[dir='rtl'] .slick-next {
    right: auto;
    left: -85px;
}
.slick-next:before {
    content: '→';
}
[dir='rtl'] .slick-next:before {
    content: '←';
}
/* Dots */

.slick-dotted.slick-slider {
    margin-bottom: 30px;
}
.slick-dots {
    position: absolute;
    bottom: 5px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}
.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 9px;
    height: 9px;
    content: '';
    text-align: center;
    opacity: 1;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
		border: 1px solid #fff;
		border-radius: 50%;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #fff;
    width: 7px;
    height: 7px;
    border: 4px solid #fff;
    margin-top: 1px;
}

/** Booking Date Picker */

#ui-datepicker-div {
	/*padding: 0 0 0 0.75em;*/
	background: #fff;
	max-width: 355px;
	width: 100%;
	text-align: center;
	border: 1px solid #e9e9e9;
	border-top: none;
	box-shadow: 0 1px 2px 0px #e9e9e9;
}

a.ui-state-hover {
	/*background: red;*/
}

table.ui-datepicker-calendar tbody td a {
	color: inherit;
	padding: 5px 9px;
	font-weight: 400;
}

.ui-datepicker-current-day {
/*	background-color: #C74E40;*/
}

.ui-datepicker-current-day a {
/*	color: #fff!important;*/
}

.highlight-date {
	background-color: #C74E40;
}

.highlight-date a {
	color: #fff!important;
}

.ui-datepicker-today a {
/*	background: #C74E40;
	border-radius: 50%;
	color: #fff!important;*/
}

.ui-datepicker-header {
	background-color: #fff;
}

.ui-datepicker-title {
	text-align: center;
	font-family: "Work Sans";
	font-weight: 500;
	color: #3f3f3f;
	text-transform: uppercase;
	padding: 0.75em 0;
}

.ui-datepicker-prev {
	position: absolute;
	left: 20px;
	top: 12px;
}

.ui-datepicker-other-month span {
	visibility: hidden;
}

table td {
	border-left: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
}

table td:first-child {
	border-left: none;
}

table td:last-child {
	border-right: none;
}

table tr:last-child td {
	border: none;
}

.ui-datepicker-next {
	position: absolute;
	right: 0;
	top: 12px;
}

table.ui-datepicker-calendar {
	width: 96%;
	margin-bottom: 0.65rem;
	border-radius: 0;
	margin-left: 7px;
}

table.ui-datepicker-calendar tbody td {
	padding: 0.25rem;
}

table.ui-datepicker-calendar thead th {
	font-weight: 800;
	border-right: 1px solid #e9e9e9;
}

table.ui-datepicker-calendar thead th:last-child {
	border-right: none;
}

table.ui-datepicker-calendar td {
	font-size: 14px;
}

.ui-datepicker-prev span {
	background-image: url('/wp-content/themes/ramadaweho/assets/calendar-nav-left.svg');
	background-repeat: no-repeat;
	color: transparent;
	margin-left: 5px;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none; 
	background-size: contain;
}

.ui-datepicker-next span {
	background-image: url('/wp-content/themes/ramadaweho/assets/calendar-nav-right.svg');
	background-repeat: no-repeat;
	color: transparent;
	margin-right: 5px;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;
  background-size: contain;
}

/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/

@media screen and ( max-width: 1100px ) {
	.pad-row,
	.pad-row-half,
	.weather-row {
		padding-left: 1em!important;
		padding-right: 1em!important;
	}

	.home-content {
		padding: 3.5em 0;
	}

	.hero-bg {
		padding: 2em;
	}

	#header:not(.no-image-bg) .columns {
		padding-left: 0;
		padding-right: 0;
	}

	.left-block {
		padding-left: 2em;
	}
/*	.no-padding {
		padding-left: .9375rem;
    padding-right: .9375rem;
	}*/
}

@media screen and ( min-width: 1025px ) {
	.pad-content {
		padding: 2em 5.375em;
	}
}

/** Targets Medium Screens Only */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	.detail-list .column {
		padding-left: 0;
	}
	.no-padding-medium {
		padding: 0!important;
	}
	.no-padding-right-medium {
		padding-right: 0!important;
	}
	.no-padding-left-medium {
		padding-left: 0!important;
	}
}

@media screen and ( max-width: 39.9375em ) {
/*	.shop-list .column {
		display: none;
	}
*/

	img.explore-attraction {
		width: 100%;
	}

	.no-padding-small {
		padding: 0!important;
	}

	.no-padding-left-small {
		padding-left: 0!important;
	}

	.no-padding-right-small {
		padding-right: 0!important;
	}

	.shop-list .column:first-child {
		display: block;
	}

	.footer-social {
		margin-left: 0;
	}

	.footer-menu {
		margin-left: 0;
	}

	.ramada-info {
		padding-left: 1.5em;
    padding-right: 1.5em;
    text-align: center;
    margin-bottom: 3em;
	}

	.left-block {
    padding-left: 1.75em;
    padding-right: 1.5em;
	}

	.no-padding-right {
		padding-right: .625rem;
	}

	a.title-link h2 {
		margin-top: 0.5em;
	}

	.grey-bg.pad-row img:not(.booking-icon),
	.home-slide-content img:not(.booking-icon) {
		width: 100%;
	}

	.detail-list .column {
		padding-left: 0;
	}

/*	.footer-social {
		text-align: right;
	}*/

	.site-footer {
		padding: 2em 0.5em;
	}

	.home-callout .right-block {
		position: static;
	}
	.home-callout {
		padding: 2em 0;
	}

	.button {
		width: 100%;
	}

	.home-content {
		padding: 1em 0;
	}
	.medium-12.columns.small-centered.home-content {
		padding: 0;
		padding-top: 3em;
	}

	.home-content h1 {
		font-size: 34px;
		line-height: 38px;
	}

	.home-content h5 {
		font-size: 18px;
		line-height: 28px;
	}

	.weho-weather {
		font-size: 24px;
	}

	h6.uppercase {
		font-size: 12px;
	}

	h2 {
		font-size: 24px;
		margin-bottom: 0;
	}
	footer.site-footer * {
		font-size: 13px;
	}
	.ramada-menu.text-right {
		padding: 0 1.2em;
	}
	.shop-list {
	  margin-top: 0.75em;
	}
	body {
		overflow-x: hidden;
	}

	.explore h2.heading {
		margin-bottom: 0.5em;
	}

	.explore .text-center,
	.heebo-bold.red.uppercase.text-center,
	h2.text-center {
		text-align: left;
	}
	.slick-slide img {
		width: 100%;
	}
	h1, h2, h3, h4, h5, h6 {
		margin-bottom: 0;
	}
	.slick-dots li button {
		display: inline-block;
	}
	.slick-dotted.slick-slider {
		margin-bottom: 0;
	}
	.amenity-wrapper {
		padding-top: 1.5em;
		/*text-align: center;*/
	}
	#google-map {
		display: none;
	}
	.explore-list .column {
		padding: 0;
	}
	#sticky-header {
		display: none;
		position: fixed;
		width: 100%;
		top: 0;
		padding-top: 0;
		padding-bottom: 0;
		z-index: 999;
		background: #fbfbfb;
		height: 60px;
	}

	#sticky-header .site-branding a {
		line-height: 60px;
	}

	#sticky-header ul.black-menu li a {
		padding-bottom: 0;
		line-height: 60px;
	}
	#sticky-header .menu-open {
	    line-height: 60px;
	}
	.menu-close {
	    position: static;
	    right: 10px;
	    top: 10px;
	    float: right;
	    line-height: 60px;
	}
	header.menu-header h5 {
		line-height: 60px;
	}
	header.menu-header {
		height: 60px;
	}

	.no-image-bg {
		height: 60px;
	}
	.no-image-bg .site-branding a {
		line-height: 60px;
	}
	.no-image-bg .menu-open {
		line-height: 60px;
	}

	.home-callout .right-block {
		display: none;
	}
}

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

	.mobile-booking-form {
		display: block;
	}

	.home-content .input-group.booking,
	.interior-booking-form {
		display: none;
	}

	.weather-row .sep,
	.weather-row a.contact {
		display: none;
	}

	.weather-row {
		border-bottom: 1px solid #e9e9e9;
	}

	.pad-row {
		padding-top: 1.5em;
		padding-bottom: 1.5em;
	}

	.pad-row-half {
		padding-top: 0.75em;
		padding-bottom: 0.75em;
	}

	.input-group-field {
		height: 3.5rem;
		margin-bottom: 1.5rem;
	}

	a.button.booking-button {
		margin-bottom: 0;
		padding: 1.2em 1.5em;
	}

	.home-content h5 br {
		display: none;
	}
}

@media screen and ( min-width: 800px ) {
	.page-template-template-rooms .clear-booking {
		visibility: hidden;
	}
}

@media screen and ( max-width: 1000px ) {
	.grey-bg h6.heading {
		margin-top: 0;
	}
}

@media screen and ( max-width: 63.9375em ) {
	.instagram-list .column:not(:last-child) {
		padding-bottom: 2em;
	}
	.detail-list .column {
		margin-bottom: 1em;
	}
	.shop-list .column {
		margin-bottom: 1.5em;
	}
}

@media screen and ( min-width: 63.9375em ) {
	.no-padding-large {
		padding: 0!important;
	}
	.no-padding-right-large {
		padding-right: 0!important;
	}
	.no-padding-left-large {
		padding-left: 0!important;
	}
}