/*
Theme Name: tokopas-responsive
Theme URI: http://themes.required.ch/
Author: deny sri supriyono
Author URI: http://denysri.com
Description: Starter child theme for the required+ Foundation parent theme.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.0.1
Template: required-foundation
Text Domain: requiredstarter
*/

/*
	Make the template work
*/
@import url(../required-foundation/style.css);
@import url(http://fonts.googleapis.com/css?family=Arimo);

h1, h2, h3, h4, h5, h6 { font-family: 'Arimo', sans-serif; font-weight: 300; }
body { font-family: 'Arimo', sans-serif}

#supplementary{z-index:1}

#access{margin-top:-20px;margin-bottom:-20px}
#site-title a{font-weight:600;text-transform:uppercase;color:#000}
#site-title a:hover{color:#e11d29}
#site-description{font-size:14px;margin-top:-15px;letter-spacing:-1px}


.required-header .inline-list {
	margin-top: 14px;
}

#cboxTitle (display: none !important;)

.orbit-wrapper{width:1px;height:1px;position:relative}
.orbit{width:1px;height:1px;position:relative;overflow:hidden;margin-bottom:17px;left:0}
.orbit.with-bullets{margin-bottom:40px}
.orbit .orbit-slide{max-width:100%;position:absolute;top:0;left:0}
.orbit a.orbit-slide{border:none;line-height:0;display:none}
.orbit div.orbit-slide{width:100%;height:100%;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}
.orbit-wrapper .timer{width:40px;height:40px;overflow:hidden;position:absolute;top:10px;right:10px;opacity:.6;cursor:pointer;z-index:31}
.orbit-wrapper span.rotator{display:block;width:40px;height:40px;position:absolute;top:0;left:-20px;z-index:3}
.orbit-wrapper span.rotator.move{left:0}
.orbit-wrapper span.mask{display:block;width:20px;height:40px;position:absolute;top:0;right:0;z-index:2;overflow:hidden}
.orbit-wrapper span.mask.move{width:40px;left:0}
.orbit-wrapper span.pause{display:block;width:40px;height:40px;position:absolute;top:0;left:0;z-index:4;opacity:0}
.orbit-wrapper .timer:hover span.pause,.orbit-wrapper .timer:focus span.pause,.orbit-wrapper span.pause.active{opacity:1}
.orbit-caption{display:none;font-family:inherit}
.orbit-wrapper .orbit-caption{background:#000;background:rgba(0,0,0,0.6);z-index:30;color:#fff;text-align:left;padding:7px;font-size:13px;position:absolute;right:0;bottom:0;width:100%}
.orbit-wrapper .slider-nav{display:block}
.orbit-wrapper .slider-nav span{width:39px;height:50px;text-indent:-9999px;position:absolute;z-index:30;top:50%;margin-top:-25px;cursor:pointer}
.orbit-wrapper .slider-nav span.right{background-size:100%;right:0;top:180px}
.orbit-wrapper .slider-nav span.left{background-size:100%;left:0;top:180px}
.lt-ie9 .orbit-wrapper .slider-nav span.right{}
.lt-ie9 .orbit-wrapper .slider-nav span.left{}
ul.orbit-bullets{position:absolute;z-index:30;list-style:none;bottom:-415px;left:50%;margin-left:-50px;padding:0}
ul.orbit-bullets li{float:left;margin-left:5px;cursor:pointer;color:#999;text-indent:-9999px;width:13px;height:12px;overflow:hidden}
ul.orbit-bullets li.active{color:#222;background-position:-8px 0}
ul.orbit-bullets li.has-thumb{background:none;width:100px;height:75px}
ul.orbit-bullets li.active.has-thumb{background-position:0 0;border-top:2px solid #000}
.orbit-slide-counter{position:absolute;bottom:0;z-index:99;background:rgba(0,0,0,0.7);color:#fff;padding:5px}
.orbit img.fluid-placeholder{visibility:hidden;position:static;display:block;width:100%}
.orbit,.orbit-wrapper{width:100% !important}
.lt-ie9 .timer{display:none !important}
.lt-ie9 .orbit-caption{background:#000;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom:1}

@media only screen and (max-width: 767px){.orbit.orbit-stack-on-small img.fluid-placeholder{visibility:visible}
.orbit.orbit-stack-on-small .orbit-slide{position:static;margin-bottom:10px}}

.cleaner,br.clear{clear:both;height:0px;font-size:1px;border:none;margin:0;padding:0;background:transparent}

@media only screen and (min-width: 768px){.frontpage .columns{margin-bottom:17px}}
#featured-orbit{margin-bottom:40px!important}

.wp-caption {
   margin-bottom: 1em;
   margin-left: 0;
   max-width: 96%;
   text-align: center;
}

.wp-caption img {
   display: block;
   margin: 0 auto;
}

.wp-caption-text {
   position: relative;
}

.top-bar{z-index:1000;-webkit-box-shadow:0px 5px 5px rgba(50, 50, 50, 0.75);-moz-box-shadow:0px 5px 5px rgba(50, 50, 50, 0.75);box-shadow:0px 5px 5px rgba(50, 50, 50, 0.75)}
@media only screen and (min-width: 767px){#content{margin-top:20px}}
@media (max-device-width: 600px) and (orientation: portrait) { 
	.wp-caption{width:45%!important;float:left}
}
@media (max-device-width: 1024px) and (orientation: landscape) { 
	.frontpage .columns .row{ margin-bottom: 20px}
	.frontpage .row .columns{ width: 33% !important;float:left!important}
	.frontpage .row .columns img{ width: 100% !important; float: left!important;}
}

@media screen (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) and (device-width: 1080px) and (orientation: portrait){
	.wp-caption{width:45%!important;float:left}
}

@media screen (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) and (device-width: 1920px) and (orientation: landscape){
	.frontpage .columns .row{ margin-bottom: 20px}
	.frontpage .row .columns{ width: 33% !important;float:left!important}
	.frontpage .row .columns img{ width: 100% !important; float: left!important;}
}

.sidebar-box h3{font-weight:bold;text-transform:uppercase}
.sidebar-box h5{font-weight:bold}
.sidebar-box p{font-style:normal;line-height:18px}
.pin-wrapper .carabelanja-container{margin-top:30px}
.carabelanja{
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
					border:1px solid #ccc;background:#eafd9f;padding:0 20px 0px 20px;margin:15px 0;z-index:9;position:relative}
.carabelanja li{border-bottom:1px solid #ccc;padding:7px 0;line-height:17px;font-size:12px}
.sidebar-box li{line-height:18px;font-size:13px}
.lokasi{margin-top:-10px}

.nav-bar{z-index:1002;position:relative}
.nav-bar li a{font-size:13px!important}