h2	{font-size:36px; font-size:3.6rem; line-height:46px; line-height:4.6rem; font-weight:400; color:#9d1d32; text-align:left; font-family:'Raleway', sans-serif; text-transform:none; margin-top:50px;}

.wide-col									{width:723px; margin:0; padding-bottom:20px;}
.wide-col .form-container.radio-list		{margin-top:30px; width:550px; max-width:100%;}
.wide-col .form-container.radio-list label	{color:#4a4a4a; font-family:'Raleway', sans-serif; text-transform:none; display:inline; font-size:26px; font-size:2.6rem;}
.wide-col .form-container.radio-list .form-row				{border-bottom:2px solid #d7d7d7; padding-bottom:18px;}
.wide-col .form-container.radio-list .radio		{margin:-5px 8px 0 0;}

.narrow-col	{width:342px; margin-left:35px; position:relative; padding-top:190px;}

.cv-background	{background-image:url(../../img/backgrounds/bg-cv.png); background-repeat:no-repeat; background-position:right -70px;}

.img-text-listing		{border-bottom:1px solid #4a4a4a; padding:30px 0;}
.img-text-listing h3	{color:#9d1d32; font-size:22px; font-size:2.2rem;}
.img-text-listing img	{display:inline-block; float:left;}
.img-text-listing p a	{color:#0054a6;}

.img-text-listing-container .slick-prev {left:-20px; background:#9d1d32; top:75px; margin-top:0;}
.img-text-listing-container .slick-next {right:-20px; background:#9d1d32; top:75px; margin-top:0;}

.right-text				{display:inline-block; float:left; width:77%; margin-left:5%;}

.carousel-volunteer-testimonial.carousel .slick-dots {bottom:-5px;}
.carousel .slick-dots li button {border: 2px solid #00a6c9; background: #00a6c9;}

.narrow-col	.btn		{line-height:normal; padding-top:15px; padding-bottom:10px;}

.panel-mycompassion	{position:relative;}

.church-form-col	{padding-top:20px;}

.no-padding			{padding-top:0; padding-bottom:0;}

/***VOLUNTEER EXISTING***/
.volunteer-existing h2	{font-size:26px; font-size:2.6rem; margin:10px 0 20px 0; font-weight:bold; text-transform:uppercase; font-family:'Montserrat', sans-serif;}
.volunteer-panel		{margin-bottom:20px;}
.volunteer-panel h3		{width:80%; color:#9d1d32; font-family:'Raleway', sans-serif; text-transform:none; font-weight:normal; margin:10px 0;}

.col-4.col-4-resource img	{width:30%;}
.col-4.col-4-event img		{width:90%;}

a.expander-tab				{display:block; background-color:#9d1d32; color:#ffffff; font-size:20px; font-size:2.0rem; box-shadow: 0 3px 0 #780b1c; font-family:'Montserrat', sans-serif; font-weight:bold; text-decoration:none; text-transform:uppercase; padding:15px 20px 13px 20px; border-top-right-radius:3px; border-top-left-radius:3px;}
a.expander-tab span			{color:#720819; font-size:18px; font-size:1.8rem; float:right; margin-top:2px;}
a.expander-tab.active span	{color:#fff;}
a.expander-tab.active		{background-color:#9d1d32; box-shadow: 0 3px 0 #780b1c;}
.volunteer-panel .white-container	{padding:30px 20px;}
.carousel-resources 		{float:left; width:75%;}
.carousel-resources p		{font-size:16px; font-size:1.6rem;}
.carousel-resources .btn	{width:90%;}
a.visit-website				{color:#9d1d32; display:block; margin-bottom:15px; font-family:'Montserrat', sans-serif; font-weight:bold; text-transform:uppercase; text-decoration:none;}

.locality-box					{width:816px; max-width:100%; background-color:#fff; border:1px solid #d7d7d7; margin-top:40px;}
.locality-box-left				{width:30%; background-color:#f5f5f5; float:left; border-left:6px solid #9d1d32; padding:28px; text-align:center;}
.locality-box-left p			{font-family:'Montserrat', sans-serif; font-size:20px; font-size:2.0rem; font-weight:bold; text-transform:uppercase; text-align:left; color:#9d1d32;}
.locality-box-right				{width:70%; height:100%; float:left; padding:28px;}
.locality-box-right h4			{color:#9d1d32; font-family:'Raleway', sans-serif; font-size:26px; font-size:2.6rem; font-weight:normal; position:relative; padding-bottom:10px; margin-bottom:20px;}
.locality-box-right h4:after	{content:''; width:89px; height:3px; border-bottom:3px solid #9d1d32; position:absolute; bottom:0; left:0;}
.locality-box-right p			{margin-bottom:5px;}
.locality-box-right p a			{color:inherit;}
.locality-box-right p strong	{font-family:'Montserrat', sans-serif; text-transform:uppercase;}
.locality-box-right .btn		{margin-top:10px;}
.locality-box-right .btn-circle	{width:50px; height:50px; margin:10px 5px 10px 0; padding-top:12px;}
.locality-box .region-map {float:right; width:220px; height:335px;}
.locality-box .region-map .jvectormap-zoomin, .locality-box .region-map .jvectormap-zoomout {display:none;}
.locality-box .region-map path {cursor:default;}

.form-container.narrow-form	{width:55%; margin-top:30px}

.volunteer-panel .carousel .next-slide,
.volunteer-panel .carousel .prev-slide	{background-color:#9d1d32;}

@media all and (max-width: 1100px) { 

.wide-col h1,
.wide-col h2	{text-align:left; font-size: 26px; font-size: 2.6rem; line-height:36px; line-height:3.6rem;}
.wide-col		{width:67%;}
.narrow-col		{width:30%; margin-left:3%;}

.img-text-listing img	{width:20%;}
.right-text				{width:78%; margin-left:2%;}

.carousel-volunteer-testimonial .slide-text p	{font-size:18px; font-size:1.8rem;}
.wide-col .form-container	{width:100%;}
.wide-col .form-container label	{font-size:18px; font-size:1.8rem;}

}

@media all and (max-width: 960px) { 

.col-4.col-4-select	{width:100%; float:none}
.carousel-resources {width:100%; float:none;}
.col-4.col-4-select .form-container	{width:50%;}
.volunteer-panel .carousel .next-slide	{right:-20px;}
.volunteer-panel .carousel .prev-slide	{left:-20px;}
}

@media all and (max-width: 860px) { 

.wide-col .form-container.radio-list {width: 100%;}
}


@media all and (max-width: 768px) { 

.wide-col				{width:100%;}
.narrow-col				{width:100%; margin-left:0; padding-top:0;}
.cv-background			{background-image:none;}
.volunteer-listing		{text-align:center;}
.volunteer-listing h2	{text-align:center; margin:20px 0 0 0; font-size:32px; font-size:3.2rem;}
.img-text-listing img	{float:none; width:auto;}
.right-text				{float:none; margin:20px 0 0 0; width:100%;}
.carousel-volunteer-testimonial	{padding-top:0;}
.wide-col .form-container.radio-list label	{font-size:16px; font-size:1.6rem;}
#form-volunteering h2 {font-size:26px; font-size:2.6rem; font-family:'Montserrat', sans-serif; text-transform:uppercase; line-height:30px; line-height:3rem;}

}

@media all and (max-width: 767px) { 
	.region-map {display:none;}
}


@media all and (max-width: 640px) { 

.locality-box					{border:none; border-left:6px solid #9d1d32;}
.locality-box-right .btn-circle	{width:80px; height:80px; padding-top:20px;}
.locality-box-left				{border-left:none;}
.locality-box-left p			{font-size:2.6px; font-size:2.6rem; text-align:center;}

.locality-box-left,
.locality-box-right	{width:100%;}

}

@media all and (max-width: 579px) { 

.carousel-resources .btn,
.col-4.col-4-select,
.col-4.col-4-select .form-container,
.form-row .selector	{width:100% !important;}

.col-4					{margin:0; padding-bottom:50px}
.col-4.col-4-select		{padding-bottom:0px}
.col-4.col-4-event img	{width:100%;}
.volunteer-panel h3		{font-size:36px; font-size:3.6rem; line-height:4rem;}
.volunteer-panel p		{width:80%;}

a.expander-tab		{text-align:center;}
a.expander-tab span	{display:none;}



}