/* -- Header -------------------------------------------------------------------------------------------------------------- */
header#site-header .site-branding {
    height:125px;
}
header#site-header h1 {
    height: 50px;
    width: 220px;
    margin: 0;
    top: 18px;
    left: 0;
    background-repeat:no-repeat;
    background-size: 220px 44px;
}
.site-title a {
    height:50px;
}
header#site-header{
	text-align: center;
	margin-bottom: 30px;
}
header#site-header h1.site-title{
	max-width: 100%;
	width: 100%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
header#site-header h1.site-title a{
	max-width: 100%;
	width: 100%;
}
header#site-header .social{
    position: relative;
    right: auto;
    padding: 10px 0;
    text-align: center;
    top: 20px;
    width: 100%;
    height: 50px;
}
header#site-header .social p{
	display: inline-block;
	line-height: 24px;
	padding-right: 10px;
	margin: 0;
	vertical-align: middle;
}
header#site-header .social a{
	vertical-align: middle;
}
header#site-header #topcontactbox {
    display:none;
}
/* -- Main Menu -------------------------------------------------------------------------------------------------------------- */
header#site-header nav{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 90%;
	height: 100%;
	margin: 0;
	margin-left:-90%;
	background: #515a65;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
header#site-header .toggle {
	display: block;
}
header#site-header .toggle button {
	width: 32px;
	height: 32px;
	background: #515a65 url(../img/mobile-icon-menu.png) no-repeat center center;
	display: block;
	cursor: pointer;
	position: absolute;
	right: -30px;
	top: 25px;
	border: none;
	text-indent: -999px;
	overflow: hidden;
	padding: 18px;
	-webkit-border-radius: 0 10px 10px 0;
	-moz-border-radius: 0 10px 10px 0;
	border-radius: 0 10px 10px 0;
}
header#site-header .toggle button:focus{
	outline: none;
}
header#site-header nav.open {
	margin-left: 0;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
header#site-header nav:before {
	content: "Menu";
	display: block;
	font-size: 1.5em;
	padding: 1em 0.7em;
	text-align: left;
}
header#site-header nav li {
	width: 100%;
	border: none;
}

header#site-header nav ul li {
    height:auto;
}

header#site-header nav li a{
	border-bottom: #3a4149 solid 1px;
	border-top: #6b7582 solid 1px;
	display: block;
	padding: 0.8em 1em;
	text-align: left;
	font-weight: normal;
	font-style: normal;
	background: #515a65;
}
header#site-header nav li .sub-menu {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
    top:auto;

}
header#site-header li .sub-menu li,
header#site-header .team-nav .sub-menu,
header#site-header .team-nav .sub-menu li {
	width: 100%;
	display: block;
}
header#site-header li .sub-menu li a{
	border-bottom: #3a4149 solid 1px;
	border-top: #6b7582 solid 1px;
	display: block;
	padding:0 0 0 2em;
	text-align: left;
	font-weight: normal;
	font-style: normal;
	background: #515a65;
	text-indent: 15px;
	width:100%;
}

header#site-header nav li .sub-menu li a:before{
	content: "» ";
}
header#site-header nav li .sub-menu li a:hover{
	background: #bd6c06;
	text-decoration: none;
}
header .menu-main-menu-container {
    padding:0;
}
/* -- Content + Main -------------------------------------------------------------------------------------------------------------- */
#content{
	padding: 1.8em 1.5em;
}
.site-main{
	width: 100%;
	float: none;
}
header.page-header a.author-link {
	position: relative;
	margin-bottom: 15px;
	top: auto;
}


article.sticky .entry {
	position: relative;
}
img{
	height: auto;
}

/* -- Sidebar -------------------------------------------------------------------------------------------------------------- */
#sidebar{
	width: 100%;
}
#sidebar .advert{
	float: right;
}
@media screen and (max-width: 449px){
	#sidebar .main{
		width: 100%;
        float:none;
	}
	#sidebar .advert{
		float: none;
	}
}

@media screen and (max-width: 350px) {
	iframe {
		height:200px !important;
	}
}

@media screen and (min-width: 351px, max-width:450px) {
	iframe {
		height:300px !important;
	}
}

/* -- Listings -------------------------------------------------------------------------------------------------------------- */
article.col2{
	width: 100%;
	padding: 0 !important;
}
article.col2 .thumb {
	text-align:center;
	width:100%;
	height:auto;
}

/* -- Sidebar -------------------------------------------------------------------------------------------------------------- */
#sidebar aside#text-5 img{
	max-width: 50%;
	float: left;
}
#sidebar aside#text-4 img{
	max-width: 50%;
}