/*
Theme Name: Simsa theme
Description: wordpress theme for Solomon Islands Maritime Safety Administration theme, supported with bootstrap
Author: mousie
Version: 1.0
Tags: responsive, bootstrap
*/

/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

@import url('bootstrap/css/bootstrap.min.css'); 

@font-face{
	font-family: 'poppins';
	src:url(poppins/Poppins-Regular.otf);
}

body{
	font-family:'poppins';
	font-size:14px;
	color:#083877!important;
}

.container-fluid{
	padding:0!important;
}

.navbar{
	padding:0!important;
}

a{
	color:#083877;
}

input[type="submit"] {
	padding:5px 10px;
	color:#fff;
	background:#083877;
	border:none;	
}

input[type="text"] {
	padding:5px 10px;
}

.post-date{
	font-style:italic;
}

.bluebar, .bg-dark{
	background:#083877!important;	
}

.topbar{
	height:5px;
}

.logo{
	padding:10px 0;
}

.logo img{
	width:100%;
	height:auto;
}

span.blogname{
	display:block;
	color:#33cccc;
	font-size:40px;
	line-height:40px;
	margin-top:10px;
}

span.blogdesc{
	display:block;
	color:#083877;
	font-size:18px;
	white-space:nowrap;
}

.home{
	padding:30px 0 0 0;
	
}

/* top menu */
.topmenu{
	text-align:center;
	vertical-align:center;
	width:100%;
	height:100%;
	padding:auto;
	margin:auto;
}

.topmenu .nav li a{
	padding:10px 20px;
	display:block;
	color:#000;
}

/* Main menu */
.mainmenu{
	font-size:14px;
	font-weight:bold;
	padding:0!important;
}

.mainmenu ul{
	padding:0;
	margin:0;
}

.mainmenu .nav li a {
	padding:10px 10px;
	display:block;
	color:#fff;
	text-decoration:none;
}

.mainmenu .nav li:hover{
	background:#0c4ca3;
}

.mainmenu .nav ul.sub-menu{
	display:none;
	position:absolute;
	z-index:99;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	list-style:none;
}

.mainmenu .nav ul.sub-menu li a{
	padding:5px 10px;
	border-top:solid 1px #083877;
	background:#33cccc;
	color:#083877;
}

.mainmenu .nav ul.sub-menu li ul.sub-menu{
	position:absolute;
	left:100%;
	margin-top:-32px;
	white-space:nowrap;
}

.mainmenu .nav li:hover > ul.sub-menu{
	display:block;
}

.mainmenu ul.sub-menu li a:hover{
	color:#fff;
	background:#083877;
	text-decoration:underline;
}

/* Carousel */
.carousel-caption{
	background:#083877;	
	border:#fff 1px solid;
	left:10%;
	bottom:30%;
	right:60%;
	text-align:left;
	padding:10px;
}

.carousel-caption h4 a{
	color:#fff;
}

.carousel-item img{
	width:100%;
	height:auto;
}

.carousel-control-prev, .carousel-control-next{
	width:10%!important;
}

/* end Carousel */

.home .content{
	padding-top:30px 0 0 0;
}

/* Gallery */
.thumbnail{
	margin-bottom:50px;
	width:32%;
}

.thumbnail img{
	box-shadow: 1px 1px 5px #aaa;
}

.caption{
	position:relative;
	background:#083877;	
	border:#fff 1px solid;
	text-align:center;
	padding:10px;
	margin-top:-66px;
	width:80%;
	left:10%;
}

.caption a{
	color:#fff;
	font-size:14px;
}

/* Widget */

.widget h5.title{
	display:block;
	border-bottom:solid 2px #083877;
	padding:10px 0 0 0;
}

.widget ul{
	margin:0;
	padding:0;
}

.widget li{
	list-style:none;
	border-bottom:solid 1px #eee;
	padding-bottom:5px;
	margin-bottom:5px;
}

.widget .post-date{
	display:block;
	color:#aaa;
	font-size:11px;
}

/* footer */
.footer{
	background:#27313d;
	color:#fff;
}

.footer h4.title{
	color:#fff;
	border-bottom:solid 2px #083877;
	padding:30px 0 0 0;
}

/* page and post */
.post, .page{
	padding:30px 0;
}

.page.title, .cat.title{
	background:#33cccc;
	padding:30px;
	height:250px; 
	padding:0!important;
	background-position: center center; 
	background-size: cover; 
	background-repeat: no-repeat;
}

.page.title h1, .cat.title h1{
	padding:20px; 
	color:#083877;
	background: rgb(255,255,255,0.7);
}


.post .title{
	border-bottom:1px solid #083877;
	padding:30px 0 10px 0;
}

.post .title:first-child{
	padding-top:0!important;
}

.post .title h1 a{
	color:#083877;
}

.post .title h1 a:hover{
	text-decoration:none;
}

.read-more{
	margin-top:10px;
	padding:10px;
	color:#fff!important;
	background:#083877;
}

.content{
	padding:10px 0 0 0;
}

.content a{
	color: #33cccc;
}

.content a:hover{
	text-decoration:underline;
}

.content .post-date{
	display:block!important;
	padding-bottom:30px!important;
}

/* navigation */
.navigation{
	border-top:1px solid #eee;
	padding-top:30px;
	padding-left:auto;
	padding-right:auto;
	margin:auto;
}

.screen-reader-text{
	display:none;
}

.page-numbers{
	padding:10px;
	background:#eee;
}

.page-numbers:hover, .page-numbers.current{
	background:#083877;
	color:#fff;
}

@media (max-width:425px){

.thumbnail{
	margin-bottom:50px;
	width:auto;
}

span.blogdesc{
	white-space:normal;
}

}