/* ------------------------------------------------ *
   Hero Map
* ------------------------------------------------- */

.field-name-body #map {
    text-align: center;
}

#tt_sm {
    max-width: 500px;
}

#tt_title_sm {
    display: none;
}

.hero-map-popup .hero-map-image {
    float: left;
    margin: 0 20px 0 0;
    width: 40%;
}

.hero-map-info {
    float: right;
    width: 50%;
}

.hero-map-popup h3 {
    margin: 0;
}

.hero-map-popup .hero-map-info h3 {
    margin: 5px 0;
}

.hero-map-info p {
    font-size: 14px;
    margin-bottom: 0;
    text-align: left;
}

/* ------------------------------------------------ *
   2016 updates - Heros
* ------------------------------------------------- */
/* Hero Wrapper Global Styles */
.heroesWrapper .fl {
  float: left;
}

.heroesWrapper .fr {
  float: right;
}

.clr {
  clear: both;
}

.heroesFull .container {
    max-width: 100%;
}

.heroesFull #columns {
    padding: 24px 0px 76px 0px;
}

.heroesFull #secondary-content-wrapper .container {
    width: 100%;
    max-width: 1260px;
}

/* message from Alex's parents */
.heroesFull .view-header {
  padding-bottom: 30px;
}

.heroesWrapper .btn,
.heroesFull .btn {
    color: white;
    padding: 8px 22px;
    font-size: 16px;
	font-weight: 700;
    text-transform: uppercase;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.heroesWrapper .btn:hover {
  color: white;
  background: #003595;
}

.heroesWrapper .btn.blue,
.heroesFull .btn.blue {
  background: #003595;
  display: inline-block;
  margin: 2px 0 2px 0;
}

.heroesWrapper .btn.blue:hover,
.heroesFull .btn.blue:hover {
	background: #3E58AA;
}

.heroesFull .btn.yellow {
    background: #FFE303;
    color: #003595;
}

.alex-hero-circle {
    margin: 0px !important;
}

.hero-leadIn-text {
    margin: 0px;
}

.not-front .view-heroes .hero-leadIn-text h2 {
	color: #222;
}

/* featured hero slider */
.heroesFull .view-featHeroSlider {
  background: url(/sites/all/themes/alsf_adaptive/images/bg-featHero-slider.jpg);
  background-size: cover;
  background-repeat: no-repeat;
    padding: 0px 20px;
    background-color: #003595;
    margin: 0 auto;
    position: relative;
}

.heroesFull .view-featHeroSlider .attachment.attachment-before {
    max-width: 1220px;
    margin: 0 auto;
}

.heroSliderHeader {
    color: #C9ECFA;
    float: left;
	font-family: 'Zilla Slab', serif;
    font-size: 20px;
    padding: 53px 0px 10px 0px;
    text-transform: uppercase;
    width: 50%;
}

.featHerosTitle {
    color: #FFE303;
    font-size: 45px;
	font-weight: 700;
}

.featHerosTitle a,
.featHerosReadMore a {
    color: #FFE303;
}

.featHerosTitle a:hover, 
.featHerosReadMore a:hover {
	color: #fff;
}

.featHerosReadMore a:after {
  content: "";
  padding-left: 5px;
  width: 8px;
  height: 12px;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
}

.featHerosReadMore {
    font-size: 16px;
	font-weight: 600;
    text-transform: uppercase;
}

.heroesWrapper .view-featHeroSlider .views-field.views-field-title {
    float: left;
    width: 50%;
    margin: 10px 0px;
}

.heroesWrapper .view-featHeroSlider .views-field.views-field-field-teaser {
    float: left;
    width: 50%;
    font-size: 16px;
    line-height: 130%;
    margin-bottom: 33px;
    color: white;
}

.heroesWrapper .view-featHeroSlider .views-field.views-field-title-1 {
    float: left;
    width: 50%;
    padding-bottom: 30px;
}

.heroesWrapper .view-featHeroSlider .views-slideshow-controls-bottom {
    float: left;
    bottom: 10%;
    position: absolute;
    z-index: 7;
}

.heroesWrapper .view-featHeroSlider .views-slideshow-controls-bottom > div > div {
    background: white;
    color: transparent;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    margin: 0px 4px;
    cursor: pointer;
}

.heroesWrapper .view-featHeroSlider .views-slideshow-controls-bottom > div > div.active {
    background: #FFE303;
}

.heroesWrapper .view-featHeroSlider .views-slideshow-controls-bottom .views-content-counter {
    color: transparent;
    font-size: 0px;
}

/* Hero Search */
.view-heroFilterWrapper {
    margin-top: 55px;
}

.view-heroFilterWrapper .view-filters {
    clear: both;
    background: rgba(255,223,0,0.25);
    padding: 23px 40px;
    display: none;
}

.view-heroSearchToggle {
    background: #FFE303;
    padding: 25px 35px;
    cursor: pointer;
}

.view-heroFilterWrapper hr {
    border: none;
    border-top: 1px solid #f2c804;
    display: block;
    width: 100%;
    clear: both;
    margin: 0px;
}

.view-heroSearchToggle h6 {
    margin: 0px;
    font-size: 16px !important;
    color: #003595;
}

/*
.view-heroSearchToggle h6:after {
  content: "";
  width: 16px;
  height: 10px;
    margin: 3px 0px 0px 7px;
    display: inline-block;
}

.view-heroSearchToggle.open h6:after {
}
*/

.view-heroFilterWrapper .view-filters label {
    color: #008BA7;
    font-size: 15px;
    margin-bottom: 2px;
}

.view-heroFilterWrapper .view-filters input.form-submit {
	font-family: 'Source Sans Pro', sans-serif;
    padding: 4px 19px;
}

.view-heroes .views-exposed-form {
  background: transparent;
}

.view-heroes .views-exposed-form input[type="text"],
.view-heroes .views-exposed-form select {
  width: 90% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 30px !important;
}

/* hero grid */
.heroesWrapper .view-heroesBottom {
  /*background: url(/sites/all/themes/alsf_adaptive/images/bg-heroes-bottom.jpg);*/
  background-size: 100% auto;
    background-position: top center;
    background-repeat: no-repeat;
}

.view-heroesBottom .view-content {
    padding-top: 40px;
}

#view-hero-field-image-wrapper {
    position: relative;
    text-align: center;
}

.view-hero-desc {
    position: absolute;
    width: 100%;
    color: #222;
    font-size: 18px;
    text-align: center;
    line-height: 130%;
    display: none;
    z-index: 1;
}

.view-hero-desc .inner {
    max-width: 80%;
    margin: 0 auto;
}

.view-hero-desc a {
  color: #003595;
  font-size: 17px;
	font-weight: 700;
  cursor: pointer;
    padding-top: 3px;
    display: block;
}

#content .view-heroesBottom.view-content table.views-view-grid td,
#content .view-heroesBottom.view-content table.views-view-grid td:first-child {
    padding: 20px 0px;
    border: none;
    max-width: 23%;
    display: inline-block;
    margin: 0 1%;
}

.view-heroesBottom .view-content .views-field.views-field-title {
    text-align: center;
    color: #003595;
    font-size: 18px;
	font-weight: 700;
    padding-top: 10px;
}

.view-heroesBottom .view-content tbody tr {
    border-top: none;
}

#view-hero-field-image-wrapper:hover .view-hero-desc {
    display: block;
}

.view-highlightWrapper {
    display: none;
}

#view-hero-field-image-wrapper:hover .view-highlightWrapper {
    display: block;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1;
}

.heroesWrapper .field-content.views-heroes-teaser-hidden {
    display: none;
}

.relatedHeroes .field-content.views-heroes-teaser-hidden {
    display: none;
}

.heroesWrapper h2.large {
  color: #00839F;
  font-size: 2.5em;
  margin: 8px 0px;
}

.view-heroImg-link-replacement {
  display: block;
}

#views_slideshow_cycle_teaser_section_heroes-attachment_1 {
    width: 100% !important;
}

.view-heroesBottom .view-empty {
	font-weight: 700;
    text-align: center;
    padding: 50px 0px;
}

.heroesFull ul.pager.pager-load-more a {
    color: white;
    padding: 8px 22px;
    font-size: 16px;
	font-weight: 700;
    text-transform: uppercase;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #3E58AA;
}

.heroesFull ul.pager.pager-load-more a:hover {
    background: #003595;
}

/* hero detail */
h1#page-title {

}

.hero_attributes {
    margin-bottom: 35px;
    float: left;
}

.hero_attributes ul {
    margin: 0px;
    padding: 0px;
}

#block-system-main .hero_attributes ul li {
    color: #868686;
    display: inline-block;
    font-size: 16px;
	font-weight: 700;
    padding-right: 8px;
    margin-right: 8px;
    border-right: solid 1px #E3E3E3;
}

.hero_attributes ul li:last-of-type {
    border-right: none;
}

.hero-btnGroup {
    float: right;
}

.hero-topInfo .hero-btnGroup {
    margin-top: -50px;
}

.hero-btnGroup .btn:first-of-type {
    margin-right: 8px;
}

.hero-topInfo .field-name-sharethis-widget {
    float: right;
    margin: -20px 0px 0px 0px;
    height: 75px;
}

.heroPhotoGallery {
    float: left;
    max-width: 530px;
    background: url(/sites/all/themes/alsf_adaptive/images/bg-hero-detail.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px 30px 17px 30px;
    margin-right: 3%;
    margin-bottom: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mainPhoto {
    margin: 0 0 11px 0;
    max-height: 389px;
    overflow: hidden;
}

.photoThumb {
    width: 22.5%;
    float: left;
    margin-right: 3%;
    max-height: 88px;
    overflow: hidden;
    cursor: pointer;
}

.extra4 {
    margin-right: 0px;
}

.galleryInfo {
    margin: 7px 0px 0px 0px;
    text-align: center;
    color: #686868;
}

.callout {
    color: #3E58AA;
	font-family: 'Zilla Slab', serif;
    font-size: 25px;
}

.node-type-hero .node {
	margin: 0;
}

.node-type-hero .callout {
	background: none;
	border: none;
	padding: 0;
}

.heroStoryWrapper a.btn.yellow {
    margin-bottom: 30px;
}

#block-views-heroes-block-2 {
  background: url(/sites/all/themes/alsf_adaptive/images/bg-related-heroes.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#block-views-heroes-block-2 h2.block-title {
    display:none;
}

.view-donate {
    background: #FAF822;
    text-align: center;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.view-donate h2 {
    font-size: 50px;
}

.view-donate h2 .light {
    color: #437ED6;
	font-weight: 500;
}

.view-donate h2 .light:hover,
.view-donate h2:hover {
	color: #003595;
}

.relatedHeroes td {
    width: 25%;
}

.relatedHeroes .views-field-title a {
    color: white;
	font-weight: 700;
    font-size: 18px;
    display: block;
    margin-top: 5px;
}

.view-relatedHero-info {
    padding-bottom: 30px;
}

h2.relatedHeroHeader {
    color: #FFE303 !important;
    font-size: 45px;
    max-width: 50%;
    margin: 0px !important;
    line-height: 100%;
}

.relatedHeroes .view-heroesBottom .view-content {
  padding-top: 0px;
}

.heroBottomBlocks {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    width: 95%;
    font-size: 16px;
    line-height: 130%;
    margin-top: 40px;
}

.heroBottomBlocks h5 {
    color: #00839F;
    font-size: 21px;
    font-family: 'Zilla Slab', serif;
    margin: 0px 0px 7px 0px;
    line-height: 110%;
}

.heroBottomBlocks .infoBlock {
    width: 48%;
    margin: 0px;
}

.heroBottomBlocks .infoBlock img {
    margin: 0 2% 0 0;
    max-width: 61%;
}

.heroBottomBlocks .infoBlock > div {
    max-width: 37%;
    margin: 0px;
}

.heroBottomBlocks p {
    margin-bottom: 8px;
    line-height: 120%;
}

.heroBottomBlocks a,
.heroBottomBlocks a:hover {
  color: #0B648C;
}

/* submit your hero */
input#edit-submitted-hero-information-hero-image-upload-upload-button,
input#edit-submitted-hero-information-hero-image-upload-3-upload-button,
input#edit-submitted-hero-information-hero-image-upload-4-upload-button,
input#edit-submitted-hero-information-hero-image-upload-2-upload-button {
    display: none;
}

label[for="edit-submitted-hero-information-hero-image-upload-upload"] {
    padding-bottom: 8px;
}

/* additions to heroes detail page */
.heroStoryWrapper {
  margin-bottom: 30px;
}

.heroLearnMore {
    float: left;
    max-width: 530px;
    clear: left;
    margin: 0px 30px 15px 0px;
}

.heroLearnMoreInner {
    border: solid 3px #3E58AA;
    padding: 20px 55px;
    text-align: center;
}

.heroLearnMore h5 {
    color: #3E58AA;
    font-size: 35px;
    margin: 0px 0px 5px 0px;
    line-height: 110%;
}

.heroLearnMore h5 strong {
	font-weight: 900;
    text-transform: uppercase;
    word-wrap: normal;
}

.heroLearnMore p {
    margin-bottom: 7px;
}

.heroLearnMore a.researchTypeLink {
    font-size: 16px;
}

.heroLearnMore a.researchTypeLink:hover {
	text-decoration: underline;
}

#block-sharethis-sharethis-block .block-inner {
	margin: 0 0 40px;
}

#block-sharethis-sharethis-block .sharethis-wrapper {
	margin: 0;
}

/* ------------------------------------------------ *
   Responsive settings
* ------------------------------------------------- */
/* large and medium desktop screens only */
@media only screen and (min-width: 1250px) {
  .section-heroes #block-sharethis-sharethis-block,
	.heroesFull header#main-content-header,
    .heroesFull .view-heroFilterWrapper,
    .heroesFull .view-header,
    .heroesFull .view-heroesBottom .view-content,
    .heroesFull #block-crumbs-breadcrumb,
    .heroesFull .relatedHeroes,
    .heroStoryWrapper, .hero_attributes,
    .hero-topInfo {
        max-width: 1220px;
        margin-left: auto;
        margin-right: auto;
    }
    .heroesFull .view-header {
        background-repeat: no-repeat;
        background-position: bottom right 125px;
    }
    .alex-hero-circle {
        max-width: 29%;
        margin: -25px 0px 0px 0px!important;
    }
    .hero-leadIn-text {
        max-width: 71%;
    }
    .heroesWrapper .view-featHeroSlider .views-field.views-field-field-image {
        float: left;
        margin-right: 4%;
        max-width: 46%;
    }
    .view-heroFilterWrapper .views-exposed-form .views-exposed-widget {
        padding: .5em 0 0 0;
        width: 27%;
    }
    .view-heroFilterWrapper .views-exposed-form .views-exposed-widget:nth-of-type(4) {
        clear: left;
    }
    .heroesWrapper .view-featHeroSlider .views-slideshow-controls-bottom {
        margin-left: 516px;
    }
    .view-hero-desc {
        top: 36%;
    }
    .view-donate {
        padding: 10px 0px 25px 0px;
    }
    #block-views-heroes-block-2 {
        padding: 60px 45px;
    }
    #content .heroesWrapper .view-heroesBottom table.views-view-grid td {
        max-width: 25%;
        display: block;
        float: left;
        padding: 0 3% 50px 0;
    }
    #content .heroesWrapper table.views-view-grid td.col-last {
        padding: 0 0 30px 0 !important;
    }
    .relatedHeroes td {
        max-width: 23.5%;
        display: block;
        float: left;
        padding: 0 2% 30px 0 !important;
    }
    .relatedHeroes td.col-last {
        padding: 0 0 30px 0 !important;
    }
    .heroesFull .view-featHeroSlider {
        height: 389px;
    }
}

/* for meet our heroes' rollovers */
@media only screen and (max-width: 1249px) and (min-width: 1045px) {
    .view-hero-desc {
        top: 25%;
    }
}
@media only screen and (max-width: 1044px) {
    .view-hero-desc, .view-highlightWrapper {
        display: none !important;
    }
}
/* end heroes' rollovers */

/* small desktop and tablet */
@media only screen and (max-width: 1249px) and (min-width: 769px) {
  .section-heroes #block-sharethis-sharethis-block,
	.heroesFull header#main-content-header,
    .heroesFull .view-heroFilterWrapper,
    .heroesFull .view-header,
    .heroesFull .view-heroesBottom .view-content,
    .heroesFull #block-crumbs-breadcrumb,
    .heroesFull .relatedHeroes,
    .heroStoryWrapper, .hero_attributes,
    .hero-topInfo {
        max-width: 95%;
        margin-left: auto;
        margin-right: auto;
    }
    .heroesFull .view-header {
        background-repeat: no-repeat;
        background-position: bottom right;
    }
    .alex-hero-circle {
        max-width: 34%;
    }
    .hero-leadIn-text {
        max-width: 65%;
    }
    .heroSliderHeader {
        padding-top: 4%;
    }
    .heroesWrapper .view-featHeroSlider .views-field.views-field-field-image {
        float: left;
        margin-right: 4%;
        max-width: 46%;
    }
    .heroesWrapper .view-featHeroSlider .views-field.views-field-field-teaser {
        margin-bottom: 13px;
    }
    .heroesWrapper .view-featHeroSlider .views-slideshow-controls-bottom {
        margin-left: 47%;
        bottom: 15px
    }
    .view-donate {
        padding: 10px 20px 25px 20px;
    }
    #block-views-heroes-block-2 {
        padding: 60px 0px;
    }
    .heroBottomBlocks .infoBlock img {
        margin: 0 0 2% 0;
        max-width: 100%;
    }
    .heroBottomBlocks .infoBlock > div {
        max-width: 100%;
        margin: 0px;
    }
    .view-heroFilterWrapper .views-exposed-form .views-exposed-widget:nth-of-type(3),
    .view-heroFilterWrapper .views-exposed-form .views-exposed-widget:nth-of-type(5) {
        clear: left;
    }
    .view-heroFilterWrapper .views-exposed-form .views-exposed-widget {
        padding: .5em 2% 0 0;
        width: 33%;
    }
    .view-heroFilterWrapper .views-exposed-widget.views-submit-button {
        padding: 10px 11px 0 0;
    }
    .view-heroFilterWrapper .views-exposed-widget.views-reset-button {
        padding: 10px 0 0 0;
    }
    #content .heroesWrapper .view-heroesBottom table.views-view-grid td {
        max-width: 23%;
        display: block;
        float: left;
        padding: 0 2% 30px 0;
    }
    #content .heroesWrapper table.views-view-grid td.col-last {
        padding: 0 0 30px 0 !important;
    }
    .relatedHeroes td {
        max-width: 23%;
        display: block;
        float: left;
        padding: 0 2% 30px 0 !important;
    }
    .relatedHeroes td.col-last {
        padding: 0 0 30px 0 !important;
    }
}

/* buttons and share on hereo's detail */
@media only screen and (min-width: 1024px) {
    .btnShareBottom {
        display: none;
    }
}
@media only screen and (max-width: 1023px) {
    .heroStoryWrapper a.btn.yellow, .btnShareTop {
        display: none;
    }
    .btnShareBottom, .heroStoryWrapper .btnShareBottom a.btn.yellow {
        display: inline-block;
        margin-bottom: 0px;
    }
    .btnShareBottom {
        float: right;
        clear: right;
    }
}
/* end buttons and share on hereo's detail */

/* anything larger than phones */
@media only screen and (min-width: 769px) {
    .desktopOnly {
        display: block !important;
    }
    .mobileOnly {
        display: none !important;
    }
    .heroesWrapper h2.large {
        font-size: 30px;
    }
    .view-relatedHero-info .btn {
        margin-top: 7px;
    }
    .view-heroes .views-exposed-form {
        padding: 5px 0px;
    }
    .view-heroFilterWrapper .views-exposed-form .views-exposed-widget select#edit-field-treatment-type-tid {
        width: 266px;
    }
    .view-heroFilterWrapper .views-exposed-widget.views-submit-button {
        padding: 10px 11px 0 0;
        width: auto !important;
    }
    .view-heroFilterWrapper .views-exposed-widget.views-reset-button {
        padding: 10px 0 0 0;
        width: auto !important;
    }
}

@media only screen and (max-width: 900px) {
    .signOut {
        max-width: 360px;
        margin: 0 auto;
    }
}

/* phones */
@media only screen and (max-width: 768px)  {
    .desktopOnly {
        display: none !important;
    }
    .mobileOnly {
        display: block !important;
    }
	.section-heroes #block-sharethis-sharethis-block,
    .heroesFull header#main-content-header,
    .heroesFull .view-heroFilterWrapper,
    .heroesFull .view-header,
    .heroesFull .view-heroesBottom .view-content,
    .heroesFull #block-crumbs-breadcrumb,
    .heroesFull .relatedHeroes,
    .heroStoryWrapper, .hero_attributes,
    .hero-topInfo {
        max-width: 95%;
        margin-left: auto;
        margin-right: auto;
    }
    .alex-hero-circle {
        display: none;
    }
    .hero-leadIn-text {
        max-width: 100%;
        text-align: left !important;
    }
    .hero-leadIn-text p {
        margin-bottom: 8px;
    }
    .heroReadMore {
        color: #126B94;
        margin-bottom: 25px;
        font-weight: 700;
        cursor: pointer;
    }
    .heroReadMore:after {
        content: url('/sites/all/themes/alsf_adaptive/images/blueToggleDown.png');
        padding-left: 5px;
    }
    .heroReadMore.open:after {
        content: url('/sites/all/themes/alsf_adaptive/images/blueToggleUp.png');
        padding-left: 5px;
    }
    .heroSliderHeader,
    .heroesWrapper .view-featHeroSlider .views-field.views-field-title,
    .heroesWrapper .view-featHeroSlider .views-field.views-field-title-1 {
        width: 100%;
        padding: 10px 0px;
    }
    .heroesWrapper .view-featHeroSlider .views-field.views-field-field-teaser {
        display: none !important;
    }
    .heroSliderHeader {
        padding: 20px 0px 10px 0px;
    }
    .heroesWrapper .view-featHeroSlider .views-slideshow-controls-bottom {
        bottom: 15px;
        right: 5%;
    }
    .views-slideshow-cycle-main-frame-row {
        width: 100%;
    }
    .views-field.views-field-field-image {
        display: block;
        width: 100%;
        text-align: center;
    }
    .heroesWrapper .btn.blue {
        max-width: 255px !important;
        margin: 3px auto;
        display: block;
        text-align: center;
    }
    #content table.views-view-grid td:first-child,
    #content table.views-view-grid td,
    #content table.views-view-grid td.col-last {
        font-size: 14px;
        padding: 0px 0px 20px 0px !important;
        width: 48%;
        display: block;
        float: left;
    }
    .view-heroesBottom .view-content .views-field.views-field-title {
        min-height: 50px;
    }
    #content table.views-view-grid td:nth-of-type(even) {
        float: right;
    }

	.not-front #content .heroesWrapper h2.large {
		font-size: 32px;
		margin: 0 0 10px;
	}
	
    .view-heroes .views-exposed-form {
        padding: 5px 20px;
    }
    .view-heroSearchToggle {
        padding: 10px 15px;
        max-width: 30%;
    }
    .view-heroFilterWrapper .view-filters {
        padding: 0px;
    }
    .view-heroFilterWrapper .views-exposed-form .views-exposed-widget {
        padding: .5em 0 0 0;
        width: 100%;
    }
    .view-heroFilterWrapper .views-exposed-widget.views-submit-button,
    .view-heroFilterWrapper .views-exposed-widget.views-reset-button {
        padding: 10px 11px 0 0;
        width: auto !important;
    }
    .view-heroFilterWrapper .views-exposed-form .views-exposed-widget input[type="text"],
    .view-heroFilterWrapper .views-exposed-form .views-exposed-widget select {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .view-heroes .views-exposed-form input[type="text"], .view-heroes .views-exposed-form select {
        font-size: 17px;
        padding: 0px 7px;
    }
    .node-hero .field.field-name-dynamic-field {
        background-size: cover;
    }
    .heroesFull .relatedHeroes {
        padding: 20px 0px;
    }
    h2.relatedHeroHeader {
        font-size: 38px !important;
        text-align: left;
        max-width: 100%;
    }
    .view-relatedHero-info .btn {
        margin-top: 17px !important;
    }
    .view-donate {
        padding: 10px 20px 25px 20px;
    }
    .view-donate h2 {
        font-size: 40px !important;
        line-height: 95%;
    }
    .view-donate h2:after {
        vertical-align: bottom;
    }
    .view-donate p {
        line-height: 125%;
        margin-top: 15px;
    }
    .heroBottomBlocks {
        max-width: 387px;
        padding-top: 35px;
    }
    .heroBottomBlocks * {
        text-align: left;
    }
    .heroBottomBlocks .infoBlock {
        width: 100%;
        margin: 0px 0px 30px 0px !important;
    }
    .heroBottomBlocks .infoBlock img {
        margin: 0 0 2% 0;
        max-width: 100%;
    }
    .heroBottomBlocks .infoBlock > div {
        max-width: 100%;
        margin: 0px;
    }
    .heroBottomBlocks a {
        float: left;
    }
    .heroPhotoGallery {
        float: none;
        margin: 0px 0px 25px 0px;
    }
    .btnShareBottom {
        float: none;
        display: block;
        margin: 0 auto;
        max-width: 290px;
    }
    .hero-btnGroup {
        float: none;
        margin-bottom: 25px;
    }
    .btnShareBottom .field-name-sharethis-widget {
        text-align: center;
    }
    .footer-enews h2, .footer-enews p {
        text-align: center;
    }
    .footer-enews h2:before {
        position: relative;
        left: -5px;
        margin-top: 1px;
    }
    .signOut > p {
        margin: 10px auto 20px auto !important;
        float: none !important;
    }
    .footer-enews input#newsletter_email {
        font-size: 17px;
    }
    .heroLearnMore {
        margin: 0px 0px 15px 0px;
        float: none;
    }
    .heroLearnMoreInner {
        padding: 20px 10px;
    }
    .heroLearnMore h5 {
        font-size: 25px;
        font-size: 100%;
    }
    .heroLearnMore p {
        line-height: 120%;
    }
}

@media screen and (max-width:640px) {
	.featHerosTitle {
		font-size: 32px;
	}
	
	.heroesWrapper .view-featHeroSlider .views-field.views-field-title {
		margin: 0 0 10px;
	}
	
	.view-heroFilterWrapper {
		margin-top: 25px;
	}
	
	.heroesWrapper .fr {
		clear: left;
		float: none;
		max-width: 50%;
	}
}