@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/

/* 
Theme Name: Women Cross DMZ
Description: Custom theme developed by Sirius Design
Author: Tim Derouin, Sirius Design
Author URI: http://www.siriusdesign.net
*/
/* General Styles */

img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

a:link,
a:visited,
a:active { 
	color: #000;
	text-decoration: underline;
	-o-transition: color 0.3s linear;
	-moz-transition: color 0.3s linear;
	-webkit-transition: color 0.3s linear;
	-ms-transition: color 0.3s linear;
	transition: color 0.3s linear;
	font-weight:700;
} 

a:hover {
	text-decoration: none;
	color: #c12f2a;
	border-bottom: none;
	font-weight:700;
}

.news-home-page a:link,
.news-home-page a:visited,
.news-home-page a:active { 
	text-decoration: none !important;
	-o-transition: none !important;
	-moz-transition: none !important;
	-webkit-transition: none !important;
	-ms-transition: none !important;
	transition: none !important;
	font-weight:700;
} 

.news-home-page a:hover {
	text-decoration: underline !important;
	transition: none !important;
}

a {
  position: relative;
  color: #000;
  text-decoration: none;
}

.lcp_customfield{
	font-style:italic;
}
.participant p{
	margin:10px 0 0 0 !important;
	padding:0 !important;
	display:none;
}
.lcp_post a{
	pointer-events: normal;
	cursor:pointer;
}
.featured-image a{
	pointer-events: normal;
	cursor: pointer;
}
.advisory-board p{
	margin: 0 0 1em;
}

#content-main a:before, #content-main-home a:before {
  content: "";
  position: absolute;
  width: 100%;
  margin-bottom:3px;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #c12f2a;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
#content-main a:hover:before, #content-main-home a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}


h2 a:link, h2 a:visited, h2 a:active, h3 a:link, h3 a:visited, h3 a:active { 
	color: #c12f2a;
	text-decoration: none;
} 

h2 a:hover, h3 a:hover {
	text-decoration: none;
	color: #000;
	border-bottom: none;
	font-weight:700;
}

h2 a:before, h3 a:before {
  content: "";
  position: absolute;
  width: 100%;
  margin-bottom:0 !important;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #000;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
h2 a:hover:before, h3 a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

::selection {
    background: #c12f2a;
}

*::selection {
    color: #fff;
}
body {
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    line-height: 1.8rem;
    font-weight: 300;
    color: #333;
}
p {
    margin: 0 0 1.6em;
}
.red{
	color:#c12f2a;
}
.callout{
	font-family:'Sentinel SSm A', 'Sentinel SSm B', sans-serif;
	font-weight:700;
	color:#c12f2a;
}
.sentinel{
	font-family:'Sentinel SSm A', 'Sentinel SSm B', sans-serif;
	font-weight:700;
}
.center{
	text-align:center;
}

.tags{
	font-size:15px;
	text-transform:uppercase;
	display:block;
	letter-spacing:.2em;
	margin:-10px 0 10px 0;
}

.tags a{
	cursor: default !important;
	pointer-events: none !important;
	text-decoration:none !important;
	color:#ccc !important;
}

/* BASELINE GRID BASED ON 3px */
h1, h2, h3, .facts em, button {
  /*font-family: Sentinel, serif;*/
  font-family:'Sentinel SSm A', 'Sentinel SSm B', sans-serif;
  font-weight: 700; 
  font-style: normal;
  text-transform: uppercase;
}

h1 {
    font-size: 1.6rem;
    line-height: 2rem;
    margin: 2rem 0 1.6rem;
}

h2 {
  font-size: 1.2rem; /* 18px/15 */
  margin: 1.6rem 0 1.2rem; /* 24px/15, 18px/15 */
}

h3 {
  font-size: .8rem; /* 18px/15 */
  margin: 1.2rem 0 .8rem; /* 24px/15, 18px/15 */
}

/* H2 WITH DIVIDERS */
h2.divider {
  color: #999;
  position: relative;
  z-index: 1;  
  text-align: center;
}

h2.divider:before {
  margin: 0 auto;
  position: absolute;
  top: 50%; left:0; right: 0; bottom: 0;
  border-top: 1px solid #ddd;
  content:"";
  z-index: -1;
}

h2.divider span {
  background: #fff;
  padding: 0 1em;
}

h3 {
  font-size: 1rem; /* 15px/15 */
  margin: .6rem 0; /* 9px/15 */
}

.masthead {
  height: 5.2rem; /* 63px/15 */
}

.brand {
  float: left;
  white-space: nowrap;
  height: 100%;
  width: 33.33%; /* Exceptionally a column by default to share masthead with social icons */
}

.brand .mark {
  display: inline-block;
  background: url("images/logo_mark.svg") no-repeat center;
  background-size: contain;
  background-position: left;
  height: 100%;
  width: 4.4rem; /* 78px/15, eyeballed */
  -webkit-transition: width .5s ease-out;
        transition: width .5s ease-out;
}

.brand .logotype {
  opacity: 0;
  display: inline-block;
  background: url("images/logo_type.svg") no-repeat center;
  background-size: contain;
  background-position: -2rem center;
  height: 100%;
  -webkit-transition: opacity .5s ease-out, background-position .1s ease-out;
        transition: opacity .5s ease-out, background-position .1s ease-out;
}

.social {
  height: 100%;
  float: left;
  width: 66.66%; /* Force exceptionally into columns early */
  color: #999;
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -webkit-flex;     /* NEW - Chrome; seems to also be needed for Safari */
  display: flex;             /* TODO: use auto-prefixer */
  -webkit-flex-flow: row;
          flex-flow: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
}

.social a, .social form {
  display: inline-block;
  height: 2rem; /* 30px/15 */
}

.icon-twitter, .icon-fb, .icon-email, .icon-donate {
  display: inline-block;
  height: 100%;
  border-radius: 3.33rem; /* 50px/15 */
  -webkit-transition: all .1s ease-in;
        transition: all .1s ease-in;
}
.icon-twitter-large, .icon-news-feed-large, .icon-fb-large, .icon-email-large, .icon-donate-large {
  display: block;
  height: 100%;
  border-radius: 3.33rem; /* 50px/15 */
  -webkit-transition: all .1s ease-in;
        transition: all .1s ease-in;

}

.icon-fb, .icon-email, .icon-donate {
  margin-left: 1.2rem; /* 18px/15 */
}
.icon-news-feed-large, .icon-fb-large, .icon-twitter-large, .icon-email-large, .icon-donate-large {
  margin: 0 auto; /* 18px/15 */
}

/* http://css-tricks.com/snippets/css/accessibilityseo-friendly-css-hiding */
.logotype span, .hero span, .icon-twitter span, .icon-fb span, .icon-email span, .social form span  {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.icon-twitter, .icon-twitter-large {
  background: url("images/icon_social_twitter.svg") #ccc no-repeat center;
  background-size: contain;
}

.icon-fb, .icon-fb-large {
  background: url("images/icon_social_fb.svg") #ccc no-repeat center;
  background-size: contain;
}

.icon-news-feed, .icon-news-feed-large {
  background: url("images/logo_mark_white.svg") #ccc no-repeat center;
  background-size: contain;
}

.icon-email, .icon-email-large {
  background: url("images/icon_social_email.svg") #ccc no-repeat center;
  background-size: contain;
}

.icon-donate, .icon-donate-large {
  background: url("images/icon_social_donate.svg") #ccc no-repeat center;
  background-size: contain;
}

.icon-twitter:hover, .icon-twitter-large:hover {
  background-color: #55acee;
}

.twitter a:link, .twitter a:visited, .twitter a:active {
	color:#ccc;
}

.twitter, .twitter a:hover{
	color:#55acee;
}

.twitter a:before {
  background-color: #55acee !important;
}


.icon-fb:hover, .icon-fb-large:hover {
  background-color: #3b5998;
}

.icon-news-feed:hover, .icon-news-feed-large:hover {
  background-color: #c12f2a;
}

.facebook a:link, .facebook a:visited, .facebook a:active {
	color:#ccc;
}

.facebook, .facebook a:hover{
	color:#3b5998;
}
.facebook a:before {
  background-color: #3b5998 !important;
}

.news-feed a:before {
  background-color: #c12f2a !important;
}

.news-feed a:link, .news-feed a:visited, .news-feed a:active {
	color:#ccc;
}

.news-feed, .news-feed a:hover{
	color:#c12f2a;
}

.icon-email:hover, .icon-email-large:hover {
  background-color: #3267aa;
}

.icon-donate:hover, .icon-donate-large:hover {
  background-color: #c12f29;
}

.icon-twitter, .icon-fb, .icon-email, .icon-donate {
  width: 2rem;
}
.icon-twitter-large, .icon-news-feed-large, .icon-fb-large, .icon-email-large, .icon-donate-large {
  width: 3rem;
}

button {
  padding: .4rem 1.2rem; /* 6px/15, 18px/15 */
  border-radius: .333rem; /* 5px/15 */
  border: none;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  outline: none;
  vertical-align: baseline;
  white-space: nowrap;
 }
.donate button {
  display: inline-block; 
  background-color: #c12f2a;
  padding: .2rem 1.2rem; /* 3px/15, 18px/15 */
  color: #fff;
}
.donate, .subscribe {
    display: block;
	margin:0 auto;
    vertical-align: middle; /* Firefox needs this */
  }

.subscribe button {
  margin-left: .2rem;
  padding: .2rem 1.2rem; /* 3px/15, 18px/15 */
  display: inline-block; 
  background-color: #3267aa;
  color: #fff;
}

.hidden-from-view { /* Mailchimp code */
  left: -5000px;
  position: absolute;
}

/* 15% white vivid light blend */
.subscribe button:hover {
  background-color: #517eb7 !important;
  -webkit-transition: all .1s ease-in;
          transition: all .1s ease-in;
}

/* 10% black multiply blend */
.subscribe button:active {
  background-color: #2d5c99;
  -webkit-transition: all .1s ease-in;
          transition: all .1s ease-in;
}

.subscribe {
  margin-top: 1.6rem;
  white-space: wrap !important;
}
.subscribe p{
  white-space:normal !important;
}

.subscribe input, .subscribe button {
  display: inline-block;
  vertical-align: middle;
}

.subscribe span {
  margin: 0 1rem;
}

.subscribe span.long {
  display: none; /* Hide the longer label by default */
}

.subscribe .email_field {
    width: 95%;
    padding: .45rem;
    display: block;
    border: 1px solid #ddd;
    border-radius: .333rem;
    margin: 0 0 30px 0;
}


/* 15% white vivid light blend */
.donate button:hover {
  background-color: #ca4e4a;
  -webkit-transition: all .1s ease-in;
          transition: all .1s ease-in;
}

/* 10% black multiply blend */
.donate button:active {
  background-color: #ad2a26;
  -webkit-transition: all .1s ease-in;
          transition: all .1s ease-in;
}
.donate{
	text-align:center;
}
.more {
    color: #666;
    font-size: .8rem;
}
.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}
@media (min-width: 641px) {
.brand .logotype {
    opacity: 1;
    background-position: left;
    width: 300px;
}
.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 1.6rem;
    margin-bottom: 1.6rem;
    height: 0;
}
.row {
    padding:0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* IMAGE SLIDER and IMAGE GALLERY BEGIN */
.rslides_container {
    margin-bottom: 0;
}

#slb_viewer_wrap .slb_theme_slb_default .slb_data_title, #slb_viewer_wrap .slb_theme_slb_default .slb_group_status {
    font-family: "Trebuchet MS", Verdana, sans-serif !important;
    font-size: 14px !important;
}

/* IMAGE SLIDER END */



/* CUSTOM CSS FOR SOCIAL MEDIA FEEDS BEGIN*/

.cff-text{
	font-size:14px;
	line-height:22px;
}
.cff-text br {
    content: "";
  margin: 2em;
  display: block;
  font-size: 26%;
}

.social-media-container a:before {
	display:none;
}
.social-media-container a:hover:before {
	display:none;
}

.featured-image a:before {
	display:none !important;
}

.featured-image a:hover:before {
	display:none !important;
}

/* CUSTOM CSS FOR SOCIAL MEDIA FEEDS END*/


/* BEGIN NAV CSS */

#menu-footer-navigation{
	   line-height: 1.2rem;
	   margin:0 0 20px 0;
}

#nav-menu {
	text-align:center;
	padding:6px 0;
	font-size:14px;
	line-height: 20px;
	font-family:'Sentinel SSm A', 'Sentinel SSm B', sans-serif;
	text-transform:uppercase;
}

#nav-menu a:link,
#nav-menu a:visited,
#nav-menu a:active { 
	color: #FFFFFF; 
	text-decoration: none;
} 
#nav-menu a:hover {
	text-decoration: none;
	color: #000;
}


#nav-menu ul, .grey-link ul{
    margin: 0 auto; 
    padding: 0;
}

#nav-menu ul li, .grey-link ul li {
    display:inline;
	line-height: 18px; 
}

#nav-menu ul li a, .grey-link ul li a{
	text-decoration: none;
	color: white;
	display: inline-block;
	list-style-type: none;
	white-space: wrap;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
	padding-top: 0px;
	padding-right: 9px;
	padding-bottom: 0px;
	padding-left: 5px;
}

.grey-link ul li a{
	border-right: none;
	padding:0 6px
}

.grey-link a:link,
.grey-link a:visited,
.grey-link a:active { 
	color: #666 !important; 
	text-decoration: none;
	font-weight:300;
} 
.grey-link a:hover {
	text-decoration: none;
	color: #c12f2a !important;
	font-weight:300;
}

.grey-link a:before, h3 a:before {
  content: "";
  position: absolute;
  width: 100%;
  margin-bottom:0 !important;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #000;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.grey-link a:hover:before, h3 a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

#nav-menu-footer ul {
    margin: 0 auto; 
    padding: 0;
}

#nav-menu-footer ul li {
    display:inline;
	line-height: 18px; 
}

#nav-menu-footer ul li a {
	text-decoration: none;
	color: white;
	display: inline-block;
	list-style-type: none;
	white-space: wrap;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #84b30f;
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 3px;
}

.last a {
	text-decoration: none;
	display: inline-block;
	list-style-type: none;
	white-space: wrap;
	border-right-style: none !important;
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 3px;
}


#nav-menu ul li
{
	position:relative;
	margin:0;
	padding:0
}


#nav-menu ul ul
{
	display:none;
	position:absolute;
	z-index:999;
	top:100%;
	left:0;
	background:#c12f2a;
	padding:0;
	border-right:none;
	text-align:left;
	min-width:110px;
}

#nav-menu ul ul a {
    border-right: none;
}

#nav-menu ul ul li
{
	float:none;
	width:200px
}

#nav-menu ul ul a
{
	line-height:120%;
	padding: 12px 10px 8px 10px;
    font-size: 90%;
}

#nav-menu ul ul ul
{
	top:0;
	left:100%
}

#nav-menu ul li:hover > ul
{
	display:block
}





/* BEGIN MOBILE NAV CSS */


/* END NAV CSS */

/* IMAGE SIZES BEGIN */

img, object, embed, video {
	max-width: 100% !important;
	height:auto !important;
}

#content-main img.alignright {float:right; margin:0 0 20px 20px; width:35% !important; height:auto;}
#content-main img.alignleft {float:left; margin:0 20px 20px 0; width:35% !important; height:auto;}
#content-main img.aligncenter {display: block; margin-left: auto; margin-right: auto; width:100%; height:auto;}
#content-main img.alignnone {float:left; margin:0 20px 20px 0; width:100px; height:auto;}
#content-main .alignright {float:right; margin:0 0 20px 20px; width:35% !important; height:auto; }
#content-main .alignleft {float:left; margin:0 20px 20px 0; width:35% !important; height:auto;}
#content-main .aligncenter {display: block; margin-left: auto; margin-right: auto; width:100%; height:auto;}
#content-main .alignnone {float:left; margin:0 20px 20px 0; width:100px; height:auto;}

.header-image img {
	min-width:100%;
	height:auto;
}
.featured-event-image img {display: block; margin:24px auto; width:100%; height:auto;}


.wp-caption,
.wp-caption-text {
max-width: 100%;
height: auto;
width: auto; /* ie8 */
padding-top:6px;
font-size:12px !important;
line-height:16px !important;
text-align:center;
color:#6c120c;
}

.gallery-caption{
	display:none;
}


/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/* IMAGE SIZES END */

.more-link {
	float:right;
}

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}









/* Mobile Layout: 480px and below. */
.participant{
	display:inline-block;
	vertical-align:top;
	width:80%;
	margin:2% 10%;	
	text-align:center;
}
.participant-single{
	display:inline-block;
	width:90%;
	margin:0 5% 5% 5%;	
	text-align:center;
}
.participant h2{
    margin: 10px 0 0 0 !important;
}
.facts p {
	margin: 1rem 0;
    line-height: 20px;
}
.featured-image img{
    max-width: 200px !important;
    width: 50%;
    padding: 0 2rem;
}
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 86.45%;
	padding-left: 2.275%;
	padding-right: 2.275%;
	clear: none;
	float: none;
}
.navContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	clear: none;
	float: none;
}
.footerContainer {
	margin-left: auto;
	margin-right: auto;
	margin-top:50px;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	clear: none;
	float: none;
	background-color:#e5e5e5;
}
.hero {
  height: 11.8rem; /* 177px/15 */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0 20%;
}

#content-main {
	width:100%;
}
#content-main-home {
}
#logo {
width: 100%;
margin-top:0;
}
#nav-menu {
	display:none;
}
.home-slider {
}
#events-home {
width: 100%;
}
#get-involved {
width: 100%;
margin-left: 0;
clear: both;
}
#sidebar {
width: 100%;
margin-left: 0;
clear: both;
}
#donate-sidebar{
width: 100%;
}
#newsletter-sidebar{
width: 100%;
margin-bottom:30px;
}
#featured-event {
	border:1px solid #999999;
	background-color:#e5e5e5;
	width: -webkit-calc(90% - 2px);
	width: calc(90% - 2px);
	padding:0 5% 5% 5%;
	margin:0 0 30px 0;
	margin-left: 0;
}
.upcoming-event {
width: 100%;
margin-left: 0;
clear: both;
}
#latest-news {
	margin:30px 0 0 0;
}
#news-feed {
width: 84%;
margin-left: 8%;
text-align:left;
}
#facebook-feed {
width: 84%;
margin-left: 8%;
clear: both;
}
#twitter-feed {
width: 84%;
margin-left: 8%;
clear: both;
margin-top:30px;
}
#footer {
	text-align:center;
	padding:30px 0 20px 0;
}
.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}
.hide_tablet {
display: block;
}
.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}

/* Tablet Layout: 930px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.featured-event-image img {float:left; margin:24px 24px 24px 0; width:40%; height:auto; max-width:200px !important;}
.lcp_post a{
	pointer-events: none;
	cursor: default;
}
.featured-image a{
	pointer-events: none;
	cursor: default;
}
.participant p{
	display:block;
}
.facts p {
    margin: 1.4rem 0;
    line-height: 22px;
}
.participant{
	vertical-align:top;
	width:43%;
	margin:2.5%;	
}
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	clear: none;
	float: none;
	margin-left: auto;
}
.navContainer {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	clear: none;
	float: none;
	margin-left: auto;
}
.footerContainer {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	clear: none;
	float: none;
	margin-top:50px;
}
.hero {
  height: 20rem; /* 177px/15 */
  background-position: 0 30%;
}
#content-main {
	width:100%;
}
#content-main-home {
}
#logo {
width: 100%;
margin-top:0;
}
#nav-menu {
	display:block;
	background: #c12f2a;
	color:#fff;
}
#nav {
}
.home-slider {
}
#events-home {
width: 100%;
}
#get-involved {
width: 100%;
clear: both;
margin-left: 0;
}
#sidebar {
width: 100%;
clear: both;
margin-left: 0;
}
#donate-sidebar{
width: 48.7179%;
}
#newsletter-sidebar{
width: 48.7179%;
}
#featured-event {
	width: 61.5384%;
	width: -webkit-calc(94% - 2px);
	width: calc(94% - 2px);
	padding:0 3% 3% 3%;
	margin:0 0 30px 0;
	margin-left: 0;
}
.upcoming-event {
width: 100%;
clear: both;
margin-left: 0;
}
#latest-news {
}
#news-feed {
width: 74.3589%;
margin-left: 12.8205%;
text-align:center;
}
#facebook-feed {
width: 74.3589%;
clear: both;
margin-left: 12.8205%;
}
#twitter-feed {
width: 74.3589%;
clear: both;
margin-left: 12.8205%;
}
#footer {
}
.hide_tablet {
display: none;
}
.hide_mobile {
display: block;
}
.zeroMargin_tablet {
margin-left: 0;
}
}

/* Desktop Layout: 931px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 931px) {

.row {
    padding-top: 0;
    padding-right: 2rem;
    padding-left: 2rem;
}
.gridContainer {
	width: 88.2%;
	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
.navContainer {
	width: 100%;
	max-width: 1400px;
	padding-left: 0;
	padding-right: 0;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
.footerContainer {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	margin-top:50px;
	clear: none;
	float: none;
	margin-left: auto;
}
.hero {
  height: 30rem; /* 177px/15 */
  background-position: 0 30%;
}
#content-main {
	width:70%;
	margin-left:15%;
	min-height:500px;
}
#content-main-home {
}
#logo {
width: 100%;
}
#nav-menu {
}
#nav {
}
.home-slider {
}
#events-home {
width: 69.3877%;
}
#get-involved {
width: 28.5714%;
clear: none;
margin-left: 2.0408%;
}
#sidebar {
width: 26.5714%;
clear: none;
margin-left: 4.0408%;
}
#donate-sidebar{
width: 100%;
}
#newsletter-sidebar{
width: 100%;
}
#featured-event {
}
.upcoming-event-left {
width: 40%;
clear: none;
border-right: solid 1px #e5e5e5;
padding:0 7% 0 0;
}
.upcoming-event-right {
width: -webkit-calc(40% - 2px);
	width: calc(40% - 2px);
clear: none;
margin-left: 7%;
padding-right:6%;
border-right: solid 1px #e5e5e5;
}
#latest-news {
}
#news-feed {
width: 30%;
margin-left: 0;
text-align:left;
}
#facebook-feed {
width: 30%;
clear: none;
margin-left: 5%;
margin-top:0;
}
#twitter-feed {
width: 30%;
clear: none;
margin-left: 5%;
margin-top:0;
}
#footer {
}
.preamble {
    /* display: inline-block; */
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 3em;
    -moz-column-gap: 3em;
    column-gap: 3em;
}
h1 {
	text-align:center;
}
body {
    font-size: 18px;
}
.zeroMargin_desktop {
    margin-left: 0;
}
.hide_desktop {
    display: none;
}
}
@media only screen and (min-width: 1151px) {
	
.participant{
	vertical-align:top;
	width:27%;
	margin:3% 3% 0 3%;	
}
}