@charset "utf-8";
/* CSS Document */

/* (1366x768) WXGA Display */
@media screen and (max-width: 1366px) {
.post-password-form,
.header_top_inner,
.header_mid_inner,
.header_bot_inner,
.headline_inner,
.bottom_outer,
.footer_inner,
.cmsms_row_inner {
 position: relative;
 width:96% !important;
 padding: 0 20px;
 margin: 0 auto;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.content_wrap {
	width:100% !important;
}

.middle_inner {
	width:100% !important;
}

.flax-strip { width:100% !important;}

.case-study .greybox .listing-item h2,
.case-study .greybox .listing-item .excerpt {width:280px;}
.case-study .greybox .listing-item .share {margin-right:0; margin-top:-66px;}
.page-guardian-angel .cmsms_button {padding-left:15px; padding-right:15px;}

.campaigns-full-width-three-column .listing-item {
min-height:480px !important;
}

/* ----- CASE STUDY GREY BOX ----- */	

.section-need-help .case-study .display-posts-listing .listing-item h2 {
	width:530px !important;
	max-width:530px !important;
	margin-top:0 !important;
	font-size:26px !important;
	line-height:26px !important;
}

.section-need-help .case-study .listing-item .excerpt {
	width:530px !important;
	max-width:530px !important;
	font-size:16px;
	line-height:22px !important;
	margin-bottom:10px !important;
}

}

@media only screen 
and (min-device-width : 960px) 
and (max-device-width : 1280px) 
and (orientation : landscape) {
.post-password-form,
.header_top_inner,
.header_mid_inner,
.header_bot_inner,
.headline_inner,
.bottom_outer,
.footer_inner {
 position: relative;
 width:96% !important;
 padding: 0 20px;
 margin: 0 auto;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}

.content_wrap {
 position: relative;
 width:100% !important;
 padding:0 40px 0 0 !important;
 margin:0 0 0 20px !important;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}

.middle_inner {width:100% !important; padding-left:20px !important; margin:0 !important;}
.cmsms_row {width:100% !important; padding-right:0 !important; margin-right:0 !important;}
.one_first,
.cmsms_text, 
.cmsms_row_inner {width:100% !important; padding-right:0 !important; margin-right:0 !important;}
.cmsms_row_inner .cmsms_row_margin {padding-right:0 !important; margin-right:0 !important;}
.listing-item {margin-right:48px !important;}
.display-posts-listing {width:100% !important;padding-right:0 !important; margin-right:0 !important;}

.four-columns {width:100% !important; padding-right:0 !important; margin-right:0 !important;}
.four-columns .one_first,
.four-columns .cmsms_text, 
.four-columns .cmsms_row_inner {width:100% !important; padding-right:0 !important; margin-right:0 !important;}
.four-columns .cmsms_row_inner .cmsms_row_margin {padding-right:0 !important; margin-right:0 !important;}
.four-columns .listing-item {margin-right:48px !important;}
.four-columns .display-posts-listing {width:100% !important;padding-right:0 !important; margin-right:0 !important;}

.four-columns .listing-item:nth-child(4),
.four-columns .listing-item:nth-child(8),
.four-columns .listing-item:nth-child(12),
.four-columns .listing-item:nth-child(16),
.four-columns .listing-item:nth-child(20),
.four-columns .listing-item:nth-child(24),
.four-columns .listing-item:nth-child(28) {
	margin-right:0 !important;
}

/* ----- DONATE PAGE ----- */
.page-donate .cmsms_img_wrap {padding:0 !important;}
.page-donate .cmsms_img_wrap img {width:360px !important;}
.page-donate .cmsms_tabs_list {width:406px;}
.page-donate .donate-amount-wrap {width:360px !important; margin-right:60px !important;}
.page-donate .donate-amount-wrap:nth-child(4) {margin-right:0 !important;}
/* ----- CASE STUDIES OVERVIEW PAGE ----- */
.case-studies-overview .listing-item,
.case-studies-overview .display-posts-listing h2,
.case-studies-overview .display-posts-listing .image img,
.case-studies-overview .listing-item .excerpt {
	width:245px;
}

body.tax-service-centre .content_wrap,
body.single-case-studies .content_wrap {
 padding: 0 20px 0 20px;
}

.campaigns .campaign .cmsms_img_wrap {padding-left:20px;}

}


/* ============================================================================================================================= */
/* ============================================================================================================================= */
/* ============================================================================================================================= */
/* ============================================================================================================================= */
/* ============================================================================================================================= */
/* ============================================================================================================================= */
/* ============================================================================================================================= */


/* ----- BREAKPOINT 1024px ----- */
@media only screen and (max-width: 1024px) {
		.nav_wrap {float:left !important;}
	
	.meta_wrap {float:right; margin-top:5px !important; position:absolute; top:5px; right:20px;}

.ph-no {
position:absolute; top:0; right:220px;
}
	.hide-on-desktop {display:none;}
	
	.gfield_captcha_input_container.simple_captcha_small,
.gfield_captcha_input_container.simple_captcha_small input {max-width:140px !important;}
	
	.video-centre iframe {width:446px !important; height:251px !important;}
}
 
/* --- iPad in landscape --- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.hide-on-desktop {display:none !important;}
.post-password-form,
.header_top_inner,
.header_mid_inner,
.header_bot_inner,
.headline_inner,
.bottom_outer,
.footer_inner,
.cmsms_row_inner {
  position: relative;
  width:96% !important;
  padding: 0 20px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.cmsms_row_fullwidth {width:100% !important;}
	


html #page #header .header_top .header_top_but {display:none !important;}
html #page #header .header_top .header_top_outer .header_top_inner {padding:5px 0 0 40px !important; margin:0 !important;}
html #page #header .header_top .header_top_outer .header_top_inner .header_top_left {
	width:25%;
	float:right;
	padding:0 !important;
	margin:-30px 0 0 0 !important;
	border:none !important;
	}
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right {
	width:70%;
	float:left;
	padding:0 !important;
	margin:0 !important;
	border:none !important;
	}
	
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap {text-align:left;}
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap a {
	font-size:20px !important;
	color:#FFF !important;
	display:block !important;
	width:130px !important;
	}
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap a span {padding:0; line-height:28px;}
	
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right	.cmsms_theme_icon_resp_nav {}

html #page #header .header_top .header_top_outer,
html #page #header .header_top .header_top_outer .header_top_inner {
	display:block !important;
	}
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap nav #top_line_nav,
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap nav li {
	background-color:transparent !important;
	width:100% !important;
}

html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap nav #top_line_nav li a {
 padding:10px !important; font-size:24px !important;background-color:transparent !important;	width:100% !important; color:FFF !important;
}
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap nav #top_line_nav li ul.sub-menu {
	background-color:transparent !important;	width:50% !important;	
}
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap nav #top_line_nav li ul.sub-menu li a {
 padding-left: 20px !important; font-size:20px !important;background-color:transparent !important;	width:100% !important;	
}


html #page #header .header_bot .header_bot_outer .header_bot_inner .resp_nav_wrap,
html #page #header .header_bot .header_bot_outer .header_bot_inner .resp_nav_wrap .resp_nav_wrap_inner {display:none !important;}
html #page #header .header_bot .header_bot_outer .header_bot_inner {height:50px;}

html #page #header .header_bot nav,
html #page #header .header_bot nav ul {
	display:block !important; 
	width:100% !important;
	height:50px !important; 
	float:right; 
	margin-top:0 !important; 
	padding-top:0 !important; 
	background-color:transparent !important;
	}
		
html #page #header .header_bot nav li {
	background-color:transparent !important;
	border-left:2px solid #aeb3b8;
	margin:5px 0 !important;
	padding:0 12px !important;
	height:40px !important;	
display:inline-block !important;
width:auto !important;
max-width:180px;
text-align:center;
}
	
	html #page #header .header_bot nav li:nth-child(1) {
		max-width:226px;
	}
	
		html #page #header .header_bot nav li:nth-child(3) {
		max-width:290px;
	}

html #page #header .header_bot nav a {
	color:#5c6670;
	background-color:transparent !important;
	border-top:none !important;
	height:40px !important;
	}

html #page #header .header_bot nav li.current-menu-item a {
	background-color:transparent !important;
	color:#f38b00;
	padding:0;
}

html #page #header .header_bot nav li.current-menu-item:hover a,
html #page #header .header_bot nav li.current-menu-item a:hover {
	background-color:transparent !important;
	color:#f38b00 !important;
	padding:0;
}




	/* --- Homepage --- */

.home-first-section .one_third {
	margin-right:0 !important;
	margin-left:5px;
}

.home-first-section .one_third.grey-column-right {
	margin-left:0 !important;
	margin-right:0 !important;
}

.green-triangle {
	width:29%;
	}
	
	.green-triangle.last {
margin-right:0 !important;
	}

body.home h2.green-speech-bubble {
	width:300px;
	font-size:25px !important;
}

body.home .list-with-arrow li a {font-size:20px;}

.grey-column {
 width:320px;
	margin-left:30px !important;
	margin-bottom:0 !important;
	padding:40px 15px 40px 30px !important;
	float:left;
}

.grey-column-right {
 width:320px;
	margin-bottom:0 !important;
	padding:77px 30px 43px 15px !important;
	float:left;
}

.grey-column .cmsms_text,
.grey-column-right .cmsms_text  {min-height:80px !important; margin-top:20px;}

.home-news-events .cmsms_row_inner {padding:0 0 0 10px !important}

.home-news {
	width:70% !important;
	float:left;
	margin-right:0 !important;
	padding:0 !important;
}

.home-news .cmsms_wrap_blog .blog {
	margin:0 !important;
}

.home-news .blog article {
	width:216px !important;
	max-width:216px !important;
	min-width:216px !important;
	float:left !important;
	margin:0 30px 0 0 !important;
	padding:0 !important;
}

.home-news .blog article:last-child {
	margin-right:0 !important;
}

.home-news .blog article h4.cmsms_post_title {
	max-width:200px !important;
}

.home-events {
	width:246px !important;
	float:left;
	margin:0 !important;
	padding-left:30px !important;
}

.home-events .ecs-event-list {
	margin:0 !important;
	padding:0 !important;
}

.home-events .ecs-event {
	width:100% !important;
	margin:0 !important;
}

.home-events .ecs-event .ecs-event-image {
	max-height:124px;
	width:216px !important;
	overflow:hidden;
	-webkit-border-top-left-radius: 20px;
 -webkit-border-bottom-right-radius: 20px;
 -moz-border-radius-topleft: 20px;
 -moz-border-radius-bottomright: 20px;
 border-top-left-radius: 20px;
 border-bottom-right-radius: 20px;
}

.home-events .ecs-event img {height:auto;width:216px !important;}

/* --- NEED HELP PAGE --- */
.page-need-help .three_fourth {width:70%;}
.page-need-help .one_fourth {width:21%;}
.page-need-help .four-columns .cmsms_row_outer_parent {margin-top:0 !important; padding-top:0 !important;}

.section-need-help .case-study .greybox .listing-item h2 {width:250px !important;}
.section-need-help .case-study .greybox .listing-item .excerpt {width:250px !important;}
.section-need-help .case-study .greybox .listing-item .share {margin-top:-66px;}


/* --- WHAT WE DO PAGE --- */
.page-what-we-do .three_fourth {width:70%;}
.page-what-we-do .one_fourth {width:21%;}
.page-what-we-do .grey-area .white-box {height:200px !important;}
.page-what-we-do .grey-area .white-box .listing-item {width:100% !important;height:200px !important;}
.page-what-we-do .grey-area .white-box .listing-item h2 {width:500px !important;}
.page-what-we-do .grey-area .white-box .listing-item .excerpt {width:500px !important;}
.page-what-we-do .grey-area .white-box .listing-item .share {margin-top:-10px !important;}
.page-what-we-do .four-col .one_fourth {margin-bottom:60px !important;}
.page-what-we-do .four-col {padding-bottom:0 !important;}

.section-what-we-do .listing-item {
	margin-right:47px !important;
}

/* --- GET INVOLVED PAGE --- */ 
.page-get-involved .get-involved-intro .three_fourth {width:70%;}
.page-get-involved .get-involved-intro .one_fourth {width:20%;}
.page-get-involved .four-col .one_fourth {margin-bottom:60px !important;}
.page-get-involved .four-col {padding-bottom:0 !important;}

.section-get-involved .listing-item,
.campaigns-full-width-three-column .listing-item {
	margin-right:48px !important;
}

.campaigns-full-width-three-column .listing-item:nth-child(3),
.campaigns-full-width-three-column .listing-item:nth-child(6),
.campaigns-full-width-three-column .listing-item:nth-child(9),
.campaigns-full-width-three-column .listing-item:nth-child(12),
.campaigns-full-width-three-column .listing-item:nth-child(15),
.campaigns-full-width-three-column .listing-item:nth-child(18),
.campaigns-full-width-three-column .listing-item:nth-child(21) {
	margin-right:48px !important;
}

/* --- FUNDRAISING APPEALS PAGE --- */
.page-fundraising-appeals .campaigns .listing-item {
	max-width:330px !important;
	margin-bottom:60px;
}

.page-fundraising-appeals .campaigns .display-posts-listing .image,
.page-fundraising-appeals .campaigns .display-posts-listing .image img,
.page-fundraising-appeals .campaigns .display-posts-listing h2,
.page-fundraising-appeals .campaigns .display-posts-listing .excerpt {
	max-width:330px !important;
	width:330px !important;
	padding:0 !important
}

.campaigns .listing-item:nth-child(2),
.campaigns .listing-item:nth-child(4),
.campaigns .listing-item:nth-child(6),
.campaigns .listing-item:nth-child(8),
.campaigns .listing-item:nth-child(10),
.campaigns .listing-item:nth-child(12),
.campaigns .listing-item:nth-child(14) {
	margin-right:0 !important;
}

/* --- VOLUNTEER PAGE --- */
.volunteer-two-columns .one_half .cmsms_text {margin-top:20px !important;}

/* --- DONATE PAGE --- */
.donate-amount-wrap {
	width:300px !important;
	float:left;
	margin:0 20px 0 0 !important;
	display:block;
}

.donate-amount-wrap a.donate-amount {
	width:300px;
}

.donate-amount-wrap h3 {
	font-size:32px !important;
}

.owl-item {
	width:300px !important;
	padding:0 !important;
	margin-left:20px;
	}
	
	.owl-item div {
	padding:0 !important;
	}
	
		.owl-item article.campaign {
	padding:0 !important;
	}

.campaign .cmsms_img_wrap {
	width:100%;
	margin:0 !important;
}

.campaign .cmsms_img_wrap img {
	width:100%;
	margin:0 !important;
}

.campaign .cmsms_campaign_header {
 width:100%;
	margin:-10px 0 0 0 !important;
}

.outcomes-stories-news .donations-stories {width:300px !important;margin:0 20px 0 0 !important;}
.outcomes-stories-news .donations-stories a.image img {width:100%;}
.outcomes-stories-news .donations-stories .cmsms_text {width:100%;}
.outcomes-stories-news .donations-stories .cmsms_text .display-posts-listing .listing-item {width:100%;}
.outcomes-stories-news .donations-stories .cmsms_text .display-posts-listing .listing-item .excerpt {width:100%;}


/* ----- CASE STUDIES OVERVIEW PAGE ----- */

.case-studies-overview .listing-item {
	max-width:330px;
	margin-right:48px !important;
	margin-bottom:60px !important;
}

.case-studies-overview .display-posts-listing h2 {
	max-width:330px;
}

.case-studies-overview .display-posts-listing .image {
	height:186px;
}

.case-studies-overview .display-posts-listing .image img {
	max-width:330px;
}

.case-studies-overview .listing-item .excerpt {
	width:330px;
}

.case-studies-overview .listing-item .excerpt .readmore {padding: 15px 25px !important;}

.case-studies-overview .listing-item:nth-child(2),
.case-studies-overview .listing-item:nth-child(4),
.case-studies-overview .listing-item:nth-child(6),
.case-studies-overview .listing-item:nth-child(8),
.case-studies-overview .listing-item:nth-child(10),
.case-studies-overview .listing-item:nth-child(12),
.case-studies-overview .listing-item:nth-child(14) {
	margin-right:0 !important;
}

/* ----- EVENTS PAGE ----- */

.tribe-events-event-image {width:327px; float:left;}
.cmsms_events_list_event_wrap {width:340px; float:left; margin-left:30px;}

/* ----- OUTCOMES PAGE ----- */
.flax-area .white-box .cmsms_text {width:500px;}
.page-outcomes .four-case-studies .listing-item:nth-child(3) {display:none;}

/* ----- PERSONAL STORIES PAGE ----- */
.page-personal-stories .case-studies-overview .display-posts-listing {width:100% !important; float:left !important}
.page-personal-stories .case-studies-overview .listing-item {float:left !important; width:300px; min-height:450px; margin-right:47px !important;}
.page-personal-stories .case-studies-overview .listing-item .excerpt {width:300px;}
 
/* --- INFO FOOTER --- */
#info-footer .widget-content {min-height:220px !important;}
#info-footer .image-text-widget-image {width:50%;}
#info-footer .image-text-widget-text {width:50%; padding:12px 15px 0 15px;	min-height:220px !important;}
#info-footer .image-text-widget-text p {padding:0; margin:0;}
#info-footer .image-text-widget-text strong {padding:0; margin:0 0 0 0;}
#info-footer .image-text-widget-text .form-fields {margin-top:10px;}
#info-footer input[type='text'] {margin-bottom:15px;}
#info-footer #mc-embedded-subscribe {margin:15px 0 0 0;}

/* --- FOOTER --- */
#custom-bottom {
height:300px !important;
margin:0 !important;
background-size:cover;
}

#custom-bottom-content {
	width:1024px;
	margin:0 auto;
}

#custom-bottom-content .footer-logo-left {
width:116px;
float:left;
margin:50px 0 0 50px !important;
}

#custom-bottom-content .footer-logo-middle {

width:160px;
float:left;
margin:50px 0 0 5px;
}

#custom-bottom-content .footer-logo-right {
width:116px;
float:left;
margin:50px 40px 0 0;
}

.gf-newsletter-subscription-form {
	width:475px;
	float:left;
	margin:40px 0 20px 10px !important;
}

.footer-links {
	width:100%;
	float:left !important;
	margin:20px 0 25px 0 !important;
	color:#FFF;
	text-align:center !important;
}
#footer {margin:0 !important;}

}

/* ============================================================================================================================= */
/* ============================================================================================================================= */
/* ============================================================================================================================= */
/* ============================================================================================================================= */
/* ============================================================================================================================= */
/* ============================================================================================================================= */
/* ============================================================================================================================= */

/* ----- BREAKPOINT 767px ----- */
@media only screen and (max-width: 767px) {
.hide-on-desktop {display:block !important;}
	
	html #page #header .header_bot nav,
html #page #header .header_bot nav ul {
	width:100% !important;
	}
	
			html #page #header .header_bot nav li:nth-child(1) {
		max-width:250px;
	}
	
		html #page #header .header_bot nav li:nth-child(3) {
		max-width:320px !important;
	}

html #page #header .header_bot nav a {
	color:#5c6670;
	background-color:transparent !important;
	border-top:none !important;
	height:40px !important;
	font-size:22px !important;
	}
	
	html #page #header .header_bot nav a {
	font-size:22px !important;
	}
	
	.gfield_captcha_input_container.simple_captcha_small,
.gfield_captcha_input_container.simple_captcha_small input {max-width:100px !important;}
}

/* --- iPad in portrait --- */
@media only screen 
and (min-device-width : 767px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
html #page #header .header_top .header_top_but {display:none !important;}
html #page #header .header_top .header_top_outer .header_top_inner {padding:5px 0 0 40px !important; margin:0 !important;}
html #page #header .header_top .header_top_outer .header_top_inner .header_top_left {
	width:25%;
	float:right;
	padding:0 !important;
	margin:-30px 0 0 0 !important;
	border:none !important;
	}
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right {
	width:70%;
	float:left;
	padding:0 !important;
	margin:0 !important;
	border:none !important;
	}
	
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap {text-align:left;}
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap a {
	font-size:20px !important;
	color:#FFF !important;
	display:block !important;
	width:130px !important;
	}
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap a span {padding:0; line-height:28px;}
	
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right	.cmsms_theme_icon_resp_nav {}

html #page #header .header_top .header_top_outer,
html #page #header .header_top .header_top_outer .header_top_inner {
	display:block !important;
	}
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap nav #top_line_nav,
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap nav li {
	background-color:transparent !important;
	width:100% !important;
}

html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap nav #top_line_nav li a {
 padding:10px !important; font-size:24px !important;background-color:transparent !important;	width:100% !important; color:FFF !important;
}
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap nav #top_line_nav li ul.sub-menu {
	background-color:transparent !important;	width:50% !important;	
}
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap nav #top_line_nav li ul.sub-menu li a {
 padding-left: 20px !important; font-size:20px !important;background-color:transparent !important;	width:100% !important;	
}

html #page #header .header_bot .header_bot_outer .header_bot_inner .resp_nav_wrap,
html #page #header .header_bot .header_bot_outer .header_bot_inner .resp_nav_wrap .resp_nav_wrap_inner {display:none !important;}
html #page #header .header_bot .header_bot_outer .header_bot_inner {height:50px;}

	
	html #page #header .header_bot {display:none !important;}
	
	
html #page #header .header_bot nav,
html #page #header .header_bot nav ul {
	display:block !important; 
	width:100% !important;
	height:50px !important; 
	float:left; 
	margin-top:0 !important; 
	padding-top:0 !important; 
	background-color:transparent !important;
	}
		
html #page #header .header_bot nav li {
	background-color:transparent !important;
	border-left:2px solid #aeb3b8;
	margin:5px 0 !important;
	padding:0 15px !important;
	height:40px !important;	
display:inline-block !important;
width:auto !important;
max-width:180px;
text-align:center;
}

html #page #header .header_bot nav a {
	color:#5c6670;
	background-color:transparent !important;
	border-top:none !important;
	height:40px !important;
	font-size:22px !important;
	}

html #page #header .header_bot nav li.current-menu-item a {
	background-color:transparent !important;
	color:#f38b00;
	padding:0;
}
	
html #page #header .header_bot .header_bot_outer .header_bot_inner .resp_nav_wrap,
html #page #header .header_bot .header_bot_outer .header_bot_inner .resp_nav_wrap .resp_nav_wrap_inner {display:none !important;}
html #page #header .header_bot .header_bot_outer .header_bot_inner {height:50px;}

html #page #header .header_bot nav,
html #page #header .header_bot nav ul {
	display:block !important; 
	width:580px !important;
	height:50px !important; 
	float:right; 
	margin-top:0 !important; 
	padding-top:0 !important; 
	background-color:transparent !important;
	}
		
html #page #header .header_bot nav li {
	background-color:transparent !important;
	border-left:2px solid #aeb3b8;
	margin:5px 0 !important;
	padding:0 15px !important;
	height:40px !important;	
display:inline-block !important;
width:auto !important;
max-width:190px;
text-align:center;
}

html #page #header .header_bot nav a {
	color:#5c6670;
	background-color:transparent !important;
	border-top:none !important;
	height:40px !important;	
	}

html #page #header .header_bot nav li.current-menu-item a {
	background-color:transparent !important;
	color:#f38b00;
	padding:0;
}

html #page #header .header_bot nav li.current-menu-item:hover a,
html #page #header .header_bot nav li.current-menu-item a:hover {
	background-color:transparent !important;
	color:#f38b00 !important;
	padding:0;
}
	/* --- Homepage --- */

.cmsms_row_fullwidth {width:100% !important; margin:0 !important;}

.home-first-section {
	width:100%;
}

.home-first-section .green-triangle {
	width:100%;
}

.home-first-section .green-triangle .cmsms_heading_wrap {
	width:46.5%;
}

.home-first-section .green-triangle .cmsms_heading_wrap h2 {font-size:28px !important;}

.home-first-section .green-triangle .green-speech-bubble {
	width:100%;
}

.home-first-section .green-triangle .list-with-arrow + .cmsms_heading_wrap {
	width:46.5%;
	background:url(images/green-triangle.png) no-repeat 0 0;
	padding-top:16px !important;
	margin:-84px 0 0 20px !important;
	float:left;
}

.home-first-section .green-triangle .list-with-arrow {
	width:46.5%;
	float:left;
}

.home-first-section .green-triangle .second-bubble {
		display:block;
		float:none;
		width:100%;
}

.home-first-section .green-triangle .second-list {
		margin-left:20px;
		display:inline-block;
}

.home-first-section .cmsms_row_outer_parent .cmsms_row_outer .cmsms_row_inner .cmsms_row_margin {
	position:relative;
}

.grey-column {
 width:345px;
	margin-left:15px !important;
	margin-bottom:0 !important;
	padding:40px 15px 40px 60px !important;
	float:left;
}

.grey-column-right {
 width:345px;
	margin-bottom:0 !important;
	padding:77px 30px 43px 15px !important;
	float:left;
}

.grey-column .cmsms_text,
.grey-column-right .cmsms_text  {min-height:80px !important; margin-top:20px;}

.home-first-section .grey-column div,
.home-first-section .grey-column-right div {
	width:91% !important;
}

.home-news {
	width:46% !important;
	float:left;
}

.home-news .cmsms_wrap_blog {
}

.home-news .cmsms_wrap_blog .blog {
	margin:0 !important;
}

.home-news .blog article {
	width:100%  !important;
	max-width:100% !important;
	min-width:100% !important;
	float:left !important;
	margin:0 !important;
	padding:0 !important;
}

.home-news .blog article:first-child {
	margin:0 38px 30px 0 !important;
}

.home-news .blog article h4.cmsms_post_title {
	max-width:200px !important;
}

.home-events {
	width:46% !important;
	float:left;
}

.home-events .ecs-event-list {
	margin:0 !important;
	padding:0 !important;
}

.home-events .ecs-event {
	width:100% !important;
	float:left;
}

.home-events .ecs-event:first-child {
 margin-bottom:30px;
}

.home-events .ecs-event img {
	width:100%;
 height:198px;
}

/* --- DONATE PAGE --- */
.donate-amount-wrap {
	width:218px !important;
	float:left;
	margin:0 20px 0 0 !important;
	display:block;
}

.donate-amount-wrap a.donate-amount {
	width:218px;
}

.donate-amount-wrap h3 {
	font-size:32px !important;
}

.owl-item {
	width:218px !important;
	padding:0 !important;
	margin-left:20px;
	}
	
	.owl-item div {
	padding:0 !important;
	}
	
		.owl-item article.campaign {
	padding:0 !important;
	}

.campaign .cmsms_img_wrap {
	width:100%;
	height:150px;
	margin:0 !important;
}

.campaign .cmsms_img_wrap img {
	width:100%;
	margin:0 !important;
}

.campaign .cmsms_campaign_header {
 width:100%;
	margin:-10px 0 0 0 !important;
}

.cmsms_campaigns .campaign .selected .preloader:after {
	background-image:url(images/tick.png);
	background-repeat:no-repeat;
 background-position:calc(100% - 10px) calc(7% - 2px);
	background-color:rgba(243, 139, 0, 0.5);
}

.outcomes-stories-news .donations-outcomes {width:218px !important;margin:0 20px 0 20px !important;}
.outcomes-stories-news .donations-outcomes .cmsms_text {width:100% !important;}
.outcomes-stories-news .donations-outcomes img {width:218px !important;}

.outcomes-stories-news .donations-stories {width:218px !important;margin:0 20px 0 0 !important;}
.outcomes-stories-news .donations-stories a.image img {width:100%;}
.outcomes-stories-news .donations-stories .cmsms_text {width:100%;}
.outcomes-stories-news .donations-stories .cmsms_text .display-posts-listing .listing-item {width:100%;}
.outcomes-stories-news .donations-stories .cmsms_text .display-posts-listing .listing-item .excerpt {width:100%;}

.outcomes-stories-news .donations-news {width:218px !important;margin:0 !important;}
.outcomes-stories-news .donations-news div,
.outcomes-stories-news .donations-news article {width:100% !important;}
.outcomes-stories-news .donations-news .blog article .cmsms_img_wrap,
.outcomes-stories-news .donations-news .blog article a img.full-width {width:218px !important;}
.outcomes-stories-news .donations-news .entry-content {width:90% !important;}

/* --- NEED HELP PAGE --- */
.page-need-help .need-help-intro .three_fourth {width:60%;}
.page-need-help .need-help-intro .one_fourth {width:30%;}
.page-need-help .four-columns .cmsms_row_outer_parent {margin:0 !important; padding:0 !important;}
.page-need-help .four-columns .one_fourth {width:46%; margin-bottom:60px !important; margin-top:0px !important; padding-top:0 !important;}
.page-need-help .four-columns .one_fourth .cmsms_img {width:100%;}
.page-need-help .four-columns .one_fourth .cmsms_img img { width:100% !important;}

.section-need-help .case-study .greybox .listing-item h2 {width:300px !important;}
.section-need-help .case-study .greybox .listing-item .excerpt {width:300px !important;}
.section-need-help .case-study .greybox .listing-item .share {margin-top:-66px;}

.section-need-help .listing-item {
	margin-right:47px !important;
}


/* --- WHAT WE DO PAGE --- */ 
.page-what-we-do .what-we-do-intro .three_fourth {width:60%;}
.page-what-we-do .what-we-do-intro .one_fourth {width:30%;}
.page-what-we-do .four-col .one_fourth {margin-bottom:60px !important;}
.page-what-we-do .four-col {padding-bottom:0 !important;}
.page-what-we-do .grey-area .white-box .listing-item {width:100% !important; margin-right:0 !important;}
.page-what-we-do .grey-area .white-box .listing-item h2 {width:310px !important; margin:20px 0 0 20px !important;}
.page-what-we-do .grey-area .white-box .listing-item .excerpt {width:310px !important; margin:0 0 0 20px !important; line-height:18px; }
.page-what-we-do .grey-area .white-box .listing-item .share {margin-top:-55px;}

.section-what-we-do .listing-item {
	margin-right:47px !important;
}

/* --- FUNDRAISING APPEALS PAGE --- */

.campaigns-full-width-three-column .display-posts-listing {
	width:100%;
	}

.campaigns-full-width-three-column .listing-item {
	max-width:300px !important;
	margin-bottom:30px;
	margin-right:47px !important;
	float:left !important;
}

.campaigns-full-width-three-column .display-posts-listing .image,
.campaigns-full-width-three-column .display-posts-listing .image img,
.campaigns-full-width-three-column .display-posts-listing h2,
.campaigns-full-width-three-column .display-posts-listing .excerpt {
	max-width:300px !important;
	width:300px !important;
	padding:0 !important
}

.campaigns-full-width-three-column .listing-item:nth-child(2),
.campaigns-full-width-three-column .listing-item:nth-child(3),
.campaigns-full-width-three-column .listing-item:nth-child(4),
.campaigns-full-width-three-column .listing-item:nth-child(6),
.campaigns-full-width-three-column .listing-item:nth-child(8),
.campaigns-full-width-three-column .listing-item:nth-child(10),
.campaigns-full-width-three-column .listing-item:nth-child(12),
.campaigns-full-width-three-column .listing-item:nth-child(14) {
	margin-right:47px !important;;
}

/* ----- OUTCOMES PAGE ----- */
.flax-area .white-box .cmsms_heading_wrap,
.flax-area .white-box .cmsms_heading_wrap h2,
.flax-area .white-box .cmsms_text {width:300px !important;}

/* ----- PERSONAL STORIES PAGE ----- */
.page-personal-stories .case-studies-overview .display-posts-listing {width:100% !important; float:left !important}
.page-personal-stories .case-studies-overview .listing-item {float:left !important; width:300px !important; max-width:300px !important; min-height:400px; margin-right:47px !important;}
.page-personal-stories .case-studies-overview .listing-item .excerpt {width:300px !important;}
.page-personal-stories .case-studies-overview .listing-item a.image,
.page-personal-stories .case-studies-overview .listing-item .img  {width:300px !important;} 

/* --- SIDEBAR --- */
.sidebar img {max-width:262px !important; width:262px !important;}


/* --- INFO FOOTER --- */
#custom-bottom {
	height:435px;
	background-color:#5c666f !important;
	background-repeat:no-repeat;
}
	
#custom-bottom-content {
	width:100%;
}

#custom-bottom-content .footer-logo-left {
width:116px;
float:left;
margin:50px 0 0 170px;
}

#custom-bottom-content .footer-logo-middle {
width:160px;
float:left;
margin:50px 5px 0 0;
}

#custom-bottom-content .footer-logo-right {
width:116px;
float:left;
margin:50px 0 0 0;
}

.gf-newsletter-subscription-form {
width:460px !important;
float:left !important;
margin:50px 0 20px 150px !important;
text-align:center !important;
position:relative;
height:130px;
}

.gf-newsletter-subscription-form input[type='text'] {
float:left !important;
margin-left:50px;
}

.gf-newsletter-subscription-form input[type='email'] {
float:left !important;
margin-left:10px;
}

.gf-newsletter-subscription-form input[type='submit'] {
margin:10px 0 0 100px !important;
position:absolute;
bottom:0;
left:80px;
}

.footer-links {
	width:100%;
	float:left;
	margin:10px 0 0 0 !important;
	color:#FFF;
	text-align:center;
}

}

/* ============================================================================================================================= */
/* ============================================================================================================================= */
/* ============================================================================================================================= */
/* ============================================================================================================================= */
/* ============================================================================================================================= */
/* ============================================================================================================================= */
/* ============================================================================================================================= */

/* ----- BREAKPOINT 736px ----- */
@media only screen and (max-width: 736px) {
	.header_bot {display:none;}
	
.gfield_captcha_input_container.simple_captcha_small,
.gfield_captcha_input_container.simple_captcha_small input {max-width:100px !important;}
	

	.meta_wrap {float:right; position:absolute; top:5px; right:160px;}
 .ph-no {position:absolute; top:0; right:20px;}
	.header_bot {display:none;}
	
	.responsive_top_nav.cmsms_theme_icon_resp_nav {
		max-width:140px !important; 
		width:140px !important; 
		padding:0 !important;
	}
	
	.responsive_top_nav.cmsms_theme_icon_resp_nav span {
		width:100px !important; 
		max-width:100px !important; 
		min-width:100px !important; 
		margin-right:0 !important;
	}
	
	.hide-on-desktop {display:block !important;}
	
	.form-heading {
		align-content: center;
	}
	
	.gf-newsletter-subscription-form {
width:430px !important;
float:left !important;
margin:30px auto 20px auto !important;
text-align:center !important;
position:relative;
height:130px;
}
	
	.gf-newsletter-subscription-form input[type='text'] {
float:left !important;
margin-left:35px;
}

.gf-newsletter-subscription-form input[type='email'] {
float:left !important;
margin-left:10px;
	
}

.gf-newsletter-subscription-form input[type='submit'] {
margin:10px auto 0 auto !important;
	float:none;
	clear:both;
	position:relative;
	left:40px;
}
	
.videos-languages {width:100%; margin-bottom:0 !important;}
.videos-languages .one_fourth {margin-bottom:40px;}
	.videos-languages .one_fourth iframe {width:670px; height:376px;}
	
	.service-locations li {
		width:100%;
	}
	
}


/* ----- BREAKPOINT 640px ----- */
@media only screen and (max-width: 640px) {
	
	#custom-bottom {
	height:100%;
	background-color:#5c666f !important;
	background-repeat:no-repeat;
}
	
#custom-bottom-content {
	max-width:640px !important;
	display: inline-block;
}

#custom-bottom-content .footer-logo-left {
width:116px;
float:left !important;
margin:50px 0 0 0 !important;
}

#custom-bottom-content .footer-logo-middle {
width:160px;
float:left;
margin:50px 5px 0 0;
}

#custom-bottom-content .footer-logo-right {
width:116px;
float:left;
margin:50px 0 0 10px !important;
}
	
	.form-heading {
		align-content: center;
	}
	
	.gf-newsletter-subscription-form {
width:100% !important;
float:left !important;
margin:30px auto 20px auto !important;
text-align:center !important;
position:relative;
height:80px;
}
	
	.gf-newsletter-subscription-form input[type='text'] {
float:left !important;
margin-left:80px;
}

.gf-newsletter-subscription-form input[type='email'] {
float:left !important;
margin-left:10px;
	
}

.gf-newsletter-subscription-form input[type='submit'] {
margin:0 auto 0 auto !important;
	float:none;
	clear:both;
	position:relative;
	left:10px;
}
}


/* ============================================================================================================================= */
/* ============================================================================================================================= */
/* ============================================================================================================================= */
/* ============================================================================================================================= */
/* ============================================================================================================================= */
/* ============================================================================================================================= */
/* ============================================================================================================================= */



/* --- iPhone 6 Plus in landscape --- */


@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) {
	
html #page #header .header_top .header_top_but {display:none !important;}
html #page #header .header_top .header_top_outer .header_top_inner {padding:5px 0 0 40px !important; margin:0 !important;}
html #page #header .header_top .header_top_outer .header_top_inner .header_top_left {
	width:25%;
	float:right;
	padding:0 !important;
	margin:-30px 0 0 0 !important;
	border:none !important;
	}
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right {
	width:70%;
	float:left;
	padding:0 !important;
	margin:0 !important;
	border:none !important;
	}
	
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap {text-align:left;}
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap a {
	font-size:20px !important;
	color:#FFF !important;
	display:block !important;
	width:130px !important;
	}
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap a span {padding:0; line-height:28px;}
	
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right	.cmsms_theme_icon_resp_nav {}

html #page #header .header_top .header_top_outer,
html #page #header .header_top .header_top_outer .header_top_inner {
	display:block !important;
	}
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap nav #top_line_nav,
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap nav li {
	background-color:transparent !important;
	width:100% !important;
}

html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap nav #top_line_nav li a {
 padding:10px !important; font-size:24px !important;background-color:transparent !important;	width:100% !important; color:FFF !important;
}
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap nav #top_line_nav li ul.sub-menu {
	background-color:transparent !important;	width:50% !important;	
}
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap nav #top_line_nav li ul.sub-menu li a {
 padding-left: 20px !important; font-size:20px !important;background-color:transparent !important;	width:100% !important;	
}

html #page #header .header_mid .header_mid_outer .header_mid_inner .social_wrap {padding: 15px 5% 10px;}

html #page #header .header_bot .header_bot_outer .header_bot_inner .resp_nav_wrap,
html #page #header .header_bot .header_bot_outer .header_bot_inner .resp_nav_wrap .resp_nav_wrap_inner {display:none !important;}
html #page #header .header_bot .header_bot_outer .header_bot_inner {height:50px;}

html #page #header .header_bot nav,
html #page #header .header_bot nav ul {
	display:block !important; 
	width:580px !important;
	height:50px !important; 
	float:right; 
	margin-top:0 !important; 
	padding-top:0 !important; 
	background-color:transparent !important;
	}
html #page #header .header_bot nav li:first-child {border-left:none !important;}		
html #page #header .header_bot nav li {
	background-color:transparent !important;
	border-left:2px solid #aeb3b8;
	margin:5px 0 !important;
	padding:0 15px !important;
	height:40px !important;	
display:inline-block !important;
width:auto !important;
max-width:190px;
text-align:center;
}

html #page #header .header_bot nav a {
	color:#5c6670;
	background-color:transparent !important;
	border-top:none !important;
	height:40px !important;	
	}

html #page #header .header_bot nav li.current-menu-item a {
	background-color:transparent !important;
	color:#f38b00;
	padding:0;
}

html #page #header .header_bot nav li.current-menu-item:hover a,
html #page #header .header_bot nav li.current-menu-item a:hover {
	background-color:transparent !important;
	color:#f38b00 !important;
	padding:0;
}	

.logo_wrap {width:100% !important;} 	
.logo_wrap img {width:300px !important;}
	
		.search_wrap .search_wrap_inner {padding-bottom:20px !important;}

#main {width:100%;}
#middle {width:100%; padding:0 !important;}
.middle_inner {width:100% !important; margin-right:0 !important; padding:0 !important;}	
.cmsms_row_fullwidth {width:100% !important; margin:0 !important;}	
	
/* --- Homepage --- */	
.page-home #main {width:100%;}
.page-home #middle {width:100%; padding:0 !important;}
.page-home .middle_inner {width:100% !important; margin-right:0 !important; padding:0 !important;}	
.page-home .cmsms_row_fullwidth {width:100% !important; margin:0 !important;}		
		
.home-first-section {
	width:100%;
}

.home-first-section .green-triangle {
	width:100%;
}

.home-first-section .green-triangle .cmsms_heading_wrap {
	width:46.5%;
}

.home-first-section .green-triangle .cmsms_heading_wrap h2 {font-size:28px !important;}

.home-first-section .green-triangle h2.green-speech-bubble {
	width:100%;
	font-size:27px !important;
}

.home-first-section .green-triangle .list-with-arrow + .cmsms_heading_wrap {
	width:46.5%;
	background:url(images/green-triangle.png) no-repeat 0 0;
	padding-top:16px !important;
	margin:-84px 0 0 20px !important;
	float:left;
}

.home-first-section .green-triangle .list-with-arrow {
	width:46.5%;
	float:left;
}

.home-first-section .green-triangle .second-bubble {
		display:block;
		float:none;
		width:100%;
}

.home-first-section .green-triangle .second-list {
		margin-left:20px;
		display:inline-block;
}

.home-first-section .cmsms_row_outer_parent .cmsms_row_outer .cmsms_row_inner .cmsms_row_margin {
	position:relative;
}

.home-first-section .grey-column {
	width:330px !important;
	margin:0 0 0 16px !important;
	padding:30px 0 0 26px !important;
	float:left !important;
	clear:none !important;
}

.home-first-section .grey-column-right {
	margin:0 !important;
	padding:65px 0 0 26px !important;
 -webkit-border-top-right-radius: 0;
 -moz-border-radius-topright: 0;
 border-top-right-radius: 0;
	width:330px !important;
	float:left !important;
	clear:none !important;
}

.home-first-section .grey-column div,
.home-first-section .grey-column-right div {
	width:91% !important;
}

.home-events {
	width:100% !important;
	float:left;
}

.home-events .ecs-event-list {
	margin:0 !important;
	padding:0 !important;
}

.home-events .ecs-event {
	width:45% !important;
	float:left;
	margin-bottom:45px;
}

.home-events .ecs-event:first-child {
	margin-right:43px;
}

.home-events .ecs-event img {
	width:100% !important;
	height:190px !important;
}

/* --- Need Help Section --- */

.case-study .display-posts-listing .listing-item h2 {
	max-width:300px;
	margin-top:0 !important;
	font-size:26px !important;
	line-height:26px !important;
}

.case-study .listing-item .excerpt {
	max-width:300px;
	font-size:16px;
	line-height:22px !important;
	margin-bottom:10px !important;
}

.case-study .share {
	margin:-65px 0 0 30px;
	padding:0 !important;
}

.page-need-help .one_fourth .cmsms_img img {width:100% !important;}
.page-need-help .one_fourth {
	margin-bottom:60px;
	width:45%;
	float:left !important;
	clear:none !important;
	}
	
.page-need-help .four-columns .one_fourth {
		min-height:320px;
}

.page-need-help .four-columns {
		padding-bottom:0 !important;
}

.page-need-help .my-question {
	margin-top:-100px !important;
}

/* --- What We Do Section --- */

body.page-what-we-do .four-col .one_fourth {margin-bottom:50px;}
body.page-what-we-do .four-col .one_fourth:last-child {margin-bottom:0;}
body.page-what-we-do .four-col  {padding-bottom:0;}
body.page-what-we-do .four-col .empty-column  {margin-bottom:0 !important;}
body.page-what-we-do .four-col .one_fourth .cmsms_img {width:45%; float:left; margin-right:20px;}
body.page-what-we-do .four-col .one_fourth .cmsms_heading_wrap {margin-top:0px !important; padding-top:0 !important;}
body.page-what-we-do .four-col .one_fourth .cmsms_heading_wrap h2 {margin:0px !important;}


body.page-what-we-do .white-box {padding-bottom:0;}
body.page-what-we-do .white-box h2 {width:365px !important; margin-top:15px !important;}
body.page-what-we-do .white-box .excerpt {width:365px !important;}
body.page-what-we-do .white-box .share {margin:-55px 20px 0 0;}

.section-what-we-do .listing-item {
	margin-right:47px !important;
}

/* --- Get Involved Section --- */

body.page-get-involved .four-col .one_fourth {margin-bottom:50px;}
body.page-get-involved .four-col .one_fourth:last-child {margin-bottom:0;}
body.page-get-involved .four-col  {padding-bottom:0;}
body.page-get-involved .four-col .empty-column  {margin-bottom:0 !important;}
body.page-get-involved .four-col .one_fourth .cmsms_img {width:45%; float:left; margin-right:20px;}
body.page-get-involved .four-col .one_fourth .cmsms_heading_wrap {margin-top:0px !important; padding-top:0 !important;}
body.page-get-involved .four-col .one_fourth .cmsms_heading_wrap h2 {margin:0px !important;}



/* --- Services Single Page --- */

body.single-services .blog .cmsms_img {width:100% !important;margin:0 !important;}
body.single-services .blog .cmsms_img img {width:100% !important;margin:0 !important;}

/* --- Outcomes Page --- */

body.page-outcomes .flax-area .white-box .cmsms_img {
float:left;
margin-right:20px;
}

body.page-outcomes .flax-area .white-box .cmsms_heading_wrap {margin:0 30px; width:300px;}
body.page-outcomes .flax-area .white-box .cmsms_heading_wrap h2 {line-height:38px !important; width:300px;}
body.page-outcomes .flax-area .white-box .cmsms_text {margin:0 30px; width:300px;}
body.page-outcomes .flax-area .white-box .button_wrap {margin:10px 0 0 10px;}

.four-case-studies .listing-item {
	max-width:48.5%;
	margin-right:20px;
	margin-bottom:30px;
}

.four-case-studies .listing-item:nth-child(2),
.four-case-studies .listing-item:nth-child(4) {
	margin-right:0;
}

.four-case-studies .display-posts-listing h3 {
	max-width:100%;
}

.four-case-studies .display-posts-listing .image {
	width:100%;
	height:220px;
	background-color:#FFF !important;
	-webkit-border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
border-top-left-radius: 20px;
display:block;
}

.four-case-studies .display-posts-listing .image img {
	width:100% !important;
	max-width:100% !important;
}

.four-case-studies .listing-item .excerpt {
	width:100%;
		padding-bottom:20px;
}

/* ----- DONATIONS PAGE ----- */
.cmsms_campaigns .campaign .selected .preloader:after {background-position:calc(7% - 10px) calc(7% - 10px);
}
.page-donate .campaign .cmsms_campaign_header h4 {width:100% !important;}
.page-donate .campaign .cmsms_campaign_header h4 a {font-size:18px;}



/* --- Info Footer --- */
#info-footer {width:100%;}
.info-footer-left {width:50%;}
.info-footer-right {width:50%;}
#info-footer .image-text-widget-image {width:100%;}
#info-footer .image-text-widget-text {width:100%;}

/* --- Footer --- */
#custom-bottom {
	height:430px;
	background:url(images/flax-grey-bg.jpg) repeat 0 0;
	background-color:#5c666f !important;
}
	
#custom-bottom-content {
	width:100%;
	text-align:center;
}

#custom-bottom-content .footer-logo-left {
width:116px;
float:left;
margin:50px 0 0 170px;
}

#custom-bottom-content .footer-logo-middle {

width:160px;
float:left;
margin:50px 0 0 10px;
}

#custom-bottom-content .footer-logo-right {
width:116px;
float:left;
margin:50px 0 0 0;
}

/* .gf-newsletter-subscription-form {
width:460px !important;
float:left !important;
margin:30px 0 20px 140px !important;
text-align:center !important;
position:relative;
height:130px;
} 

.gf-newsletter-subscription-form input[type='text'] {
float:left !important;
margin-left:50px !important;
}

.gf-newsletter-subscription-form input[type='email'] {
float:left !important;
margin-left:10px !important;
}

.gf-newsletter-subscription-form input[type='submit'] {
margin:10px 0 0 200px !important;
position:absolute;
bottom:0;
left:80px;
} */

.footer-links {
width:100% !important;
text-align:center; 
float:left !important; 
margin:10px 0 0 0 !important;
}
	
}

/* ============================================================================================================================= */
/* ============================================================================================================================= */
/* ============================================================================================================================= */
/* ============================================================================================================================= */
/* ============================================================================================================================= */
/* ============================================================================================================================= */
/* ============================================================================================================================= */




/* --- iPhone 6 Plus in portrait --- */
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : portrait) {
	
html #page #header .header_top .header_top_but {display:none !important;}
html #page #header .header_top .header_top_outer .header_top_inner {padding:5px 0 0 40px !important; margin:0 !important;}
html #page #header .header_top .header_top_outer .header_top_inner .header_top_left {
	width:40%;
	float:right;
	padding:0 !important;
	margin:-30px 0 0 0 !important;
	border:none !important;
	}
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right {
	width:100%;
	float:right;
	padding:0 !important;
	margin:0 !important;
	border:0;
	}
	
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap {text-align:left;}
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap a {
	font-size:20px !important;
	color:#FFF !important;
	display:block !important;
	}
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap a span {padding:0; line-height:28px;}
	
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right	.cmsms_theme_icon_resp_nav {}

html #page #header .header_top .header_top_outer,
html #page #header .header_top .header_top_outer .header_top_inner {
	display:block !important;
	padding:5px 0 3px 5px !important;
	margin:0 !important;
	}
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap nav #top_line_nav,
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap nav li {
	background-color:transparent !important;
	width:100% !important;
}

html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap nav #top_line_nav li a {
 padding:10px !important; font-size:24px !important;background-color:transparent !important;	width:100% !important; color:FFF !important;
}
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap nav #top_line_nav li ul.sub-menu {
	background-color:transparent !important;	width:100% !important;	
}
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap nav #top_line_nav li ul.sub-menu li a {
 padding-left: 20px !important; font-size:20px !important;background-color:transparent !important;	width:100% !important;	
}

html #page #header .header_mid .header_mid_outer .header_mid_inner .social_wrap {padding: 15px 5% 10px;}

html #page #header .header_bot .header_bot_outer .header_bot_inner .resp_nav_wrap,
html #page #header .header_bot .header_bot_outer .header_bot_inner .resp_nav_wrap .resp_nav_wrap_inner {display:none !important;}
html #page #header .header_bot .header_bot_outer .header_bot_inner {height:50px;}

html #page #header .header_bot nav,
html #page #header .header_bot nav ul {
	display:block !important; 
	width:100% !important;
	height:50px !important; 
	float:right; 
	margin-top:0 !important; 
	padding-top:0 !important; 
	background-color:transparent !important;
	}
		
html #page #header .header_bot nav li {
	background-color:transparent !important;
	border-left:2px solid #aeb3b8;
	margin:5px 0 !important;
	padding:0 15px !important;
	height:40px !important;	
display:inline-block !important;
width:auto !important;
max-width:190px;
text-align:center;
}

html #page #header .header_bot nav a {
	color:#5c6670;
	background-color:transparent !important;
	border-top:none !important;
	height:40px !important;	
	}

html #page #header .header_bot nav li.current-menu-item a {
	background-color:transparent !important;
	color:#f38b00;
	padding:0;
}
	
html #page #header .header_bot .header_bot_outer .header_bot_inner .resp_nav_wrap,
html #page #header .header_bot .header_bot_outer .header_bot_inner .resp_nav_wrap .resp_nav_wrap_inner {display:none !important;}
html #page #header .header_bot .header_bot_outer .header_bot_inner {height:50px;}

html #page #header .header_bot nav {padding:0 !important; margin:0 !important; width:100% !important;}
html #page #header .header_bot nav,
html #page #header .header_bot nav ul {
	display:block !important; 
	width:100% !important;
	height:50px !important; 
	float:right; 
	margin:0 !important;
	padding:0 !important; 
	background-color:transparent !important;
	}
	

html #page #header .header_bot nav li:first-child {border-left:none !important;}		
html #page #header .header_bot nav li {
	background-color:transparent !important;
	border-left:2px solid #aeb3b8;
	margin:5px 0 !important;
		padding:0 7px !important;
	height:40px !important;	
display:inline-block !important;
width:auto !important;
width:126px !important;
text-align:center;
}

html #page #header .header_bot nav a {
	color:#5c6670;
	background-color:transparent !important;
	border-top:none !important;
	height:40px !important;	
	font-size:20px !important;
	}

html #page #header .header_bot nav li.current-menu-item a {
	background-color:transparent !important;
	color:#f38b00;
	padding:0;
}

html #page #header .header_bot nav li.current-menu-item:hover a,
html #page #header .header_bot nav li.current-menu-item a:hover {
	background-color:transparent !important;
	color:#f38b00 !important;
	padding:0;
}

	
.logo_wrap {width:100% !important;} 	
.logo_wrap img {width:300px !important;}
	
	.search_wrap .search_wrap_inner {padding-bottom:20px !important;}

#main {width:100%;}
#middle {width:100%; padding:0 !important;}
.middle_inner {width:100% !important; margin-right:0 !important; padding:0 !important;}	
.cmsms_row_fullwidth {width:100% !important; margin:0 !important;}	

	/* --- Homepage --- */	
.page-home #main {width:100%;}
.page-home #middle {width:100%; padding:0 !important;}
.page-home .middle_inner {width:100% !important; margin-right:0 !important; padding:0 !important;}	
.page-home .cmsms_row_fullwidth {width:100% !important; margin:0 !important;}

.page-home h2.green-speech-bubble {
	width:100% !important;
}
	
.grey-column {
	margin-bottom:0 !important;
	padding:30px 0 0 26px !important;
}

.grey-column-right {
	margin:0 0 0 8px !important;
	padding:0 0 0 26px !important;
-webkit-border-top-right-radius: 0;
-moz-border-radius-topright: 0;
border-top-right-radius: 0;
}

.grey-column .cmsms_img img,
.grey-column-right .cmsms_img img {
 width:324px !important;
}

.home-events {
	width:356px !important;
	float:left;
}

.home-events .ecs-event-list {
	margin:0 !important;
	padding:0 !important;
}

.home-events .ecs-event {
	width:100% !important;
	float:left;
	margin-bottom:45px;
}

.home-events .ecs-event img {
	width:356px !important;
	height:213px;
}

h1 {padding-top:10px;}

/* --- Need Help Section --- */

body.section-need-help .case-study .greybox .wp-post-image {
	width:360px;
}

body.section-need-help .case-study .listing-item h2 {
	margin:20px 0 0 0 !important;
}

body.section-need-help .case-study .listing-item .excerpt {
	margin-left:0;
}

body.section-need-help .greybox .excerpt {width:100%;}

.case-study .share {
	margin:-65px 0 0 30px;
	padding:0 !important;
}

.page-need-help .one_fourth .cmsms_img img {width:400px !important;}
.page-need-help .one_fourth {margin-bottom:60px;}

.sidebar .case-studies .entry-image,
.sidebar .case-studies img.wp-post-image {
	width:370px !important;
	max-width:370px !important;
	height:208px !important;
	max-height:208px !important;
}

.upw-posts header {
	position:relative;
	min-height:230px;
}

/* --- What We Do Section --- */

body.page-what-we-do .four-col .one_fourth {margin-bottom:50px;}
body.page-what-we-do .four-col .one_fourth:last-child {margin-bottom:50px;}
body.page-what-we-do .four-col  {padding-bottom:0;}
body.page-what-we-do .four-col .empty-column  {margin-bottom:0 !important;}



body.page-what-we-do .grey-area .white-box {
	padding:0 !important; 
 width:360px !important;
 height:420px !important;
	max-height:420px !important;
 -webkit-border-bottom-right-radius: 20px;
 -moz-border-radius-bottomright: 20px;
 border-bottom-right-radius: 20px;
	}
body.page-what-we-do .grey-area .white-box .listing-item {padding:0 !important; width:360px !important; height:400px !important;}
body.page-what-we-do .grey-area .white-box .listing-item h2 {width:300px !important; margin-top:15px !important; margin-left:20px !important;}
body.page-what-we-do .grey-area .white-box .listing-item .excerpt {width:300px !important; height:120px; margin:10px 0 0 20px !important; padding:0 !important;}
body.page-what-we-do .grey-area .white-box .share {display:none;}

body.page-what-we-do .grey-area .white-box .listing-item a.image img {
	width:360px !important;
	max-width:360px !important; 
	height:auto !important;
	-webkit-border-top-left-radius: 20px;
 -webkit-border-bottom-right-radius: 20px;
 -moz-border-radius-topleft: 20px;
 -moz-border-radius-bottomright: 20px;
 border-top-left-radius: 20px;
 border-bottom-right-radius: 20px;
}
body.page-what-we-do .grey-area .white-box .listing-item a.image {
	width:360px !important;
	max-width:360px !important;
	height:150px !important;
 overflow:hidden;
		-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
}

/* --- Get Involved Section --- */

body.page-get-involved .four-col .one_fourth {margin-bottom:50px;}
body.page-get-involved .four-col .one_fourth:last-child {margin-bottom:50px;}
body.page-get-involved .four-col  {padding-bottom:0;}
body.page-get-involved .four-col .empty-column  {margin-bottom:0 !important;}

/* --- Outcomes Page --- */

body.page-outcomes .flax-area .white-box .cmsms_img img {width:400px;}
body.page-outcomes .flax-area .white-box .cmsms_img {
	height:200px;
 overflow:hidden;
 -webkit-border-bottom-right-radius: 20px;
 -moz-border-radius-bottomright: 20px;
 border-bottom-right-radius: 20px;
}

body.page-outcomes .flax-area .white-box .cmsms_heading_wrap {margin:0 30px;}
body.page-outcomes .flax-area .white-box .cmsms_heading_wrap h2 {line-height:38px !important;}
body.page-outcomes .flax-area .white-box .cmsms_text {margin:0 30px;}
body.page-outcomes .flax-area .white-box .button_wrap {margin:10px 0 0 10px;}

.four-case-studies .listing-item {
	max-width:100%;
	margin-right:0;
	margin-bottom:30px;
}

.four-case-studies .display-posts-listing h3 {
	max-width:100%;
}

.four-case-studies .display-posts-listing .image {
	width:374px;
	height:220px;
	background-color:#FFF !important;
	-webkit-border-top-left-radius: 20px;
-moz-border-radius-topleft: 20px;
border-top-left-radius: 20px;
display:block;
}

.four-case-studies .display-posts-listing .image img {
	width:374px !important;
	max-width:374px !important;
}

.four-case-studies .listing-item .excerpt {
	width:100%;
		padding-bottom:20px;
}

/* ----- CASE STUDIES OVERVIEW PAGE ----- */

.case-studies-overview .listing-item {
	max-width:100% !important;
}

.case-studies-overview .display-posts-listing h2 {
	max-width:100% !important;
}

.case-studies-overview .display-posts-listing .image {
	max-width:100% !important;
	width:374px !important;
	height:211px;
	overflow:hidden;
	-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
}

.case-studies-overview .display-posts-listing .image img {
	max-width:100% !important;
	width:374px !important;
	height:auto;
}

.case-studies-overview .listing-item .excerpt {
	width:100%;
}

/* ----- CASE STUDY PAGE ----- */
body.single-case-studies .opened-article .cmsms_img_wrap {
	width:100%;
	height:auto;
}



/* ----- SINGLE NEWS PAGE ----- */
body.single-post .content {margin-top:0;padding-top:20px;}
body.single-post img.wp-post-image {
width:374px !important;
max-width:374px !important;
height:213px !important;
margin-bottom:30px; 
}

body.single-post figure.cmsms_img_wrap {
	width:374px !important;
max-width:374px !important;
height:213px !important;
margin-bottom:30px;
}

body.single-post .cmsms_post_content {width:394px;}

/* ----- EVENTS PAGE ----- */
.tribe-events-venue-details .author {width:200px; display:inline-block;}
.tribe-events-venue-details address {
	width:200px;
	margin-left:31px;
	clear:both;
}

.tribe-events-event-cost {width:100%;margin-top:-10px !important;}
.tribe-events-list-event-title  {width:100%;line-height:23px !important;}
.tribe-events-list-event-title a.url  {line-height:18px !important;}

/* --- INFO FOOTER --- */
#info-footer {width:414px;}
.info-footer-left {width:100%; margin-bottom:40px;}
.info-footer-right {width:100%;}
#info-footer .image-text-widget-image {width:100%;}
#info-footer .image-text-widget-text {width:100%;}

/* --- FOOTER --- */


}

/* ============================================================================================================================= */
/* ============================================================================================================================= */
/* ============================================================================================================================= */
/* ============================================================================================================================= */
/* ============================================================================================================================= */
/* ============================================================================================================================= */
/* ============================================================================================================================= */

/* ----- BREAKPOINT 568px ----- */
@media only screen and (max-width: 568px) {
	.meta_wrap {float:right; position:absolute; top:3px; right:160px;}
 .ph-no {position:absolute; top:0; right:20px;}
	.header_bot {display:none;}
	
	.responsive_top_nav.cmsms_theme_icon_resp_nav {
		max-width:140px !important; 
		width:140px !important; 
		padding:0 !important;
	}
	
	.responsive_top_nav.cmsms_theme_icon_resp_nav span {
		width:100px !important; 
		max-width:100px !important; 
		min-width:100px !important; 
		margin-right:0 !important;
	}
	
	.hide-on-desktop {display:block !important;}
}

/* ----- BREAKPOINT 414px ----- */
@media only screen and (max-width: 414px) {
.nav_wrap {display:inline-block; margin-left:0;}	

.meta_wrap {position:absolute; top:14px; left:100px; width:180px;}

.ph-no {position:absolute; top:0; right:0 !important;}
	
	.header_bot {display:none;}
	
		.responsive_top_nav.cmsms_theme_icon_resp_nav {
		max-width:140px !important; 
		width:140px !important; 
		padding:0 !important;
	}
	
	.responsive_top_nav.cmsms_theme_icon_resp_nav span {
		width:100px !important; 
		max-width:100px !important; 
		min-width:100px !important; 
		margin-right:0 !important;
	}
	
	.hide-on-desktop {display:block !important;}
	
	.home-contact .gform_body .gfield {
	width:100% !important;
}
	
	.home-contact .gform_body .gfield input {
	width:100% !important;
		padding:5px 20px !important;
}

.home-contact .gform_body .gfield select {
	width:100% !important;
}
	
	.video-centre iframe {width:343px !important; height:193px !important;}

.videos-languages {width:100%; margin-bottom:0 !important;}
.videos-languages .one_fourth {margin-bottom:40px;}
	.videos-languages .one_fourth iframe {width:360px; height:202px;}

#custom-bottom {
height:480px;
background-color:#5c666f !important;
	background:url(images/flax-grey-bg.jpg) repeat 0 0;
}

#custom-bottom-content {
width:414px;
}

#custom-bottom-content .footer-logo-left {
width:116px;
float:left;
margin:50px 0 0 5px !important;
}

#custom-bottom-content .footer-logo-middle {
width:160px;
float:left;
margin:50px 5px 0 0 !important;
}

#custom-bottom-content .footer-logo-right {
width:116px;
float:left;
margin:50px 0 0 0 !important;
}

.gf-newsletter-subscription-form {
width:414px;
display:inline-block;
	height:160px;
margin:25px 0 20px 0;
}

.gf-newsletter-subscription-form .form-heading {padding:0 !important; margin:0 0 10px 0 !important;}

.gf-newsletter-subscription-form input[type='text'] {
	float:none !important;
	margin:10px 0 0 110px;
}

.gf-newsletter-subscription-form input[type='email'] {
	float:none !important;
	margin:10px 0 0 110px;
}

.gf-newsletter-subscription-form input[type='submit'] {
	float:none !important;
	display:block !important;
	clear:both !important;
	margin-top:10px !important;
	margin-left:140px !important;
}

.footer-links {width:100%;text-align:center; margin-top:10px;}
}

/* --- iPhone 5 in landscape --- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) {
html #page #header .header_top .header_top_but {display:none !important;}
html #page #header .header_top .header_top_outer .header_top_inner {padding:5px 0 0 40px !important; margin:0 !important;}
html #page #header .header_top .header_top_outer .header_top_inner .header_top_left {
	width:25%;
	float:right;
	padding:0 !important;
	margin:-30px 0 0 0 !important;
	border:none !important;
	}
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right {
	width:70%;
	float:left;
	padding:0 !important;
	margin:0 !important;
	border:none !important;
	}
	
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap {text-align:left;}
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap a {
	font-size:20px !important;
	color:#FFF !important;
	display:block !important;
	}
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap a span {padding:0; line-height:28px;}


html #page #header .header_top .header_top_outer,
html #page #header .header_top .header_top_outer .header_top_inner {
	display:block !important;
	}
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap nav #top_line_nav,
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap nav li {
	background-color:transparent !important;
	width:100% !important;
}

html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap nav #top_line_nav li a {
 padding:10px !important; font-size:24px !important;background-color:transparent !important;	width:100% !important; color:FFF !important;
}
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap nav #top_line_nav li ul.sub-menu {
	background-color:transparent !important;	width:80% !important;	
}
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap nav #top_line_nav li ul.sub-menu li a {
 padding-left: 20px !important; font-size:20px !important;background-color:transparent !important;	width:100% !important;	
}

html #page #header .header_mid .header_mid_outer .header_mid_inner .social_wrap {padding: 15px 5% 10px;}

html #page #header .header_bot .header_bot_outer .header_bot_inner .resp_nav_wrap,
html #page #header .header_bot .header_bot_outer .header_bot_inner .resp_nav_wrap .resp_nav_wrap_inner {display:none !important;}
html #page #header .header_bot .header_bot_outer .header_bot_inner {height:50px;}

html #page #header .header_bot nav,
html #page #header .header_bot nav ul {
	display:block !important; 
	width:580px !important;
	height:50px !important; 
	float:right; 
	margin:0 -10px 0 0 !important; 
	padding-top:0 !important;
	paddin-left:20px; 
	background-color:transparent !important;
	}
		
html #page #header .header_bot nav li {
	background-color:transparent !important;
	border-left:2px solid #aeb3b8;
	margin:5px 0 !important;
	padding:0 15px !important;
	height:40px !important;	
display:inline-block !important;
width:auto !important;
max-width:190px;
text-align:center;
}

html #page #header .header_bot nav a {
	color:#5c6670;
	background-color:transparent !important;
	border-top:none !important;
	height:40px !important;	
	}

html #page #header .header_bot nav li.current-menu-item a {
	background-color:transparent !important;
	color:#f38b00;
	padding:0;
}

html #page #header .header_bot nav li.current-menu-item:hover a,
html #page #header .header_bot nav li.current-menu-item a:hover {
	background-color:transparent !important;
	color:#f38b00 !important;
	padding:0;
}	

.logo_wrap {width:100% !important;} 	
.logo_wrap img {width:300px !important;}
	
		.search_wrap .search_wrap_inner {padding-bottom:20px !important;}

/* --- HOME PAGE --- */

.page-home #main {width:100%;}
.page-home #middle {width:100%; padding:0 !important;}
.page-home .middle_inner {width:100% !important; margin-right:0 !important; padding:0 !important;}	
.page-home .cmsms_row_fullwidth {width:100% !important; margin:0 !important;}

	.home-first-section .green-triangle .green-speech-bubble {
	width:100%;
	font-size:22px !important;
}

body.home .list-with-arrow li a {font-size:18px !important;}

.grey-column {
	margin-bottom:0 !important;
	padding:30px 0 0 100px !important;
}

.grey-column-right {
	margin:0 0 0 8px !important;
	padding:0 0 0 100px !important;
-webkit-border-top-right-radius: 0;
-moz-border-radius-topright: 0;
border-top-right-radius: 0;
}

.grey-column .cmsms_img img,
.grey-column-right .cmsms_img img {
 width:300px !important;
}

.home-news-heading .cmsms_row_inner,
.home-news-heading h2 {margin-bottom:0 !important; padding-bottom:0 !important;}
.home-news-events {margin-top:0 !important; padding-top:0 !important;}

.home-events {
	width:100% !important;
	float:left;
}

.home-events .ecs-event-list {
	margin:0 !important;
	padding:0 !important;
}

.home-events .ecs-event {
	width:505px !important;
	float:left;
	margin-bottom:45px;
}

.ecs-event-image {height:285px !important;max-height:285px !important;}

.home-events .ecs-event img {
	width:100% !important;
	height:auto;
}

h1 {padding-top:10px;}

/* --- NEED HELP PAGE --- */
.page-need-help .one_fourth {margin-bottom:60px;}

/* --- Need Help Section --- */

.case-study .display-posts-listing .listing-item h2 {
	max-width:240px;
	margin-top:0 !important;
	font-size:26px !important;
	line-height:26px !important;
}

.case-study .listing-item .excerpt {
	max-width:240px;
	font-size:16px;
	line-height:22px !important;
	margin-bottom:10px !important;
}

.case-study .share {
	margin:-65px 0 0 30px;
	padding:0 !important;
}

body.section-need-help .case-study .greybox .listing-item h2 {width:440px !important; margin-top:20px !important; margin-left:0 !important;}
body.section-need-help .case-study .greybox .listing-item .excerpt {width:440px !important; margin-left:0 !important;}
body.section-need-help .case-study .greybox .listing-item .share {margin-top:-65px;}

.page-need-help .one_fourth .cmsms_img img {width:100% !important;}
.page-need-help .one_fourth {
	margin-bottom:60px;
	width:45%;
	float:left !important;
	clear:none !important;
	}
	
.page-need-help .four-columns .one_fourth {
		min-height:320px;
}

.page-need-help .four-columns {
		padding-bottom:0 !important;
}

.page-need-help .my-question {
	margin-top:-100px !important;
}




/* ----- SINGLE NEWS PAGE ----- */
body.single-post .content {margin-top:0;padding-top:20px;}
body.single-post .opened-article .entry-date {font-weight:700;margin:0 0 20px 0;}
body.single-post img.wp-post-image {
width:280px !important;
max-width:280px !important;
height:159px !important;
margin-bottom:30px; 
}

body.single-post figure.cmsms_img_wrap {
	width:280px !important;
max-width:280px !important;
height:159px !important;
margin-bottom:30px;
}

body.single-post .cmsms_post_content {width:300px;}


/* --- INFO FOOTER --- */
#info-footer {width:100%;}
.info-footer-left {width:50%; margin-bottom:40px;}
.info-footer-right {width:50%;}
#info-footer .image-text-widget-image {width:100%;}
#info-footer .image-text-widget-text {width:100%;}

/* --- Footer --- */
#custom-bottom {
height:430px;
background-color:#5c666f !important;
background-repeat:no-repeat;
}

#custom-bottom-content {
width:414px;
}

#custom-bottom-content .footer-logo-left {
width:116px;
float:left;
margin:50px 0 0 5px !important;
}

#custom-bottom-content .footer-logo-middle {

width:160px;
float:left;
margin:50px 5px 0 0 !important;
}

#custom-bottom-content .footer-logo-right {
width:116px;
float:left;
margin:50px 0 0 0 !important;
}

.gf-newsletter-subscription-form {
width:362px;
float:left;
margin:30px 0 20px 0;
}

.gf-newsletter-subscription-form .form-heading {padding:0 !important; margin:0 !important;}

.gf-newsletter-subscription-form input[type='text'] {
	margin-left:0;
}

.gf-newsletter-subscription-form input[type='email'] {
	float:none !important;
}

.gf-newsletter-subscription-form input[type='submit'] {
	float:none !important;
	display:block !important;
	clear:both !important;
	margin-top:10px !important;
	margin-left:120px !important;
}

.footer-links {width:100%;text-align:center; margin-top:10px;}	
}

@media only screen and (max-width: 640px) and (-webkit-device-pixel-ratio: 3) {
.meta_wrap {display:none !important;}
}

/* ----- BREAKPOINT 375px ----- */
@media only screen and (max-width: 375px) {
	.meta_wrap {display:none !important;}
 .ph-no {position:absolute; top:0; right:0;}
	.header_bot {display:none;}
	.gf-newsletter-subscription-form {
	width:335px !important;
		height:135px;
	float:left;
	margin:30px 0 20px 10px !important;
	text-align:center !important;
		display:inline-block;
}

.gf-newsletter-subscription-form .form-heading {padding-left:0;}
	.gf-newsletter-subscription-form .form-fields {
		width:100%;
	 display:inline-block;
		margin:0 auto;
		text-align:center;
	}

.gf-newsletter-subscription-form input[type='text'] {
	margin:0 auto 10px 85px;
	float:none !important;
	clear:both;
}

.gf-newsletter-subscription-form input[type='email'] {
	float:none !important;
	margin:0 auto 0 85px;
	clear:both;
}

.gf-newsletter-subscription-form input[type='submit'] {
	float:left !important;
	display:block !important;
	clear:both !important;
	margin:10px auto 0 110px !important;
}
	
.footer-links {
	width:100%;
	text-align:center; 
	margin-top:60px;
	display:inline-block;
	}
}

/* ----- BREAKPOINT 360px ----- */
@media only screen and (max-width: 360px) {
	.meta_wrap {display:none !important;}
 .ph-no {position:absolute; top:0; right:0;}
	.header_bot {display:none;}
	
	#custom-bottom {
height:480px;
background-color:#5c666f !important;
	background:url(images/flax-grey-bg.jpg) repeat 0 0;
}
	
	.gf-newsletter-subscription-form {height:135px;display:inline-block;}
	
	.gf-newsletter-subscription-form input[type='text'] {
	margin:0 auto 10px 85px;
	float:none !important;
	clear:both;
}

.gf-newsletter-subscription-form input[type='email'] {
	float:none !important;
	margin:0 auto 0 85px;
	clear:both;
}

.gf-newsletter-subscription-form input[type='submit'] {
	float:left !important;
	display:block !important;
	clear:both !important;
	margin:10px auto 0 110px !important;
}
	
}

/* ================= =====        =============================================================================================== */
/* ================= ===== ====== =============================================================================================== */
/* ================= ===== ====== =============================================================================================== */
/* ================= =====        ============================================================================================== */
/* ================= ===== ====================================================================================================== */
/* ================= ===== ====================================================================================================== */
/* ================= ===== ====================================================================================================== */

/* ----- BREAKPOINT 320px ----- */
@media only screen and (max-width: 320px) {
	.meta_wrap {display:none !important;}
 .ph-no {position:absolute; top:0; right:0;}
	.header_bot {display:none;}
	
	.responsive_top_nav.cmsms_theme_icon_resp_nav {
		max-width:140px !important; 
		width:140px !important; 
		padding:0 !important;
	}
	
	.responsive_top_nav.cmsms_theme_icon_resp_nav span {
		width:100px !important; 
		max-width:100px !important; 
		min-width:100px !important; 
		margin-right:0 !important;
	}
	
	.hide-on-desktop {display:block !important;}
	
	.video-centre iframe {width:253px !important; height:142px !important;}
	
	.gf-newsletter-subscription-form {
	width:280px !important;
	float:left;
	margin:30px 0 20px 10px !important;
	text-align:center !important;
}

.gf-newsletter-subscription-form .form-heading {padding-left:0;}
	.gf-newsletter-subscription-form .form-fields {
		width:100%;
	 display:inline-block;
		margin:0 auto;
		text-align:center;
	}

.gf-newsletter-subscription-form input[type='text'] {
	margin:0 auto 10px 70px;
	float:none !important;
	clear:both;
}

.gf-newsletter-subscription-form input[type='email'] {
	float:none !important;
	margin:0 auto 0 70px;
	clear:both;
}

.gf-newsletter-subscription-form input[type='submit'] {
	float:left !important;
	display:block !important;
	clear:both !important;
	margin:10px auto 0 60px !important;
}
	
.footer-links {
	width:100%;
	text-align:center; 
	margin-top:60px;
	display:inline-block;
	}
	
}



/* --- iPhone 5 in portrait --- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 413px) 
and (orientation : portrait) {

html #page #header .header_top .header_top_but {display:none !important;}
html #page #header .header_top .header_top_outer .header_top_inner {padding:5px 0 0 10px !important; margin:0 !important;}
html #page #header .header_top .header_top_outer .header_top_inner .header_top_left {
	width:40%;
	float:right;
	padding:0 !important;
	margin:-30px 0 0 0 !important;
	border:none !important;
	}
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right {
	width:100%;
	float:left;
	padding:0 !important;
	margin:0 !important;
	border:none !important;
	}
	
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap {text-align:left;}
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap a {
	font-size:20px !important;
	color:#FFF !important;
	display:block !important;
	}
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap a span {padding:0; line-height:28px;}

html #page #header .header_top .header_top_outer,
html #page #header .header_top .header_top_outer .header_top_inner {
	display:block !important;
	}
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap nav #top_line_nav,
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap nav li {
	background-color:transparent !important;
	width:100% !important;
}

html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap nav #top_line_nav li a {
 padding:10px !important; font-size:22px !important;background-color:transparent !important;	width:100% !important; color:FFF !important;
}
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap nav #top_line_nav li ul.sub-menu {
	background-color:transparent !important;	width:100% !important;	
}
html #page #header .header_top .header_top_outer .header_top_inner .header_top_right .nav_wrap nav #top_line_nav li ul.sub-menu li a {
 padding-left: 10px !important; font-size:18px !important;background-color:transparent !important;	width:100% !important;	
}

html #page #header .header_mid .header_mid_outer .header_mid_inner .social_wrap {padding: 15px 5% 10px;}

html #page #header .header_bot .header_bot_outer .header_bot_inner .resp_nav_wrap,
html #page #header .header_bot .header_bot_outer .header_bot_inner .resp_nav_wrap .resp_nav_wrap_inner {display:none !important;}
html #page #header .header_bot .header_bot_outer .header_bot_inner {height:50px;}

html #page #header .header_bot nav,
html #page #header .header_bot nav ul {
	display:block !important; 
	width:100% !important;
	height:50px !important; 
	float:none !important; 
	margin:0 !important; 
	padding:0 !important; 
	background-color:transparent !important;
	}
	
html #page #header .header_bot nav li:first-child {border-left:none !important;}	
html #page #header .header_bot nav li {
	background-color:transparent !important;
	border-left:1px solid #aeb3b8;
	margin:5px 0 !important;
	padding:0 3px !important;
	height:40px !important;	
display:inline-block !important;
width:auto !important;
width:100px !important;
text-align:center;
}

html #page #header .header_bot nav a {
	color:#5c6670;
	background-color:transparent !important;
	border-top:none !important;
	height:40px !important;
	font-size:16px !important;	
	}

html #page #header .header_bot nav li.current-menu-item a {
	background-color:transparent !important;
	color:#f38b00;
	padding:0;
}

html #page #header .header_bot nav li.current-menu-item:hover a,
html #page #header .header_bot nav li.current-menu-item a:hover {
	background-color:transparent !important;
	color:#f38b00 !important;
	padding:0;
}	

.logo_wrap {width:100% !important;} 	
.logo_wrap img {width:300px !important;}
		.search_wrap .search_wrap_inner {padding-bottom:20px !important;}

.cmsms_row_fullwidth {width:100% !important;}

/* --- HOME PAGE --- */

.page-home #main {width:100%;}
.page-home #middle {width:100%; padding:0 !important;}
.page-home .middle_inner {width:100% !important; margin-right:0 !important; padding:0 !important;}	
.page-home .cmsms_row_fullwidth {width:100% !important; margin:0 !important;}

	.home-first-section .green-triangle .green-speech-bubble {
	width:100%;
	font-size:22px !important;
}

body.home .list-with-arrow li a {font-size:18px !important;}

.grey-column {
	margin-bottom:0 !important;
	padding:30px 0 0 20px !important;
}

.grey-column-right {
	margin:0 0 0 5px !important;
	padding:0 0 0 20px !important;
-webkit-border-top-right-radius: 0;
-moz-border-radius-topright: 0;
border-top-right-radius: 0;
}

.grey-column .cmsms_img img,
.grey-column-right .cmsms_img img {
 width:228px !important;
	margin:0 !important;
}

.grey-column .cmsms_img {width:228px !important; padding:0 !important; height:110px !important;}

.home-news-heading .cmsms_row_inner,
.home-news-heading h2 {margin-bottom:0 !important; padding-bottom:0 !important;}
.home-news-events {margin-top:0 !important; padding-top:0 !important;}

.home-events {
	width:268px !important;
	float:left;
}

.home-events .ecs-event-list {
	margin:0 !important;
	padding:0 !important;
}

.home-events .ecs-event {
	width:100% !important;
	float:left;
	margin-bottom:45px;
}

.home-events .ecs-event img {
	width:280px !important;
	height:159px;
}

h1 {padding-top:10px;}

/* --- NEED HELP PAGE --- */

.need-help-intro .one_fourth {margin-bottom:60px; width:200px !important;}
.page-need-help .four-columns .one_fourth {width:100%;}

/* --- Need Help Section --- */

.case-study .display-posts-listing .listing-item h2 {
	max-width:240px;
	margin-top:0 !important;
	font-size:26px !important;
	line-height:26px !important;
}

.case-study .listing-item .excerpt {
	max-width:240px;
	font-size:16px;
	line-height:22px !important;
	margin-bottom:10px !important;
}

.case-study .share {
	margin:-65px 0 0 30px;
	padding:0 !important;
}

body.section-need-help .case-study .greybox .listing-item h2 {width:240px !important; margin-top:20px !important; margin-left:0 !important;}
body.section-need-help .case-study .greybox .listing-item .excerpt {width:240px !important; margin-left:0 !important;}
body.section-need-help .case-study .greybox .listing-item .share {margin-top:0;}

.page-need-help .one_fourth .cmsms_img img {width:100% !important;}
.page-need-help .one_fourth {
	margin-bottom:60px;
	width:45%;
	float:left !important;
	clear:none !important;
	}
	
.page-need-help .four-columns .one_fourth {
		min-height:320px;
}

.page-need-help .four-columns {
		padding-bottom:0 !important;
}

.page-need-help .my-question {
	margin-top:-100px !important;
}

/* --- What We Do Section --- */

body.page-what-we-do .four-col .one_fourth {margin-bottom:50px;}
body.page-what-we-do .four-col  {padding-bottom:0;}
body.page-what-we-do .four-col .empty-column  {margin-bottom:0 !important;}
body.page-what-we-do .grey-area .white-box {
	padding:0 !important; 
 width:266px !important;
 height:420px !important;
	max-height:420px !important;
 -webkit-border-bottom-right-radius: 20px;
 -moz-border-radius-bottomright: 20px;
 border-bottom-right-radius: 20px;
	}
body.page-what-we-do .grey-area .white-box .listing-item {padding:0 !important; width:266px !important; height:400px !important;}
body.page-what-we-do .grey-area .white-box .listing-item h2 {width:200px !important; margin-top:15px !important; margin-left:20px !important;}
body.page-what-we-do .grey-area .white-box .listing-item .excerpt {width:230px !important; height:120px; margin:10px 0 0 20px !important; padding:0 !important;}
body.page-what-we-do .grey-area .white-box .share {display:none;}

body.page-what-we-do .grey-area .white-box .listing-item a.image img {
	width:266px !important; 
	height:auto !important;
	-webkit-border-top-left-radius: 20px;
 -webkit-border-bottom-right-radius: 20px;
 -moz-border-radius-topleft: 20px;
 -moz-border-radius-bottomright: 20px;
 border-top-left-radius: 20px;
 border-bottom-right-radius: 20px;
}
body.page-what-we-do .grey-area .white-box .listing-item a.image {
	width:266px !important;
	height:150px !important;
 overflow:hidden;
		-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
}

/* --- Get Involved Section --- */

body.page-get-involved .four-col .one_fourth {margin-bottom:50px !important;}
body.page-get-involved .four-col .one_fourth:last-child {margin-bottom:50px !important;}
body.page-get-involved .four-col  {padding-bottom:0;}
body.page-get-involved .four-col .empty-column  {margin-bottom:0 !important;}

body.page-get-involved .four-col .one_third {margin-bottom:50px !important;}
body.page-get-involved .four-col .one_third:last-child {margin-bottom:50px !important;}
body.page-get-involved .four-col  {padding-bottom:0;}
body.page-get-involved .four-col .empty-column  {margin-bottom:0 !important;}

.section-get-involved .campaigns-full-width-three-column .one_first .listing-item {width:100% !important; height:auto !important; min-height:10px !important;}
.section-get-involved .campaigns-full-width-three-column .one_first .listing-item a img {width:100% !important;}


/* ----- DONATIONS PAGE ----- */
.page-donate .owl-item {width:300px !important; margin-right:25px !important;}
.cmsms_campaigns .campaign .selected .preloader:after {background-position:calc(7% - 10px) calc(7% - 10px);}
.page-donate .campaign .cmsms_campaign_header h4 {width:280px !important;}
.page-donate .campaign .cmsms_campaign_header h4 a {font-size:18px;}
.page-donate .dark-grey-area .cmsms_tabs_list {width:100% !important; margin:0 auto;}
.page-donate .dark-grey-area .cmsms_tabs_list_item {width:46% !important;float:left !important; padding-left:0; padding-right:0;margin:0;}
.page-donate .dark-grey-area .cmsms_tabs_list_item:first-child {margin:0 11px 0 0 !important;}
.page-donate .dark-grey-area .cmsms_tabs_list_item:last-child {margin:0 0 0 11px !important;}
.page-donate .dark-grey-area .donate-amount-wrap {width:100%; margin-bottom:20px;}
.page-donate .outcomes-stories-news .donations-stories {max-width:100% !important; width:100% !important;}
.page-donate .outcomes-stories-news .donations-stories a.image img {width:100%}
.page-donate .outcomes-stories-news .donations-stories .cmsms_text {width:100%}
.page-donate .outcomes-stories-news .donations-stories .cmsms_text .display-posts-listing .listing-item {width:280px}
.page-donate .cmsms_post_cont abbr.published {display:none !important;}
.page-donate .outcomes-stories-news .donations-stories .cmsms_text .excerpt {width:280px !important;}

/* ----- CASE STUDIES OVERVIEW PAGE ----- */

.case-studies-overview .listing-item {
	max-width:100% !important;
	margin-bottom:60px;
}

.case-studies-overview .display-posts-listing h2 {
	max-width:100% !important;
}

.case-studies-overview .display-posts-listing .image {
	max-width:100% !important;
	width:280px !important;
	height:158px;
}

.case-studies-overview .display-posts-listing .image img {
	max-width:100% !important;
	width:280px !important;
	height:auto;
}

.case-studies-overview .listing-item .excerpt {
	width:100%;
}

body.section-what-we-do .four-col .one_fourth {margin-bottom:60px !important;}
body.section-what-we-do .four-col {padding-bottom:0 !important;}

/* ----- CASE STUDY PAGE ----- */
body.single-case-studies .opened-article .cmsms_img_wrap {
	width:100%;
	height:auto;
}

/* ----- SINGLE NEWS PAGE ----- */
body.single-post .content {margin-top:0;padding-top:20px;}
body.single-post .opened-article .entry-date {font-weight:700;margin:0 0 20px 0;}
body.single-post img.wp-post-image {
width:280px !important;
max-width:280px !important;
height:159px !important;
margin-bottom:30px; 
}

body.single-post figure.cmsms_img_wrap {
	width:280px !important;
max-width:280px !important;
height:159px !important;
margin-bottom:30px;
}

body.single-post .cmsms_post_content {width:300px;}

/* ----- EVENTS PAGE ----- */
.tribe-events-venue-details .author {width:200px; display:inline-block;}
.tribe-events-venue-details address {
	width:200px;
	margin-left:31px;
	clear:both;
}

.tribe-events-event-cost {width:100%;}
.tribe-events-list-event-title  {width:100%;line-height:23px !important;}
.tribe-events-list-event-title a.url  {line-height:18px !important;}

/* --- INFO FOOTER --- */
#info-footer {width:320px;}
.info-footer-left {width:100%; margin-bottom:40px;}
.info-footer-right {width:100%;}
#info-footer .image-text-widget-image {width:100%;}
#info-footer .image-text-widget-text {width:100%;}

/* --- Footer --- */
#custom-bottom {
height:560px;
background-repeat:no-repeat;
background-color:#5c666f !important;
}

#custom-bottom-content {
width:100%;
text-align:center;
}

#custom-bottom-content .footer-logo-left {
width:50% !important;
float:left;
margin:20px 0 0 0 !important;
text-align:center;
}

#custom-bottom-content .footer-logo-middle {
width:50% !important;
float:left;
margin:20px 0 0 0 !important;
text-align:center;
}

#custom-bottom-content .footer-logo-right {
width:50% !important;
float:left;
margin:20px 0 0 0 !important;
text-align:center;
}




	
}