/*
Theme Name: Komunitas Emak Blogger
Theme URI:
Description: Official theme Komunitas Emak Blogger
Version: 1.0
Author: Steven
Author URI: http://stevenwijaya.com/
*/

@font-face {
    font-family: "Futura";
	src: url('fonts/futura-webfont.eot');
    src: url('fonts/futura-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/futura-webfont.woff2') format('woff2'),
         url('fonts/futura-webfont.woff') format('woff'),
         url('fonts/futura-webfont.ttf') format('truetype'),
         url('fonts/futura-webfont.svg#Futura') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Opensans";
	src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#Opensans') 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{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:#3bcbc6;font-weight:bold;text-decoration:none;z-index:99999;}
a:hover, a:active{color:#444;text-decoration:none;}

h1, h2, h3, h4, h5, h6{font-family:'Futura';font-weight:normal;padding:0px;margin:0; line-height:100%;}
h1{font-size:46px;}
h2{font-size:30px;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:'Opensans' !important;font-size:15px !important;line-height:150%;padding:0;margin:0;color:#666;background:#fff;min-height:100%;}

/* layout */
#home{width:100%;margin:0;padding:0;display:block;min-height:100%;overflow:hidden;}
#verytop{display:block;background-color:#3bcbc6;color:#fff;padding:0 !important;font-size:13px;border-bottom:5px solid #ece5df;}
#verytop a{color:#fff !important;margin:0 5px;font-size:13px;}
#verytop a:hover{color:#ece5df !important;}
#header{display:block;margin:0;padding:10px 0;}
#middle{display:block;margin:0;background:#fff;padding:20px 0;min-height:100px;height:auto;}
#footer{display:block;background:#3bcbc6;margin:0;padding:20px 0;font-size:14px;color:#fff;}
#footer a{color:#fff !important;}
#footer h2{color:#fff;text-transform:uppercase;margin:0 0 20px;}

/* clearing & floating */
.clearingfix:after{content:".";display:block;line-height:0px;clear:both;visibility:hidden;}
.clearingfix{display:block;}
.floatbox{overflow:hidden;}
.alignright{float:right !important;}
.nopadding{padding:0 !important;}

/* logo */
#logo{margin:0;padding:0 20px;display:block;z-index:99999;text-align:center;}
#logo img{width:auto;height:auto;margin:auto;}

/* topmenu */
#topmenu{display:block;margin:0;padding:0;font-size:14px;}
#topmenu ul{display:block;margin:0;padding:0;float:left;list-style:none;}
#topmenu li{display:block;padding:0;margin:10px 10px 5px;border:0px;}
#topmenu li a{padding:10px;color:#222;font-weight:bold;text-transform:uppercase;border-bottom:2px solid #fff;}
#topmenu li a:hover{text-decoration:none;border-bottom:2px solid #eb2127;}
#topmenu li.current_page_item a, #topmenu li.current-page-ancestor a{}
#topmenu li.current_page_item a:hover{color:#595959;text-decoration:none;}

.navbar-default {
    background-color: #3bcbc6 !important;border-color: #fff !important;border:0 !important;
}

.navbar {
    min-height:30px !important;margin-bottom:0 !important;border: 1px solid transparent;
}

#bigbanner{display:block;height:400px;padding:0;margin:0;background-size:auto;background-position:top center;}
#bigbanner .bigcaption{background:rgba(59, 203, 198, 0.8);padding:30px;height:400px;color:#fff;font-size:16px;line-height:150%;}
#bigbanner .bigcaption h2{color:#fff;font-size:40px;margin-bottom:30px;}

.kategori{display:block;background:rgba(59, 203, 198, 1);padding:90px 20px;margin:0 auto 30px;font-family:'Futura';color:#fff;text-align:center;height:250px;max-width:350px;line-height:60px;}
.kategori a{font-size:40px;color:#0ba8a0 !important;text-shadow:0 0 8px #fff;}
.lifestyle{background:url(images/lifestyle.jpg) center center no-repeat;}
.parenting{background:url(images/parenting.jpg) center center no-repeat;}
.event{background:url(images/event.jpg) center center no-repeat;}
.review{background:url(images/partnership.jpg) center center no-repeat;}

.artikel{display:block;float:left;margin:10px 15px 20px;height:auto;overflow:hidden;}
.artikel img{width:100%;height:225px;}
.artikel h2{font-size:16px;margin:10px 0 5px;line-height:120%;}
.artikel h2 a{color:#3bcbc6 !important;font-weight:bold !important;display:inline-block;}
.artikel h2 a:hover{color:#5eede8 !important;}
.artikel span{font-size:12px;display:inline-block;}

.carousel-inner>.item{width:100% !important;background:#3bcbc6;height:400px !important;overflow:hidden !important;}
.carousel-inner>.item>img{width:100%;height:auto;}
.carousel-caption{background:rgba(59, 203, 198, 0.8);padding:20px;}
.carousel-caption h2 a{color:#fff;}

#breadcrumb{display:block;padding:10px 20px;}

/* sidebox */
.sidebar{padding:0;}
.sidebox{display:block;margin:0 0 20px;padding:0;}
.sidebox ul{padding:0px;margin:0;list-style:bullet;font-size:14px;}
.sidebox ul li{display:block;padding:5px 0;margin:0;font-size:14px;}
.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{color:#444;display:inline-block;}
.sidebox li a:hover, .sidebox a:hover{color:#3bcbc6 !important;text-decoration:none;}
.sidebox-title{display:block;padding:0;margin:0;}
.sidebox-title h3{display:block;padding:5px 10px;background:#3bcbc6;color:#fff;font-size:18px;}

.wp-block-group h2, .wp-block-group h3, .wp-block-group h4{display:block;padding:5px 10px;background:#3bcbc6;color:#fff;font-size:18px;}
.wp-block-search__label{display:block !important;padding:5px 10px;background:#3bcbc6;color:#fff;font-size:18px;}
.wp-block-search__input{padding-left:5px;padding-right:5px;}
.footerbox{margin-bottom:20px;}
.footerbox li a, .footerbox a{color:#000;display:inline-block;}

.entry{display:block;padding:0;margin:10px 0;color:#595959;}
.entry a{text-decoration:none;}
.entry a:hover {text-decoration:none;color:#444;}
.entry img{max-width:100% !important;height:auto !important;margin:0px; padding:0px;}
.entry p img{max-widht:100% !important;height:auto !important;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 20px;padding:0 0 5px 5px;list-style:disc;}
.entry ol{margin:10px 0 10px 35px;padding:0;}
.entry ol li{margin:0;padding:0;list-style:decimal;}
.entry p{margin:10px 0;padding:0;display:block;}
.entry strong{display:inline-block;}
.entry blockquote, .entry pre{margin:10px 0px;padding:10px 15px;font-family:'Courier New', Courier;background:#f9f9f9;border:1px dashed #999;}
.entry blockquote cite{margin:5px 0 0;display:block;}
.entry code{font:1em 'Courier New', Courier, Fixed;padding:10px 15px;border:1px dashed #ddd;background:#f3f3f3;display:block;margin:15px 0px;}
.entry quote{padding:10px 15px;background:#f3f3f3;border:1px dashed #ddd;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;}

.sosial{display:block;width:100%;text-align:center;}
.sosial a{display:inline-block;width:120px;height:40px;vertical-align:middle;margin:2px;}
a.sosial-facebook{background:#516eab !important;}
a.sosial-twitter{background:#29c5f6 !important;}
a.sosial-pinterest{background:#ca212a !important;}
a.sosial-whatsapp{background:#7bbf6a !important;}
.sosial-icon{display:inline-block;width:40px;float:left;margin:0 !important;font-size:16px;padding:12px 0;color:#fff;border-right:1px solid #fff;}
.sosial-text{display:inline-block;width:60px;font-size:12px;margin:0 !important;padding:10px 0 !important;color:#fff;}

.prevnext{display:block;font-size:12px;margin:20px 0 0;}
.prevnext a{clear:both;display:block;font-size:14px;font-weight:bold;}
.prevnext a:hover, .prevnext a:active{color:#444 !important;text-decoration:none;}

#respond{display:block;clear:both;margin:0;padding:20px 0;}
#commentform{display:block;}
#commentform ul{display:block;margin:0;padding:0;list-style:none;}
#commentform li{margin:0 0 11px 0;}
#commentform li input{width:375px; border:1px solid #DDD;}
#commentform li textarea{width:550px;height:200px;border:1px solid #DDD;}
#commentform li input, div#commentform li textarea{border:1px solid #DDD;font-size:12px;color:#444;padding:4px;font-family:Arial;}
#commentform li input.submitbutton{border:1px solid #000;width:auto;background:#000;padding:5px 10px;color:#fff;height:30px;}

#commentform-user{display:block;}
#commentform-user ul{display:block;margin:0;padding:0;list-style:none;}
#commentform-user li{margin:0 0 11px 0;}
#commentform-user li input{width:375px; border:1px solid #DDD;}
#commentform-user li textarea{width:550px;height:200px; border:1px solid #DDD;}
#commentform-user li input, div#commentform-user li textarea{border:1px solid #DDD; font-size:12px;color:#777;padding:4px;font-family:Arial;}
#commentform-user li input.submitbutton{border:1px solid #000;width:auto;background:#000;padding:5px 10px;color:#FFF;height:30px;}

ol.trackback{margin:0 0 0 20px;}
ol.trackback li{list-style:decimal;}
ol.trackback li a{color:#c00;}

/* navigation */
.navigation{clear:both;margin:10px 0;padding:6px;text-align:center;color:#3bcbc6;font-weight:normal;}
span.pages{display:none}
span.page-numbers.current{margin:0;padding:5px 10px;color:#3bcbc6;background:#fff;border:1px solid #3bcbc6;}
.navigation a{color:#fff !important;margin:0;padding:5px 10px;background:#3bcbc6;border:1px solid #3bcbc6;}
.navigation a:hover{text-decoration:none;color:#fff !important;background:#444;border:1px solid #444;}
.navigation a.prev{display:none;width:0;height:0;}
.navigation a.next{display:none;width:0;height:0;}

hr.garismerah{border-top:1px solid #eb2127;margin-bottom:40px !important;}

/* sosmed */
ul#sosmed{display:inline-block;list-style:none;font-size:20px !important;text-decoration:none !important;}
ul#sosmed li{display:inline-block;margin:0 10px 10px;}