/*
Theme Name: Miscarriage Association
Theme URI: http://www.vonschmytt.co.uk/
Description:  Miscarriage Association
Author: Von Schmytt
*/

body {margin: 0; padding: 0; background: #fff url("/wp/wp-content/assets/layout/bg-body.jpg") top center no-repeat; font-family: verdana, arial, sans-serif; font-size: 11px;}

#primary ul {list-style: none; margin: 0; padding: 0;}

a img {border: none;}

/* =Structure
-------------------------------------------------------------- */
#wrapper {margin: 0 auto; width: 960px;}

#branding {height: 135px;}
#branding h1 {margin: 0; padding: 18px 0 0 20px;}
#branding h1 a {display: block; background: url("/wp/wp-content/assets/layout/logo.gif") no-repeat; width: 330px; height: 100px;}
#branding h1 a span {display: none;}

#secondary {position: absolute; top: 5px; left: 480px; width: 460px;}
#secondary ul {margin: 0; padding: 0; list-style: none;}
#secondary li {margin: 0; padding: 0;}
#secondary h3 {float: left;}
#secondary form {float: left;}
#secondary .loginerror {position: absolute; top: 46px; left: 80px; color: #f00;}

#main {clear: both; margin: 0 auto; width: 920px; position: relative; font-size: 13px;}


#content {float: right; width: 690px; color: #00506b}

.home #content {float: left; color: #000;}


.sidebar {float: left; width: 210px; font-size: 13px;}
.subnav {margin-bottom: 20px;}
.subnav h2 {margin: 0; padding: 10px;background: url("/wp/wp-content/assets/layout/bg-sidebar.gif") top left no-repeat; color: #fff; font-size: 16px; font-weight: normal;}
.subnav h2 a {color: #fff;}
.page-id-55 .subnav h2,
.parent-pageid-55 .subnav h2 {font-size: 15px;}
.subnav a {text-decoration: none;}
.subnav ul {margin: 0; padding: 0 5px; list-style: none;}
.subnav ul li {font-weight: bold; padding: 6px 0; border-bottom: 1px solid #ccc;}
.subnav ul ul {padding: 0;}
.subnav ul ul li {font-weight: normal; border-bottom: none; padding-bottom: 0 !important;}
.subnav ul ul ul {padding: 0;}
.subnav ul ul ul li {font-weight: normal; padding-bottom: 0 !important;}


.hp-sidebar {float: right; width: 210px}

.loggedin {position: absolute; top: 15px; left: 0; }

/* =Global Elements
-------------------------------------------------------------- */

.leaflets-col1 {float: left; width: 330px; font-size 12px;}
.leaflets-col2 {float: right; width: 330px;}
.leaflets-col1 p, .leaflets-col2 p {padding: 0; margin: 0;}
.leaflets-col1 a, .leaflets-col2 a {text-decoration: none;}

.leaflet-orange {display: block; padding: 20px 0 20px 50px; background: url("/wp/wp-content/uploads/2011/04/leaflet-orange.jpg")0 -3px no-repeat;}
.leaflet-green {display: block; padding: 20px 0 20px 50px; background: url("/wp/wp-content/uploads/2011/04/leaflet-green.jpg")0 -3px no-repeat;}
.leaflet-blue {display: block; padding: 20px 0 20px 50px; background: url("/wp/wp-content/uploads/2011/04/leaflet-blue.jpg")0 -3px no-repeat;}
.leaflet-purple {display: block; padding: 20px 0 20px 50px; background: url("/wp/wp-content/uploads/2011/04/leaflet-purple.jpg")0 -3px no-repeat;}

.doubleline {padding: 14px 0 14px 50px;}

hr {
	background-color: #e7e7e7;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 18px;
}

/* Text elements */

blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	padding: 1.5em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
textarea {
	background: #fff;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	padding: 2px;
}
a:link {
	color: #00759d;
}
a:visited {
	color: #00759d;
}
a:active,
a:hover {
	color: #00759d;
}

/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}

h1 {font-size: 20px;}


/* =Header
-------------------------------------------------------------- */

#header {position: relative;background: url("/wp/wp-content/assets/layout/bg-header.gif") 0 0px no-repeat;}
#headersearch {position: absolute; top: 140px; right: 28px;}
#headersearch .textbox {
	font-weight: bold;
	color: #888;
width: 145px;
	position: relative; top: -9px; left: 4px;
	border: none;
	padding: 6px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}


.login-pwd {
	font-weight: bold;
	color: #888;
width: 100px;
	position: relative; top: -2px; left: 4px;
	border: none;
	padding: 6px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.login-submit {position: relative; top: 7px; left: -12px;}

.login-text {
	font-weight: bold;
	color: #888;
width: 100px;
	position: relative; top: 0px; left: 4px;
	border: none;
	padding: 6px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


#wp-members {position: relative; top: -16px;}

/* =Footer
-------------------------------------------------------------- */
ul.footer-social{
	clear:both;
	list-style:none;
	margin:20px 0;
	padding:20px 0 0 0;
	text-align:center;	
}
ul.footer-social li{
	display:inline-block;
	margin:0 10px 10px 10px;
}
ul.footer-social li span{
	display:block;
	margin-top:5px;
}
ul.footer-social li a{
	display:block;
	color:#000;
	text-decoration:none;
}
ul.footer-social li a:hover,
ul.footer-social li a:focus{
	text-decoration:underline;
}
#footer {
	clear:both;
	border-top: 1px solid #ededed;
	background: url("/wp/wp-content/assets/layout/logo-footer.gif") 0 30px no-repeat;
	padding: 30px 0 50px 0;
	margin: 0 20px;
	text-align: right;
}

#footer #site-links {font-size: 11px; padding: 0 0 10px 0; color: #00759d;}
#footer #site-links a {text-decoration: none;}

#footer .smallprint {font-size: 11px;}

/* =Menu
-------------------------------------------------------------- */

#access {
	background: #5a99b7;
	display: block;
	float: left;
	margin: 0 0 20px 20px;
	width: 920px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.home .current_page_item a,
.menu a  {
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	position: relative;
}




.page_item a {
	-webkit-border-top-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

#access .menu-header,
div.menu {
	font-size: 13px;
	margin-left: 0px;
	width: 920px;
}
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#access .menu-header li,
div.menu li {
	float: left;
	position: relative;
}
#access a {
	color: #fff;
	font-weight: bold;
	display: block;
	line-height: 38px;
	padding: 0 9px;
	text-decoration: none;
}
#access ul ul {
	font-size: 12px;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(90, 153, 183);
	/* RGBa with 0.6 opacity */
	background: rgba(90, 153, 183, 1);
	box-shadow: 0px 3px 3px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.4);
	display: none;
	position: absolute;
	top: 38px;
	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#access ul ul li {
	min-width: 180px;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: none !important;
	line-height: 1em;
	padding: 10px 0;
	margin: 0 10px;
	width: 160px;
	height: auto;
	border-bottom: 1px solid #bbb;
}

#access ul ul a span {display: none !important;}

#access li:hover > a,
#access ul ul :hover > a {
	background: #00759d;
	color: #fff;
}

#access ul ul :hover > a {
	background: #00759d;
	color: #00526e;
}
#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a,
#access ul li.current_page_ancestor > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #fff;
	background: #00759d;
}

#access ul li.current_page_item a span,
#access ul li.current_page_ancestor a span,
#access ul li.current-menu-ancestor a span,
#access ul li.current-menu-item a span,
#access ul li.current-menu-parent a span {
	background: url("/wp/wp-content/assets/layout/bg-active-nav.gif") bottom center no-repeat; display: block; width: 13px; height: 11px; position: absolute; bottom: -11px; left: 40%;}

* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #fff;
	background: #00759d;
}


/* =Content
-------------------------------------------------------------- */

.meadow {background: url("/wp/wp-content/uploads/2011/05/grass.jpg") no-repeat; width: 690px; height: 595px; position: relative;}

.meadow a {position: absolute;}
.meadow a img {border: none;}

.meadow .message {
box-shadow: 0px 5px 5px rgba(0,0,0,0.5);-moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.5);-webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.5);
padding: 10px; background: #fff; border: 4px solid #ccc; background: rgba(255,255,255,.80); width: 200px; position: absolute; top: 20px; left: 20px;}


.tree {background: url("/wp/wp-content/uploads/2011/05/tree.jpg") no-repeat; width: 690px; height: 595px; position: relative;}
.tree a {position: absolute; z-index: 1;}
.tree a img {border: none;}

.tree .message { z-index: 0;
box-shadow: 0px 5px 5px rgba(0,0,0,0.5);-moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.5);-webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.5);
padding: 10px; background: #fff; border: 4px solid #ccc; background: rgba(255,255,255,.80); width: 190px; position: absolute; top: 20px; right: 20px; }


/* =Personal Reflections
-------------------------------------------------------------- */
ul.personal-reflections{
	list-style:none;
	padding-left:0;
	margin:0;
}
ul.personal-reflections li{
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
}
ul.personal-reflections h3{
	font-size:1em;
	margin-bottom:0;
}
ul.personal-reflections p{
	margin-bottom:10px;
}
ul.anchor-links{
	list-style:none;
	margin:0 0 20px 0;
	padding:0;
}
ul.anchor-links li{
	display:inline-block;
	padding:5px 10px 5px 0;
	border-right:1px solid #ccc;
	margin-right:10px;
}

/* =More information boxes
-------------------------------------------------------------- */
.more-information{
	margin:20px 0;
	padding:20px;
	background:#f5f5f5;
	border:1px solid #ddd;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.more-information h4{
	margin:0;
}
.more-information ul{
	margin-bottom:0;
}


/* =Tag cloud
-------------------------------------------------------------- */
.tag-cloud{
	margin-bottom:20px;
}


/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}
#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}


/* =Misc 
-------------------------------------------------------------- */

.hp-intro {color: #00506b; padding-bottom: 5px;}

.section-support {background: #ededed; padding-bottom: 10px;}

.section-info{ overflow:hidden; }
.section-support{ margin-top:20px; overflow:hidden; }
.section-info h2,
.section-support h2 {background: #5a99b7; padding: 8px; color: #fff; margin-top:0;}
.section-info h2{ margin-top:20px; }
.section-right {float: right; width: 430px;margin-right: 20px;}
.section-left {float: left; width: 170px; margin-left: 20px;}
.section-right p {padding-top: 0; margin-top: 0;}
.section-right ul {color: #00759d; margin: 0; padding: 0 0 0 15px;}
.section-right li {padding: 3px 0;}

.clear {clear:both;}

.hp-quicklinks,
.hp-news {background: url("/wp/wp-content/assets/layout/bg-quicklinks.jpg") bottom left no-repeat; padding-bottom: 20px; margin-top: 20px;}

.hp-quicklinks h2,
.hp-news h2 {background: url("/wp/wp-content/assets/layout/bg-quicklinkstop.gif") top left no-repeat; color: #fff; padding: 6px 10px; margin: 0 0 5px 0;}
.hp-quicklinks ul {list-style:none; margin: 0; padding: 0;}
.hp-quicklinks li {margin: 0 10px; padding: 7px 0; border-bottom: 1px solid #ccc;}
.hp-quicklinks li a {text-decoration: none; font-size: 12px;background: url("/wp/wp-content/assets/layout/arrow-quicklink.gif") 0 50% no-repeat; padding-left: 15px;}
.hp-quicklinks li.last { border-bottom: none;}

.hp-news-body {padding: 5px 10px;}
.hp-news p {padding: 0;margin: 5px 0 0 0;}
.hp-news {margin: 5px 0 10px 0;}

.donate-left {float: left; width: 50%;text-align: center;}
.donate-right {float: right; width: 50%; text-align: center;}

.donate-left h2, .donate-right h2 {font-size: 16px;}

.contact-left {float: left; width: 280px;}
.contact-right {float: right; width: 340px;}
.contact-right input[type=text] {padding: 4px;}
.contact-right textarea {width: 330px; height: 120px; border: 1px solid #ccc !important;}

/* Fix editor bug in admin */
#wp-content-editor-container .wp-editor-area{
	color:#000!important;
}

/* =Print Style
-------------------------------------------------------------- */

@media print {
	body {
		background: none !important;
	}
	#wrapper {
		clear: both !important;
		display: block !important;
		float: none !important;
		position: relative !important;
	}
	#header {
		border-bottom: 2pt solid #000;
		padding-bottom: 18pt;
	}
	#colophon {
		border-top: 2pt solid #000;
	}
	#site-title,
	#site-description {
		float: none;
		line-height: 1.4em;
		margin: 0;
		padding: 0;
	}
	#site-title {
		font-size: 13pt;
	}
	.entry-content {
		font-size: 14pt;
		line-height: 1.6em;
	}
	.entry-title {
		font-size: 21pt;
	}
	#access,
	#branding img,
	#respond,
	.comment-edit-link,
	.edit-link,
	.navigation,
	.page-link,
	.widget-area {
		display: none !important;
	}
	#container,
	#header,
	#footer {
		margin: 0;
		width: 100%;
	}
	#content,
	.one-column #content {
		margin: 24pt 0 0;
		width: 100%;
	}
	.wp-caption p {
		font-size: 11pt;
	}
	#site-info,
	#site-generator {
		float: none;
		width: auto;
	}
	#colophon {
		width: auto;
	}
	img#wpstats {
		display: none;
	}
	#site-generator a {
		margin: 0;
		padding: 0;
	}
	#entry-author-info {
		border: 1px solid #e7e7e7;
	}
	#main {
		display: inline;
	}
	.home .sticky {
		border: none;
	}
}

.mobile-content {display: none;}

.entry-content .loggedin {position: static}

@media (max-width: 600px) {

	.mobile-content {display: block;}
	#site-links .mobile-content {display: inline;}

	.desktop-content {display: none;}

	#content {float: none !important}


	body {background: #fff;}
	#wrapper {width: 100%; overflow: hidden; min-width: 320px;}

	#header {		
		background: none;
		height: auto;
	}

	#branding {height: auto;}
	#branding h1 {padding: 10px;}
	#branding h1 a {
	    background: none;
	    width:55%;
	    height: auto;
	}

	#branding h1 a img {width: 100%; height: auto;}


	.headerbar img {width: 100%; height: auto;}
	.headerbar div {
		width: 50%;
		float: left;
	}

	.headerbar > a {		
		float: right;
		width: 50%;
		display: block;
	}

	#access {
		position: static;
		background: none;
		width: 100%;
		margin: 0;
	}

	#access .skip-link {
		background: url('images/mobile/menu.png') no-repeat;
		background-size: auto 100%;
		display: block;
		width: 111px;
		height: 29px;
		position: absolute;
		left: auto;
		right: 10px;
		top: 25%;
	}

	#access .skip-link a {
		display: block;
		width: 111px;
		height: 29px;
	}


	#access .menu-header, div.menu {display: none; width: 100%; background: #00769e; position: relative; top: -2px;}

	#access .menu-header li, div.menu li {float: none;}

	div.menu > ul {text-align: center;}

	div.menu > ul > li {position: relative; border-top: 1px solid #81afd0;}
	div.menu > ul > li:before {
		content: "";
		position: absolute;
		width: 50px;
		height: 50px;
		top: -5px;
		right: 0%;
		z-index: 1;
		background: url('images/mobile/menu-arrow.png') 50% no-repeat;
		transform: rotate(0deg);
		transition: transform 0.2s ease-in;
	}

	div.menu > ul > li:nth-child(1):before,
	div.menu > ul > li:nth-child(5):before {
		background: none;
	}
	

	div.menu > ul > li:hover:before {
		transform: rotate(90deg);
	}

	div.menu > ul > li a {
		font-weight: bold; font-size: 16px;
	}
	
	#access ul ul {
	    font-size: 14px;
	    background: rgb(90, 153, 183);
	    box-shadow: none;
	    display: none;
	    position: static;
	    float: none;
	    width: 100%;
	    z-index: 99999;
	    border-radius: 0 !important;
	}

	#access ul ul a {
	   line-height: 1em;
	    padding: 10px 0px;
	    margin: 0px;
	    width: 100%;
	    height: auto;
	    border-bottom: none;
	}

	#access ul ul li {border-bottom: 1px solid #81afd0;}

	#access ul ul li:last-child {
	  
	    border: none;
	}

	#access ul ul ul,
	#access ul ul ul {display: none !important;}



#access ul li.current_page_item a span,
#access ul li.current_page_ancestor a span,
#access ul li.current-menu-ancestor a span,
#access ul li.current-menu-item a span,
#access ul li.current-menu-parent a span {
	background: none !important;
}

.search .entry-title,
.search .page-title,
.blog .entry-title,
.blog .page-title,
.single .entry-title,
.archive .entry-title {padding: 0 20px;}
.archive .page-title {padding: 20px 20px 0 20px;}

.entry-content,
.entry-utility,
.archive .entry-summary {padding: 0 20px !important;}

.home .entry-content {padding: 10px 0 !important;}

.search .navigation,
.blog .navigation {padding: 0 20px; margin: 0 0 20px 0;}
.single .navigation,
.archive .navigation {padding: 20px 20px 0 20px; margin: 0 0 20px 0;}

.responsive-nav {
	width: 94%; 
	text-align: center;
	background: url('images/mobile/dropdown-arrow.png') no-repeat 98% 50%,
				url('images/mobile/dropdown-nav.png');
	background-size: auto, cover;
	padding: 8px 3%;
	margin: 0 auto;
	font-size: 16px;
	border: none;
	font-weight: bold;
	color: #11739a;
}

	#footer {
		background: #00769e;
		color: #fff;
		border: none;
		margin: 0;
		padding: 0;
		text-align: center;
	}

	#footer a {color: #fff;}
	#footer #site-links {color: #fff; padding: 10px 0;}
	#footer .footerfacebook {font-size: 18px; font-weight: bold; padding-top: 10px;}
	#footer .footerfacebook a {
		text-decoration: none;
		background: url('images/mobile/facebook.png') no-repeat 100% 50%;
		background-size: auto 100%;
		padding-right: 40px;
	}

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

	.hp-intro {
		color: #11739a;
		text-align: center;
		font-weight: bold;
		font-size: 13px;
		padding: 0 20px;
	}

	#main {width: 100%;}
	
	.entry-content {padding: 10px;}

	.donate-left, .donate-right, .wp-caption {width: 100% !important; float: none;}

.mobileform p {font-size: 14px; padding: 15px 0 5px 20px; margin: 0;}
.mobileform p strong {color: #666;}

.wpmem_login table {margin: 0 auto; width: 100%;}
.wpmem_login table tr,
.wpmem_login table td {text-align: center;}

.mobile-content.backtotop {
	text-align: right;
	padding: 20px;
}

.mobile-content.backtotop a {
	text-decoration: none;
	padding: 10px 25px 10px 0px;
	background: url('images/mobile/back-to-top.png') no-repeat 100% 50%;
	background-size: 20px;
}

	.section-left,
	.section-right {float: none; width: 100%; margin: 0; padding: 0;}

	.section-right p {padding: 0 20px;}

	.section-right ul {padding: 0 20px; margin: 0 20px;}

	#content, .hp-sidebar {width: 100%; float: none;}
	.hp-sidebdar > p {display: none;}

	.hp-quicklinks, .hp-news-body, .hp-news, .section-support {background: none;}
	.hp-quicklinks h2, .hp-news h2 {background: #589ab4;}
	.hp-news {padding: 0 10px;}

	.homeinfo {
		border-top: 3px solid #5d99bd;
		margin: 0 10px;
	}
	.hp-news-body > p:nth-child(4) > a:nth-child(1) > img:nth-child(2) {margin: 15px auto 0 auto;}

	.section-info {margin-bottom: 20px;}
	.section-info h2, .section-support h2 { margin: 0; }
	.section-support img,
	.section-info img {width: 100%; height: auto;}

	.search .status-publish {padding: 0 15px !important}


	#mobilenav {padding: 0 0 20px 0; position: relative; text-align: center; color: #fff; display: none; background: #00769e; position: relative; top: -2px; border-top: 1px solid #81afd0;}
	#mobilenav form {margin: 20px auto; width: 80%; position: relative;}
	#mobilenav input.textbox {margin: 0 auto; padding: 9px 3%; width: 94%; font-size: 16px;}
	#mobilenav input[name=image] {width: 25px; height: 33px; position: absolute; top: 4px; right: 5px;}
	#mobilenav h3 {font-size: 18px; margin: 0; padding: 0; font-weight: 400;}
	#mobilenav h3 span {font-weight: 600; display: inline;}
	#mobilenav p {margin: 0; padding: 3px 0; font-size: 16px;}
	#mobilenav p a {margin: 0; padding: 0; display: inline; line-height: 1em; font-size: 12px;}
	#mobilenav p a b {
		font-size: 20px;
		font-weight: bold;
		text-decoration: none;
		background: url('images/mobile/facebook.png') no-repeat 100% 50%;
		background-size: auto 100%;
		padding-right: 40px;
	}

	.contact-right, .contact-left,
	.leaflets-col1, .leaflets-col2 {
		width: 100%;
		float: none;
		clear:both;
	}

	/* temp */
	.hp-quicklinks, #secondary, #headersearch  {display:none;}


	/* Perm */
	.section-support > p,
	.section-info > p,
	.hp-quicklinks {display:none;}

}