/*  
Theme Name: Bahama
Theme URI: http://bahama.id/
Description: Official website of Bahama Rotan Cirebon
Version: 1.0
Author: Steven
Author URI: http://stevenwijaya.com/
*/

@font-face {
    font-family: "Karla";
	src: url('karla-regular-webfont.html');
    src: url('karla-regular-webfontd41d.html?#iefix') format('embedded-opentype'),
         url('karla-regular-webfont.ttf') format('truetype'),
         url('karla-regular-webfont-2.html#Karla') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* reset */
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
fieldset,img{border:0;}
html{height:100%;}
body{position:relative;}
p {text-align:left;margin:0 0 20px;}
ul{margin:0 20px;padding:0;}
ul li{margin:0;padding:0;}
ol{margin:0 20px;padding:0;}
ol li{margin:0;padding:0;}
a img{border:none;}
p img{padding:0;max-width:100%;}
.clear{clear:both;}

a{color:#442b18 !important;text-decoration:none;}
a:hover, a:active{color:#442b18 !important;text-decoration:none;}

h1, h2, h3, h4, h5, h6{font-family:"Karla", Arial, sans-serif !important;font-weight:normal;padding:0px;margin:0; line-height:150%;}
h1{font-size:47px;}
h2{font-size:20px;padding:0;}
h3{font-size:120%;padding:0;}
h4{font-size:100%;padding:0;}
h5{font-size:80%;padding:0;}
h6{font-size:60%;padding:0;}

/* page setup */
body{font-family:'Karla',Tahoma, sans-serif !important;font-size:12px;line-height:150%;padding:0;margin:0;color:#442b18;background:#fff;min-height:100%;}

/* layout */
#home{width:100%;margin:0;padding:0;display:block;min-height:100%;}
.wrapper{margin:0 auto;width:900px;padding:0;overflow:hidden;}

@media screen and (max-width:1024px){
	.wrapper{width:768px;}
}
@media screen and (max-width:767px){
	.wrapper{width:640px;}
}
@media screen and (max-width:640px){
	.wrapper{width:480px;}
}
@media screen and (max-width:480px){
	.wrapper{width:320px;}
}
@media screen and (max-width:360px){
	.wrapper{width:280px;}
}

#header{display:block;margin:0;padding:40px 0;}
#middle{display:block;margin:0;background:none;padding:0;overflow:hidden;}
#footer{display:block;margin:0;padding:15px 0;color:#442b18 !important;font-size:12px;overflow:hidden;}
#footer a, #footer a:hover{color:#442b18;text-decoration:none;}

/* clearing & floating */
.clearingfix:after{content:".";display:block;line-height:0px;clear:both;visibility:hidden;}
.clearingfix{display:block;}
.floatbox{overflow:hidden;}

/* logo */
#header #logo{margin:0;padding:0;display:block;float:left;}
#header #logo img{width:90px;height:61px;}
@media screen and (max-width:767px){
	#header #logo{padding-left:0px;}
}

/* topmenu */
nav{float:right;}
#topmenu{margin:15px 0 30px;padding:0;display:block;font-size:14px;}
#topmenu ul{display:block;margin:0;padding:0;float:right;}
#topmenu li{float:left;display:block;text-transform:uppercase;padding:0 18px;}
#topmenu li:first-child{padding-left:0;}
#topmenu li:last-child{padding-right:0;}
#topmenu li a{padding:0;color:#442b18 !important;}
#topmenu li a:hover{text-decoration:none;}
#topmenu li.current_page_item a{text-decoration:underline;}
#topmenu li.current_page_item a:hover{text-decoration:underline;}

@media screen and (max-width:1024px){
	#topmenu li{padding:0 0 0 60px;}
	#topmenu li:last-child{padding-right:0;}
}
@media screen and (max-width:767px){
	#topmenu li{padding:0 0 0 70px;}
	#topmenu li:last-child{padding-right:20px;}
}
@media screen and (max-width:640px){
	#topmenu li{width:110px;padding:15px 0;text-align:center;}
	#topmenu li:first-child{padding-left:0;}
	#topmenu li:last-child{padding-right:0;}
}
@media screen and (max-width:480px){
	#topmenu li{width:140px;padding:15px 0;text-align:center;}
	#topmenu li:first-child{padding-left:0;}
	#topmenu li:last-child{padding-right:0;}
}

/* slider */
.carousel-inner{text-align:center;}
.item img{width:100%;}
.carousel-caption{position:absolute;top:30px;left:14%;right:14%;padding-left:10px;}
.carousel-caption h2{text-align:left;}

.carousel-indicators{position:relative;top:0;left:0;z-index:15;width:900px;padding-left:0 !important;margin-left:auto !important;margin-right:auto !important;text-align:right;list-style:none}
@media screen and (max-width:1024px){
	.carousel-indicators{width:768px;}
}
@media screen and (max-width:767px){
	.carousel-indicators{width:640px;}
}
@media screen and (max-width:640px){
	.carousel-indicators{width:480px;}
}
@media screen and (max-width:480px){
	.carousel-indicators{width:320px;}
}
@media screen and (max-width:360px){
	.carousel-indicators{width:280px;}
}

.carousel-indicators li{display:inline-block;width:8px;height:8px;margin:1px;text-indent:-999px;cursor:pointer;background:#fff;border-radius:10px;border:0;border:1px solid #442b18;}
.carousel-indicators .active{width:9px;height:9px;margin:0;background-color:#442b18;border:0;}

/* sidebox */
.sidebar{padding:50px 0;}
.sidebox{display:block;}
.sidebox ul{padding:0px;margin:0;list-style:bullet;}
.sidebox ul li{display:block;padding:5px 0;margin:0;font-size:12px;}
.sidebox ul li ul{padding:0px;margin:5px 0 -2px 0px;list-style:none;}
.sidebox ul li ul li{background:none;padding:4px 0 4px 4px;}
.sidebox li a, .sidebox a{}
.widget_title{float:right;margin-bottom:100px;}

#breadcrumb{color:#442b18;font-size:10px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #ccc;}
#breadcrumb a{color:#442b18;}

.entry{display:block;padding:0;margin:10px 0;font-size:11px;color:#442b18;font-family:'Karla',Tahoma, sans-serif !important;}
.entry a{text-decoration:none;}
.entry a:hover {text-decoration:underline;}
.entry h1{color:#442b18;font-size:47px;}
.entry h2, .entry h2 a{font-size:20.64px;line-height:27.52px;color:#442b18;font-family:'Karla',Tahoma, sans-serif !important;margin-bottom:20px;}
.entry h2.judul{text-transform:uppercase;}
.entry h3{font-weight:bold;font-size:12px;}
.entry img{margin:0px; padding:0px;}
.entry img.centered{display:block;margin-left:auto;margin-right:auto;}
.entry img.alignright{padding:4px;margin:5px 0 5px 10px;display:inline;}
.entry img.alignleft{padding:4px;margin:5px 10px 5px 0;display:inline;}
.entry img.avatar{float:left;padding:4px;border:#fff 1px solid;margin:5px 15px 10px 0;}
.entry img.readmore{margin:10px 0;}
.entry ul{margin:10px 0 10px 20px;padding:0;}
.entry ul li{margin:0 0 5px;padding:0 0 5px 25px;list-style:none;background:url(images/list.html) 0 2px no-repeat;}
.entry ol{margin:10px 0 10px 30px;padding:0;}
.entry ol li{margin:0;padding:0;list-style:decimal;}
.entry p{margin:15px 0;padding:0;}
.entry blockquote, .entry pre{margin:10px 0px;padding:10px 15px;font-family:'Courier New', Courier;background:#500200;border:1px dashed #bb2435;}
.entry blockquote cite{margin:5px 0 0;display:block;}
.entry code{font:1em 'Courier New', Courier, Fixed;padding:10px 15px;border:1px dashed #adadad;background:#adadad;display:block;margin:15px 0px;}
.entry quote{padding:10px 15px;background:#500200;border:1px dashed #adadad;display:block;margin:15px 0px;}
.entry quote code{padding:0;border:none;display:block;margin:0px;}
.entry .noimage{display:block;margin-top:30px;}
.entry .noimage img{display:none;}

.jflow-content-slider{margin:0;padding:0;}
#jFlowSlide{display:block;width:900px;height:auto;clear:both;margin-bottom:20px;}
.slide-wrapper{padding:0;margin:5px 0;}
.slide-thumbnail{width:auto;height:400px;float:left;overflow:hidden;}
.slide-thumbnail img{width:100%;height:auto;}
.slide-thumbnail p{margin:0;padding:0;}

#myController{display:inline-block;float:right;}
.jFlowControl{display:block;float:left;width:10px;height:10px;overflow:hidden;cursor:pointer;padding:0;background:#fff;margin:2px 4px;border:1px solid #442b17;border-radius:50%;}
.jFlowControl.jFlowSelected{background:#442b17;}
.jFlowControl.jFlowSelected:hover{background:#442b17;}
.jFlowPrev, .jFlowNext{cursor:pointer;padding:2px;float:left;display:none;}
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover {background:transparent;}

.related{display:block;width:205px;float:left;text-align:center;margin:0 10px 20px;}
.related h3{display:block;text-align:left;font-size:11px;color:#442b18;font-family:'Karla',Tahoma, sans-serif !important;font-weight:normal;}
.related .relatedimg{height:180px;width:205px;overflow:hidden;}
.related .relatedimg img{height:100%;margin:0 auto;}

.line{height:0;border-bottom:1px solid #adadad;margin:20px 0;}

/* process */
.controller{position:relative;top:-130px;right:0;}
.controller2{position:relative;top:-350px;right:0;padding-right:0;}

@media screen and (max-width:1024px){
	#jFlowSlide{width:768px;}
	.slide-thumbnail{height:380px;}
	.slide-thumbnail img{width:788px;}
	.slide-wrapper p{width:768px;text-align:justify;}
	.controller{top:-180px;}
	.controller2{top:-405px;}
}
@media screen and (max-width:767px){
	#jFlowSlide{width:640px;}
	.slide-thumbnail{height:320px;}
	.slide-thumbnail img{width:660px;}
	.slide-wrapper p{width:640px;text-align:justify;}
	.controller{top:-240px;}
	.controller2{top:-460px;}
}
@media screen and (max-width:640px){
	#jFlowSlide{width:480px;}
	.slide-thumbnail{height:250px;}
	.slide-thumbnail img{width:500px;}
	.slide-wrapper p{width:480px;text-align:justify;}
	.controller{top:-310px;}
	.controller2{top:-530px;}
}
@media screen and (max-width:480px){
	#jFlowSlide{width:320px;}
	.slide-thumbnail{height:170px;}
	.slide-thumbnail img{width:340px;}
	.slide-wrapper p{width:320px;text-align:justify;}
	.controller{top:-380px;}
	.controller2{top:-600px;}
}

@media screen and (max-width:360px){
	.slide-wrapper p{width:280px;text-align:justify;}
}


.berita{display:block;width:310px;height:270px;float:left;margin:0 0 20px 20px;}
.berita a, .berita a:active, .berita a:hover{color:#442b18;}
.berita img{width:100%;height:auto;margin:0 0 10px !important;}
.berita h3{font-weight:normal;margin:10px 0 0;}
.berita p{margin-top:10px;margin-right:15px;}

@media screen and (max-width:480px){
	.berita{width:300px;margin:10px auto 15px;}
}

.tanggalan{display:inline-block;width:100px;}

.bigimage{display:block;margin:10px 0;}
.bigimage img{width:100%;}

.katalog{margin-bottom:20px;}
.katalog h3{font-weight:normal;margin:10px 0 0;}
.katalog a, .katalog a:active, .katalog a:hover{color:#442b18;}

/* navigation */
.navigation{clear:both;margin:10px 6px;padding:6px;text-align:right;color:#442b18;font-weight:bold;font-size:13px !important;}
span.pages{display:none}
span.page-numbers{margin-left:-4px;}
span.page-numbers.current{margin:0;margin-left:-3px;padding:5px 0;color:#442b18;background:#fff;border:0;font-weight:bold;}
.navigation a{color:#595959;margin:0;margin-left:-3px;padding:5px 0;background:#fff;border:0;font-weight:bold;font-size:13px !important;}
.navigation a:hover{text-decoration:none;color:#442b18;background:#fff;border:0;}
.navigation a.prev{display:none;width:0;height:0;}
.navigation a.next{display:none;width:0;height:0;}

/* footer */
#footermenu{margin:0 0 30px;padding:0;display:block;font-size:12px;}
#footermenu ul{display:block;margin:0;padding:0;float:left;}
#footermenu li{float:left;display:block;padding:0 18px;}
#footermenu li:first-child{padding-left:0;}
#footermenu li a{padding:0;color:#442b18 !important;}
#footermenu li a:hover{text-decoration:none;}

.copyright{text-align:right;font-size:9px;display:block;}
@media screen and (max-width:767px){
	.copyright{text-align:left;float:left;}
}
@media screen and (max-width:767px){
	
}
@media screen and (max-width:640px){
	
}
@media screen and (max-width:480px){
	#footermenu li{width:50%;}
	#footermenu li{padding-left:0;}
}

/* sosmed */
.sosmed{display:block;float:left;font-size:17px;text-align:right;}
.sosmed a{display:inline;width:30px;height:30px;margin-left:10px;}

/* contact form */
.wpcf7-form{float:left;font-family:'Karla', Tahoma, sans-serif;font-weight:normal;padding:0px;margin:0; line-height:100%;text-transform:uppercase;}
.wpcf7-form .wpcf7-text{width:225px;margin:5px 0;border:1px solid #442b18;font-family:'Karla',Tahoma, sans-serif;font-size:12px;padding:5px;line-height:100%;}
.wpcf7-form .wpcf7-textarea{width:475px;margin:5px 0;border:1px solid #442b18;font-family:'Karla',Tahoma, sans-serif;font-size:12px;padding:5px;line-height:100%;}
.wpcf7-form .wpcf7-submit{font-family:'Karla', Tahoma, sans-serif;font-weight:normal;padding:10px;margin:0; line-height:100%;text-transform:uppercase;font-size:120%;background:#442b18;color:#fff;border:0;float:right;}

/* about us */
.tabs-left {
  border-bottom: none !important;
  padding-top: 0;
  font-size:14px !important;
  line-height:19px;
  padding-left:0;
  border: 0 !important;
}
.tabs-left>li{
  float: none !important;
  margin-bottom: 2px;
  margin-left:-10px !important;
  border:0  !important;
  padding-left:20px;
}
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
  border-bottom-color: #fff;
  border-right-color: transparent;
  border:0  !important;
  background:url(images/bullet-brown.png) 0 10px no-repeat transparent !important;
}

.tabs-right>li.active>a,
.tabs-right>li.active>a:hover,
.tabs-right>li.active>a:focus {
  border-bottom: 0 solid #fff !important;
  border-left-color: transparent;
  background:url(images/bullet-brown.png) 0 10px no-repeat transparent !important;
}
.tabs-left>li>a {
  background:url(images/bullet-white.png) 0 10px no-repeat transparent !important;
  border-radius: 4px 0 0 4px !important;
  padding-left:22px !important;
  padding-bottom:30px !important;
  margin-right: 0 !important;
  display:block !important;
  border:0  !important;
}
.tabs-left>li>a:hover {
  background:url(images/bullet-brown.png) 0 10px no-repeat transparent !important;
}

/* menu responsive */
.navbar-default{width:auto;background-color: #fff;border-color: #fff;font-size:14px;text-transform:uppercase;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border-color:#fff !important;}

.navbar-default .navbar-toggle{border-color:#fff;}
.navbar-default .navbar-toggle .icon-bar{background-color:#442b18;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color: #fff;}
.navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar{background-color:#442b18;}

.navbar-nav {width:100%;float:right !important;}
.navbar-nav li:last-child a{padding-right:0 !important;}

@media (max-width:767px){
	.navbar-default{width:100%;}
	.nav {border-top:1px solid #adadad;}
	.navbar-nav li{padding-leftt:0 !important;}
	.navbar-nav li a{padding-leftt:0 !important;}
	.nav > li > a {padding-left:0 !important;}
	.navbar-collapse {padding-left:0 !important;}
	.tabs-left>li>a {padding-left:22px !important;}
}