/*
Theme Name: CAC Timor Leste - Powered by SMILE GROUP	
Theme URI: http://setya1.com
Author: Setyawan Widodo
Author URI: http://setya1.com
Description: Themes CAC Timor Leste
Version: 1.0 
Tags: Themes

*/
a {
	color:#e55;
}
a:hover {
	text-decoration:none;
	color:#f00;
	font-weight:bold;
}
.topmenu {
	padding:5px 10% 5px 10%;
	background:#F8F9FA;
	box-shadow:0 1px 5px #aaa!important;

}
	nav, .dropdown-item, .navbar-toggler {
		font-size:14px!important;
		border:none;
	}
	.navbar-brand img {
		height:50px;
	}
.slideshow {
	padding:5px 10% 5px 10%;
	height:700px;
	background:url('images/bgslideshow.png') fixed;
	z-index:-10;
	position:relative;
	margin-top:20px;
}
	.slideimage img {
		max-height:500px;
		width:auto;
		float:left;
		margin-top: 100px;
	}
	.slideshow h3 {
		margin-top:150px;
	}
	.slideshow h5 {
		margin-top:20px;
	}
.content1 {
	background:#fafafa;
	padding:5px 10% 5px 10%;
	padding-bottom:50px;
	
}
	.content1 h2 {
		text-align:center!important;
		margin-top:50px;
		font-weight:100;
		margin-bottom:30px;
	}
	.content1 h4 {
		text-align:center;
	}
	.missionoption {
		margin-bottom:30px;
	}
	.imgcircle {
		width:150px;
		height:150px;
		border-radius:75px;
		margin:10px auto 20px auto!important;	
		padding:3px;
		border:dashed 1px #e55;
		text-align:center;
		
	}
	.imgcircle img {
		width:100px!important;
		height:auto;
		
	}

.content2 {
	background:url('images/bgcontent2.jpg') fixed;
	background-size:cover;
	padding:5px 10% 5px 10%;
	padding-bottom:50px;
	box-shadow:0 1px 5px #aaa!important;

}
	.content2 h3 {
		padding:40px 0 30px 0;
		font-weight:100;
	} 
	.feature {
		width:100%;
		overflow:hidden;
	}
	.content2 img {
		width:99%;
		height:auto;
		margin-bottom:10px;
		border:dashed 1px #99e;
		padding:3px;
		border-radius:10px;

	}
	.content2 h5 a {
		color:#fff;
		text-shadow:1px 1px 1px #333;
	}
	.rfcontent {
		width:100%;
		height:55px;
		float:left;
		overflow:hidden;
		padding-bottom:15px;
		border-bottom:dashed 1px #999;
		margin-bottom:8px;
		
	}
	.rightfeature img {
		width:50px;
		height:50px;
		float:left;
		margin-right:10px;
		border-radius:10px;

	}
.content3 {
	background:#ffe;
	background-size:cover;
	padding:25px 10% 45px 10%;
	box-shadow:0 1px 5px #aaa!important;
	

}
	.content3 h3 {
		padding:40px 0 30px 0;
		font-weight:100;
	} 
	.newspost {
		height:120px;
		margin-bottom:15px;
		line-height:18px;
		font-size:15px;
	}
	.newspost small {
		font-size:9px;
	}
	.content3 img {
		width:30%;
		height:auto;
		float:left;
		padding:3px; 
		border:dashed 1px #aa5;
		margin-right:10px;
		border-radius:10px;

	}
.content4 {
	background:#fef;
	background-size:cover;
	padding:25px 10% 35px 10%;
	box-shadow:0 1px 5px #aaa!important;
}
	.content4 h3 {
		margin:40px auto 30px auto;
	}
	.cont4content  {
		width:100%;
		height:55px;
		float:left;
		overflow:hidden;
		padding-bottom:15px;
		border-bottom:dashed 1px #999;
		margin-bottom:8px;
		
	}
	.cont4content img {
	width:50px;
	height:auto;
	border-radius:10px;
	padding:3px;
	border:dashed 1px #999;
	
	}
	.cont4main img {
	width:40%;
	height:auto;
	border-radius:10px;
	padding:3px;
	border:dashed 1px #999;
	margin-right:10px;
	float:left;
	
	}
	
	.reportcorruption img {
		width:100%;
		height:auto;
		padding:3px;
		border-radius:10px;
		border:dashed 1px #999;
		
	}
.content5 {
	background:url('images/bgcontent2.jpg');
	background-size:cover;
	padding:25px 10% 35px 10%;
	box-shadow:0 1px 5px #aaa!important;
}
	.content5 h3 {
		margin:40px auto 30px auto;
	}
	
.content6 {
	background:#ffa;
	padding:25px 3% 35px 10%;
	box-shadow:0 1px 5px #aaa!important;
	line-height:15px;
}
	.content6 h3 {
		margin:40px auto 30px auto;
	}
	.content6 img {
		width:100%;
		height:auto;
		margin-bottom:10px;
	}
	.gallery {
		width:100%;
		padding:10px;
		border:solid 1px #ccc;
		margin:0 10px 18px 10px;
		background:#fff;
		box-shadow:0 0 3px #ccc;
	}
	
.content7 {
	background:#eee;
	padding:25px 10% 35px 10%;
	box-shadow:0 1px 5px #aaa!important;
	line-height:22px;
}
	.content7 h3 {
		margin:40px auto 30px auto;
	}
	.content7 h5{
		margin:10px auto 10px auto;
	}
	
.content8 {
	background:#f5f5f5;
	padding:25px 10% 35px 10%;
	box-shadow:0 1px 5px #aaa!important;
	line-height:15px;
	font-size:13px;
	text-align:center;
	
}
	.content8 h3 {
		margin:40px auto 30px auto;
	}
	.content8 h5{
		margin:10px auto 20px auto;
	}
	.content8 img {
		width:100%;
		height:auto;
		padding:3px;
		border:dashed 1px #ccc;
		border-radius:50%;
	}
.content9 {
	background:#eaeaea;
	padding:25px 10% 35px 10%;
	box-shadow:0 1px 5px #aaa!important;
	line-height:15px;
	font-size:13px;
	
}
	.content9 h3 {
		margin:40px auto 30px auto;
	}
	.content9 h5{
		margin:10px auto 20px auto;
		border-bottom:solid 1px #999;
	}
	.footerwidget {
		width:100%;
		padding:10px 5px 10px 5px;
	}
	.footerwidget ul li {
		margin-left:-20px;
		list-style-type:square;
		padding:5px 0 5px 0;
		border-bottom:dashed 1px #999;
	}
.footer {
	background:#eaeaea;
	padding:25px 10% 35px 10%;
	box-shadow:0 1px 5px #aaa!important;
	line-height:15px;
	font-size:12px;
}
	.footer h5{
		font-size:18px;
		margin-top:15px;
	}
.single {
	margin:60px auto 5px auto;
	background:#fafafa;
	padding:25px 10% 35px 10%;
	box-shadow:0 1px 5px #aaa!important;
}
	.post {
		margin-bottom:50px;
	}
	.post img {
		width:100%;
		height:auto;
		padding:3px;
		border:dashed 1px #ccc;
		border-radius:10px;
	}
	.leftsidebar ul li, .rightsidebar ul li {
		margin-left:-20px;
		list-style-type:square;
		padding:5px 0 5px 0;
		border-bottom:dashed 1px #999;
		font-size:13px;
	}
	
@media screen and (max-width:1000px) {
.topmenu {
	padding:5px 1% 5px 1%!important;
	box-shadow:none!important;
}
.single {
	margin-top:42px;
}
.slideshow {
	padding:5px 2% 5px 2%!important;
	box-shadow:none!important;
	height:350px;
}
	.slideshow h3 {
		font-size:18px;
		margin-top:80px;
	}
	.slideshow h5 {
		font-size:14px;
	}
	.slideshow img {
		width:80%!important;
		margin-top:60px;
		height:auto!important;
	}
	
.topmenu {
		border-bottom:solid 1px #ccc;

}
	.slideimage {
		width:100%!important;
		height:auto;
	}
.content5 td {
	padding:8px;
}
}

@media screen and (max-width:900px) {
.slideshow {
	height:500px;
}
.slideshow img {
		width:100%!important;
		margin-top:60px;
		height:auto!important;
	}
}
@media screen and (max-width:642px) {
.slideshow {
	height:550px;
}
.slideshow img {
		width:100%!important;
		margin-top:65px!important;
		margin-bottom:-80px;
		height:auto!important;
	}
	.slideshow h3 {
		margin-top:100px!important;
	}
	.slideimgbottom  {
	    margin-top:-120px!important;
	}
	
}
@media screen and (max-width:572px) {
.content8 {
	text-align:left;
}
.content8 img {
	width:20%;
	float:left;
	margin:-10px 10px 10px 10px;
}
.newspost {
	height:80px;
}
.content3 img {
	width:20%;
}

}
@media screen and (max-width:572px) {
	.slideshow {
	height:450px;
}
	
}