/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
ol, ul, li { list-style:none }
caption, th { text-align:left }
q:before, q:after { content:''}

/*Base Style*/
body{line-height: 24px;
font-size: 16px; }
p{margin-bottom:20px;line-height: 24px;
font-size: 16px;}
a{color:#EE4723}
a:hover{text-decoration:underline; color:#000;}
input[type="submit"] {border: 1px solid ;padding: 5px 10px;}

.clear{clear:both}
.row{max-width:1040px;}

/*
Header
*/
#header{z-index: 3;position: relative;background: #EE4723;padding:5px; border-bottom:#D6401F 3px solid;}
.logo h1, .logo h2{height: 50px !important;
    align-items: top;
    display: flex;}
.logo h1 img, .logo h2 img{height:50px;}
.logo h1 a, .logo h2 a{color:#fff;font-size:26px;font-weight:900}
.site-description{display:none;}
/*Menu*/
#navigation{
background:#eee;
}
.main-menu {
	float:right;
}

.main-menu li {
	display:inline-block;
	float: left;
	position:relative;
}
.main-menu li a {
	font-size: 13px;
	text-transform:uppercase;
	letter-spacing:1px;
	line-height:40px;
	color:#fff;
	display:block;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	padding:0 15px;
	margin-top:5px;
}

.main-menu li a:hover{background:rgba(0,0,0, .1); text-decoration:none;border-radius:10px;}
.mobile-nav li {
float: left;
width: 100%;
text-align: center;
}
.mobile-nav{
display:none;
margin: 0px;
color: #fff;
position: relative;
}
.mobile-nav>div{    position: absolute;
    z-index: 99999;
    right: -20px;
    top: 45px;}
.mobile-nav .fa{margin:0 10px;}
.mobile-nav .menu-icon{
float:right;
margin: 10px;
font-size: 18px;
font-weight: 600;
}
.mobile-nav ul{
display:none;
}

/*** DROPDOWN ***/
.main-menu .sub-menu, .main-menu .children {
	background-color: #fff;
	display: none;
	padding: 0;
	margin: 0;
	position: absolute;
	margin-top:0;
	left: 0;
	z-index: 99999;
	-webkit-box-shadow: 0 5px 4px -4px rgba(190,190,190,.1);
	-moz-box-shadow: 0 5px 4px -4px rgba(190,190,190,.1);
	box-shadow: 0 5px 4px -4px rgba(190,190,190,.1);
	border: 1px solid #eee;
}
ul.main-menu ul a, .main-menu ul ul a {
	color: #333;
	margin: 0;
	padding:6px 10px;
	min-width: 160px;
	line-height:20px;
	text-transform: capitalize;
	-o-transition:.25s;
	-ms-transition:.25s;
	-moz-transition:.25s;
	-webkit-transition:.25s;
	transition:.25s;
}
ul.main-menu ul li, .main-menu ul ul li {
	padding-right:0;
	margin-right:0;
	width: 100%;
	border-bottom: 1px solid #eee;
}
ul.main-menu ul li:hover, .main-menu ul ul li:hover {
	background:rgba(0,0,0, .05)
}
ul.main-menu li:hover > ul, .main-menu ul li:hover > ul {
	display: block;
}
.main-menu .sub-menu ul, .main-menu .children ul {	
	left: 100%;
	top: 0;
}
.main-menu li.sub-indicator {
    padding-right: 20px;
}
.main-menu li.sub-indicator>a:after, .main-menu ul li.sub-indicator>a:after {
	position: absolute;
right: 15px;
top: 1px;
font-family: "FontAwesome";
font-size: 9px;;
}
.main-menu li.sub-indicator>a:after{
	content:"\f067";
	}
.main-menu ul li.sub-indicator>a:after{
	content:"\f067";
}
/*
Content
*/
.big-post-wrap .row {padding-top:0.9375rem}
.main-content{;z-index:1;}
.main-content img{border-radius:3px}
.main-content .row, .big-post-wrap .row{background:#fff}
.post{margin-bottom:20px;padding-bottom:20px;background: #fff;}
.single .post{padding-bottom:0;box-shadow:none;width:100%;float:left;}


.home .post-header, .search .post-header, .category .post-header, .archive .post-header, .home .post-thumbnail, .page .post-thumbnail, .search .post-thumbnail, .category .post-thumbnail, .archive .post-thumbnail{padding:0;margin-bottom:0.46875rem;position:relative}
.home .post-header, .home .meta, .home .post-content, .search .post-header, .search .meta, .search .post-content, .archive .post-header, .archive .meta, .archive .post-content, .category .post-header, .category .meta, .category .post-content{padding:0}
.post-header h2 a{color:#000}
.meta{font-size: 14px;color:#777;margin-bottom: 0.46875rem; text-transform: capitalize;}
.thecat a{color: #454545;}
.thedate {
    line-height: 15px;
}
.list-right{padding-right:0;padding-left:0} .list-right .post-header, .list-right .meta{padding:0px 0 0 0.935rem}
.classic, .list-style{padding: 0 0.9375rem;}
.classic {
    float: left;
    width: 100%;
}
.full-width{padding: 1.8675rem 0}
.full-width .post-thumbnail, .full-width .post-thumbnail img {width:100%;}


/* .meta .meta-item{margin-right:10px;} */

.cat-com{position: absolute;bottom: -7px;left: 0;}
.meta .fa{margin-right:5px}
.post-thumbnail{float: left;position: relative;z-index: 1;max-width: 100%;}
.post-content{clear:both;}
.post-header, .meta, .post-content{padding:0px 0.935rem;position: relative;z-index: 2;}
.single .post-header, .single .meta, .single .post-content{padding:0;}
.single .post-header{margin-top:0px;}
.meta-comments{float:right;padding:0 5px;background:#999;}
.meta-comments .fa {margin-right:5px;}
.meta-comments .fa, .meta-comments a{color:#fff;}
.post-content img{max-width:100%;}
.wp-caption{max-width:100%;margin-bottom:1.845rem}
blockquote{margin: 0.9375rem 0;padding: 0 0 0 1.845rem;border-left:0px none;}
blockquote p{font-size:16px !important;line-height:21px !important;font-weight: 600;}
blockquote, blockquote p{color:#000;}
blockquote::before {
    font-family: FontAwesome;
    content: "\f10d";
    margin-right: 13px;
    float: left;
}
.post-content ul{padding-left: 0.9375rem;}
.post-content ol, .post-content ul, .post-content li{list-style:inside;font-size:14px;}
.wp-caption-text{font-size:10px;line-height:15px; text-align:right;padding-top:2px;}
.alignleft {
    float: left;
    margin: 0.9375rem 0.9375rem 0.9375rem 0;
}
.alignright{float:right;margin:0.9375rem 0 0.9375rem 0.9375rem}
/*Single*/
.single .left-side{padding: 0 0.9375rem 0 0.9375rem;background: #fff;}
.intro{font-weight: bold;color: #777;}
.single .cat-title{margin-bottom:10px;text-transform: uppercase;font-weight: 600;}
.single-post.post-thumbnail{width:100%;margin: 0px 0px 0.9375rem;}
.single .post-content{margin: 0px 0px 0.9375rem;}
.post-tags a {    background-color: #AAA;    border-radius: 0px 2px 2px 0px;    display: inline-block;    line-height: 13px; margin: 0px 0px 10px 15px; padding: 4px 7px 3px;  position: relative; font-size: 11px; text-transform: uppercase; color: #fff}
.post-tags a::before {
    border-top: 10px solid transparent;
    border-right: 8px solid #AAA;
    border-bottom: 10px solid transparent;
    content: "";
    height: 0px;
    position: absolute;
    top: 0px;
    left: -8px;
    width: 0px;
    transition: all 0.2s linear 0s;
}
.post-tags a::after {
    background-color: #FFF;
    border-radius: 50%;
    content: "";
    height: 4px;
    position: absolute;
    top: 8px;
    left: -2px;
    width: 4px;
}
.vcard{margin: 0;border: none;padding: 0}
.cta{font-weight:600;font-size:16px;line-height:22px;margin-bottom:0.4685rem}
/* @media only screen and (min-width: 64.0625em){.left-side{width: 760px}} */

/*sidebar*/
.sidebar{background:#fff;padding:1.845rem 0.9375rem 0 1.845rem}
/* @media only screen and (min-width: 64.0625em){.sidebar{width:330px;}} */
.widgettitle{margin:10px 0}
.sidebar>ul>li{margin-bottom: 30px;}
.sidebar .widget{float: left;
width: 100%;
}
.widget>ul>li{font-size:13px;line-height:20px;padding:5px 0}
.thumbnail-posts li{border-bottom:1px dashed #ccc;padding:10px 0 !important;float: left;
width: 100%;}
.thumbnail-posts li:first-child{padding-top:0px !important;}
.thumbnail-posts .post-thumbnail{width:67px;height:45px;overflow:hidden;float:left;margin:0 10px 10px 0}
.thumbnail-posts .post-header{margin:0px;float: none;}
.thumbnail-posts.small .post-header, .thumbnail-posts.small  .meta {clear:none;}
.thumbnail-posts .post-header h2{font-size: 13px;
line-height: 17px;
font-weight: 400;}
.thumbnail-posts .meta{font-size:11px;margin: 0;}
.thumbnail-posts.big .post-thumbnail {    width: 100%;   height: auto;margin: 0px 0px 0.625rem;}
.thumbnail-posts.big li {    border-bottom: 0px none;    margin-bottom: 0.9375rem;   box-shadow: 0px 0px 10px #EEE;padding: 0 0 .9375rem 0 !important;}
.thumbnail-posts.big .post-header, .thumbnail-posts.big .meta {padding: 0px 0.9375rem;}
.thumbnail-posts.big .post-header{clear:both}
.sidebar .cat-title{font-size:10px;}
/*social profile*/
.social-profiles{padding: 10px;}
.social-profiles li{display: inline-block;text-align: center;}
.social-profiles .fa{font-size: 13px;
color: #fff;
padding: 0 0.9375rem;}
.social-profiles .fb{background:#3b5998}
.social-profiles .twitter {background:#00aced}
.social-profiles .pinterest{background:#cb2027}
.social-profiles .gplus{background:#dd4b39}
.social-profiles .rss{background:orange}
.social-profiles .youtube{background:#bb0000}
/*footer*/
#footer{margin: 20px 0px 0 0;background: #363537;padding: 35px 0px; color:#fff !important}
#footer a,#footer .widgettitle{color:#fff; text-transform:capitalize;}
#footer .widgettitle{margin-bottom:20px;}
#footer .textwidget{font-size:14px; line-height:18px;}
nav#navigation{background:#262526 !important; text-align:center}
.copyright{font-size: 13px;
line-height: 21px; color:#888888; padding:5px 0}
#footer ul{padding:0;margin: 0;}
.foot-menu {padding:0;    margin-bottom: .9375rem;}
.foot-menu .menu{float:none;}
.foot-menu .menu li {
    display: inline-block;
    padding: 0 5px;
}
.foot-menu .menu li a{color:#aaa;letter-spacing:0px;font-family:inherit;font-size:11px}
/*Search form*/
.search-form{position:relative}
.search-form .screen-reader-text{display:none;}
.search-form .search-submit{position:absolute;bottom:0px;right:0px;background:#EE4723 ;border:none;color:#fff;height: 37px;cursor:pointer}
#header .search-form .search-submit{border-radius:20px;}
#header .search-form{margin-top: 7px;border-radius: 30px;overflow: hidden; border:#d6401f 1px solid;}
#header .search-field {    margin-bottom: 0 !important;}
#header .search-form .search-submit{height:33px;right:2px;bottom:2px;}
/*Comment*/
#commentform #submit{background:#00AEEF;border:none;color:#fff;}
/*pagination*/
.pagination {float: left;
width: 100%;padding:10px 0;margin-bottom:20px;}
.pagination li{display:inline-block;padding:5px 0.9375rem;box-shadow:0px 0px 1px #ccc;}
.pagination li.active{background:#EE4723 }
.pagination li.active a {color:#fff;}

/*Big Featured Post*/
.big-post-wrap{position: relative;width:100%;z-index: 2;overflow:hidden}
.big-featured-post{height: 353px;padding-right: 0;position:relative;}
div.columns.large-8.medium-8.small-12.left-side.main-post{margin-top:20px;}
.big-featured-post .meta {color:#fff; margin-bottom: 0;font-size: 13px;}
.big-featured-post img{max-width:100%;border-radius:3px;}
.big-featured-post .top-title{height: 65%;
position: absolute;
bottom: 0;
padding: 1.845rem;background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.75)));
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75) 100%);
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75) 100%);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75) 100%);}
.big-featured-post .fa{margin:40px 30px;float: left;height: 400px;font-size: 32px;}

.big-featured-post .top-title h2 a{color:#fff;}
.big-featured-post .top-title p{width:85%;font-size:14px;line-height:22px;margin: 20px 0;}
.small-featured-post{background:rgba(0,0,0, .5);padding:0.9375rem 0 0.9375rem 0.9375rem;float: right;margin:0}
.small-featured-post .meta{color: #fff;font-size:11px;margin-bottom: 0.3125rem;}
.small-featured-post .top-title{padding: 0;height:100%;}
.small-featured-post .top-title h2{    font-size: 14px;    line-height: 19px;    font-family: open sans;}
.divider{font-size:13px;}
.cat-title a{color:#fff;}
.adsbygoogle{margin:5px 0;}
/*Social share*/
.total-share{width: 100%;
float: left;
margin:0.9375rem 0 ;line-height: 1em;}
.single .total-count{color: #000 !important;font-size: 23px;line-height: 25px;display: block;}
.total-count {
    font-size: 13px;
    line-height: 15px;
    display: inline-block;
}
.sidebar .total-count{  font-size: 13px;
    line-height: 15px;
    display: inline-block;}
.meta.left {
    margin-top: 0.4687rem;font-weight: 600;
}
.share {
    letter-spacing: -1px;
    font-size: 12px;
    display: inline-block;
}
.sidebar .share{color:#ccc;}
.single .share{color: #ccc;
letter-spacing: -1px;
font-size: 11px;}
.share-container {color: #EE4723;}
.single .share-container{display:inline-block;vertical-align: bottom;color:#00AEEF;font-weight:600;text-align: center;background:none;padding: 0;}
.dash{font-size: 42px;
    color: rgb(238, 238, 238);
    font-weight: 100;
    display: inline-block;
    line-height: 46px;
    vertical-align: middle;
    margin-top: -8px;}
.total-share a,.total-shares a {display: inline-block;
    color: #fff;
    margin-left: 5px;
    padding: 0 0.9375rem;
    font-size: 14px;
    font-weight: 600;
    line-height: 39px;}
.total-share .fb{background:#3b5998}
.total-share .twitter {background:#00aced}
.total-share .pinterest{background:#cb2027}
.total-share .gplus{background:#dd4b39}
/*
Related posts
*/
.related, .may-like{margin:1.845rem 0;float:left;width:100%;}
.related ul li, .related .post-content, .related .meta, .may-like ul li, .may-like .post-content, .may-like .meta{padding-bottom:0;margin-bottom: 0;}
.related .post-header a, .may-like .post-header a{color:#000}
.related .post-thumbnail{ height: 135px; overflow: hidden;  margin-bottom: 0.625rem;}
.related .post-thumbnail img, .may-like  .post-thumbnail img{width:100%;}
.related .cat-com, .may-like .cat-com{ bottom: -4px;}
.related .comments, .may-like .comments{font-size: 13px;}
.related .item-wrap, .may-like .item-wrap {    margin-bottom: 0.9375rem;}
.may-like .post-thumbnail {    height: 170px;    overflow: hidden;}
/*
hover
*/
.reveal 
{
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}
.reveal:before 
{
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-color: #dedfdf;
    border-style: solid;
    border-width: 0;
    -webkit-transition-property: border-width;
    transition-property: border-width;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.reveal:hover:before, 
.reveal:focus:before, 
.reveal:active:before 
{
    -webkit-transform: translateY(0);
    transform: translateY(0);
    border-width: 2px;
}
/*** Most shared ***/
.most-shared{list-style-type: none;}
.most-shared li {position:relative;counter-increment: step-counter;margin-bottom: 1.8675rem !important;}
.most-shared li::before {
    content: counter(step-counter);
font-size: 13px;
background-color: #EE4723;
color: white;
padding: 0.4685rem 0.9375rem;
border-radius: 22px;
position: absolute;
left: 47%;
z-index: 2;
top: -0.9375rem
}
.most-shared .cat-com {
    bottom: -4px;
}
.widgettitle .fa{
    color: red;
    margin-right: 0.4685rem;
}
/*** Comments ***/
.post-comments {
	margin-bottom:50px;
	-webkit-box-shadow: 0 5px 4px -4px rgba(190,190,190,.1);
	   -moz-box-shadow: 0 5px 4px -4px rgba(190,190,190,.1);
	        box-shadow: 0 5px 4px -4px rgba(190,190,190,.1);
}
.thecomment {
	border-bottom:1px dotted #eee;
	padding-bottom:34px;
	margin-bottom:34px;
}

.thecomment .author-img {
	float:left;
	margin-right:25px;
}
.thecomment .author-img img {
	border-radius:50%;
}
.thecomment .comment-text {
	overflow:hidden;
}

.thecomment .comment-text span.author a:hover {
	text-decoration:underline;
}

.thecomment .comment-text span.date {
	font-size:11px;
	color:#999;
	font-style:italic;
	display:block;
	margin-bottom:10px;
}

.thecomment .comment-text em {
	font-size:13px;
	margin-bottom:-14px;
	display:block;
	color:orange;
	letter-spacing:1px;
}
.thecomment .comment-text em i {
	font-size:14px;
	color:#f3bd00;
}

.post-comments span.reply a {
	float:right;
	font-size:10px;
	background-color:#EE4723;
	color:#FFF;
	padding:3px 6px 5px 6px;
	border-radius:2px;
	margin-left:7px;
	font-family:"Lato";
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.post-comments span.reply a.comment-edit-link {
	background:#c5c5c5;
}
.post-comments span.reply a:hover {
	opacity:.8;
}

ul.children { margin: 0 0 0 55px; }
ul.children li.thecomment { margin:0 0 8px 0; }

/** Reply **/
#respond {
	overflow:hidden;
	margin-bottom:20px;
}

#respond  h3 {
	color:#000;
	font-weight:400;
	margin-bottom:20px;
	text-transform:uppercase;
}

#respond h3 a {
	color:#000;
	display:inline-block;
}

#respond h3 small a {
	text-transform:uppercase;
	font-size:11px;
	background:#333;
	color:#FFF;
	padding:4px 6px 5px;
	border-radius:3px;
	margin-left:7px;
	letter-spacing:1px;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
#respond h3 small a:hover {
	opacity:.8;
}

#respond label {
	color:#888;
	width:80px;
	font-size:14px;
	display:inline-block;
	font-weight:300;
}
#respond input {
	padding:8px 10px;
	border:1px solid #DDD;
	margin-right:10px;
	border-radius: 3px;
	color:#999;
	margin-bottom:15px;
	font-size:11px;
	width:250px;
	font-family:"Georgia";
}
#respond input:focus {outline:none;}
#respond .comment-form-url {
	margin-bottom:10px;
}
#respond textarea {
	padding:14px;
	border:1px solid #DDD;
	border-radius: 3px;
	width:95%;
	height:120px;
	font-size:13px;
	color:#777;
	margin-bottom:14px;
	line-height:20px;
	font-family:"Georgia";
}
#respond textarea:focus {outline:none;}



#respond #submit:hover {
	background:#333;
	color:#FFF;
}
.cat-com .comments{background:#EE4723; color:#fff;padding: 0 0.46875rem;font-size: 12px;}
.cat-com .comments a{color:#fff;}
.cat-com .comments .fa{margin-right:0.234rem}
#mc_embed_signup {
    background: #000 !important;
    color: #fff !important;
    padding: .9375rem !important;
	height: 353px;
}

#mc_embed_signup p{text-align:center}
#mc_embed_signup .indicates-required, #mc_embed_signup .asterisk{display:none;}#mc_embed_signup .mc-field-group label{color:#fff;}#mc_embed_signup .mc-field-group {
    clear: left;
    position: relative;
    width: 100% !important;
	padding-bottom:0 !important;
    min-height: 50px;
}#mc_embed_signup .button {
    clear: both;
    background-color: #EE4723;width:100% !important;}
#mc_embed_signup form {
    padding: 0.9375rem 0 1.8675rem 3% !important;
}
#mc_embed_signup .mc-field-group label{display:none !important}
#pbd-alp-load-posts{clear:both;margin-left: 0.9375rem;}



#pbd-alp-load-posts a:hover, #pbd-alp-load-posts a:active {
opacity:1;
	}
.g-trends {
    padding: 0.9375rem 0;
    border-bottom: 1px solid #eee;
}
.the-views{padding-left:0.4685rem;background:#eee;color:#777;font-size: 12px;}

/* Custom CSS */
span.toplogo a img{ max-height:56px;padding:5px;}
h5.link-share{color:#fff !important;}
.efbi{border:#fff 2px solid;border-radius:20px;}
.efbi:hover{background:#3B5998}
.tweetyes{border:#fff 2px solid;border-radius:20px;}
.tweetyes:hover{background:#00ACED}
.total-share{border-top:#efefef 1px solid;border-bottom:#efefef 1px solid;padding:10px 0}
.total-shares{padding:10px 0}
.total-share .fb,.total-share .twitter,.total-share .pinterest,.total-share .gplus{border-radius:3px;}
.authorimg img{border-radius: 50%;}
span.penulis a{font-size:16px; text-transform:uppercase; color:#000; font-weight:bold;}
.authorbox{ border-bottom:#ccc 2px dotted;border-top:#ccc 2px dotted; background:#fff !important;}
.authorlinks a{color:#474747;}
.kuning {background:#fff600;padding:0 15px; border-left:#ee4723 3px solid}
.kirimtulisan a{background:#fff600;color:#000 !important;border-radius:10px;   -webkit-box-shadow:inset 0px 0px 0px 3px #d6401f;-moz-box-shadow:inset 0px 0px 0px 3px #d6401f;box-shadow:inset 0px 0px 0px 3px #d6401f;}
.kirimtulisan a:hover{color:#000 !important;background:#ffe748 !important;}
.kirimtulisan a:active{background:#D6401F !important; color:#fff !important; -webkit-box-shadow:inset 0px 0px 0px 3px #fff;-moz-box-shadow:inset 0px 0px 0px 3px #fff;box-shadow:inset 0px 0px 0px 3px #fff;}
.meta img{border-radius:50%;}
.footer-profile{line-height:22px;}
.footer-profile img{ margin:0 auto; display:block; padding-bottom:10px;}
.footer-profile a{ text-decoration:underline;}
.footer-profile a:hover{ text-decoration:none;}
#user-submitted-post{ background:#EE4723; color:#fff; padding:10px 20px; font-size:20px; border-radius:10px;}
#user-submitted-post:active{background:#333;}
.share-fixed {
    background:#ee4723;
	border-bottom:#D6401F 3px solid;
    position: fixed;
    top: 0;
    z-index: 5;
    left: 0;
    right: 0;
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: -moz-transform 0.5s ease;
    -o-transition: -o-transform 0.5s ease;
    transition: transform 0.5s ease;
}.share-fixed.active {
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}
.fixed-table {
       width: 100%;
    display: table;
    margin: 0 auto;
	}
.logged-in .fixed-table{
    padding: 10px 0 0px 0;
    margin-top: 20px;
}
.fixed-left, .fixed-right {
    display: table-cell;
    vertical-align: middle;
}
.fixed-table h2 {
    background: #ed474b;
    text-align: center;
    margin-right: 0.4685rem;
    height: 56px;
    align-items: center;
}
.fixed-table h2 a {
    color: #fff;
	font-size: 26px;
    font-weight: 900;
    line-height: 45px;
	}

.fixed-right .total-shares{width:auto;float:right;margin:0;display: flex;
    height: 56px;
    align-items: center;
	min-width:250px;}
.single-gallery img {
    height: 77px;
}

.gallery-wrapper ul{padding-left:0px;}
.authorbox {
    padding: 0.9375rem 0 !important;
    margin: 0.9375rem 0.9375rem 0 0 !important;
}
.authorbox .description{
    font-size: 14px;
    line-height: 21px;
    margin-top: .47rem;
}
.authorbox .authorlinks a {
    margin: 0 .285rem;
}




@media only screen and (min-width: 40.0625em){.full-width .post, .two-columns .post{max-height:280px;height:280px;}.full-width .post-thumbnail, .full-width .post-thumbnail img, .two-columns .post-thumbnail, .two-columns .post-thumbnail img{height:186px;}
.small-featured-post{background:none;padding: 0px 3.65rem 0px 0px;margin-top: 0.9375rem;}}


@media only screen and (min-width: 64.0625em){.big-featured-post .top-title h2{width: 85%;}}

@media only screen and (max-width: 64.0625em){.single .post-header h1 {    font-size: 26px;line-height: 32px;}
#header .search-form{margin-bottom:7px;}
.big-featured-post .top-title h2{font-size:28px;line-height:36px}.big-featured-post img { max-width: 100%;    height: 379px;}
.may-like .post-thumbnail {    height: auto;    overflow: hidden;}
.sidebar img{width:100%;}
.hide{display:none}.full-width .post-thumbnail, .two-columns .post-thumbnail, .full-width .post img, .two-columns .post img{width:100%}
.main-nav ul{display:none;}.mobile-nav, .mobile.border-color{display:block;}.related .post-thumbnail {
height: auto;}
}
div#user-submitted-posts fieldset label{display:none;}
div#user-submitted-posts fieldset.usp-captcha label{display:block;}

@media only screen and (max-width: 600px){
#breadcrumbs{ padding-top:10px; display:none;}
.total-share{ display:none;}
.kirimtulisan a {border-radius:0px !important;}
#header .search-form{margin-top: 15px;}
.fixed-right{ display:none;}
#header{padding-top:12px;}
.main-menu li a:hover{border-radius:0px;}
.logo h1 img, .logo h2 img{height:auto; max-height:50px;}
h1.main-heading{margin-top:20px !important; text-align:center;}
}


/* FONT 1*/


.main-menu li a {	
	font-family:"Oswald",sans-serif;}
	
.sidebar h3, #respond h3{
margin: 0.9375rem 0px;
font-size: 16px;
line-height: 22px;
font-family: "Oswald",sans-serif;}

.thecomment .comment-text span.author, .thecomment .comment-text span.author a {
	display:block;
	font-size:12px;
	font-family:"Oswald";
}

#respond #submit {
	font-family:oswald;
	text-transform:uppercase;
	background:#EE4723;
	font-size:11px;
	color:#fff;
	padding:12px 19px 14px;
	margin-top:6px;
	display:inline-block;
	border:none;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
	cursor:pointer;
	width:auto;
}

#mc_embed_signup h2 {
    font-weight: bold;
    padding: 0;
    margin-bottom: 0.9375rem !important;
font-size: 24px !important;
color: #EE4723;
font-family: oswald !important;
text-align: center;
text-transform: uppercase;
}

#pbd-alp-load-posts a:link, #pbd-alp-load-posts a:visited {
display: block;
text-align: center;
padding: .9375rem 0;
color: #fff;
text-decoration: none;
background: #EE4723;
font-family: oswald;
font-size: 18px;
text-transform: uppercase;
opacity:.9
}

h5.link-share {
    font-family: oswald;    display: flex;
    height: 56px;
    align-items: center;
}

h3.title-gallery {
    font-family: oswald;
}

@media only screen and (max-width: 20.000em){.post-header h2{font-family:oswald;font-size:12px;line-height:18px;}}


@media only screen and (max-width: 40.0625em){.post-header h2{font-family:oswald;font-size:14px;line-height:20px;}
.single .post-header h1 {    font-size: 38px;line-height: 40px;}
.cat-meta{font-size:10px;}.the-views {display:none;}.cat-com .comments {font-size:11px}
.big-featured-post .top-title h2{font-size:22px;line-height:30px}
.single .total-count{font-size: 17px;line-height: 17px;}
.total-share a {    border-radius: 2px;}
.total-share a.gplus{display:none;}
.hide{display:none}.newsletter{    padding: .9375rem 0 !important;
text-align: center;}.big-featured-post{height:auto !important;padding-left:0}.full-width .post, .two-columns .post{max-height:240px;height:auto;padding-bottom: 0;}.full-width .post:nth-child(2n+1), .two-columns .post:nth-child(2n+1){clear:both}.full-width .post-thumbnail, .full-width .post-thumbnail img, .two-columns .post-thumbnail, .two-columns .post-thumbnail img{height:145px;}.single #breadcrumbs, .attachment #breadcrumbs {margin: 0.4685rem 0;line-height: 15px;}.left-side {box-shadow:none;} h3.title-gallery { font-size: 15px;line-height: 20px;}.related .post-thumbnail {height: auto;}.sidebar { background: #fff; padding: 1.845rem 0.9375rem 0 0.9375rem;}.related .post-thumbnail {height: auto;}
}

h4 {
    font-family: oswald;
    font-size: 18px;
    margin-bottom: .9375rem;
}

.post-header h2{font-family:oswald;font-size:18px;line-height:22px;}
.post-header h1 a{color:#000}
.post-header h1 a:hover{text-decoration:none}
.post-header h1{font-family:oswald;font-size:34px;line-height:35px;font-weight:bold; margin-bottom:20px;}
.cat-meta {background: #fff;text-transform: uppercase;font-style:italic;font-size: 11px;font-family: oswald;padding: 0 0.46875rem;}

/*Breadcrumbs*/
#breadcrumbs {
    font-size: 12px;
    margin: 0.9375rem 0;
    text-transform:  capitalize;
    font-family: oswald;
    color: #999;
	letter-spacing:0.2px;
	font-weight:normal !important;
}

#footer h3{font-size: 18px;line-height: 24px; font-weight:bold;}

.pagination ul{font-weight: 600;text-transform: uppercase;line-height: 30px;font-family: oswald;text-align: center;font-size: 14px;background: #F7F7F7 none repeat scroll 0% 0%;color: #999;border: 1px solid #DDD;}

.big-featured-post .top-title h2{font-family: oswald;font-size:38px;line-height:56px;font-weight:600;margin-top:10px;}

.cat-title {
    font-family: oswald;
    font-style: italic;
    background: #EE4723;padding:0 0.46875rem;text-transform:uppercase;
}

.cat-title {
    font-family: oswald;
    font-style: italic;
    background: #EE4723;padding:0 0.46875rem;text-transform:uppercase;
}

.related .post-header h3, .may-like .post-header h3{font-size: 14px;line-height: 18px;letter-spacing: 0px;font-weight: 400;margin: 0px 0px 5px;font-family:oswald;}

.mostshared-title{margin: 0px 0.9375rem 1.874rem;
font-family: oswald;
font-size: 24px;}

.heading-title{text-transform: uppercase;
line-height: 30px;
font-family: oswald;
font-size: 20px;
color: #000;
margin: 0 0 .9375rem 0;}

.post-comments{text-transform: uppercase;
line-height: 30px;
font-family: oswald;
font-size: 20px;
color: #000;
margin: 0 0 .9375rem 0;}

.post-content h3 {
    font-size: 24px;
	font-family: oswald;
    font-weight: 600;
    line-height: 30px;
	margin:0.9375rem 0;
}