/*
	Theme Name: Inspektorat Provinsi Papua
	Theme URI: http://inspektorat.papua.go.id
	Author: Setyawan Widodo
	Author URI: http://setya1.com
	Description: Website Inspektorat Provinsi Papua
	Version: 1.0 - Desember 2021
	Tags: inspektorat, papua, web inspektorat
*/
@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;
}
h2 {font-size:20px;}
.slideshowdepan {margin-top:80px;}
img {border-radius:3px;}
.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;}
.judul, .judul a {
	text-decoration:none;
	background:linear-gradient(to right, #00f  2%, #f0f 100%);
	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
}
.judulkategori {
	text-decoration:none;
	background:linear-gradient(to right, #f00  0%, #00f 70%);
	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
}

small {font-size:10px; font-weight:normal; color:#999;}

.bg1{background: linear-gradient(to left, #55d  20%, #9ff 100%); color:#ff0;}
.bg2{background: linear-gradient(to right, #ff9  20%, #ccc 100%);}
.bg2r{background: linear-gradient(to left, #ff9  20%, #ccc 100%);}
.bg3{background: linear-gradient(to right, #eee  20%, #fa0 100%);}
.bg1 a {color:#FF0!important;}
.bg1 a:hover {color:#FFf!important;;}


#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 { padding:0;}
.navbar ul li { font-size:15px; font-weight:bold;}
.navbar ul li ul li, .navbar ul li ul li ul li  { font-weight:bold; font-size:14px;}
.navbar ul li, ul.dropdown-menu {animation-name:fadeInUp;}
.navbar ul li ul {background: linear-gradient(to right, #99c 20%, #ddd 100%); border:none; box-shadow:3px 3px 5px #777; opacity:0.95;}
.navbar ul li ul li a {font-weight:bold;}
.dropdown-item { padding:3px 10px 2px 10px!important; }
.navbar-light .navbar-toggler {
    stroke:#fff!important;
    border:none;
    font-size:15px;
}
.dropdown-item {min-width:220px;}
ul.dropdown-menu li {
    border-bottom:solid 1px #bbb;
    padding-top:3px; padding-bottom:3px;
    margin-left:0;  
}



ul.dropdown-menu li > ul.dropdown-menu{  left: 100%; margin-top:-38px;}

ul.dropdown-menu li.menu-item:hover > ul.dropdown-menu, ul.dropdown-menu li.menu-item:focus > ul.dropdown-menu{ 
    display: block; transition: all 0.5s;}
li.has-children > a:after {  content:'\e760';  position: absolute; right:20px;  speak: none;
}

ul.dropdown-menu {animation-name:fadeInTop; animation-duration:0.2s;}
.navbar ul li ul li:hover, .navbar ul li ul li ul li:hover, a.dropdown-item:hover {background:#555; color:#fff;}


.wadah {margin-top:20px;}
.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-:0 0 10px #333; opacity:1; height:auto!important;}
.slideshowdepan {margin-top:100px;}
.slideshow img {width:100%; height:auto;}
.imgslide {width:100%; height:398px; overflow:hidden;}
.imgslide img {width:100%; height:auto;}
.sambutan img {width:100%; height:auto;}
.card {border-radius:0; margin-bottom:20px; overflow:hidden; height:auto; background:none; border:none;}
.block1 {margin-top:30px;}
.block1 h2{text-:0 0 3px #999; color:#339; border-bottom:solid 2px #ccc; margin-bottom:20px;}
.card-footer {padding:5px 10px;}
.gambartiga {height:195px; 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;}
.single img {width:100%; height:auto;}
.isipost {width:100%; overflow:hidden;}
.isipost img {width:99%!important; margin:5px 0.5% 10px 0!important;}

.listsidebar1 img {width:65px; height:auto; float:left; margin-left:-10px; margin-right:15px;}
.listsidebar img {width:70px; height:auto; float:left; margin-left: -3px;
    margin-right: 15px;
    border-radius: 3px;
    margin-top: 4px;
	margin-bottom:3px;}
.kontenvideo {height:120px!important;}
.kontenvideo iframe {width:100%!important; height:120px!important;}
.kontenvideo1 {height:335px!important;}
.kontenvideo1 iframe {width:100%!important; height:335px!important;}
.kananpeta {height:400px;}


.judulpost {height:42px; overflow:hidden;}
.peta iframe {height: 410px;}


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


.footer {font-size:11px; margin-bottom:50px; margin-top:50px;}
.parent {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    overflow: visible;
}
.sticky {
	position: -webkit-sticky!important;
	position: sticky!important;
	top: 100!important;
}

.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; opacity:0.8;}
.footerwidget a {color:#f00;}
@media (min-width: 1400px) {
	.sambutan img {width:87%; float:right;}	
	.peta iframe {height: 428px;border-radius:3px;}
}


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

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