/*
Theme Name: Volunteer Plus
Author: Pipe Media
Author URI: http://www.pipe.media
Description: Responsive WordPress theme with Volunteer Plus integration
Version: 1.0
*/

/* Basic Styles
------------------------------------------- */

	body {
		background-color: #FFFFFF;
		font-family: "proxima-nova", Helvetica, Arial, Sans-serif;
		font-size: 16px;
		line-height: 21px;
		color: #333333;
		font-weight: 300;
	}

/* Typography
------------------------------------------- */

	h1, h2, h3, h4, h5, h6 {
		color: #2A98B2;
		font-weight: 600;
		margin: 0 0 12px; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 30px; line-height: 34px; }
	h2 { font-size: 26px; line-height: 30px; }
	h3 { font-size: 22px; line-height: 26px; }
	h4 { font-size: 18px; line-height: 23px; }
	h5 { font-size: 16px; line-height: 20px; }
	h6 { font-size: 14px; line-height: 18px; }
	
/*  Unique Titles */	
	h1.section_heading {
		font-weight: 600;
		color: #2A98B2;
		font-size: 42px;
		line-height: 46px;
		margin: 0 0 30px;
	}
	h1.section_heading.with_date {
		margin: 0 0 12px;
	}

	p { margin: 0 0 12px; }
	p img { margin: 0; }

	em { font-style: italic; }
	strong { font-weight: 600; font-weight: normal; }
	small { font-size: 80%; }

/*	Blockquotes  */
	blockquote, blockquote p { line-height: 22px; color: #555555; }
	blockquote { margin: 0 0 20px; padding: 5px 0 7px 15px; border-left: 2px solid #ddd; }
	blockquote p:last-child { margin: 0; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

/*	Horizontal Line  */
	hr { border: solid #DDDDDD; border-width: 2px 0 0; clear: both; margin: 15px 0; height: 0; }
	hr.single { margin: 30px 0 15px; }

/* Links
------------------------------------------- */

	a { color: #333333; text-decoration: underline; outline: 0; -o-transition: all 0.4s ease-out 0s; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; }
	a:hover { color: #222222; }
	
	a.btn { display: block; border: 1px solid #EE6C00; background-color: #EE6C00; color: #FFFFFF; padding: 9px 12px 7px; text-decoration: none; float: left; margin: 5px 7px 15px 0; }
	a.btn:hover { background-color: #FFFFFF; color: #EE6C00; }
	
	a.btn.view_more { margin: 20px auto 0; float: none; clear: both; width: 210px; text-align: center; }

/* Lists
------------------------------------------- */

	ul {
		list-style: square;
		padding: 0 0 0 25px;
	}
	
	ul li, ol li {
		margin: 0 0 5px;
	}

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

	img {
		max-width: 100%;
		height: auto;
	}

	img.alignleft {
		float: left;
		margin: 0 20px 0 0;
	}
	
	img.alignright {
		float: right;
		margin: 0 0 0 20px;
	}
	
	img.img_border {
		margin: 0 20px 45px 0;
		border: 1px solid #EEEEEE;
	}

/* Forms
------------------------------------------- */

	#frm_form_6_container form {
		border-top: 2px solid #EEEEEE;
		padding: 25px 0 0;
		margin: 20px 0 0;
	}

	form label {
		margin: 0 0 5px !important;
	}

	form input, form textarea, form select {
		box-shadow: none !important;
	}
	
	form .frm_error {
		margin: 5px 0 0 !important;
	}
	
	.frm_submit img.frm_ajax_loading {
		float: right;
	}
	
	form .frm_submit input, form input.submit,
	form#loginform input#wp-submit,
	form#resetpassword p.submit input {
		background-color: #EE6C00;
		color: #FFFFFF;
		font-size: 16px;
		border: 1px solid #EE6C00;
		padding: 9px 12px 7px;
	}

	form .frm_submit input:hover, form input.submit:hover,
	form#loginform input#wp-submit:hover,
	form#resetpassword p.submit input:hover {
		background-color: #FFFFFF;
		color: #EE6C00;
	}
	
	input, textarea, select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border-radius: 0;
	}
	
	input[type="checkbox"] {
		-webkit-appearance: checkbox;
		-moz-appearance: checkbox;
		appearance: checkbox;
	}
	
	input[type="radio"] {
		-webkit-appearance: radio;
		-moz-appearance: radio;
		appearance: radio;
	}
	
	select {
		background: url('images/select.png') right 10px top 12px no-repeat;
		background-size: 16px 9px;
	}

/* Table
------------------------------------------- */
	
	table {
		width: 100%;
		margin: 0 0 30px;
	}
	
	table thead tr th {
		font-weight: 600;
		border-bottom: 2px solid #DDDDDD;
		text-align: left;
		font-weight: normal;
		padding: 12px 7px;
	}
	
	table tbody tr td {
		border-bottom: 1px solid #DDDDDD;
		padding: 12px 7px;
	}
	
	table tbody tr:nth-child(2n+2) td {
		background-color: #F9F9F9;
	}
	
	table tbody tr td .label {
		background-color: #777777;
		color: #FFFFFF;
		display: block;
		font-size: 14px;
		text-align: center;
		padding: 4px 7px 3px;
		float: left;
	}
	
	table tbody tr td .label.referral {
		background-color: #5BC0DE;
	}
	
	table tbody tr td .label.interview {
		background-color: #337AB7;
	}
	
	table tbody tr td .label.placement {
		background-color: #5CB85C;
	}
	
	table tbody tr td .label.not_placed {
		background-color: #F0AD4E;
	}
	
	table tbody tr td .label.closed {
		background-color: #D9534F;
	}
	
	table tbody tr td.warning {
		background-color: #FCF8E3;
		color: #8A6D3B;
		text-align: center;
	}

/* Lightbox
------------------------------------------- */

	.popup {
	  	position: relative;
	  	background: #FFF;
	  	width: auto;
	  	max-width: 450px;
	  	margin: 20px auto;
		padding: 20px;
	}
	
	.popup.small_popup {
		max-width: 280px;
	}
	
	.popup.popup-video {
		max-width: 560px;
		text-align: center;
	}

	.popup .mfp-close-btn-in .mfp-close {
		font-size: 36px;
		color: #666666;
	}
	
	.popup a.btn {
		margin: 5px 7px 0 0;
	}
	
	.popup.popup-video h2 {
		font-weight: 600;
		margin: 0 0 7px;
	}
	
	.popup.popup-video p {
		margin: 0 0 15px;
		color: #666666;
	}
	
	.popup.popup-video a.btn {
		margin: 15px 0 0;
		float: none;
		padding: 9px 0 7px;
		width: 100%;
	}
	
	.popup hr.spliter {
		margin: 0 0 15px;
	}
	
	.popup p.break {
		background: #DDDDDD;
		height: 1px;
		margin: 20px 0;
	}
	
	.popup p.break span {
		background: #FFFFFF;
		padding: 5px 10px;
		position: relative;
		top: -10px;
		left: 110px;
		font-weight: 600;
		color: #666666;
	}
	
	.mfp-fade.mfp-bg {
	  opacity: 0;
  	  -webkit-transition: all 0.25s ease-out;
	  -moz-transition: all 0.25s ease-out;
	  transition: all 0.25s ease-out;
	}

	.mfp-fade.mfp-bg.mfp-ready {
	  opacity: 0.8;
	}

	.mfp-fade.mfp-bg.mfp-removing {
	  opacity: 0;
	}

	.mfp-fade.mfp-wrap .mfp-content {
	  opacity: 0;
	  -webkit-transition: all 0.15s ease-out;
	  -moz-transition: all 0.15s ease-out;
	  transition: all 0.15s ease-out;
	}

	.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	  opacity: 1;
	}

	.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	  opacity: 0;
	}

/* Breadcrumbs
------------------------------------------- */

	.breadcrumbs {
		float: right;
		margin: 12px 0 0;
		color: #FFFFFF;
	}
	
	.breadcrumbs a {
		font-weight: 300;
		text-decoration: none;
		color: #FFFFFF;
	}

/* Social
------------------------------------------- */
	
	ul.social {
		background-color: #EE6C00;
		border-radius: 10px 0 0 10px;
		list-style: none;
		margin: 0;
		padding: 0;
		position: fixed;
		top: 50%;
		right: 0;
		padding: 5px 15px;
		margin-top: -90px;
		border: 1px solid #FFFFFF;
		border-right: none;
	}
	
	ul.social li {
		background: url('images/social-2022.png') no-repeat;
		background-size: 125px auto;
		width: 25px;
		height: 25px;
		margin: 15px 0;
	}
	
	ul.social li.facebook {
		background-position: -25px 0;
	}
	
	ul.social li.youtube {
		background-position: -50px 0;
	}
	
	ul.social li.instagram {
		background-position: -75px 0;
	}
	
	ul.social li.linkedin {
		background-position: -100px 0;
	}
	
	ul.social li a {
		text-indent: -9999px;
		width: 100%;
		height: 100%;
		display: block;
	}

/* Cookie Consent
------------------------------------------- */

	#cookie-law {
		width: 100%;
	    background-color: #2A98B2;
		padding: 10px 0;
	}

	#cookie-law p {
	    font-size: 14px;
	    color: #FFFFFF;
		margin: 0;
	}

	#cookie-law p a {
		color: #FFFFFF;
	}

	#cookie-law p a.close-cookie-banner {
		background: url('images/close.png') no-repeat;
		background-size: 20px 20px;
		float: right;
		width: 20px;
		height: 20px;
		display: block;
		text-indent: -9999px;
		margin: 1px 0 0;
	}

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

	header {
		padding: 20px 0 25px;
	}
	
	header .logo {
		background: url('images/logo.png') center no-repeat;
		width: 265px;
		height: 130px;
		background-size: 100% auto;
	}
	
	header .logo a {
		width: 100%;
		height: 100%;
		display: block;
		text-indent: -9999px;
	}
	
	header ul.controls {
		float: right;
		list-style: none;
		margin: 0 0 12px;
		padding: 0;
		height: 40px;
	}
	
	header ul.controls li {
		float: left;
		margin: 0 0 0 5px;
	}
	
	header ul.controls li.font_size a {
		background: #DDDDDD url('images/font_size.png') center no-repeat;
		background-size: 16px 16px;
		display: block;
		height: 37px;
		width: 37px;
		text-indent: -9999px;
	}
	
	header ul.controls li.mobile_menu {
		display: none;
	}
	
	header ul.controls li.mobile_menu a {
		font-weight: 600;
		background: #2A98B2 url('images/menu.png') right 9px top 10px no-repeat;
		background-size: 18px 16px;
		display: block;
		color: #FFFFFF;
		text-decoration: none;
		font-size: 16px;
	}
	
	header ul.controls li.ask_question a {
		background: #2A98B2 url('images/question_mark.png') right 9px top 10px no-repeat;
		background-size: 9px 16px;
		color: #FFFFFF;
		text-decoration: none;
		display: block;
		padding: 9px 24px 7px 10px;
	}
	
	header ul.controls li.login_register a {
		background: #2A98B2 url('images/account.png') right 9px top 10px no-repeat;
		background-size: 16px 16px;
		color: #FFFFFF;
		text-decoration: none;
		display: block;
		padding: 9px 32px 7px 10px;
	}
	
	header ul.controls li.logout a, header ul.controls li.logged a {
		background: #2A98B2;
		color: #FFFFFF;
		text-decoration: none;
		display: block;
		padding: 9px 10px 7px;
	}
	
	header ul.controls li.search_opportunities a {
		background: #EE6C00 url('images/search_opportunities.png') right 9px top 10px no-repeat;
		background-size: 10px 16px;
		color: #FFFFFF;
		text-decoration: none;
		display: block;
		padding: 9px 26px 7px 10px;
	}
	
	header ul.controls li ul.resize_controls {
		list-style: none;
		padding: 0;
		margin: 0;
		border-top: 2px solid #FFFFFF;
		z-index: 9999;
		position: relative;
		display: none;
	}
	
	header ul.controls li ul.resize_controls li {
		float: none;
		margin: 0;
		border-top: 1px solid #FFFFFF;
	}
	
	header ul.controls li ul.resize_controls li a {
		background: #DDDDDD;
		color: #2A98B2;
		text-indent: 0;
		text-align: center;
		text-decoration: none;
		height: auto;
		padding: 7px 0;
		cursor: pointer;
	}
	
	header ul.controls li ul.resize_controls li a#large {
		font-size: 20px;
		padding: 8px 0 6px;
	}
	
	header ul.controls li ul.resize_controls li a#larger {
		font-size: 22px;
		padding: 7px 0 5px;
	}
	
	header nav ul {
		list-style: none;
		margin: 0;
		padding: 0;
		float: right;
	}
	
	header nav ul li {
		font-weight: 600;
		font-size: 18px;
		float: left;
		max-width: 100px;
		margin: 0 0 0 16px;
	}
	
	header nav ul li#menu-item-10 {
		margin: 0;
	}
	
	header nav ul li#menu-item-709 {
		width: 90px;
	}
	
	header nav ul li#menu-item-1504 {
		width: 90px;
	}
	
	header nav ul li#menu-item-3242 {
		width: 90px;
	}
	
	header nav ul li#menu-item-790 {
		width: 90px;
	}
	
	header nav ul li#menu-item-31 {
		width: 50px;
	}
	
	header nav ul li#menu-item-29 {
		width: 60px;
	}
	
	header nav ul li#menu-item-693 {
		width: 65px;
	}
	
	header nav ul li#menu-item-3283 {
		width: 90px;
	}
	
	header nav ul li a {
		text-decoration: none;
		display: block;
	}
	
	header nav ul li a span.sub {
		font-weight: 300;
		color: #999999;
		font-size: 14px;
		display: block;
		line-height: 18px;
		padding: 5px 0 0;
	}
	
	header nav ul li a:hover {
		color: #EE6C00;
	}
	
	header nav ul li.current-menu-item a span.section,
	header nav ul li.current-page-ancestor a span.section,
	body.single-event nav ul li#menu-item-29 a span.section,
	body.tax-event-venue nav ul li#menu-item-29 a span.section,
	body.single-post nav ul li#menu-item-31 a span.section,
	body.date nav ul li#menu-item-31 a span.section,
	body.category nav ul li#menu-item-31 a span.section {
		color: #EE6C00;
		border-bottom: 2px solid #EEEEEE;
	}

/* Footer
------------------------------------------- */

	#twitter_feed {
		background-color: #EEEEEE;
		padding: 20px 0;
	}
	
	#twitter_feed #tweets {
		background: url('images/twitter.png') center left no-repeat;
		background-size: 44px 36px;
	}
	
	#twitter_feed ul {
		list-style: none;
		margin: 0;
		padding: 0 0 0 65px;
	}
	
	#twitter_feed ul li {
		margin: 0;
	}
	
	#twitter_feed ul li .user,
	#twitter_feed ul li p.interact {
		display: none;
	}
	
	#twitter_feed ul li p.tweet {
		font-size: 18px;
		color: #2A98B2;
		margin: 0 0 5px;
	}
	
	#twitter_feed ul li p.tweet a {
		color: #2A98B2;
	}
	
	#twitter_feed ul li p.timePosted {
		font-size: 14px;
		line-height: 16px;
		color: #666666;
		margin: 0;
	}

	footer {
		background-color: #2A98B2;
	}
	
	footer .container {
		padding: 30px 0;
	}
	
	footer h3 {
		font-weight: 600;
		text-transform: uppercase;
		color: #FFFFFF;
		font-size: 16px;
		margin: 0 0 6px;
	}
	
	footer ul {
		font-weight: 300;
		list-style: none;
		margin: 0 0 30px;
		padding: 0;
	}
	
	footer ul li {
		margin: 0 0 5px;
	}
	
	footer ul li a {
		color: #FFFFFF;
		text-decoration: none;
	}
	
	footer ul li a:hover {
		color: #FFFFFF;
		text-decoration: underline;
	}
	
	footer .credits {
		font-size: 14px;
		color: #EEEEEE;
	}
	
	footer .credits span.website {
		float: right;
	}
	
	footer .credits a {
		text-decoration: none;
		color: #FFFFFF;
	}
	
	footer .credits span a {
		font-weight: 600;
		text-transform: uppercase;
	}
	
/* Home
------------------------------------------- */	
	
	#slider {
		background-color: #EEEEEE;
		height: auto;
		overflow: hidden;
	}
	
	#slider .bx-wrapper .bx-controls-direction {
		opacity: 0;
		-o-transition: all 0.4s ease-out 0s;
		-webkit-transition: all 0.4s ease-out 0s;
		-moz-transition: all 0.4s ease-out 0s;
	}
	
	#slider .bx-wrapper:hover .bx-controls-direction {
		opacity: 1;
	}
	
	#slider .bx-controls-direction a {
		position: absolute;
		width: 24px;
		height: 40px;
		top: 46%;
		background: url('images/slider_controls.png') no-repeat;
		display: block;
	}
	
	#slider .bx-controls-direction a.bx-prev {
		left: 20px;
	}
	
	#slider .bx-controls-direction a.bx-next {
		right: 20px;
		background-position: 100% 0;
	}
	
	#slider img {
		width: 100%;
		height: auto;
	}
	
	#slider ul.slides {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#search_opportunities {
		border-bottom: 5px solid #FFFFFF;
		background-color: #2A98B2;
		padding-bottom: 30px;
	}

	#search_opportunities .search_form a {
		color: #fff!important;
	} 
	
	#search_opportunities .search_form h2 {
		font-weight: 600;
		color: #FFFFFF;
		font-size: 30px;
		text-align: center;
		margin: 0 0 7px;
	}
	
	#search_opportunities .search_form h2 span {
		background-color: #2A98B2;
		padding: 0 12px;
	}
	
	#search_opportunities .search_form p {
		color: #fff;
		font-size: 18px;
		line-height: 24px;
		text-align: center;
	}
	
	#search_opportunities .search_form form {
		height: 0;
		width: 600px;
		margin: 20px auto 0;
	}
	
	#search_opportunities .search_form.search_form_y_volunteers form {
		width: 800px;
	}
	
	#search_opportunities .search_form form .form-col {
		width: 40.5%;
		float: left;
		margin: 0 1.5% 0 0;
	}
	
	#search_opportunities .search_form.search_form_y_volunteers form .form-col {
		width: 26.5%;
	}
	
	#search_opportunities .search_form form label {
		color: #FFFFFF;
		display: block;
	}
	
	#search_opportunities .search_form form input {
		background-color: #FFFFFF;
		color: #454545;
		border: none;
		padding: 8px;
		margin: 0 0 5px;
		width: 100%;
		box-sizing: border-box;
	}
	
	#search_opportunities .search_form.search_form_y_volunteers form select {
		background-color: #FFFFFF;
		color: #454545;
		border: none;
		padding: 8px;
		margin: 0 0 5px;
		width: 100%;
		box-sizing: border-box;
	}
	
	#search_opportunities .search_form form .SumoSelect {
		border: none;
	}
	
	#search_opportunities .search_form form .SumoSelect > .CaptionCont {
		background-color: #3086A4;
	}
	
	#search_opportunities .search_form form .SumoSelect > .CaptionCont > span.placeholder {
		color: #9DC6D4;
	}
	
	#search_opportunities .search_form form .SumoSelect > .CaptionCont > label > i {
		background: url('images/select_arrow_search.png') center no-repeat;
	}
	
	#search_opportunities .search_form form.volunteer-plus-form .SumoSelect > .optWrapper {
		width: auto;
	}
	
	#search_opportunities .search_form form .SumoSelect > .optWrapper.multiple > .options > li {
		font-size: 15px;
	}
	
	#search_opportunities .search_form form .sub {
		font-size: 14px;
		color: #CCCCCC;
	}
	
	#search_opportunities .search_form form input.submit {
		background-color: #EE6C00;
		color: #FFFFFF;
		float: right;
		width: 16%;
		padding: 8px 0;
		margin: 31px 0 0;
	}
	
	#search_opportunities .search_form form input.submit:hover {
		color: #FFFFFF;
	}
	
	#search_by_location {
		background-color: #EE6C00;
		padding: 25px 0;
		border-bottom: 5px solid #FFFFFF;
		text-align: center;
	}
	
	#search_by_location h2 {
		font-weight: 600;
		color: #FFFFFF;
		font-size: 30px;
		margin-bottom: 20px;
	}
	
	#search_by_location ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#search_by_location ul li {
		display: inline-block;
		margin: 10px;
		padding: 0;
	}
	
	#search_by_location ul li a {
		background-color: #FFFFFF;
		display: block;
		text-decoration: none;
		font-weight: 600;
		font-size: 18px;
		line-height: 24px;
		text-align: center;
		padding: 10px 20px;
		width: 200px;
	}
	
	#search_by_location ul li a:hover {
		text-decoration: underline;
	}
	
	#top_opportunities {
		background-color: #2A98B2;
		padding: 25px 0;
		border-bottom: 5px solid #FFFFFF;
	}
	
	#top_opportunities .feed h2 {
		font-weight: 600;
		color: #FFFFFF;
		font-size: 30px;
		text-align: center;
		margin-bottom: 25px;
	}
	
	#top_opportunities .feed #opportunities {
		width: 94%;
		margin: 0 auto;
		position: relative;
	}
	
	#top_opportunities .feed #opportunities .owl-buttons .owl-prev,
	#top_opportunities .feed #opportunities .owl-buttons .owl-next {
		background: url('images/arrows.png') no-repeat;
		position: absolute;
		top: 50%;
		display: block;
		width: 14px;
		height: 23px;
		background-size: 28px 23px;
		text-indent: -9999px;
		opacity: 0.5;
		margin-top: -12px;
	}
	
	#top_opportunities .feed #opportunities .owl-buttons .owl-prev {
		left: -25px;
	}
	
	#top_opportunities .feed #opportunities .owl-buttons .owl-next {
		right: -25px;
		background-position: 100% 0;
	}
	
	#top_opportunities .feed #opportunities .owl-buttons .owl-prev:hover,
	#top_opportunities .feed #opportunities .owl-buttons .owl-next:hover {
		opacity: 1;
	}
	
	#top_opportunities .feed #opportunities .item {
		background-color: #FFFFFF;
		border-radius: 5px;
		margin: 0 10px;
		min-height: 370px;
	}
	
	#top_opportunities .feed #opportunities .item img {
		border-radius: 5px 5px 0 0;
	}
	
	#top_opportunities .feed #opportunities .item .details {
		padding: 15px 20px 20px;
	}
	
	#top_opportunities .feed #opportunities .item h3 {
		font-size: 18px;
		line-height: 22px;
		margin: 0 0 5px;
		font-weight: 600;
	}
	
	#top_opportunities .feed #opportunities .item h3 a {
		text-decoration: none;
	}
	
	#top_opportunities .feed #opportunities .item h3 a:hover {
		text-decoration: underline;
	}
	
	#top_opportunities .feed #opportunities .item p {
		font-weight: 300;
		font-size: 16px;
		margin: 0 0 10px;
	}
	
	#top_opportunities .feed #opportunities .item p.location {
		background: url('images/location.png') no-repeat;
		background-size: 10px 14px;
		font-size: 14px;
		line-height: 14px;
		padding: 0 0 0 15px;
		margin: 0;
	}
	
	#news_feed {
		background-color: #F9F9F9;
		padding: 25px 0;
	}
	
	#news_feed article {
		background-color: #E9E9E9;
		min-height: 350px;
		position: relative;
	}
	
	#news_feed article img {
		float: left;
	}
	
	#news_feed article .content {
		padding: 15px 15px 0;
		clear: both;
	}
	
	#news_feed article .content h2 {
		font-weight: 600;
		font-size: 19px;
		margin: 0 0 6px;
		line-height: 24px;
	}
	
	#news_feed article .content h2 a {
		color: #454545;
		text-decoration: none;
	}
	
	#news_feed article .content p.date {
		color: #666666;
	}
	
	#news_feed article .content p.author {
		font-weight: 600;
		color: #666666;
		font-size: 14px;
		text-transform: uppercase;
	}
	
	#news_feed article a.read_more {
		border-top: 1px solid #F9F9F9;
		font-weight: 600;
		color: #454545;
		text-transform: uppercase;
		text-decoration: none;
		display: block;
		text-align: center;
		padding: 11px 0 10px;
		line-height: 16px;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
	}
	
	#events {
		padding: 65px 0 50px;
	}
	
	#events h1 {
		font-weight: 600;
		font-size: 24px;
		color: #2A98B2;
		margin: 0 0 20px;
	}
	
	#events h1 span {
		font-size: 16px;
		float: right;
	}
	
	#events h1 span a {
		color: #666666;
		text-decoration: none;
	}

	#events h1 span a:hover {
		text-decoration: underline;
	}
	
	#events .date {
		font-weight: 300;
		border: 1px solid #DDDDDD;
		padding: 5px;
		font-size: 24px;
		text-align: center;
		line-height: 26px;
		float: left;
		width: 55px;
		margin: 0 20px 15px 0;
	}
	
	#events .date span {
		display: block;
		font-size: 18px;
		line-height: 18px;
		color: #EE6C00;
		margin: 4px 0 0;
	}
	
	#events h3 {
		font-size: 18px;
		margin: 0 0 4px;
		line-height: 22px;
	}
	
	#events h3 a {
		color: #2A98B2;
		text-decoration: none;
	}
	
	#events h3 a:hover {
		text-decoration: underline;
	}

/* Top Level Page
------------------------------------------- */

	.page-id-1898 #accordion p, .page-id-1898 #accordion li{
		font-size: 14px;
	}


	.page-id-1898 label[for="consent"], .page-id-1898 label[for="consent_email"], .page-id-1898 label[for="consent_telephone"]{
		font-weight: 600;
	}


	
	#content {
		padding: 30px 0 40px;
	}
	
	#content .content {
		padding: 0 0 0 15px;
	}
	
	#content section.sub_menu {
		background-color: #DDDDDD;
		padding: 10px;
		margin: 0 0 20px;
	}
	
	#content section.sub_menu h3 {
		font-weight: 600;
		font-size: 20px;
		margin: 0 0 10px;
		line-height: 20px;
	}
	
	#content section.sub_menu ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#content section.sub_menu ul li {
		font-weight: 300;
		margin: 0 0 10px;
		font-size: 17px;
	}
	
	#content section.sub_menu ul li:last-child {
		margin: 0;
	}
	
	#content section.sub_menu ul li a {
		background-color: #FFFFFF;
		color: #555555;
		display: block;
		padding: 9px 9px 8px;
		text-decoration: none;
	}
	
	#content section.sub_menu ul.volunteer_centres li a {
		padding: 9px 25px 8px 9px;
	}
	
	#content section.sub_menu ul.volunteer_centres li a span {
		float: right;
		margin: 0 -15px 0 0;
	}
	
	#content section.sub_menu ul li a:hover {
		background-color: #FFFFFF;
	}
	
	#content section.sub_menu ul li.current_page_item a {
		font-weight: 600;
		background-color: #FFFFFF;
	}

/* Sidebar
------------------------------------------- */

	aside .event {
		background-color: #EEEEEE;
		padding: 7px;
		margin: 0 0 10px;
		min-height: 60px;
	}

	aside .event .date {
		font-weight: 300;
		background-color: #FFFFFF;
		border: 1px solid #DDDDDD;
		padding: 5px;
		font-size: 24px;
		text-align: center;
		line-height: 26px;
		float: left;
		width: 45px;
		margin: 0 10px 20px 0;
	}

	aside .event .date span {
		display: block;
		font-size: 18px;
		line-height: 18px;
		color: #EE6C00;
		margin: 4px 0 0;
	}

	aside .event h3 {
		font-size: 18px;
		margin: 0 0 4px;
		line-height: 22px;
	}

	aside .event h3 a {
		color: #2A98B2;
		text-decoration: none;
	}

	aside .event h3 a:hover {
		text-decoration: underline;
	}

	aside .event p {
		margin: 0;
	}

/* Page
------------------------------------------- */
	
	#title {
		background-color: #2A98B2;
		padding: 30px 0 0;
	}
	
	#title h1.section_heading {
		color: #FFFFFF;
	}
	
	
	#title p.date {
		font-size: 24px;
		line-height: 24px;
		margin: 0 0 30px;
		color: #FFFFFF;
	}
	
	#title.young-volunteers {
		padding: 30px 0 0;
		text-align: center;
	}
	
	#title.young-volunteers h1 {
		font-size: 30px;
		line-height: 36px;
		margin-bottom: 20px;
	}
	
	#title.young-volunteers h2 {
		line-height: 30px;
		font-size: 24px;
	}
	
	#title.young-volunteers p {
		font-size: 18px;
		line-height: 24px;
		color: #FFFFFF;
	}
	
	#title.young-volunteers a.btn {
		display: inline-block;
		float: none;
		font-size: 20px;
		margin-top: 20px;
	}
	
	#accordion h3 {
		font-weight: 600;
		border-bottom: 1px solid #DDDDDD;
		padding: 0 0 10px;
		cursor: pointer;
		color: #2A98B2;
	}
	
	#accordion h3:focus {
		outline: none;
	}
	
	#accordion h3 span {
		float: right;
		display: block;
		width: 20px;
		height: 20px;
		background: url('images/accordion.png') no-repeat;
		background-size: 40px 20px;
		margin: 3px 0 0;
	}
	
	#accordion h3.ui-state-active span {
		background-position: 100% 0;
	}
	
	#accordion .ui-accordion-content {
		padding: 0 0 10px;
	}
	
	#accordion .ui-accordion-content h2 {
		font-size: 20px;
		line-height: 20px;
	}
	
	#map {
		border-top: 5px solid #FFFFFF;
		height: 450px;
	}
	
	#map img, .eo-venue-map img {
		max-width: none;
	}
	
	#map p {
		font-size: 14px;
		margin: 0 0 7px;
	}
	
	#map a.btn {
		font-size: 14px;
		margin: 5px 0 0;
		padding: 5px 12px;
	}
	
/* News
------------------------------------------- */	
	
	#news_feed.page {
		padding: 30px 0;
		height: auto;
		border-bottom: 5px solid #FFFFFF;
	}
	
	#news_feed.page article {
		margin: 0 0 20px;
	}
	
	.paging {
		margin: 20px 0 0;
	}
	
	.paging a, .paging span {
		background-color: #D4E3EE;
		display: block;
		color: #555555;
		text-decoration: none;
		padding: 7px 7px 5px;
		text-align: center;
		float: left;
		min-width: 20px;
		margin: 0 5px 0 0;
	}
	
	.paging a:hover, .paging span:hover,
	.paging span.current {
		background-color: #FFFFFF;
	}
	
	aside.news {
		padding: 0 0 0 10px;
	}
	
	section.author {
		background-color: #EEEEEE;
		margin: -40px 0 20px 0;
	}
	
	section.author img {
		float: left;
	}
	
	section.author div {
		padding: 10px;
		clear: both;
	}
	
	section.author div h3 {
		font-weight: 600;
		font-size: 20px;
		line-height: 23px;
		margin: 0 0 7px;
	}
	
	section.author div h3 span {
		color: #777777;
		text-transform: uppercase;
		display: block;
		font-size: 13px;
	}
	
	section.author div a.btn {
		margin: 0;
		float: none;
		text-align: center;
	}
	
	aside.news ul {
		list-style: none;
		margin: 0 0 20px;
		padding: 0;
	}
	
	aside.news ul li {
		border-bottom: 1px solid #DDDDDD;
	}
	
	aside.news ul li a {
		text-decoration: none;
		display: block;
		padding: 7px 0;
	}
	
	.addthis_sharing_toolbox {
		margin: 0 0 15px;
	}
	
	/* Comments */
	
	#respond p.logged-in-as {
		font-size: 14px;
	}
	
	#respond p.comment-notes {
		font-size: 14px;
		color: #777777;
		display: none;
	}
	
	#respond form label {
		display: block;
		margin: 0 0 5px;
	}
	
	#respond form label span.required {
		color: #B94A48;
	}
	
	#respond p.comment-form-author, #respond p.comment-form-email {
		width: 48%;
		float: left;
	}
	
	#respond p.comment-form-email {
		float: right;
	}
	
	#respond p.comment-form-author input, #respond p.comment-form-email input {
		border: 1px solid #DDDDDD;
		padding: 5px;
		width: 100%;
		box-sizing: border-box;
	}
	
	#respond p.comment-form-comment textarea {
		height: 75px;
		border: 1px solid #DDDDDD;
		width: 100%;
		padding: 5px;
		box-sizing: border-box;
	}
	
	#respond p.comment-form-comment textarea:focus {
		border-color: #DDDDDD;
	}
	
	#respond p#form-allowed-tags {
		display: none;
	}
	
	#respond h3.comment-reply-title {
		font-size: 18px;
	}
	
	#respond h3.comment-reply-title a {
		color: #2A98B2;
		text-decoration: none;
	}
	
	#respond h3.comment-reply-title a#cancel-comment-reply-link {
		float: right;
		display: block;
		border: 1px solid #EE6C00;
		background-color: #EE6C00;
		color: #FFFFFF;
		padding: 2px 6px 0;
		text-decoration: none;
		font-size: 13px;
	}
	
	#respond h3.comment-reply-title a#cancel-comment-reply-link:hover {
		background-color: #FFFFFF;
		color: #EE6C00;
	}
	
	#comments ol {
		list-style: none;
		margin: 0 0 25px;
		padding: 0;
		border-bottom: 2px solid #DDDDDD;
	}
	
	#comments ol li ul {
		list-style: none;
		margin: 20px 0 20px 15px;
		padding: 0;
		border-left: 1px solid #DDDDDD;
		padding: 5px 0 5px 15px;
	}
	
	#comments ol li ul li {
		margin: 0 0 15px;
	}
	
	#comments ol li:first-child .comment-body {
		border-top: none;
		border-bottom: 1px solid #DDDDDD;
	}
	
	#comments .comment-body {
		border-top: 1px solid #DDDDDD;
		padding: 15px 0 20px;
	}
	
	#comments ol li ul li:last-child .comment-body {
		border: none;
		padding: 0;
	}
	
	#comments .comment-author, #comments .comment-author cite {
		font-style: normal;
		font-size: 18px;
		color: #2A98B2;
		margin: 0 0 5px;
	}
	
	#comments .comment-meta {
		margin: 0 0 5px;
	}
	
	#comments .comment-meta a {
		color: #777777;
		font-size: 14px;
		text-decoration: none;
	}
	
	#comments .reply a {
		border: 1px solid #EE6C00;
		color: #EE6C00;
		padding: 5px 7px 4px;
		text-decoration: none;
		display: block;
		width: 155px;
		text-align: center;
		margin: 15px 0 0;
		font-size: 14px;
	}
	
	#comments .reply a:hover {
		background-color: #EE6C00;
		color: #FFFFFF;
	}
	
/* Events
------------------------------------------- */
	
	.simcal-default-calendar-grid .simcal-events {
		font-size: 12px !important;
	}

	/*#list {
		display: none;
	}

	.calendar #eo_fullcalendar_1_loading {
		left: 45%;
		top: 15px;
	}

	.calendar .fc-header-title h2 {
		margin: 10px 0;
	}
	
	.fc-header .fc-button {
		background-color: #2A98B2;
		display: block;
	}
	
	.calendar table.fc-header {
		margin: 0 0 10px;
	}
	
	.calendar table tbody tr td.fc-header-left,
	.calendar table tbody tr td.fc-header-right,
	.calendar table tbody tr td.fc-header-center {
		width: 50%;
		border: none;
		padding: 0;
	}
	
	.calendar table tbody tr td.fc-header-right {
		position: relative;
	}
	
	.calendar .fc-header span.fc-button-prev,
	.calendar .fc-header span.fc-button-next {
		background: url('images/arrows_btn.png') no-repeat;
		background-size: 66px 33px;
		height: 33px;
		width: 33px;
		margin: 0 0 0 5px;
		border: 1px solid #EE6C00;
		cursor: pointer;
		float: right;
		position: absolute;
		top: 8px;
	}
	
	.calendar .fc-header span.fc-button-prev {
		right: 40px;
	}
	
	.calendar .fc-header span.fc-button-next {
		background-position: 100% 0;
		right: 0;
	}
	
	.calendar .fc-header span.fc-button-today {
		border: 1px solid #DDDDDD;
		background: none;
		padding: 7px 7px 5px;
		text-transform: uppercase;
		float: right;
		cursor: pointer;
		position: absolute;
		top: 8px;
		right: 80px;
	}
	
	.calendar .fc-header span.fc-button-today:hover {
		background-color: #DDDDDD;
	}

	.calendar .fc-content table thead tr th {
		background-color: #2A98B2;
		color: #FFFFFF;
		padding: 7px 0;
		border-bottom: 2px solid #2A98B2;
		border-left: 1px solid #2A98B2;
		border-right: 1px solid #2A98B2;
		font-weight: normal;
		text-align: center;
	}

	.calendar .fc-content table tr td {
		border: 1px solid #DDDDDD;
		vertical-align: top;
		padding: 5px;
	}
	
	.calendar .fc-content table tr td.fc-other-month {
		color: #999999;
	}
	
	.calendar .fc-content table tr td.fc-today {
		background-color: #FFFFE0;
	}
	
	.calendar .fc-content table tr td .fc-day-number {
		float: right;
	}
	
	.calendar .fc-content table tr td .fc-day-content {
		clear: both;
	}
	
	.calendar a.fc-event {
		background-color: #EEEEEE !important;
		text-decoration: none;
		padding: 5px;
		color: #2A98B2 !important;
	}
	
	.calendar a.fc-event.eo-event-past {
		background-color: #F9F9F9 !important;
		color: #777777 !important;
	}
	
	.calendar .fc-event-inner .fc-event-time {
		font-weight: 600;
		font-size: 14px;
		color: #454545;
	}
	
	.calendar .eo-event-past .fc-event-inner .fc-event-time {
		color: #666666;
	}
	
	.calendar  .fc-event-title {
		display: block;
	}
	
	.qtip {
		display: none !important;
	}
	
	.event_list {
		height: 280px;
	}
	
	.event_# h2 {
		margin: 0 0 7px;
	}
	
	.event_list h2 a {
		color: #2A98B2;
		text-decoration: none;
	}
	
	#events.venue {
		padding: 10px 0;
		clear: both;
	}
	
	#events.venue .one-third.column {
		padding: 0 0 20px;
	}
	
	.eo-venue-map {
		border-top: 5px solid #FFFFFF;
	}
	
	.paging.events a:hover, .paging.events span:hover,
	.paging.events span.current {
		background-color: #2A98B2;
		color: #FFFFFF;
	}
	
	.event_single .date {
		font-weight: 300;
		border: 1px solid #DDDDDD;
		padding: 9% 4%;
		font-size: 30px;
		text-align: center;
		line-height: 32px;
		margin: 0 20px 10px 0;
		width: 92%;
	}
	
	.event_single .date span {
		display: block;
		font-size: 20px;
		line-height: 20px;
		color: #EE6C00;
		margin: 4px 0 0;
	}
	
	.event_single a.back {
		display: block;
		text-decoration: none;
		padding: 7px;
		border: 1px solid #EEEEEE;
		text-align: center;
		clear: both;
		color: #777777;
	}
	
	.event_single a.back:hover {
		color: #333333;
	}
	
	.event_single .eo-venue-map {
		margin: 20px 0;
	}
	
	.event_details {
		width: 55%;
		float: left;
	}
	
	.contact_form {
		background-color: #EEEEEE;
		padding: 15px;
		width: 35%;
		float: right;
	}*/
	
/* Login / Password Reset
------------------------------------------- */
	
	form#loginform, form#resetpassword {
		background-color: #EEEEEE;
		width: 30%;
		margin: 20px auto 0;
		padding: 20px;
	}
	
	form#loginform .error {
		font-weight: 600;
		background-color: #990000;
		color: #FFFFFF;
		font-size: 14px;
		margin: -20px -20px 20px;
		text-align: center;
		padding: 9px 0 7px;
	}
	
	form#loginform .success {
		font-weight: 600;
		background-color: #5CB85C;
		color: #FFFFFF;
		font-size: 14px;
		margin: -20px -20px 20px;
		text-align: center;
		padding: 9px 0 7px;
	}
	
	form#loginform label, form#resetpassword label {
		display: block;
	}
	
	form#loginform input[type='text'],
	form#loginform input[type='password'],
	form#loginform input[type='email'],
	form#resetpassword input[type='text'],
	form#loginform select {
		background-color: #FFFFFF;
		border: 1px solid #DDDDDD;
		padding: 3%;
		width: 94%;
	}
	
	form#loginform select {
		background-position: right 10px top 16px;
		width: 100%;
	}
	
	form#loginform input:focus {
		border-color: #DDDDDD;
	}
	
	form#loginform p.login-submit,
	form#resetpassword p.submit {
		margin: 0;
	}
	
	form#loginform input#wp-submit,
	form#resetpassword p.submit input {
		width: 100%;
		padding: 9px 0 7px;
	}
	
	form#loginform p.reset {
		font-size: 14px;
		margin: 15px 0 0;
	}
	
	form#loginform p.reset a {
		color: #666666;
	}

/* Opportunities
------------------------------------------- */

	section.result {
		background-color: #F2F2F2;
		margin: 25px 0 0;
		min-height: 128px;
		position: relative;
	}
	
	section.result .inner {
		padding: 15px;
	}
	
	section.result .inner h3 {
		font-weight: 600;
	}
	
	section.result .inner h3 a {
		color: #2A98B2;
		text-decoration: none;
	}
	
	section.result .inner h3 a:hover {
		text-decoration: underline;
	}
	
	section.result .inner hr {
		width: 740px;
		margin: 10px 0 11px;
	}
	
	section.result .inner p.sub {
		color: #727272;
		font-size: 15px;
		margin: 0;
		width: 38%;
		float: left;
		line-height: 17px;
		padding: 0 0 0 17px;
	}

	section.result .inner p.sub.location {
		background: url("images/list_location.png") no-repeat;
		background-size: auto 15px;
		margin: 0 20px 0 0;
	}
	
	section.result .inner p.sub.calendar {
		background: url("images/calendar.png") no-repeat;
		background-size: auto 15px;
		padding: 0 0 0 23px;
	}
	
	section.result .inner p:last-child {
		margin: 0;
	}
	
	section.result a.btn {
		float: none;
		margin: 0;
		text-align: center;
		position: absolute;
		bottom: 0;
		right: 0;
		padding: 11px 14px 9px;
	}
	
	.error_message {
		background-color: #EE6C00;
		color: #FFFFFF;
		font-size: 15px;
		text-align: center;
		padding: 9px 0 7px;
		margin: 0 0 20px;
	}
	
	.error_message.no_results {
		margin: 20px 0;
	}
	
	.error_message a {
		color: #FFFFFF;
	}
	
	.success_message {
		background-color: #5CB85C;
		color: #FFFFFF;
		font-size: 15px;
		text-align: center;
		padding: 9px 0 7px;
		margin: 0 0 20px;
	}
	
	.success_message a {
		color: #FFFFFF;
	}
	
	.small_popup h2 {
		margin: 0 0 15px;
	}
	
	.small_popup .error_message {
		background-color: #EEEEEE;
		color: #454545;
		padding: 20px 30px 20px 20px;
		text-align: left;
		margin: -20px -20px 20px;
	}
	
	.small_popup .frm_submit input {
		width: 100%;
		padding: 9px 0 7px;
	}
	
	.small_popup p.reset {
		margin: 12px 0 0;
		font-size: 15px;
	}
	
	.small_popup p.reset a {
		color: #777777;
		text-decoration: none
	}
	
	.small_popup a.btn {
		width: 100%;
		padding: 9px 0 7px;
		text-align: center;
		margin: 0 0 10px;
		background: none;
		color: #EE6C00;
		float: none;
	}
	
	.small_popup a.btn.btn-secondary {
		background: #2A98B2;
		border-color: #2A98B2;
		color: #FFFFFF;
		margin: 0 0 12px;
	}
	
	.small_popup a.btn.btn-secondary.last {
		margin: 0;
	}
	
	.small_popup a.btn.btn-secondary:hover {
		background: none;
		color: #2A98B2;
	}
	
	.small_popup .SlectBox {
		width: 262px;
	}
		
	.small_popup form .sub {
		color: #999999;
		font-size: 14px;
		margin: 5px 0 0;
	}
	
	.small_popup form .sub.help {
		margin: 0 0 10px;
	}
	
	a.btn.register_interest {
		float: none;
		width: 100%;
		margin: 0 0 10px;
		text-align: center;
		padding: 9px 0 7px;
	}
	
	a.btn.back {
		background: none;
		border-color: #DDDDDD;
		color: #2A98B2;
		font-size: 14px;
	}
	
	a.btn.back:hover {
		background-color: #DDDDDD;
	}
	
	aside.details {
		padding: 0 0 0 10px;
	}
	
	aside.details h3 {
		margin: 20px 0 12px;
		font-size: 20px;
		line-height: 20px;
	}
	
	section.posted_details p {
		color: #454545;
		font-size: 15px;
	}
	
	section.posted_details p:last-child {
		margin: 0;
	}
	
	aside.details ul.list, ul.details {
		list-style: none;
		padding: 0;
		margin: 0 0 15px;
	}
	
	aside.details ul.list li, ul.details li {
		background: url('images/tick.png') left center no-repeat;
		background-size: 20px 16px;
		padding: 0 0 0 32px;
		line-height: 22px;
		margin: 0 0 9px;
	}
	
	ul.details {
		margin: 15px 0;
	}
	
	ul.details li {
		width: 41%;
		float: left;
	}
	
	address {
		background-color: #F9F9F9;
		width: 250px;
		float: left;
		padding: 15px;
		font-style: normal;
		height: 220px;
	}
	
	address p {
		margin: 0;
	}
	
	#opportunity_map {
		height: 250px;
		width: 658px;
		float: right;
	}
	
	hr.details {
		margin: 25px 0;
	}
	
	table.availability {
		background-color: #F9F9F9;
		margin: 15px 0 0;
	}
	
	table.availability span.available {
		background: url('images/tick_blue.png') no-repeat;
		background-size: 20px 16px;
		width: 20px;
		height: 16px;
		display: block;
		margin: 0 auto;
	}
	
	table.availability span.not_available {
		background: url('images/not_available.png') no-repeat;
		background-size: 16px 16px;
		width: 16px;
		height: 16px;
		display: block;
		margin: 0 auto;
	}
	
	table.availability tr th, table.availability tr td {
		border-color: #DDDDDD;
		color: #454545;
		text-align: center;
	}
	
	table.availability tr th:first-child {
		background-color: #FFFFFF;
	}
	
	table.availability tr td:first-child {
		text-align: right;
		color: #2A98B2;
	}
	
	table.availability tr:last-child td {
		border: none;
	}
	
	ul.pagination {
		list-style: none;
		margin: 25px 0 0;
		padding: 0;
	}
	
	ul.pagination li {
		float: left;
		margin: 0 5px 5px 0;
	}
	
	ul.pagination li a, ul.pagination li span {
		display: block;
		background-color: #F9F9F9;
		text-decoration: none;
		padding: 5px 0;
		min-width: 32px;
		text-align: center;
		color: #565656;
	}
	
	ul.pagination li.control a {
		padding: 5px 10px;
	}
	
	ul.pagination li a:hover,
	ul.pagination li.active span {
		background-color: #2A98B2;
		color: #FFFFFF;
	}
	
	ul.areas {
		list-style: none;
		margin: 0 18px 0 0;
		padding: 0;
		float: left;
	}
	
	ul.areas li {
		background-color: #EEEEEE;
		font-size: 13px;
		padding: 1px 7px;
		float: left;
		margin: 0 5px 0 0;
		color: #454545;
	}

	ul.areas li.title {
		font-weight: 600;
		background: none;
		color: #454545;
		padding: 1px 7px 1px 0;
	}
	
	#search_opportunities form .select2-container {
		width: 100% !important;
	}
	
	#search_opportunities form .select2-container--default .select2-selection--multiple {
		background-color: #DDDDDD;
		border-radius: 0;
		padding: 0;
		border: none;
		padding: 5px;
		height: 30px;
		margin: 0 0 4px;
		overflow: scroll;
	}
	
	#search_opportunities form .select2-container--default .select2-selection--multiple .select2-selection__rendered {
		padding: 0;
	}
	
	#search_opportunities form .select2-container .select2-search--inline,
	#search_opportunities form .select2-container .select2-search--inline input {
		margin: 0;
		padding: 0 1px;
	}
	
	#search_opportunities form .select2-container .select2-search--inline input:focus {
		background: none;
	}
	
	#search_opportunities form .select2-container--default .select2-selection--multiple .select2-selection__choice {
		font-size: 14px;
		border: none;
		background-color: #FFFFFF;
		border-radius: 0;
		margin-top: 0;
		color: #454545;
	}
	
	.select2-dropdown {
		border: 1px solid #DDDDDD !important;
		border-radius: 0  !important;
	}
	
	.select2-results__option {
		margin: 0;
		color: #454545;
	}
	
	.select2-container--default .select2-results__option--highlighted[aria-selected] {
		background-color: #2A98B2 !important;
	}
	
	.notes {
		background-color: #EEEEEE;
		padding: 15px;
		margin: 0 0 20px;
		font-size: 14px;
		color: #666666;
	}
	
	.holder {
		margin: 0 0 20px;
		display: table;
		width: 100%;
	}
	
	.holder .select2-container {
		width: 95% !important;
		margin: 0 0 5px;
	}
	
	.holder .select2-container .select2-search--inline .select2-search__field {
		margin-top: 11px;
	}
	
	.holder .select2-container--default .select2-selection--multiple,
	.holder .select2-container--default.select2-container--focus .select2-selection--multiple {
		border-color: #DDDDDD;
		border-radius: 0;
		min-height: 34px;
	}
	
	.holder .select2-container--default .select2-selection--multiple .select2-selection__choice {
		border-radius: 0;
		border: none;
		background-color: #EEEEEE;
		color: #454545;
		padding: 3px 5px;
	}
	
	form hr {
		margin: 0 0 25px;
	}
	
	.disability_type {
		display: none;
	}
	
	table.table-availability {
		width: 70%;
		margin: 15px 0 25px;
	}
	
	table.table-availability.table-quality-control {
		width: 100%;
	}
	
	table.table-availability.table-update-availability {
		width: 100%;
		margin: 0;
	}
	
	table.table-availability thead tr th {
		background-color: #EEEEEE;
		text-align: center;
		border: 1px solid #DDDDDD;
		border-bottom: 2px solid #DDDDDD;
	}
	
	table thead tr th.select_all_field {
		background: none;
		border: none;
		color: #666666;
	}
	
	table.table-availability tbody tr td:first-child {
		font-weight: 600;
		border-right: 2px solid #DDDDDD;
		background-color: #EEEEEE !important;
		text-align: right;
		width: 30%;
	}
	
	table.table-availability tbody tr td {
		text-align: center;
		border: 1px solid #DDDDDD;
		width: 23.3%;
	}
	
	table.table-availability tbody tr td label {
		display: block;
	}
	
	table.table-availability tbody tr:nth-child(2n+2) td {
		background: none;
	}
	
	table.table-availability.table-quality-control thead tr th.label_col {
		background: none;
		border-top: none;
		border-left: none;
	}
	
	table.table-availability.table-quality-control tr td:first-child {
		width: 200px;
	}
	
	table.table-availability.table-quality-control tr td {
		width: 40px;
	}
	
	table.table-availability.table-quality-control tr td:last-child {
		width: 220px;
	}
	
	.pika-table {
		margin: 0;
	}
	
	.pika-table th, .pika-table td {
		border: none;
		padding: 0;
	}
	
	.pika-table th {
		border: none;
		padding: 0;
	}
	
	.specific_address,
	.multiple_specific_addresses {
		display: none;
	}
	
/* Young Volunteers
------------------------------------------- */

	#age_search {
		border-bottom: 5px solid #FFFFFF;
		background-color: #2A98B2;
		text-align: center;
		padding: 25px 0 40px;
	}
	
	#age_search h2 {
		font-weight: 600;
		color: #FFFFFF;
		font-size: 30px;
		margin-bottom: 35px;
	}
	
	#age_search ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#age_search ul li {
		display: inline-block;
		margin: 0 5px;
	}
	
	#age_search ul li a {
		border: 1px solid #EE6C00;
		background-color: #EE6C00;
		color: #FFFFFF;
		padding: 9px 12px 7px;
		text-decoration: none;
		font-size: 20px;
	}
	
	#age_search ul li a:hover {
		background-color: #FFFFFF;
		color: #EE6C00;
	}
	
	#search_opportunities.search_opportunities_y_volunteers {
		background-color: #EE6C00;
	}
	
	#search_opportunities.search_opportunities_y_volunteers .search_form form input.submit {
		background-color: #2A98B2;
	}
	
/* Featured Opportunities
------------------------------------------- */

	ul.vp_opportunities li.vp-featured-opp {
		position: relative;
		background-color: #DDDDDD;
	}
	
	ul.vp_opportunities li.vp-featured-opp h3 {
		padding-right: 90px;
	}

	ul.vp_opportunities li p.vp-featured {
		position: absolute;
		right: 0;
		top: 0;
		background-color: #2A98B2;
		color: #FFFFFF;
		font-weight: bold;
		padding: 5px 10px;
		display: inline-block;
		border-radius: 0 0 0 5px;
	}

/* Tablet
------------------------------------------- */
	
@media only screen and (max-width: 959px) {
	
	header {
		padding: 15px 0;
	}
	
	header .logo {
		width: 172px;
		height: 95px;
	}
	
	header nav ul li {
		font-size: 16px;
		width: auto !important;
		margin: 0 0 0 8px;
	}
	
	header nav ul li a span.sub {
		display: none;
	}
	
	#slider .bx-wrapper .bx-controls-direction {
		display: none;
	}
	
	#search_opportunities {
		background-color: #2A98B2;
		border-bottom: 3px solid #FFFFFF;
	}
	
	#search_opportunities .search_form {
		margin: 0;
	}
	
	#search_opportunities .SlectBox {
		width: 174px;
	}
	
	#search_opportunities .search_form form .sub {
		font-size: 10px;
	}
	
	#top_opportunities {
		border-bottom: 3px solid #FFFFFF;
		background-color: #EE6C00;
	}
	
	#top_opportunities .feed {
		margin: 0;
		height: auto;
		padding: 10px 10px 15px;
	}
	
	#top_opportunities .container .columns {
		margin: 0;
	}
	
	#top_opportunities .container .sixteen.columns {
		width: 100%;
	}
	
	#events .date {
		margin: 0 10px 0 0;
	}

	#content .content {
		padding: 0 0 0 5px;
	}
	
	section.result .inner hr {
		width: 555px;
	}
	
	aside.details {
		padding: 0;
	}
	
	ul.details li {
		float: none;
		width: auto;
	}
	
	address {
		width: 200px;
	}
	
	#opportunity_map {
		width: 518px;
	}
	
	.interests_activities .SlectBox {
		width: 250px;
	}
	
}

/* Mobile (Fluid)
------------------------------------------- */

@media only screen and (max-width: 767px) {
	
	header {
		padding: 15px 0;
	}
	
	header .logo {
		width: 215px;
		height: 105px;
		margin: 0 auto 15px;
	}
	
	header ul.controls {
		float: none;
		width: 100%;
		margin: 0;
		height: auto;
	}
	
	header ul.controls li {
		margin: 0;
		float: none;
	}
	
	header ul.controls li.mobile_menu {
		display: block;
	}
	
	header ul.controls li.mobile_menu a {
		width: 25%;
		padding: 9px 3% 7px !important;
		float: left;
		display: block;
		margin: 0 0 10px;
	}
	
	header ul.controls li.login_register a {
		float: right;
		width: 53%;
	}
	
	header ul.controls li.login_register.logged a {
		width: 35%;
		float: left;
		margin: 0 0 0 6px;
	}
	
	header ul.controls li.logout a {
		width: 18%;
		float: right;
	}
	
	header ul.controls li.font_size {
		display: none;
	}
	
	header ul.controls li.search_opportunities {
		clear: both;
	}
	
	header ul.controls li.search_opportunities a {
		box-sizing: border-box;
		width: 100%;
		float: none;
	}
	
	header nav {
		display: none;
	}
	
	header nav ul {
		float: none;
	}
	
	header nav ul li {
		float: none;
		margin: 0;
		max-width: none;
	}
	
	header nav ul li a {
		padding: 10px 0 8px;
		border-bottom: 1px solid #DDDDDD;
	}
	
	header nav ul li:last-child a {
		border: none;
	}
	
	header nav ul li a span.section {
		border: none !important;
	}
	
	#content {
		padding: 25px 0 30px;
	}
	
	#slider {
		overflow: hidden;
	}
	
	#slider .bx-wrapper {
		max-width: 180% !important;
		width: 180%;
	}
	
	#slider .bx-wrapper .bx-viewport {
		left: -20%;
		margin: 0 0 -1px;
	}
	
	#search_opportunities {
		background-color: #2A98B2;
		border-bottom: 3px solid #FFFFFF;
	}
	
	#search_opportunities .search_form {
		margin: 0;
		height: auto;
	}
	
	#search_opportunities .search_form form {
		width: auto;
	}
	
	#search_opportunities .search_form h2 span {
		display: inline-block;
		width: 75%;
	}
	
	#search_opportunities .search_form form {
		float: none;
	}
	
	#search_opportunities .search_form form .form-col {
		width: auto;
		float: none;
		margin: 0 0 10px;
	}
	
	#search_opportunities .SumoSelect, .small_popup .SumoSelect {
		width: 100%;
		display: block;
	}
	
	#search_opportunities .SlectBox, .small_popup .SlectBox {
		width: 100%;
		box-sizing: border-box;
	}
	
	#search_opportunities .search_form form .sub {
		font-size: 12px;
	}
	
	#search_opportunities .search_form form input.submit {
		width: 100%;
		float: left;
		margin: 0 0 15px;
	}
	
	#news_feed { 
		padding: 0;
	}
	
	#top_opportunities {
		background-color: #EE6C00;
		border-bottom-width: 3px;
	}
	
	#top_opportunities .feed h2 span {
		width: 75%;
		display: inline-block;
	}
	
	#top_opportunities .feed #opportunities {
		width: 100%;
	}
	
	#top_opportunities .owl-controls {
		display: none !important;
	}
	
	#top_opportunities .feed #opportunities .owl-item .item {
		border: none !important;
		padding: 0 2px;
	}
	
	#news_feed {
		height: auto;
	}
	
	#news_feed article {
		margin: 0 auto 20px;
		max-width: 300px;
	}
	
	#news_feed.page article {
		margin: 0 auto 20px;
	}
	
	img.alignleft, img.alignright {
		margin: 0 auto 15px;
		float: none;
		display: block;
	}
	
	#events {
		padding: 20px 0;
	}
	
	#events h1 span {
		display: none;
	}
	
	#events .date {
		margin: 0 10px 20px 0;
	}
	
	#twitter_feed #tweets {
		background-position: center top;
	}
	
	#twitter_feed ul {
		padding: 50px 0 0;
	}
	
	#twitter_feed ul li {
		text-align: center;
	}
	
	footer .container {
		background: none;
	}
	
	footer h3 {
		text-align: center;
		line-height: 20px;
	}
	
	footer ul {
		display: none;
		margin: 0 0 10px;
	}
	
	footer ul li {
		text-align: center;
	}
	
	footer ul li:last-child {
		margin: 0;
	}
	
	footer .credits {
		margin: 10px 0 0;
		text-align: center;
	}
	
	footer .credits span {
		float: none !important;
		display: block;
	}
	
	.popup {
		width: 85%;
		padding: 15px;
	}
	
	.breadcrumbs {
	 	display: none;
	}
	
	#content .content {
		padding: 0;
	}
	
	h1.section_heading {
		font-size: 38px;
		line-height: 42px;
	}
	
	h1.opportunity_title {
		font-size: 30px;
		line-height: 35px;
	}
	
	#content section.sub_menu {
		margin: 0 0 20px;
		padding: 10px 10px 8px;
	}
	
	#content section.sub_menu.volunteer_centres {
		margin: 20px 0 0;
	}
	
	body.page-template-page-top-level #content section.sub_menu.volunteer_centres,
	body.page-template-page-second-level #content section.sub_menu.volunteer_centres {
		display: none;
	}
	
	#content section.sub_menu h3 {
		margin: 1px 0 0;
	}
	
	#content section.sub_menu h3 span {	
		background: url('images/expand.png') no-repeat;
		background-size: 40px 18px;
		width: 20px;
		height: 20px;
		display: block;
		float: right;
	}
	
	#content section.sub_menu h3.open span {
		background-position: 100% 0;
	}
	
	#content section.sub_menu ul {
		display: none;
		margin: 10px 0 2px;
	}
	
	aside.news {
		padding: 0;
	}
	
	section.author {
		margin: 20px 0 30px;
	}
	
	section.author img {
		display: none;
	}
	
	#calendar {
		display: none;
	}
	
	#list {
		display: block;
	}
	
	#list #events {
		padding: 0;
	}
	
	.event_single .date, .event_single a.back {
		width: 24%;
		padding: 2%;
		float: left;
		margin: 0 0 20px;
		clear: none;
	}
	
	.event_single a.back {
		float: right;
		padding: 14px 2% 13px;
		width: 64%;
	}
	
	.event_details {
		width: 100%;
		float: none;
	}
	
	#events.venue .one-third.column {
		padding: 0;
	}
	
	aside .event {
		display: table;
		width: 100%;
		box-sizing: border-box;
	}
	
	aside .event .date {
		margin: 0 10px 0 0;
	}
	
	#map {
		height: 350px;
	}
	
	.contact_form {
		width: 90%;
		float: none;
		padding: 5%;
	}
	
	.contact_form {
		margin: 20px 0 0;
	}
	
	ul.areas {
		margin: 0 0 10px;
	}
	
	section.result {
		margin: 15px 0 0;
	}
	
	section.result .inner hr {
		width: 100%;
	}
	
	section.result .inner p.sub {
		width: auto;
		float: none;
		margin: 0;
	}
	
	section.result .inner p.sub.location {
		margin: 0 0 15px;
	}
	
	section.result a.btn {
		position: static;
	}
	
	aside.details {
		padding: 0;
	}
	
	section.author {
		margin: 10px 0;
	}
	
	ul.details {
		margin: 15px 0 25px;
	}
	
	ul.details li {
		width: auto;
		float: none;
	}
	
	.availability_table {
		overflow-x: auto;
		max-width: 300px;
	}
	
	address {
		width: auto;
		float: none;
		height: auto;
	}
	
	#opportunity_map {
		width: auto;
		float: none;
	}
	
	.small_popup .error_message {
		margin: -15px -15px 15px;
	}
	
	form#loginform, form#resetpassword {
		width: auto;
	}
	
	aside.opportunities_section {
		display: none;
	}
	
	.table_holder {
		overflow: scroll;
	}
	
	.interests_activities .frm_form_field {
		clear: both !important;
		width: 100% !important;
		float: none !important;
	}
	
	ul.social {
		display: none;
	}
	
	#search_by_location ul li a {
		width: auto;
	}
	
}