html, body {height:100%;}
/*General*/
strong {font-weight:normal;}
div.content-nav h5 a {font-family: "texgyreheroscnbold";}
.full-width {width:100%; padding:30px 0}
.grey {background: #ededed}
.blue {background: #6491c0}
	.blue h6, .blue p, .blue a {color: #fff}
	.blue span, .blue span a {color: #fedc00}
.pad {padding: 30px 15px 15px 30px;}
div.box-blue a.go-link {color: #fedc00;font-family: "texgyreheroscnbold"; font-size:1.18em; background:url(images/quicklink.png) right 15px center no-repeat; width:100%; height:60px; display:block; transition:all 1s; padding:15px 0; margin-top: -10px}
div.box-blue h2 {color:#fff; margin-bottom:30px}
div.box-blue h2:first-child {margin-top:0}
div.box-blue.inmem{margin-top:20px}
div.box-blue.inmem h2{color: #fedc00;margin-bottom:-20px}
div.box-blue.inmem a{font-size: 0px}
div.box-blue.inmem img{width:210px}
div.box-dark-blue {background:#004a80; margin-bottom:20px; min-height:244px;}
div.box-blue {min-height:200px;}
div.box-dark-blue p, div.box-dark-blue a, div.box-dark-blue h2 {color:#fff}
div.box-dark-blue h2 {margin-top:10px; margin-bottom:20px;}
div.col-xs-4 img {max-width: 100%}
div#mobilenav {background:#004a80; padding:20px 10px; overflow-y:auto; position:fixed; top:0; left:0; z-index:2000; width:100%; height:100%;}
h2.featured-title { margin-bottom: 15px; }
.link-icon {font-family: "texgyreheroscnbold"; color: #fedc00; text-align:right; background-image: url('images/link-icon.png'); padding-right: 70px; background-repeat: no-repeat; background-position: right center}
.row-full {margin-left: -30px; margin-right: -30px}
.mobileonly {display: none !important}
input[type="text"] {border-collapse:collapse; border:none; height:42px; line-height:42px;}
#contour input.text, #contour input.title, #contour textarea, #contour select, .contour input.text, .contour input.title, .contour textarea, .contour select { border: 2px solid #dddddd!important; }
blockquote {color:#004a80; font-family: "texgyreheroscnbold"; font-size:1.75em; border-left: 5px solid #b4cde6;}
blockquote em {font-style:normal;}
blockquote p {color:#004a80; font-family: "texgyreheroscnbold"; }

/* donation */
#make-donation .validation-summary-errors ul{margin-bottom:35px}
#make-donation .validation-summary-errors ul li{color: #b74040 !important;color: #b74040 !important;margin-bottom: 0;font-family: 'texgyreherosregular';font-size: 16px;background: none;padding-left: 3%;min-height: 0;line-height: 18px;}
#make-donation .select-wrapper{padding:0;}
#make-donation select.custom-select{padding:0;width: 58%;margin-left: -2%;color:#000;width: 57%;color: #000;margin: 0;}
div#make-donation form div.donatewrap div span.field-validation-error { float: left; color: #b74040 !important; margin-bottom: 10px; clear: left; text-align: right; width: 100%; padding-right: 3%; font-family: 'texgyreherosregular';font-size: 16px;}
div#make-donation form div.donatewrap div span.field-validation-error span { color: #b74040 !important; }
#make-donation .termsandconditions a { color: #d0e2f5 !important; }
input[name="AcceptTerms"] + span.field-validation-error { margin-top: 10px; }
#tabs,#tabs .ui-widget-content{width:100%;padding:0;border:0}
#tabs ul {padding: 0;width: 100%;float: left;border: 0;}
#tabs ul li{font-size: 1.5em;margin: 0;background: #004a80!important;width:50%;float:left;padding:0;border:0}
#tabs ul li a{display:block;width:100%;padding: 10px 3%;color:#fedc00!important;font-family: 'texgyreheroscnbold';}
#tabs .donatewrap{padding-top:20px}
#tabs .ui-state-active a{color:#fff!important}
#tabs .ui-state-active{background:#7ea4cb!important}
#tabs .donatewrap_outer{padding: 0 20px 20px;}
#tabs .donatewrap_inner{padding:40px;border: solid 1px #9cb9d7}
#tabs .donatewrap_inner h2{margin: 0 0 20px ;color: #fedc00}
#tabs .donatewrap_inner a{color:#d0e2f5!important}
#tabs .donatewrap_inner a:hover{color:#ffffff!important;opacity:1}
#tabs .donatewrap_inner p{margin-bottom:20px;font-size: .9375em;line-height: 28px;}
#tabs .donatewrap_inner p:last-child{margin-bottom:0px}
#tabs a.downloadForm { min-width: 60%;float: right;background-color: #e30885;color: #fff!important;border: none;font-size: 1.5em; font-family: "texgyreheroscnbold";padding: 10px 0;margin: 0 3% 3%;text-align:center}


/*Header*/
p#call-us {color:#337ab7; font-size:1.75em; font-family: 'texgyreherosbold'; position:absolute; right:295px; top:14px; padding-left:150px; text-align: right; line-height:30px; max-width:590px;}
p#call-us a {font-family: 'texgyreherosbold'; color: #779ec8}
p#call-us a:hover{color: #23527c}
a.donate {color:#fff; line-height:21px; background:#db218b; width:130px; text-align:center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  padding:18px 0; border:none; top:15px; right:153px; position:absolute; font-size:1.31em; font-family: 'texgyreheroscnbold';}
a.donate:hover {background:#df3796; opacity:1;}
a.joinbtn {color:#fedc00; line-height:21px; background:#6491c0; width:130px; text-align:center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  padding:18px 0; border:none; top:15px; right:15px; position:absolute; font-size:1.31em; font-family: 'texgyreheroscnbold';}
a.joinbtn:hover {background:#739cc6;}
div#nav {width: 1260px}
div#nav ul {margin-right: 22px}
.fa.fa-search {position: absolute;right: 13px;top: 19px; cursor: pointer}
div#nav > ul > li > ul {height: 340px !important}

/* Search section */
div.search-wrapper {width: 0; height: 61px; padding:10px; background-color: #6491c0; display: block; position: absolute; right: 0; max-width: 100%; transition: all 0.5s; opacity: 0; overflow: hidden}
div.search-wrapper form {width: auto; clear: none;}
div.search-wrapper input[type = "text"] {padding: 0 10px!important; width: 0px; max-width: 90%; float: left; transition: all 1s; position: absolute; border:none;}
div.search-wrapper button {border: medium none;display: none;height: 40px;right:2px;position: absolute;top: 10px;width: 40px; background: none}
button .fa.fa-search {color: #fedc00;left: 8px;top: 8px}
div.search-wrapper a.close {width: 28px; height: 28px; display: block; background-image: url('images/close-search.png'); float: left; margin: 6px 15px 5px 5px; opacity: 1}

/*Icons*/
.fa-search {color:#fff; font-size:1.5em; position:relative; top:-3px}
	.fa-search:hover {color:#fedc00}
.fa-map-marker {color:#fedc00; font-size:2.62em; position:relative; top:-2px; margin-right: 10px; margin-left: 5px; display:inline-block;}
	
/*Slides*/
a.cycle-next {background: rgba(0, 0, 0, 0) url("images/featured-link.png") repeat scroll 0 0;bottom: 25px;display: block;height: 54px;position: absolute;right: 13px;width: 54px;z-index: 999}
a.cycle-next:hover {opacity:0.8;}
#news-slider {margin-top:15px; margin-bottom:30px; padding-bottom:20px;}
div#banner, .slide {height: 45vh; min-height: 380px;}
#content-banner .slide {height: 35vh; min-height: 280px;}

.in-slide-content {width:53%;position:relative;z-index:999; left:7%;}
.in-slide-content h1 {color: #6491c0; font-family: 'texgyreherosbold'; font-size:3.87em; line-height:54px; margin:75px 0 25px 0;}
.in-slide-content p {color: #ffffff; font-size:1.18em; line-height:26px; margin-bottom:40px;}
.in-slide-content a.bannerLink {color:#fff; background:#004a80; border:none; padding:9px 25px; font-family: 'texgyreheroscnbold'; font-size:1.12em; border-radius:3px; margin-bottom:15px}
div#custom-pager, div.cycle-story-pager, div.cycle-content-pager {margin-bottom: -27px;position: relative;text-align: center;top: -45px;z-index: 999}
	div.cycle-story-pager, div.cycle-content-pager {top: 0; margin-bottom:20px}
	div#custom-pager strong, div.cycle-story-pager span, div.cycle-content-pager span {width:12px; height: 12px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background:#fff; margin:0 5px; display:inline-block}
		div.cycle-story-pager span, div.cycle-content-pager span {background:#d4d7d9; cursor:pointer}
		div#custom-pager strong a, div.cycle-story-pager span, div.cycle-content-pager span {font-size:0}
			div#custom-pager strong.cycle-pager-active, div.cycle-story-pager span.cycle-pager-active, div.cycle-content-pager span.cycle-pager-active {border: 5px solid #004a80; width:20px; height: 20px}

div#news-slider div.cycle-pager {margin-top:0px;}
div#news-slider li {list-style: none}




div.newsarticle .latest-news-image {
    background-position: center center !important;
    background-size: cover !important;
    height: 100%;
}



.thank-you-slide {background:url(images/headers-main/thank-you.jpg) bottom center no-repeat #f5f1e0; background-size:contain}
div#stories {position: relative; height:430px; padding:30px 0; margin-bottom:10px}
div#stories ul {padding-left: 0}
	div#stories .slide {list-style: none; height:400px;}
	div#stories .slide .story-image-panel {width: 600px; float: left; margin-bottom: 6px}
	div#stories h5 {background:#004a80; max-width:40%; padding:15px; position:absolute; bottom:0; z-index:999; margin-bottom: 0}
	div.story-side-panel {width:580px; height:100%; background:#fff; float:left; padding:10px 0 0 50px;}
		div.story-side-panel h2 {font-size:2.31em}
		div.story-side-panel a {padding:12px 25px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#fedc00; background:#6491c0; font-size:1.12em; border:none; font-family: 'texgyreheroscnbold'; position: relative; top: 20px}
			div.story-side-panel .fa-quote-left, div.story-side-panel .fa-quote-right {color: #6491c0; font-size:1em; position:relative}
			div.story-side-panel .fa-quote-left {top: -10px}
	li.first-story, li.second-story, li.third-story {background:url(images/main-articles/survivor-slides/david-story.jpg); background-size:cover}
div#stories div.cycle-slideshow {width:100%}
a.cycle-next-story {background: rgba(0, 0, 0, 0) url("images/featured-link.png") right no-repeat;bottom: 9px;display: block;height: 54px;position: absolute;right: 13px;z-index: 999; padding-right: 65px; padding-top: 11px; color: #6491c0; font-family: "texgyreheroscnbold"; font-size:1.187em}
a#cycle-next-banner {background: rgba(0, 0, 0, 0) url("images/arrow_white-right.png") no-repeat right / contain;width:34px;height: 34px;position: absolute;right: 15px;z-index: 999; top:50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%) }
a#cycle-prev-banner {background: rgba(0, 0, 0, 0) url("images/arrow_white-left.png") no-repeat right / contain;width:34px;height: 34px;position: absolute;left: 15px;z-index: 999; top:50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%) }
.arrows{position:absolute;width: 300px;bottom: 35px; left:50%;transform: translate(-50%,0);-webkit-transform: translate(-50%,0);}
form#story-filters {width:70%}
form#story-filters .col-xs-6 {padding-right:0;}
#story-list-content .custom-pager ol {margin: 16px auto;}
#story-list-content a.pagenext {right:10px;}
#story-list-content a.pageprev {left:10px;}

/*Support Finder*/
form .find-support {margin: 13px 35px 20px 35px; width:95%}
form .find-support label {color:#fff; font-size:1.5em}
form .find-support input {font-family: 'texgyreheroscnbold'; padding:0 15px; font-size:1.12em; width:430px; margin-left:15px; border:none; float:none;}
form .find-support button {background: none; border:none; color:#fff; font-family: 'texgyreheroscnbold'; font-size:1.5em; float:none; padding-top:7px;}
div#quick-help-links {background:#6491c0; display:inline-block; width:100%; border-top:1px solid #749cc6; padding:8px 15px 3px 15px;}
div#quick-help-links div {border-right: 1px solid #749cc6}
div#quick-help-links div:last-child {border-right: none}
div#quick-help-links div p {color:#fff; font-size:1.87em; margin-right:15px; font-family:"texgyreheroscnbold"; height:60px; padding:20px 15px}
div#quick-help-links div a {color:#fff; font-size:1.18em; margin-right:15px; font-family:"texgyreherosbold"; background:url(images/quicklink.png) right 20px center no-repeat; width:100%; display:block; transition:all 1s; height:80px; padding:5px 90px 15px 15px}
div#quick-help-links div a:hover {opacity:0.8;}
.local-headway .fa-refresh input[type="submit"] {margin-top:-4px;}

/*BIAM cta */
.biam-cta {background: #6491c0 url("/css/images/and-me.png") no-repeat no-repeat 95% 100%; ; padding-bottom:50px; padding-top:35px;}
.biam-cta .container-fluid {display:table;}
.biam-cta .container-fluid .col-xs-6 {display:table-cell; float:none; vertical-align:middle;}
.biam-cta h2  {color: #fedc00; margin-bottom:20px;}
.biam-cta .button {
    background-color: #db218b;
    border-radius: 5px;
    box-shadow: -4px 4px 0 rgba(0, 0, 0, 0.1);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "texgyreheroscnbold";
    font-size: 24px;
    padding: 10px 25px;
    width: auto;
	margin-right:20px;
	margin-bottom:10px;
}
.biam-cta img {max-width: 90%; height: auto;}
a.sharelink {color:#fff; font-family: "texgyreheroscnbold"; font-size: 20px; display:inline-block;}
a.sharelink:hover, .biam-cta .button:hover {opacity: 0.8;}
a.sharelink:after {
    content: "";
    font-family: "FontAwesome";
    font-size: 140%;
    margin-left: 8px;
	color:#bfd2e5;
    text-shadow: 4px 4px rgba(0, 0, 0, 0.1);
}

			
/* Footer */
#footer .row:first-child div {padding:10px 0}
#footer p, #footer a {font-family:"texgyreherosbold"}
span.big-text {font-size:1.75em; color:#fff; font-family:"texgyreheroscnbold"}
#footer span a {font-size:1.25em}
#footer h6 {display: inline; font-size:1.75em; font-family:"texgyreheroscnbold"}
#footer div.container-fluid div.row:first-child {border-bottom:1px solid #86a9ce}
#footer div.container-fluid div.row:first-child p, #footer div.container-fluid div.row:first-child h6 {display: inline-block; margin-top: 0; padding-top: 13px}
#footer a.donate {float: right; font-family:"texgyreheroscnbold"; font-size:1.5em; margin: 6px 0 0 0; padding: 15px 0; position: relative; top: 0; right:0}
#footer a.donate:hover {background:#dd2c91; opacity:1;}
#footer div.social {padding-left: 30px;}
#footer div.social a {font-family:"texgyreheroscnbold"}
#footer div.social .social-number { color: #fff; }
#footer div.social div {margin-left: 15px}
#footer div.contact-details {margin:0}
#footer div.contact-details p {font-family: "texgyreheroscnregular"; line-height:22px; margin-bottom:0}
#footer div.contact-details h6 {font-size:2.5em; font-family:"texgyreherosbold"}
div#footer {padding:0;}
#footer p {margin-bottom:0;}
div#footer .row {padding:18px 0;}
#footer div.container-fluid div.row div:First-child {border-right:1px solid #7aa1c9; width:50%; padding-left:15px}
div.donation {padding-left: 3%}
div#footernav {margin-top: 15px}
.subscribe-button {background-color: #004a80; padding: 10px 35px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-family: "texgyreheroscnbold" !important; margin-left: 15px; font-size:1.12em}
#footer .container-fluid .row .col-xs-6:first-child p:first-child {margin-bottom: 0}
#footer .container-fluid .row .col-xs-6.fall.donation {padding-top: 27px; padding-right:15px; padding-left:30px;}
#footer span.big-text + span {color:#ffffff;}


/* Bottom - below blue footer */
#bottom {clear: both}
div#footernav {padding-left: 0; border-right:none; position:relative; top:5px}
div#footernav ul li {padding-right: 19px}
div#footernav ul li:last-child {padding-right: 0}
div#footernav ul li a {color:#6491c0; font-size:.81em}
div#footernav p {color: #909090; position: relative; top:10px; font-size:.81em;}

/*Sponsors logo*/
.sponsors-link {margin-top:10px;}
.sponsors-link h2 {background:#004a80; color:#ffffff; font-size:1.31em; line-height:28px; margin:0; padding:12px 20px; width:100%; float:left;}
.sponsors-logo {background:#ffffff; border:10px solid #f2f2f2; padding:15px; width:100%; float:left;}
.sponsors-logo img {margin:0 auto; max-width:100%; height:auto;}
#bottom div.sponsors p {color: #6491c0; font-family: "texgyreheroscnbold"; font-size:1.75em; padding:10px 20px; display:inline-block; float:left}
#bottom .sponsors-link {margin-top:0;}
#bottom .sponsors-link h2 {display:none;}
#bottom .sponsors-logo { border:none; padding:0; width:auto; float:none;}
#bottom .sponsors-logo img {margin:0;}
.main-content .sponsors-link {display:none;}

/* Left Navigation */
.content-nav ul li {height: auto}
div.content-nav > ul {clear: both}
/*.deeper {height: auto !important}*/
.closedimportant {height: 0 !important}
/*ul.level-4.closedimportant {height: auto !important}*/
#mobilenav ul.level-4.closedimportant {height: 0 !important}
div.content-nav > ul > li {border-bottom: none !important}
/*div.content-nav ul li ul {position: relative; top:-5px; float: left; width: 100%}*/
div.content-nav ul li ul li span {top:7px}
div.content-nav ul li ul li ul {position:relative; left:-20px; width:calc(100% + 85px); height: auto; top: 20px}
div.content-nav ul li ul li ul li:last-child {padding-bottom: 25px !important}
div.content-nav ul li ul li ul li ul {position: relative; top: 20px}
div.content-nav ul li ul li ul li ul li {height: auto !important}
div.content-nav ul li ul li ul li ul li:last-child {padding-bottom: 10px}
div.content-nav ul li ul li ul li ul li.current {background:url("images/active-content.png") no-repeat transparent !important; background-color:#8aafd6 !important; background-position:top 10px left 15px !important}
.contentrelated {display:none;}

/* Mobile navigation */
div#mobilenav ul li a {width:80%; display: block; font-family:"texgyreherosbold"}
div#mobilenav ul.level-2 {top: 10px}
div#mobilenav ul li.expandable {}
div#mobilenav ul li.expanded {background-image:url(images/dropdown-active-inner.png); background-position: right 5px top 7px; background-repeat: no-repeat}
div#mobilenav ul li ul {height: 0; overflow:hidden}
div#mobilenav ul li ul.active {display: block}
div#mobilenav ul li:last-child {border-bottom: none}
div#mobilenav ul li ul {padding-top: 10px; margin-bottom:-16px}
div#mobilenav ul li ul li {background:#6491c0; border-bottom:1px solid #93b2d3}
div#mobilenav ul li ul li a {padding-left: 10px; color:#fff; font-size:1.5em}
div#mobilenav ul li ul li ul li {background: #93b2d3; padding-left:0; border-bottom:1px solid #6491c0}
div#mobilenav ul li ul li ul li a {font-size:1.5em}
div#mobilenav ul li ul li ul li ul {padding: 0; margin-top: 10px}
div#mobilenav ul li ul li ul li.expanded ul {padding:10px}
div#mobilenav ul li ul li ul li.expanded ul li ul {padding: 0}
div#mobilenav ul li ul li ul li ul li.expanded ul {padding: 10px}
div#mobilenav ul li ul li ul li ul li {background: #fff; color:#6491c0; font-size:1.5em; border-bottom:1px solid #dee8f2}
div#mobilenav ul li ul li ul li ul li.expandable {background-image: none}
div#mobilenav ul li ul li ul li ul li a {color:#6491c0; font-size:1em}
div#mobilenav ul li ul li ul li ul li ul li {background: #fff; color:#6491c0; border-bottom:none}
div#mobilenav ul li ul li ul li ul li ul li a {color:#6491c0; font-size:1.12em}

#bottom div#footernav p { line-height: 1.2em; }
#bottom p.charity-number { line-height: 1.2em; margin-bottom: 10px; }
#bottom div.sponsors p.charity-number-right { margin-left: 30px; font-size: 0.81em; color: #909090; font-family: 'texgyreherosregular'; }




/* Desktop navigation */
@media (min-width:1024px){
#nav ul li ul {padding: 15px 0}
#nav ul li ul li.featured-menu-links {min-height: 220px}

#nav ul li ul li.featured-menu-links p {position: absolute; top: 17px; font-size:1.12em; font-family: "texgyreherosbold"; margin: 0}

#nav ul li ul li.featured-menu-links ul {width: auto; border: none; background: none; padding: 0 !important}
#nav ul li ul li.featured-menu-links ul li {display: inline; top: 0; padding-right: 15px; border-right: none}
#nav ul li ul li.featured-menu-links.featured-1 {width:25%}
#nav ul li ul li.featured-menu-links.featured-2 {width:50%}
#nav ul li ul li.featured-menu-links.featured-3 {width:75%; position: relative; left: 17px}

#nav ul li ul li.featured-menu-links ul li {width: 280px; margin-top: 15px}
#nav ul li ul li.featured-menu-links.featured-1 ul {position: relative; left: 17px}
#nav ul li ul li.featured-menu-links.featured-1 ul li {margin-left: 15px}
#nav ul li ul li.featured-menu-links.featured-2 ul li {}
#nav ul li ul li.featured-menu-links.featured-3 ul {}
#nav ul li ul li.featured-menu-links.featured-3 ul li {margin-right: 20px}
#nav ul li ul li.featured-menu-links.featured-3 ul li:last-child {margin-right: 0}

#nav ul li ul li.featured-menu-links ul li img {width: 265px; margin-top:15px; max-width:100%; height:auto;}
#nav ul li ul li.featured-menu-links ul li h2 {font-size:1.06em; margin-top:10px; padding-top:5px; padding-right: 55px; background: rgba(0, 0, 0, 0) url("images/featured-link.png") 100% 0 no-repeat;}
#nav ul li ul li.featured-menu-links ul li a.featured-content-link {position:absolute; top:0; left:0; font-size:0; background-position: bottom right; width:100%; background:#000000; height: 250px; display:block; }

#nav ul li ul {border-top: 60px solid #6491c0; width: 98%; margin-left: 1%}
#nav ul li ul li {border-right: 1px solid #88aacf;height: 330px;margin-bottom: -100px;position: relative;top: -85px;width: 25%; padding-top: 17px}
#nav ul li ul li:last-child {border: none}
#nav ul li ul li a {color: #fff; font-size:1.12em}

#nav ul li ul li ul {position: relative; width: 100%; top: 0; margin: 0; padding: 0; border: none; margin-top: 30px}
#nav ul li ul li ul li {top: 0; margin: 0; padding: 0; width: 100%; line-height: 27px; border-right: none; height: auto}
#nav ul li ul li ul li a {color:#004a80; font-size:.87em}

#nav ul li ul li ul li ul {display: none !important}

#nav a.featured-content-link {width: 96%; background-position:right 0px bottom 11px !important}

ul.level-2 li.expandable:hover > a {background:url("images/nav-active.png") bottom center no-repeat}
ul.level-3 a {background:none !important}
#banner .cycle-slide{padding: 0 100px}
#banner .cycle-slide .container-fluid{max-width: 1080px}
a#cycle-next-banner, a#cycle-prev-banner {width:50px;height:50px}
.in-slide-content {left:0%;}
}

/* Content Layout */
div#content-banner {position: relative;}
div#content-banner .cycle-slideshow {position: relative}
div#content-banner .cycle-slideshow .slide {margin-bottom: 0}
div#content-banner .slide {background-position: top center !important;}
span.breadcrumb.breadcrumb-left {right: auto; left: 0; background-color: #004a80; padding: 25px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin: 0}
span.breadcrumb.breadcrumb-left a {color: #fedc00; font-size:.87em}
span.breadcrumb.breadcrumb-left p {font-size:.87em}
span.parent-of {background-image: url('images/yellow-arrow.png'); width: 19px; height: 14px}
.latest-survivor-stories {overflow: hidden; padding-bottom:10px;}
.related-links-full {width: 100%; background-color: #ffffff; padding: 30px 0}
.related-links-full .open-state {display: none}
.article-wrap {padding-bottom:20px; padding-top:20px;}
.article-bottom-resource-links {background-color: #f2f2f2 !important;padding: 45px 0 !important; position: relative}
.article-bottom-resource-links .share {top: -65px}
.related-links-full a.res-link.url-link {width: 30%; margin-right: 3.333%; float: left}
.related-links-full .grey-side-panel {background-color: #fff}
.main-content .row-full  {padding:0; margin:0 -15px;}
.content .main-content .row-full.contentpagelinks h2 {margin-top:10px; margin-bottom:10px; font-size:1.31em; line-height:28px; padding-right:65px; height:auto;}
.content .main-content .row-full a.featured-content-link {text-align:left; font-family: "texgyreherosregular"; background: url("images/featured-link.png") no-repeat bottom right !important; display:block; padding: 78% 30px 0 0; position: absolute;  top: 0;width: 92%;}
.content .main-content .row-full a.featured-download {text-align:left; font-family: "texgyreherosregular"; background: url("images/featured-download.png") no-repeat bottom right !important; display:block; padding: 78% 30px 0 0; position: absolute;  top: 0;width: 92%;}
.contentpagelinks div { margin-bottom:15px;}
.main-content table {width:100%; border:0; border-collapse:collapse; padding:0; margin:20px 0 20px 0;}
.main-content table th, .content table tr, .content table td {padding:0; text-align:left; border:0;}
.main-content table th {font-weight:normal; font-family: "texgyreheroscnbold"; font-size:1.18em; line-height:21px; color:#ffffff; background:#6491c0; padding:20px 15px; border-bottom: 1px solid #9ebbd8;} 
.main-content table td { background: #8aafd6; border-bottom: 1px solid #9ebbd8; padding:20px 15px;  color:#ffffff; font-size:1.06em; line-height:19px; }
.main-content table + h2 {margin-top:50px;}
.main-content h2 + ul {margin-top:20px;}
.main-content ul, .article-content ul {margin:5px 0 35px 0; padding:0;}
.main-content ul li, .article-content ul li {list-style:disc; font-family: "texgyreherosregular"; margin:0 0 12px 15px; font-size:.93em; }
.main-content a:hover, .article a:hover, .article-content a:hover, .article-overview a:hover {opacity:0.8;}
.main-content a.tab.active:hover {opacity:1;}
.main-content div#stories {width:100%; padding:0 0 20px 0; height:auto; float:left;}
.main-content div#stories .story-image-panel {width:60%; float:left;}
.main-content div#stories .story-image-panel img {width:100%; height:auto;}
.main-content div#stories .story-side-panel {width:40%; float:left; padding:0px 0 0 40px;}
.main-content div#stories .story-side-panel h2 {font-size:1.87em; color: #004a80;}
.main-content div#stories .story-side-panel p { font-family: "texgyreheroscnbold"; font-size:1.18em; color:#6692c1; margin-top:15px;}
.local-headway .row {margin:0;}
.keyword-input input[type="text"] {z-index:100;}



/* related content links */
.relatedcontentlinks{margin:50px 0}
.relatedcontentlinks .col4{width: calc(25% - 12px);float: left;margin-right:15px;position:relative}
.relatedcontentlinks .col4:nth-child(4n+4){margin-right:0}
.relatedcontentlinks img{width: 100%}
.relatedcontentlinks h2{margin-top: 10px;margin-bottom: 10px;font-size: 1.31em;line-height: 28px;padding-right: 65px;height: auto;color: #6693c1;}
.relatedcontentlinks .featured-content-link{cursor:pointer;text-align: left;font-family: "texgyreherosregular";background: url("images/featured-link.png") no-repeat bottom right !important;display: block;padding: 78% 30px 0 0;position: absolute;top: 0;width: 100%;}

.contentpagelinks{margin-left:auto!important;margin-right:auto!important}


@media (max-width: 1023px) {
	.relatedcontentlinks .col4{width:45%;margin-right:0;margin-bottom:20px}
	.relatedcontentlinks .col4:nth-child(odd){margin-right:10%}
}

@media (max-width: 600px) {
	.relatedcontentlinks .col4{width:100%;margin-bottom:50px}
	.relatedcontentlinks .col4:nth-child(odd){margin-right:0}
}




/* Umbraco Forms */
fieldset {background: #f2f2f2}
fieldset .contourField div {width: 70%; float: left; max-width: 100% !important}
fieldset label {width: 30%; float: left; font-weight: 400 !important}
span.help-block {clear: left; width: 29%}
fieldset input, fieldset textarea {border: none !important}
fieldset input {width: 66% !important; max-width: 100% !important; margin-top: 0 !important; margin-bottom: 15px !important; font-family: "texgyreheroscnbold"; padding: 5px 10px !important;}
fieldset .icheckbox_minimal {width: 22px !important}
.contour fieldset {padding: 40px 30px !important}
.contour fieldset textarea {width: 100% !important; max-width: 100% !important; font-family: "texgyreheroscnbold"; padding:15px 15px 15px 30px;}
fieldset div.checkbox {background: #8aafd6; color: #fff; padding: 15px}
fieldset div.checkbox:before,
fieldset div.checkbox:after {content: " ";display: table;}
fieldset div.checkbox:after {clear: both;}
fieldset div.checkbox div {float: left; padding: 0 2%; width: 7%}
fieldset div.checkbox label {float: right; width: 90% !important; line-height: 32px}
.contour input.btn.next {display: none !important}
.contourField {position: relative}
.contourField div {position: absolute; right: 0; top: 0}
.contourField.textarea {min-height: 300px}
input.btn.primary {background: url("images/featured-link.png") no-repeat scroll right center; font-size:1.18em; padding: 20px 60px; font-family: "texgyreheroscnbold"; color: #6491c0; float: right; position: relative; right: -15px}
.NFI-button {background:#6491c0; color: #fedc00; padding: 10px; font-family: "texgyreheroscnbold"; float: right !important; width: 100px !important}
.NFI-filename {float: right !important; padding: 10px !important; width: 83% !important}
.NFI-wrapper {position: relative !important; width: 100% !important}
.contour select {-moz-appearance: number-input; text-indent: 0.01px; width: 400px; max-width: 100%}
.contourPage fieldset input {padding:10px 10px !important;}
.contourPage {font-size: .875em;}

/* Common Brain Injury Terms */
.keyword-input label {color: #fbda13; font-size:1.5em; margin-top: 22px} 
.keyword-input input[type="text"] {padding:0 10px; font-family: "texgyreheroscnbold"; margin-top: 20px; width:calc(100% - 55px); float: left}
.keyword-input input[type="submit"] {display: block; width: 50px; height: 45px; background-image: url(images/search-background.png); background-position: center; padding-right: 0 !important; float: left; margin-top: 20px; height: 42px}
.main-content .browse-terms ul {margin:0; padding:10px 0 5px 0;}
.main-content .browse-terms ul li {background:none; padding:0; list-style:none;}
.main-content .browse-terms ul li a  { font-family: "texgyreherosbold"; font-size:.93em;}
.keyword-input + h5 {padding: 15px 0 0 15px; margin-top:20px; width:100%; float:left; clear: both; font-size:1.5em;  border-top: 1px solid #86a9ce;}
.az-title {color: #fbda13 !important; border: none !important; padding: 15px; width: 100%; font-family: "texgyreheroscnbold"; cursor: pointer; background-image: url('images/dropdown.png'); background-repeat: no-repeat; background-position: right 20px center; clear: both; font-size:1.5em; border-bottom: 1px solid #779fc8 !important}
.az-title.active {background-image: url('images/dropdown-active.png'); background-position: right 5px center}
.az-content {background-color: #fff; width:100%; padding: 15px; border:solid 15px #6491c0;}
.az-content p {color: #222}
.az-content p.term-name {font-family: "texgyreherosbold"}
.az-title.searchresult {background:none; cursor:none;}
.browse-terms .ui-accordion-content-active {    margin-bottom: 15px;margin-left: 2%;margin-top: 15px;width: 96% !important;}

/* Paging */
div.paging {
	width:100%;
	padding:10px 0;
	border-top:1px solid #84a8cd;
	background:#6491c0;
	height:75px;
	position:relative
}
div.paging .container {position: relative}
	a.pagenext {margin-left:10px; background:url(images/quicklink.png) right center no-repeat;z-index:100; top:0; float:right; height:54px; display:block; transition:all 1s;padding: 15px 60px 30px 0; color: #fff !important; position:relative;}
	a.pagenext.last {right: 0}
	a.pageprev {margin-right:10px; z-index:100; background:url(images/previous.png) left center no-repeat; font-family: "texgyreheroscnbold"; float:left; font-size:1.18em; height:54px; width:auto; display:block; transition:all 1s; padding: 15px 0px 30px 60px; color: #fff !important; position:relative;}
	a.pageprev.first {left: 0}
div.custom-pager {
		position:relative;
		top:8px;
		display: block;
		width: auto; 
		margin: 0 auto;
		margin-top: 10px;
		background-color: #6491c0 
	}
	.custom-pager ol li a {
		display: inline-block;
		font-size:1.375em;
		height: 40px;
		position: relative;
		top: 0px;
		width: 40px;
		color:#fff !important;
		font-family: "texgyreheroscnregular";
		left: 0px; line-height:40px;
	}
		.custom-pager ol {list-style: none; width:100%; position:absolute; top:0; left:0; margin: 21px auto 0; padding: 0; text-align:center; z-index:10;}
	
	div.custom-pager li {
    	display: inline-block;
    	height: 40px;
    	width: 40px;
	}
		.custom-pager li.current {background: #ffffff !important}
			.custom-pager li.current {-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
				.custom-pager li.current a {color: #6491c0 !important}


/*Share section*/
div.social-share { position: relative; }

/* Survivor Stories */
.submit.search-button {background-image: url("images/search-background.png");background-position: center center;display: block;float: left;height: 42px;padding-right: 0 !important;width: 50px;}
.submit.search-button:hover {margin-left: 0; padding-right: 0 !important}
.survivor-stories-filter {padding: 15px 0}
.survivor-stories-filter form {float: left; display: block; clear: none}
.survivor-stories-filter form label {color: #fff; float: left}
.survivor-stories-filter form input[type="text"], .survivor-stories-filter form select {display: block; clear: left}
.survivor-stories-filter form input[type="text"] {float: left; padding: 10px}
.survivor-stories-filter a {color:#fedc00; font-size:1.5em}

/* Staff Listings */
.container-fluid.terms-listings .row {margin:0 -7px;}
.staff-listings label {float: left; margin-left: 2%}
.staff-listings h5 {margin-left: 2%; padding: 15px 0}
.staff-listings input[type="text"] {margin-left: 2%; max-width: 66%; width: calc(100% - 325px); border:none;}
.staff-listings hr {margin: 0; padding: 20px 0; position: relative; top: 18px}
.az-selectors {width:96%; margin-left: 2%}
.az-selectors a {font-family: "texgyreheroscnbold"; font-size:1.28em; border: 2px solid #fff; -webkit-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px; display: block; width: 35px; height: 35px; text-align: center; float: left; margin-right: 10px; margin-bottom: 10px; cursor: pointer}
.az-selectors a.active {background-color: #fff; color: #779fc8}
.staff-member {background-color: #fff; width:49%; display: block; float: left; margin-right: 2%; margin-bottom: 2%; padding: 2%;}
.staff-member:nth-child(2n) {margin-right: 0}
.staff-member img {width: 100%; height: auto}
.staff-member a {color: #7ea4cb; font-size:1em; font-family: "texgyreheroscnbold"; line-height:26px;}
.staff-member a p {color: #232323}
.staff-member a p.staff-name {font-size:1.12em; margin-top:0; margin-bottom:5px; font-family: "texgyreherosbold"; font-size:1.625em;  color:#6491c0; }
.staff-member a p.staff-jobtitle {font-size:.93em; min-height:54px; line-height:19px; margin-bottom: 10px; margin-top: 0; padding-right:70px; background: url("images/quicklink.png") bottom right no-repeat;}
.staff-listings .col-xs-12 {background:#f2f2f2;padding-top:15px}
.staff-listings hr {height:18px; padding:0; margin:0 0 0 0;}
.staffentry {background:#ededed; width:100%; float:left; padding-bottom:15px; margin:10px 0 20px 0;}
.staffimg {float:left; width:35%; height:330px; overflow:hidden; padding:15px;}
.staffimg img {width:100%; height:auto;}
.staffdetail {width:65%; float:right; padding:20px 20px;}
.staffdetail .fa + a {font-size:.93em; font-family: "texgyreheroscnbold"; line-height:27px;}
.staffdetail .fa + a + p { margin:8px 0 0 0;}
.content .staffdetail h2 {margin-top:10px;}
.staff-member p {color: #333333; margin:8px 0 0 0;}

/* Useful Organisations List */
.useful-organisations-list {margin:0 -15px;}
.useful-organisations-list > div {background-color: #779fc8 !important}
.useful-organisations-list div.organisation-content {background-color: #fff; padding: 15px 20px; width:100%; float:left;}
.useful-organisations-list h3 {background-color: #9ebbd8 !important; padding:15px 20px !important}
.main-content .useful-organisations-list ul {list-style: none; padding: 0; width:100%; float:left; margin-bottom:0;}
.main-content .useful-organisations-list ul li {list-style: none; padding: 0; margin-left:0; line-height:19px; width:100%; float:left;}
.main-content .useful-organisations-list ul li a {padding:3px 0;display:block; float:left; }
.main-content .useful-organisations-list ul li .fa, .staff-member .fa, .staffdetail .fa {margin-right: 10px; display:block; float:left; width:28px; color:#7ea4cb; font-size:1.5em; line-height:25px;}

/* Vacancies */
.vacancies #article-heading {width: 30%}
.vacancies .newsarticle {width: 30%}
.related-footer span.open-state {display:none;}
.related-footer h5 {margin:0 0 20px 0;}
.related-footer h5 a {font-size:2.375em; color:#004a80; font-family: "texgyreheroscnbold"; }
.related-footer .grey-side-panel a.res-link {width:33.3%; float:left; min-height:60px;}
.related-footer {padding-bottom:15px}


div.top-filter .paging .pageprev,div.top-filter .paging .pagenext{color: #bfd2e5!important}

/* News Layout */
div.top-filter {background-color: #6491c0;  border-top: 1px solid #749cc6; margin-bottom:30px; z-index:100;}
div.top-filter .select-wrapper {position:relative;margin-top: 0; min-height: 0; height: 42px}
div.top-filter .select-wrapper select{height:42px;min-height:0}
div.top-filter input.btn.primary[type="submit"] {font-size:1.18em; background: rgba(0, 0, 0, 0) url("images/quicklink.png") no-repeat scroll right center;color: #bfd2e5;  margin-left:-15px; text-align:left; width:130px; padding: 13px 60px 40px 10px;  margin-top: 40px; max-width: 100%}
div.top-filter .select-wrapper .holder {padding: 0 10px;    width: calc(100% - 100px);}
div.top-filter .select-wrapper option {color: #111}
div.top-filter .keyword-input label.title {margin-top:25px;}
div.top-filter .keyword-input .col-xs-6 label {width:100px; float:left; }
div.top-filter .keyword-input input[type="text"] {margin-top:35px; width: calc(100% - 178px);}
div.top-filter .keyword-input input[type="text"] + input[type="submit"] {margin-top: 10px}
div.top-filter .keyword-input input.btn.primary[type="submit"] {margin-top: 45px; float:right; margin-right: 15px;position: relative;top: 4px;}
div.top-filter .keyword-input input.btn.primary[type="submit"]:active {box-shadow:none}
div.top-filter .keyword-input i.search-submit {margin-top:35px;}
div.top-filter label {color: #fff; float: left; font-size:1.187em}
div.top-filter label.title {font-size:2.375em; line-height:40px; color: #fedc00}
i.search-submit {background-image: url("images/search-background.png");background-position: center center;display: block;float: left;height: 42px;margin-top: 0;padding-right: 0 !important;width: 75px;}
.top-filter .custom-pager {padding-bottom: 20px}
.top-filter .paging {padding-top: 15px}
a.pagenext {font-size:1.18em; font-family: "texgyreheroscnbold"; right:0;}
a.back {background:url("images/backlink.png") 0 50% no-repeat; color:#6491c0; line-height:64px; padding-left:64px; margin-top:10px; min-height:64px; display:block; font-family: "texgyreheroscnbold"; font-size:1.18em;}
@media (max-width: 560px) {
	.top-filter .col-xs-6 .col-xs-6 {padding: 0}
}





/* Personal Stories */
.personal-stories .select-wrapper, .personal-stories .select-wrapper select {min-height: 0; height: 42px; width:100%; clear: left}
.personal-stories .select-wrapper select option {color: #111}
.personal-stories .link-icon {position: relative; top:30px; white-space: nowrap; width:30%; float:right; padding-left:0;}
.personal-stories .col-sm-4 {margin-top: 25px; }
.personal-stories .blue .col-sm-4 {margin-top: 0}
.personal-stories .col-sm-4 a {display: block; width: 100%; color: #004a80; font-size:1.625em; font-family: "texgyreherosbold"; min-height: 385px;}
.personal-stories .col-sm-4 a img {width: 100%}
.personal-stories .col-sm-4 a span {background: rgba(0, 0, 0, 0) url("images/featured-link.png") no-repeat scroll right center;color: #6491c0;float: right;font-family: "texgyreheroscnbold";padding: 20px 60px 20px 0;position: relative;font-size:1em; width: 100%; text-align: right}
.personal-stories .col-sm-4 > input {max-width: 70%;}
#story-list-content .custom-pager {clear: both; position: relative; top: 20px; margin-left: -30px; margin-right: -30px}
.main-content  #story-list-content  .row-full {margin:0 -25px 0 -35px;}
.main-content  #story-list-content .paging {padding-top:8px;}

.personal-stories .row {margin:0 -5px 0 -10px;}

/* Search Page */
.search-page-filter {padding-bottom: 30px}
.main-content .search-results {margin-top:-30px;}
.main-content .search-results ul {list-style: none; padding: 0; margin:10px 0 20px 0;}
.main-content .search-results ul li {color: #6491c0; font-size:.93em; display: block; clear: left; margin:0 0 10px 0; padding:0;}
.main-content .search-results ul li a {font-size:1.06em; font-family: 'texgyreherosbold'; }
.main-content .search-results ul li dl dt {width: 20%; float: left}
.main-content .search-results ul li dl dd {width: 30%; float: left}
span.search-cat-title {display: block; width: 100%; padding-top: 40px; font-size:2.125em; font-family: 'texgyreherosbold'; margin-bottom:10px;}
.main-content .search-results ul li .col-xs-6 {padding-left:0; padding-right:30px;}
a.search-result-name {font-size:.93em}
span.search-result-content {color: #333333; clear: left; font-family: "texgyreherosregular"; display: block;  margin-bottom:10px;}

/* Branch Details */
.orgheading {background:#7ea4cb; padding:13px 15px; border-bottom: 1px solid #9ebbd8; margin-top:20px;}
.orgheading h2	{color:#f0d511; font-size:1.31em; margin:0;}
.branch-details dl {border: 15px solid #7ea4cb; padding: 15px; font-size:.93em; margin-bottom:0px;}
.branch-details dl + h2 {margin-top:20px;}
.branch-details, .branch-details a  {font-family: "texgyreherosregular";}
.child-organisations ul {list-style: none}
.child-organisations ul li {list-style:none; padding-left:0; margin:0;}
.child-organisations h2.ui-accordion-header-active {border-bottom: 1px solid #9ebbd8;}
.child-organisations dl {margin-bottom: 30px; border: 15px solid #7ea4cb !important;}
.co-ordinators, .coordinator {padding-top: 1px; display: block; clear: both; margin-top:15px;}
.co-ordinators .coordinator {margin-top:0px;}
.co-ordinators h2, .coordinator h2 {background:#004a80; color:#ffffff; font-size:1.31em; line-height:28px; margin:0; padding:12px 20px;}
.local-headway .network-support.blue {padding: 15px; padding-bottom: 0}
ul.services-list {padding: 0; list-style-type: circle; list-style-color: #779fc8}
ul.services-list li {float: left; width: 46%}
.salesforce-website-information { width:100%; float:left; padding-bottom:20px;}
.salesforce-website-information ul {list-style-type: circle; list-style-color: #779fc8}
.network-support .staff-member {width: 100%; background-position: right bottom; border:solid 10px #f2f2f2; padding:15px; font-size:.93em;}
.network-support .staff-member a.email {margin-top:-5px;}
.branch-details dl + h2.codingheader {margin:0;}
h2.codingheader {background:#7ea4cb; padding:10px 30px 0 30px; margin:0; font-size:1.18em; color:#ffffff; width:100%; float:left;}
.main-content h2 + ul.codings {margin-top:0;}
ul.codings {width:100%; float:left; margin:0; border: 15px solid #7ea4cb; padding:0;}
ul.codings li {padding:12px 20px; list-style:none; margin:0; width:100%; float:left; }
ul.codings li.alt {background:#ededed;}
ul.codings li img {float:left; max-width:10%;}
ul.codings li p {width:90%; float:right; margin-bottom:0;}
#headway-local-results {border-top:solid 1px #8eb0d2; float:left; width:100%;}
.mapkey {width:100%;float:left;background:#7ea4cb;padding-bottom:5px;z-index: 1;position: relative;}
.main-content .mapkey p {width:15%; float:left; margin:0; font-size:1.5em; color:#fedc00; font-family: 'texgyreheroscnbold'; padding-top:10px;}
.main-content .mapkey ul {width:85%; float:left; margin:10px 0 12px 0;}
.main-content .mapkey ul li {list-style:none; padding:0; margin:4px 0 0 7%; width:43%; float:left;font-family: 'texgyreherosbold'; position:relative; min-height:35px;}
.main-content .mapkey ul li img {height:35px; width:auto; position:absolute; top:0; right:0;}
.main-content .mapkey ul li p {font-size:1.18em;  color:#ffffff; width:100%; padding-top:0px;}
.main-content .mapkey ul li label {line-height:normal; margin:0; font-size:1.18em;  color:#ffffff; width:auto; padding:2px 20px 0 3px; float:left; max-width:90%}
.main-content .mapkey ul li .icheckbox_minimal {float:left; margin:0;}
.main-content .mapkey ul li:last-child {margin-right:0; width:43%; padding-top:10px;}
.main-content .mapkey ul li input, .main-content .mapkey ul li i.fa {color:#d0e2f5; font-size:1.5em; float:right;}

/* Event Listings */
.event-listings-filter {padding: 15px 0; border-bottom: 1px solid #9ebbd8}
.event-listings-filter input[type="text"] {padding: 10px; float: left; clear: left; width: calc(100% - 100px); border:none;}
#event-cal-tab {width: 78px; height: 67px; display: block; background-image: url('images/event-cal.png'); cursor: pointer; float: right; margin-right: 2px}
div.event-listings-filter label {color: #fbda13; width:100%; text-align:right; font-size:1.75em; line-height:32px;}
div.event-listings-filter #event-search label {text-align:left; font-size:1.18em; line-height:normal;}
button.search-submit {background-image: url("images/search-background.png");background-position: center center;display: block;float: left;height: 42px;margin-top: 0;padding-right: 0 !important;width: 75px;border: none}
.blue .event {background-color: #fff; color: #111}
.event h3 {background-color: #9ebbd8; color: #fff; margin: 0; padding:20px}
.event {color: #111; margin:2% 2% 0; padding: 0; width: 96%}
.blue .event .event-date {font-family: 'texgyreherosbold'}
.blue .event span {color: #111; width: 96%; display: block; margin:2% 2%;}
.event-listings {padding-bottom: 20px; font-size:.93em;}
.event-listings a { font-family: "texgyreherosregular";}
.blue .event .event-details {background-image: url("images/quicklink.png"); line-height:54px; padding-right: 64px; font-family: 'texgyreheroscnbold'; font-size:1.18em; background-position: right center; display: block; height: 54px; background-repeat: no-repeat; text-align: right; color: #7ea4cb !important; padding-top: 0; margin-top:0;}

/* Calendar */
.main-content .calendar {float: left;position: relative;width: 100%;}
.main-content .calendar ul {list-style: none; margin:0;}
.main-content .calendar ul li {font-family: 'texgyreheroscnbold';list-style: none; margin:0; padding:0;}
.calendarmonth {background: #8aafd6 none repeat scroll 0 0;height: 330px;margin-bottom: 40px;}
.calendar h3 {color: #fff;background-color: #004a80;padding: 20px 0;text-align: center; margin-top: 0}
.main-content .calendarmonth ul {float: left;width: 100%;}
.main-content .calendarmonth ul li {float: left;font-size:1.12em;text-align: center;width: 14.28%;}
.main-content .calendarmonth ul.daylabels {color: #fff;padding: 0 20px 10px;text-transform: uppercase;border-bottom: 1px solid #779fc8}
.main-content .calendarmonth ul.days {padding: 5px 20px 20px;}
.main-content .calendarmonth ul.days li {color: #ffffff;line-height: 33px;position: relative;}
.main-content .calendarmonth ul.days li.disabled {color: #c5d7eb;}
.calendar .calendarmonth a {background: #fbda13 none repeat scroll 0 0;border-radius: 50%;color: #9ebbd8;display: block;height: 33px;margin: auto;width: 33px;font-family: 'texgyreherosbold';}
.calendar .popup {background-color: #fff;display: none;font-size:.81em;height: auto;left: -85px;line-height: normal;position: absolute;text-align: left;top: 50px;width: 220px;z-index: 2000;padding: 10px}
.calendar .popup .indicator {width: 0;height: 0;border-style: solid;border-width: 0 22px 22px 22px;border-color: transparent transparent #ffffff; top: -15px; right: 90px; position: absolute}
.calendar .popup .bottom {color: #9ebbd8}
.calendar li:hover .popup {display: block;}
.calendar .popup p {margin-bottom: 0;font-family: 'texgyreherosbold';color: #111}
.cal-indicator {width: 0;height: 0;border-style: solid;border-width: 0 22px 22px 22px;border-color: transparent transparent #004a80; top: -15px; right: 13px; position: absolute}
#otherviewsleftnav {background: rgba(0, 0, 0, 0) url("images/previous.png") no-repeat scroll right center;background-size: 40px;display: block;height: 54px;position: relative;top: 4px;left: 10px;width: 40px;z-index: 999;cursor: pointer}
#otherviewsrightnav {background: rgba(0, 0, 0, 0) url("images/quicklink.png") no-repeat scroll right center;background-size: 40px;display: block;height: 54px;width: 54px;position: absolute;top: 4px;right: 10px;z-index: 999;cursor: pointer}
.cal-wrapper {position: absolute;right: 19px;top: 88px;width: 320px; display: none}
.cal-wrapper.active {display: block}

/* Resoource Library */
.resource-filter .keyword-input label {font-size:1.187em}
.resource-filter .keyword-input input {margin-top: 0}

/* Trustee Listings */
.trustee-listings .staff-member {background-image: none; min-height: 100px}

/* Donation */
.blue.col-xs-4 {background-color: #7ea4cb}
#make-donation {position: relative; left: -15px; width: calc(100% + 30px);}
#make-donation .iradio_minimal + label.tab {width: 50%; background-color: #6491c0; color: #fedc00; float: left; text-align: center; font-size:1.5em; padding: 15px 0; cursor: pointer}
#make-donation .iradio_minimal.checked + label.tab {background-color: #7ea4cb; color: #fff}
#make-donation .iradio_minimal {display: none}
.headway-donate .main-content {padding-left:0%; margin-bottom:20px; position:relative;}
.headway-donate .main-content h1 {padding-top:20px;}
.headway-donate .col-xs-8 {padding-right:50px; padding-bottom: 100px;}
.headway-donate .blue {margin-top:20px;}
.headway-donate h2 {color: #004a80; clear: both}
.headway-donate .col-xs-6:first-child {padding-right:80px; padding-bottom:140px;}
.headway-donate .col-xs-6 ul {padding: 10px 50px 0 0; margin: 0; list-style: none}
.headway-donate .col-xs-6 ul li {margin-left:0; margin-bottom:20px; font-size:1.5em; font-family: "texgyreheroscnbold"; padding-left: 45px; list-style: none; background-image: url('images/tick.png'); background-position: 0 5px; background-repeat: no-repeat; min-height: 30px; color: #6491c0}
#make-donation button.pink {width: 60%; float:right; background-color: #e30885; color: #fff; border: none; font-size:1.5em; font-family: "texgyreheroscnbold"; padding: 10px 0; margin:3%;}
div.donation-thanks {height:400px; background-size: cover;}
div.donation-thanks.col-xs-6 {max-width:600px; margin-right: 1%; width:49%}
.ways-to-donate {padding-bottom: 30px}
.ways-to-donate .col-xs-3 {background-image: url()}
.ways-to-donate .col-xs-3 img {width: 100%}
.ways-to-donate .col-xs-3 h3 {font-size:1.625em; color: #004a80}
.ways-to-donate a.col-xs-3 {color: #333}
.donation-thanks span {background-color: #004a80; color: #fff; position: absolute; bottom: 0; left: 0; padding: 20px; font-size:2.375em; font-family: "texgyreherosbold"; line-height: 40px}
.donation-additional-info { margin-left: 1%; width:49%; float:right; background-color: #6491c0; padding: 20px 50px 0 50px; min-height:400px}
.donation-additional-info h2 {color:#ffffff;}
.donation-additional-info ul {list-style: none; padding:10px 0 0 0;}
.donation-additional-info ul li {background-image: url("images/yellow-arrow.png"); background-position: 0 8px; background-repeat: no-repeat; color: #fff; font-family: "texgyreheroscnbold";
    font-size:1.5em; padding-left: 30px; margin-bottom:5px;}
.donation-additional-info ul li a {color: #bfd2e5; font-family: "texgyreheroscnbold";}
.donation-additional-info ul li a:hover {color:#ffffff;}
.donation-bottom {margin: 30px auto 90px}
.donatewrap {background-color: #7ea4cb;width:100%; float:left;}
.donatewrap h5 {font-size:2em; padding:10px 3%; margin:0 0 20px 0; background:#004a80;}
.donatewrap p {font-size:.75em; line-height:15px; margin-bottom:5px;}
.donatewrap label {width:40%; color:#ffffff; float:left; margin-bottom:5px; line-height:2em; padding-left:3%;}
.donatewrap input, .donatewrap .select-wrapper, .donatewrap textarea {padding:10px; line-height:2em; font-size:1.18em; border:none; width:57%; margin-bottom:5px; float:left; margin-right:3%;}
.donatewrap .select-wrapper + div {padding-top:15px; width:100%; float:left;}
.donatewrap .checkrow {width:100%; padding:10px 0;}
.donatewrap .checkrow .icheckbox_minimal {margin-top:5px;}
.donatewrap .checkrow label {width:93%; padding:2px 0 0 5px; float:right; margin-bottom:0;}
.ways-to-donate h2 {margin-top:40px;}
.ways-to-donate .row {padding:30px 0 15px 0;}
a.donatepanel {width:100%; float:left; display:block; background: url("images/featured-link.png") bottom right no-repeat; padding-bottom:0; margin-bottom:10px;}
a.donatepanel span {font-size:2em; line-height:36px; color:#004a80; display:block; min-height:54px; padding:5px 64px 0 0; margin-top:10px; font-family: "texgyreheroscnbold"; margin-bottom:0px;}
.giftaidpanel {border-top:solid 1px #9cb9d7; width:100%; float:left; margin:3% 0 0 0; padding:0 3%;}
.giftcontent { background:#6491c0; width:100%; float:left; margin-bottom:3%; padding:10px; box-shadow: -3.009px 3.993px 0px 0px rgba(255, 255, 255, 0.1);}
.giftaidpanel .checkrow + span { width:20px; margin-left:35px; float:left; height:20px; display:block; border-right: 30px solid transparent; border-bottom: 20px solid #6491c0;}
.donatewrap .giftcontent p {color:#cad7e7;}
.giftaidpanel + .checkrow, .giftaidpanel + .checkrow + .checkrow {font-family: "texgyreherosregular"; background:#6491c0;border-bottom:solid 1px #7ea4cb; width:100%; float:left; padding:10px 3% 16px 3%;}
.giftaidpanel + .checkrow label, .giftaidpanel + .checkrow + .checkrow label {font-family: "texgyreherosregular"; padding-top:10px; font-size: 0.9375em; line-height:1.25em;}
.donatebtn {background:#6491c0;width:100%; float:left;}
.cardlogos {background:#ededed;width:45%; float:left; padding:15px 20px; margin-top:20px; position:absolute; bottom:0; left:15px;}
.cardlogos p {font-family: "texgyreheroscnbold"; color:#6491c0; font-size: 1.1875em; margin-bottom:15px;}
.cardlogos ul, .cardlogos ul li {margin:0; padding:0; background:none; font-size:0;}
.cardlogos ul li {width:25%; float:left; min-height:59px; background-position:50% 50%; margin-bottom:10px; background: url("images/visa.png") 50% 50% no-repeat;}
.cardlogos ul li:first-child {background: url("images/mastercard.png") 50% 50% no-repeat;}
.cardlogos ul li:nth-child(even) {background: url("images/maestro.png") 50% 50% no-repeat;}
.cardlogos ul li:last-child {background: url("images/visa-debit.png") 50% 50% no-repeat;}

/* Local Headway */
.white {background-color: #fff}
.white .fa-map-marker {color: #6491c0}
.lightblue {background-color: #7ea4cb}
a.tab {color: #fedc00; font-family: "texgyreheroscnbold"; font-size:1.5em; line-height:64px}
a.tab.active {color: #fff}
.local-headway h3 {color: #fff; padding-left:10px; font-size:1em; min-height:40px;}
.local-headway span {color: #fff; display:inline-block; line-height:32px; max-width:75%;}
.fa-map-marker {top:8px;}
.local-headway .white {margin-bottom: 15px; padding-top: 15px; min-height: 170px}
.local-headway .white .white {min-height:auto; margin-bottom: 0px;  padding-top: 0px;}
.local-headway .row {margin-bottom: 15px}
.local-headway .blue.active {background-color: #7ea4cb}
.local-headway .blue {padding:12px 25px}
.local-headway label {color: #fff; font-size:1.5em; line-height:32px; float:left; display:inline-block;}
.local-headway input {font-family: "texgyreheroscnbold"; padding:0 10px; border:none; margin:25px 0 0 15px;  width:50%; float:left;}
.local-headway input[type="submit"] {color: #fff; background: none; margin: 25px 0 0 0; width:auto; font-size:1.18em; float:left; padding-top:7px;}

#headway-national-results, #headway-local-results {display: none}
#headway-national-results.active, #headway-local-results.active {display: block}
#headway-national-results {position: relative;top: 15px;}
#map_canvas {margin: 0 0 15px 0;float: left;}
a.branch-type {color:#fedc00; background-color:#004a80; padding:10px; font-family: "texgyreheroscnbold"; position:absolute; bottom:-15px; right:-15px}
.local-mo {display: none; margin:0; background:#7ea4cb; color:#fff; padding-left: 15px; padding-top: 15px; clear:both}
.branch-result:nth-child(odd) {padding-right: 0; border-right: 1px solid #8eb0d3;}
.branch-result {margin-top: -15px}
.branch-result:nth-child(even) {padding-left: 0}
.local-headway .white span.blue {color: #7ea4cb; background: none; padding: 0}
.google-popup span.miles {color: #6491c0}
.google-popup span.org-type {background: #6491c0; color: #fedc00; font-family: "texgyreheroscnbold"; width: calc(100% + 52px); position: relative; left:-15px; display: block; padding: 10px; bottom: -8px}
.google-popup p {    background-color: #fff !important;margin: -8px !important;padding: 10px !important;}
.gm-style div div div div div div div div {background-color: #6491c0 !important;}
.gm-style-iw {overflow: visible !important}
.gm-style-iw div {overflow: visible !important}
.google-popup a {color: #333; font-family: "texgyreherosbold";}
.document-list ul:last-child li:last-child {margin-bottom:100px;}






@media (max-width: 1280px) {
	a.cycle-next-story, div.cycle-story-pager {display: none}
	/* Staff */	
	.staff-member {background-image: none}
	/* News Template */
	div.social h5 {padding-top:0;}
	div.top-filter input.btn.primary[type="submit"] { }
	a.social {max-width:30%;}
	a#youtube {margin-right:0;}
	div#quick-help-links div a {min-height:95px; height:auto;}
	div#stories .slide .story-image-panel {width:50%;}
	div#stories .slide .story-side-panel {width:50%; margin-top:0; padding-left:20px;}
	div.story-side-panel a {float:left; margin-top:-20px;}
	.cycle-slideshow img {width:100%; height:auto;}
	.subscribe-button {float:right; margin:-50px 50px 0 0; width:40%; text-align:center; padding-left:0; padding-right:0;}
	#footer div.container-fluid div.row p:first-child {width:100%;}
	#footer div.container-fluid div.row p:first-child span {width:60%; float:left; clear:left; line-height:18px;}
	#footer div.container-fluid div.row p:first-child span.big-text {width:50%; float:left; clear:right;line-height:28px; margin-bottom:10px}
	#footer div.contact-details h6 span {width:auto; display:inline;}
	.donation h6 {float:left; width:50%; margin-bottom:0;}
	div#footer .fall a.donate {float:right; margin:15px 0 0 0; width:40%; text-align:center; padding-left:0; padding-right:0;}
	div#stories h5 {display:none;}
	.personal-stories .link-icon {font-size:1.31em; line-height:40px;}
	#nav ul li ul li.featured-menu-links.featured-1 ul li {width:100%; margin-left:0; padding-left:0;}
	#nav ul li ul li.featured-menu-links.featured-2 ul li {width:50%;}
	#nav ul li ul li.featured-menu-links.featured-3 ul li {width:31%;}
	#nav ul li ul li.featured-menu-links.featured-1 ul li img, #nav ul li ul li.featured-menu-links.featured-2 ul li img, #nav ul li ul li.featured-menu-links.featured-3 ul li img {width:100%; height:auto;}
	form#story-filters {width:100%; padding-right:15px;}
	.personal-stories .link-icon {top:8px; margin-bottom:10px;}
	.main-content .mapkey p, .main-content .mapkey ul {width:100%;}
	.main-content .mapkey ul li {margin-right:5%; margin-left:0; width:45%;}
	#nav ul li ul li ul li {line-height:19px; margin-bottom:5px;}

}

@media (max-width: 1024px) {
	div#stories li.slide h2 {font-size:1.87em}
	div#stories li.slide h2 i {font-size:1.25em}
		div.full-width.grey div.col-xs-4 {width: 50%}
	div.full-width.grey div.col-xs-4:last-child {width: 100%}
	#footer a.donate {margin-right: 15px}
	a.cycle-next {display: none}
	.cycle-pager {top: 0}
	/* Personal Stories */
	.personal-stories form.col-sm-4 {margin-bottom: 15px}
	/* Navigation Switch Point */
	#resource-centre a.donate {width:50%; padding:10px 0; position:absolute; left:0; top:128px; text-align: center; height: 52px; border-radius:0; line-height:30px;}
	a.joinbtn {display:none;}
	p#call-us {position: absolute; right:15px;}
	div#resource-centre {height: 180px}
	div#navigation {height: 0}
	div#nav {background: #004a80 none repeat scroll 0 0;float: right;height: 52px;position: relative;right:0px;top: -52px; width:50%}
	div#nav.active {position: absolute; top:2px; right:0; width:52px; z-index:3000}
	div#navigation.active {position: absolute; top:0}
	a#nav-toggle {position: absolute;right: 12px;top: 12px;width: 35px;height: 25px;}
	div#navigation .container-fluid {padding:0;}
	.fa.fa-search {right: 65px;top: 12px}
	div.search-wrapper {z-index: 999; top: 180px; position: fixed}
	/* Donations */
	.donation-additional-info {width: 48%} 
	.headway-donate .col-xs-8 {width:66%}
	.in-slide-content h1 {margin-top:50px;}
	a.social {width:40%; max-width:40%;}
	.social {padding-bottom:10px;}
	/* Group details */
	.mobileonly {display: block !important}
	.subscribe-button {float:left; display:block; margin:7px 0 12px 0;}
	#footer div.container-fluid div.row div:first-child {padding-right:10px;}
	#footer a.donate {float:left;}
	#footer div.container-fluid div.row:first-child h6 {padding-top:0;}
	div#stories .slide .story-side-panel {padding-left:30px;}
	.col-xs-4 .box-dark-blue {width:49%; float:left; max-width:467px; min-height:240px; margin-top:30px;}
	.col-xs-4 .box-blue {width:49%; float:right; max-width:467px; min-height:240px; margin-top:30px;}
	div#stories {height:350px;}
	.subscribe-button {float:right; margin:-50px 15px 0 0;}
	.donation h6 {width:100%;}
	div#footer .fall a.donate {float:left;width:50%;}
	span.open-state {top:6px;}
	.keyword-input .col-xs-3:first-child {width:100%;}
	.keyword-input .col-xs-6 {width:70%;}
	.keyword-input .col-xs-3 {width:30%;}
	div.main-content.personal-stories {margin-bottom:0;}
	.local-headway {margin-left:0;}
	.headway-donate .main-content {padding:0 30px; margin-bottom:20px; width:100%;}
	.headway-donate .col-xs-8 {width:100%; padding-right:0;}
	.headway-donate .col-xs-4 {width:100%; padding:0 15px 0 15px; margin-top:30px;}
	.personal-stories .row {margin: 0 -10px;}
	.main-content #story-list-content .row-full {margin: 0 -35px;}
	.donation-additional-info {padding:5px 30px;}
	.donation-additional-info ul li {font-size:1.18em;}
	.ways-to-donate {padding-bottom:0;}
	.ways-to-donate .col-xs-3 {width:50%; margin-bottom:10px; min-height:280px;}
	.contentrelated {display:block;}
	.contentrelated .open-state {display:none;}
	.content .contentrelated h5 {margin:20px 0 10px 0;}
	.content .contentrelated h5 a {font-size:2.375em; font-family: "texgyreherosbold"; color: #6693c1;}
	.main-content .contentrelated ul { margin:0; width:100%; float:left;}
	.main-content .contentrelated li {list-style:none; padding:0; margin:0; width:100%; float:left;}
	.main-content .contentrelated .grey-side-panel {padding:30px;}
	.main-content .contentrelated .grey-side-panel a.res-link { padding: 20px 15px 12px 60px;}
	.search-page-filter .col-xs-2 {width:30%;}
	.headway-donate .container-fluid {padding:0;}
	.headway-donate .col-xs-6 {width:100%; padding:0;}
	.headway-donate .col-xs-6:first-child {padding-right:0; padding-bottom:0px;}
	.headway-donate .col-xs-6:first-child h1 {padding-top:0;}
	.cardlogos {position:relative; bottom:inherit; left:inherit; width:100%; float:left;}
	.giftaidpanel .checkrow + span {margin-left:10%;}
	#make-donation {padding:0 15px;}
	#make-donation select.custom-select{width: 55%;}
	.main-content .sponsors-link {display:block; background:#ffffff; margin-top:20px; border:10px solid #f2f2f2; padding:15px 20px; width:100%; float:left;}
	.main-content .sponsors-link h2 {background:none; padding:0; float:left; width:50%; color:#004a80; font-family: "texgyreheroscnbold"; font-size: 2em;}
	.main-content .sponsors-logo {width:50%; border:none; padding:0;}
	.main-content .sponsors-logo img {margin:0; float:right;}
	#tabs .donatewrap_inner{padding:20px;}
	.in-slide-content {left:7%;}
	.biam-cta .container-fluid .col-xs-6 {vertical-align: top;}
	.biam-cta img {margin-top:20px;}
}

@media (max-width: 780px) {
}
			
@media (max-width: 768px) {
	.row-full { margin-left: -30px; margin-right: -15px;}
	h1 {font-size:1.375em; line-height:unset}
	a.rel {font-size:1em}	
	div#banner {height: 430px; min-height:300px}
	.in-slide-content {left:0%;}
	.arrows{bottom: -40px;}

	div#custom-pager {background: #6491c0 none repeat scroll 0 0; height:40px; margin-bottom:0; padding:0 0 25px 0; top:30px; border-bottom:solid 1px #93b2d3;}
	#content-banner .slide {margin-bottom: 0}
	.slide {height: 250px; margin-bottom:50vh; min-height:150px}
	div.slide div.container-fluid {padding: 0; min-height:150px; position:relative; top:100%}
	.in-slide-content {width: 100%; background:#6491c0; position: relative; padding:15px; border-bottom:1px solid #93b2d3; height:220px; min-height:150px; overflow:hidden; top:inherit; bottom:0;}
		.in-slide-content h1 br, .in-slide-content p br {display: none}
		.in-slide-content p {color: #fff; font-size:1.12em; margin-bottom:10px;}
		.in-slide-content button {display: none}
			.thank-you-slide {background: #f5f1e0 url("images/headers-main/thank-you.jpg") no-repeat scroll right -50px bottom / cover;}
	form .find-support {margin: 15px; float:left;}
		form .find-support input {margin: 5px 0; width:75%}
	div#stories h5 {display: none}
	div#stories.container-fluid.desktop-only {height:245px}
	div#quick-help-links {padding: 0}
		div#quick-help-links div .fall {border-right: none; padding:0; margin-bottom:0} 
	#stories div.cycle-slideshow {width: 91%}
	#stories .slide {height: 165px}
	div.story-side-panel {width: 100%; padding:0; margin-top:165px; background:none}
		div.story-side-panel h2, #stories div.story-side-panel h2 i {font-size:1.25em}
			div.story-side-panel h2 {float: right}
			div.story-side-panel a {float: right; clear:both}
	div#footer .social {border-bottom: 0}
	div#footer .social div {position: relative; top:-10px}	
	div#footer h5 {margin-left: 15px}	
	div.social {width:50%; border-top:none}
	.col-xs-6.social.fall br {display: none}
	div.sponsors, #bottom div.sponsors p {padding-left:0}
	#footer .container-fluid .row .col-xs-6.fall.donation {padding-top: 0}
	.in-slide-content a.bannerLink {float:left;}
	/* Staff Listings */
	.staff-listings {margin-left: 2%; width: 100%}
	.staff-member {width:49%}
	.staff-member:nth-child(3n) {margin-right: 2%}
	.staff-member:nth-child(2n) {margin-right: 0}
	.staff-listings label {margin-top:10px; margin-left:15px;}
	.staff-listings input[type="text"] {clear: left; width: calc(100% - 60px); min-width: 66%; margin-top:10px; margin-left:15px;}
	.keyword-input input[type="submit"] {margin-top:10px;}
	div#quick-links, div#login-panel {margin-top:20px;}
	/* Paging */
	a.pagenext {right: 0}
	a.pagenext.last {display: none}
	a.pageprev {left: 0}
	a.pageprev.first {display: none}
	/* Branch Details */
	ul.services-list li {width: 100%}
	/* Personal Stories */
	form#story-filters {width: 66%}
	form .find-support input {max-width:50%; margin-left:10px;}
	h2 {font-size:1.87em;}
	.in-slide-content h1 {margin: 0; color:#FFFFFF; font-size:2.25em; line-height:unset; padding-top:0px}
	#quick-help-links .container-fluid .fall {width:100%;}
	div#quick-help-links div a {padding: 25px 90px 10px 15px; min-height:74px; border-top: 1px solid #749cc6;}
	#footer p {width:100%;}
    #footer p:first-child span.big-text + span {display:block; width:100%;}
	#footer div.container-fluid div.row:first-child p {padding-top:0;}
	#footer div.container-fluid div.row:first-child h6 {padding-top:10px;}
	#footer div.contact-details h6 span {display:block; width:100%;}
	a.social {width:80%; font-size:1.5em; max-width:80%; padding-top:22px; padding-bottom:0px;}
	.col-xs-6.sponsors {width:100%;}
	.col-xs-6.sponsors .float-left {float:right;}
	form .find-support label {width:100%;}
	form .find-support input {max-width:90%;}
	div#stories .slide .story-image-panel {width:50%;}
	div#stories .slide .story-side-panel {width:50%; margin-top:0; padding-left:20px;}
	div#stories li.slide h2 {font-size:1.5em; padding-top:0;}
	div.story-side-panel a {float:left; margin-top:-20px;}
	.cycle-slideshow img {width:100%; height:auto;}
	#stories {min-height:325px;}
	.col-xs-4 .box-dark-blue, .col-xs-4 .box-blue {min-height:300px;}
	.col-xs-4 .box-dark-blue h2, .col-xs-4 .box-blue h2 {margin-top:10px; margin-bottom:10px;}
	.content .main-content .row-full h2 {font-size:1.25em; line-height:22px; }
	.col-xs-4 .box-dark-blue h2, .col-xs-4 .box-blue h2 {margin-bottom:30px;}
	.subscribe-button {width:50%; margin:10px 0 15px 0; float:left;}
	#footer div.container-fluid div.row p:first-child span, #footer div.container-fluid div.row p:first-child span.big-text {width:100%;}
	.main-content div#stories .story-side-panel {margin-top:0; width:60%;}
	.main-content div#stories .story-side-panel h2 {margin:0;}
	.main-content div#stories .story-image-panel {width:40%;}
	.main-content div#stories {min-height:auto; padding:0;}
	form#story-filters {width:100%;}
	.personal-stories .select-wrapper, .personal-stories .select-wrapper select {width:100%; margin-bottom:15px;}
	div#story-filters .col-xs-6 {width:50%;}
	.personal-stories  .link-icon {clear:left; top:0; margin-top:20px;}
	div.donation-thanks.col-xs-6, .donation-additional-info {width:100%; margin:0;}
	.staff-member {width:100%;}
	.container-fluid.terms-listings .row.staff-listings {margin-bottom:30px}
	.container-fluid.terms-listings .row { margin: 0 -20px 0 -7px;}
	.staffdetail {width:65%; float:right; padding:5px 20px 10px 10px;}
	.contentpagelinks .col-xs-4 {width:50%;}
	.donation-additional-info {height:auto; padding:10px 30px 20px 30px; margin-top:20px; min-height:auto;}
	.personal-stories .col-sm-4 a span {margin-bottom:10px;}
	.main-content #story-list-content .paging {margin-bottom:60px;}
	ul.codings li {width:100%;}
	ul.codings {margin-bottom:60px;}
	ul.codings li p {width:80%;}
	.local-headway label {width:100%;}
	.local-headway input {width:80%; margin-left:0;}
	.main-content .row-full.contentpagelinks {margin-bottom:30px; width:100%; float:left;}
	.personal-stories .link-icon {width:100%;}
	.terms-listings {margin:0 25px 0 0;}
	.content .contentrelated h5 {margin-top:-20px;}
	.content .contentrelated {margin-bottom:60px; width:100%; float:left;}
	form#story-filters .col-xs-6 {width:100%;}
	.search-page-filter .col-xs-6, .search-page-filter .col-xs-2 {width:100%;}
	.main-content .mapkey ul li, .main-content .mapkey ul li:last-child {width:100%; margin-left:0;}
	.headway-donate .col-xs-6 ul {padding-right:0; padding-bottom:0;}
	.main-content .sponsors-link {margin-top:0; margin-bottom:30px;}
	.main-content .contentrelated + .sponsors-link {margin-top:-40px;}
	#bottom div.sponsors p.charity-number-right { margin-left: 0; }
	.local-headway input {margin-top:10px;}
	.local-headway input[type="submit"] {margin-top:10px;}
	.local-headway .fa-refresh input[type="submit"] {margin-top:-4px;}
	form .find-support input, form .find-support button, form .find-support label {float:left;}
	.biam-cta .container-fluid .col-xs-6 {width:100%; display:block;}
	.biam-cta {padding-bottom: 20px; padding-top: 20px;}

}

@media (max-width: 560px) {
	/* News Template */
	div.top-filter .keyword-input input.btn.primary[type="submit"] { margin-top:15px;}
	div.top-filter input.btn.primary[type="submit"] {margin-left:0; float:right;margin-right:15px;}
	.newsarticle { padding:5% 15% 10% 15% !important;}
	div.newsarticle .article {padding:0;}
	div.newsarticle {height:auto!important;}
	div.newsarticle .latest-news-image {height:300px; margin-top:10px;}
	div.newsarticle .col-xs-6 {padding:0;}
	div.box-grey.newsarticle a:first-child, div.box-blue.newsarticle a:first-child {margin:0;}
	/* Event Listings */
	.event-listings-filter input[type="text"] {width: calc(100% - 76px); margin-bottom: 15px}
	.cal-wrapper {width: 285px; right: 0}
	/* Top Banner 
	.in-slide-content {height: 50vh; min-height: 400px; top: -25vh}*/
	/* Donations */
	.donation-additional-info {width: 48%; margin-left: 0}
	.col-xs-6.donation {width:50%;}
	.content .main-content .row-full h2 {font-size:1.625em; line-height:28px; padding-top:10px; margin-bottom:0;  min-height: 54px;}
	.content .main-content .row-full a.featured-content-link {margin:5px 0 30px 0;}
	.local-headway .row {margin:0 0 0 0px;}
	.keyword-input .col-xs-6, .keyword-input .col-xs-3 {width:100%;}
	div.top-filter .keyword-input .col-xs-6 label { margin-top:10px; }
	.keyword-input .col-xs-6 label {width:100% !important;}
	div.top-filter .keyword-input input[type="text"] {margin-top: 5px; width: calc(100% - 78px);}
	div.top-filter .keyword-input i.search-submit {margin-top: 6px;}
	.related-footer .grey-side-panel a.res-link {width:100%;}
	.related-footer {padding-bottom:0;}
	div#stories .slide .story-image-panel {width:100%;}
	div#stories .slide .story-side-panel {width:100%; margin-top:0; padding-left:0px;}
	div#stories {height:550px;}
	.col-xs-4 .box-dark-blue {width:100%; max-width:100%; min-height:auto; margin-top:30px;}
	.col-xs-4 .box-blue {width:100%; max-width:100%; min-height:auto; margin-top:10px; float:left;}
	div.full-width.grey div.col-xs-4 {width:100%; padding-bottom:20px;}
	h2.featured-title {min-height:auto;}
	.staffimg {width:100%; padding:15px 20% 0 20%;margin-bottom:20px;}
	.staffdetail {width:100%; padding:0px 20px;}
	fieldset .contourField div {width:100%; position:relative;}
	fieldset label, span.help-block {width: 100%; max-width:100% !important;}
	.contentpagelinks .col-xs-4 {width:100%;}
	.donation-additional-info {width:100%;}
	.ways-to-donate .col-xs-3 {width:100%;}
	.main-content #story-list-content .paging, ul.codings {margin-bottom:0px;}
	.branch-details dt, .branch-details dd {width:100%;}
	.contentpagelinks .col-xs-4 {padding:0 0 20px 0; margin:0 15px;}
	.content .main-content .row-full a.featured-content-link {width:100%;}
	.contentpagelinks div.col-xs-4 { margin-bottom:20px;}
	.custom-pager ol {display:none;}
	div#bottom-resource-links .col-xs-4 {width:100%;}
	#bottom-resource-links a.featured-content-link, #bottom-resource-links a.featured-download {padding-top:70%;}
	.content .contentrelated {margin-bottom:0px; }
	.donatewrap label {width:100%;}
	.donatewrap input, .donatewrap .select-wrapper, #make-donation button.pink  {width:94%; margin-left:3%;}
	.donatewrap .checkrow label {width:88%;}
	.cardlogos {margin-top:0;}
	.cardlogos ul li {width:50%;}
	#make-donation select.custom-select{width: 87%;}
	.main-content .sponsors-link {margin-bottom:0; margin-top:0px;}
	.main-content .contentrelated + .sponsors-link {margin-top:20px;}
	#bottom div#footernav p { margin-bottom: 10px; }
}

@media (max-width: 520px) {
	/* Search Widget */
	div.search-wrapper input[type="text"] {max-width: 65%}
}

@media (max-width: 500px) {
	.biam-cta img {max-width:100%; height:auto;}
	p#call-us {padding-left:0;}
	.row-full { margin-left: -30px; margin-right: -30px;}
	div#quick-help-links div .fall p {padding-left: 0; margin-bottom:0}
	div#quick-help-links div .fall a {padding-left: 0; font-size:1.12em; }
	form .find-support {width: 95%; float:left;}
	div#footer span.big-text {display: block}
	div#footer .fall {margin-bottom: 0}
	div#footer .fall a.donate {float:left}
	div#footer div.row {margin-right: 0}
	div#footer .container-fluid {padding:0;}
	div#footer .container-fluid .row {margin:0;}
	#footer div.container-fluid div.row .col-xs-6 {padding:0 15px;}
	div#footernav ul li a {font-size:.81em}
	div.sponsors, #bottom div.sponsors p {padding: 0; font-size:1.5em}
	#footer div.container-fluid div.row div:first-child {border-right: none}
	div#footer .contact-details {border-bottom: 1px solid #86a9ce; padding-bottom:20px!important; margin-bottom:20px;}
	div#footer .social div {padding:0; margin:0; width:100%; float:left; }
	#footer .container-fluid .row .col-xs-6.fall.donation {padding:0 15px; border-top: 1px solid #86a9ce;}
	#footer div.container-fluid div.row:first-child p {margin-bottom:20px;}
	div#footer .col-xs-6.social {padding-left:0px;}
	span.breadcrumb, span.breadcrumb.breadcrumb-left {top: inherit; bottom:0; padding:16px 25px;}
	div#footer h5 {margin-left:0;}
	a.social {width:20%; font-size:0; float:left; line-height:0;}
	a.social span {display:none;}
	/* Staff Listings */
	.staff-member {width:100%}
	.staff-member:nth-child(3n) {margin-right: 0}
	/* News template */
	i.search-submit {display: block}
	/* Search Results */
	.search-results .col-xs-6 {width: 100%}
	.in-slide-content h1 {margin: 0; color:#FFFFFF; font-size:1.87em; line-height:unset; padding-top: 0px}
	div.social h5, #footer div.contact-details h6 {font-size:1.75em;}
	div.newsarticle .latest-news-image {height:200px;}
	.newsarticle { padding:10px 10% 50px 10% !important;}
	.subscribe-button {float:right; margin-top:-50px; margin-right:5px; width:40%; text-align:center; padding-left:0; padding-right:0;}
	#footer div.container-fluid div.row p:first-child span {width:60%; float:left; clear:left; line-height:18px;}
	#footer div.container-fluid div.row p:first-child span.big-text {width:50%; float:left; clear:right;line-height:28px; margin-bottom:10px}
	#footer div.contact-details h6 span {width:auto; display:inline;}
	.donation h6 {float:left; width:50%; margin-bottom:0;}
	div#footer .fall a.donate {float:right; margin:15px 0 0 0; width:40%; text-align:center; padding-left:0; padding-right:0;}
	div#stories {height:500px;}
	.main-content div#stories .story-side-panel, .main-content div#stories .story-image-panel {width:100%;}
	.main-content div#stories .story-side-panel {padding:20px 0 0 0;}
	.content .main-content .row-full a.featured-content-link {padding-top:78%;}
	.main-content .row-full.contentpagelinks {margin-bottom:20px;}
	p#call-us {font-size:1.5em; line-height:26px; max-width:200px;}
	.main-content .mapkey ul li p {font-size:.93em;}
	.main-content .sponsors-link {display:block; background:#ffffff; border:none; padding:0; width:100%; float:left;}
	.main-content .sponsors-link h2 {background:#004a80; color:#ffffff; font-size:1.31em; line-height:28px; margin:0; padding:12px 20px; width:100%; float:left;}
	.main-content .sponsors-logo {background:#ffffff; border:10px solid #f2f2f2; padding:15px; width:100%; float:left;}
	.main-content .sponsors-logo img {margin:0 auto; max-width:100%; height:auto; float:none;}
	#bottom div.sponsors p.charity-number-right { font-size: 0.55em; margin-top: 10px; }
	.local-headway span {padding-top:10px;}
	.fa-map-marker {top:0;}
	.row .fa-map-marker {top:0px;}
	.row.blue .fa-map-marker {top:8px;}

}

.content img{
	max-width: 100%	
}

.fullWidthImagePanel{
	margin-bottom: 25px	
}
.fullWidthImagePanel h3{
	font-family: 'texgyreherosbold';
    color: #004a80;
    font-size: 2.3125em;
	margin-top:0
}
.fullWidthImagePanel .dsc{
	background: #ededed;
	padding: 30px;
	float: left
}

.fullWidthImagePanel .dsc .link{
    color: #6491c0;
    font-size: 1.18em;
    margin-right: 15px;
    font-family: "texgyreherosbold";
    background: url(images/featured-link.png) right 0px center no-repeat;
    width: 170px;
    display: block;
    transition: all 1s;
    height: 60px;
    padding: 15px 0 0;
    float: right;
}
			
.fullWidthImagePanel .img {
	position: relative;
	height: 300px
}

@media (max-width: 960px) {	
	.fullWidthImagePanel .img {
		height: 350px
	}
}
@media (max-width: 560px) {	
	.fullWidthImagePanel .img {
		height: 250px
	}
}

.fullWidthImagePanel .img h5{
	background: #004a80;
    max-width: 40%;
    padding: 15px;
    position: absolute;
    bottom: 0;
    z-index: 999;
	margin-bottom: 0;
	left:0
}


@media (max-width: 1024px) {
	.local-headway {margin-left:0px}
	a.tab:nth-child(2) {width: 80%}
	.local-mo {display:none;}
	a.tab i {line-height:53px}
	.branch-result {width: 100%}
	.branch-result:nth-child(odd) {padding-right: 15px; border:none}
	.branch-result:nth-child(even) {padding-left: 15px}
	.branch-result .col-xs-12.white .col-xs-10.white p {margin-bottom: 35px}
}



@media print{
	#resource-centre, #navigation, #content-banner,.relatedcontentlinks,
	.social-share,#bottom-resource-links,#footer,#bottom,.backbutton,
	.contentpagelinks, #article-heading img, iframe, .content-nav,.contentrelated{display: none!important}
}

