/*
Theme Name: Chameleon
Theme URI: https://wp.trepmal.com
Description: Supports background <strong>images</strong>. Will automatically create basic pages for you (if you have less than 2 pages and haven't used a Concept theme before)
Version: 2.0
Author: Inndx
Author URI: https://inndx.com/
Tags: custom-background, custom-header
License:
License URI:
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
strong{
	font-weight: bold;
}

/* basic classes */
* { margin:0; padding:0; outline:0; }

.left { float:left; }
.right { float:right; }
img.left, img.right { margin: 0 5px; }
.hidden { display:none; }
.clear { clear:both; }

/* --------------------------------------------------------------- */
/* basic element */

ul, ol { margin: 5px 5px 5px 15px; }
ul { list-style-type:disc; }
ol { list-style-type:decimal; }
blockquote { margin: 10px 20px; font-style:italic; border-left: 5px solid #ccc; padding-left:10px; }

a { color:#312b1d; }
a:hover { text-decoration: none; }
a:visited { }
a:active { position:relative; top:1px; }
a[href $='.pdf'] { padding-right: 18px; background: transparent url(images/icon_pdf.png) no-repeat right; }

h1, h2, h3, h4, h5, .page_title{ margin: 0 0 15px 0; font-family: 'Times New Roman'; }
h1{ font-size: 2.2em; line-height:1.2em;}
h2{ font-size: 1.8em; }
h3{ font-size: 1.6em; }
h4{ font-size: 1.4em; }
h5{ font-size: 1.3em; }
h6{ font-size: 1.2em; }
.page_title{ font-size: 2.2em;}

hr { margin: 20px }

p{ margin: 0 0 15px 0; }

code { font-family:courier new, courier, monospace; }
abbr { border-bottom: 1px dashed #555; }
acronym { border-bottom: 1px dotted #555; }
em { font-style:italic; }
sub { font-size:60%; position:relative; bottom: -2px; }
sup { font-size:60%; position:relative; top: -4px; }
dl { }
dt { margin: 0 0 0 15px; }
dd { margin: 0 0 15px 30px; }

.editLink { clear:none; position:fixed; top:45%; left:0px; width:35px; height:45px; padding:0; font-size:12px; line-height:12px; font-family:courier new; text-align:center; font-variant:small-caps; -moz-box-shadow: 1px 0px 8px #999; }
.editLink a { display:block; width:27px; height:37px; padding: 4px; color:#fff; background:#6b7a5d; text-decoration:none; }
.editLink a:hover { display:block; color:#2c132f; background:#afaa75; }

/* --------------------------------------------------------------- */
body {
	font-family: "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;
	font-family: georgia, "times new roman", times, serif;
	margin: 0;
	font-size:62.5%;
	color:#322215;
}

/* Layout */

#page { margin:0 auto; text-align:center; }

.content { float:left; padding:10px; overflow:hidden; }

.layout { width: 960px; text-align: left; margin: 0 auto; padding: 0 10px; position:relative; }

#topper { background:#fff;}
#topper .layout { width: 980px; padding:10px 0 20px;    }

	#topper a.logo {
		display: block;
		font-size: 3.5em;
		font-family: 'times new roman', times, serif;
		float: left;
		margin: 0 0 24px;
	}
	#topper .tagline {
		text-align:right;
		margin-top: 35px;
		float: right;
		width: 333px;
		padding: 0 10px 0 0;
		font-family: georgia, "times new roman", serif;
		font-size:1.6em;
		line-height:1.4em;
	}
	#topper .tagline p {
		margin: 0 0 4px;
		color: #322215;
	}
	#topper .tagline p a {
		color: #322215;
	}

/* --------------------------------------------------------------- */
/* main menu */

.the_menu, .the_menu * { margin:0; padding:0; }

	/* general */
	.the_menu {
		overflow:visible;
		font-size: 1.6em;
		margin: 0;
		background: #DBDBB5;
		clear:both;
		position: absolute;
		bottom:0;
		width:100%;
		z-index: 10;
		border-radius: 10px 10px 0 0;
	}
	.the_menu > ul { height:50px; clear:both; margin: 0; overflow:visible; list-style:none; }
	.the_menu li { position: relative; z-index:50; margin: 0; list-style:none; }
	.the_menu li a { display:block; float:left; margin:0; text-decoration:none; }
	.the_menu li a:hover { text-decoration:underline; }
	.the_menu li a:active { position:static; }


	/* top level items */
	.the_menu > ul,
	.the_menu ul.level-1-ul { }
	.the_menu > ul > li,
	.the_menu li.level-1-li {
		height: 20px;
		margin: 16px 0 14px;
		padding: 0px 15px;
		border-right: 1px solid #322215;
		float:left;
	}
	.the_menu > ul > li:last-child,
	.the_menu li.level-1-li:last-child,
	.the_menu li.level-1-li.last {
		border:none;
	}
	.the_menu > ul > li.arrow > a,
	.the_menu li.arrow a.level-1-a {
		padding-right:15px;
		background: 100% 50% url('images/arrowD.gif') no-repeat;
	}
	.the_menu > ul > li > a,
	.the_menu li a.level-1-a {
		height: 20px;
	}
	.the_menu li a.level-1-a:hover { }

		/* beyond top level items */
		.the_menu > ul > li > ul,
		.the_menu li.level-1-li ul {
			height: auto;
			width: 170px;
			position: absolute;
			display: none;
			background: #DBDBB5;
			background: #fff;
			box-shadow: 0 2px 2px 0px #1C1912;
			border-radius:0;
		}
		.the_menu li:hover,
		.the_menu li.level-1-li:hover {
			/*background: #fff;*/
		}
		.the_menu li:hover > ul,
		.the_menu li.level-1-li:hover ul {
			display: block;
		}

		.the_menu li li,
		.the_menu li.level-1-li li {
			height:auto;
			padding: 0 10px;
		}
		.the_menu li li a,
		.the_menu li.level-1-li li a { height:auto; padding: 7px 3px; float:none; text-decoration:none; }
		.the_menu li li a:hover,
		.the_menu li.level-1-li li a:hover { text-decoration:underline; }


	/* second level items */
	.the_menu > ul > li > ul,
	.the_menu ul.level-2-ul { top:98%; left:2%; }
	.the_menu li.level-2-li { }
	.the_menu ul.level-2-ul li.arrow { background: 90% 50% url('images/arrowR.gif') no-repeat; }
	.the_menu li a.level-2-a { }
	.the_menu li a.level-2-a:hover { }

	/* beyond second level items */
	.the_menu ul ul ul,
	.the_menu ul ul li:hover ul { display: none;}

#header .layout { background: #DBDBB5; width: 960px; padding:0 10px; }

#slidesCont {
	width:663px;
	float:left;
}
#slides {
	width: 100% !important;
	/*overflow:hidden;*/
	/*height:308px;*/
	/*padding: 0 0 10px;*/
}
#slides img {
	margin: 0;
	border: 8px solid #fff;
	width: 645px;
	height: 300px;
}
#slides-wrap {
	position: relative;
}

.slide-navigation {
	opacity: .4;
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;
	bottom: 0;
	z-index: 999;
	height: 25px;
}
#slidesCont:hover .slide-navigation{
	opacity: .85;
}
.slide-navigation a {
	display: inline-block;
	margin: 0 10px;
	text-indent: -99em;
	overflow: hidden;
	border-radius: 9px;
	width: 9px;
	height: 9px;
	background: white;
}
.slide-navigation a:hover {
	background: gold;
	border-color: gold;
	/*box-shadow: 0 0 3px black;*/
}
.slide-navigation a.activeSlide {
	background: gray;
	/*border-color: gold;*/
	box-shadow: 0 0 3px black;
}

blockquote.featuredquote {
	float:right;
	width:209px;
	margin: 0;
	padding: 0px;
	height:236px;
	border: 40px solid #fff;
	overflow:hidden;
	font-size:1.8em;
	line-height:1.4em;
	color:#322215;
	background: #fff;
	font-family: georgia, "times new roman", times, serif;

	position: absolute;
	top: 0;
	right: 10px;
	height: 100%;
}
blockquote.featuredquote.secondaryImage{
	border: none;
	height: 316px;
	width: 291px;
}
blockquote.featuredquote.secondaryImage img{
	border: 8px solid #fff;
	width: 275px;
	height: 300px;
	display:block;
}
#container {
	clear: both;
	overflow:hidden;
	font-size: 1.3em;
	line-height: 1.4em;
	background:transparent;
	padding: 0;
	margin:0;
}
#container .layout { background:#DBDBB5; }

/* --------------------------------------------------------------- */
/* body content */

.col-full	{ width: 940px; }
.col-side	{ width: 289px; float:right; padding-right:0; }
.col-main	{ width: 616px; float:left; }

.col-main .post,
.col-main .page,
.col-full .post,
.col-full .page {
	padding: 15px;
	font-size: 1.1em;
	line-height: 1.5em;
}
.sticky {
	border: 1px solid white;
	background: rgba( 200, 200, 200, 0.3 );
	box-shadow: 0 0 2px rgba( 50, 50, 50, 0.5 );
}
#container h1 { font-size:2.0em; }
.archive #container h1 { font-size:1.6em; }

#container h1 a { text-decoration:none; }
#container h1 a:hover { }

.content p.date_auth { font-size:90%; margin:3px 0; font-style:italic; }

.attachment-post-thumbnail { float:right; margin-bottom:10px; }

.postmetadata { clear:both; padding: 3px 5px; font-size:80%; }
.navigation { overflow:hidden; margin:0 0 10px 0; }

/* ------------https://tools.trepmal.com/roomgen/------------------ */
/* roomsList */


.rmii-text { width:calc(100% - 630px) !important; }
.rmii-gallery {
	width: auto !important;
	border: 2px solid #999;
	overflow:hidden;
}
.rmii-gallery img{
	width: 100%;
	height: auto;
}
.eg-wrapper {
    background:transparent;
    width:600px !important;
    height:400px !important;
}
.rmii-content ul li{
	margin-left: 20px;
}
.rmii-content ul { white-space:normal; padding: 0; margin: 0; }

.rmii-single { margin-bottom: 40px;}
.rmii-text { color:#5d5d5e;  }
.rmii-title { font-size: 1.4em; }
.rmii-calendar a{
    background:#999;
    border-radius: 5px;
    padding: 5px;
    text-decoration: none;
    margin: 5px 0;
    font-size: 1.2em;
    display: inline-block;
    color: #fff;
}

/* --------------------------------------------------------------- */
/* attachments */

body.attachment p.attachment { text-align:center; }

/* --------------------------------------------------------------- */
/* comments */

#respond { clear:both; }
#comment { width:96%; margin: 1%; }
ol.commentlist, ol.commentlist ul {
	list-style:none;
	margin: 0;
	padding:0;
}
li.comment {
	padding: 5px 20px;
	margin:0 0 20px 0;
}
li.bypostauthor {
	padding: 5px 20px;
	margin:0 0 20px 0;
}
li.odd { }

li.depth-2, li.depth-3, li.depth-4 { margin-top:10px; padding: 5px 10px; }

img.avatar { float:left; margin:3px 3px 0 0; }

/* --------------------------------------------------------------- */
/* sidebar */

.col-side img {
	width:95%;
	border: 8px solid #fff;
}

.col-side ul {
	list-style:none;
	margin:0;
	padding:0;
}
.col-side ul li {
	margin: 0 0 10px 0;
	padding:0;
	overflow:hidden;
}
.col-side ul li li{
	margin: 0 0 0 15px;
}

.col-side ul ul ul {
	padding: 0 0 0 10px;
}

#post-side-info{ }

/* --------------------------------------------------------------- */
/*assorted special pages/widgets */

/* sitemap */
.searchbox { background:#ffffef; border: 3px solid #99AA7B; padding:10px; margin-right:50px; }
.sitemap { margin-left:50px; }

/* widgets */

.item-list { list-style:none; }
.item-list li { width:250px; float:left; }

/* search */
input#s { width:120px; }

/* calendar */
table#wp-calendar { width:100%; text-align:center; }
table#wp-calendar * { text-align:center; }

/* --------------------------------------------------------------- */
/* footer */

#footer { font-size:1.4em; line-height:1.3em; }
#footer .layout { background:#DBDBB5; width: 960px; padding: 10px 10px 0; border-top: 1px solid #fff; border-top: 1px solid rgba(255,255,255,0.8); }
#footer .col-side { width: 250px; text-align:right; padding: 10px; }

#footer h3 { font-size:1.4em; margin: 0 0 15px; }
#footer .col-side h3 { display:none; }

#footer .links { list-style:none; }
#footer .links h2 { font-size:1.5em; padding:0; }

ul.advanced-recent-posts, .miniloops ul { margin:0; }
ul.advanced-recent-posts li, .miniloops ul li { list-style-type: disc; clear:both; margin:0 0 3px; overflow:hidden; }
ul.advanced-recent-posts a, , .miniloops ul a { }
ul.advanced-recent-posts img, .miniloops ul img { float:left; margin:0 10px 0 0; padding:2px; }

#footer .content ul { margin:0; list-style-type: disc; list-style-position: inside; }
#footer .content ul li { clear:both; margin:0 0 3px; padding: 0 0 0 2px; overflow:hidden; }

.meta { margin-top:15px; }
.social { }
.social a { line-height:15px; padding:1px 0 3px 20px; }
.social a.facebook { background:url('https://js.insideout.com/images/icons/facebook.gif') no-repeat; }
.social a.twitter { background:url('https://js.insideout.com/images/icons/twitter.gif') no-repeat; }

/* --------------------------------------------------------------- */
/* image handling */

/* Images */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }
/* WP Gallery */
.gallery dl,
.gallery dt,
.gallery dd { margin:0; }
.gallery-caption {}
/* Captions */
.aligncenter,
div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #fff; border: 1px solid #777; text-align: center; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

/* specials and packages plugin */

@media
	only screen and (min-width: 980px) {
		#slides {
			width: 100% !important;
		}
		#slides img {
			width: 100% !important;
			max-width: 100% !important;
			height: auto !important;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}

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

		.layout,
		#topper .layout,
		#header .layout,
		#footer .layout {
			width: 100%;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			/*background: red !important;*/
		}
		#topper h1,
		#slidesCont,
		.col-main {
			width: 70%;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
		#slides {
			width: 100% !important;
		}
		#slides img {
			width: 100% !important;
			max-width: 100% !important;
			height: auto !important;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
		#topper h1 span {
			background-size: contain !important;
			background-position: 50% 50%;
		}

		#topper .tagline,
		.col-side,
		#footer .col-side,
		blockquote.featuredquote,
		blockquote.featuredquote.secondaryImage {
			width: 30%;
			height: 100%;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
		blockquote.featuredquote {
			border-width: 20px;
		}
		.col-side,
		#footer .col-side {
			padding: 10px 0;
		}
		.col-side img {
			max-width: 100%;
			height: auto;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
		blockquote.featuredquote.secondaryImage img{
			height: auto;
			width: 100%;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
		.the_menu {
			font-size: 1.5em;
			position: static;
		}
		.the_menu ul {
			height: auto;
			text-align: center;
			padding: 10px 0;
		}
		.the_menu li.level-1-li {
			float:none;
			padding: 5px;
			margin: 3px;
			height: 15px;
			display: inline-block;
			border: 0;
			background: rgba( 255, 255, 255, 0.4 );
			border-radius: 3px;
		}
		.rmii-gallery { width:430px !important; }
		.rmii-text { width:calc(100% - 460px) !important; }
		.eg-wrapper { height:285px !important; }
		.content #rmii-page{ width: 75%; }
}

@media only screen and (max-width: 765px){
	.rmii-gallery { width:100% !important; border: 0; }
	.rmii-text { width:393px !important; }
	.eg-wrapper { height:250px !important; }
	.content #rmii-page{ width: 60%; }
}

@media
	only screen and (max-width: 645px) {
		#topper .layout {
			/*height: 100px;*/
		}
		.content #rmii-page{ width: 40%; }
		#topper h1 {
			width: 100% !important;
			max-width: 100%;
			/*height: auto;*/
			/*min-height: 100px;*/
			float: none;
			margin: 0 0 15px;
		}
		#topper .tagline {
			float: none;
			text-align: center;
			margin:0 0;
			width: 100%;
			padding: 0 10px 0 0;
		}
		#slidesCont {
			/*width: 100%;*/
		}

}
@media
	only screen and (max-width: 445px) {
		#topper h1,
		.col-main,
		#slidesCont {
			width: 100%;
		}
		#topper .tagline,
		.col-side,
		#footer .col-side,
		blockquote.featuredquote {
			position: static;
			width: 100%;
			height: auto;
		}
		blockquote.featuredquote.secondaryImage {
			display: none;

			position: absolute;
			top: -10px;
			right: 0;
			width: 20%;
			height: auto;
			z-index: 1000;
		}
		blockquote.featuredquote.secondaryImage img {
			border-width: 2px;
		}
		.miniloops ul li { width: 100%; }
		.miniloops ul img { width: 25%; height: auto;}
			.content #rmii-page{ width:28%; }
}