/*
  Theme Name: MABANGO THEME
  Theme URI: http://webnerdtz.com
  Description: A theme
  Author: Benjamin Kisaki
  Author URI: http://webnerdtz.com
  Version: 0.1
*/
html{
	background:#516974;
}

body{
	background:#fff;
}
.intro
{
	background-image:url(mabango.jpg);
	background-repeat: no-repeat;
	background-size:cover;
    text-align: center;
    padding-top: 10%;
    padding-bottom: 13%;
    margin-bottom: 10px;
}

.intro h1
{
    font-weight: 900;
    text-transform: uppercase;
}

.intro h5
{
    text-transform: uppercase;
    background-color: #f5f5f5;
    padding: 10px;
    color: #333333;
    display: inline-block;
    font-size: 1.2rem;
}

.bango{
	overflow:hidden;
	padding:10px 5px;
	border: thin solid #ddd;
	margin:10px 0px 20px 0px;
}
.bango-vote-box{
	float:right;margin:3px;
}
.bango-vote-box a:hover{
	background:#eee;
	border-radius: 10px;
}

.bango-message-box{
	margin:3px;
}
.bango-message-intro{
	padding:2px;
	border-bottom: thin solid #eee;
	margin-bottom: 10px;
	overflow:hidden;
}

.bango-type{
	font-size:16px;
	padding:10px;
	color:white;
}

.bango-message-text{
	font-size:18px;
}

@media (min-width:320px) and (max-width:360px){
	.intro h1{
		display:none;
	}
	.bango-type{
		font-size:14px;
		padding:10px;
		color:white;
	}

	.bango-message-text{
		font-size:14px;
	}
	#tags{display:none;}
}

@media (min-width:992px) {
    #aside {
        width:250px;
    }
}

@media (max-width:992px) {
    #aside.pinned, #aside.pin-bottom {
        position:static !important;
        top: auto !important;
    }
}

#admin-bar{
	padding:5px 0;
	color:#fff;
}

#admin-bar a{
	color:#fff;
}
#admin-bar a:hover{
	text-decoration: underline;
}