@charset "utf-8";
/*
--------------------------------------------- 
	Responsive Styles
	Targeting Smart Phone Only (max-width: 480px)
---------------------------------------------
*/

.hidden-desktop {display:none;visibility:hidden;}

@media (max-width: 480px) { /* Smart phone targeted styles */
	/* Set container size */
	.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container {width: 100%;}
	.panel .row {margin-left:-12px;margin-right:-12px;}
	
	/* Hide unecessary elements */
	.hidden-phone, #global, .dropdown-menu, #activity-slider, #explore, #view-toggle, .results .search-bar, .snapshot .avatar, .results.organisations .avatar, .details #express-interest, .details .share-group, .organisations .result-block .avatar, .story .toolbar, .main-content-news .toolbar, .submenu-container-stories, .hero, .explainer .arrow-top, .explainer .arrow-bottom, .print {display:none;visibility: hidden;}
	.hidden-desktop, .show-mobile {display:inherit !important;visibility:visible !important;}
	
	/* Mobile specific styles */
	body {border-top: none;padding-left:0;padding-right:0;padding-bottom:0;margin-bottom:0;}
	header .panel-header {height: 44px;padding:0;background:#f0087e;}
	header .panel-header, header nav {margin-left:0;margin-right:0;}
	header .brand {margin:0;padding:0;width:100%;height:auto;text-align:center;}
	header .brand img {width:145px;height:28px;margin: 7px auto;}

	.navbar-inner {min-height:0;border:0;}
	.navbar {margin-bottom:0;}
	.navbar .btn-navbar {
		background: #f0087e; /* Old browsers */
		background: -moz-linear-gradient(top,  #f0087e 1%, #d21073 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f0087e), color-stop(100%,#d21073)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #f0087e 1%,#d21073 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #f0087e 1%,#d21073 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #f0087e 1%,#d21073 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #f0087e 1%,#d21073 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0087e', endColorstr='#d21073',GradientType=0 ); /* IE6-9 */
		margin-top: -39px;
		padding: 5px 6px; 
		border-color: rgba(160, 2, 82, 0.2);
	}
	
	header .navbar .menulist > li {float:none;text-align:center;border:none;}
	.navbar .container-fluid {padding:0;}
	
	.navbar .menulist .active > a:after, .navbar .menulist .dropdown:hover > a:after {
		border-width:0;
		margin-left: 0;	
	}
	.navbar .menulist > .active > a:after, .navbar .menulist > .active > a:before, .navbar .menulist > .dropdown:hover > a:after, .navbar .menulist > .dropdown:hover > a:before, #global.navbar .menulist .active:after {
		border: 0;
		position: relative;	
	}
	.navbar .menulist .active > a:before, .navbar .menulist .dropdown:hover > a:before {
		border-width:0;
		margin-left: 0;	
	}
	.navbar .menulist > .active > a:after, .navbar .menulist > .active > a:before, .navbar .menulist > .dropdown:hover > a:after, .navbar .menulist > .dropdown:hover > a:before, #global.navbar .menulist .active:after {
    		border: none;
	}
	.navbar .menulist {margin:0;width:100%;}
	
	#search-home.search-bar {height:auto;padding-bottom:1px;margin:10px;-webkit-border-radius:11px;border-radius:11px;}
	.search-bar div {float:none;display:block;}
	.search-bar #search-keywords, .search-bar #search-duration, .search-bar #search-location {width: 90%;margin:0 auto;padding:0;}
	.search-bar #search-keywords input {color:#111111;width: 82%;}
	.search-bar #search-location input {color:#111111;width: 60%;}
	.search-bar #search-button {width:97px;margin: 10px auto;display:block;float:none;}
	
	#browse-by {margin: 0 10px 10px;}
	#browse-by h3 {float: none; margin:0; padding-right:0;text-align:center;}
	#browse-by .browse-header {padding-top:10px;}
	#browse-by .nav-tabs {margin-top: 10px;}
	#browse-by .nav-tabs li, #browse-by .nav-tabs a {margin-right: auto;width:25%;text-align:center;}
	#browse-by .nav-tabs > .active > a, #browse-by .nav-tabs > .active > a:hover {padding-bottom:22px;}
	
	#browse-by #location .row {margin:0;}
	
	#browse-by #cause {height:auto;overflow:inherit;}
	#browse-by #cause div {border:none !important;}
	#browse-by #cause div#artculture,
	#browse-by #cause div#animalsenvironment,
	#browse-by #cause div#humanitarianaid,
	#browse-by #cause div#youtheducation,
	#browse-by #cause div#socialservicesjustice,
	#browse-by #cause div#healthwellness,
	#browse-by #cause div#other {
		position:relative;
		padding:0 0 20px 0;
		margin:0;	
		float:none;
		display:block;
		width:100%;
		top:auto;
		left:auto;
	}
	
	#browse-by #type {height:auto;overflow:inherit;}
	#browse-by #type ul {padding-top:10px;}
	#browse-by #type li, #browse-by #type li:nth-child(3) {border:none;float:none;width:100%;height:auto;padding:0;}
	#browse-by #type li a {display:block;clear:both;text-align:left;}
	#browse-by #type img {width:45px;float:left;margin-left: 10px;margin-right: 10px;}
	
	#browse-by #event .panel-wide {background: none;}

	.promotional {width:91%;margin:20px auto 0;}
	.promotional .span6 {margin-bottom:10px;}
	.promotional img {width:auto;max-width:auto;margin: 0 auto;border:1px solid #dadada;}
	.promotional .well {border:0;padding:0;}
	.promotional .event-snapshot {background-color:#ffffff;width:100%;}
	.promotional .event-snapshot .date {width:30%;padding: 10px;text-align:center;font-size:;}
	.promotional .event-snapshot .date b {position:relative; font-size:32px;left:auto;top:auto;line-height:32px;}
	.promotional .event-snapshot header {padding:10px;width:52%;}
	.promotional .event-snapshot .snapshot {background: #ffffff;}
	.promotional .event-snapshot.mob-nofloat .pull-right {float:none !important;}
	
	.display-block.opportunity .event-snapshot .snapshot {width: auto;height:auto;position:static;}
	.display-block.opportunity .event-snapshot .snapshot .group {padding-left: 0;}
	.display-block.opportunity .event-snapshot .snapshot span {margin-top: 3px;}
	.display-block.opportunity .event-snapshot .byline {margin-left: 43px;}
	
	.promotional .mob-link {width:auto;text-align:center;margin: 0 auto;}

	#teaser {width:71%;height:auto;background:url("/Assets/gfx/volunteer-collage-mobile.jpg") no-repeat scroll 0 0 #ffffff;margin: 0 auto 20px;padding:5% 10%;}
	#teaser .teaser-msg {background:#ffffff;padding:10px;}
	#teaser .teaser-msg h2 {font-size:24px;line-height:28px;}
	#teaser .teaser-msg p {font-size:11px;line-height:16px;}
	
	/* Search Results */
	
	.panel {-webkit-box-shadow:none;box-shadow:none;padding:18px 10px 10px;position:relative;margin:10px;-webkit-border-radius:6px;border-radius:6px;}
	.panel .row {margin-left:0;margin-right:0;}
	.panel.results, .result-block, .panel.details, #org-profile {width:auto;margin: 10px !important;}
	.panel h1 {padding-left:0;padding-right:0;}
		
	#refine-search {border:1px solid #cccccc;margin:0 auto 10px;width:auto;padding:10px;}
	#refine-search #refineH3 {font-weight:normal;padding:0;width:auto;margin:0;position:relative;}
	#refine-search #refineH3 span.expand-icon {position:absolute;right:10px;}
	#refine-search #panelContainer {margin-top:20px;}
	#refine-search  .panelItem {margin:20px 0;}
	#refine-search .boxContent {width:100%;}
	#refine-search .span2, .panel.results .mob-btn {text-align:center;}
	
	.toolbar.tools-search {-webkit-border-radius:3px;border-radius:3px;margin-top:10px;margin-bottom: 20px !important;}
	.panel.results.opportunities .toolbar {padding:0 5px;}
	.toolbar.tools-apply {text-align:center;}
	
	.service-focus {float:left;padding-right:10px;}
	.snapshot {background:#efefef;padding:5px;height:auto;min-height:auto;}

	.paging {width:auto;padding-top:10px;}
	.paging a {padding-left:0;}
	.paging a.paging-back {float:left;}
	.paging a.prev {margin-right:10px;}
	.paging-cap {margin-bottom:20px;}
	
	.toolbar.tools-search .paging {position:relative;width:auto;padding:0;text-align:center;}
	.toolbar.tools-search .paging input {margin: 5px;}
	.toolbar.tools-search .paging button.prev {padding:0 !important;}
	.toolbar.tools-search .paging a.prev {position:absolute;left:0;}
	.toolbar.tools-search .paging a.next {position:absolute;right:0;}

	.details #job-ad {border-right:0; margin-right:0;padding:0;width:auto;}
	.details #job-ad header, .details .infobar, .details .toolbar.tools-apply {margin:10px 0;}
	.details #job-ad .row {margin-left:10px;margin-right:10px;}
	.details .pub-date {margin-top:-20px !important;}
	.details .byline {margin-top:5px;}
	.details .snapshot span {margin-right:10px;}
	.details #mini-map .map.canvas {margin: 0 auto !important;}
	.details #mini-map p {margin-top:20px;}
	.details #mini-map small {text-align:center;}
	
	/* Advanced Search */
	
	.panel-cap {background:#ffffff;padding:20px 10px 10px;margin-top:-18px;margin-left:-10px;margin-right:-10px;}
	.adv-option-group {margin-left:-10px;margin-right:-10px;width:auto;}
	.adv-option-group h2, .adv-option-group p, .adv-option-group li, .adv-option-group .location {padding:0 10px !important;}
	.adv-option-group h2 span {display:block;}
	.adv-option-group .clear-all {margin:auto;}
	.mob-btn {margin-top:10px;margin-bottom:-10px;}

	/* Expression of Interest */

	.eoi .well {padding:10px;}
	.eoi .input-group {display:block;float:none;width:auto;position:relative;}
	.eoi .input-medium {width:95%;}
	.eoi input::-webkit-input-placeholder {color: #666666;}
	.eoi input:-moz-placeholder {color: #666666;}
	.eoi input:-ms-input-placeholder {color:#666666;}
	.eoi label {display:block;}
	.eoi .radio-inline label {display:inherit;width:auto;}
	.eoi label.show-mobile {font-size:14px;color:#206375;margin:10px 0;}
	.eoi .mob .required {position:absolute;top:1px;left:80px;}
	.eoi .mob .help-block-sm {position:absolute;top:1px;left:90px;}
	.eoi .extra {margin-bottom:10px;}
	.eoi textarea {margin:10px 0;width:100% !important;}
	.eoi .span5 {margin:0;}
	/*.eoi .notice {position:absolute;top:20px;margin-right:10px;} */
	/*.eoi h1 {margin-top:130px;} */
	.eoi-results-details {padding-bottom:0;}
	.eoi-results-details .snapshot {padding-bottom:10px;}
	
	.notice {position: relative;background: #fff;border: 4px solid #f00a81;}
	.notice:after, .notice:before {top: 100%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
	.notice:after {border-color: rgba(255, 255, 255, 0);border-top-color: #fff;border-width: 10px;left: 50%;margin-left: -10px;margin-top:0 !important;}
	.notice:before {border-color: rgba(240, 10, 129, 0);border-top-color: #f00a81;border-width: 16px;left: 50%;margin-left: -16px;margin-top:0 !important;}
	
	#message {border-right:none !important;}
	
	/* Organisation Search */
	
	.panel.organisations {padding-top:20px;}
	.panel.organisations .snapshot .btn-small {padding: 2px 10px;}
	.organisations .result-block {min-height:auto;}
	.results.organisations .result-block [class*="span"] {min-height:0 !important;}
	
	/* Organisation Profile */
	
	.organisations #vcard {height:auto;margin-top:0;margin-bottom:20px;}	
	#vcard .avatar div {width:220px;height:auto;margin: 10px auto;display:block;text-align:center;padding:5px;}
	.panel .flush {margin-left:-10px;margin-right:-10px;}
	#vcard h1 {padding:5px;}
	.organisations #profile {border-right:none;}
	
	#share-panel-popup {top: 37px; left:5px;width:auto;padding:10px 10px 5px;}
	#share-panel-popup .print, #share-panel-popup .share i  {display:none;}
	#share-panel-popup .share {float:none;}
	#share-panel-popup .share span {margin: 0 3px;}
	
	#share-panel-popup:after, #share-panel-popup:before {bottom: 100%;bottom: 100%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;right:auto;}
	#share-panel-popup:after {border-color: rgba(255, 255, 255, 0);border-bottom-color: #ffffff;border-width: 5px;left: 50%;margin-left: -5px;top:auto;}
	#share-panel-popup:before {border-color: rgba(201, 201, 201, 0);border-bottom-color: #c9c9c9;border-width: 6px;left: 50%;margin-left: -6px;top:auto;}
	

	/* Find Volunteers */

	.register #register-content {padding:0;}
	.register #refineH3 {font-weight:normal;padding:10px;width:auto;margin:-10px 0 20px 0;position:relative;border:1px solid #c9c9c9;background:#efefef;}
	.register #refineH3 span.expand-icon {position:absolute;right:10px;}
	.register #panelContainer {margin-top:20px;}
	.register .control-group {margin:0 -10px;}
	.register .input-group {display:block;float:none;width:auto;position:relative;}
	.register .input-medium {width:95%;}
	.register input::-webkit-input-placeholder {color: #666666;}
	.register input:-moz-placeholder {color: #666666;}
	.register input:-ms-input-placeholder {color:#666666;}
	.register label {display:none;}
	.register .mob {position:relative;}
	.register .mob .whylink.personal-accident {position:absolute;top:20px;left:280px;}
	.register .mob .whylink.public-liability {position:absolute;top:20px;left:120px;}
	.register .terms {width:auto;}
	.register .check-text {width:80%;padding-bottom:10px;}
	.register .datefield {margin-bottom:0 !important;padding-bottom:0 !important;height:28px !important;}
	
	/* Content Pages (CMS) */
	
	.submenu-container {position:absolute;bottom:40px;width:auto;}
	.submenu-container.span3 {width:95%;padding:0;margin:0;}
	.subMenu {width:auto;padding:10px;}
	.subMenu .parent-page a {padding: 0;margin-bottom:10px;}
	
	.main-content {padding-bottom: 290px;}
	.main-content-news {padding-bottom: 275px;}
	
	.nav-pills.bubbles {margin:10px 0;}
	
	.tab-content .well {padding:5px;margin:10px 0 20px;}
	.tab-content h3.section-header {padding-bottom:5px;margin-bottom:0;}
	.tab-content .accordion-heading .accordion-toggle {padding:5px;font-weight:normal;}
	.tab-content .accordion-inner {padding:10px;}
	
	#directory .box {width:auto;height:auto;float:none;}
	
	.stories {margin: auto;}
	.stories div.span3 {width:auto;}
	.divider-right {border-right:none;}
	.playlist .caption {text-align:left;margin-top:auto;font-weight:normal;}
	
	.mob-action {text-align:center;}
	.btn.mob-style {display:block;margin:5px auto;}
	
	.subdivide {border-left:none;padding:10px;background:#efefef;}
	.sitemap ul, .sitemap ul ul {width:auto;}
	
	.button-container .btn.btn-small {width:auto;display:block;margin-bottom:5px;padding:10px !important;}
	.button-container {text-align:center;}
	
	.event.detail .divider-right, .main-content .divider-right {width:auto;margin-right:0;padding-right:0;}
	
	/* .subMenuNav li:last-child {display:none;}  Hide Spread the Word */

	.date-badge {margin-bottom:20px;}
	.event.detail .toolbar {height:20px;}
	
	/* Footer */
	
	footer {width:100%;margin:0;padding:0;}
	footer .container {width:90%;margin:10px auto;}
	footer #last-search {padding:10px;width:auto;margin:0 auto 10px auto;}
	footer #last-search a {display: inline !important;}
	footer .accordion-header {background:#565656;padding:10px;margin:5px auto;font-weight:normal;position:relative;}
	footer .accordion-header span.expand-icon {position:absolute;right:10px;}
	footer .accordion-item {padding:10px;}
	footer #facebook {padding: 10px 0 5px;text-align:center;}
	footer #sup-nav, footer #site-info {width:auto; margin: 0 auto;}
	footer #site-info {text-align:center;padding-bottom:10px;}
	footer .span5, footer .span3, footer .span2 {width:auto;float:none;margin:0 auto;}
	footer nav {padding:0;margin:auto;}
	footer nav .pull-right {float:none;}
	footer a {display:block;}
	footer .mob-legal {padding-top:20px;text-align:center;}

	/* Promobar */

	.promobar .container-fluid {
		padding-top: 35px;
	}

	.promobar .promolink {
		display: block;
		margin: 10px 0px 10px 0px;
	}

	.promobar .close {
		display: block;
		float: none;
		top: 15px;
		left: 0px;
		right: 0px;
		position: absolute;
	}

}

@media (max-width: 320px) { /* Smart phone targeted styles */ 
	.tools-search .sort {float:none;margin-bottom:5px;}
	.tools-search .sort select {width:84%;}
	.nav-pills.bubbles > li > a {padding: 5px;margin-right:3px;font-size:11px;}
	.register .mob .whylink.personal-accident {position:absolute;top:38px;left:80px;}
	.register .mob .whylink.public-liability {position:absolute;top:20px;left:100px;}
}