.bg-hitam {
	background: #000;
	background: url(/img/banner.jpg) center no-repeat;
	background-size: cover;
}

.bg-nav {
	background: #006888;
}

.bg-hitam a:hover {
	text-decoration: none;
	color: white;
}

.post-header {
	font-family: Catamaran, Raleway, Merriweather, Georgia, Sans-serif;
}

.post-content  {
	font-family: Raleway, "Noto Sans", Roboto, Merriweather, Georgia, Sans-serif;
}

.top-header {
	padding-top: 6rem;
	padding-bottom: 3rem;
}

header h1, header h1 a {
	font-family: Catamaran, "Open Sans", Merriweather, Georgia, Sans-serif;
	color: #ddd;
}

.post-content h2, 
.post-content h3, 
.post-content h4, 
.post-content h5,
.post-content h6 {
	margin: 1em 0;
}

.post-content img {
	max-width: 100%;
}
.ovl {
	font-size: 95%;
	line-height: 1.1rem;
	opacity: 0;
	transition: 1s;
}
.ovl a {
	text-decoration: none;
}
.ovl:hover {
	opacity: 1;
	background-color: rgba(0,0,0,0.5);
}

/* -----
SVG Icons - svgicons.sparkk.fr
----- */

.svg-icon {
	width: 1em;
	height: 1em;
  }
  
  .svg-icon path,
  .svg-icon polygon,
  .svg-icon rect {
	fill: #4691f6;
  }
  
  .svg-icon circle {
	stroke: #4691f6;
	stroke-width: 1;
  }

.icon {
    width: 1em;
    height: 1em;
    fill: currentColor;
    display: inline-block;
}

.footer-icon {
	animation: heartbeat 1.33s ease-in-out infinite;
	fill: #f06292;
	margin: 0 0.25em 0.3em;
}

/* -----
social share css
----- */

.social-share {
	position: relative;
	top: 0em;
}
 
.social-share ul {
	margin: 0;
}
 
.social-share ul li p {
	display: none;
}
 
.social-share .share-icons li {
	padding: 0 !important;
	padding-bottom: 0px !important;
}
 
.social-share .share-btn {
	padding: 0.25em;
	width: 3em;
}
 
.social-share-nav .share-btn h3{
	color: #ffffff;
}

ul.share-icons {
	cursor: default;
	list-style: none;
	padding-left: 0;
	margin-top: 1em;
}

ul.share-icons li {
	display: inline-block;
	padding: 0 1em 0 0;
}

ul.share-icons li:last-child {
	padding-right: 0;
}

ul.share-icons li > * {
	text-decoration: none;
	border: 0;
}

ul.share-icons li > *:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-transform: none !important;
}

ul.share-icons li > * .label {
	display: none;
}
 
.share-btn {
	display: inline-block;
	color: #ffffff;
	border: none;
	border-radius: 4px;
	box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
	outline: none;
	text-align: center;
	text-decoration: none;
}
 
.share-btn:hover {
	color: #ffffff !important;
}

.share-btn:active {
	position: relative;
	top: 2px;
	box-shadow: none;
	color: #e2e2e2;
	outline: none;
}
.share-btn .widget-social__link-icon {
	margin: 0;
}
 
.share-btn.twitter     { background: #55acee; }
.share-btn.google-plus { background: #dd4b39; }
.share-btn.facebook    { background: #3B5998; }
.share-btn.linkedin    { background: #4875B4; }
.share-btn.stumbleupon { background: #EB4823; }
.share-btn.pinterest   { background: #BD081C; }
.share-btn.reddit      { background: #ff5700; }
.share-btn.email       { background: #444444; }
.share-btn.whatsapp    { background: #25d366; }


.share-btn.twitter:hover     { background: #4c9ad6; }
.share-btn.google-plus:hover { background: #c64333; }
.share-btn.facebook:hover    { background: #2f4779; }
.share-btn.linkedin:hover    { background: #4069a2; }
.share-btn.stumbleupon:hover { background: #d3401f; }
.share-btn.pinterest:hover   { background: #AD0000; }
.share-btn.reddit:hover      { background: #e54e00; }
.share-btn.email:hover       { background: #363636; }