/*
Theme Name: Mission WP
Theme URI:  http://themeforest.net/user/DanyDuchaine/portfolio
Author: Dany Duchaine
Author URI: http://themeforest.net/user/DanyDuchaine/portfolio
Description: Responsive Theme For Charity/Foundation
Version: 2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fit
*/

/* #Site Styles
================================================== */

@import url(http://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url(http://fonts.googleapis.com/css?family=Archivo+Narrow:400,400italic,700,700italic|Oswald:400,300,700);

/* DEMO Styling */

.small-buttons li a {
  margin: 0 0 10px 0;
  text-transform: uppercase !important;
}

.buttons li, .small-buttons li {
  float: left;
  margin-right: 20px;
}

.buttons li a {
  margin: 0 0 15px 0;
  text-transform: uppercase !important;
}

.demo {
  margin-bottom: 25px;
}
.demo .content {
  float: left; 
  width: 40%;
}
.demo .img {
  float: right;
  width: 55%;
}
.demo img {
  max-width: 100%;
}

/* -------------- */

/* Button Accent Color */

.button-small-theme, .button-small-theme:hover {
  background: #008776;
  color: #fff;
}


/* Yellow Accent (Demo) */

.dd_events_post .continue, 
.widget_btn .continue,
.dd_causes_widget li ul a,
.dd_news h1 a, 
.dd_news_post h1 a

{
  /* background: #008776;*/
}
/*
.dd_news h1, .dd_news_post h1 {
-webkit-box-shadow:inset 10px 0 0 #008776;
-moz-box-shadow:inset 10px 0 0 #008776;
box-shadow:inset 10px 0 0 #008776;
}

.dd_news h1 a, .dd_news_post h1 a{
-webkit-box-shadow:10px 0 0 #008776 ;
-moz-box-shadow: 10px 0 0 #008776 ;
box-shadow: 10px 0 0 #008776;
}
*/
footer .one-third {
  border-top: 3px solid #008776;
}


footer h3, footer ul h3  {
  color: #008776;
}

.flex-caption a:hover h1 {
  color: #fff !important;
  background: #555 !important;
}

/* Blue Links (Demo) */

a, .metaBtn li a, .widget h3 a, a.continue, .caption-btn li a, .postCategories a
{ 
  color: #33A3CE;
}

a:hover,
.metaBtn li a:hover,
.widget h3 a:hover,
a.continue:hover,
.caption-btn li a:hover

{ 
  color: #444;
}

/* Donate Button */

a.donateBtn,
.donate
{
  background: #008775;
  color: #fff;
}

.updates{
  background: #09b2e9;
  color: #fff;

}

.mail {
  background: #ee6500;
}


.twitter {
  background: #00acee;
}

.youtube {
  background: #c4302b;
}

.youtube i { font-size: 17px; }

.facebook, a.facebookBtn {
  background: #3b5998;
}


.searchForm {
  background: #3d3d3d;
}


.vimeo {
  background: #33454e;
}
.google {
  background: #4e89ef;
}
.flickr {
  background: #0063dc;
}
.pinterest {
  background: #cb2027;
}
.linkedin {
  background: #4b99c1;
}
.dribbble {
  background: #ef6699;
}
.instagram {
  background: #8b5643;
}
.behance {
  background: #2d2d2d;
}

/* ------ */

/* ------ */

a, a:visited { color: #333; text-decoration: underline; outline: 0; }
a:hover, a:focus { color: #000; }

p { line-height: 24px !important; }

.alignright {
  float: right;
  margin: 20px 0 20px 20px;
}
.alignleft {
  float: left;
  margin: 20px 20px 20px 0;
}

.home header { display: none; }

#slider span { 
  line-height: 24px; 
  -webkit-font-smoothing: subpixel-antialiased; 
  -moz-font-smoothing: subpixel-antialiased; 
  font-smoothing: subpixel-antialiased; 
  float: left;
}
a {
  -webkit-transition: all 120ms ease-in ; /* property duration timing-function delay */
  -moz-transition: all 120ms ease-in ; /* property duration timing-function delay */
  transition: all 120ms ease-in ; /* property duration timing-function delay */
}
a:hover { color: #000; }
.homePageContent img, .sidebar img, .causeTitleWImg img, .causeThumb img { max-width: 100% !important; }

/* Top Bar */

#topbar {
  background: #fff;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
  box-shadow: 0px 0px 20px #666;
}

/* Sub Menu */

.sf-menu li li, .sf-menu li li li  { background: #000; }

.admin-bar #topbar {
  top: 32px;
}
/* Navigation */
.search-donate{
  margin-top:20px;
}



.mainNav {
  float:left;
  margin-top:10px;
  font-weight:bold;
}

.headerwrap{    
  padding:0 50px;

}
.secondaryNav {
  position: relative;
}

.icon-cancel, .topBarSearch  { display: none; }
.icon-cancel {
  font-size: 14px;
  padding: 0 2px 0 1px;
}
.searchActive { background: #D74340 !important; }
.topBarSearch {
  position: absolute;
  top: 41px;
  right: 0;
  padding: 20px;
  width: 260px;
  background: #000;
  -moz-border-radius: 0 0 3px 3px; 
  -webkit-border-radius:0 0 3px 3px; 
  border-radius:0 0 3px 3px; 
}
.topBarSearch form, .topBarSearch input { margin: 0 !important; }

.screen-reader-text { display: none; }
.topBarSearch #s {
  background: #3D3D3D;
  border: 1px solid #555;
  float: left;
  width: 180px !important;
  margin-right: 15px !important;
  line-height: 19px;
  padding-left: 8px;
  color: #999;
}
.sidebar #s {
  max-width: 70%;
  float: left;
  padding: 7px 4px 7px 8px;
}
.sidebar #searchsubmit {
  float: right;
  margin-top: 0;
}
.widget_search { display: block; float: left; width: 100%; }
.topBarSearch #searchsubmit { 
  border: none; 
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  float: right;
}

.Tumblr ul{
  margin:0;
}


.secondaryNav ul, .secondaryNav li {
  margin: 0;
}
.secondaryNav ul { float: right; }

.mainNav a, .current_page_item a ul li a {
  color: #008775;
  text-transform: uppercase;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  padding: 10px;
  font-weight:bold;
}
.mainNav a:hover, .mainNav .active, .current-menu-item a, .sub-menu .current-menu-item a, .current_page_item a, .home .homelink a { color: #01baa1; }
.sub-menu li a { color:#b0b0b0; }

.secondaryNav a {
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  padding: 10px;

}
.secondaryNav a:hover {
  color: #fff;
}
.secondaryNav li {
  padding: 11px 7px;
  float: left;
  -webkit-transition: all 120ms ease-in ; /* property duration timing-function delay */
  -moz-transition: all 120ms ease-in ; /* property duration timing-function delay */
  transition: all 120ms ease-in ; /* property duration timing-function delay */
}
.secondaryNav li:hover {
  background: #444;

}
.secondaryNav .donate i {
  margin-right: 10px;
  -webkit-font-smoothing: antialiased;
}

nav select {
  width: 100%;
  z-index: 5;
  opacity: 0;
  display: none;
  position: relative;
  cursor: pointer !important;
  margin-bottom: 0 !important;
  padding: 5px 0 15px 15px;
}
.select-container {

  width: 85px;
  position: absolute;
  top: -3px;
  left: 0;
  display: none;
  padding: 10px 0 10px 15px;
  text-align: left;

  color: #999;
  background: #fff;
  font-family: 'Dosis', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 22px;

}
.select-container:hover {

}
.select-container:after {
  content: url(images/arrow.png);
  top: 8px;
  right: 20px;
  position: absolute;
}
.mobileNav {
  display: none;
  width: 120px !important; 
  float: left;
  margin-bottom:22px !important;
}
.mobileNavWrapper {
  width: 100px !important; 
  float: left;
}
.sliderLogo img {  margin-top: 1px; }
/* Pages */

header {
  padding-bottom: 130px;
  padding-top: 130px;
}
.noBanner {

}


.postContent ul li {
  list-style: disc;
}
.small-buttons li, .buttons li, #myTab li { list-style: none !important; }
.small-buttons, .buttons, #myTab { margin-left: 0 !important; }

.postContent ul  {
  margin-left: 30px;
}
.pageContent .noBannerContent {
  background: none;
  margin-top: 0;
  /*    padding: 0 !important;*/
  padding-top:110px !important;
}
.pageContent .container {
  background: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  /* margin-top: -80px; get rid of the overlap of heros */
  padding-top: 110px;
}

.pageContent .withBanner{
  /*padding-top:40px;*/
}

.pageTitle {
  font-family:'league-gothic';
  color: #000;
  font-size: 64px;
  font-weight: 300;
  text-transform: uppercase;
  border-bottom: 2px solid #e3e3e3;
  padding-bottom: 8px;
  line-height: 58px;
  margin-bottom: 35px;
}
.sidebar {
  /*margin-top: 39px;*/
}
.sidebar li {
  margin-bottom: 30px;
}
.sidebar p {
  font-size: 12px;
  line-height: 22px;
}
.dd_causes_widget ul, .dd_news_widget ul, .dd_events_widget ul  { margin-left: 0; }
.two-thirds .dd_news_widget, .two-thirds .dd_causes_widget, .two-thirds .dd_events_widget { padding-left: 20px; }
.widget .dd_causes_widget li { margin-bottom: 25px; } 

.pageContent .sidebar .dd_events_post h1,
.one-third .dd_events_post h1,
.one-third .dd_events_post h1,
.four .dd_events_post h1,
.four .dd_events_post h1,
.homeFull .dd_events_post h1

{ width: 50%;  line-height: 28px; font-size: 20px; margin: 0; padding: 0; float: left; }

.homeFull { margin-bottom: 20px; }

.causeTitleWImg { margin-bottom: 15px; }
.causeTitleWImg img, .causeThumb img {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.causeThumb img { margin-bottom: 20px; }

.pageContent .dd_causes_post, .widget .dd_causes_post {
  border-bottom: 1px solid #d4d4d4;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.dd_causes_widget ul li:last-child { border: none; }

.single .dd_news_post { margin-top: 20px; }
.pagination, .pagination li { margin: 0; }
.pagination li { float: left; margin-right: 15px;}

/* Widgets */


.widget_archive ul, 
.widget_categories ul,
.widget_links ul,
.widget_pages ul,
.widget_pages ul,
.widget_recent_entries ul,
.widget_recent_comments ul,
.widget_meta ul,
.widget_nav_menu ul

{
  margin: 0;
}
.widget_archive ul li a, 
.widget_categories ul li a,
.widget_links ul li a,
.widget_pages ul li a,
.widget_pages ul li a,
.widget_recent_entries ul li a,
.widget_recent_comments ul li a,
.widget_meta ul li a,
.widget_nav_menu ul li a
{
  text-decoration: none;
}

footer .widget_archive ul li a, 
footer .widget_categories ul li a,
footer .widget_links ul li a,
footer .widget_pages ul li a,
footer .widget_pages ul li a,
footer .widget_recent_entries ul li a,
footer .widget_recent_comments ul li a,
footer .widget_meta ul li a,
.smallFooter a,
footer .widget_nav_menu ul li a
{
  color: #999;
  text-decoration: none;
}
footer .widget_archive ul li a:hover, 
footer .widget_categories ul li a:hover, 
footer .widget_links ul li a:hover, 
footer .widget_pages ul li a:hover, 
footer .widget_pages ul li a:hover, 
footer .widget_recent_entries ul li a:hover, 
footer .widget_recent_comments ul li a:hover, 
footer .widget_meta ul li a:hover,
footer .widget_nav_menu ul li a:hover,
.smallFooterRight a:hover
{
  color: #666;
}

.widget_archive ul li,
.widget_categories ul li,
.widget_links ul li,
.widget_pages ul li,
.widget_pages ul li,
.widget_recent_entries ul li,
.widget_recent_comments ul li,
.widget_meta ul li,
.widget_nav_menu ul li
{
  border-bottom: 1px solid #E3E3E3;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
footer .widget_archive ul li,
footer .widget_categories ul li,
footer .widget_links ul li,
footer .widget_pages ul li,
footer .widget_pages ul li,
footer .widget_recent_entries ul li,
footer .widget_recent_comments ul li,
footer .widget_meta ul li,
footer .widget_nav_menu ul li
{
  border-bottom: 1px solid #424242;

}

.widget_archive ul li:last-child,
.widget_categories ul li:last-child,
.widget_links ul li:last-child,
.widget_pages ul li:last-child,
.widget_pages ul li:last-child,
.widget_recent_entries ul li:last-child,
.widget_recent_comments ul li:last-child,
.widget_meta ul li:last-child,
.widget_nav_menu ul li:last-child

{

  border: none;
  margin: 0;

}
/* calendar widget */
.widget_calendar {float: left;}
#wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-left: 15px; padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }

.single .dd_causes_post, .single .dd_events_post, .single .dd_news_post {
  padding-bottom: 0 !important;
  border: none !important;
}

.widget .dd_causes_widget h3{
  background:#fff;
  color: #404040;
  border-bottom: 2px solid #e3e3e3;
  padding:0 0 15px !important;

}


.tribe-mini-calendar td, .tribe-mini-calendar th{
  padding:5px 0 !important;
}

.widget h3 {
  font: 13px 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;    
/*color: #404040;
border-bottom: 2px solid #e3e3e3;
padding-bottom: 9px;*/
background: #4c4c4c;
padding:15px;
color:#fff;
font-weight: 600;
margin: 0 0 15px;
}
.widget h3 a { 
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid #e3e3e3;
  text-decoration: none;
  font-weight: 700;
}

.widget{
  margin-bottom:50px;
}

.homePageContent .one-third.column{
  width:100% !important;
}

/* Causes Widgets */

.dd_causes_widget img {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: block;
}
.causeTitle {
  margin-bottom: 20px;
}
.widgetWrapper {
  position: relative;
}
.dd_causes_widget .causesWidgetWImg ul, .causeTitleWImg h2 {
  left: 0;
  margin: 10px 0 0 0;
}
.dd_causes_widget li ul li {
  margin: 0 !important;
}
.dd_causes_widget li ul h2, .dd_causes_widget li ul a  {
  font: 16px 'dosis', 'Helvetica Neue', Helvetica, sans-serif;   
  font-weight: 600;
  margin-bottom: 5px;
  background:#fff;
  color:#000;
}
.causeTitle h2 a, .causeTitleWImg h2 a {
  font: 31px 'Dosis', 'Helvetica Neue', Helvetica, sans-serif;  
  margin: 0;
}
.dd_causes_widget li ul h2 a, .causeTitle h2 a, .causeTitleWImg h2 a {
  text-decoration: none;
  line-height: 28px;
  text-transform: uppercase;
  background:none;
}
.dd_causes_widget li ul h2 a:hover, .causeTitle h2 a:hover, .causeTitleWImg h2 a:hover {
  color:#666;
}

.dd_causes_widget .widget_excerpt{
  margin-top:-15px !important;
}

.dd_causes_widget li ul a {
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
}
.dd_causes_widget ul { margin: 0; }


/* Horizontal Widget Area */

.horizontalWidgetArea .one-third {
  margin-bottom: 0;
}
.horizontalWidgetArea  {

}

.horizontalWidgetArea .homeFull .dd_causes_post {
  border: none;
  padding: 0;
}

/* News Widget */

.dd_news h1, .dd_news_post h1 {
  font-family: 'Dosis', sans-serif;
  color: #000;
  font-size: 45px;
  line-height: .9em;
  font-weight: 300;
  display: inline-block;
  margin: 0 0 20px 0;

}
.sidebar .dd_news_post h1, footer .dd_news_post h1, .four .dd_news_post h1 {
  font-size: 28px;
  line-height: 36px;
}
.sidebar .postTitleWithImage img, 
.pageContent .sidebar .postCategories, 
.pageContent .sidebar .widgetAuthor,
footer .postTitleWithImage img, 
.homeFull .postTitleWithImage img, 
.one-third .postTitleWithImage img, 
footer .postCategories, 
footer .widgetAuthor,
.four .postTitleWithImage img, 
.four .postCategories, 
.four .widgetAuthor

{ 
  display: none; 
}

.pageContent .sidebar .postTitleWithImage h1, footer .postTitleWithImage h1, .homeFull .postTitleWithImage h1, .one-third .postTitleWithImage h1, .four .postTitleWithImage h1 { width: 95%; }


.dd_news h1 a, .dd_news_post h1 a {
  padding: 0 10px 0 0;
  color: #333;
  text-decoration: none;
  text-transform: uppercase;
  font-family:'league-gothic';
  font-size:42px;
  background:none !important;
}
.dd_news_post {
  border-bottom: 1px solid #d4d4d4;
  padding-bottom: 40px;
  margin-bottom: 45px;
}
footer .dd_news_post {  border-bottom: 1px solid #424242; }

.pageContent .dd_news_post, .pageContent .dd_news_post:last-child {
  border-bottom: 1px solid #d4d4d4;
  padding-bottom: 25px;
  margin-bottom: 30px;
}
.dd_news_post:last-child, .homeFull .dd_news_post {
  border: none;
}
.metaBtn {
  margin: 0 0 10px;
  border-bottom: 1px solid #d4d4d4;
  border-top: 1px solid #d4d4d4;
  text-transform: uppercase;
}

.archive .metaBtn{
  clear: both;
}
footer .metaBtn {
  border-bottom: 1px solid #424242;
  border-top: 1px solid #424242;
}
.metaBtn li:last-child a {
  border-right: none;
}
.metaBtn li {
  background: #fff;
  float: left;
  margin: 0 10px 0 0;
}
footer .metaBtn span { color: #666; margin-right: 2px; }
footer .metaBtn li { background: none; }
footer .metaBtn li a { padding-left: 0; }

.metaBtn span {
  color: #000;
}
.metaBtn li a {
  /* padding: 11px 14px 11px 0;*/
  /*float: left;*/
  padding:3px 14px 3px 0;
  height:20px;
  display:inline-block;
  border-right: 1px solid #d4d4d4;
  text-decoration: none;
  font-weight: 700;
}
a.continue {
  text-decoration: none;
  font-weight: 700;
}

/* Footer Widget */ 

footer .widget .dd_causes_post {
  border-bottom:  1px solid #424242;
}

footer .dd_causes_widget li ul h2 a:hover { background: #555; }

/* Posts Styling */ 

.metaBtn li a:hover span {

}
.postTitleWithImage img {
  float: left;
  max-width: 150px !important;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 20px;
}
.postTitleWithImage h1 {
  float: right;
  width: 410px;
}
.eight .postTitleWithImage h1 { width: 280px; }
.two-thirds .postTitleWithImage h1 { width: 420px; }

.pageContent .postTitleWithImage h1 {
  /*width: 340px;*/
}
.full .postTitleWithImage h1 {
  width: 640px;
}
.full .noBannerContent .postTitleWithImage h1 { width: 760px; }
.noBannerContent .postTitleWithImage h1 { width: 460px; }
.postTitleWithImage h1 a {

}
.postCategories {
  border-bottom: 1px solid #D4D4D4;
  padding-bottom: 10px;
  margin-bottom: 15px;
  font-size: 13px;
}
.postCategories a, .postCategories span {

  text-decoration: none;
  font-weight: 700;
  text-transform: uppercase;
}
.postCategories span {
  color: #000;
  margin-right: 5px;
}
.eventMeta {
  float: left;
  width: 300px;
  padding: 20px 20px 10px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #E3E3E3;
  margin: 0 30px 15px 0;
}
.info {
  float: right;
  width: 65%;
}
.info a, .info span { margin-top: 0; width: 90%; text-align: center; }
.info span {
  background: #f7f7f7;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #E3E3E3;
  padding: 10px 10px 13px;
  display: block;
  margin-bottom: 15px;
}
.info span h3 {
  text-transform: uppercase;
  font-family: 'Dosis', sans-serif;
  font-size: 16px;
  font-weight: 600;
  margin: 0;

}
.dateContainer {
  float: left;
  width: 83px;
  height: 86px;
  text-align: center;
  background: url(images/date.png) no-repeat;
  margin-right: 20px;
}
.single .dateContainer { margin: 0; }
.single .sidebar .dateContainer { margin-right: 20px; }

.month, .day {
  display: block;
}
.month {
  color: #2b2b2a;
  font-size: 17px;
  font-family: 'Dosis', sans-serif;
  line-height: 24px;
  font-weight: 600;
  margin-top: 25px;
}
.day {
  color: #ababab;
  font-size: 16px;
  font-family: 'Dosis', sans-serif;
  line-height: 24px;
  text-transform: uppercase;
  font-weight: 600;
}
.dd_events_top {
  display: block;
  margin-bottom: 15px;
}
.dd_events .postTitle {
  float: right;
  width: 235px;
}
.dd_events h1, .dd_events_post h1 {
  line-height: 27px;
}
.pageContent .dd_events_post h1 {
  float: left;
  width: 65%;
}


.pageContent .dd_events_post h1, .eight .dd_events_post h1, .two-thirds .dd_events_post h1   { 
  line-height: 40px;
  font-size: 28px;
}

footer .dd_events h1 a, footer .dd_events_post h1 a { color: #fff; }
.dd_events h1 a, .dd_events_post h1 a {
  font-family: 'Dosis', sans-serif;
  color: #000;

  text-transform: uppercase;
  text-decoration: none;
  padding: 25px 0;
  font-weight: 400;
  margin: 0 0 20px 0;
}
a.facebookBtn {

  color: #fff;
  text-transform: uppercase;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none;
  font-size: 13px;
  padding: 7px 10px;
}
a.facebookBtn .icon-facebook-squared { margin-right: 10px; }

.widget a.donateBtn, .sidebar .facebookBtnWidget a.facebookBtn { 
  width: 90%;
  padding: 11px 10px;
}
.widget .widget_btn { margin: 0; }
a.donateBtn {

  text-transform: uppercase;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none;
  font-size: 13px;
  padding: 7px 10px;
}
a.donateBtn .icon-plus-circled { margin-right: 10px; }
.full a.donateBtn, .full h1 a.facebookBtn { float: right; margin-top: 12px; }
.dd_events_post .continue, .widget_btn .continue  {
  color: #000;
  text-transform: uppercase;
  line-height: 20px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-weight: 600;
  font-size: 12px;
  padding: 8px 10px;
}
.or {
  margin: 0 7px;
  font-size: 12px;
  font-style: italic;
}
.widget_btn {
  margin-top: 25px;
}
.widget_btn a, .dd_events_btn a {
  margin: 0;
}
.sidebar .widget_btn .facebookBtn { text-align: center; width: 90%; }

.sidebar .dd_events_btn .facebookBtn,
.sidebar .dd_events_btn span,

.four .dd_events_btn .facebookBtn,
.four .dd_events_btn span,
.sidebar .dd_events_btn a,

.four .dd_events_btn a 

{ display: block; text-align: center; }

.sidebar .or,  .four .or { text-align: center; display: block; margin: 10px 0; }

.dd_events_post {
  border-bottom: 1px solid #d4d4d4;
  padding-bottom: 25px;
  margin-bottom: 25px;
}
.homeFull .dd_events_post { border: none; }

.pageContent .dd_events_post:last-child {
  border-bottom: 1px solid #d4d4d4;
  padding-bottom: 25px;
  margin-bottom: 25px;
}

.pageContent .dd_events_post {
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.dd_events_post:last-child {
  border: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.dd_events_thumb {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 20px;
}
.dd_events_thumb img {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  max-width: 100%;
}
.rightWidgetArea .widget {

  padding-left: 20px;

}
.dd_board_post  {
  margin-bottom: 35px;

}
.dd_board_post_thumb {
  width:265px;
  height:350px;
  overflow: hidden;
  background:#ccc;
}
.dd_board_post_thumb img {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  width: 265px;
}
.full .dd_board_post_details { width: 565px; }
.noBannerContent .dd_board_post_details { width: 380px; }
.full .noBannerContent .dd_board_post_details { width: 675px; }


.staffWrapper{
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(3, 265px);

}

@media (max-width: 1200px){
  .staffWrapper{
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(2, 48%);

  } 
}

@media (max-width: 600px){
  .staffWrapper{
    display: grid;
    grid-gap: 0;
    grid-template-columns: repeat(1, 100%);

  } 
}


.dd_board_post_details {
/* float: right;
width: 265px;*/
overflow:hidden;
}
.dd_board_post_details h4 {

  text-transform: uppercase;
  font-family: 'Dosis', sans-serif;
  font-size: 16px;
  font-weight: 500;
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.dd_board_post_details h4 span {
  font: 13px 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;   
  color: #5f5f5f;

}
.dd_board_post_title {
  text-decoration: none;
  color: #000;
}

/* Comments */

#commentform textarea { width: 95%; }

.required { display: none; }

.form-submit input {
  word-spacing: 0.25em;
  font-family: 'Oswald', sans-serif;
  text-transform: none !important;
  line-height: 22px;
  padding: 12px 13px 11px;
  text-align: center;
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 18px;
  cursor: pointer;
  text-decoration: none;
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-transform: uppercase !important;
}

.form-allowed-tags { font-size: 11px; }

#comments { margin-bottom: 40px; clear:both; }
#comments label {
  margin-bottom: 0 !important;
}
#comments h4 {
  font-family: 'Dosis', sans-serif;
  text-transform: none;
  word-spacing: 0.1em;
  font-weight: 500;
  font-size:18px;
  padding-bottom:20px;
  border-bottom:1px solid #dadada;
  color:#757575;
  margin-bottom: 20px;
}

#comments li { margin: 0; padding: 0; }

.comment h5, .comment-inner h5, .comment-inner-inner h5 {
  font-family: 'Dosis', sans-serif;
  font-weight: 500;
  font-size:18px;
  color:#757575;
  margin-bottom:0;
}


.comment .children li { padding: 20px 0 !important;}

.comment p.meta, .comment-inner p.meta, .comment-inner-inner p.meta,
.comment p.meta a, .comment-inner p.meta a, .comment-inner-inner p.meta a {

  font-weight:normal;
  font-size:11px;

  margin-bottom:5px;
}

.comment p.meta a.reply, .comment-inner p.meta a.reply, .comment-inner-inner p.meta a.reply {
  font-family: 'Dosis', sans-serif;
  font-weight: 700;
  text-decoration:none;
  font-size:16px;
  font-style:italic;

}

.comment p.meta a.reply:hover, .comment-inner p.meta a.reply:hover, .comment-inner-inner p.meta a.reply:hover {
  text-decoration:underline;
}



#comments .children .comment-inner.last + .children {
  background:none;
}

#comments .children {
  margin-left: 100px;
}
#comments .comment {

  overflow:hidden;
  background:transparent;
}

#comments .comment-inner {
  padding-left:81px;
  padding-bottom:20px;
  overflow:hidden;
  background:transparent;
}

#comments .comment-inner-inner {
  padding-left:163px;
  padding-bottom:20px;
  overflow:hidden;
}

#comments .comment .avatar, #comments .comment-inner .avatar, #comments .comment-inner-inner .avatar {

  float:left;
  margin-right:25px;
}

#comments .comment .avatar img, #comments .comment-inner .avatar img, #comments .comment-inner-inner .avatar img {

  margin-top:1px;
}

#comments .comment, #comments .comment-inner, #comments .comment-inner-inner {

  background-repeat:no-repeat;
}




.text { font-size: 13px; border-bottom: 1px solid #dadada;}

#comments .comment .text {
  width:420px;
  float:left;
}
.full #comments .comment .text { width: 720px; }
.full #comments .comment .children li .text { width:625px; }
.full #comments .comment .children li .children li .text { width:525px; }

#comments .comment .children li .text {
  width:320px;
  float:left;
}

#comments .comment .children li .children li .text {
  width:220px;
  float:left;
}



#leave-comment h4, #contact-form h4 {
  font-size:17px;
  padding-bottom:20px;
  border-bottom:1px solid #C9C9C9;
  color:#757575;
  margin-bottom:30px;
}

.wpcf7 p { font-weight: bold; }
.wpcf7 textarea { width: 100%;}
.wpcf7-text { width: 60%;}
.wpcf7-submit  { cursor: pointer; }

.comment-form label {
  margin-bottom: 10px;
  font-weight:normal;
  font-size:15px;
}

.comment-form label span {
  color:#a39c5c;
}

.comment-form #name, .comment-form #email, .comment-form #website, .comment-form #comment {
  width: 50%;

  display:block;

  margin-bottom:15px;
  color:#878787;
  padding:10px 10px;
}

.comment-form #comment {
  height:230px;
  width:100%;
  resize:none;
  font-size:11.5px;
  line-height:24px;
  padding:10px 0px 0px 10px;
  margin-bottom:25px;
}
#leave-comment .button-big {
  margin-bottom: 0 !important;
}

/* Contact */

/* Add curved borders to various elements */

#contactForm, .statusMessage {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;  
  border-radius: 3px;
}


/* Style for the contact form and status messages */

#contactForm, .statusMessage {
  color: #666;

}


/* The form dimensions */



/* Position the form in the middle of the window (if JavaScript is enabled) */

#contactForm.positioned {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: auto;
  margin-bottom: auto;
}


/* Dimensions and position of the status messages */

.statusMessage {
  display: none;
  margin: auto;
  width: 30em;
  height: 2em;
  padding: 1.5em;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.statusMessage p {
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: 13px;
}


/* The header at the top of the form */

#contactForm h2 {
  font-size: 2em;
  font-style: italic;
  letter-spacing: .05em;
  margin: 0 0 1em -.75em;
  padding: 1em;
  width: 19.5em;  
  color: #aeb6aa;
  border-bottom: 1px solid #aaa;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;  
  border-radius: 10px 10px 0 0;
}


/* Give form elements consistent margin, padding and line height */

#contactForm ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#contactForm ul li {
  margin: .9em 0 0 0;
  padding: 0;
}



/* The field labels */

#contactForm label {
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 22px;
}


/* The fields */

#contactForm textarea {
  display: block;

  width: 90%;


}

#contactForm textarea {
  height: 13em;
  line-height: 1.5em;
  resize: none;
}


/* Place a border around focused fields, and hide the inner shadow */

#contactForm *:focus {

  outline: none;

}

#cancel, #sendMessage {
  cursor: pointer;
}
/* Display correctly filled-in fields with a green background */


/* The Send and Cancel buttons */

.statusMessage {
  background: #000;
  z-index: 999;
  color: #999;
  -webkit-box-shadow: 0 2px 5px rgba(0,0,0, 0.2);
  box-shadow: 0 2px 5px rgba(0,0,0, 0.2);
  -moz-box-shadow: 0 2px 5px rgba(0,0,0, 0.2);
}

#sendMessage { border: none; }


/* Gallery */


.galleryContainer {
  position: relative;
}

.switcher button {
  border: 2px solid #008776;
  background: white;
  cursor: pointer;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 22px;
  height: 22px;
  color: #555;
  font-weight: bold;
  font-size: 12px;
  margin-right: 8px;
  margin-bottom: 10px;
  text-align: center;
}
.switcher button:hover {
  border: 2px solid #888;
}
.switcher span {
  font-size: 12px;
  margin-right: 10px;
}
.filters span {
  color: #008776;
  text-transform: uppercase;
  font-family: 'Dosis', sans-serif;
  font-size: 14px;
  margin-right: 20px;
  font-weight: 600;

}
.filters {
  background: #000;
  margin: 20px 0;
  padding: 10px 10px 0 15px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.filters a {
  color: #b0b0b0;
  text-transform: uppercase;
  font-family: 'Dosis', sans-serif;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  margin-right: 15px;
  text-decoration: none;
}
.filters a:hover { color: #fff; }

.mega-hoverlink i, .mega-hoverview i {
  line-height:  30px;
}
.entry a { color: #333; }



/* Footer */ 

footer {
  margin-top: 60px;
  background: #000;
}
footer .widget h3, footer ul h3 {
  color: #008776;
}
footer img {
  max-width: 100%;
}
footer .one-third a {

}
footer a:hover {

}
footer .one-third {
  padding: 60px 0;
}
.smallFooter {
  background: #121212;
}
.smallFooter li {
  padding: 11px 7px;
  float: left;
  -webkit-transition: all 120ms ease-in;
  -moz-transition: all 120ms ease-in;
  transition: all 120ms ease-in;
}
.smallFooter li:hover {
  background: #444;
}
.smallFooter .donate i {
  margin-right: 10px;
  -webkit-font-smoothing: antialiased;
}
.smallFooterLeft a {
  color: white;
  text-transform: uppercase;
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  padding: 10px;
}
.smallFooterRight {
  float: right;
  font-size: 13px;
  padding: 8px 0;
}
.smallFooterLeft {
  float: left;
  margin: 0;
}
.smallFooterLeft li {
  margin: 0;
}
.flickrImg li {
  float: left;
  margin-right: 15px;
}
.flickrImg li:nth-child(4), .flickrImg li:nth-child(8) {
  margin: 0;
}
footer .widget h3 {
  text-transform: uppercase;
  font-family: 'Dosis', sans-serif;
  font-size: 16px;
  font-weight: 600;
  border-bottom: 1px solid #424242;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
footer .widget h3 a { 
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid #444;
  text-decoration: none;
  font-weight: 700;
  font-style: none;
  font-size: 12px;
}
footer ul h3 {

  text-transform: uppercase;
  font-family: 'Dosis', sans-serif;
  font-size: 16px;
  font-weight: 600;
  border-bottom: 1px solid #424242;
  padding-bottom: 0;
  margin-bottom: 0;

}
.informations { margin: 0;}
.informations li {
  padding-bottom: 20px !important;
  border-bottom: 1px solid #424242 !important;
  width: 100% !important;
}
.informations li:last-child { border: none !important; }
.informations h3 {
  border-bottom: none !important;
  color: #fff !important;
}
.informations span {
  text-align: right !important;
  width: 55% !important;
  line-height: 23px !important;
  padding: 5px 0 35px !important;
}

#myTabContent { margin-bottom: 20px; }
/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 1300px) and (max-width: 2000px) {



}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 960px) and (max-width: 1300px) {

  .flex-caption h1 { font-size: 35px !important; line-height: 42px !important; }
  .caption-btn li a { font-size: 11px; }
  #slider span { font-size: 13px; }
  .flex-caption p { margin: 0 0 15px 0 !important;}
  .flex-caption-decription { padding: 10px !important; }
  .sliderLogo { top: 6% !important; }




}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

  .caption-btn { display: none; }


  .homeFull .widget_btn a, 
  .homeFull .dd_events_btn a,
  .sidebar .dd_events_btn .facebookBtn,
  .sidebar .dd_events_btn span,
  .one-third .dd_events_btn .facebookBtn,
  .one-third .dd_events_btn span,
  .four .dd_events_btn .facebookBtn,
  .four .dd_events_btn span,
  .one-third .dd_events_btn a,
  .one-third .dd_events_btn .facebookBtn,
  .one-third .dd_events_btn span,


  .sidebar .dd_events_btn .facebookBtn,
  .sidebar .dd_events_btn span,

  .four .dd_events_btn .facebookBtn,
  .four .dd_events_btn span,
  .sidebar .dd_events_btn a,

  .four .dd_events_btn a 

  { display: block; text-align: center; }

  .homeFull .or, .one-third .or { text-align: center; display: block; margin: 10px 0; }



  .eight .postTitleWithImage h1 { width: 180px; }
  .two-thirds .postTitleWithImage h1 { width: 290px; }
  .full #comments .comment .text { width: 555px; }
  .full #comments .comment .children li .text { width:455px; }
  .full #comments .comment .children li .children li .text { width:355px; }

  .full .dd_board_post_details { width: 400px; }
  .full .noBannerContent .dd_board_post_details { width: 500px; }
  .noBannerContent .dd_board_post_details { width: 260px; }
  .flex-caption h1 { font-size: 35px !important; line-height: 42px !important; }
  #comments .comment .text { width: 300px; float: left; }
  #comments .comment-inner .text { width: 225px ; float: left; }
  #comments .comment-inner-inner .text { width: 145px; float: left; }
  .eventMeta { width: 90%;  }
  .eventMetaFull { width: 300px;  }


  .postTitleWithImage h1 { width: 260px; }
  .dd_events .postTitle { width: 165px; }

  .caption-btn li a { font-size: 11px; }
  #slider p { font-size: 13px; }
  .home .flex-caption-decription { display: none !important; }
  .home .flex-caption { max-width: 748px !important; }

  .flex-caption div {top: 50% !important;}
  .pageContent .container { margin-top: 0; }
  header {    padding-bottom: 50px; } 
  .sidebar { margin-top: 35px !important; }

  .pageContent .postTitleWithImage h1 {width: 230px;}
  .full .postTitleWithImage h1 { width: 470px; }
  .full .noBannerContent .postTitleWithImage h1 { width: 568px; }
  .noBannerContent .postTitleWithImage h1 { width: 327px; }

  .dd_board_post_details { float: right; width: 175px; }
  #topbar .nav { display: none; }
  nav select { display: block !important;  }
  .select-container { display: block; }
  .mobileNav { display: block; }

  #comments .comment .children li .text { width:215px; }

  #comments .comment .children li .children li .text { width:115px; }
  .carouselWrapper {display: none;}
  .four .dd_events_post h1 { width: 40%; }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

  /** MT Customizations */

  .contact_block {
    float:none;
    width:100%;
    padding:20px 0;
  }

  .left_side img{
    float:none;
    width:100%;
    height:auto;
  }

  .home .sliderWrapper{
    margin-top:41px;
  }

  .eight .postTitleWithImage h1 { width: 240px; }
  .two-thirds .postTitleWithImage h1 { width: 220px; }
  .full .noBannerContent .dd_board_post_details,   .noBannerContent .dd_board_post_details { width: 100%; margin-top: 20px; }

  .full #comments .comment .text { width: 325px; }
  .full #comments .comment .children li .text { width:225px; }
  .full #comments .comment .children li .children li .text { width:125px; }

  #comments .comment .text { width: 320px; float: left; }
  #comments .comment-inner .text { width: 225px ; float: left; }
  #comments .comment-inner-inner .text { width: 145px; float: left; }
  .postCategories { padding-left: 0; }
  .full .dd_board_post_details { width: 100%; margin-top: 20px; }
  #topbar .nav { display: none; }
  nav select { display: block !important;  }
  .select-container { display: block; }
  .mobileNav { display: block; }
  .dd_events .postTitle { width: 315px; }
  .rightWidgetArea .widget { padding-left: 0; }
  .postTitleWithImage h1 { width: 240px; }
  .carouselWrapper {display: none;}
  .home .flex-caption p, .home .caption-btn, .home .flex-caption, .home .flex-direction-nav { display: none; }
  .sliderLogo {top: 33% !important;}
  .horizontalWidgetArea { margin-bottom: 10px; }
  .pageContent .container { margin-top: 0; }
  header {    padding-bottom: 50px; } 
  .sidebar { margin-top: 35px !important; }
  .pageContent .postTitleWithImage h1 {width: 240px;}
  .full .noBannerContent .postTitleWithImage h1 { width: 240px; }
  .modal { width: 365px; left: 70%; }
  .dd_board_post_details { float: right; width: 175px; } 
  #comments .comment .children li .text { width:215px; }
  #comments .comment .children li .children li .text { width:115px; }
}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .flex-holder { z-index: -1; }
  .two-thirds .postTitleWithImage h1 { width: 220px; }
  .full .dd_board_post_details { width: 100%; margin-top: 20px; }
  .dd_causes_widget li:first-child { margin-top: 25px !important; }
  .dd_causes_widget li { margin: 0 0 25px 0 !important; }
  .metaBtn li { display: inline-block; width: 100%; }
  .metaBtn li a { border: none; padding-left: 0;  }
  .metaBtn li:last-child a { padding-top: 0; }
  .pageContent .sidebar .postTitleWithImage h1 { width: 97%; }
  .sidebar  .metaBtn li:last-child a { padding-top: 15px; }
  footer .one-third { padding: 25px 0; }
  .smallFooterLeft, .smallFooterRight { text-align: center; width: 100%;  }
  .demo .content { width: 100%; }
  .demo .img { display: none; }
  .eventMeta { width: 90%; margin: 0 0 20px 0; }
  #logo {padding-top:0px;}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

  .eight .postTitleWithImage h1, .two-thirds .postTitleWithImage h1 { width: 97%; }

  .text { margin-top: 20px; }
  .eventMeta { width: 86%; margin: 0 0 20px 0; }
  .metaBtn li { display: inline-block; width: 100%; }
  .dd_board_post_details { margin-top: 30px; width: 100%; }
  .pageContent .postTitleWithImage h1 {width: 100%;}      	
  .dd_events .postTitle {width: 195px;}
  .dd_causes_widget li:first-child { margin-top: 20px !important; }
  .dd_causes_widget li { margin: 0 0 20px 0 !important; }

  /*   .donate {display:none;}*/
  .sliderLogo {top: 20% !important;}
  .widget_btn a, .dd_events_btn a { display: block; text-align: center; }
  .or { text-align: center; display: block; margin: 10px 0; }
  .postTitleWithImage img { display: none; }
  .postTitleWithImage h1 { width: 100%; }
  .metaBtn li a { border: none; padding-left: 0;}
  .metaBtn li:last-child a { padding-top: 0; }
  .pageContent .sidebar .postTitleWithImage h1 { width: 97%; }
  .sidebar  .metaBtn li:last-child a { padding-top: 15px; }
  footer .one-third { padding: 25px 0; }
  .smallFooterLeft, .smallFooterRight { text-align: center; width: 100%;  }
  .modal { width: 275px; left: 90%; }


  .demo .content { width: 100%; }
  .demo .img { display: none; }

/* .search-donate{
display:none;

}*/
li.donate, li.updates {display: none;}
.topBarSearch{
  top: 114px; 
}


.wp-image-7079 { max-width:100%;}
#logo {padding-top:20px;}
}


/* tc */

.wp-caption,
.wp-caption-text,
.sticky, 
.gallery-caption,
.bypostauthor,
.aligncenter {} 


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
Just create a "fonts" folder at the root,
copy your FontName into code below and remove
comment brackets */

/*	@font-face {
font-family: 'FontName';
src: url('../fonts/FontName.eot');
src: url('../fonts/FontName.eot?iefix') format('eot'),
url('../fonts/FontName.woff') format('woff'),
url('../fonts/FontName.ttf') format('truetype'),
url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
font-weight: normal;
font-style: normal; }
*/

/*** Modifications ***/

.carouselWrapper{display: none;}
.sliderLogo{display: none;}

.flex-caption div{
  top:47% !important;
}


#logo{
  float:left;
  margin-bottom:0;
  line-height: 1em;
  margin-right:20px;
  text-transform: uppercase;
  font-family: 'Dosis', sans-serif;
  padding-bottom: 5px;
  font-size:36px;

}

#logo a{
  color:#008776;
  text-decoration: none;

}

#logo img{
  width:250px;
  height:auto;
}


/** About Message **/

.about_message{
  background:#008776;
  margin-bottom:40px;
}

.about_message h4{
  font-family: 'Dosis', sans-serif;
  font-size:38px;
  color:#fff;
  padding:40px 0;
  line-height: 1em;
}



/** Recent News Intro **/

.recent_news_intro{
  background:#008776;
  padding:20px;
  color:#fff;
  margin-bottom:50px;
}

.recent_news_intro img{
  float:left;
  margin: 0 20px 20px 0;
}

.recent_news_intro h4{
  color: #fff;
  font-size: 42px;
  font-family: "league-gothic",sans-serif;
  text-transform: uppercase;
  line-height: 1em;

}

.recent_news_intro p{
  clear:both;
}

h3.recent_news_header{
  font-family: "league-gothic",sans-serif;
  font-size:55px;
  border-bottom:1px solid #666;
  padding-bottom: 20px;
  margin-bottom: 40px;
  text-transform: uppercase;
}


/*** SOS  ***/


.page-template-page-sos-php .pageContent .container{
  margin-top:0;
  background: none;
}

.page-template-page-sos-php .pageContent{
  background: url(images/sos_bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 980px;
  min-height: 100%;
  min-width: 1024px;
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
  padding-bottom: 200px;
}

#saveourstreets{
  font-size:172px;
  font-family: "league-gothic",sans-serif;
  text-transform: uppercase;
  margin:auto;   
  color:#fff;
  line-height: 1em;
  margin:300px 0 0 0px;
}


@media screen and (max-width: 1024px) { /* Specific to this particular image */
}

.sos_loop_wrapper{
  background: url(images/loop_bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 980px;
  min-height: 100%;
  min-width: 1024px;
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
  padding-bottom: 200px;
}


.page-template-page-sos-php .pageContent .container img{
  float:left;
  margin:0 40px 40px 0;
}

.page-template-page-sos-php .pageContent .container p{
  max-width:100%;
  color:#fff;
}

.sos_loop_wrapper{
  padding:60px 0;
}

.sos_loop{
  width:630px;
  padding:40px 0;
  float:left;
}

#sos_sidebar{
  max-width: 280px;
  float:left;
  margin-top:10px;
}

#sos_sidebar .widget h4 a{
  text-decoration: none;
}


#sos_sidebar .widget h3{
  margin-bottom:15px;
}

#sos_sidebar .widget div .duration,
#sos_sidebar .widget div .location{
  padding:0;
}

.widget img{
  max-width:280px;
  height:auto;
}

.widget ol{
  margin:0;
}

.pin{
  background:#000;
  color:#fff !Important;
}

.pin_content{
  padding: 20px;
}

.pin p,
.pin h2,
.pin h3,
.pin h4,
.pin h5,
.pin ul li,
.pin ol li,
.pin span{
  color:#fff;
}


.pin p{
  font-size:.8rem;
}

.pin_meta{
  display: block;
  padding: 0;
  margin:10px 0;
  border-top:1px solid #333;
  border-bottom:1px solid #333;
  font-size:10px;
  text-transform: uppercase;
}

.pin_meta li,
.pin_meta ul{
  display: inline;
  line-height: 1em;
  margin:0;
}

.pin_meta a{
  color:#666;
}

.pin_content h3{
  font-family:'league-gothic', sans;
  text-transform: uppercase;
  line-height: 1em;
  font-size:42px;
}

.pin_content h3 a{
  color:#fff;
  text-decoration: none;
}

.pin_content h3 a:hover{
  color:#f90;
}

#sos_sidebar .widget div {
  background:#fff;
  padding:10px;
  max-width: 300px;
  margin-bottom: 11px;
}

.format-quote p{ 
  font-family:'league-gothic', sans;
  text-transform: uppercase;
  line-height: 1em !important;
  font-size:42px;
}

.page-template-page-sos-php .format-quote {
  background: #f90;
}


.page .sliderWrapper{
  margin-bottom: 45px;
  margin-top:33px;
}

.page-template-page-sos-php .sliderWrapper{
  margin-bottom: 0;
}

.program_header{
  border-bottom: 2px solid #e3e3e3;
  margin-bottom: 20px;    
}

.program_header .pageTitle{
  border-bottom: none;
  float:left;
  margin-bottom:0;
}

.program_header p{
  float:right;    
  padding-left:20px;
  padding-top:20px;
  margin-bottom: 0;
  font-weight: bold;
}
.program_short_description{
  padding-bottom: 20px;
}

/**  Footer **/

#content_footer{
  background:#3d3d3d;
  padding:100px 0 65px 0;
  color:#fff;

}

#cci-logo{
  width:275px;
  height:auto;
  display: block;
  margin:0 auto;
}

#mc_embed_signup .mc-field-group input{
  background:#666;
  border:none;
  color:#fff;
  margin-bottom:2px;
}


#mc_embed_signup form{
  padding:0;
}

.postContent #mc_embed_signup .mc-field-group input{
  background:#ccc;
}

.left_side{
  width:56%;
  float:left;
}

.contact_block{
  float:right;
  width:36%;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 22px;

}

.contact_block li{
  border-bottom: 1px solid #fff;
  padding:10px 0 20px;
}

.contact_block li:last-child{
  border-bottom:none;
}

.contact_block dt{
  float:left;
}

.contact_block dl{
  margin-left:115px;
  color:#787b81;
}

#content_footer a{
  color:#33a3ce;
  text-decoration: none;
}

#content_footer h4{
  color:#008776;
}


#social_btns li{
  display: inline-block;
  margin-right:10px;
}

#social_btns li:last-child{
  margin-right: 0;
}

.social_btn{
  width:188px;
  height:34px;
  padding:16px 0 0 60px;
  font-size:16px;
  font-weight: bold;
  background:#3b5998;
  display: block;
  float:left;
  margin:0 10px 0 0;
  color:#fff !important;
  position: relative;
}
.social_btn i{
  background:#334e89;
  position: absolute;
  top:0;
  left:0;
  width:20px;
  height:20px;
  padding:15px;
}

.twitter_link{
  background: #00acee;
}

.twitter_link i{
  background:#0393ca;
}

.tagline_wrapper{
  /*margin:70px 0 0 0;*/
}

.footer_tagline{
  font-family: "Dosis", sans;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.25em !important;
  padding-top:20px;
  text-transform: capitalize;
}

.left_side img{
  float:left;
  margin:0 20px 0 0;
}


.CSSable_Countdown .countdown_row{
  color: #181818;
  font-family: 'Dosis', sans-serif;
  font-weight: normal;
  font-size:40px;
  display: inline !important;
  line-height: 1em;
}

.CSSable_Countdown .countdown_section{
  display:inline !important;
}


.sos_readmore{
  clear:both;
  background:#008776;
  text-align: center;
  padding:30px 0;
}

.sos_readmore a{
  text-decoration: none;
  color:#fff;
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

  /** MT Customizations */

  .contact_block {
    float:none;
    width:100%;
    padding:20px 0;
  }

  .left_side{
    float:none;
    width:100%;
  }

  .left_side img{
    float:none;
    width:100%;
    height:auto;
  }

  .left_side .social_btn{
    width:100%;
  }

  header{
    background-size: 100%;
  }

  .program_header p{
    float:left; 
    padding-right:20px;
    padding-left:0;
  }

  .page-template-page-sos-php .pageContent{
    width:100%;
    min-width: 100%;
  }
  #saveourstreets{
    font-size:99px;
  }

  .sos_loop_wrapper {
    width: 300px;
    min-width: 100%;

  }

  .sos_loop {
    width:320px;
  }

}


/** Events **/

#tribe-events-pg-template {
  max-width: 940px;
}

#tribe-events{
  padding-top:100px;
}

.page-id-503 header,
.parent-pageid-503 header{
  padding-bottom: 210px;
  padding-top: 150px;
}