/* This file will hold styles that are loaded using the same media query as the wide grid. */
#zone-branding-wrapper {
    box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.3);
    background-color: #f8f8f8;
    border-color: #e7e7e7;
    border: 1px solid transparent;
    border-top: solid 3px #d3d3d3;
}
.tb-megamenu {
    background-color: #0000;
    float: right;
}
.tb-megamenu .nav > .active > a, .tb-megamenu .nav > .active > a:hover, .tb-megamenu .nav > .active > a:focus {
    background-color: #ffffff00;
    color: #832984;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: none;
}
.tb-megamenu .nav > li > a {
    border-right: 1px solid #efefef;
    border-top: 0;
    color: #777;
    font-weight: bold;
    padding: 15px 20px;
    text-shadow: none;
    text-decoration:none;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
}
#block-block-1{
    margin-top: 20px;
}
#block-block-1 .content{
    float: right;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 100;
}
#block-block-1 .content a{
    display: block;
    background: #832984;
    color: #fff;
    text-decoration: none;
    padding: 5px 10px;
    font-weight: 100;
}
#block-views-slide-block{
    height: 600px;
}
.views-field-field-slide-description{
    font-size: 3em;
    margin-top:  -300px;
    margin-left: 30px;
    color: #fff;
    font-weight: bold;
    width: 70%;
}
#zone-preface{
    padding-top: 60px;
}
#block-block-2 .block-title{
    font-size: 2em;
    font-family: 'Open Sans', sans-serif;
    color: #822a83;
}
#block-block-2 p{
    font-size: 3em;
    font-weight: 100;
}
#region-preface-second{
  width: 360px;
  float: right;  
}
#region-preface-first{
    width: 740px;
}
#zone-content-wrapper{
    padding-bottom: 15px;
    background-color: #EFF1F2;
}
/* Our causes */
.view-id-our_causes .view-content ul li,
#block-views-our-causes-block .view-content ul li{
    width: 276px;
    background: #fff;
    margin: 0;
    float: left;
    margin-right: 25px;
    height: 369px;
    margin-bottom: 20px;
    overflow: hidden;
}
.view-id-our_causes .views-row-4,
.view-id-our_causes .views-row-8,
.view-id-our_causes .views-row-12,
#block-views-our-causes-block .views-row-4,
#block-views-our-causes-block .views-row-8,
#block-views-our-causes-block .views-row-12{
    margin-right: 0px !important;
}
.view-id-our_causes .views-row img,
#block-views-our-causes-block .views-row img{
    width: 100%;
    height: auto;
}
.view-id-our_causes .views-field-title,
#block-views-our-causes-block .views-field-title{
    padding: 10px 20px;
    font-size: 1.5em;
    font-weight: bold;
}
.view-id-our_causes .views-field-title a,
#block-views-our-causes-block .views-field-title a{
    font-size: 1em;
    font-weight: bold;
    text-decoration:none;
}
.view-id-our_causes .views-field-body,
#block-views-our-causes-block .views-field-body{
    padding: 0 20px 20px;
    height: 106px;
    overflow:hidden;
    font-size: 1.1em;
    font-weight: 300;
}
#block-views-our-causes-block .block-title{
    text-align: center;
    font-size:2.5em;
    padding:20px;
}
.view-id-our_causes .views-more-link,
#block-views-our-causes-block .views-more-link{
    display: block;
    padding: 5px 0;
    text-decoration:none;
}
body.node-type-our-causes .field-name-field-cause-image img{
width: 100%;
height:auto;
margin-bottom: 20px;
}
#block-system-main{
    padding-bottom: 30px;
}
.field-type-text-with-summary{
    line-height: 1.6em;
    font-size: 1.2em
}

#zone-footer-wrapper{
    font-size: 14.5px;
    color: #d5d7d8;
    background: #262729;
    line-height: 28px;
    padding:30px;
}
#block-block-3 .block-title{
    text-align:center;
    padding: 30px 0 10px;
}