/*
Theme Name: Santosa Wellness Center
Author: Emanuele Sala
Author URI: http://www.emanuelesala.com
Version: 1.0
SANTOSA CUSTOM STYLE
GENERAL STYLE
/***********************************************************************************************/

@font-face {
  font-family: 'Gotham Body';
  src: url('fonts/Gotham-Book.eot'); /* IE9 Compat Modes */
  src: url('fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       //url('fonts/Gotham-Book.woff') format('woff'), /* Modern Browsers */
       url('fonts/Gotham-Book.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/Gotham-Book.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Gotham Light';
  src: url('fonts/Gotham-Light.eot'); /* IE9 Compat Modes */
  src: url('fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/Gotham-Light.woff') format('woff'), /* Modern Browsers */
       url('fonts/Gotham-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/Gotham-Light.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Gotham Bold';
  src: url('fonts/Gotham-Bold.eot'); /* IE9 Compat Modes */
  src: url('fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       //url('fonts/Gotham-Bold.woff') format('woff'), /* Modern Browsers */
       url('fonts/Gotham-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/Gotham-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
}
#preloader {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; /* change if the mask should have another color then white */	z-index:999999; /* makes sure it stays on top */
}
#status {
	width:150px;
	height:150px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(images/status.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
}
body {
  font:14px/1.4 'Gotham Body', Helvetica, Arial, sans-serif;
  color: #534741; letter-spacing:1px;
  }
p{margin-bottom:20px}
.light{font-family: 'Gotham Body', Helvetica, Arial, sans-serif;}
h1{font-size:24px;}h1{font-size:20px;}  
h2.light{ font-size:20px; color: #534741; letter-spacing:1px}  
#bgWrapper{
  background: url(images/bg-image.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.noPaddingLeft{padding-left:0px}
.noPaddingRight{padding-right:0px}
.noMarginTop{margin-top:0px}
.headerBorder{background-color:#b6af95; padding:10px}
a{color:#534741;}
a:hover{color:#000; text-decoration:none;}

#internalContent a{color:#888;} /* text-shadow: 1px 1px 1px #999; */
#internalContent a:hover{color:#534741;}

.gform_button{padding:10px}
.gform_button, .gradient{background-image: -webkit-gradient(from(#968b79), to(#4d452e));
	  background-image: -webkit-linear-gradient(#968b79, #4d452e);
	  background-image: -moz-linear-gradient(#968b79, #4d452e);
	  background-image:  -o-linear-gradient(#968b79, #4d452e);
	  background-image: linear-gradient(#968b79, #4d452e);
	  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#968b79, endColorstr=#4d452e)";
	  -webkit-border-radius: 10px;
	  -moz-border-radius: 10px;
	  border-radius: 10px;
	  border:1px solid #968b79; color:#fff; font-family: 'Gotham Body', Helvetica, Arial, sans-serif; font-size:16px; letter-spacing:1px; white-space:normal}
.gform_button, .gradient:hover{color:#fff; border:1px solid #968b79;
      background-image: -webkit-gradient(from(#4d452e), to(#968b79));
	  background-image: -webkit-linear-gradient(#4d452e, #968b79);
	  background-image: -moz-linear-gradient(#4d452e, #968b79);
	  background-image:  -o-linear-gradient(#4d452e, #968b79);
	  background-image: linear-gradient(#4d452e, #968b79);
	 -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#4d452e, endColorstr=#968b79)";}	

video {width: 100% !important; height: auto   !important}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*------ HEADER AND MENU -------*/
/***********************************************************************************************/
#containerMenu{padding-right:0px}
body.home #containerMenu{padding-right:15px}
#topHeader{height:20px; background-color:#cac0a5; font-size:12px;}
#langNav li a{border-right:1px solid #695e48; padding-right:10px}
#langNav li.selected a{font-weight:bold}
#logo{padding:20px 0px}
h1.headerHome{font-size:16px; margin-top:2px;}
#menuWrapper{background-color:#c9bfa4; height:50px; margin-bottom:15px}
.navbar {margin-bottom:15px}.navbar-default .navbar-nav>li>a{color:#5A4A42}.navbar-default{background-color:#c9bfa4; border:none;  font: 17px/1.4 'Gotham Body', Helvetica, Arial, sans-serif; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
.nav>li>a {padding: 15px 13px;}.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus, .navbar-nav>.current-menu-ancestor>a {color: #5A4A42; background-color: #fff; }.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { background-color: #b5ab91; color: #5A4A42;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{ background-color:#B5AB91}
.dropdown-menu{background-color:#b5ab91}.dropdown-menu li a{ padding-top:10px; padding-bottom:10px; font-size:14px}
#tripAdvImg{margin-top:30px}

/*------ carousel -------*/
/***********************************************************************************************/
#bannerHeader{margin-bottom:0px}
.carousel .item {
    left: 0 !important;
      -webkit-transition: opacity 1.8s; /*adjust timing here */
      -moz-transition: opacity 1.8s;
      -o-transition: opacity 1.8s;
      transition: opacity 1.8s;
}
.next.left, .prev.right {opacity: 1;z-index: 1;}
.active.left, .active.right {opacity: 0;z-index: 2;}

/*------ testimonials -------*/
#testBg{background-color:#fff; opacity:0.9; width:78.7%; margin-bottom:15px}
#testimonial{margin-top: 20px; margin-bottom:20px}

#quote-carousel {padding: 0 10px 30px 10px;}

#quote-carousel .carousel-control{background: none;color: #222;font-size: 2.3em;text-shadow: none;margin-top: 30px;}
#quote-carousel .carousel-control.left {left: -12px;}
#quote-carousel .carousel-control.right {right: -12px !important;}
#quote-carousel .carousel-indicators {right: 50%;top: auto;bottom: 0px;margin-right: -19px;}

#quote-carousel .carousel-indicators li {background: #c0c0c0;}
#quote-carousel .carousel-indicators .active {background: #333333;}

.item blockquote {border-left: none; margin: 0; font-family: 'Gotham Bold', Arial, serif; font-weight:bold; -webkit-font-smoothing: antialiased; font-style: italic;}
.testimonialsQuote{position: absolute; top: 10px}

/*------ HOME CONTENT -------*/
/***********************************************************************************************/
#homeContent, #internalPage{padding-top:10px; padding-bottom:45px;}
#actionSidebar{background-color:#cac0a5; color:#000; margin-bottom:15px; padding:10px; text-align:left}
#contactSidebar{margin-top:20px; margin-left:20px;}
#contactSidebar li{margin-bottom:15px;}
#contactSidebar li img{margin-right:10px}
#actionLogin{background-color:#cac0a5;margin-bottom:10px; padding:10px; padding-bottom:20px}
#loginSidebar{float:right}
.action3boxes{background-color:#fff; padding:15px; cursor:pointer; text-align:left; min-height:350px}
.imgAction{border:1px solid #f1f1f1}
.post_hover{ font-size:40px; color:#5A4A42}
.post_thumb { position:relative; overflow:hidden; cursor:pointer}
.post_thumb img { display:block; width:100%; height:auto}
.post_thumb .icon_set { width:130px; height:60px; position:absolute; top:50%; margin-top:-30px; left:50%; margin-left:-30px;}
.post_thumb .icon_set.i_link { top: -30%}
.post_thumb .icon_set a.icon { 
	position:absolute; top:0; width:60px; height:60px; 
	background-color: #cac0a5; background-position:50% 50%; 
	background-repeat:no-repeat;-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px; -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out; 
	-ms-transition: all 0.3s ease-in-out;  
	z-index:99
}
.post_thumb .icon_set a.icon:hover { background-color:#4f4730; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg);-ms-transform: rotate(360deg);}
.post_thumb .icon_set a.icon.link { background-image:url(images/icon_link.png); left:0;}
/*------ FORMS CONTENT -------*/
.gform_body li{margin-bottom:20px;}
.gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password]{font-size:14px}
.book_form {padding:10px 0px; text-align:center; color:#5a4a42; background-color:#c9bfa4;}
/*------ INTERNAL CONTENT -------*/
/***********************************************************************************************/
#containerInternalWrap{position:relative;}
#borderInternal{height:120px; background-color:#a09a8a; width:0px; position:absolute; top:40px; right:0px; z-index:9999 }
#navigationInternal{font-family: 'Gotham Body', Helvetica, Arial, sans-serif; font-size:16px; margin:20px 0px}
#navigationInternal li{margin-bottom:5px}
#navigationInternal li a{text-shadow:none; color:#5A4A42}
#navigationInternal li.current_page_item{font-weight:bold}
#internalContent{text-align:left; padding-bottom:10px; background-image:url(images/bg-transparent.png); background-repeat:repeat; border-right:15px solid #cac0a5; }
#internalContent img{border:2px solid #b6af95; padding:2px; background-color:#CAC0A5}
body.woocommerce, #internalContent img{border:none}
img#imgInternal{border:none; background-color:none; padding:0px}

/*------ ACCOMMODATION CONTENT -------*/
/***********************************************************************************************/
#accEnquiry{margin-top:20px}
#accImages, #accAmenities{margin-bottom:20px;}
#accImages li{width:180px; margin-bottom:15px;}
.table{background-color:#f7f7f7}
.table td{text-align:center}
.table thead td{height:50px; font-size:14px; background-image: linear-gradient( #cac0a5, #d8d0c3 ); font-weight:bold }
.table td.empty{width:20%} .table img{border:none !important}
.table tbody tr:hover{background-color:#eae9e5}

/*------ ACTIVITIES - LOCATION CONTENT -------*/
/***********************************************************************************************/
#activitiesTbl{font-size:12px}
#activitiesTbl thead td{font-weight:bold;}
#locationMap-details{margin-top:20px}

/*------ BLOG LISTING CONTENT -------*/
/***********************************************************************************************/
#blogListing{margin-top:20px}
#blogListing li{clear:both}
.blogListingItem{}
#blogListing img{float:left; margin-right:20px; margin-bottom:40px;}
.readMore{ float:right}

body.woocommerce select, body.woocommerce-cart select, .gform_wrapper select{background: #fff;padding: 5px;font-size:14px !important;height: 34px;}
body.woocommerce-checkout input[type="text"]{padding:5px}
body.woocommerce-checkout #internalContent, body.woocommerce-cart #internalContent{background-color:#fff}
/*------ FOOTER CONTENT -------*/
/***********************************************************************************************/
#preFooter{background-color:#81806e; height:15px}
#footer{background-color:#cac0a5; padding-top:15px; padding-bottom:15px}#footerContact{background-color:#b6af95; padding:15px}#footerContact ul li{margin-bottom:15px; font:12px/1.2 'Gotham Body', Helvetica, Arial, sans-serif; color: #534741; letter-spacing:1px;}
#footerContact ul li img{margin-right:10px}
#footerMenu{margin-top:15px}
#footerMenu li{ border-right:1px solid #534741}
#footerMenu li a{padding-right:5px}
#footerSocials ul li{margin-bottom:10px}
#galleryHome li{ padding-left:0px; padding-right:3px}
#galleryHome li img{border:2px solid #b6af95; padding:2px; background-color:#fff}
#galleryHome {margin-left:0px}#footer h4{margin-top:0px}#copyRight{padding-top:10px; border-top: 1px dashed	#81806E; margin-top:10px; font-size:12px}

/***********************************************************************************************/
/* STANDARD WP STUFF SECTION  */
/***********************************************************************************************/
.alignright, img.alignright, a img.alignright{float:right;margin:4px 0 2px 14px; border: 1px #d9d9d9 solid; padding: 2px;background: #fff;  }
.alignleft, img.alignleft, a img.alignleft{float:left;margin:4px 14px 2px 0; border: 1px #d9d9d9 solid; padding: 2px;background: #fff;  }
.aligncenter, img.aligncenter, a img.aligncenter, img.centered, a img.centered{display:block;margin:3px auto 10px !important; border: 1px #d9d9d9 solid; padding: 2px;background: #fff;}
.aligncenter,div.aligncenter{display:block;margin-left:auto;margin-right:auto; border: 1px #d9d9d9 solid; padding: 2px;background: #fff; }
.no_border{border: none !important; background-color:transparent !important; padding:0px !important;}
.wp-caption{border:1px solid #d9d9d9;text-align:center; padding-top:4px;margin:10px; padding: 2px;background: #fff;}
.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}
#wp-calendar tr th, #wp-calendar tr td{ padding: 3px 8px 3px 8px;}
#wp-calendar caption{ display:none;}#wp-calendar{margin: 0 0 20px 0;}

/* COMMENTS  */	
.commentsList{margin-top:30px; background-color:white; padding:20px}	
.comment .left img.avatar{width:50px}.comment{width:100%;margin-bottom:20px;padding-bottom:20px;float:left; background-color:white}.comment .left{width:80px;float:left}.comment .right{width:85%;float:left}.comment .right p{margin:0;padding:0}ul.children{list-style:none;margin:-10px 0 30px 0;padding:5px 20px 10px;float:right;width:75%;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb}ul.children .comment{width:100%;margin:0;padding:20px 0 10px 15px;float:left}#cancel-comment-reply-link{float:right;display:block;margin:7px 0 0 10px}		
/***********************************************************************************************/
/* PAGINATION  */
/***********************************************************************************************/
.emm-paginate {
	clear:both;
	overflow:hidden;
	padding:10px 0;
	margin-bottom:20px;
	margin-top:30px;
}
.emm-paginate .emm-title {
	color:#ccc;
	margin-right:4px;}.emm-paginate a:hover, .emm-paginate a:active, .emm-paginate .emm-current {
border:1px solid #c9bfa4;color:#FFFFFF;margin-right:5px;padding:4px 8px;background:none repeat scroll 0 0 #c9bfa4;
}
.emm-paginate a {border:1px solid #c9bfa4;color:#8a9e9c;margin-right:5px;padding:4px 8px;text-align:center;text-decoration:none;
}

/*********************************************************************************************/
/* RESPONSIVE SECTION  */
/***********************************************************************************************/
@media (min-width: 1200px) {
.fivecolumns .col-md-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2 {width: 20%; *width: 20%;}
}
@media (min-width: 992px){}
@media (max-width: 480px) {}
@media (max-width: 979px) {}
@media (min-width: 979px) and (max-width: 1200px){
.headerHome{display:none}
#menuWrapper{background-color:#c9bfa4; height:auto}
#accImages li{width:100%; margin-bottom:10px; text-align:center}
#accImages li img{display:inline}
.table-responsive {	width: 100%;margin-bottom: 15px;overflow-y: hidden;	overflow-x: scroll;-ms-overflow-style: -ms-autohiding-scrollbar;border: 1px solid #DDD;	-webkit-overflow-scrolling: touch;
}
.fivecolumns .col-md-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2 {width: 20%; *width: 20%;}
}

		

@media (max-width: 979px) and (min-width: 768px){
  .fivecolumns .col-md-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2 {width: 50%; *width: 50%;}
.headerHome{display:none}
#topHeader .col-md-12{text-align:center}
#menuWrapper{background-color:#c9bfa4; min-height:auto}	
.action3boxes{margin-bottom:10px; height:auto;}
.noPaddingLeft{padding-left:15px; text-align:center}
#contactSidebar{text-align:center}
#internalContent{margin-top:20px}
#navigationInternal{text-align:center; margin-bottom:20px; margin-top:20px}
#accImages li{width:100%; margin-bottom:10px; text-align:center}
#accImages li img{display:inline}
#imgInternal{display:none}
#welcomeBar{display:none}
#leftSidebar{width:100%; padding-right:0px}
#borderInternal{display:none}
#internalContent{border:none}
#activitiesTbl{font-size:11px}
#testBg{width:100%}
#socialHeader{text-align:center; margin-top:20px}

}

@media (max-width: 767px){
.fivecolumns .col-md-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2  {width: 100%;*width: 100%;}
#topHeader .col-md-12{text-align:center}
#bannerHeader{display:none}
#logoMob{text-align:center}
#actionSidebar, #actionLogin{display:none}
#tripAdvImg{margin-top:0px}
#menuWrapper{background-color:#c9bfa4; height:auto}
.headerHome{display:none}#welcomeBar{display:none}.actionSidebar{text-align:center}.action3boxes{margin-bottom:10px; min-height:auto}.noPaddingLeft{padding-left:15px; text-align:center}img.imgAction{ display:inline;}#contactSidebar{text-align:center}#imgInternal{display:none}#navigationInternal{text-align:center; margin-bottom:20px; margin-top:20px}#accImages li{width:100%; margin-bottom:10px; text-align:center}#accImages li img{display:inline}
.table td.empty{width:100%; height:38px}#borderInternal{display:none}#internalContent{border:none}
.blogListingItem{text-align:center}#blogListing img{display:inline; float:none; margin-bottom:10px;}.readMore{ float:none; margin-bottom:30px}
/* TABLES RESPONSIVE */#flip-scroll .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }#flip-scroll * html .cf { zoom: 1; }#flip-scroll *:first-child+html .cf { zoom: 1; }#flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; }#flip-scroll th,#flip-scroll td { margin: 0; vertical-align: top; }#flip-scroll th { text-align: left; }#flip-scroll table { display: block; position: relative; width: 100%; }#flip-scroll thead { display: block; float: left; }#flip-scroll tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }#flip-scroll thead tr { display: block; }#flip-scroll th { display: block; text-align: right; }#flip-scroll tbody tr { display: inline-block; vertical-align: top; }#flip-scroll td { display: block; min-height: 1.25em; text-align: left; }#flip-scroll th { border-bottom: 0; border-left: 0; }#flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; }#flip-scroll tbody tr { border-left: 1px solid #babcbf; }#flip-scroll th:last-child,#flip-scroll td:last-child { border-bottom: 1px solid #babcbf; }
.table thead td{height:auto; font-size:13px; background-image:linear-gradient( #cac0a5, #d8d0c3 ); font-weight:bold }


/*------ testimonials -------*/
	#quote-carousel .carousel-indicators {bottom: -20px !important;  }
    #quote-carousel .carousel-indicators li {display: inline-block;margin: 0px 5px;width: 15px;height: 15px;}
    #quote-carousel .carousel-indicators li.active {margin: 0px 5px;width: 20px;height: 20px;}
	#testBg{width:100%}
	
	#socialHeader{text-align:center; margin-top:20px}
	
	
	
	}


#respond {
	float: left;
	clear: none;
}

.fb_iframe_widget {
	float: right;
	margin-top: 12px;
}

.page-id-1943 h1{text-align: center !important;color: white;background-color: #87c72b;
    padding: 10px;margin-bottom: 20px;text-transform: uppercase;}