/*

Theme Name: Philoxenia

Theme URI: http://www.cssigniter.com/ignite/themes/philoxenia

Description: a WordPress theme for Hotels / Motels

Author: the CSSIgniter team

Author URI: http://www.cssigniter.com/

Version: 2.1.1

License: GNU General Public License

License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/



@font-face {

    font-family: 'Comfortaa', cursive;

}



/*

============================================================================

Global (h1..h6,lists,paragraphs,tables,links,form elements etc)

============================================================================

*/

body { font:normal 14px "Comfortaa", serif; line-height:1.6; }



/* Headings */

h1 { font-size:26px; }

h2 { font-size:24px; }

h3 { font-size:22px; }

h4 { font-size:20px; }

h5 { font-size:18px; }

h6 { font-size:16px; text-transform: uppercase;  }

h1,h2,h3,h4,h5,h6 { font-weight:normal; margin:0 0 15px 0; -ms-word-wrap: break-word; word-wrap: break-word; }

hr { border:0; height:1px; margin-bottom:1.625em; }



/* Text elements */

p { margin:0 0 15px 0; }

ul,ol { margin:0 0 20px 0; padding:0; list-style-position: inside; }

ul ul, ul ol, ol ul, ol ol { margin:0 0 0 15px; }



dl { margin:0 1.625em; }

dt { font-weight:bold; }

dd { margin-bottom:1.625em; }

strong { font-weight:bold; }

cite,em,i { font-style:italic; }

blockquote { border-left: none!important; text-align: center; font-style:italic; font-weight:normal; margin:0; }

blockquote em,blockquote i,blockquote cite { font-style:normal; }

blockquote cite { font-weight:300; letter-spacing:.05em; display:block; }

pre { font:13px "Courier 10 Pitch", Courier, monospace; line-height:1.5; margin-bottom:1.625em; overflow:auto; padding:.75em 1.625em; }

code,kbd { font:13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }

abbr,acronym,dfn { cursor:help; }

address { display:block; margin:0 0 1.625em; }

ins { text-decoration:none; }

sup,sub { height:0; line-height:1; position:relative; vertical-align:baseline; }

sup { bottom:1ex; }

sub { top:.5ex; }

table { width:100%; margin-bottom:20px; }

table th, table td { padding:10px; }

table th { background: #111; }

.text-center{ text-align: center; }



/* Forms */

fieldset { margin:30px 0 30px 0; padding:0; border:none; }

label { display:block; }

input[type="text"], input[type="password"], input[type="date"], input[type="email"], textarea { border:none; border-radius:2px; padding:10px; height:35px; font-size:14px; line-height: 1; }

textarea { width:100%; height:250px; }

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, textarea:focus {  }

input[type="search"] { -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

button, .button, input[type="button"], input[type="reset"], input[type="submit"] {

	border: 0;  font-size: 14px; font-family: "Comfortaa", serif; padding: 10px 20px; vertical-align: middle; line-height: 1; border-radius:2px;

	letter-spacing: 1px;

	height:35px;

}

button:hover, button:focus, .button:hover, .button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus { text-shadow: none; }

button:active, .button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { }

input[type="submit"] {  }

.search-field {	width: 100%; }

.search-submit { display: none; }



.wp-caption { max-width: 100%; }

img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; }

img.size-full, img.size-large, .wp-post-image, .post-thumbnail img { height: auto; max-width: 100%; }



/* Media */

embed, iframe,object,video { margin-bottom: 24px; max-width: 100%; }

p > embed, p > iframe, p > object, span > embed, span > iframe, span > object {	margin-bottom: 0; }

.item-thumb { margin-bottom:30px; }

.item-thumb a { display:block; position:relative;}

.overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

.overlay i { position: absolute; top: 50%; margin-top: -18px; font-size: 34px; width: 100%; text-align: center; left: 0; z-index: 15; opacity: 0.8; }



/* Alignment */

.alignleft { float: left; }

.alignright { float: right; }

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

blockquote.alignleft, figure.wp-caption.alignleft, img.alignleft { margin: 7px 24px 7px 0; }

.wp-caption.alignleft { margin: 7px 14px 7px 0; }

blockquote.alignright, figure.wp-caption.alignright, img.alignright { margin: 7px 0 7px 24px; }

.wp-caption.alignright { margin: 7px 0 7px 14px; }

blockquote.aligncenter, img.aligncenter, .wp-caption.aligncenter { margin-top: 7px;	margin-bottom: 7px; }

.wp-caption { margin-bottom: 24px; }

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

.wp-caption { color: #767676; }

.wp-caption-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;	font-size: 12px; font-style: italic; line-height: 1.5; margin: 9px 0; }

div.wp-caption .wp-caption-text { padding-right: 10px; }

div.wp-caption.alignright img[class*="wp-image-"], div.wp-caption.alignright .wp-caption-text { padding: 0; }

.wp-smiley { border: 0;	margin-bottom: 0; margin-top: 0; padding: 0;  }



/* Default Galleries */

.gallery { margin-bottom: 20px; }

.gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative; }

.gallery-columns-1 .gallery-item { max-width: 100%; }

.gallery-columns-2 .gallery-item { max-width: 48%; max-width: -webkit-calc(50% - 4px); max-width: calc(50% - 4px); }

.gallery-columns-3 .gallery-item { max-width: 32%; max-width: -webkit-calc(33.3% - 4px); max-width: calc(33.3% - 4px); }

.gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 4px); max-width: calc(25% - 4px); }

.gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 4px); max-width: calc(20% - 4px); }

.gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 4px); max-width: calc(16.7% - 4px); }

.gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 4px); max-width: calc(14.28% - 4px); }

.gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 4px); max-width: calc(12.5% - 4px); }

.gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 4px); max-width: calc(11.1% - 4px); }

.gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n),

.gallery-columns-3 .gallery-item:nth-of-type(3n),

.gallery-columns-4 .gallery-item:nth-of-type(4n),

.gallery-columns-5 .gallery-item:nth-of-type(5n),

.gallery-columns-6 .gallery-item:nth-of-type(6n),

.gallery-columns-7 .gallery-item:nth-of-type(7n),

.gallery-columns-8 .gallery-item:nth-of-type(8n),

.gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; }

.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),

.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),

.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),

.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) { clear: left; }

.gallery-caption { background-color: rgba(0, 0, 0, 0.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 12px; line-height: 1.5; margin: 0; max-height: 50%; opacity: 0; padding: 6px 8px; position: absolute; bottom: 0; left: 0; text-align: left; width: 100%; }

.gallery-caption:before { content: ""; height: 100%; min-height: 49px; position: absolute; top: 0; left: 0; width: 100%; }

.gallery-item:hover .gallery-caption { opacity: 1; }

.gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; }



/*

============================================================================

Global structural elements

============================================================================

*/

#header { position:relative; z-index:11; }

.full{ padding-left: 0; padding-right: 0; }

.main-row{ padding-top: 10px!important; }

.booking-slider button{ right: 22px!important; }

.booking-note{ padding-top: 10px; font-size: 13px; color: #232323; text-align: center; display: block; }

.post { position:relative; }

.home-container { position:relative; z-index:2; }

.page-container { margin-top:173px; position:relative; z-index:3; }

.booking-container { position:relative; top:10px; z-index:4; margin-top:-10px; }

#main { margin:40px 0px 10px 0px; }

.home #main {  }

#main img, #sidebar img { padding:5px; }

#main img:hover, #sidebar img:hover { }

body[class*="page-template-template-videos"] #main, body[class*="page-template-template-galleries"] #main, .single-gallery #main { padding-bottom:20px; }

.footer img { padding:5px; }



/* Booking box / form */

#booking form {

	line-height: 1;

	padding:20px 30px;

}

#booking form select { display: none; }

#booking form > div { float:left; position:relative; margin-right:2%; }

#booking form  div:last-child { margin-right:0; }

#booking label { display:block; margin-bottom:5px; font-family: "Comfortaa", sans-serif; font-size:15px; font-weight:700; }

#booking input[type="text"] { border:none; font-size:14px; padding:10px; height:34px; width:100%; line-height: 1; border-radius:2px; box-shadow: 0 0 5px rgba(255,255,255,0.8); }

#booking button { background: none; box-shadow: none; height:auto; padding:0; margin:0; position:absolute; right:8px; bottom:9px; font-size:16px; }

#booking .arrival, #booking .departure { width:20%; }

#booking .adults, #booking .children { width:15%; }

#booking .bookbtn { width:22%; height:54px; }

#booking .bookbtn input {
	width: 100%;

	border-radius:2px;

	letter-spacing: 1px;

	position:absolute;

	bottom:1px;

	right:0;

	height:34px;

	padding: 8px 20px 11px;

}

#booking-form select { display: none; }

#booking-form fieldset > div { position: relative; }

#booking-form .ui-datepicker-trigger { position: absolute; bottom: 0; right: 15px; }

#booking-form input[type="text"], #booking-form .dk_theme_ci.dk_container { width:100%; }

#booking-form textarea { margin-bottom: 25px; }

#formsuccess { padding: 25px; background: #62943B; }

.availability{ width: 100%; }

.title{ color: #232323; }


/*

============================================================================

Header (Logo etc)

============================================================================

*/



#header a:hover { text-decoration:none; }

#header-trans { height:36px; width:100%; position:relative; top:0; z-index:1; }

#header h1 { line-height: 1; margin:0 0 0 10px; padding:0;  }

#header h1 a { font:normal 28px 'Comfortaa', sans-serif; line-height: 1; }

.header-group { border-top: solid 3px #2b2b2b; border-bottom: solid 3px #2b2b2b; padding:20px 0; }



/*

============================================================================

Navigation (for every navigational element in the theme)

============================================================================

*/

#navigation { float:right; }

.nav li { float:left; position:relative; list-style:none; margin:0; padding:0; }

.nav li a {  display:block; position:relative; padding:5px 9px; font:normal 16px 'Comfortaa', sans-serif; }

.nav li li a { padding:8px 15px; }

.nav,.nav * { margin:0; padding:0; list-style:none; }

.nav { line-height:1.0; }

.nav ul { position:absolute; top:-999em; width:15em; padding:5px 0;}

.nav ul li { width:100%; }

.nav li:hover { visibility:inherit; }

.nav li:hover ul,.nav li.sfHover ul { left:-5px; top:3.7em; z-index:99; }

ul.nav li:hover li ul,ul.nav li.sfHover li ul { top:-999em; }

ul.nav li li:hover ul,ul.nav li li.sfHover ul { left:15em; top:0; }

ul.nav li li:hover li ul,ul.nav li li.sfHover li ul { top:-999em; }

ul.nav li li li:hover ul,ul.nav li li li.sfHover ul { left:10em; top:0; }

.nav li:hover,.nav li.sfHover,.nav a:focus,.nav a:hover,.nav a:active { outline:0; }

.nav ul { padding:10px 0; }

.nav .current-menu-item a { color:#fff; }



/*

============================================================================

Pagination

============================================================================

*/

#paging { margin-bottom:40px; }

#paging a, #paging span { display:inline-block; }

#paging a { padding:5px 10px; }

#paging span { padding:6px 10px; }



/*

============================================================================

Comments (everything related to the comments section)

============================================================================

*/

.post-comments,#respond { margin-top:0; padding-top:40px; }

.post-comments .depth-1 { position:relative; margin-top:20px; }

.post-comments li { list-style: none; }

#comment-list { list-style: none; padding:0; margin:0; }

.avatar { float:left; margin:5px 15px 0 0; }



/*

============================================================================

Footer / Credits

============================================================================

*/

#footer-wrap { clear:both; position: relative; z-index:3; box-shadow: 0 -5px 10px rgba(0,0,0,1); padding-top:50px; }

.footer { padding-bottom:20px; }

.footer .col h4, .footer .col p { font-weight:normal; }

.footer .col h4 { font-size:16px; text-transform: uppercase; }

.footer .col p { line-height:1.4; }

.footer .col img { display:block; margin-bottom:15px; padding:4px; }

.footer .col a {  font-style: italic; }

/* #credits-wrap { background: #c0a573; } */

#credits { padding:15px; font-size:11px;  text-align: right; }



/*

============================================================================

Equal heights

============================================================================

*/

.listing-row .col-md-3:first-child,.listing-row .col-md-4:first-child, .listing-row .col-md-6:first-child { clear: left; }

.listing-row .col-md-3:nth-child(4n+1), .listing-row .col-md-4:nth-child(3n+1), .listing-row .col-md-6:nth-child(2n+1)  { clear: left; }

@media (max-width: 992px) {

	.listing-row .col-md-3:nth-child(4n+1),	.listing-row .col-md-4:nth-child(3n+1), .listing-row .col-md-6:nth-child(2n+1) { clear: none; }

}

.listing-row .type-room { margin-bottom: 30px; }





/*

============================================================================

Homepage specific styles

============================================================================

*/

/* Slider */

.flexslider { margin: 0; padding: 0; background: none; border: none; }

#slider { height:430px; position:relative; top:0; width:100%; z-index:1; }

#slider:after { content:''; position:relative; bottom:0; width:100%; border: none!important;}

.slide { height:430px !important; width:100%; }

.slide-badge { padding:20px; position:relative; top:160px; }

.slide-badge h2 { font:normal 46px 'Comfortaa', sans-serif; margin:0; }

.slide-badge p { line-height: 1.4; font-style: italic; margin:0; }

.flex-control-nav { bottom:0px; z-index: 50;}



/* Home newsletter */

.hn-h1{ padding-bottom:30px!important; }

.hn { padding-bottom:12px; margin-bottom:60px; }

.hn form { padding:20px;}

.hn h3{ font:normal 26px 'Comfortaa', sans-serif; display:block; text-align: center; margin:0; position:relative; top:-15px; margin-bottom:-15px;  }

.hn h3 span,.hn h1 span { padding:0 30px; background: #1b465e;}

.hn h1{ font:normal 26px 'Comfortaa', sans-serif; display:block; text-align: center; margin:0; position:relative; top:-15px; margin-bottom:0;  }

.hn p { float:left; margin:0 2% 0 0; }

.hn .newsletter-title { width:27%; }

.hn .newsletter-field { width:28%; }

.hn .newsletter-field input { width:100%; }

.hn .newsletter-action { width:11%; margin-right:0; text-align: right; }



/*

============================================================================

Pages generic styles

============================================================================

*/

#hero { height:245px; position:absolute; top:0; width:100%; z-index:1; }

.hero-content { position:relative; }

.hero-content h2 { margin:113px 0 0 0; padding:20px 20px 17px 20px; font:normal 46px 'Comfortaa', sans-serif; line-height: 1; display:inline-block; }

.btn-book { display:block; position:absolute; top:20px; right:0; text-align: center; padding-top:9px; width:205px; height:33px; font:normal 23px 'Comfortaa', sans-serif; }

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

p.meta { margin:0 0 15px 0; font-size:13px; }

.featured { margin: 0 0 15px 0; position:relative; }

.featured a { display:block; }



/*

============================================================================

Room page

============================================================================

*/

.room-price { font-size:10px; letter-spacing: 1px; padding: 8px 7px 5px 7px; position:absolute; top:-10px; right:15px; text-align: center; text-transform: uppercase; line-height: 1; }

.room-price span { font-size:16px; display:block; padding:5px 0; letter-spacing: -1px }

.room-offer { position:absolute; top:-10px; left:15px; font-size:10px; letter-spacing: 1px; text-transform: uppercase; }

.footer .room-offer { top:-15px; left:0; }

#sidebar .room-offer { left:0; }

.room > h2 { margin-right:50px; }



#room-media { padding-bottom:30px; }

#room-amenities { padding:30px; margin-bottom:25px; }

#room-amenities h3 { font-size:20px; text-transform: uppercase; letter-spacing: 2px; }

#room-amenities ul { margin:0; padding:0; list-style: none; }

#room-amenities li { padding-bottom: 8px; }

#room-amenities li:last-child { padding-bottom:0; }

#room-amenities li i { padding-right:10px; }



/*

============================================================================

Blog page

============================================================================

*/

.listing { padding-bottom:20px; margin-bottom:40px; position:relative; }

.listing:last-child { margin-bottom:0; border-bottom:none; }

.single { border-bottom:0 !important; }

.comments-no { position:absolute; top:8px; right:0; }

.comments-no a { display:inline-block; padding:8px; border-radius:2px; }



/* comments form */

#commentform label { display:block; }

#cancel-comment-reply-link { display:inline-block; font-size:13px; margin-left:20px; }



/*

============================================================================

Video listings

============================================================================

*/

.video { margin-bottom:30px; }



/*

============================================================================

Widgets

============================================================================

*/

.widget { margin-bottom:50px; line-height: 1.6; position:relative; }

.footer .widget { margin-bottom:30px; }

.widget-title { font:normal 26px 'Comfortaa', sans-serif; }

.widget ul { list-style: none; margin: 0; padding: 0; }

.widget ul li { padding: 5px 0; display: block; margin: 0; }



/* Widget Calendar */

#wp-calendar { width: 100%; border:none; }

#wp-calendar caption { text-align: center; margin-top: 10px; padding: 9px; }

#wp-calendar thead { font-size: 10px; }

#wp-calendar thead th { font-weight: bold; padding: 8px; border:none; }

#wp-calendar td { background: none;  text-align: center; padding: 3px; }

#wp-calendar tbody .pad { background: none; }

#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }

#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }

#wp-calendar a { font-weight: bold; font-style: italic; }



/* Widget Archive / Categories */

.widget select { width:100%; max-width:100%; }



/* Widget Flickr */

.flickr_badge_image {float: left; margin: 0 10px 10px 0; }

.flickr_badge_image a { display: block; line-height: 0; }



/* Widget Book */

.widget_ci_book_room_widget { border-top:solid 1px #443e34;  border-bottom:solid 1px #443e34; text-align: center; padding:30px 0; }

.widget_ci_book_room_widget p { margin-bottom:0; }

.widget_ci_book_room_widget .book-now-price { font-size:24px; }



/* Special Offer Widget */

.widget_ci_special_offer_widget .item { position: relative; }

.widget_ci_special_offer_widget .item-content { position: absolute; bottom: 1px; left: 1px; width: calc(100% - 2px); background: rgba(0,0,0,0.67); padding: 7px 5px 10px; text-align: center; }

.widget_ci_special_offer_widget h4 { margin-bottom: 2px; }



/* Jetpack styles */

.tiled-gallery img { padding:0 !important; border:none !important; }



/* -----------------------------------------

   MOBILE MENU

----------------------------------------- */

#mobilemenu { display: none; }

#mobile-bar { display: none; text-align: center; position: fixed; top: 0; z-index: 1000; width: 100%; padding: 15px 10px 0 10px; height: 48px; }

.menu-trigger, .menu-trigger:focus { width: 24px; height: 21px; background: none; cursor: pointer; opacity: 0.85; margin: 0; outline: none; position: absolute; left: 10px; top: 12px; color: #333; }

.menu-trigger:hover { opacity: 0.95; }

.menu-trigger:active { opacity: 1; }

.mob-title { font-size: 14px;line-height: 1; margin: 0; padding: 0; }



/*

============================================================================

External Plugin

============================================================================

*/

/**

 * CSSIgniter Dropckick styles

 */

.dk_theme_ci {

  /* Container */

  /* Toggle */

  /* Focus State */

  /* Open State */

  /* Options Menu */

  /* Inner Options */

  /* Set a width property here */

}

.dk_theme_ci.dk_container {

  width: 100%;

  outline: none;

  font-family: inherit;

  cursor: pointer;

}

.dk_theme_ci a:hover {

  text-decoration: none;

}

.dk_theme_ci .dk_toggle {

  outline: none;

  font-size: inherit;

  text-decoration: none;

  padding: 10px;

  transition: 0.2s;

  position: relative;

  text-overflow: ellipsis;

  overflow: hidden;

  white-space: nowrap;

  width: 100% !important;

  border-radius:2px;

}



#booking-form .dk_theme_ci.dk_container {

	width:100%;

}



#booking-form .dk_theme_ci .dk_toggle {

	box-shadow: none;

	padding:6px 15px;

}



.dk_theme_ci .dk_toggle:after {

  font-family: FontAwesome;

  line-height: normal;

  font-weight: normal;

  font-size: 12px;

  content: "\f078";

  position: absolute;

  top: 10px;

  right: 10px;

}

.dk_theme_ci.dk_focus .dk_toggle, .dk_theme_ci:focus .dk_toggle {

  transition: border-color 0s linear;

}

.dk_theme_ci.dk_open .dk_toggle {

}

.dk_theme_ci .dk_options {

  z-index: 10;

  border-radius:2px;

}

.dk_theme_ci .dk_options li {

}

.dk_theme_ci .dk_options li:last-child {

  border-bottom: none;

}

.dk_theme_ci .dk_options a {

  font-size: 12px;

  cursor: pointer;

  padding: 7px 8px;

}

.dk_theme_ci .dk_options_inner {

  list-style: none;

  margin: 0;

  padding: 0;

}



.b-form .dk_theme_ci .dk_toggle {

  transition: 0.18s;

}



.dk_container {

  display: none;

  float: left;

}

.dk_container a {

  outline: 0;

}



.dk_toggle {

  display: -moz-inline-stack;

  display: inline-block;

  *display: inline;

  position: relative;

  zoom: 1;

}



.dk_open {

  position: relative;

}

.dk_open .dk_options {

  display: block;

}

.dk_open .dk_label {

  color: inherit;

}



.dk_options {

  display: none;

  margin-top: -1px;

  position: absolute;

  right: 0;

  width: 100%;

}

.dk_options a, .dk_options a:link, .dk_options a:visited {

  display: block;

}



.dk_options_inner {

  overflow: auto;

  position: relative;

  -webkit-overflow-scrolling: touch;

}



.dk_container select {

  position: absolute;

  top: -99999em;

  visibility: hidden;

  display: none;

}



.dk_mobile {

  position: relative;

}

.dk_mobile select {

  display: block;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  visibility: visible;

  opacity: 0;

  appearance: none;

  -moz-appearance: none;

  -webkit-appearance: none;

}



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

	/* Booking form */

	#booking form > div { margin-right:2%; }

	#booking .arrival, #booking .departure { width:19%; }

	#booking .adults, #booking .children { width:13%; }

	#booking .bookbtn { width:26%; }

}


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

	.booking-slider form{
		height: 430px;
	}

}

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

	.nav li a{
		font-size: 14px;
		padding: 5px 5px;
	}

}


/* Medium */

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

	#page {

		position:relative; top:48px;

	}

	/* Mobile menu */

	#mobile-bar { display: block; }

	#navigation { display:none; }

	.mm-menu.mm-current { display: block !important;}



	/* Logo menu */

	.logo { text-align: center; }



	/* Booking form */

	#booking form > div { margin-right:2%; }

	#booking .arrival, #booking .departure { width:18%; }

	#booking .adults, #booking .children { width:12%; }

	#booking .bookbtn { width:32%; }



	/* Newsletter form */

	.hn .newsletter-title { width:25%; }

	.hn .newsletter-field { width:25%; }

	.hn .newsletter-action { width:19%; margin-right:0; text-align: right; }

}



/* Extra Small */

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



	/* Container */

	#main { padding:30px 0; }



	/* Booking form */

	#booking form > div { float:none; margin:0 0 15px 0; }

	#booking .arrival, #booking .departure, #booking .adults, #booking .children, #booking .bookbtn { width:100%; }

	#booking .bookbtn { text-align: center; height:auto; }

	#booking .bookbtn input { position:static; }



	/* Newsletter form */

	.hn p { float:none; margin:0 0 20px 0; }

	.hn .newsletter-title, .hn .newsletter-field, .hn .newsletter-action { width:100%; }

	.hn .newsletter-action input[type=submit] { width: 100%; }

}

/* Custom CSS */
[class*="cisc-shortcode-scheme"].cisc-heading{
	margin-bottom: 0px;
}
.cisc-shortcode-scheme-yellow{
	background-color: #DFC99B;
}
.hero-content h2{
	margin: 130px 0 0 0;
	    background: rgba(0, 0, 0, 0.6);
    border: solid 3px transparent;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.2);
    color: #fff;
}
p.currentTextHolder{
	color: black;
}
.footer-newsletter input {
    width: 100%;
}
.no-padding {
    padding: 0 !important;
    margin: 0 !important;
}
.testimonial{
    display: block!important;
}
.testimonial p{
    font-size: 20px;
}
.testimonial cite:before {
    content: "";
    position: absolute;
    width: 40px;
    bottom: 35px;
    left: 50%;
    margin-left: -10px;
    border-bottom: 1px solid #C6944C;
}
.testimonial blockquote:before {
    content: "\201C";
    font-size: 173px;
    font-style: normal;
    font-weight: bold;
    position: absolute;
    left: 50%;
    color: #C6944C;
    margin-left: -42px;
    line-height: 1;
    top: -100px;
}
.testimonials-container{
    margin-top: 50px;
}
.testimonials{
    box-shadow: none;
}
#flags{
	padding-top: 5px;
	display: inline-block;
}

/* Weather + Location Header Info
========================================= */
.resort-info {
    font-family: "Roboto Slab", sans-serif;
    padding-left: 15px;
}

.resort-location,
.resort-weather {
    display: inline-block;
}

.resort-location {
    line-height: 1.2;
    margin-right: 15px;
}

.resort-town {
    font-size: 35px;
    display: block;
    text-align: right;
}

.resort-country {
    font-weight: 300;
    font-size: 14px;
    text-align: right;
    display: block;
}

.resort-weather i {
    font-size: 60px;
    margin: 0 10px 0 0;
    position: relative;
    top: -3px;
}

.resort-temperature {
    font-size: 65px;
    font-weight: 300;
}
.resort-temperature > span {
    font-size: 33px;
    vertical-align: super;
}
.footer .widget{
    text-align: center;
}
.ui-widget-content{
	color: #BFA97E;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	color: #BFA97E;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{
	background: #BFA97E;
	color: white;
	border: none!important;
}
.ui-widget-header .ui-icon{
	background-image: url(/wp-content/themes/villamarianna/images/datepicker/ui-icons_ffffff_256x240.png);
}
.toggle-nav{
	padding-left: 5px;
}
.logos-nav li{
	list-style-type: none;
}
.logos-nav a{
	text-decoration: none;
	font-size: 28px;
	line-height: 1;
}
.logos-nav ul{
	margin: 20px 40px 20px 40px;
}
.logo-nav{
	position: absolute;
	z-index: 99999;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	background: #232323;
}
.active{
	display: none;
}