/* 

Theme Name: Lamoon 

Theme URI: http://themes.uxbarn.com/redirect.php?theme=lamoon_wp

Description: Lamoon is a sleek, sharp and clean responsive WordPress theme for your resort and hotel business. It was designed in the purpose of being the best suit for reflecting your modern image to the website. However, by its flexibility, you will be able to adapt for not only the resort business but for every kind of business you have or even your personal pages.

 

Author: UXbarn

Author URI: http://themeforest.net/user/UXbarn?ref=UXbarn

Version: 3.1

License: GPL, Envato License

License URI: http://codex.wordpress.org/GPL, http://wiki.envato.com/support/legal-terms/licensing-terms/

Tags: light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, custom-colors, custom-menu, featured-image-header, featured-images, sticky-post, theme-options

*/



/* Table of Content

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

 #Site Styles

 #Page Styles

 #Layouts and Plugins

 #Media Queries



 /* #Site Styles

 ================================================== */
ul#gform_fields_1 li {
	list-style:none;
}
ul#gform_fields_1 input {
	display: block!important;
	width:100%
}
ul#gform_fields_1 label {
	text-align: left;
}
ul#gform_fields_1 textarea {
	width:100%
}
body {

	background: #8E8E8E;

	color: #666;

	font-family: 'Lato';

	overflow-x: hidden;

}



img {

	max-width: 100%;

	height: auto;

}



img.bg {

	display: block;

	/* Set rules to fill background */

	min-height: 100%;

	min-width: 1024px;

	/* Set up proportionate scaling */

	width: 100%;

	height: auto;

	/* Set up positioning */

	position: fixed;

	top: 0;

	left: 0;

}



/* Lamoon v2.2 */

/* Class for applying to any other custom/plugin headings which should not display the line */

.no-line {

	background: none !important;

}

/* Lamoon v2.2 */



/***** Headings, Paragraph and List *****/

h1, h2, h3, h4 {

	background: url('images/heading-line.gif') center repeat-x;

	color: #222;

	font-family: 'Vollkorn:400italic';

	font-style: italic;

	font-weight: bold;

	line-height: 1em;

	margin-bottom: 0;

}



h1 span, h2 span, h3 span, h4 span {

	background-image: url('images/content-bg.gif');

	display: inline-block;

	padding: 0 25px;

}



h3 span, h4 span {

	padding: 0 15px;

}



h1 {

	font-size: 35px;

	font-weight: normal;

	margin-bottom: 15px;

	margin-top: 15px;

}



#logo h1 {

	font-size: 38px;

	background: none;

}



h2 {

	font-size: 24px;

	font-weight: bold;

	margin-bottom: 15px;

	margin-top: 15px;

}



h3 {

	font-size: 21px;

	font-weight: bold;

	margin-bottom: 15px;

	margin-top: 15px;

}



h4 {

	font-size: 18px;

	margin-bottom: 5px;

	margin-top: 5px;

}



span.left {

	padding-left: 0;

}



span.footer {

	background: #eee;

	/*color: #444;*/

}



h1.center, h2.center, h3.center, h4.center {

    text-align: center;

}

h1.left, h2.left, h3.left, h4.left {

    text-align: left;

}

h1.left span, h2.left span, h3.left span, h4.left span {

    padding-left: 0;

}

h1.blog, h2.blog, h3.blog, h4.blog {

	background: none;

	font-family: 'Lato', sans-serif;

	font-style: normal;

	line-height: 1.3em;

	margin: 15px 0;

	

}

h1.blog a, h2.blog a, h3.blog a, h4.blog a {

	color: inherit;

	text-decoration: none;

}



.blog.sticky {

	background: url('images/pin.png') left center no-repeat !important;

	padding-left: 40px;

}



.nobg {

	background: none;

}



p {

	margin: 0;

	margin-bottom: 15px;

	margin-top: 10px;

}



.center {

	text-align: center;

}



ul, ol {

	margin-top: 20px;

	margin-bottom: 20px;

}



ul li {

	margin-bottom: 5px;

}



#page ul, #page .container.section ul, #post-content ul, #room-info ul {

	list-style: square;

	margin-left: 30px;

}



#blog ul {

	list-style: square;

	margin-left: 30px;

}



/*** WP Specific Classes ***/

/* WP Gallery shortcode */

.gallery {

	

}

.gallery-item {

	display: inline-block;

	float: none !important;

	margin-top: 0 !important;

	margin-bottom: 30px;

	vertical-align: top;

}

.gallery.gallery-columns-6 .gallery-item {

    margin-right: 5px;

}

.gallery.gallery-columns-6 .gallery-item:last-of-type {

	margin-right: 0 !important;

}

.gallery-item a {

	border: none !important;

    display: inline-block;

    line-height: 0;

}



.gallery-item img {

	background: #EEE;

}

.gallery-caption {

	font-size: 13px;

}



.alignleft {

	float: left;

	margin: 8px 8px 8px 0;

}



.alignright {

	float: right;

	margin: 8px 0 8px 8px;

}



.aligncenter {

	

}



.sticky {

	

}



.gallery-caption {

	

}



.bypostauthor {

	

}



a img.alignright {

    float: right;

    margin: 5px 0 20px 20px;

}



a img.alignnone {

    margin: 5px 20px 20px 0;

}



a img.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}



a img.aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto

}



.wp-caption {

    background: #fff;

    border: 1px solid #f0f0f0;

    max-width: 96%; /* Image does not overflow the content area */

    padding: 5px 3px 10px;

    text-align: center;

}



.wp-caption.alignnone {

    margin: 5px 20px 20px 0;

}



.wp-caption.alignleft {

    margin: 5px 20px 20px 0;

}



.wp-caption.alignright {

    margin: 5px 0 20px 20px;

}



.wp-caption img {

    border: 0 none;

    height: auto;

    margin: 0;

    max-width: 98.5%;

    padding: 0;

    width: auto;

}



.wp-caption p.wp-caption-text {

    font-size: 11px;

    line-height: 17px;

    margin: 0;

    padding: 0 4px 5px;

}



/***** Button Styles *****/

.button {

	border: none !important;

	-moz-border-radius: 0 !important;

	-webkit-border-radius: 0 !important;

	border-radius: 0 !important;

	-moz-box-shadow: 0 2px 2px #6f6f6f !important;

	-webkit-box-shadow: 0 2px 2px #6f6f6f !important;

	box-shadow: 0 2px 2px #6f6f6f !important;

	color: #444;

	font-family: 'Lato' !important;

	font-weight: normal !important;

	font-style: normal !important;

	font-variant: normal !important;

	position: relative !important;

}



.button:visited {

	text-decoration: none;

}



.button:active {

	-moz-box-shadow: none !important;

	-webkit-box-shadow: none !important;

	box-shadow: none !important;

	left: 1px;

	top: 1px;

}



.button.gray {

	background: #afafaf url('images/gray-button.jpg') top repeat-x;

}



.button.gray:hover {

	color: #000;

}



.button.black {

	background: #2D2D2D url('images/black-button.png') top repeat-x;

	color: #ddd;

	text-shadow: 0 1px #555;

}



.button.black:hover {

	color: #fff;

}



.button.blue {

	background: #1B62CD url('images/blue-button.png') top repeat-x;

	color: #eee;

	text-shadow: 0 1px #555;

}



.button.blue:hover {

	color: #fff;

}



.button.steel-blue {

	background: #597A99 url('images/steel-blue-button.png') top repeat-x;

	color: #eee;

	text-shadow: 0 1px #555;

}



.button.steel-blue:hover {

	color: #fff;

}



.button.brown {

	background: #9A662A url('images/brown-button.png') top repeat-x;

	color: #eee;

	text-shadow: 0 1px #555;

}



.button.brown:hover {

	color: #fff;

}



.button.red {

	background: #B13636 url('images/red-button.png') top repeat-x;

	color: #eee;

	text-shadow: 0 1px #555;

}



.button.red:hover {

	color: #fff;

}



.button.green {

	background: #2DA72D url('images/green-button.png') top repeat-x;

	color: #eee;

	text-shadow: 0 1px #555;

}



.button.green:hover {

	color: #fff;

}



.button.seagreen {

	background: #4DA568 url('images/light-green-button.png') top repeat-x;

	color: #efefef;

	text-shadow: 1px 1px #444;

}



.button.seagreen:hover {

	color: #fff;

}



.button.small {

	font-size: 12px;

	line-height: 1em;

	padding: 6px 20px 8px;

}



.button.medium {

	font-size: 14px;

	line-height: 1em;

	padding: 7px 22px 9px;

}



.button.large {

	font-size: 16px;

	line-height: 1em;

	padding: 8px 25px 10px;

}



.button.disabled {

	box-shadow: 0 0 0 white !important;

	color: #888;

	cursor: auto;

}



.button.disabled:hover {

	color: #888 !important;

}



.button.disabled:active {

	margin-left: 1px;

	margin-top: 1px;

}



/***** v3.0: New shortcodes *****/

/***** Dropcap Styles *****/

span.dropcap {

	float: left;

	font-size: 22px;

	font-weight: 600;

	margin: 3px 8px 3px 0;

	padding: 10px;

	text-transform: uppercase;

}



span.dropcap.dark {

	background: #666;

	color: #fff;

}



span.dropcap.light {

	background: #ddd;

	color: #333;

}



span.dropcap.simple {

	color: #333;

	padding-top: 0;

	padding-right: 7px;

	padding-left: 0;

}



/***** Highlight Styles *****/

span.highlight {

	border-radius: 3px;

	padding: 1px 7px;

}



span.highlight.dark {

	background: #666;

	color: #fff;

}



span.highlight.light {

	background: #ddd;

	color: #111;

}



/***** Dividers *****/

hr {

	border-color: #ccc;

	margin-bottom: 20px;

}



hr.divider {

	margin: 30px 0;

}



hr.divider.thin {

	border-color: #ccc;

}



hr.divider.light {

	border-color: #ccc;

	border-width: 1px;

}



hr.divider.bold {

	border-color: #666;

	border-width: 1px;

}



/***** Icons *****/

ul.the-icons {

	list-style: none !important;

	margin-left: 0 !important;

}



hr.divider.dashed {

	border-style: dashed;

}



/***** Form Styles *****/

input[type="text"], input[type="password"], input[type="email"], select {

	display: inline-block;

}



select {

	padding: 6px 4px;

}



input[type='submit'] {

	line-height: 0;

}



input[type='submit']:hover {

	border: none;

}



form label {

	font-weight: normal;

}



form label.required:before {

	content: '* ';

	font-weight: bold;

	font-size: 16px;

}



/***** Image Hovering Styles *****/

.hover {

	line-height: 0;

	position: relative;

}



.hover.one-third {

	width: 260px;

}



.hover.one-fourth {

	width: 200px;

}



.hover a {

	border: none !important;

	text-decoration: none;

}



.hover .readmore, .hover .photo {

	color: #333;

	display: none;

	height: 100%;

	left: 0;

	line-height: 0;

	position: absolute;

	top: 0;

	width: 100%;

	z-index: 500;

}



.hover .readmore {

	background: #fff url('images/doc.png') no-repeat;

}



.hover .readmore .anchor:before {

	/*content: 'Read more...';*/

}



.hover .photo {

	background: #fff url('images/photo.png') no-repeat;

}



.hover .photo .anchor:before {

	/*content: 'View photo';*/

}



.hover .readmore span, .hover .photo span {

	display: block;

	font-size: 13px;

	position: absolute;

	text-align: center;

	width: 100%;

}



.hover-icon {

	background: #333;

	box-sizing: initial;

	color: #fff;

	display: block;

	line-height: 1em;

	padding: 1px 5px 3px 5px;

	position: absolute;

}



/*** Hovering Icon Positions ***/

/* Right Top */

.hover-icon.rt {

	border-left: 1px solid #888;

	border-bottom: 1px solid #888;

	right: 0;

	top: 0;

}



/* Left Top */

.hover-icon.lt {

	border-right: 1px solid #888;

	border-bottom: 1px solid #888;

	left: 0;

	top: 0;

}



/* Right Bottom */

.hover-icon.rb {

	border-left: 1px solid #888;

	border-top: 1px solid #888;

	right: 0;

	bottom: 0;

}



/* Left Buttom */

.hover-icon.lb {

	border-right: 1px solid #888;

	border-top: 1px solid #888;

	left: 0;

	bottom: 0;

}



.hover:hover .hover-icon {

	display: none;

}



/***** Additional Margins *****/

.extra-margin.top {

	margin-top: 40px;

}



.extra-margin.bottom {

	margin-bottom: 40px;

}



/***** Block Quote Styles *****/

blockquote {

	background: #fff;

}



blockquote cite {

    width: 80%;

    text-align: right;

}



blockquote cite:before {

	content: "\2014 \0020";

}



blockquote.post {

	border-top: 1px solid #d7d7d7;

	border-bottom: 1px solid #d7d7d7;

	font-family: 'Vollkorn:400italic';

	font-style: italic;

	font-size: 18px;

	margin: 10px 17px;

	padding: 17px 15px 13px;

	width: 180px;

}



blockquote.post p {

	line-height: 1.4em;

}



blockquote.post cite {

	color: #333;

	display: block;

	float: right;

	font-family: 'Lato';

	font-size: 14px;

	font-style: normal;

	margin-top: 5px;

}



blockquote.post.float-left {

	float: left;

	margin-left: 0;

}



blockquote.post.float-right {

	float: right;

	margin-right: 0;

}



blockquote.full-width {

	background: #fff;

	border-top: 1px solid #d7d7d7;

	border-bottom: 1px solid #d7d7d7;

	margin: 20px 0;

	overflow: hidden;

	padding-bottom: 30px;

	width: 100%;

}



blockquote.full-width p {

	background: url('images/quote.png') no-repeat;

	color: #666;

	display: block;

	font-family: 'Vollkorn:400italic';

	font-size: 20px;

	font-style: italic;

	line-height: 1.4em;

	margin-left: 80px;

	margin-right: 80px;

	margin-top: 35px;

	padding: 10px 70px 0 50px;

}



blockquote.full-width cite {

	color: #333;

	display: block;

	float: right;

	font-size: 16px;

	margin-top: 15px;

	margin-right: 70px;

}



/***** Table Styles *****/

table {

	border: 1px solid #e7e7e7;

	width: 100%;

}



table th, table td {

	border: 1px solid #ccc;

	padding: 5px;

}



table th {

	background: #ddd;

	color: #333;

	font-size: 14px;

	font-weight: bold;

	padding: 8px;

}



table tbody td {

	background: #fff;

}



table tfoot td {

	background: #e5e5e5;

}



table tbody tr:hover td {

	background: #ededed;

}



/***** Tab Styles *****/

ul.tabs {

	margin-bottom: 0;

	list-style: none !important;

	margin-left: 0 !important;

}



ul.tabs li a {

	background: #eaeaea;

}



ul.tabs li a.active {

	font-weight: bold;

}



ul.tabs-content {

	background: #fff;

	border: 1px solid #ddd;

	border-top: none;

	padding: 30px;

	list-style: none !important;

	margin-left: 0 !important;

}



/***** Message Box Styles *****/

.box {

	color: #666 !important;

	margin: 20px 0;

	padding: 20px 25px 20px 75px;

}



.box.success {

	background: #DEFFE8 url('images/success-icon.png') no-repeat;

	background-position: 30px 50%;

	border: 1px solid #7EDB9B;

	border-color: #C6FFD8 #7EDB9B #7EDB9B #C6FFD8;

}



.box.error {

	background: #FFE0E3 url('images/error-icon.png') no-repeat;

	background-position: 30px 50%;

	border: 1px solid #FF95A0;

	border-color: #FFD3D8 #FF95A0 #FF95A0 #FFD3D8;

}



.box.info {

	background: #DEEDFF url('images/info-icon.png') no-repeat;

	background-position: 30px 50%;

	border: 1px solid #83ADDE;

	border-color: #D1E8FF #83ADDE #83ADDE #D1E8FF;

}



.box.warning {

	background: #FFF7D1 url('images/warning-icon.png') no-repeat;

	background-position: 30px 50%;

	border: 1px solid #FFC952;

	border-color: #FFF0A2 #FFC952 #FFC952 #FFF0A2;

}



::-moz-selection {

	background: #666;

	color: #fff;

	text-shadow: none;

}

::selection {

	background: #666;

	color: #fff;

	text-shadow: none;

}



/***** Class for embed video *****/

.embed {

	position: relative;

	padding: 0;

	padding-bottom: 56.25%; /* 16:9 ratio*/

	height: 0;

	overflow: hidden;

}



.embed iframe, .embed object, .embed embed {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



/*#content img {

 -moz-box-shadow: 0 2px 4px #888;

 -webkit-box-shadow: 0 2px 4px #888;

 box-shadow: 0 2px 4px #888;

 }*/



/* #Page Styles

 ================================================== */

#root-container {

	margin: 40px auto;

}



#wrapper {

	background: #fff url('images/content-bg.gif') repeat;

	-moz-box-shadow: 0 5px 15px #444;

	-webkit-box-shadow: 0 5px 15px #444;

	box-shadow: 0 5px 15px #444;

}



/***** Logo and Banner *****/

#logo {

	left: 30px;

	position: absolute;

	top: 20px;

	z-index: 999;

}



#banner {

	background: #eee;

	line-height: 0;

	min-height: 250px;

}



#banner h1, 

#banner h2,

#banner h3,

#banner h4,

#banner h5 {

	background: none;

	color: inherit;

	font-family: inherit;

	font-style: inherit;

	font-variant: inherit;

	font-weight: inherit;

}



.banner-caption {

	background: rgb(0, 0, 0);

	background: rgba(0, 0, 0, .3);

	color: #fff;

	border-radius: 0;

	font-weight: 300;

	opacity: 0;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

	padding: 5px 20px 5px 40px;

	position: absolute;

	bottom: 60px;

	width: 400px;

}



.banner-caption.left {

	left: 100px;

}



.banner-caption.right {

	right: 0;

}



.banner-caption h2 {

	background: none;

	color: #fff !important;

	font-family: 'Lato' !important;

	font-size: 32px !important;

	font-weight: 300 !important;

	font-style: normal !important;

	font-variant: normal !important;

	margin-bottom: 10px;

}



.banner-caption.nobg {

	background: none !important;

}



.banner-caption.black {

	background: rgb(255, 255, 255);

	background: rgba(255, 255, 255, .5);

}



.banner-caption.white {

	background: rgb(0, 0, 0);

	background: rgba(0, 0, 0, .3);

}



.banner-caption.white h2 {

	color: #fff;

	/*text-shadow: 1px 1px 1px #333;*/

}



.banner-caption.black h2 {

	color: #333;

	/*text-shadow: 1px 1px 1px #ccc;*/

}



.banner-caption p {

	line-height: 1em;

}



.banner-caption.white p, .banner-caption.black p {

	line-height: 1em;

}



.banner-caption.white p {

	color: #eee;

}



.banner-caption.black p {

	color: #333;

}



#sub-banner {

	line-height: 0;

	min-height: 220px;

}



/***** Main Menu *****/

#menu {

	margin-top: -25px;

	margin-bottom: 50px;

	position: relative;

	text-align: center;

	width: 100%;

	z-index: 999;

}



#menu.home {

	margin-top: -30px;

}



#menu.layerslider {

	margin-top: -25px;

}



#menu select {

	display: none;

}



#menu ul {

	-moz-box-shadow: 0 1px 5px #333;

	-webkit-box-shadow: 0 1px 5px #333;

	box-shadow: 0 1px 5px #333;

	margin-bottom: 0;

	margin-top: 0;

}



ul#root-menu {

	background: #000 url('images/menu-bg.jpg') bottom repeat-x;

	display: inline-block;

	/*padding: 13px 40px 10px 40px;*/

	padding: 0 40px;

	min-height: 50px;

}



ul#root-menu > li > a {

	font-size: 16px;

}



ul#root-menu li {

	float: left;

	/*margin-top: 0;*/

	margin-top: 13px;

	margin-bottom: 1px;

	position: relative;

	z-index: 999;

}



ul#root-menu a {

	color: #888;

	padding: 13px 15px 18px 15px;

	text-decoration: none;

}



ul#root-menu a:hover {

	color: #ccc;

}



ul#root-menu a.active, ul#root-menu > li.current-menu-item > a, 

ul#root-menu > li.current-menu-ancestor > a { 

	color: #fff;

}



ul#root-menu a.active:hover,  ul#root-menu li.current-menu-item > a:hover {

	color: #fff;

}



ul#root-menu li:hover > a {

	color: #ccc;

}



ul#root-menu li:hover a.active, ul#root-menu li.current-menu-item:hover > a,

ul#root-menu > li.current-menu-ancestor:hover > a {

	color: #fff;

}



ul#root-menu img {

	opacity: 1;

	vertical-align: middle;

}



ul#root-menu img:hover {

	opacity: 1;

}



/*** 1st-level submenu ***/

ul#root-menu li ul {

	background: rgb(51, 51, 51);

	background: rgba(34, 34, 34, .9);

	display: none;

	position: absolute;

	top: 37px;

	/*width: 210px;*/

}



ul#root-menu li ul li {

	border-bottom: 1px solid #555;

	float: none;

	/*font-size: 13px;*/

	margin: 0;

	text-align: left;

}



ul#root-menu li ul li a {

	display: block;

	padding: 7px 20px;

	font-size: 13px;

}



ul#root-menu li ul li a:hover {

	/*background: #444;*/

}



/* 2nd-level submenu */

ul#root-menu li ul li ul {

	/*left: 211px;*/ /* match with the 1st-level submenu's width */

	top: 0;

	/*width: 150px;*/

}



/* 3rd-level submenu */

ul#root-menu li ul li ul li ul {

	/*left: 151px;*/ /* match with the 2nd-level submenu's width */

	top: 0;

	/*width: 150px;*/

}



ul#root-menu li ul li span:first-child {

	display: none;

}



span.sf-sub-indicator {

	display: inline !important;

}



#content {

}



#content a {

	border-bottom: 1px dotted #666;

	text-decoration: none;

}



/***** Intro Section *****/

#intro {

	font-size: 16px;

	margin: 45px auto;

	padding: 0 25px;

	text-align: center;

	width: 70%;

}



#intro p {

	line-height: 25px;

}



#intro p + p span {

	font-family: 'Vollkorn:400italic';

	font-size: 20px;

	font-style: italic;

	margin: 0 15px;

}



/***** Highlight Section *****/

#highlight {

	background: #fcf2ea;

	border: 1px dashed #edb082;

	border-width: 1px 0 1px 0;

	display: none;

	margin-bottom: 55px;

	text-shadow: 1px 1px #e7e7e7;

}



#highlight .highlight-img {

	line-height: 0;

}



#highlight .highlight-content {

	padding: 30px 20px 0 0;

}



#highlight .highlight-content h2 {

	color: #9d5117;

	font-family: 'Lato', sans-serif;

	font-style: normal;

	font-size: 27px;

	font-weight: 600;

}



#highlight .highlight-content span.price {

	color: #333;

	font-size: 18px;

}



/***** Features Section *****/

#feature div {

	text-align: center;

}



#sub div {

	text-align: center;

}



/***** Home Testimonial *****/

#home-testimonial {

	height: 240px;

}



/***** Reservation *****/

#content.reservation .box.success, #content.reservation .box.error {

	display: none;

	opacity: 0;

}



form#reservation-form, form.reservation-form {

	margin-bottom: 0;

}



form#reservation-form p, form.reservation-form p {

	margin-bottom: 0;

}



form#reservation-form label, form.reservation-form label {

	display: inline-block;

	margin-right: 5px;

	text-align: right;

	width: 110px;

}



form#reservation-form input#checkout, form#reservation-form input#checkin, form.reservation-form input.checkout, form.reservation-form input.checkin {

	cursor: pointer;

}



form#reservation-form label[id="address-label"], form#reservation-form label[id="note"], form.reservation-form label.address-label, form.reservation-form label.note {

	vertical-align: top;

}



form#reservation-form textarea, form.reservation-form textarea {

	display: inline-block;

}



form#reservation-form #checkin, form#reservation-form #checkout, form#reservation-form #roomamt, form#reservation-form #extrabed, form#reservation-form #adultamt, form#reservation-form #childrenamt, form.reservation-form .checkin, form.reservation-form .checkout, form.reservation-form .roomamt, form.reservation-form .extrabed, form.reservation-form .adultamt, form.reservation-form .childrenamt {

	width: 80px;

}



/***** Gallery *****/

ul#categories {

	list-style: none !important;

	margin-left: 0 !important;

}



ul#categories li {

	border-right: 1px solid #ccc;

	display: inline-block;

	font-size: 16px;

	padding: 0 10px;

}



ul#categories li.last {

	border: none;

}



ul#categories a {

	color: #888;

	text-decoration: none;

}



ul#categories a:hover {

	color: #333;

}



ul#categories a.active {

	color: #000;

	font-weight: bold;

}



#gallery-wrapper a {

	border: none;

}



#gallery {

	margin: 0 auto;

}



#gallery.three-columns, #gallery.four-columns {

	width: 860px;

}



#page-content.two-third.column #gallery.three-columns {

	width: 560px;

}



#page-content.two-third.column #gallery.four-columns {

	width: 450px;

	margin: 0 auto;

}



#gallery div {

	line-height: 0;

	vertical-align: top;

}



#gallery.three-columns .photo-item {

	float: left;

	line-height: 0;

	margin: 0 13px 26px 13px;

	height: 170px;

	width: 260px;

}



#page-content.two-third.column #gallery.three-columns .photo-item {

	margin-left: 5px;

}



#gallery.four-columns .photo-item {

	float: left;

	line-height: 0;

	margin: 0 7px 14px 7px;

	height: 120px;

	width: 200px;

}



/***** Blog *****/

#blog-content a {

	border: none;

}



.blog-item {

	border-bottom: 1px solid #dedede;

	margin-bottom: 30px;

}



#blog-content.float-right {

	float: right !important;

}



.blog-paging {

	margin-bottom: 50px;

	text-align: center;

	width: 100%;

}



.blog-paging a, .blog-paging span {

	background: #EEE;

	color: #888;

	display: inline-block;

	height: 20px;

	padding: 6px 1px 7px;

	text-decoration: none;

	width: 32px;

}



.blog-paging a:hover {

	background: #ddd;

}



.blog-paging .dots {

	background: none;

}



.blog-paging .current, .blog-paging .current:hover {

	background: #ccc;

	color: #333;

	font-weight: bold;

}



.comment-paging {

	margin-bottom: 50px;

	text-align: center;

	width: 100%;

}



.comment-paging a, .comment-paging span {

	background: #EEE;

	color: #888;

	display: inline-block;

	height: 20px;

	padding: 6px 1px 7px;

	text-decoration: none;

	width: 32px;

}



.comment-paging a:hover {

	background: #ddd;

}



.comment-paging .dots {

	background: none;

}



.comment-paging .current, .comment-paging .current:hover {

	background: #ccc;

	color: #333;

	font-weight: bold;

}



.post-paging ul {

    list-style: none !important;

    margin-left: 0 !important;

}

.post-paging ul li {

    float: left;

    margin-right: 10px;

}

.post-paging {

    overflow: hidden;

    font-size: 16px;

}

.post-paging a {

    font-weight: bold;

}



.blog-item-meta {

	color: #888;

	font-style: italic;

}



.blog-item-meta a {

	text-decoration: none;

}



#post-content {

	border-bottom: 0;

}



#about-author, #related-posts, #comment-content, #commentform-item {

	margin: 45px 0 10px 0;

	overflow: hidden;

}



#about-author h4, #related-posts h4, #comment-content h4, #respond h3 {

	background: none;

	font-family: 'Lato';

	font-style: normal;

	margin-bottom: 20px;

}



#author-photo {

	display: inline-block;

	margin-right: 15px;

	margin-top: 3px;

	width: 90px;

}



#author-photo img, .comment-author img {

	opacity: 1 !important;

}



#author-description {

	display: inline-block;

	width: 80%;

	vertical-align: top;

	/*font-size: 13px;*/

}



#author-social {

	margin-top: 10px;

	margin-left: 0 !important;

	list-style: none;

}



#author-social li {

	display: inline-block;

	margin-right: 3px;

	width: 20px;

}



#tags {

	border-top: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	padding: 10px 0;

}



#tags span.tag-title {

	font-weight: bold;

	padding-right: 10px;

}



#tags a {

	border-bottom: 1px dotted #666;

	text-decoration: none;

}



#related-posts li {

	

}



#post-nav {

	font-size: 18px;

	font-style: italic;

	margin: 25px 0 25px 0;

	text-align: center;

	width: 100%;

	vertical-align: top;

	border: 1px solid #d9d9d9;

	border-width: 1px 0;

	padding: 15px 0;

}



#post-nav a {

	display: inline-block;

	text-decoration: none;

	width: 250px;

	vertical-align: top;

}



#post-nav a:first-child {

	/*margin: 0 40px 0 0;*/

	text-align: left;

}



#post-nav a+a {

	text-align: right;

}



#respond {

	/*position: relative !important;*/

}



#respond h3 small {

	float: right;

    font-size: 13px !important;

    font-weight: normal !important;

    margin-left: 15px !important;

    margin-top: 3px;

}



#respond h3 small a {

	border-bottom: 1px dotted #666;

}



.comment.depth-2, .parent.depth-2 #respond, .comment.depth-3, .parent.depth-3 #respond, .comment.depth-4, .parent.depth-4 #respond, .comment.depth-5, .parent.depth-5 #respond {

	margin-left: 40px;

}



.reply a {

	border-bottom: 1px dotted #666 !important;

}



.comment-item, .comment {

	margin: 15px 0 25px 0;

	overflow: hidden;

}



.commenter-photo {

	display: inline-block;

	margin: 3px 10px 0 0;

	vertical-align: top;

	width: 10%;

}



.comment-post {

	display: inline-block;

	width: 85%;

}



p.comment-item-meta {

	margin-bottom: 5px;

}



.commenter-name {

	font-weight: bold;

	margin-right: 10px;

}



.comment-date, .comment-date a {

	color: #aaa !important;

	font-style: italic;

}



.parent.comment-item {

	margin-bottom: 0;

}



form#commentform {

	margin-bottom: 0;

	margin-top: 30px;

}



form#commentform p {

	margin-bottom: 0;

}



form#commentform label {

	display: inline-block;

	margin-right: 5px;

	text-align: right;

	width: 70px;

}



form#commentform label[id="comment-label"] {

	vertical-align: top;

}



form#commentform textarea {

	display: inline-block;

	width: 80%;

}



form#commentform #submit {

	margin-left: 75px;

}



p.logged-in-as {

	margin-bottom: 15px !important;

}



.sidebar-item {

	margin-bottom: 45px;

	/*overflow: hidden;*/

}



.sidebar-item a {

	text-decoration: none;

}



.sidebar-item p {

	color: #888;

}



#sidebar-content a {

	border: none;

}



.search-form {

	margin-bottom: 0 !important;

	overflow: hidden;

}



.searchbox {

	float: left;

	margin-bottom: 0 !important;

	width: 200px !important;

}



#footer .searchbox {

    width: 160px !important;

}



.search-button {

	box-shadow: none !important;

	float: left;

	height: 30px;

	margin-bottom: 0 !important;

	margin-left: -10px;

	margin-top: 0;

	padding: 7px 10px !important;

}



.search-button:active {

	left: 0;

	top: 0;

}



ul#latest-events {

	list-style: none;

	/*margin-left: 10px;*/

	margin-left: 0;

	overflow: hidden;

	margin-bottom: 0;

}



ul#latest-events li {

	margin-bottom: 15px;

	overflow: hidden;

}



ul#latest-events li span {

	color: #888;

	display: block;

	font-size: 12px;

	font-style: italic;

}



ul#latest-events img {

	float: left;

	margin: 0 10px 0 0;

	vertical-align: top;

}



/***** Page Elements *****/

#content.elements h3.elements {

	font-family: 'Lato';

	font-style: normal;

	font-size: 16px;

	margin-bottom: 20px;

	text-align: left;

}



#content.elements div.section {

	border-bottom: 1px dashed #ccc;

	padding-bottom: 20px;

}



#content.images-videos.elements div.section {

	text-align: center;

}



/***** Contact *****/

#googleMap {

	min-height: 300px;

}



#googleMap img {

	max-width: none;

}



#content.contact a {

	text-decoration: none;

}



#content.contact .box {

	display: none;

	opacity: 0;

}



form#contact-form, form.general-contact-form {

	margin-bottom: 0;

	margin-top: 20px;

}



form#contact-form p, form.general-contact-form p {

	margin-bottom: 0;

}



form#contact-form label, form.general-contact-form label {

	display: inline-block !important;

	margin-right: 5px;

	text-align: right;

	width: 70px;

	font-weight: normal !important;

}



form#contact-form label[id="message-label"], form.general-contact-form label.message-label {

	vertical-align: top;

}



form#contact-form textarea, form.general-contact-form textarea {

	display: inline-block;

	width: 80%;

}



#search-404 {

	margin: 30px auto 100px;

	width: 250px;

}



/***** Footer *****/

#footer {

	background: #eee;

	color: #666;

	font-size: 12px;

	padding: 20px 0;

	padding-bottom: 0;

	text-shadow: 1px 1px 1px #ddd;

	filter: dropshadow(color=#ddd, offx=1, offy=1);

}



#footer div {



}



#footer a {

	color: #333;

	text-decoration: none;

}



#footer-about span {

	display: block;

}



#footer-events, #footer-offers, #footer-gallery {

	margin-top: 25px;

}



#footer-events ul, #footer-offers ul, #footer-gallery ul {

	margin-top: 26px;

}



#footer-events li, #footer-offers li {

	margin-bottom: 10px;

}



#footer-offers li {

	overflow: hidden;

}



#footer-offers li img {

	float: left;

	margin: 3px 8px 0 0;

}



#footer-gallery .thumb {

	height: 50px;

	width: 50px;

}



#footer-gallery ul {

	margin-left: 10px;

}



#footer-gallery li {

	float: left;

	margin: 5px 13px 0 0;

	width: 50px;

}



#footer-gallery p {

	clear: left;

	margin-right: 15px;

	text-align: right;

}



#page-content.float-right {

	float: right !important;

}





/***** Widgets *****/

ul.no-bullets {

	list-style: none !important;

	margin-left: 0 !important;

}



ul.widget-thumbnail {

	list-style: none !important;

	/*margin-left: 10px;*/

	margin-left: 0 !important;

	overflow: hidden;

	margin-bottom: 0;

}



ul.widget-thumbnail li {

	margin-bottom: 15px;

	overflow: hidden;

}



ul.widget-thumbnail li span, ul.widget-no-thumbnail li span {

	color: #888;

	display: block;

	font-size: 12px;

	font-style: italic;

}



ul.widget-thumbnail img {

	float: left;

	margin: 0 10px 0 0;

	vertical-align: top;

}



.footer-widget .square.widget-no-thumbnail {

	margin-left: 17px;

}



ul.widget-no-thumbnail li {

	margin-bottom: 5px;

}



.widget-gallery, .flickr-badge-container {

	margin-left: 10px;

	margin-bottom: 0;

	overflow: hidden;

}



.widget-gallery li, .flickr_badge_image {

	float: left;

	margin: 5px 12px 0 0;

	width: 50px;

}



.widget-gallery + p {

	clear: left;

	margin-right: 15px;

	text-align: right;

}



ul.square.bullets li ul.children {

	margin: 5px 0 10px 20px;

	list-style: square;

}



.footer-widget {

	margin-top: 25px;

	margin-bottom: 30px;

}



.footer-widget .less-margin-top {

	margin-top: -20px;

}



.widget-contact-info span {

	display: block;

}



.sidebar-item .twtr-widget {

	font-family: 'Lato', sans-serif !important;

}



.sidebar-item #twtr-widget-1 .twtr-doc, .sidebar-item #twtr-widget-1 .twtr-hd a, .sidebar-item #twtr-widget-1 h3, .sidebar-item #twtr-widget-1 h4 {

	background-color: #888 !important;

}



.twtr-hd h3, .twtr-hd h4 {

	font-family: 'Lato', sans-serif !important;

	background: none !important;

}



#twtr-widget-1 .twtr-tweet a {

	color: #1B7FAC !important;

}



.twtr-doc, .twtr-timeline {

	-moz-border-radius: 0 !important;

	-webkit-border-radius: 0 !important;

	border-radius: 0 !important;

}



form.widget-contact-form {

    margin-bottom: 0;

}



form.widget-contact-form p {

    margin-bottom: 0

}



.footer-widget form.widget-contact-form input[type="text"], .footer-widget form.widget-contact-form textarea {

    margin-bottom: 5px;

    width: 80%;

}



.footer-widget form.widget-contact-form label, .footer-widget form.widget-contact-form input, .footer-widget form.widget-contact-form textarea {

    font-size: 11px !important;

}



.widget-testimonials {

	

}



.widget-testimonials blockquote.full-width p {

    font-size: 18px;

    margin-left: 15px;

    padding-left: 40px;

    margin-right: 15px;

    padding-right: 0;

}

.widget-testimonials blockquote.full-width cite {

    margin-right: 15px;

    font-size: 14px;

}



.footer-widget .widget-testimonials blockquote.full-width {

	margin:0;

}



.footer-widget .widget-testimonials blockquote.full-width p {

    font-size: 16px;

    margin-top: 20px;

    margin-left: 10px;

    padding-left: 35px;

    margin-right: 10px;

    padding-right: 0;

}

.footer-widget .widget-testimonials blockquote.full-width cite {

    margin-right: 15px;

    font-size: 12px;

}



/***** Shortcodes *****/

.google-map {

	border: 1px solid #ddd;

}

.google-map img {

	max-width: none !important;

}



.google-map a {

	border-bottom: none !important;

}





/***** Copyright *****/

#copyright {

	background: #333;

	color: #ccc;

	font-size: 12px;

	padding: 8px 0;

	min-height: 30px;

}



#text {

	display: block;

	float: left;

	margin-top: 5px;

}



#text a {

	border-bottom: 1px dotted #ccc;

	color: #fff;

	text-decoration: none;

}



#social {

	float: right;

	margin-top: 3px;

	margin-bottom: 0;

	line-height: 0;

}



#social li {

	float: left;

	margin-right: 8px;

}



#social li a {

	opacity: .3;

}



#social li a:hover {

	opacity: 1;

}



#social img {

	height: 25px;

	line-height: 0;

}



/* #Layouts and Plugins

 ================================================== */



/***** Sections and Columns *****/

.section {

	margin-bottom: 40px;

	width: 860px;

}



.section.header {

	border: none !important;

	margin-bottom: 20px;

}



.section .full-width.column {

	margin-left: 0;

	width: 860px;

}



.section .half.column,

.section .one-half.column {

	margin-left: 20px;

	margin-right: 20px;

	width: 410px;

}



.section .one-third.column {

	margin-left: 20px;

	margin-right: 20px;

	width: 260px;

}



.section .two-third.column {

	margin-left: 20px;

	margin-right: 20px;

	width: 560px;

}



.section .one-third.column:first-child, .section .one-fourth.column:first-child, .section .two-third.column:first-child, .section .half.column:first-child, .section .one-half.column:first-child, .section .three-fourth.column:first-child, .section .one-third.column.first {

	margin-left: 0;

}



.section .one-third.column:last-child, .section .one-fourth.column:last-child, .section .two-third.column:last-child, .section .half.column:last-child, .section .one-half.column:last-child, .section .three-fourth.column:last-child {

	margin-right: 0;

}



/* In the case of :last-child not supported by browsers, .last class needs to be used. */

.section .one-third.column.last, .section .one-fourth.column.last, .section .two-third.column.last, .section .half.column.last, .section .one-half.column.last, .section .three-fourth.column.last {

	margin-right: 0;

}



.section .one-fourth.column {

	margin-left: 10px;

	margin-right: 10px;

	width: 200px;

}



.section .three-fourth.column {

	margin-left: 10px;

	margin-right: 10px;

	width: 640px;

}



.section.end {

	margin-bottom: 0;

}



/***** Layouts in Two-Third Width *****/



.two-third.column .container.section {

    width: 560px;

}



.two-third.column .full-width.column {

    width: 560px;

}



.two-third.column .one-third.column {

    width: 173px;

    margin-left: 10px;

    margin-right: 10px;

}



.two-third.column .half.column,

.two-third.column .one-half.column {

    width: 270px;

    margin-left: 10px;

    margin-right: 10px;

}



.two-third.column .two-third.column {

    margin-left: 10px;

    margin-right: 10px;

    width: 365px;

}



.two-third.column .one-fourth.column {

    width: 125px;

}



.two-third.column .three-fourth.column {

    margin-left: 10px;

    margin-right: 10px;

    width: 415px;

}



.two-third.column .half.column:first-child,

.two-third.column .one-half.column:first-child, 

.two-third.column .one-third.column:first-child, 

.two-third.column .two-third.column:first-child,

.two-third.column .one-fourth.column:first-child,

.two-third.column .three-fourth.column:first-child {

    margin-left: 0;

}

    

.two-third.column .half.column:last-child, .two-third.column .one-half.column:last-child, 

.two-third.column .half.column.last, .two-third.column .one-half.column.last,

.two-third.column .one-third.column:last-child, .two-third.column .one-third.column.last,

.two-third.column .two-third.column:last-child, .two-third.column .two-third.column.last,

.two-third.column .one-fourth.column:last-child, .two-third.column .one-fourth.column.last,

.two-third.column .three-fourth.column:last-child, .two-third.column .three-fourth.column.last {

    margin-right: 0;

}



.two-third.column .one-third.hover {

	width: 173px; 

}



.two-third.column .one-fourth.hover {

	width: 125px; 

}



#page-content.two-third.column .one-third.column .searchbox {

	width: 130px !important;

}



/***** FlexSlider plugin *****/

.flexslider {

	border: none;

	-moz-box-shadow: none;

	-webkit-box-shadow: none;

	box-shadow: none;

	margin: 0;

}



.flexslider .slides {

	background: url('images/content-bg.gif');

	line-height: 0;

	margin: 0;

}



.flexslider:hover .flex-next {

	right: 20px;

}



.flexslider:hover .flex-prev {

	left: 20px;

}



.flexslider .slides > li {

	margin: 0;

}



.flex-control-nav {

	background: url('images/content-bg.gif');

	position: static;

}



.flex-control-paging li a {

	border-radius: 5px !important;

}



/***** jQuery UI *****/

.ui-datepicker {

	font-family: 'Lato', sans-serif;

}



.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {

	border-radius: 0;

}



/***** Accordion *****/

.ui-accordion { 

	border: 1px solid #ccc;

	width: 100%; 

	border-color: #ddd #ccc;

	font-family: 'Lato', sans-serif;

	font-size: 100%;

	line-height: 100%;

	

}



.ui-accordion .ui-accordion-header { 

	background: #f7f7f7;

	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;

	background: -moz-linear-gradient(top,  #f7f7f7 0%, #e5e5e5 100%) !important;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e5e5e5)) !important;

	background: -webkit-linear-gradient(top,  #f7f7f7 0%,#e5e5e5 100%) !important;

	background: -o-linear-gradient(top,  #f7f7f7 0%,#e5e5e5 100%) !important;

	background: -ms-linear-gradient(top,  #f7f7f7 0%,#e5e5e5 100%) !important;

	background: linear-gradient(to bottom,  #f7f7f7 0%,#e5e5e5 100%) !important;

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e5e5e5',GradientType=0 );



	margin-bottom: 0;

	font-family: 'Lato', sans-serif;

	font-size: 16px;

	font-style: normal;

	margin-top: 0;

	padding: 0 12px;

	

	-moz-border-radius: 0;

	-webkit-border-radius: 0;

	border-radius: 0;

	

	border: none;

}



.ui-accordion-header.ui-state-active {

	background: #f2f5f6;

	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjVmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM3JSIgc3RvcC1jb2xvcj0iI2UzZWFlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOGQ3ZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;

	background: -moz-linear-gradient(top,  #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%) !important;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-stop(37%,#e3eaed), color-stop(100%,#c8d7dc)) !important;

	background: -webkit-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%) !important;

	background: -o-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%) !important;

	background: -ms-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%) !important;

	background: linear-gradient(to bottom,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%) !important;

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 );

}



.ui-accordion .ui-accordion-li-fix { 

	display: inline; 

}



.ui-accordion .ui-accordion-header-active { 

	border-bottom: 0 !important;

}



.ui-accordion .ui-accordion-header:focus {

	outline: none !important;

}



.ui-accordion .ui-accordion-header a { 

	display: block; 

	font-size: 1em; 

	padding: 12px; 

	text-decoration: none;

	font-weight: bold;

	color: #777;

	border-bottom: none !important;

}



.ui-accordion .ui-accordion-header.ui-state-active a {

	color: #222;

}



.ui-accordion-icons .ui-accordion-header a { 

	/*padding-left: 2.2em;*/ 

}



.ui-accordion .ui-accordion-header .ui-icon { 

	/*position: absolute; 

	left: .5em; 

	top: 50%; 

	margin-top: -8px;*/ 

}



.ui-accordion .ui-accordion-content { 

	background: #fff;

	padding: 25px; 

	border-top: 0; 

	position: relative; 

	/*top: 1px; 

	margin-bottom: 2px;*/ 

	overflow: auto; 

	display: none; 

	zoom: 1; 

	color: inherit;

	border: none;

}



.ui-accordion .ui-accordion-content p {

	margin-bottom: 0;

	line-height: 20px;

}



.ui-accordion .ui-accordion-content ul {

	list-style: square;

	margin-left: 30px;

}



.ui-accordion .ui-accordion-content-active { 

	display: block; 

}



.ui-accordion.toggle {

	margin-bottom: 15px;

}



/***** Skeleton Tabs *****/

.tabs a {

	border-bottom: none !important;

}



/***** WPML language selector in sidebar *****/

#lang_sel li {

	border: 1px solid #ccc;

}



#lang_sel ul ul {

	top: 24px !important;

}



#lang_sel ul ul li {

	border-top: none;

	left: -1px;

}



/***** To Top ******/

#toTop {

	z-index: 99;

}



/* #Media Queries

 ================================================== */



@media screen and (max-width: 1024px) {/* Specific to this particular image */

	img.bg {

		left: 50%;

		margin-left: -512px; /* 50% */

	}

}



/* Smaller than standard 960 (devices and browsers) */

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



	body {

		font-size: 13px;

	}



	#menu {

		/*background: #000 url('images/menu-bg.jpg') repeat-x;

		-moz-box-shadow: 0 1px 5px #333;

		-webkit-box-shadow: 0 1px 5px #333;

		box-shadow: 0 1px 5px #333;*/

	}



	ul#root-menu {

		/*background: none;

		-moz-box-shadow: none;

		-webkit-box-shadow: none;

		box-shadow: none;*/

	}



	#highlight h2 {

		font-size: 22px !important;

		margin-bottom: 15px;

	}



	#highlight p {

		margin-bottom: 10px;

	}



	#highlight div.highlight-content {

		padding: 20px 5px 0 0;

	}



	#highlight span.price {

		font-size: 16px !important;

	}



	#banner {

		min-height: 200px;

	}



	.banner-caption {

		bottom: 40px;

	}



	#menu {

		margin-bottom: 50px;

	}

	

	#page-content.two-third.column #gallery.three-columns {

		width: 260px;

		margin: 0 auto;

	}



}



/* Tablet Portrait size to standard 960 (devices and browsers) */

@media only screen and (min-width: 768px) and (max-width: 959px) {

	#menu.page {

		margin-top: -45px;

	}



	#menu {

		height: 50px;

		width: 100%;

	}



	ul#root-menu {

		/*padding: 13px 0;*/

	}



	ul#root-menu li > a {

		padding-left: 12px;

		padding-right: 12px;

	}



	/* 1st-level submenu */

	ul#root-menu li ul {

		top: 37px;

		width: 150px;

	}



	/* 2nd-level submenu */

	ul#root-menu li ul li ul {

		left: 151px;

	}



	#intro {

		padding: 0 10px;

		width: 90%;

	}



	.section {

		width: 700px;

	}



	.section .full-width.column {

		margin-left: 0;

		width: 700px;

	}



	.section .half.column,

	.section .one-half.column {

		margin-left: 10px;

		margin-right: 10px;

		width: 340px;

	}



	.section .one-third.column {

		margin-left: 10px;

		margin-right: 10px;

		width: 220px;

	}



	.section .two-third.column {

		margin-left: 10px;

		margin-right: 10px;

		width: 460px;

	}



	.section .one-fourth.column {

		margin-left: 10px;

		margin-right: 10px;

		width: 160px;

	}



	.section .three-fourth.column {

		width: 520px;

	}



	.hover.one-third {

		width: 220px;

	}



	.hover.one-fourth {

		width: 160px;

	}



	blockquote.full-width p {

		font-size: 18px;

		margin-left: 40px;

		margin-right: 50px;

		margin-top: 35px;

		padding: 10px 25px 0 50px;

	}



	#gallery.three-columns {

		margin: 0 auto;

		width: 575px;

	}

	

	#gallery.four-columns {

		margin: 0 auto;

		width: 642px;

	}



	#blog-content {

		padding-right: 10px;

		width: 450px;

	}



	#blog-content.last {

		padding-right: 0;

		width: 450px;

	}



	#author-description {

		width: 75%;

	}

	

	#post-nav a {

		width: 200px;

	}

	

	.comment.depth-2, .parent.depth-2 #respond, .comment.depth-3, .parent.depth-3 #respond, .comment.depth-4, .parent.depth-4 #respond, .comment.depth-5, .parent.depth-5 #respond {

		margin-left: 30px;

	}



	#sidebar-content.first {

		margin-right: 10px;

		width: 220px;

	}



	.searchbox {

		width: 150px !important;

	}

	

	/***** Layouts in Two-Third Width *****/



	.two-third.column .container.section {

	    width: 460px;

	}

	

	.two-third.column .full-width.column {

	    width: 460px;

	}

	

	.two-third.column .one-third.column {

	    width: 140px;

	    margin-left: 10px;

	    margin-right: 10px;

	}

	

	.two-third.column .half.column,

	.two-third.column .one-half.column {

	    width: 220px;

	    margin-left: 10px;

	    margin-right: 10px;

	}

	

	.two-third.column .two-third.column {

	    margin-left: 10px;

	    margin-right: 10px;

	    width: 300px;

	}

	

	.two-third.column .one-fourth.column {

	    width: 100px;

	}

	

	.two-third.column .three-fourth.column {

	    margin-left: 10px;

	    margin-right: 10px;

	    width: 340px;

	}



	.two-third.column .one-third.hover {

		width: 140px; 

	}

	

	.two-third.column .one-fourth.hover {

		width: 100px; 

	}

	

	#page-content.two-third.column .one-third.column .searchbox {

		width: 100px !important;

	}

	

	ul.tabs li a {

	    padding: 0px 15px;

	}

	

	#footer .searchbox {

	    width: 120px !important;

	}

}



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

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

	h1 {

		font-size: 28px;

	}



	#logo {

		background: #ddd;

		padding: 15px;

		position: static;

		text-align: center;

	}



	#logo img {

		height: 75px;

	}



	.banner-caption {

		display: none;

	}



	#menu {

		background: #000 url('images/menu-bg.jpg') bottom repeat-x;

		height: 40px;

		margin: 0;

		margin-bottom: 50px;

		padding-top: 10px;

	}

	

	#menu.layerslider {

		margin-top: 0 !important;

	}



	ul#root-menu {

		display: none;

	}



	#menu select {

		color: #333;

		display: block;

		font-size: 14px;

		margin: 0 auto;

		padding: 5px;

		width: 80%;

	}



	.section.header {

		margin-bottom: 20px;

		padding: 0 20px;

		width: 360px;

	}



	.hover.half {

		width: 100%;

	}



	.hover.one-third {

		margin: auto;

		width: 260px;

	}



	.hover.one-fourth {

		margin: auto;

	}

	

	.two-third.column .one-third.hover {

		width: 260px; 

	}



	#content.room-content {

		text-align: center;

	}



	#gallery.three-columns {

		margin: 0 auto;

		width: 290px;

	}



	#gallery.four-columns {

		margin: 0 auto;

		width: 400px;

	}



	#gallery.four-columns .photo-item {

		width: 185px !important;

	}



	#about-author {

		text-align: center;

		width: 100%;

	}



	#author-photo {

		margin-right: 0;

		margin-bottom: 20px;

	}



	#author-description {

		width: 100%;

	}



	form#commentform label, form#contact-form label {

		display: block;

		text-align: left;

	}



	form#commentform textarea, form#contact-form textarea {

		width: 90%;

	}

	

	

	.comment.depth-2, .parent.depth-2 #respond, .comment.depth-3, .parent.depth-3 #respond, .comment.depth-4, .parent.depth-4 #respond, .comment.depth-5, .parent.depth-5 #respond {

		margin-left: 20px;

	}

	

	form#commentform #submit {

		margin-left: 0;

	}





	.searchbox {

		width: 200px !important;

	}



	#footer-gallery ul, .widget-gallery {

		margin: 25px 0 0 0;

	}



	#copyright {

		text-align: center;

	}



	#social {

		float: none;

	}



	#social li {

		display: inline;

		float: none;

	}



	#text {

		float: none;

	}

	

	#page-content.two-third.column .one-third.column .searchbox {

		width: 200px !important;

	}

	

	#post-content .container.section {

		margin-left: -10px;

	}

	

	.two-third.column .one-fourth.hover {

		width: 200px;

	}

	.two-third.column .one-fourth.column {

		text-align: center;

	}

	

	ul.tabs li {

	    display: block;

	    float: none;

	}

	

	#footer .searchbox {

	    width: 80% !important;

	}



}



/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

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



	#menu.page {

		margin-top: -17px;

	}



	#intro {

		width: 375px;

	}



	.section {

		width: 400px;

	}

	

	#page-content {

		margin-left: -10px;

	}



	.two-third.column .container.section {

		width: 400px;	

	}

	

	.section .full-width.column, .section .half.column, .section .one-half.column, .section .one-third.column, .section .two-third.column, .section .one-fourth.column, #footer .one-fourth.column, .section .three-fourth.column,

	.two-third.column .full-width.column,

	.two-third.column .half.column,

	.two-third.column .one-half.column,

	.two-third.column .one-third.column,

	.two-third.column .two-third.column,

	.two-third.column .one-fourth.column,

	.two-third.column .three-fourth.column {

		margin: 0 0 15px 0;

		padding: 0 10px;

		width: 380px;

	}

	

	.section .one-fourth.column {

		width: 180px;

	}



	.section .one-fourth.with-three-fourth.column {

		width: 380px;

	}



	.hover.one-fourth {

		width: 170px;

	}



	blockquote.full-width {

		width: 380px;

	}



	blockquote.full-width p {

		font-size: 18px;

		margin-left: 10px;

		margin-right: 10px;

		margin-top: 35px;

		padding: 10px 25px 0 50px;

	}



	blockquote.full-width cite {

		float: right;

		margin-right: 25px;

	}

	

	#post-nav a {

		width: 160px;

	}

	

}



/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

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

	/* Solved unselectable menu on Android */

	img.bg {

		display: none !important;

	}

	#menu.home {

		margin-top: 0 !important;

	}

	.flex-direction-nav { 

		display: none !important;

	}

	/* Solved unselectable menu on Android */

	

	#menu.page {

		margin-top: -45px;

	}



	h1 {

		font-size: 24px;

	}



	#intro {

		width: 250px;

	}



	#intro p {

		font-size: 14px;

	}



	#intro p + p span {

		display: none;

	}



	.section {

		width: 280px;

		

	}

	

	#page-content {

		margin-left: -10px;

	}

	

	.two-third.column .container.section {

		width: 280px;	

	}



	.section.header {

		margin-bottom: 20px;

		padding: 0 20px;

		width: 260px;

	}



	.section .full-width.column, .section .half.column, .section .one-half.column, .section .one-third.column, .section .two-third.column, .section .one-fourth.column, #footer .one-fourth.column, .section .three-fourth.column,

	.two-third.column .full-width.column,

	.two-third.column .half.column,

	.two-third.column .one-half.column,

	.two-third.column .one-third.column,

	.two-third.column .two-third.column,

	.two-third.column .one-fourth.column,

	.two-third.column .three-fourth.column {

		margin: 0 0 15px 0;

		padding: 0 10px;

		width: 260px;

	}



	#home-testimonial blockquote.full-width p {

		font-size: 16px;

	}



	#home-testimonial blockquote.full-width cite {

		font-size: 13px;

	}



	blockquote.full-width {

		width: 260px;

	}



	blockquote.full-width p {

		background: none;

		font-size: 18px;

		margin-left: 5px;

		margin-right: 5px;

		margin-top: 20px;

		padding: 10px 25px 0;

	}



	blockquote.full-width cite {

		float: right;

		font-size: 14px;

		margin: 5px 15px;

	}



	blockquote.post {

		display: block;

		margin: 10px 0;

		width: 230px;

	}



	.commenter-photo {

		display: none;

	}



	#gallery.four-columns {

		margin: 0 auto;

		width: 214px;

	}



	#gallery.four-columns .photo-item {

		width: 200px !important;

	}



	form#reservation-form label {

		display: block;

		text-align: left;

	}



	form#reservation-form textarea {

		width: 90%;

	}

	

	#post-nav a {

		width: auto;

		margin-bottom: 20px;

	}



	#footer-gallery ul {

		text-align: center;

		width: 100%;

	}



	#footer-gallery p {

		text-align: right;

	}

}