/*
 Theme Name: Nimman Rooms Chiangmai
 Theme URI: http://www.bontong.com/wordpresstheme/
 Description: Theme for Nimman Rooms - Baan The Pub <a href="http://bontong.com</a>
 Author: Bon Tong Productions
 Author URI: http://www.bontong.com
 Template:
 Version: 0.1.0
 License: Commercial Theme
 Tags: 
 */
 * {
	border:0;
	margin:0;
	padding:0;
	}
/*Header*/	
body {
	color: #ccc;
	text-align:left;
	font-size:1.0em;
	font-family: Calibri, "Trebuchet MS", Helvetica, sans-serif;
	}
	
	
img {border:0;}


h1 {
	font-size:2.0em;
	font-weight:200;
	color: #cdc37e;
}
h2 {
	font-size:1.6em;
	color: #cdc37e;
	margin:6px 0px;
}
h3 {
	color: #cdc37e;
	font-size:1.4em;
	font-weight:300;
		margin:3px 0px;
}
h4 {
	font-size:1.2em;
}

p { 
	font-size:1.2em;
	margin: 3px 0 10px 0;
	line-height:1.6;

	}
a {
	color: #ccc;
	text-decoration: none;
	font-size:1.1em;
	}
	
a:hover {
	
	color: #cdc37e;
	}
.h2-link{
	font-size:1.2em;
	color: #cdc37e;
	margin:6px 0px;
}
li {
	list-style-position: inside;
}	
.page-title {
	font-weight:300;
	letter-spacing: 0px;
	margin-bottom:6px;
}
.section-title {
	width:370px;
	float:right;
	text-align:right;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
	}

.read-more { /*not used but left anyway */
	float: right;
	background: url(images/square-bullet.png) no-repeat left;
	padding-left:12px;
	}
.clear {
	clear:both;
	}
	
.hidden {
	display:none;
	}
	
.spacer {
	width:100%;
	Height:30px;
	clear:both;
}
.searchform input{
	font-size:1.3em
}

/*********** MAIN SITE LAYOUT SECTION **********/
 .main-body {
	background: #cdc37e;
	padding: 0;
	margin: 0;
	}
/*----------Header----------*/
/* Home Icon in top right corner*/	
#home-link-icon {
	position: fixed;
	top: 4px;
	right: 4px;
	z-index: 1000;
}
/* Social,linking icons fixed side or top*/	
#social-link-panel {
	position: fixed;
	top: 30%;
	left: 10px;
	width: 50px;
	z-index: 999;
	}
/* Full screen provides green top bar behind logo*/
#wrapper {
	width:100%;
	/* background: #000 url('images/bgstrip.png') repeat-x top;
	Makes green strip across top behind logo, sides are green due to margins and main boddy colour*/
	}
/* Main Header div *Logo, menu and slideshow*/
#header {
	width:100%;
	background: transparent ;
	margin:0;
}
#logo {/* used in media directives*/
	overflow:hidden;
}
.main-logo {
	display:block;
	margin-left: auto;
	margin-right: auto;
	}
#hamburger-icon {
	width:100%;
	margin: 20px auto;
	text-align:center;
	display:none;
	}
/*----Menu 2024-----*/
.h-menu {
	width:80%;
	padding:20px 10% 20px 10%;
}
.menu-inline {
	width:fit-content;
	margin: 0 auto;
}
.menu-inline li{
	list-style-type: none;	
	padding:4px 10px;
	display:inline;

}
.menu-inline a{
	font-size:2.0em;
	font-weight:800;
	color:#0c2490 !important;
}
.menu-inline a:hover{
	color:#fff !important;
}
.current-menu-item a{
	/*background:#c0b171;*/
	text-decoration: underline
}
/* Image Slider */
#main-image-slider {
	height:458px;
	width:100%;
	margin:0px 0px;
	overflow:hidden;
	}
 
#main-image-slider img {
	display:none;
	width:100% !important;
	}
	
#main-container {
	width:100%;
	padding: 0;
	background-color: #000;

	}
/*---- Page css starts here ------*/
#content-container {
	margin:0;
	padding:0;
	background: #000;
	}

/* Front Page stuff */
#headline {
	width:100%;
}
#headline p{
	color:#cdc37e;
	font-family:tahoma,sans-serif;
	font-size:1.4em;
	text-align:center;
	margin:20px;
}

#front-excerpt {
	background: #000 url('images/Baan_The_Pub_bungaloes.jpg');
	background-size:100% 498px;
	height: 498px;
	width:100%;
	position:relative;
	margin-bottom:20px;*/
}
#front-excerpt-content {
	position:absolute;
	bottom: 20px;
	left:8%;
}
.front-excerpt-text {
	width: 70%;
	color: #0C2490 !important;
	background: rgba(255, 255,255, 0.5); 
	padding: 0 2%;
}
.front-excerpt-text h1{
	color: #0C2490 !important;
	font-weight:600;
}
.front-excerpt-text p{
	font-size:1.2em;
	font-weight:600;
}
/*==== End front page----/*
/*page_select_rooms.php */
#room-selection-dialogue {
	margin:30px 0;
}

/* ID for article tag */	
#post-content {
	width:960px;
	margin:10px auto;
	display:block;
	padding:10px;
	}
#summary-logo { /*Div for white logo at top of page - if used*/
	}

.page { /*Used in Post ID div - not sure if required*/
	margin:0px;
	}
/*------------- Post Pages-----*/	
#nav-below {
	width:92%;
	padding:20px 4%
}
.nav-previous {
	float:left;
}
.nav-next {
	float:right;
}
/*------------- Footer Content-----*/
#footer-container {
	width:100%;
	background-color:#000;
	}		
#footer {
	width:980px;
	margin-left: auto;
	margin-right: auto;
	background-color:#000;
	margin-bottom:20px;
	border-top:solid 2px #cdc37e;
	}
#footer-left {
	width:96%;
	padding:10px 2%;
	text-align:left;
	display:inline-block;
	float:left;

}
#footer-right {
	width:96%;
	padding:10px 2%;
	text-align:left;
	display:inline-block;
	float:left;
}
#footer-other {
	width:96%;
	padding:10px 2%;
	}
#footer h3{
	color:#cdc37e;
}
#footer iframe{
	width:100% !important;
}	
#misc-links {
	float:left;
	display:inline;
	font-size:0.7em;
}
.Bon-Tong-Logo {
	float:right;
	display:inline;
	}
	
.footer-map {
	width:100%;
	height:auto;
}
/*End Footer*/
/*--------Hiding room menu pictures ----------*/
/*use with c17_add_page_content() to hide blocks*/
	
.hide-rv-deluxe #rv-deluxe {
	display:none;
}
.hide-deluxe #deluxe{	
	display:none;
}
.hide-superior #superior{	
	display:none;
}
.hide-hostel #hostel{	
	display:none;
}

/*----Availability room select styles ------*/
#av-request-form{/*Main form for room selection*/
	}
/*following IDs are for elements within the room selection form - class styled.*/
#river-deluxe-sel {
	}
#rooms-rvdeluxe {
	}
#deluxe-sel {
	}
#rooms-deluxe {
	}
#superior-sel {
	}
#rooms-superior {
	}
#hostel-sel {
	}
#rooms-hostel {
	}

.av-select-rooms {
	padding:10px 0 ;
	font-size:1.4em;
	}
.av-select-rooms label{
	display:inline-block;
	width:240px;
	float:left;
}
.room-drop-down	{
	font-size:1.0em;
	border:solid #bbb 2px;
	float:left;
	}
.room-page-image figcaption{
	color:#cdc37e;
	font-size:1.8em;
	text-align:center;
	caption-side:top !important;
	display: table-header-group !important;
	margin-bottom:10px !important;
}
.room-page-image img {
	margin-top: 10px;
	margin-bottom:20px;
}
#continue-button {
	Padding:6px;
	}
#contact-details {
	display:none;
}
#previous-info {/*Block for hidden fields in form*/
	}
	


/*********** Contact page *******/
/*  Html generated by functions/shortcodes in functions .php */
.contact-form-row {
	display:block;
}
.contact-form-row label{
	display:inline-block;
	width:166px;
	font-size:1.2em;
	vertical-align:top;
	height:40px;
}
.contact-form-row input{
	width:180px;
	font-size:1.2em;
}
.contact-form-row  textarea{
	height:200px;
	width:400px;
}
#user-url { /*Honey Trap*/
	display:none;
}
.txt-area-label {
	height:200px;
}
/* Styles for Submit button and privacy check*/
.submit-container {
	display:block;
	padding:20px;
	clear:both;
}
.privacy-check {
	display:block;
	padding:6px 0px 12px 20px;
	font-size:1.1em;
}
.privacy-check label{/*Div for privacy check click box and text8*/	
	margin-left:12px;
}
/*ID for form tag in functions.php c17_contact_form() */
#contact-form { 
}


/* Availability Checker Shortcode styles*/
.av-checker {
	margin:30px auto 30px auto;
	padding:16px;
	border: solid 4px #cdc37e;
	width:80%;
	clear:both;
	}
.av-checker p{
	font-size:1.4em;
	}
.av-box {
	float:left;
}
.av-checker-input {
	padding:10px 0 10px 20px;
	display:inline;
	float:left;	
	}
.av-checker-input label{
	display:block;
	float:left;
	font-size:1.1em;
	font-weight: bold;
	width:180px;
	}
.av-checker-input input{
	display:block;
	float:left;
	font-weight: bold;
	}
.res-date {
	font-size:1.3em;
	}

.av-button {	
	font-size:1.2em;
	color:#000;
	background: #cdc37e !important;
	border: solid 2px #888 !important;
	padding:6px;
	margin:0 0 0 20px;
	}
	
#submit_button {
	}
#continue-button {
	Padding:6px;
	}
#contact-details {
	display:none;
	}
/*---------------Rate Info Pop Up ---------------*/
	
#rate-info{
	display:none;
	color:#ccc;
    position: fixed;
    top: 40px;
    left: 3%;
    right: 3%;
    bottom: 40px;
    width: 40%;
    height: auto;
    padding: 20px 2% 10px 4%;
    background: #000;
    border: 4px solid #cdc37e;
	z-index: 500;
	overflow-y:scroll;
	}
#rate-info h3{
	margin:8px 0;
	}
#rate-info li{ 
	margin:6px 0;
	}
.click-me { 
	color:#fff;
	margin:6px 0;
	}
/*------------------Make link styling for room selection gallery-------(
*/
#rooms-front-gallery figcaption{
	color: #cdc37e;
	font-size:2.2em;
	}
#rooms-front-gallery a:hover{
	color: #fff;	
	}

/*------------Media directives begin here--------
--
--
--
--
--------------------------------------------------------------------------------- */
@media screen and (max-width: 1230px) {
	.front-excerpt-text {
		width:87%
		}
}
@media screen and (max-width: 980px) {
		
	body {
	background:#000;
		}

	#wrapper {
		}	
	#main-image-container {
		width:100%;
		height:auto;
		clear:both;
		}
	#main-image-slider {
		width:100% !important;
		height:auto !important;
		}		
	#main-image-slider img{
		width:100% !important;
		height:auto !important;
		}		
	#post-content {
		width:96%;
		padding:2%;
		}
	#footer {
		width:100%;
		margin-left: 0;
		margin-bottom:20px;
		border-top:solid 2px #cdc37e;
		}
	#rate-info{
		top: 20px;
		left: 2%;
		right: 2%;
		bottom: 20px;
		width: 90%;
		padding: 20px 2% 10px 4%;
		}
	#front-excerpt {
		background-size:cover;
		}
	#front-excerpt-content {
	}
	.front-excerpt-text {
		width:92%
		}
	.av-checker {
		margin:30px auto 30px auto;
		padding:8px;
		width:80%;
		}
	.av-checker p{
		font-size:1.2em;
			}
	.av-checker-input {
		padding:0px 0 10px 20px;
		}
		.av-checker-input label{
		font-size:1.0em;
		}
	.av-checker-input input{

		}
	.res-date {
		font-size:1.2em;
		}

}
/*---------- 960px is menu trnasition width, change if menu width changes ------ */

@media screen and (max-width: 960px) {
	#hamburger-icon {
	display:block;
	position:relative;
	}
	#rooms-front-gallery figcaption{
	font-size:1.8em;
	}

/*---------------------Menu 2024-----------------------------*/
#top-menu {
	display:none;
	}
.h-menu {
	width:100px;
	position:absolute;
	top:160px;
	left:40px;
	padding:20px;
	background:#000;
	z-index:2000;
	}
.menu-inline li{
	padding:6px 4px;
	display:block;
	}
}
@media screen and (max-width: 790px) {
	#footer-left {
		width:94%;
		display:block;
		float:none;

		}
	#footer-right {
		width:94%;
		display:block;
		float:none;
		}
	.av-room-image figcaption{
		font-size:0.8em !important;
	}		
}
@media screen and (max-width: 660px) {
	
	#social-link-panel {
		position: fixed;
		top: 4px;
		left: 0;
		width: 100%;
		z-index: 999;
		text-align:center;
		}
	#social-link-panel img{
		padding-top:2px !important;
		}
	#wrapper {
		margin-top:50px;
		}
	#front-excerpt-content {
		left:4%;
	}
	.av-room-image figcaption{
		font-size:0.8em !important;
	}
	.av-select-rooms {
		font-size:1.6em
	}
	iframe{
	width:100% !important;
	}
}
@media screen and (max-width: 560px) {


	#rate-info{
		font-size:0.7em;
	}
	.front-excerpt-text {
		width: 90%;
	}
	.av-room-image figcaption{
		font-size:0.75em !important;
	}
	.av-select-rooms {
	font-size:1.5em
	}
	#rooms-front-gallery img{
	overflow:hidden;
	}
}
@media screen and (max-width: 460px) {

	
	.main-logo {
		width:100%;
		height:auto;
		}

	#rate-info{
		font-size:0.6em;
		}
	#front-excerpt-content img{
		width:94% !important;
		Height:auto;
		}
	.front-excerpt-text {
		width:90%;
		}
	.av-room-image figcaption{
		font-size:0.7em !important;
	}
	.av-select-rooms {
		font-size:1.4em
	}
	.contact-form-row  textarea{
	width:100%;
	}
}
@media screen and (max-width: 360px) {


	#summary-logo img{
		width:100%;
		height:auto;
		}
}