/*
	Theme Name: Portal Paniai
	Theme URI: http://paniaikab.go.id
	Author: Setyawan Widodo
	Author URI: http://setya1.com
	Description: Website Portal Paniaikab
	Version: 1.0 - Sept 2021
	Tags: portal paniai
*/
@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;500;700&display=swap');
body { font-family:'Maven Pro', sans-serif; font-size:14px;
	background:url('images/bgbody.jpg;') fixed left;
	background-size:cover;
	}
.hover img {
	transform: scale(1);
  /*making the scaling smooth*/
  transition: transform 0.5s ease;
 
} 
.hover img:hover {
	transform: scale(1.2);
  /*making the scaling smooth*/
  transition: transform 0.5s ease;
} 
a {text-decoration:none;}
small {font-size:10px; font-weight:normal; color:#999;}
#navbar {
	
  transition: 0.4s; /* Adds a transition effect when the padding is decreased */
  position: fixed; /* Sticky/fixed navbar */
  height:100px;
  top: 0; /* At the top */
  z-index: 99;
  background:none;
}
#navbar img#logo {
  height:80px;
  transition: 0.4s;
  padding:10px 0 10px 0;
}
.navbar ul li { font-size:13px; font-weight:bold;}

.wadah {overflow:hidden;}
.navbar-brand img (max-height:50px; width:auto;)
.logoikon img {margin-top:100px!important; width:10px!important; height:auto;}
.ikon {margin-bottom:20px; border:solid 3px #999; border-radius:10px; overflow:hidden; 
box-shadow:0 0 5px #999; opacity:0.7;}
.ikon:hover {border:solid 3px #9f0; box-shadow:0 0 10px #333; opacity:1; height:auto!important;}
.slidehome {margin-top:80px;}
.slideshow img {width:100%; height:auto;}
.imgslide {width:100%; height:410px; overflow:hidden;}
.sambutan img {width:100%; height:auto;}
.card {border-radius:5px; margin-bottom:20px; overflow:hidden; height:auto;}
.block1 {margin-top:80px;}
.block1 h2{text-shadow:0 0 3px #999; color:#339; border-bottom:solid 2px #ccc; margin-bottom:20px;}
.card-footer {padding:5px 10px;}
.gambartiga {height:200px; overflow:hidden;}
	.gambartiga img {width:100%;height:auto;}
.gambarenam {height:100px; overflow:hidden;}
	.gambarenam img {width:100%;height:auto;}
.juduldua {height:75px; font-weight:bold;}
.judultiga {height:75px;}

.single, .arsip {margin-top:80px;}
.listsidebar1 img {width:65px; height:auto; float:left; margin-left:-10px; margin-right:15px;}
.listsidebar img {width:80px; height:auto; float:left; margin-left:-10px; margin-right:15px;}













.footerwidget li {list-style:square; margin-left:10px;}


.footer {font-size:11px; margin-bottom:50px; margin-top:50px;}
.waves {
margin-bottom:100px;
  position:relative;
  width: 100%;
  height:15vh;
  margin-bottom:-7px; /*Fix for safari gap*/
  min-height:100px;
  max-height:150px;
  opacity:0.5;
}

.content {
  position:relative;
  height:20vh;
  text-align:center;
  background-color: white;
}

/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 6s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 8s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 11s;
}
.parallax > use:nth-child(4) {
  animation-delay: -3s;
  animation-duration: 5s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}

.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 100;
}

.footer img {
	width:100%;
	height:auto;
}
.footerwidget li {
    margin-left:-25px;
    padding:5px 0 5px 0;
    border-bottom:dashed 1px #ccc;
    font-size:13px;
}

.footerwidget {font-size:13px; background:#ffe; border-radius:10px; margin-top:50px;}

/*Shrinking for mobile*/
@media (max-width: 768px) {
.gambarenam {height:80px; overflow:hidden;}
	.judultiga {line-height:16px;}
	.imgslide {width:100%; height:320px; overflow:hidden;}

  .waves {
    height:40px;
    min-height:40px;
  }
  .content {
    height:30vh;
  }
  h1 {
    font-size:24px;
  }
}