@charset "UTF-8";
/*ACTON FG THEME*/
/*Basics*/
/*Fonts*/
@import url("https://fonts.googleapis.com/css?family=Encode+Sans+Condensed:400,500");
@import url("https://fonts.googleapis.com/css?family=Encode+Sans:300,400,500,600,700,800");
@import url("https://fonts.googleapis.com/css?family=Zilla+Slab:400,500,600");
@import url("https://fonts.googleapis.com/css?family=Zilla+Slab:400i,500i");
.page-user #fullwidth-middle.fullwidth .container {
  max-width: 1100px;
  /*was 1200*/
  margin: 0 auto; }
  @media (min-width: 901px) and (max-width: 1300px) {
    .page-user #fullwidth-middle.fullwidth .container {
      max-width: calc(100% - 160px);
      margin: 0 auto; } }
  @media (min-width: 481px) and (max-width: 900px) {
    .page-user #fullwidth-middle.fullwidth .container {
      max-width: calc(100% - 80px);
      margin: 0 auto; } }
  @media (max-width: 480px) {
    .page-user #fullwidth-middle.fullwidth .container {
      max-width: calc(100% - 80px);
      margin: 0 auto; } }

.domain-sunlightgiving-com .community {
  max-width: 1100px;
  /*was 1200*/
  margin: 0 auto; }
  @media (min-width: 901px) and (max-width: 1300px) {
    .domain-sunlightgiving-com .community {
      max-width: calc(100% - 160px);
      margin: 0 auto; } }
  @media (min-width: 481px) and (max-width: 900px) {
    .domain-sunlightgiving-com .community {
      max-width: calc(100% - 80px);
      margin: 0 auto; } }
  @media (max-width: 480px) {
    .domain-sunlightgiving-com .community {
      max-width: calc(100% - 80px);
      margin: 0 auto; } }
  .domain-sunlightgiving-com .community__title {
    color: #888d9d;
    background-color: transparent;
    font-size: 28px;
    width: 100%;
    margin-bottom: 10px;
    display: inline-block; }
    .domain-sunlightgiving-com .community__title::before {
      font-family: "FontAwesome";
      content: "\f192 ";
      color: #888d9d;
      display: inline-block;
      margin-right: 10px; }
    .domain-sunlightgiving-com .community__title h2 {
      color: #888d9d;
      background-color: transparent; }
  .domain-sunlightgiving-com .community__stats__label {
    font-family: "Encode Sans Condensed", sans-serif;
    color: #f69679;
    font-size: 0.8em;
    font-weight: 700;
    text-transform: uppercase; }
  .domain-sunlightgiving-com .community__stats__stat {
    font-family: "Zilla Slab", serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
    line-height: 20px;
    margin-bottom: 10px; }
  .domain-sunlightgiving-com .community__stats__link {
    margin-top: 40px;
    padding: 10px 20px;
    border-radius: 40px;
    border: 1px solid #5db8c5;
    display: inline; }
    .domain-sunlightgiving-com .community__stats__link a {
      color: #5db8c5; }
    .domain-sunlightgiving-com .community__stats__link:hover {
      background-color: #468a94;
      border: 1px solid #468a94; }
      .domain-sunlightgiving-com .community__stats__link:hover a {
        color: #fff; }
.domain-sunlightgiving-com .community {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between; }
  @media (min-width: 481px) and (max-width: 900px) {
    .domain-sunlightgiving-com .community {
      flex-wrap: wrap;
      justify-content: space-around; } }
  @media (max-width: 480px) {
    .domain-sunlightgiving-com .community {
      flex-wrap: wrap;
      justify-content: space-around; } }
  .domain-sunlightgiving-com .community svg {
    width: 40%;
    margin-left: 40px; }
    @media (min-width: 481px) and (max-width: 900px) {
      .domain-sunlightgiving-com .community svg {
        margin-left: 20px; } }
    @media (max-width: 480px) {
      .domain-sunlightgiving-com .community svg {
        width: calc(100% - 40px);
        margin: 0 auto; } }
  .domain-sunlightgiving-com .community .view-content {
    width: 40%;
    height: 400px;
    position: relative;
    padding-top: 0;
    margin-left: 60px; }
    @media (min-width: 481px) and (max-width: 900px) {
      .domain-sunlightgiving-com .community .view-content {
        margin-left: 40px; } }
    @media (max-width: 480px) {
      .domain-sunlightgiving-com .community .view-content {
        width: calc(100% - 40px);
        margin: 0 auto; } }
    .domain-sunlightgiving-com .community .view-content .community__stats {
      position: absolute;
      top: 0;
      left: 0; }

#data26,
#data28,
#data35,
#data22,
#data33,
#data25,
#data30,
#data32,
#data21,
#data31 {
  display: none; }

.grant {
  /*
  &__desc {
  width: 74%;
  }
  
  &__year {
  width: 12%;
  }
  
  &__amount {
  width: 12%;
  }
  */ }
  @media (max-width: 480px) {
    .grant__label {
      text-transform: uppercase;
      font-weight: 700;
      font-size: 13px !important; } }
  .grant--individual {
    max-width: 1100px;
    /*was 1200*/
    margin: 0 auto; }
    @media (min-width: 901px) and (max-width: 1300px) {
      .grant--individual {
        max-width: calc(100% - 160px);
        margin: 0 auto; } }
    @media (min-width: 481px) and (max-width: 900px) {
      .grant--individual {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }
    @media (max-width: 480px) {
      .grant--individual {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }

.grantee {
  max-width: 1100px;
  /*was 1200*/
  margin: 0 auto;
  min-height: 240px;
  padding-top: 30px;
  border-top: 1px solid #ccc;
  display: flex;
  flex-wrap: wrap; }
  @media (min-width: 901px) and (max-width: 1300px) {
    .grantee {
      max-width: calc(100% - 160px);
      margin: 0 auto; } }
  @media (min-width: 481px) and (max-width: 900px) {
    .grantee {
      max-width: calc(100% - 80px);
      margin: 0 auto; } }
  @media (max-width: 480px) {
    .grantee {
      max-width: calc(100% - 80px);
      margin: 0 auto; } }
  .grantee:first-child {
    border-top: 2px solid #ccc; }
    @media (min-width: 481px) and (max-width: 900px) {
      .grantee:first-child {
        border-top: none; } }
    @media (max-width: 480px) {
      .grantee:first-child {
        border-top: none; } }
  .grantee__disclaimer {
    font-weight: 300;
    font-size: 14px;
    line-height: 1.3em; }
  .grantee__logo {
    width: 15%; }
    @media (min-width: 481px) and (max-width: 900px) {
      .grantee__logo {
        width: 100%;
        text-align: center;
        margin-bottom: 40px; } }
    @media (max-width: 480px) {
      .grantee__logo {
        width: 100%;
        text-align: center;
        margin-bottom: 40px; } }
  .grantee__organization__wrapper {
    width: 50%; }
    @media (min-width: 481px) and (max-width: 900px) {
      .grantee__organization__wrapper {
        width: 100%; } }
    @media (max-width: 480px) {
      .grantee__organization__wrapper {
        width: 100%; } }
  .grantee__organization {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 20px; }
    .grantee__organization a {
      color: #5db8c5; }
      .grantee__organization a:hover {
        color: #ffeb66; }
  .grantee__desc {
    font-family: "Encode Sans Condensed", sans-serif;
    font-size: 18px;
    line-height: 22px; }
  .grantee__info {
    width: 15%;
    text-align: center; }
    .grantee__info .fa {
      font-size: 2em;
      color: #5db8c5; }
      .grantee__info .fa:hover {
        color: #ffeb66; }
    .grantee__info a.icon:link .fa {
      transform: rotateX(0deg); }
    .grantee__info a.icon.collapsed .fa {
      transform: rotateX(0deg);
      transform-origin: 50% 50%;
      transition: all 1.0s linear; }
    .grantee__info a.icon:not(.collapsed) .fa {
      transform: rotateX(180deg);
      transition: all 1.0s linear;
      transform-origin: 50% 50%; }
    @media (min-width: 481px) and (max-width: 900px) {
      .grantee__info {
        width: 100%; } }
    @media (max-width: 480px) {
      .grantee__info {
        width: 100%; } }
  .grantee__givingarea {
    width: 20%;
    color: #5db8c5;
    font-family: "Encode Sans Condensed", sans-serif;
    font-size: 18px;
    line-height: 22px;
    font-weight: 300; }
    @media (min-width: 481px) and (max-width: 900px) {
      .grantee__givingarea {
        width: 100%;
        margin-bottom: 40px;
        text-align: center; } }
    @media (max-width: 480px) {
      .grantee__givingarea {
        width: 100%;
        margin-bottom: 40px;
        text-align: center; } }
  .grantee__details {
    width: 100%;
    /* Margins and spacing for grantee details in table */ }
    @media (min-width: 481px) and (max-width: 900px) {
      .grantee__details {
        width: 100%; } }
    @media (max-width: 480px) {
      .grantee__details {
        width: 100%; } }
    .grantee__details p {
      line-height: 1.3em;
      margin: 0; }
  .grantee__download {
    width: 100%;
    background-color: #efefef;
    height: 100px; }
    .grantee__download__inner {
      max-width: 1100px;
      /*was 1200*/
      margin: 0 auto;
      font-size: 18px;
      font-weight: 700;
      vertical-align: middle;
      margin-top: 10px; }
      @media (min-width: 901px) and (max-width: 1300px) {
        .grantee__download__inner {
          max-width: calc(100% - 160px);
          margin: 0 auto; } }
      @media (min-width: 481px) and (max-width: 900px) {
        .grantee__download__inner {
          max-width: calc(100% - 80px);
          margin: 0 auto; } }
      @media (max-width: 480px) {
        .grantee__download__inner {
          max-width: calc(100% - 80px);
          margin: 0 auto; } }
      .grantee__download__inner a:hover {
        color: #3f7c85; }
      @media (min-width: 481px) and (max-width: 900px) {
        .grantee__download__inner {
          text-align: center; } }
      @media (max-width: 480px) {
        .grantee__download__inner {
          font-size: 14px;
          text-align: center; } }
    .grantee__download .fa {
      color: #888d9d; }
    .grantee__download a {
      color: #5db8c5;
      font-family: "Encode Sans Condensed", sans-serif;
      text-transform: uppercase; }
    @media (min-width: 481px) and (max-width: 900px) {
      .grantee__download {
        height: 140px; } }
    @media (max-width: 480px) {
      .grantee__download {
        height: 160px; } }

.grantee__header {
  padding-top: 40px;
  font-weight: 700;
  font-size: 20px !important;
  line-height: 30px !important;
  display: flex;
  max-width: 1100px;
  /*was 1200*/
  margin: 0 auto;
  width: 100%; }
  @media (min-width: 901px) and (max-width: 1300px) {
    .grantee__header {
      max-width: calc(100% - 160px);
      margin: 0 auto; } }
  @media (min-width: 481px) and (max-width: 900px) {
    .grantee__header {
      max-width: calc(100% - 80px);
      margin: 0 auto; } }
  @media (max-width: 480px) {
    .grantee__header {
      max-width: calc(100% - 80px);
      margin: 0 auto; } }
  @media (min-width: 481px) and (max-width: 900px) {
    .grantee__header {
      display: none; } }
  @media (max-width: 480px) {
    .grantee__header {
      display: none; } }
  .grantee__header .grantee__givingarea {
    color: #888d9d;
    font-weight: 700;
    font-size: 20px !important;
    line-height: 30px !important; }

.domain-actonfamilygiving-org a svg.svg-inline--fa.fa-arrow-circle-down.fa-w-16 {
  font-size: 2em;
  transition: all 1s linear;
  -webkit-transition: all 1s linear; }
.domain-actonfamilygiving-org a:not(.collapsed) svg.svg-inline--fa.fa-arrow-circle-down.fa-w-16 {
  color: #5db8c5;
  transform: rotateX(180deg); }

.view-simple-grants-list-by-grantee table {
  font-family: "Encode Sans Condensed", sans-serif;
  font-size: 18px;
  line-height: 22px; }
  @media (max-width: 480px) {
    .view-simple-grants-list-by-grantee table {
      font-family: "Encode Sans Condensed", sans-serif;
      font-size: 15px; } }
  .view-simple-grants-list-by-grantee table td.views-field-field-program-area {
    width: 14%; }
  .view-simple-grants-list-by-grantee table td.grant__amount {
    width: 9%; }
  .view-simple-grants-list-by-grantee table td.grant__year {
    width: 7%; }
  .view-simple-grants-list-by-grantee table td.grant__purpose {
    width: 70%;
    padding-right: 40px; }
  .view-simple-grants-list-by-grantee table tr.views-row-last {
    border-bottom: none; }

/*TOP MATTER, from Findings*/
.view-grants-by-grantees {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around; }

/*FILTER LINKS*/
#views-exposed-form-grants-by-grantees-page .views-exposed-form {
  background-color: #7dc6d1; }

#views-exposed-form-grants-by-grantees-page {
  width: 100%;
  background-color: #7dc6d1;
  padding-top: 20px;
  padding-bottom: 20px; }

/*UNUSED SEARCH*/
#views-exposed-form-grants-by-grantees-page-mefibs-form-search {
  font-family: "Zilla Slab", serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 40px;
  background-color: #5db8c5;
  width: calc(50% - 80px);
  font-weight: normal;
  padding-right: 80px;
  height: 100px;
  color: #FFF; }
  @media (min-width: 481px) and (max-width: 900px) {
    #views-exposed-form-grants-by-grantees-page-mefibs-form-search {
      width: 100%;
      padding-left: 0;
      padding-right: 0; } }
  @media (max-width: 480px) {
    #views-exposed-form-grants-by-grantees-page-mefibs-form-search {
      width: 100%;
      padding-left: 0;
      padding-right: 0; } }
  #views-exposed-form-grants-by-grantees-page-mefibs-form-search #edit-mefibs-form-search-keys-wrapper {
    height: 100px;
    line-height: 100px;
    text-align: right; }
    @media (min-width: 481px) and (max-width: 900px) {
      #views-exposed-form-grants-by-grantees-page-mefibs-form-search #edit-mefibs-form-search-keys-wrapper {
        text-align: center; } }
    @media (max-width: 480px) {
      #views-exposed-form-grants-by-grantees-page-mefibs-form-search #edit-mefibs-form-search-keys-wrapper {
        text-align: center; } }
    #views-exposed-form-grants-by-grantees-page-mefibs-form-search #edit-mefibs-form-search-keys-wrapper .compact-form-label {
      position: relative;
      line-height: 100px;
      z-index: 1;
      padding-right: 10px; }
      #views-exposed-form-grants-by-grantees-page-mefibs-form-search #edit-mefibs-form-search-keys-wrapper .compact-form-label:after {
        content: "\f002";
        font-family: "FontAwesome"; }
  #views-exposed-form-grants-by-grantees-page-mefibs-form-search .views-exposed-form label {
    font-weight: normal; }
  @media (max-width: 480px) {
    #views-exposed-form-grants-by-grantees-page-mefibs-form-search {
      width: 100vw; } }
  #views-exposed-form-grants-by-grantees-page-mefibs-form-search input[type="text"] {
    background-color: #5db8c5;
    border: none;
    color: #FFF;
    font-family: "Zilla Slab", serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
    line-height: 100px;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none; }

table {
  width: 100%; }

th {
  background-color: transparent;
  border: none;
  border-bottom: 2px solid #888d9d;
  padding: 0; }

tr {
  border: none;
  padding: 0; }

td {
  border: none;
  padding: 0.1em; }

.text__text table {
  border-color: white;
  width: 100%; }
.text__text tbody {
  border: 0; }
.text__text tr:first-child {
  border-bottom: 2px solid #ffe000;
  padding-bottom: 2px;
  padding-top: 0; }
.text__text tr {
  width: 100%;
  border-right: 0;
  border-left: 0;
  border-bottom: 1px solid #888d9d;
  padding-top: 2px;
  padding-bottom: 2px; }
.text__text th {
  font-family: "Zilla Slab", serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 40px;
  color: #5db8c5;
  text-align: left; }
.text__text th.rtecenter {
  text-align: right; }
.text__text td {
  text-align: right; }

.page-node-3413 table {
  width: 100%;
  border-top: 3px solid #ffe000;
  margin-bottom: 40px;
  background-color: #fff; }
  .page-node-3413 table tr:first-child {
    border-bottom: none; }
  .page-node-3413 table th {
    font-family: "Encode Sans Condensed", sans-serif;
    border-bottom: none;
    font-size: 20px;
    padding: 20px;
    color: #888d9d;
    font-weight: 700;
    text-align: left; }
  .page-node-3413 table td {
    font-family: "Encode Sans Condensed", sans-serif;
    font-size: 20px;
    text-align: left;
    width: 50%;
    padding: 10px 20px;
    color: #888d9d; }
  .page-node-3413 table tr {
    border-bottom: 30px solid white;
    background-color: #fffde0; }
  .page-node-3413 table tr:first-child {
    background-color: #fff; }
  .page-node-3413 table tr:last-child {
    background-color: #fff9bb; }

.sunlight-table .text__text {
  font-family: "Encode Sans Condensed", sans-serif;
  font-size: 18px;
  line-height: 22px;
  font-size: 16px;
  font-weight: 500; }
  .sunlight-table .text__text tr:first-child {
    border-bottom: none !important; }
  .sunlight-table .text__text table tbody tr:first-child {
    background-color: #ffff9d; }
  .sunlight-table .text__text table tbody tr:last-child {
    border-bottom: 0.5px solid #888d9d; }
  .sunlight-table .text__text table tbody tr {
    border-bottom: none;
    border-top: 0.5px solid #888d9d; }
    .sunlight-table .text__text table tbody tr td {
      font-family: "Encode Sans Condensed", sans-serif;
      text-align: center;
      font-size: 18px;
      line-height: 60px;
      height: 60px; }
  .sunlight-table .text__text table thead {
    border-top: 2px solid #ffe000; }
    .sunlight-table .text__text table thead th {
      font-family: "Encode Sans Condensed", sans-serif;
      color: #888d9d;
      font-weight: 700;
      text-transform: uppercase;
      font-size: 20px;
      text-align: center;
      border-bottom: none;
      line-height: 60px;
      height: 60px; }

.quote {
  text-align: center;
  min-height: 550px;
  height: 100%;
  height: 550px;
  display: table;
  width: 100%;
  position: relative;
  overflow: hidden;
  overflow-y: hidden;
  -ms-overflow-style: none; }
  .quote__quote {
    font-family: "Zilla Slab", serif;
    font-size: 36px;
    line-height: 44px;
    font-style: italic;
    font-weight: 400;
    color: #fff; }
  .quote__inner {
    position: relative;
    z-index: 6;
    max-width: 1100px;
    /*was 1200*/
    margin: 0 auto;
    padding-left: 200px;
    padding-right: 200px;
    display: table-cell;
    vertical-align: middle;
    text-align: center; }
    @media (min-width: 901px) and (max-width: 1300px) {
      .quote__inner {
        max-width: calc(100% - 160px);
        margin: 0 auto; } }
    @media (min-width: 481px) and (max-width: 900px) {
      .quote__inner {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }
    @media (max-width: 480px) {
      .quote__inner {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }
    @media (min-width: 481px) and (max-width: 900px) {
      .quote__inner {
        padding-left: 40px;
        padding-right: 40px; } }
    @media (max-width: 480px) {
      .quote__inner {
        padding-left: 20px;
        padding-right: 20px; } }
  .quote__author {
    font-family: "Encode Sans Condensed", sans-serif;
    text-transform: uppercase;
    padding-top: 30px;
    margin-top: 20px;
    text-transform: uppercase;
    font-size: 40px;
    line-height: 1.2em;
    color: #fff;
    letter-spacing: 5px; }
    .quote__author:before {
      content: "";
      border-top: 2px solid #fff;
      width: 40px;
      padding-top: 10px;
      padding-bottom: 30px;
      display: block;
      margin: 0 auto; }
  .quote__backgroundimage {
    height: 100%; }
  .quote__backgroundimage img {
    fill: #53a5b1;
    position: absolute;
    left: 0;
    object-fit: cover;
    width: 100vw;
    height: 100%;
    overflow: hidden;
    min-height: 550px;
    z-index: 2; }

.teal .quote {
  background-color: #5db8c5; }

.yellow .quote {
  background-color: #ffe000; }

.coral .quote {
  background-color: #f69679; }

.gray .quote {
  background-color: #888d9d; }

.white .quote {
  background-color: #fff;
  color: #888d9d; }

.green .quote {
  background-color: #4fce5d; }

.yellow.bold-sans .quote {
  background-color: #fff;
  min-height: 400px;
  max-height: 400px; }
  .yellow.bold-sans .quote__quote {
    font-family: "Encode Sans Condensed", sans-serif;
    font-size: 36px;
    font-style: normal;
    color: #fdd232;
    font-weight: 500;
    font-size: 40px; }
    @media (min-width: 481px) and (max-width: 900px) {
      .yellow.bold-sans .quote__quote {
        font-size: 24px; } }
  .yellow.bold-sans .quote__author {
    color: #fdd232; }

.text {
  max-width: 1100px;
  /*was 1200*/
  margin: 0 auto;
  margin-bottom: 80px; }
  @media (min-width: 901px) and (max-width: 1300px) {
    .text {
      max-width: calc(100% - 160px);
      margin: 0 auto; } }
  @media (min-width: 481px) and (max-width: 900px) {
    .text {
      max-width: calc(100% - 80px);
      margin: 0 auto; } }
  @media (max-width: 480px) {
    .text {
      max-width: calc(100% - 80px);
      margin: 0 auto; } }
  .text__text {
    font-family: "Zilla Slab", serif;
    font-size: 26px;
    line-height: 32px;
    color: #888d9d; }
    @media (min-width: 481px) and (max-width: 900px) {
      .text__text {
        font-family: "Zilla Slab", serif;
        font-size: 26px;
        line-height: 32px; } }
    @media (max-width: 480px) {
      .text__text {
        font-family: "Zilla Slab", serif;
        font-size: 26px;
        line-height: 32px; } }
    .text__text li {
      line-height: 1.4em; }
  .text__ps {
    font-family: "Encode Sans Condensed", sans-serif;
    text-transform: uppercase;
    font-size: 20px;
    color: #888d9d;
    letter-spacing: 4px; }
  .text__download {
    font-family: "Encode Sans Condensed", sans-serif;
    margin-top: 40px;
    font-size: 28px;
    color: #888d9d;
    font-weight: 700; }

.gray .text {
  background-color: #FFF; }
  .gray .text__text {
    color: #888d9d; }
  .gray .text__ps {
    color: #888d9d; }

.teal .text {
  background-color: #FFF; }
  .teal .text__text {
    color: #5db8c5; }
  .teal .text__ps {
    color: #5db8c5; }

.coral .text {
  background-color: #FFF; }
  .coral .text__text {
    color: #f69679; }
  .coral .text__ps {
    color: #f69679; }

.white .text {
  background-color: #5db8c5; }
  .white .text__text {
    color: #FFF; }
  .white .text__ps {
    color: #FFF; }

.paragraphs-item-text.yellow-med.waves,
.yellow-med.waves .text {
  background-color: #ffff5c; }

.paragraphs-item-text.yellow-med,
.yellow-med .text {
  background-color: #fff100; }

.paragraphs-item-text.yellow,
.yellow .text {
  background-color: #ffe600;
  padding-top: 40px;
  padding-bottom: 40px; }

.brightyellow .text,
.paragraphs-item-text.brightyellow {
  background-color: #ffe600; }

.yellow-light .text {
  background-color: #fffde0; }
  .yellow-light .text a {
    color: #5db8c5; }
    .yellow-light .text a:hover {
      color: #3f7c85; }

.green-light .text {
  background-color: #e3f4e2; }

/*tinted option*/
.tinted .text {
  padding: 40px; }

.h2-only.space--none .text {
  margin-bottom: 0 !important; }
  .h2-only.space--none .text h2.section-header {
    margin-bottom: 20px !important; }

.black {
  background-color: black; }

/*individual finding*/
.finding {
  background-color: #5db8c5;
  width: 30vw;
  height: 35vw;
  margin-bottom: 40px;
  margin-left: 40px;
  position: relative;
  overflow: hidden; }
  @media (min-width: 901px) and (max-width: 1300px) {
    .finding {
      width: 28%;
      height: 50vw; } }
  @media (min-width: 901px) and (max-width: 1100px) {
    .finding {
      width: 44%;
      height: 50vw; } }
  @media (min-width: 481px) and (max-width: 900px) {
    .finding {
      width: calc(100% - 80px);
      margin-right: 40px;
      margin-left: 40px;
      height: 50vw; } }
  @media (max-width: 480px) {
    .finding {
      width: calc(100% - 40px);
      margin-right: 20px;
      margin-left: 20px;
      min-height: 560px;
      max-height: 900px; } }
  .finding .node-finding {
    height: 100%;
    width: 100%; }
  .finding__main {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    height: calc(100% - 60px); }
  .finding a.finding__main {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    height: calc(100% - 60px); }
  .finding__footer {
    background-color: #5db8c5;
    color: #FFF;
    position: absolute;
    bottom: 0;
    height: 60px;
    width: 100%; }
  .finding__band {
    position: absolute;
    top: 0;
    padding: 20px; }
    .finding__band.teal .finding__link {
      background: linear-gradient(#5db8c5, #5db8c5) no-repeat;
      background-position: center;
      background-size: 100% 100%;
      line-height: 1.3em; }
      @media (max-width: 480px) {
        .finding__band.teal .finding__link {
          background-size: 100% 90%; } }
    .finding__band.teal .finding__arrow {
      color: #5db8c5; }
    .finding__band.teal:hover .finding__link {
      color: #ffeb66; }
    .finding__band.teal:hover .finding__arrow {
      color: #ffeb66; }
    .finding__band.yellow .finding__link {
      background: linear-gradient(#ffeb66, #ffeb66) no-repeat;
      background-position: center;
      background-size: 100% 100%;
      line-height: 1.3em; }
      @media (min-width: 901px) and (max-width: 1300px) {
        .finding__band.yellow .finding__link {
          line-height: 1.1em; } }
      @media (max-width: 480px) {
        .finding__band.yellow .finding__link {
          background-size: 100% 90%; } }
    .finding__band.yellow .finding__arrow {
      color: #ffeb66; }
    .finding__band.yellow:hover .finding__link {
      color: #5db8c5; }
    .finding__band.yellow:hover .finding__arrow {
      color: #5db8c5; }
    .finding__band.coral .finding__link {
      background: linear-gradient(#f69679, #f69679) no-repeat;
      background-position: center;
      background-size: 100% 100%;
      line-height: 1.3em; }
      @media (min-width: 901px) and (max-width: 1300px) {
        .finding__band.coral .finding__link {
          line-height: 1.1em; } }
      @media (max-width: 480px) {
        .finding__band.coral .finding__link {
          background-size: 100% 90%; } }
    .finding__band.coral .finding__arrow {
      color: #f69679; }
    .finding__band.coral:hover .finding__link {
      color: #ffeb66; }
    .finding__band.coral:hover .finding__arrow {
      color: #ffeb66; }
    .finding__band.gray .finding__link {
      background: linear-gradient(#888d9d, #888d9d) no-repeat;
      background-position: center;
      background-size: 100% 100%;
      line-height: 1.3em; }
      @media (min-width: 901px) and (max-width: 1300px) {
        .finding__band.gray .finding__link {
          line-height: 1.1em; } }
      @media (max-width: 480px) {
        .finding__band.gray .finding__link {
          background-size: 100% 90%; } }
    .finding__band.gray .finding__arrow {
      color: #888d9d; }
    .finding__band.gray:hover .finding__link {
      color: #ffeb66; }
    .finding__band.gray:hover .finding__arrow {
      color: #ffeb66; }
    .finding__band.white .finding__link {
      background: linear-gradient(#FFF, #FFF) no-repeat;
      background-position: center;
      background-size: 100% 100%;
      line-height: 1.3em; }
      @media (min-width: 901px) and (max-width: 1300px) {
        .finding__band.white .finding__link {
          line-height: 1.1em; } }
      @media (max-width: 480px) {
        .finding__band.white .finding__link {
          background-size: 100% 90%; } }
    .finding__band.white .finding__arrow {
      color: #FFF; }
    .finding__band.white a .finding__arrow {
      color: #FFF; }
    .finding__band.white:hover .finding__link {
      color: #f69679; }
    .finding__band.white:hover .finding__arrow {
      color: #f69679; }
  .finding__image {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative; }
    .finding__image img {
      height: 100%;
      width: 100%;
      object-fit: cover; }
  .finding__backgroundimage {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative; }
    .finding__backgroundimage img {
      height: 100%;
      width: 100%;
      object-fit: cover; }
  .finding__body {
    font-size: 22px;
    width: calc(100% - 80px);
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 40px;
    padding-bottom: 0;
    position: relative;
    z-index: 100;
    line-height: 1.3em; }
    @media (min-width: 901px) and (max-width: 1300px) {
      .finding__body {
        width: calc(100% - 40px);
        line-height: 1.1em;
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px; } }
    @media (min-width: 481px) and (max-width: 900px) {
      .finding__body {
        width: calc(100% - 40px);
        line-height: 1.1em;
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px; } }
    @media (max-width: 480px) {
      .finding__body {
        width: calc(100% - 40px);
        line-height: 1.1em;
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px; } }
  .finding__link-wrapper {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 40px;
    padding-bottom: 20px;
    position: absolute;
    top: 0;
    left: 0; }
    @media (min-width: 901px) and (max-width: 1300px) {
      .finding__link-wrapper {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px; } }
    @media (min-width: 481px) and (max-width: 900px) {
      .finding__link-wrapper {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px; } }
    @media (max-width: 480px) {
      .finding__link-wrapper {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px; } }
  .finding__arrow {
    display: inline-block;
    margin-left: 20px;
    position: relative;
    z-index: 100; }
    .finding__arrow .fa {
      font: normal normal normal 36px/1 FontAwesome; }
  .finding__link {
    font-size: 36px;
    line-height: 1.3em;
    display: inline;
    position: relative;
    z-index: 100; }
    @media (min-width: 901px) and (max-width: 1300px) {
      .finding__link {
        font-size: 26px;
        line-height: 1.1em; } }
  .finding__credit {
    color: #ccc;
    font-size: .6em;
    font-style: italic;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right; }
    .finding__credit a {
      color: #ccc; }
  .finding__attribution {
    width: calc(100% - 80px);
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 20px;
    padding-bottom: 0; }
    .finding__attribution:before {
      content: " — "; }
  .finding__area {
    color: #FFF;
    text-transform: uppercase;
    font-weight: 500;
    font-size: .8em;
    text-align: left;
    margin-top: 14px;
    margin-left: 20px; }
    @media (max-width: 480px) {
      .finding__area {
        font-size: .6em; } }

.finding__main.teal,
a.finding__main.teal {
  background-color: #5db8c5;
  color: #FFF; }
  .finding__main.teal a,
  a.finding__main.teal a {
    color: #FFF; }
    .finding__main.teal a:hover,
    a.finding__main.teal a:hover {
      color: #ffeb66; }

.finding__main.yellow,
a.finding__main.yellow {
  background-color: #fffde0; }

.finding__main.gray {
  background-color: #888d9d;
  color: #FFF; }
  .finding__main.gray a {
    color: #FFF; }
    .finding__main.gray a:hover {
      color: #ffeb66; }

.finding__main.coral {
  background-color: #f69679;
  color: #FFF; }
  .finding__main.coral a {
    color: #fff; }
  .finding__main.coral .finding__arrow {
    color: #fff; }
  .finding__main.coral a .finding__arrow {
    color: #fff; }
  .finding__main.coral:hover .finding__link {
    color: #ffeb66; }
  .finding__main.coral:hover .finding__arrow {
    color: #ffeb66; }
  .finding__main.coral:hover a {
    color: #ffeb66; }

.finding__main.light {
  color: #fff;
  background-color: #5db8c5; }
  .finding__main.light a {
    color: #fff; }
  .finding__main.light .finding__image {
    opacity: .4; }
  .finding__main.light .finding__arrow {
    color: #fff; }
  .finding__main.light a .finding__arrow {
    color: #fff; }
  .finding__main.light:hover .finding__link {
    color: #ffeb66; }
  .finding__main.light:hover .finding__arrow {
    color: #ffeb66; }
  .finding__main.light:hover a {
    color: #ffeb66; }

.finding__main.white {
  color: #888d9d;
  background-color: #FFF; }
  .finding__main.white a {
    color: #5db8c5; }
    .finding__main.white a:hover {
      color: #ffeb66; }
  .finding__main.white .finding__arrow {
    color: #f69679; }
    .finding__main.white .finding__arrow:hover {
      color: #ffeb66; }

/*Specific Cases*/
.view-mode-finding_text_with_yellow_bg .finding__body,
.view-mode-finding_text_with_coral_bg .finding__body,
.view-mode-finding_text_with_white_bg .finding__body,
.view-mode-finding_text_with_gray_bg .finding__body,
.view-mode-finding_text_with_bg_col .finding__body {
  font-family: "Zilla Slab", serif;
  font-size: 26px;
  line-height: 32px;
  font-size: 20px;
  line-height: 30px;
  font-style: italic; }
  @media (min-width: 901px) and (max-width: 1300px) {
    .view-mode-finding_text_with_yellow_bg .finding__body,
    .view-mode-finding_text_with_coral_bg .finding__body,
    .view-mode-finding_text_with_white_bg .finding__body,
    .view-mode-finding_text_with_gray_bg .finding__body,
    .view-mode-finding_text_with_bg_col .finding__body {
      line-height: 26px; } }

.finding__link-wrapper .finding__body {
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
  width: 100%; }
.finding__link-wrapper .finding__attribution {
  padding-top: 0;
  padding-right: 0;
  padding-left: 0; }

/*Finding with color band*/
a .finding__band .finding__link,
a .finding__band .finding__arrow {
  color: #FFF; }
  a .finding__band .finding__link:hover,
  a .finding__band .finding__arrow:hover {
    color: #ffe000; }

a .finding__band.yellow .finding__link {
  color: #888d9d; }
  a .finding__band.yellow .finding__link:hover {
    color: #5db8c5; }

a .finding__band.yellow .finding__arrow {
  color: #ffeb66; }
  a .finding__band.yellow .finding__arrow:hover {
    color: #5db8c5; }

/*FILTERS + Top Matter*/
#views-exposed-form-findings-main-view-page {
  width: 100%; }

.view-findings-main-view {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }

#views-exposed-form-findings-main-view-page-mefibs-form-filter-links,
#views-exposed-form-grants-by-grantees-page-mefibs-form-filter {
  width: 100%; }

#edit-mefibs-form-filter-links-field-finding-area-tid-wrapper {
  width: 100%;
  margin-bottom: 40px; }
  #edit-mefibs-form-filter-links-field-finding-area-tid-wrapper .views-widget {
    max-width: 1100px;
    /*was 1200*/
    margin: 0 auto; }
    @media (min-width: 901px) and (max-width: 1300px) {
      #edit-mefibs-form-filter-links-field-finding-area-tid-wrapper .views-widget {
        max-width: calc(100% - 160px);
        margin: 0 auto; } }
    @media (min-width: 481px) and (max-width: 900px) {
      #edit-mefibs-form-filter-links-field-finding-area-tid-wrapper .views-widget {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }
    @media (max-width: 480px) {
      #edit-mefibs-form-filter-links-field-finding-area-tid-wrapper .views-widget {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }

#views-exposed-form-findings-main-view-page-mefibs-form-search {
  font-family: "Zilla Slab", serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 40px;
  background-color: #5db8c5;
  width: calc(50% - 80px);
  font-weight: normal;
  padding-right: 80px;
  height: 100px;
  color: #FFF; }
  @media (min-width: 481px) and (max-width: 900px) {
    #views-exposed-form-findings-main-view-page-mefibs-form-search {
      width: 100%;
      padding-left: 0;
      padding-right: 0; } }
  @media (max-width: 480px) {
    #views-exposed-form-findings-main-view-page-mefibs-form-search {
      width: 100%;
      padding-left: 0;
      padding-right: 0; } }
  #views-exposed-form-findings-main-view-page-mefibs-form-search #edit-mefibs-form-search-keys-wrapper {
    height: 100px;
    line-height: 100px;
    text-align: right; }
    @media (min-width: 481px) and (max-width: 900px) {
      #views-exposed-form-findings-main-view-page-mefibs-form-search #edit-mefibs-form-search-keys-wrapper {
        text-align: center; } }
    @media (max-width: 480px) {
      #views-exposed-form-findings-main-view-page-mefibs-form-search #edit-mefibs-form-search-keys-wrapper {
        text-align: center; } }
    #views-exposed-form-findings-main-view-page-mefibs-form-search #edit-mefibs-form-search-keys-wrapper .compact-form-label {
      position: relative;
      line-height: 100px;
      z-index: 1;
      padding-right: 10px; }
      #views-exposed-form-findings-main-view-page-mefibs-form-search #edit-mefibs-form-search-keys-wrapper .compact-form-label:after {
        content: "\f002";
        font-family: "FontAwesome"; }
  #views-exposed-form-findings-main-view-page-mefibs-form-search .views-exposed-form label {
    font-weight: normal; }
  @media (max-width: 480px) {
    #views-exposed-form-findings-main-view-page-mefibs-form-search {
      width: 100vw; } }
  #views-exposed-form-findings-main-view-page-mefibs-form-search input[type="text"] {
    background-color: #5db8c5;
    border: none;
    color: #FFF;
    font-family: "Zilla Slab", serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
    line-height: 100px;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none; }

.findings__intro {
  font-weight: 300;
  background-color: #5db8c5;
  color: #fff;
  padding-top: 0;
  padding-bottom: 40px;
  width: 100%;
  clear: both;
  float: none; }
  .findings__intro p {
    padding-left: 80px;
    padding-right: 80px; }
    @media (min-width: 481px) and (max-width: 900px) {
      .findings__intro p {
        max-width: calc(100% - 40px);
        padding-right: 20px;
        padding-left: 20px;
        margin: 0 auto; } }
    @media (max-width: 480px) {
      .findings__intro p {
        max-width: calc(100% - 40px);
        margin: 0 auto; } }
.findings__search {
  position: relative; }

/*Full page*/
.page-findings #fullwidth-middle {
  background-color: #FFF; }

.view-findings-main-view {
  position: relative; }

.views-exposed-form {
  background-color: #7dc6d1;
  padding: 20px 0; }

#views-exposed-form-findings-main-view-page {
  width: 100%;
  background-color: #7dc6d1;
  margin-bottom: 40px; }
  #views-exposed-form-findings-main-view-page .views-exposed-widgets {
    max-width: 1100px;
    /*was 1200*/
    margin: 0 auto; }
    @media (min-width: 901px) and (max-width: 1300px) {
      #views-exposed-form-findings-main-view-page .views-exposed-widgets {
        max-width: calc(100% - 160px);
        margin: 0 auto; } }
    @media (min-width: 481px) and (max-width: 900px) {
      #views-exposed-form-findings-main-view-page .views-exposed-widgets {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }
    @media (max-width: 480px) {
      #views-exposed-form-findings-main-view-page .views-exposed-widgets {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }

.view-findings-main-view h1,
.view-findings-main-view-sunlight h1,
.view-grants-by-grantees h1,
.view-sunlight-grants-by-grantees h1,
.view-sunlight-communities h1 {
  font-family: "Zilla Slab", serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 40px;
  width: 100%;
  margin: 0;
  height: 70px;
  line-height: 70px;
  padding-left: 80px; }
  @media (min-width: 481px) and (max-width: 900px) {
    .view-findings-main-view h1,
    .view-findings-main-view-sunlight h1,
    .view-grants-by-grantees h1,
    .view-sunlight-grants-by-grantees h1,
    .view-sunlight-communities h1 {
      width: 100%;
      text-align: center;
      padding-left: 0; } }
  @media (max-width: 480px) {
    .view-findings-main-view h1,
    .view-findings-main-view-sunlight h1,
    .view-grants-by-grantees h1,
    .view-sunlight-grants-by-grantees h1,
    .view-sunlight-communities h1 {
      width: 100%;
      text-align: center;
      padding-left: 0; } }

.view-findings-main-view h1,
.view-findings-main-view-sunlight h1,
.view-grants-by-grantees h1 {
  background-color: #5db8c5;
  color: #fff; }

form {
  margin: 0; }

.views-exposed-form .views-exposed-widget {
  float: none;
  padding: 0;
  margin: 0; }

.views-exposed-widgets {
  margin-bottom: 0; }

.view-filters {
  background-color: #5db8c5;
  text-color: #fff;
  min-height: 280px; }
  .view-filters a {
    color: #fff; }
    .view-filters a:hover {
      color: #ffe000;
      border-bottom: none;
      text-decoration: none;
      color: #fff; }

.bef-select-as-links .form-item {
  max-width: 1100px;
  /*was 1200*/
  margin: 0 auto;
  padding-left: 40px;
  padding-right: 40px;
  clear: both;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  @media (min-width: 901px) and (max-width: 1300px) {
    .bef-select-as-links .form-item {
      max-width: calc(100% - 160px);
      margin: 0 auto; } }
  @media (min-width: 481px) and (max-width: 900px) {
    .bef-select-as-links .form-item {
      max-width: calc(100% - 80px);
      margin: 0 auto; } }
  @media (max-width: 480px) {
    .bef-select-as-links .form-item {
      max-width: calc(100% - 80px);
      margin: 0 auto; } }
  .bef-select-as-links .form-item .form-type-bef-link {
    width: auto;
    color: #fff;
    font-family: "Encode Sans Condensed", sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    background-color: #468a94;
    padding: 7px 14px;
    margin: 6px;
    border-radius: 4px;
    text-align: center;
    font-size: 16px; }
    .bef-select-as-links .form-item .form-type-bef-link a {
      color: #fff; }
      .bef-select-as-links .form-item .form-type-bef-link a:hover {
        color: #fff; }
    .bef-select-as-links .form-item .form-type-bef-link:hover {
      color: #fff;
      background-color: #3f7c85;
      border-bottom: none; }

.constrain .view-section {
  max-width: 1100px;
  /*was 1200*/
  margin: 0 auto; }
  @media (min-width: 901px) and (max-width: 1300px) {
    .constrain .view-section {
      max-width: calc(100% - 160px);
      margin: 0 auto; } }
  @media (min-width: 481px) and (max-width: 900px) {
    .constrain .view-section {
      max-width: calc(100% - 80px);
      margin: 0 auto; } }
  @media (max-width: 480px) {
    .constrain .view-section {
      max-width: calc(100% - 80px);
      margin: 0 auto; } }

.basic {
  max-width: 1100px;
  /*was 1200*/
  margin: 0 auto; }
  @media (min-width: 901px) and (max-width: 1300px) {
    .basic {
      max-width: calc(100% - 160px);
      margin: 0 auto; } }
  @media (min-width: 481px) and (max-width: 900px) {
    .basic {
      max-width: calc(100% - 80px);
      margin: 0 auto; } }
  @media (max-width: 480px) {
    .basic {
      max-width: calc(100% - 80px);
      margin: 0 auto; } }
  @media (min-width: 481px) and (max-width: 900px) {
    .basic {
      margin-left: 40px !important;
      margin-right: 40px; } }

.webform__wrapper {
  max-width: 1100px;
  /*was 1200*/
  margin: 0 auto; }
  @media (min-width: 901px) and (max-width: 1300px) {
    .webform__wrapper {
      max-width: calc(100% - 160px);
      margin: 0 auto; } }
  @media (min-width: 481px) and (max-width: 900px) {
    .webform__wrapper {
      max-width: calc(100% - 80px);
      margin: 0 auto; } }
  @media (max-width: 480px) {
    .webform__wrapper {
      max-width: calc(100% - 80px);
      margin: 0 auto; } }

.bandedlist {
  max-width: 1100px;
  /*was 1200*/
  margin: 0 auto; }
  @media (min-width: 901px) and (max-width: 1300px) {
    .bandedlist {
      max-width: calc(100% - 160px);
      margin: 0 auto; } }
  @media (min-width: 481px) and (max-width: 900px) {
    .bandedlist {
      max-width: calc(100% - 80px);
      margin: 0 auto; } }
  @media (max-width: 480px) {
    .bandedlist {
      max-width: calc(100% - 80px);
      margin: 0 auto; } }
  .bandedlist__intro {
    font-family: "Zilla Slab", serif;
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 40px;
    color: #5db8c5; }
  .bandedlist__listentry .listentry {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 40px; }
    @media (max-width: 480px) {
      .bandedlist__listentry .listentry {
        flex-wrap: wrap; } }
    .bandedlist__listentry .listentry .listleft {
      width: 27%;
      background-color: #5db8c5;
      color: #fff;
      line-height: 1.2em;
      padding: 20px 40px 20px 20px;
      font-family: "Zilla Slab", serif;
      font-size: 26px;
      line-height: 32px; }
      @media (max-width: 480px) {
        .bandedlist__listentry .listentry .listleft {
          width: 100%; } }
    .bandedlist__listentry .listentry .listright {
      width: 72%;
      padding: 20px;
      background-color: #dff1f3; }
      @media (max-width: 480px) {
        .bandedlist__listentry .listentry .listright {
          width: 100%; } }

.paragraphs-item-banded-list.green .bandedlist__intro {
  color: #888d9d; }
.paragraphs-item-banded-list.green .bandedlist__listentry .listentry .listleft {
  background-color: #4fce5d; }
.paragraphs-item-banded-list.green .bandedlist__listentry .listentry .listright {
  font-family: "Zilla Slab", serif;
  font-size: 26px;
  line-height: 32px;
  background-color: #c7efcb; }
  .paragraphs-item-banded-list.green .bandedlist__listentry .listentry .listright a {
    color: #468a94; }
    .paragraphs-item-banded-list.green .bandedlist__listentry .listentry .listright a:hover {
      color: #468a94;
      text-decoration: underline; }

.paragraphs-item-banded-list.yellow .bandedlist__listentry .listentry .bandedlist__intro {
  color: #888d9d; }
.paragraphs-item-banded-list.yellow .bandedlist__listentry .listentry .listleft {
  background-color: #fff100;
  color: #888d9d; }
.paragraphs-item-banded-list.yellow .bandedlist__listentry .listentry .listright {
  background-color: #fffde0; }

.paragraphs-item-banded-list.coral .bandedlist__intro {
  color: #f69679; }
.paragraphs-item-banded-list.coral .bandedlist__listentry .listentry .listleft {
  background-color: #b9715b; }
.paragraphs-item-banded-list.coral .bandedlist__listentry .listentry .listright {
  background-color: #f69679;
  color: #fff; }

.pagebanner {
  width: 100%;
  min-height: 400px;
  height: 100%;
  height: 400px;
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
  display: table;
  overflow: hidden;
  -ms-overflow-style: none;
  overflow-y: hidden; }
  .pagebanner__background {
    height: 100%;
    width: 100%;
    max-height: 480px;
    overflow: hidden;
    -ms-overflow-style: none;
    overflow-x: hidden; }
  .pagebanner__background img {
    position: absolute;
    object-fit: cover;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    min-height: 480px;
    /*was560*/
    z-index: 2;
    overflow: hidden;
    -ms-overflow-style: none;
    overflow-x: hidden; }
  .pagebanner__inner {
    max-width: 1100px;
    /*was 1200*/
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    z-index: 6; }
    @media (min-width: 901px) and (max-width: 1300px) {
      .pagebanner__inner {
        max-width: calc(100% - 160px);
        margin: 0 auto; } }
    @media (min-width: 481px) and (max-width: 900px) {
      .pagebanner__inner {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }
    @media (max-width: 480px) {
      .pagebanner__inner {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }
    @media (min-width: 901px) and (max-width: 1300px) {
      .pagebanner__inner {
        flex-wrap: nowrap; } }
    @media (min-width: 481px) and (max-width: 900px) {
      .pagebanner__inner {
        flex-wrap: wrap; } }
    @media (max-width: 480px) {
      .pagebanner__inner {
        flex-wrap: wrap; } }
  .pagebanner__area {
    width: 50vw;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
    @media (min-width: 481px) and (max-width: 900px) {
      .pagebanner__area {
        width: 100%; } }
    @media (max-width: 480px) {
      .pagebanner__area {
        width: 100%;
        margin-bottom: 40px; } }
  .pagebanner__image {
    width: 50vw;
    text-align: center;
    max-height: 380px; }
    @media (min-width: 481px) and (max-width: 900px) {
      .pagebanner__image {
        width: 100%; } }
    @media (max-width: 480px) {
      .pagebanner__image {
        width: 100%;
        margin-bottom: 40px; } }
  .pagebanner__areaname {
    font-family: "Zilla Slab", serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 44px;
    margin-bottom: 40px;
    width: 100%; }
  .pagebanner__areaoverview {
    font-family: "Zilla Slab", serif;
    font-size: 26px;
    line-height: 32px; }

.teal .pagebanner {
  background-color: #5db8c5; }
  .teal .pagebanner__areaname {
    color: #FFF; }
  .teal .pagebanner__areaoverview {
    color: #FFF; }

.coral .pagebanner {
  background-color: #f69679; }
  .coral .pagebanner__areaname {
    color: #FFF; }
  .coral .pagebanner__areaoverview {
    color: #FFF; }

.yellow .pagebanner {
  background-color: #ffeb66; }
  .yellow .pagebanner__areaname {
    color: #888d9d; }
  .yellow .pagebanner__areaoverview {
    color: #888d9d; }

.gray .pagebanner {
  background-color: #888d9d; }
  .gray .pagebanner__areaname {
    color: #FFF; }
  .gray .pagebanner__areaoverview {
    color: #FFF; }

.white .pagebanner {
  background-color: #FFF; }
  .white .pagebanner__areaname {
    color: #5db8c5; }
  .white .pagebanner__areaoverview {
    color: #5db8c5; }

.paragraphs-item-priority-callout {
  max-width: 1100px;
  /*was 1200*/
  margin: 0 auto;
  padding: 40px 0; }
  @media (min-width: 901px) and (max-width: 1300px) {
    .paragraphs-item-priority-callout {
      max-width: calc(100% - 160px);
      margin: 0 auto; } }
  @media (min-width: 481px) and (max-width: 900px) {
    .paragraphs-item-priority-callout {
      max-width: calc(100% - 80px);
      margin: 0 auto; } }
  @media (max-width: 480px) {
    .paragraphs-item-priority-callout {
      max-width: calc(100% - 80px);
      margin: 0 auto; } }
  .paragraphs-item-priority-callout .callout {
    width: calc(100% - 80px);
    padding: 40px;
    border: none;
    background-color: #fffde0; }
    .paragraphs-item-priority-callout .callout__text {
      font-family: "Zilla Slab", serif;
      font-size: 26px;
      line-height: 32px;
      margin-bottom: 40px;
      color: #5db8c5; }
    .paragraphs-item-priority-callout .callout__bullets {
      font-family: "Encode Sans Condensed", sans-serif;
      display: list-item;
      list-style-type: disc;
      margin-left: 20px; }

.bodybanner {
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  height: 470px;
  display: table;
  position: relative;
  overflow: hidden;
  -ms-overflow-style: none;
  overflow-x: hidden; }
  .bodybanner__backgroundimage {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    -ms-overflow-style: none;
    overflow-x: hidden; }
  .bodybanner__backgroundimage img {
    position: absolute;
    object-fit: cover;
    left: 0;
    width: 100vw;
    height: 100%;
    min-height: 470px;
    z-index: 2; }
  .bodybanner__inner {
    max-width: 1100px;
    /*was 1200*/
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    position: relative;
    z-index: 6; }
    @media (min-width: 901px) and (max-width: 1300px) {
      .bodybanner__inner {
        max-width: calc(100% - 160px);
        margin: 0 auto; } }
    @media (min-width: 481px) and (max-width: 900px) {
      .bodybanner__inner {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }
    @media (max-width: 480px) {
      .bodybanner__inner {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }
    @media (min-width: 481px) and (max-width: 900px) {
      .bodybanner__inner {
        display: block;
        flex-wrap: wrap; } }
    @media (max-width: 480px) {
      .bodybanner__inner {
        display: block;
        flex-wrap: wrap; } }
  .bodybanner__image {
    width: 50vw;
    text-align: center; }
    @media (min-width: 901px) and (max-width: 1300px) {
      .bodybanner__image {
        width: calc(100% - 80px);
        margin-left: 40px !important;
        margin-right: 40px; } }
    @media (min-width: 481px) and (max-width: 900px) {
      .bodybanner__image {
        width: calc(100% - 80px);
        margin-left: 40px !important;
        margin-right: 40px; } }
    @media (max-width: 480px) {
      .bodybanner__image {
        width: calc(100% - 80px);
        margin-left: 40px !important;
        margin-right: 40px; } }
  .bodybanner__header-wrapper {
    width: 100%;
    margin-bottom: 40px; }
  .bodybanner__text {
    width: 50vw;
    color: #fff;
    font-family: "Zilla Slab", serif;
    font-size: 26px;
    line-height: 32px; }
    @media (min-width: 901px) and (max-width: 1300px) {
      .bodybanner__text {
        margin-left: 40px !important;
        margin-right: 40px;
        width: calc(100% - 80px); } }
    @media (min-width: 481px) and (max-width: 900px) {
      .bodybanner__text {
        width: calc(100% - 80px);
        margin-left: 40px !important;
        margin-right: 40px; } }
    @media (max-width: 480px) {
      .bodybanner__text {
        width: calc(100% - 80px);
        margin-left: 40px !important;
        margin-right: 40px; } }
    .bodybanner__text a {
      color: #fff; }
      .bodybanner__text a:hover {
        color: #ffe000; }
  .bodybanner__textp {
    display: inline; }
  .bodybanner__textarrow {
    display: inline-block; }

.teal .bodybanner {
  background-color: #5db8c5; }

.coral .bodybanner {
  background-color: #f69679; }

.yellow .bodybanner {
  background-color: #ffeb66; }
  .yellow .bodybanner__text {
    color: #888d9d; }

.yellow-med .bodybanner {
  background-color: #fff100; }
  .yellow-med .bodybanner__text {
    color: #888d9d; }

.gray .bodybanner {
  background-color: #888d9d; }

.white .bodybanner {
  background-color: #fff; }
  .white .bodybanner__text {
    color: #888d9d; }

.yellow-light .bodybanner {
  background-color: #fffde0; }
  .yellow-light .bodybanner__text {
    color: #888d9d; }
    .yellow-light .bodybanner__text a {
      color: #888d9d; }
      .yellow-light .bodybanner__text a:hover {
        color: #5db8c5; }
  .yellow-light .bodybanner__image {
    margin-left: 50px; }

.domain-sunlightgiving-com .bodybanner__image {
  width: calc(90% - 460px);
  text-align: center; }
  @media (min-width: 901px) and (max-width: 1300px) {
    .domain-sunlightgiving-com .bodybanner__image {
      width: calc(100% - 260px);
      margin: 0 auto;
      text-align: center; } }
  @media (min-width: 481px) and (max-width: 900px) {
    .domain-sunlightgiving-com .bodybanner__image {
      width: calc(100% - 120px);
      margin: 0 auto;
      text-align: center; } }
  @media (max-width: 480px) {
    .domain-sunlightgiving-com .bodybanner__image {
      width: calc(100% - 80px);
      margin: 0 auto;
      text-align: center; } }

.bodybanner-wave {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #ffff5c;
  color: #888d9d;
  height: fit-content;
  overflow: visible; }
  .bodybanner-wave .vertical-center {
    vertical-align: top; }
  .bodybanner-wave__subhead {
    font-family: "Zilla Slab", serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 44px;
    font-size: 44px;
    color: #888d9d;
    width: 100%;
    position: relative;
    z-index: 100;
    margin-bottom: 0px; }
    .bodybanner-wave__subhead ~ * {
      display: inline-block;
      margin-top: 20px; }
  .bodybanner-wave__wrapper {
    width: 50vw;
    margin-left: 20px; }
    @media (max-width: 480px) {
      .bodybanner-wave__wrapper {
        width: 100%; } }
  .bodybanner-wave__text {
    color: #888d9d;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%; }
    @media (min-width: 901px) and (max-width: 1300px) {
      .bodybanner-wave__text {
        margin-left: 0px !important;
        margin-right: 0px; } }
    @media (min-width: 481px) and (max-width: 900px) {
      .bodybanner-wave__text {
        margin-left: 0px !important;
        margin-right: 0px; } }
    @media (max-width: 480px) {
      .bodybanner-wave__text {
        margin-left: 0px !important;
        margin-right: 0px; } }
    .bodybanner-wave__text a {
      color: #5db8c5; }
      .bodybanner-wave__text a:hover {
        color: #888d9d;
        text-decoration: underline; }
  .bodybanner-wave__image {
    width: 100%;
    position: absolute;
    text-align: left; }
    @media (max-width: 480px) {
      .bodybanner-wave__image {
        width: 100%; } }

.bottomwave {
  display: block;
  height: 7vw;
  min-height: 140px;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #ffff5c;
  background-image: url("../images/header.svg");
  z-index: 100; }
  @media (min-width: 481px) and (max-width: 900px) {
    .bottomwave {
      background-size: 100%;
      min-height: 80px; } }
  @media (min-width: 481px) and (max-width: 767px) {
    .bottomwave {
      background-size: 100%;
      min-height: 60px; } }
  @media (max-width: 480px) {
    .bottomwave {
      background-size: 100%;
      min-height: 60px; } }

.givingareas {
  width: 100%;
  background-color: white; }
  .givingareas__container {
    max-width: 1100px;
    /*was 1200*/
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    flex-wrap: nowrap;
    align-items: stretch; }
    @media (min-width: 901px) and (max-width: 1300px) {
      .givingareas__container {
        max-width: calc(100% - 160px);
        margin: 0 auto; } }
    @media (min-width: 481px) and (max-width: 900px) {
      .givingareas__container {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }
    @media (max-width: 480px) {
      .givingareas__container {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }
    @media (min-width: 481px) and (max-width: 900px) {
      .givingareas__container {
        display: block;
        flex-wrap: wrap; } }
    @media (max-width: 480px) {
      .givingareas__container {
        display: block;
        flex-wrap: wrap; } }
  .givingareas h2 {
    display: table-cell; }
  .givingareas .givingarea {
    background-color: #f69679;
    width: calc(50% - 80px);
    height: 25vw;
    padding: 20px;
    margin: 20px;
    position: relative;
    margin-bottom: 80px; }
    .givingareas .givingarea:hover {
      background-color: #d7836a; }
    @media (min-width: 901px) and (max-width: 1300px) {
      .givingareas .givingarea {
        height: 380px; } }
    @media (min-width: 481px) and (max-width: 900px) {
      .givingareas .givingarea {
        width: calc(100% - 80px);
        height: 60vw; } }
    @media (max-width: 480px) {
      .givingareas .givingarea {
        width: calc(100% - 80px);
        height: 60vw; } }
    .givingareas .givingarea__icon {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      z-index: 0;
      max-width: 80%; }
    .givingareas .givingarea__inner {
      display: table-cell;
      vertical-align: top;
      z-index: 50;
      padding: 30px 40px 40px;
      position: relative; }
    .givingareas .givingarea__header-wrapper {
      margin-bottom: 40px;
      width: 100%;
      display: block; }
    .givingareas .givingarea__link {
      color: #FFF;
      display: inline-block; }
      .givingareas .givingarea__link:hover {
        color: #ffe000; }
    .givingareas .givingarea .field-name-arrow-link {
      display: inline-block; }
    .givingareas .givingarea__teaser {
      font-family: "Zilla Slab", serif;
      font-size: 26px;
      line-height: 32px;
      margin-top: 40px;
      color: #FFF;
      display: inline; }

.coral .givingarea {
  background-color: #f69679; }

.gray .givingarea {
  background-color: #888d9d; }

.yellow .givingarea {
  background-color: #ffe000; }

.teal .givingarea {
  background-color: #5db8c5; }

.givingareas.three .givingarea {
  width: calc(33% - 40px);
  height: 300px;
  max-height: 300px;
  display: block; }
  @media (min-width: 901px) and (max-width: 1300px) {
    .givingareas.three .givingarea {
      height: 400px;
      height: 350px;
      max-height: 350px; } }
  @media (min-width: 481px) and (max-width: 900px) {
    .givingareas.three .givingarea {
      width: calc(100% - 80px);
      height: 350px;
      max-height: 350px; } }
  @media (max-width: 480px) {
    .givingareas.three .givingarea {
      width: calc(100% - 80px);
      height: 350px;
      max-height: 350px; } }
  .givingareas.three .givingarea__inner {
    padding: 20px; }

.smallish .givingareas__container {
  max-width: 600px;
  margin: 0 auto;
  flex-direction: row; }
  @media (min-width: 901px) and (max-width: 1300px) {
    .smallish .givingareas__container {
      max-width: calc(100% - 480px);
      margin: 0 auto; } }
  @media (min-width: 481px) and (max-width: 900px) {
    .smallish .givingareas__container {
      max-width: calc(100% - 320px);
      margin: 0 auto; } }
  @media (max-width: 480px) {
    .smallish .givingareas__container {
      max-width: calc(100% - 240px);
      margin: 0 auto; } }
.smallish .givingareas .givingarea {
  width: calc(50% - 40px);
  flex: 1 0 auto; }

/*---------------- Giving Area Four --------------------------*/
.givingareas.four {
  width: 100%;
  background-color: white; }
  .givingareas.four__container {
    max-width: 1100px;
    /*was 1200*/
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    flex-wrap: nowrap;
    align-items: stretch; }
    @media (min-width: 901px) and (max-width: 1300px) {
      .givingareas.four__container {
        max-width: calc(100% - 160px);
        margin: 0 auto; } }
    @media (min-width: 481px) and (max-width: 900px) {
      .givingareas.four__container {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }
    @media (max-width: 480px) {
      .givingareas.four__container {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }
    @media (min-width: 481px) and (max-width: 900px) {
      .givingareas.four__container {
        display: block;
        flex-wrap: wrap; } }
    @media (max-width: 480px) {
      .givingareas.four__container {
        display: block;
        flex-wrap: wrap; } }
  .givingareas.four h2 {
    font-family: "Encode Sans Condensed", sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    color: #888d9d;
    background-color: #ffe000;
    padding: 15px 20px;
    margin-bottom: 40px;
    font-weight: 700;
    display: table-cell; }
  .givingareas.four .givingarea {
    background-color: #f69679;
    width: calc(50% - 80px);
    padding: 20px;
    margin: 20px;
    position: relative;
    display: block;
    margin-bottom: 80px;
    height: 300px;
    max-height: 300px; }
    .givingareas.four .givingarea:hover {
      background-color: #d7836a; }
    @media (min-width: 901px) and (max-width: 1300px) {
      .givingareas.four .givingarea {
        height: 350px;
        max-height: 350px; } }
    @media (min-width: 481px) and (max-width: 900px) {
      .givingareas.four .givingarea {
        width: calc(100% - 80px);
        height: 350px;
        max-height: 350px; } }
    @media (max-width: 480px) {
      .givingareas.four .givingarea {
        width: calc(100% - 80px);
        height: 350px;
        max-height: 350px; } }
    .givingareas.four .givingarea__icon {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      z-index: 0;
      max-width: 80%; }
    .givingareas.four .givingarea__inner {
      display: table-cell;
      vertical-align: top;
      z-index: 50;
      padding: 30px 40px 40px;
      position: relative; }
    .givingareas.four .givingarea__header-wrapper {
      margin-bottom: 40px;
      width: 100%;
      display: block; }
    .givingareas.four .givingarea__link {
      color: #FFF;
      display: inline-block; }
      .givingareas.four .givingarea__link:hover {
        color: #ffe000; }
    .givingareas.four .givingarea__teaser {
      font-family: "Zilla Slab", serif;
      font-size: 26px;
      line-height: 32px;
      margin-top: 40px;
      color: #FFF;
      display: inline; }

.coral .givingareas.four .givingarea {
  background-color: #f69679; }
  .coral .givingareas.four .givingarea:hover, .coral .givingareas.four .givingarea:focus {
    background-color: #b9715b; }

.gray .givingareas.four .givingarea {
  background-color: #888d9d; }
  .gray .givingareas.four .givingarea:hover, .gray .givingareas.four .givingarea:focus {
    background-color: rgba(136, 141, 157, 0.7); }

.teal .givingareas.four .givingarea {
  background-color: #5db8c5; }
  .teal .givingareas.four .givingarea:hover, .teal .givingareas.four .givingarea:focus {
    background-color: #468a94; }

.areas {
  background-color: #f69679;
  padding-top: 40px;
  padding-bottom: 40px; }
  .areas__inner {
    max-width: 1100px;
    /*was 1200*/
    margin: 0 auto; }
    @media (min-width: 901px) and (max-width: 1300px) {
      .areas__inner {
        max-width: calc(100% - 160px);
        margin: 0 auto; } }
    @media (min-width: 481px) and (max-width: 900px) {
      .areas__inner {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }
    @media (max-width: 480px) {
      .areas__inner {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }
  .areas__link {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 40px); }
  .areas__link__arrow {
    position: relative;
    display: inline-block;
    margin-left: 3px;
    color: #fff; }
    .areas__link__arrow:hover {
      color: #fff; }
  .areas__initiativename {
    font-family: "Zilla Slab", serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
    color: #FFF;
    padding-bottom: 40px; }
  .areas__initiativeareas .field-collection-container {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    width: 100%; }
    @media (min-width: 481px) and (max-width: 900px) {
      .areas__initiativeareas .field-collection-container {
        flex-wrap: wrap;
        justify-content: center; } }
    @media (max-width: 480px) {
      .areas__initiativeareas .field-collection-container {
        flex-wrap: wrap;
        justify-content: center; } }
  .areas__grantmakingarea {
    width: calc(25% - 40px); }
    @media (min-width: 481px) and (max-width: 900px) {
      .areas__grantmakingarea {
        width: calc(50% - 40px);
        margin-bottom: 20px; } }
    @media (max-width: 480px) {
      .areas__grantmakingarea {
        width: calc(100% - 80px); } }
  .areas .grantmakingarea__areabox {
    padding: 20px;
    height: 11vw;
    border: 1px solid white;
    position: relative; }
    @media (min-width: 481px) and (max-width: 900px) {
      .areas .grantmakingarea__areabox {
        height: 25vw; } }
    @media (max-width: 480px) {
      .areas .grantmakingarea__areabox {
        height: 33vw;
        margin-bottom: 40px; } }
    .areas .grantmakingarea__areabox:hover {
      background-color: #d7836a; }
  .areas .grantmakingarea__name {
    font-family: "Zilla Slab", serif;
    font-size: 26px;
    line-height: 32px;
    display: inline;
    position: relative;
    z-index: 100;
    color: #fff; }
    .areas .grantmakingarea__name:hover {
      color: #fff; }
  .areas .grantmakingarea__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 20px);
    z-index: 0; }
    .areas .grantmakingarea__icon img {
      fill: #FFF; }
  .areas .grantmakingarea__areateaser {
    font-family: "Encode Sans Condensed", sans-serif;
    color: #FFF;
    padding: 20px 0; }
    @media (max-width: 480px) {
      .areas .grantmakingarea__areateaser {
        margin-top: -40px; } }
  .areas .field-collection-view .entity-field-collection-item {
    width: calc(100% - 20px);
    margin: 0 auto; }
    @media (min-width: 481px) and (max-width: 900px) {
      .areas .field-collection-view .entity-field-collection-item {
        width: calc(100% - 40px);
        margin: 0 auto; } }
    @media (max-width: 480px) {
      .areas .field-collection-view .entity-field-collection-item {
        width: 100%;
        margin: 0 auto; } }

.coral .areas {
  background-color: #f69679; }

.gray .areas {
  background-color: #888d9d; }

.teal .areas {
  background-color: #5db8c5; }

.yellow .areas {
  background-color: #ffe000;
  /*probably need non-white border to make this work*/ }

/*general fix*/
.field-collection-view .entity-field-collection-item {
  float: none; }

.view-sunlight-meet-the-team h3 {
  font-size: 20px;
  font-family: "Encode Sans Condensed", sans-serif;
  display: inline-block;
  text-transform: uppercase;
  color: #fff;
  background-color: #5db8c5;
  padding: 15px 20px;
  font-weight: 700;
  margin-bottom: 20px; }

h3 + .team-member {
  border-top: 2px solid #fff100;
  padding-top: 40px; }

.team-member {
  display: flex;
  flex-wrap: none;
  justify-content: space-between;
  margin-bottom: 40px; }
  .team-member__picture {
    width: 25%; }
  .team-member__rightside {
    width: 75%; }
  .team-member__name {
    font-family: "Zilla Slab", serif;
    font-size: 26px;
    line-height: 32px;
    font-weight: 700;
    color: #5db8c5; }
  .team-member__title {
    font-family: "Zilla Slab", serif;
    font-style: italic;
    font-weight: 400;
    font-size: 26px;
    font-size: 22px;
    line-height: 22px;
    color: #5db8c5; }
  .team-member__bio {
    margin-top: 10px;
    font-size: 18px;
    line-height: 28px; }
  .team-member__email {
    margin-top: 10px;
    font-weight: 700; }

.columnlist {
  max-width: 1100px;
  /*was 1200*/
  margin: 0 auto;
  background-color: white;
  margin-bottom: 80px; }
  @media (min-width: 901px) and (max-width: 1300px) {
    .columnlist {
      max-width: calc(100% - 160px);
      margin: 0 auto; } }
  @media (min-width: 481px) and (max-width: 900px) {
    .columnlist {
      max-width: calc(100% - 80px);
      margin: 0 auto; } }
  @media (max-width: 480px) {
    .columnlist {
      max-width: calc(100% - 80px);
      margin: 0 auto; } }
  .columnlist__intro {
    font-family: "Zilla Slab", serif;
    font-size: 26px;
    line-height: 32px;
    line-height: 40px;
    color: #5db8c5; }
    .columnlist__intro a {
      color: #5db8c5; }
  .columnlist__link {
    width: 100%;
    padding: 10px 0; }
  .columnlist .entry .columnlist__link a {
    color: #5db8c5; }
    .columnlist .entry .columnlist__link a:hover {
      color: #ffeb66; }
  .columnlist .field-collection-container {
    display: flex;
    justify-content: space-around;
    flex-wrap: nowrap; }
    @media (min-width: 481px) and (max-width: 900px) {
      .columnlist .field-collection-container {
        flex-wrap: wrap; } }
    @media (max-width: 480px) {
      .columnlist .field-collection-container {
        flex-wrap: wrap; } }
  .columnlist__entries {
    display: table-cell;
    vertical-align: top;
    position: relative;
    width: calc(50% - 80px);
    padding: 40px; }
    @media (min-width: 481px) and (max-width: 900px) {
      .columnlist__entries {
        width: calc(100% - 80px); } }
    @media (max-width: 480px) {
      .columnlist__entries {
        width: calc(100% - 80px); } }
  .columnlist .entry {
    width: 100%; }
    .columnlist .entry__image {
      width: 100%;
      text-align: center;
      margin-bottom: 40px; }
      .columnlist .entry__image img {
        width: 280px;
        margin: 0 auto; }
        .columnlist .entry__image img:hover {
          opacity: .8; }
    .columnlist .entry__description {
      width: 100%;
      color: #888d9d; }
      .columnlist .entry__description:hover {
        color: #5db8c5; }
    .columnlist .entry a {
      color: #888d9d; }
      .columnlist .entry a:hover {
        color: #5db8c5; }
        .columnlist .entry a:hover:visited {
          text-decoration: none; }
        .columnlist .entry a:hover:active {
          text-decoration: none; }
        .columnlist .entry a:hover:focus {
          text-decoration: none; }

.multi .columnlist__entries .entry {
  border: #f69679 3px solid; }
.multi .columnlist__entries__image {
  width: auto;
  text-align: center;
  padding: 20px;
  margin-bottom: 0; }
  .multi .columnlist__entries__image img {
    width: 280px;
    margin: 0 auto; }
    .multi .columnlist__entries__image img:hover {
      opacity: .8; }
.multi .columnlist__entries:first-child .entry {
  border: #888d9d 3px solid; }
  .multi .columnlist__entries:first-child .entry__description {
    background-color: #888d9d; }
.multi .columnlist__entries:first-child .columnlist__link {
  background-color: #888d9d; }
.multi .columnlist__entries:last-child .entry {
  border: #5db8c5 3px solid; }
  .multi .columnlist__entries:last-child .entry__description {
    background-color: #5db8c5; }
.multi .columnlist__entries:last-child .columnlist__link {
  background-color: #5db8c5; }
.multi .columnlist__link {
  background-color: #f69679;
  color: white;
  text-align: center; }
.multi .columnlist .entry {
  width: 100%; }
  .multi .columnlist .entry__description {
    width: calc(100% - 20px);
    padding: 20px 10px;
    min-height: 250px;
    color: white;
    text-align: center;
    background-color: #f69679; }
    .multi .columnlist .entry__description:hover {
      color: #efefef; }
  .multi .columnlist .entry .entry a {
    color: white; }
    .multi .columnlist .entry .entry a:hover {
      color: #efefef; }

.graphiclist {
  max-width: 1100px;
  /*was 1200*/
  margin: 0 auto;
  margin-bottom: 80px; }
  @media (min-width: 901px) and (max-width: 1300px) {
    .graphiclist {
      max-width: calc(100% - 160px);
      margin: 0 auto; } }
  @media (min-width: 481px) and (max-width: 900px) {
    .graphiclist {
      max-width: calc(100% - 80px);
      margin: 0 auto; } }
  @media (max-width: 480px) {
    .graphiclist {
      max-width: calc(100% - 80px);
      margin: 0 auto; } }
  .graphiclist__listentry .listentry {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 0; }
    @media (max-width: 480px) {
      .graphiclist__listentry .listentry {
        flex-wrap: wrap; } }
    .graphiclist__listentry .listentry .listleft {
      width: 27%;
      padding: 20px 40px 20px 20px; }
      @media (max-width: 480px) {
        .graphiclist__listentry .listentry .listleft {
          width: 100%;
          margin: 0 auto; } }
    .graphiclist__listentry .listentry .listright {
      width: 73%;
      padding: 20px; }
      @media (max-width: 480px) {
        .graphiclist__listentry .listentry .listright {
          width: 100%; } }
      .graphiclist__listentry .listentry .listright .listentry__name {
        font-family: "Zilla Slab", serif;
        font-size: 30px;
        font-weight: 400;
        line-height: 40px;
        font-weight: bolder;
        color: #5db8c5; }
      .graphiclist__listentry .listentry .listright .listentry__subtitle {
        font-family: "Zilla Slab", serif;
        font-style: italic;
        font-weight: 400;
        font-size: 26px;
        font-size: 24px;
        line-height: 30px;
        color: #5db8c5; }
      .graphiclist__listentry .listentry .listright .listentry__desc {
        margin-top: 10px;
        font-family: "Encode Sans Condensed", sans-serif; }

/* Unstyle*/
:focus,
.btn:focus {
  outline: none;
  box-shadow: none; }

.dropdown-backdrop {
  position: static;
  z-index: 0; }

.navbar .btn-navbar:hover,
.navbar .btn-navbar:focus,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled] {
  color: #5db8c5;
  background-color: #FFF; }

/* Visibility + Responsiveness*/
.navbar {
  margin-top: -60px;
  float: right;
  margin-bottom: 0px;
  margin-right: 0; }
  @media (min-width: 901px) and (max-width: 1300px) {
    .navbar {
      margin-right: 0px; } }
  @media (min-width: 481px) and (max-width: 767px) {
    .navbar {
      margin: 0 auto;
      float: none;
      width: 100%; } }
  @media (max-width: 480px) {
    .navbar {
      margin: 0 auto;
      float: none;
      margin-top: 0px;
      width: 100%; } }
  .navbar .nav > li > a {
    padding: 0;
    text-shadow: none; }
  .navbar .nav > .active > a,
  .navbar .nav > .active > a:hover,
  .navbar .nav > .active > a:focus {
    background-color: #FFF;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .navbar .navbar .nav > .active > a:hover,
  .navbar .navbar .nav > .active > a:focus {
    color: #5db8c5; }
  .navbar .btn-navbar {
    background-color: #FFF;
    background-image: none;
    border: none; }
    @media (min-width: 481px) and (max-width: 767px) {
      .navbar .btn-navbar {
        display: block;
        float: right; } }
    @media (max-width: 480px) {
      .navbar .btn-navbar {
        display: block;
        float: right; } }
    .navbar .btn-navbar:hover {
      background-color: #FFF;
      background-image: none;
      border: none;
      box-shadow: none; }
      .navbar .btn-navbar:hover .icon-bar {
        background-color: #5db8c5;
        box-shadow: none; }
    .navbar .btn-navbar .icon-bar {
      background-color: #ccc;
      box-shadow: none; }

@media (min-width: 481px) and (max-width: 767px) {
  .nav-collapse .nav > li {
    float: none;
    width: 100%;
    text-align: left; }
    .nav-collapse .nav > li a {
      color: #888d9d; }
      .nav-collapse .nav > li a:hover {
        color: #5db8c5; } }
@media (max-width: 480px) {
  .nav-collapse .nav > li {
    float: none;
    width: 100%;
    text-align: center; }
    .nav-collapse .nav > li a {
      color: #888d9d; }
      .nav-collapse .nav > li a:hover {
        color: #5db8c5; } }

/*STYLE*/
/*DESKTOP MENU*/
@media (min-width: 481px) and (max-width: 767px) {
  .navbar ul.menu {
    margin-bottom: 20px; } }
@media (max-width: 480px) {
  .navbar ul.menu {
    margin-bottom: 20px; } }

.navbar ul.menu li {
  text-transform: uppercase;
  font-size: 18px;
  margin-left: 40px;
  margin-right: 0px; }
  @media (min-width: 901px) and (max-width: 1300px) {
    .navbar ul.menu li {
      font-size: 14px;
      margin-left: 20px;
      margin-right: 0px; } }
  @media (min-width: 481px) and (max-width: 900px) {
    .navbar ul.menu li {
      font-size: 14px;
      margin-left: 10px;
      margin-right: 0px; } }
  @media (min-width: 481px) and (max-width: 767px) {
    .navbar ul.menu li {
      font-size: 1em;
      padding-bottom: 10px;
      margin-bottom: 10px;
      margin-right: 0px;
      margin-left: 0px;
      padding-top: 20px;
      padding-left: 40px; } }
  @media (max-width: 480px) {
    .navbar ul.menu li {
      font-size: 1em;
      padding-top: 20px;
      margin-right: 0px;
      margin-left: 0px; } }
  .navbar ul.menu li ul li {
    text-transform: none;
    margin-left: 0;
    margin-right: 0; }
    @media (min-width: 481px) and (max-width: 767px) {
      .navbar ul.menu li ul li {
        padding-top: 5px;
        padding-bottom: 5px;
        margin-left: 0;
        padding-left: 0; } }
    @media (max-width: 480px) {
      .navbar ul.menu li ul li {
        padding-top: 5px;
        padding-bottom: 5px;
        margin-left: 0;
        padding-left: 0; } }

/*caret*/
.navbar .nav li.dropdown > .dropdown-toggle .caret,
.navbar .nav li.dropdown.open > .dropdown-toggle .caret {
  display: none;
  border-top-color: transparent;
  border-bottom-color: transparent; }

.navbar .nav > li > .dropdown-menu:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 0 solid transparent;
  border-bottom: transparent;
  border-left: 0 solid transparent;
  border-bottom-color: transparent; }

.navbar .nav li.dropdown > .dropdown-toggle:after {
  content: "\f107";
  font-family: "FontAwesome"; }

.navbar .nav li.dropdown.open > .dropdown-toggle:after {
  content: "\f106";
  font-family: "FontAwesome"; }

/*Separator*/
hr {
  /*only place this is used is on first drop-down*/
  margin: 10px 20px;
  width: calc(100% - 40px);
  border: 0;
  border-top: 1px solid #fff;
  border-bottom: 0 solid transparent; }
  @media (min-width: 481px) and (max-width: 900px) {
    hr {
      width: auto; } }
  @media (min-width: 481px) and (max-width: 767px) {
    hr {
      border-top: 1px solid #5db8c5; } }
  @media (max-width: 480px) {
    hr {
      border-top: 1px solid #5db8c5; } }

/*NO Caret on dropdown*/
.navbar .nav > li > .dropdown-menu:after {
  display: none; }

/*hover and bar colors*/
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
  background-color: transparent;
  box-shadow: none;
  color: #5db8c5; }
  @media (min-width: 481px) and (max-width: 767px) {
    .navbar .nav li.dropdown.open > .dropdown-toggle,
    .navbar .nav li.dropdown.active > .dropdown-toggle,
    .navbar .nav li.dropdown.open.active > .dropdown-toggle {
      box-shadow: none;
      padding-bottom: 20px; } }
  @media (max-width: 480px) {
    .navbar .nav li.dropdown.open > .dropdown-toggle,
    .navbar .nav li.dropdown.active > .dropdown-toggle,
    .navbar .nav li.dropdown.open.active > .dropdown-toggle {
      box-shadow: none;
      padding-bottom: 20px; } }

.navbar .nav li.dropdown.open > .dropdown-toggle:hover,
.navbar .nav li.dropdown.active > .dropdown-toggle:hover,
.navbar .nav li.dropdown.open.active > .dropdown-toggle:hover,
.navbar .nav li.dropdown > .dropdown-toggle:hover {
  color: #468a94; }

.open > .dropdown-menu {
  display: grid;
  gap: 10px; }

.navbar-inner {
  background-color: #fff;
  background-image: none;
  border: none;
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.065);
  -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.065);
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.065);
  padding: 0px;
  margin-top: 10px; }

.nav-collapse .nav > li > a:hover {
  background-color: transparent !important;
  color: #5db8c5;
  border-radius: 0px;
  border-bottom: none;
  box-shadow: none; }

.nav-collapse .dropdown-menu {
  border: none;
  position: absolute;
  top: 25px;
  left: 0;
  z-index: 1000;
  float: left;
  min-width: 160px;
  padding: 10px 0 20px;
  margin: 0;
  list-style: none;
  background-color: #468a94;
  border-top: 5px solid #ffe000;
  color: #FFF;
  text-transform: capitalize;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  /*Left margin for inner menu leaf styling
  .submenu {
    margin-left: 20px;
  }*/ }
  @media (min-width: 481px) and (max-width: 767px) {
    .nav-collapse .dropdown-menu {
      visibility: visible;
      position: static;
      top: auto;
      left: auto;
      display: none;
      float: none;
      max-width: none;
      padding-left: 40px;
      padding-right: 40px;
      padding-top: 0;
      padding-bottom: 0;
      margin: 0;
      color: #888d9d;
      background-color: #fff;
      border: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      padding-bottom: 20px;
      padding-top: 20px; } }
  @media (max-width: 480px) {
    .nav-collapse .dropdown-menu {
      visibility: visible;
      position: static;
      top: auto;
      left: auto;
      display: none;
      float: none;
      max-width: none;
      padding-left: 40px;
      padding-right: 40px;
      padding-top: 0;
      padding-bottom: 0;
      margin: 0;
      color: #888d9d;
      background-color: #fff;
      border: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; } }
  .nav-collapse .dropdown-menu li {
    margin-right: 1em; }
    .nav-collapse .dropdown-menu li.active-trail.dropdown {
      color: #468a94;
      font-weight: 700; }
  .nav-collapse .dropdown-menu .active > a {
    background-color: transparent;
    color: #fff;
    background-image: none;
    border-radius: 0; }
    @media (min-width: 481px) and (max-width: 767px) {
      .nav-collapse .dropdown-menu .active > a {
        color: #888d9d; } }
    @media (max-width: 480px) {
      .nav-collapse .dropdown-menu .active > a {
        color: #888d9d; } }
  .nav-collapse .dropdown-menu li a {
    font-weight: 500;
    text-align: left;
    color: #fff;
    margin-bottom: 0; }
    @media (min-width: 481px) and (max-width: 767px) {
      .nav-collapse .dropdown-menu li a {
        color: #888d9d;
        font-size: .8em; } }
    @media (max-width: 480px) {
      .nav-collapse .dropdown-menu li a {
        text-align: center;
        color: #888d9d;
        font-size: .8em; } }
    .nav-collapse .dropdown-menu li a:hover {
      background-color: transparent;
      background-image: none;
      color: #ffe000; }
    .nav-collapse .dropdown-menu li a:nth-child(2) {
      margin-left: 4px;
      font-style: italic; }
  .nav-collapse .dropdown-menu li a.menuheader:hover {
    background-color: transparent;
    background-image: none;
    color: #fffde0; }
    @media (max-width: 480px) {
      .nav-collapse .dropdown-menu li a.menuheader:hover {
        color: #5db8c5; } }
    @media (min-width: 481px) and (max-width: 900px) {
      .nav-collapse .dropdown-menu li a.menuheader:hover {
        color: #5db8c5; } }
    @media (min-width: 901px) and (max-width: 1300px) {
      .nav-collapse .dropdown-menu li a.menuheader:hover {
        color: #5db8c5; } }
  .nav-collapse .dropdown-menu li a.submenu {
    margin: -10px 0 0 20px; }
    @media (max-width: 480px) {
      .nav-collapse .dropdown-menu li a.submenu {
        margin-left: 0px !important; } }
  .nav-collapse .dropdown-menu .menuheader {
    text-transform: uppercase;
    color: #ffe000; }

/*HAMBURGER MENUS*/
@media (min-width: 901px) and (max-width: 1300px) {
  .nav-collapse.in .navbar ul.menu li {
    width: 100%;
    padding-bottom: 20px;
    color: #777;
    text-decoration: none;
    text-shadow: none;
    color: #888D9D; } }
@media (min-width: 481px) and (max-width: 900px) {
  .nav-collapse.in .navbar ul.menu li {
    width: 100%;
    padding-bottom: 20px;
    color: #777;
    text-decoration: none;
    text-shadow: none;
    color: #888D9D; } }
@media (max-width: 480px) {
  .nav-collapse.in .navbar ul.menu li {
    width: 100%;
    padding-bottom: 20px;
    color: #777;
    text-decoration: none;
    text-shadow: none;
    color: #888D9D; } }

span.views-throbbing {
  display: none !important; }

a.views-throbbing {
  padding-right: 0 !important; }

.ajax-progress-throbber {
  display: none; }

.no-arrow .fa-arrow-right {
  display: none; }

#backtotop {
  background: url("/sites/all/themes/actonfg/images/backtotop.png") no-repeat center center;
  background-size: 50px 50px; }
  #backtotop:hover {
    opacity: 0.7; }

.asterisk:after {
  content: "*";
  margin-left: 5px; }

.page-node-3409 .paragraphs-item-view-section .view-section {
  padding-top: 0; }

.site-footer {
  background-color: #ffe000;
  margin-top: 0;
  margin-bottom: 0; }

.footer-content .region-footer {
  width: 100%;
  max-width: 1100px;
  margin: 40px auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start; }
  @media (min-width: 481px) and (max-width: 900px) {
    .footer-content .region-footer {
      justify-content: center;
      flex-wrap: wrap;
      margin-bottom: 30px; } }
  @media (max-width: 480px) {
    .footer-content .region-footer {
      justify-content: center;
      flex-wrap: wrap;
      margin-bottom: 15px; } }

.domain-wildcardgiving-org #block-block-4,
.domain-sunlightgiving-com #block-block-6,
.domain-actonfamilygiving-org #block-block-1 {
  padding-top: 18px;
  line-height: 20px;
  font-size: 14px;
  order: 1;
  width: 69%; }
  @media (min-width: 901px) and (max-width: 1300px) {
    .domain-wildcardgiving-org #block-block-4,
    .domain-sunlightgiving-com #block-block-6,
    .domain-actonfamilygiving-org #block-block-1 {
      width: 50%; } }
  @media (min-width: 481px) and (max-width: 900px) {
    .domain-wildcardgiving-org #block-block-4,
    .domain-sunlightgiving-com #block-block-6,
    .domain-actonfamilygiving-org #block-block-1 {
      order: 2;
      padding-left: 24px;
      width: calc(100% - 80px);
      margin-right: auto;
      margin-left: auto; } }
  @media (max-width: 480px) {
    .domain-wildcardgiving-org #block-block-4,
    .domain-sunlightgiving-com #block-block-6,
    .domain-actonfamilygiving-org #block-block-1 {
      order: 2;
      padding-left: 24px;
      width: calc(100% - 40px);
      margin-right: auto;
      margin-left: auto; } }

.addressblock a {
  color: #888d9d;
  text-decoration: none; }
  .addressblock a:hover {
    color: #ffd100;
    background-color: white;
    padding: 2px;
    text-decoration: none;
    border-bottom: none; }

/*Footer content*/
.footer--content {
  display: flex; }
  .footer--content .column-one, .footer--content .column-two {
    width: 33%;
    max-width: 260px;
    padding-right: 30px; }

.postcard {
  padding-top: 40px;
  padding-bottom: 40px; }
  .postcard__inner {
    max-width: 1100px;
    /*was 1200*/
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    position: relative; }
    @media (min-width: 901px) and (max-width: 1300px) {
      .postcard__inner {
        max-width: calc(100% - 160px);
        margin: 0 auto; } }
    @media (min-width: 481px) and (max-width: 900px) {
      .postcard__inner {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }
    @media (max-width: 480px) {
      .postcard__inner {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }
  .postcard__image {
    max-width: 100%; }

.black .postcard {
  background-color: black; }

.hot-pink .postcard {
  background-color: #f40b7f; }

.green .postcard {
  background-color: #4fce5d; }

.brightyellow .postcard {
  background-color: #ffe600; }

.comparison-table {
  max-width: 1100px;
  /*was 1200*/
  margin: 0 auto;
  padding-top: 0px;
  padding-bottom: 40px;
  font-size: 16px;
  line-height: 24px; }
  @media (min-width: 901px) and (max-width: 1300px) {
    .comparison-table {
      max-width: calc(100% - 160px);
      margin: 0 auto; } }
  @media (min-width: 481px) and (max-width: 900px) {
    .comparison-table {
      max-width: calc(100% - 80px);
      margin: 0 auto; } }
  @media (max-width: 480px) {
    .comparison-table {
      max-width: calc(100% - 80px);
      margin: 0 auto; } }
  .comparison-table table {
    border-collapse: separate;
    border-spacing: 3px;
    border-right: none; }
  .comparison-table table a {
    color: #888d9d !important;
    font-weight: 700; }
    .comparison-table table a:hover {
      text-decoration: underline; }
  .comparison-table__body {
    text-align: left; }
  .comparison-table td {
    padding: 20px;
    text-align: left;
    width: 30%; }
  .comparison-table th {
    padding: 10px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    vertical-align: middle;
    padding: 20px;
    border-bottom: none; }
    .comparison-table th img {
      max-height: 49px; }
  .comparison-table tr.views-row-1 th:nth-child(1) {
    border-top: 3px solid #4fce5d; }
  .comparison-table tr.views-row-1 th:nth-child(2) {
    border-top: 3px solid #ffe000; }
  .comparison-table tr.views-row-1 th:nth-child(3) {
    border-top: 3px solid #5db8c5; }
  .comparison-table tr.views-row-1 th:nth-child(4) {
    border-top: 3px solid #f69679; }
  .comparison-table .view-header {
    font-family: "Zilla Slab", serif;
    font-size: 26px;
    line-height: 32px; }
  .comparison-table .view-header a {
    color: #5db8c5; }
  .comparison-table .view-header a:hover {
    color: #ffe000;
    text-decoration: none; }
  .comparison-table .views-row-odd th {
    background-color: #e3f4e2; }
  .comparison-table .views-row-odd td:nth-child(2) {
    background-color: #fef8db; }
  .comparison-table .views-row-odd td:nth-child(3) {
    background-color: #e3f1f3; }
  .comparison-table .views-row-odd td:nth-child(4) {
    background-color: #faebe5; }
  .comparison-table .views-row-odd:first-child th,
  .comparison-table .views-row-odd:first-child td {
    background-color: white;
    text-align: left; }
  .comparison-table .views-row-odd:first-child {
    text-align: left; }
  .comparison-table tr {
    border-bottom: 3px white solid; }

.view-section {
  padding-top: 40px;
  padding-bottom: 40px; }
  .view-section__inner {
    max-width: 1100px;
    /*was 1200*/
    margin: 0 auto; }
    @media (min-width: 901px) and (max-width: 1300px) {
      .view-section__inner {
        max-width: calc(100% - 160px);
        margin: 0 auto; } }
    @media (min-width: 481px) and (max-width: 900px) {
      .view-section__inner {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }
    @media (max-width: 480px) {
      .view-section__inner {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }

.view-films-main-view .view-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1100px;
  /*was 1200*/
  margin: 0 auto; }
  @media (min-width: 901px) and (max-width: 1300px) {
    .view-films-main-view .view-content {
      max-width: calc(100% - 160px);
      margin: 0 auto; } }
  @media (min-width: 481px) and (max-width: 900px) {
    .view-films-main-view .view-content {
      max-width: calc(100% - 80px);
      margin: 0 auto; } }
  @media (max-width: 480px) {
    .view-films-main-view .view-content {
      max-width: calc(100% - 80px);
      margin: 0 auto; } }
  @media (max-width: 480px) {
    .view-films-main-view .view-content {
      justify-content: center; } }

.finding-film {
  background-color: #f40b7f;
  width: 29%;
  height: 450px;
  margin-left: 0;
  margin-right: 40px; }
  @media (min-width: 901px) and (max-width: 1100px) {
    .finding-film {
      width: 42%;
      height: 360px; } }
  @media (min-width: 481px) and (max-width: 900px) {
    .finding-film {
      width: 100%;
      height: 250px;
      margin-left: 20px;
      margin-right: 20px; } }
  @media (max-width: 480px) {
    .finding-film {
      width: 100%;
      height: 350px;
      min-height: 350px;
      margin-left: 0;
      margin-right: 0; } }
  .finding-film .finding__main {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    height: 100%; }
  .finding-film .finding__body {
    color: white;
    font-size: 18px; }
    @media (max-width: 480px) {
      .finding-film .finding__body {
        font-size: 16px; } }
  .finding-film .finding__link {
    font-size: 32px;
    color: white; }
    .finding-film .finding__link.nolink {
      margin-bottom: 26px;
      display: block; }
  .finding-film .finding__image {
    opacity: .9;
    -webkit-opacity: .9;
    -moz-opacity: .9; }
  .finding-film a.finding__link-wrapper {
    color: #FFF; }
    .finding-film a.finding__link-wrapper:hover {
      color: #ffe600; }

.entity-info {
  max-width: 1100px;
  /*was 1200*/
  margin: 0 auto; }
  @media (min-width: 901px) and (max-width: 1300px) {
    .entity-info {
      max-width: calc(100% - 160px);
      margin: 0 auto; } }
  @media (min-width: 481px) and (max-width: 900px) {
    .entity-info {
      max-width: calc(100% - 80px);
      margin: 0 auto; } }
  @media (max-width: 480px) {
    .entity-info {
      max-width: calc(100% - 80px);
      margin: 0 auto; } }

.linked-circles {
  background-color: #5db8c5;
  padding-top: 40px;
  padding-bottom: 40px; }
  .linked-circles__inner {
    max-width: 1100px;
    /*was 1200*/
    margin: 0 auto; }
    @media (min-width: 901px) and (max-width: 1300px) {
      .linked-circles__inner {
        max-width: calc(100% - 160px);
        margin: 0 auto; } }
    @media (min-width: 481px) and (max-width: 900px) {
      .linked-circles__inner {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }
    @media (max-width: 480px) {
      .linked-circles__inner {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }
    .linked-circles__inner .field-collection-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      @media (min-width: 481px) and (max-width: 900px) {
        .linked-circles__inner .field-collection-container {
          flex-wrap: wrap; } }
      @media (max-width: 480px) {
        .linked-circles__inner .field-collection-container {
          flex-wrap: wrap;
          justify-content: space-around; } }
      .linked-circles__inner .field-collection-container:before {
        display: none; }
      .linked-circles__inner .field-collection-container .field-collection-view .entity-field-collection-item {
        height: 100%; }
    .linked-circles__inner .circle {
      font-family: "Zilla Slab", serif;
      font-size: 30px;
      font-weight: 400;
      line-height: 40px;
      display: flex;
      justify-content: center;
      align-items: flex-end;
      background-color: #fff;
      border-radius: 1000px;
      width: 200px;
      height: 200px;
      color: #5db8c5;
      margin: 10px; }
      .linked-circles__inner .circle:hover {
        background-color: #468a94; }
        .linked-circles__inner .circle:hover a {
          color: #fff; }
        .linked-circles__inner .circle:hover .circle__arrow {
          border-color: #fff; }
      .linked-circles__inner .circle .field-collection-view {
        height: 100%;
        width: 100%;
        border-radius: 50px; }
      .linked-circles__inner .circle a {
        height: calc(100% - 20px);
        color: #5db8c5;
        font-size: 0.8em;
        line-height: 1.2em;
        padding-bottom: 20px; }
      .linked-circles__inner .circle__text {
        width: calc(100% - 90px);
        margin: 0 auto; }
      .linked-circles__inner .circle__link {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
        height: 100%;
        text-align: center;
        vertical-align: middle; }
      .linked-circles__inner .circle__arrow {
        min-height: 40px;
        margin-top: 10px;
        padding-top: 10px;
        border-top: 2px solid #5db8c5;
        width: 80px; }

.circle:nth-child(3) .circle__text {
  width: calc(100% - 40px); }

.teal .linked-circles {
  background-color: #5db8c5; }
  .teal .linked-circles a {
    color: #5db8c5; }

.coral .linked-circles {
  background-color: #f69679; }
  .coral .linked-circles a {
    color: #f69679; }

.yellow .linked-circles {
  background-color: #ffe000; }

.gray .linked-circles {
  background-color: #888d9d; }

.yellow-light .linked-circles {
  background-color: #fffde0; }

.page-node-2611 #block-bean-sunlight-giving-socktop
.linked-circles__inner
.circle:nth-child(1) {
  background-color: #7dc6d1; }
  .page-node-2611 #block-bean-sunlight-giving-socktop
  .linked-circles__inner
  .circle:nth-child(1) a {
    color: #fff; }
  .page-node-2611 #block-bean-sunlight-giving-socktop
  .linked-circles__inner
  .circle:nth-child(1) .circle__arrow {
    border-top: 2px solid #fff; }

.page-node-1715 #block-bean-sunlight-giving-socktop
.linked-circles__inner
.circle:nth-child(2) {
  background-color: #7dc6d1; }
  .page-node-1715 #block-bean-sunlight-giving-socktop
  .linked-circles__inner
  .circle:nth-child(2) a {
    color: #fff; }
  .page-node-1715 #block-bean-sunlight-giving-socktop
  .linked-circles__inner
  .circle:nth-child(2) .circle__arrow {
    border-top: 2px solid #fff; }

.page-node-2612 #block-bean-sunlight-giving-socktop
.linked-circles__inner
.circle:nth-child(3) {
  background-color: #7dc6d1; }
  .page-node-2612 #block-bean-sunlight-giving-socktop
  .linked-circles__inner
  .circle:nth-child(3) a {
    color: #fff; }
  .page-node-2612 #block-bean-sunlight-giving-socktop
  .linked-circles__inner
  .circle:nth-child(3) .circle__arrow {
    border-top: 2px solid #fff; }

.page-node-2610 #block-bean-sunlight-giving-socktop
.linked-circles__inner
.circle:nth-child(4) {
  background-color: #7dc6d1; }
  .page-node-2610 #block-bean-sunlight-giving-socktop
  .linked-circles__inner
  .circle:nth-child(4) a {
    color: #fff; }
  .page-node-2610 #block-bean-sunlight-giving-socktop
  .linked-circles__inner
  .circle:nth-child(4) .circle__arrow {
    border-top: 2px solid #fff; }

.page-node-2613 #block-bean-sunlight-giving-socktop
.linked-circles__inner
.circle:nth-child(5) {
  background-color: #7dc6d1; }
  .page-node-2613 #block-bean-sunlight-giving-socktop
  .linked-circles__inner
  .circle:nth-child(5) a {
    color: #fff; }
  .page-node-2613 #block-bean-sunlight-giving-socktop
  .linked-circles__inner
  .circle:nth-child(5) .circle__arrow {
    border-top: 2px solid #fff; }

/***** WAVE *****/
/* YELLOW WAVE*/
.paragraphs-item-wave {
  display: block;
  height: 9vw;
  min-height: 100px;
  background-size: cover;
  background-color: #FFF;
  background-image: url("../images/footer.svg"); }
  .paragraphs-item-wave.yellow-mix {
    background-image: url("../images/home.svg");
    padding-bottom: 100px; }

/* WAVE BACKGROUNDS COLORS */
.paragraphs-item-wave.teal {
  background-color: #5db8c5; }

.paragraphs-item-wave.yellow-light {
  background-color: #fffde0; }

.paragraphs-item-wave.white {
  background-color: #FFF; }

.paragraphs-item-wave.gray {
  background-color: #4fce5d; }

.paragraphs-item-wave.yellow-med {
  background-color: #fff100; }

.two-col-embed {
  background-color: #FFF; }
  .two-col-embed__inner {
    max-width: 1100px;
    /*was 1200*/
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    @media (min-width: 901px) and (max-width: 1300px) {
      .two-col-embed__inner {
        max-width: calc(100% - 160px);
        margin: 0 auto; } }
    @media (min-width: 481px) and (max-width: 900px) {
      .two-col-embed__inner {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }
    @media (max-width: 480px) {
      .two-col-embed__inner {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }
    .two-col-embed__inner__embed {
      width: calc(50% - 40px);
      margin: 20px; }

.stat-tiles {
  background-color: #FFF; }
  .stat-tiles__inner {
    max-width: 1100px;
    /*was 1200*/
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    @media (min-width: 901px) and (max-width: 1300px) {
      .stat-tiles__inner {
        max-width: calc(100% - 160px);
        margin: 0 auto; } }
    @media (min-width: 481px) and (max-width: 900px) {
      .stat-tiles__inner {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }
    @media (max-width: 480px) {
      .stat-tiles__inner {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }
  .stat-tiles__tile {
    width: calc(25% - 40px);
    margin: 10px; }

.text-tiles {
  background-color: #fff; }
  .text-tiles__inner .field-collection-container {
    max-width: 1100px;
    /*was 1200*/
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    overflow: hidden;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media (min-width: 901px) and (max-width: 1300px) {
      .text-tiles__inner .field-collection-container {
        max-width: calc(100% - 160px);
        margin: 0 auto; } }
    @media (min-width: 481px) and (max-width: 900px) {
      .text-tiles__inner .field-collection-container {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }
    @media (max-width: 480px) {
      .text-tiles__inner .field-collection-container {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }
    @media (max-width: 480px) {
      .text-tiles__inner .field-collection-container {
        justify-content: space-around; } }
  .text-tiles__tile {
    font-family: "Zilla Slab", serif;
    font-size: 26px;
    line-height: 32px;
    font-size: 22px;
    line-height: 26px;
    width: calc(33% - 120px);
    margin: 20px;
    padding: 40px;
    background-color: #5db8c5;
    color: #fff; }
    @media (min-width: 481px) and (max-width: 767px) {
      .text-tiles__tile {
        width: calc(50% - 100px); } }
    @media (max-width: 480px) {
      .text-tiles__tile {
        width: calc(100% - 80px); } }
    .text-tiles__tile:hover {
      background-color: #468a94; }
    .text-tiles__tile a {
      color: #fff; }
    .text-tiles__tile h2.section-header {
      background-color: #ffe000;
      display: table-cell;
      color: #888d9d;
      font-size: 18px; }
      .text-tiles__tile h2.section-header a {
        color: #888d9d; }
    .text-tiles__tile__header-wrapper {
      margin-bottom: 40px; }
    .text-tiles__tile__text {
      display: inline;
      flex: 1 0 auto; }
    .text-tiles__tile__arrow {
      color: #fff;
      display: inline-block; }
      .text-tiles__tile__arrow p {
        margin-left: 10px;
        display: inline-block; }
      .text-tiles__tile__arrow a {
        color: #fff; }

.domain-sunlightgiving-com .text-tiles .clearfix:before,
.domain-sunlightgiving-com .text-tiles .clearfix:after {
  display: none; }
.domain-sunlightgiving-com .text-tiles__tile {
  margin: 20px 0px;
  min-height: 250px; }
  .domain-sunlightgiving-com .text-tiles__tile__text {
    font-size: 22px; }
  .domain-sunlightgiving-com .text-tiles__tile h2.section-header {
    font-size: 14px; }

.snapshot__wrapper,
.snapshots {
  max-width: 1100px;
  /*was 1200*/
  margin: 0 auto; }
  @media (min-width: 901px) and (max-width: 1300px) {
    .snapshot__wrapper,
    .snapshots {
      max-width: calc(100% - 160px);
      margin: 0 auto; } }
  @media (min-width: 481px) and (max-width: 900px) {
    .snapshot__wrapper,
    .snapshots {
      max-width: calc(100% - 80px);
      margin: 0 auto; } }
  @media (max-width: 480px) {
    .snapshot__wrapper,
    .snapshots {
      max-width: calc(100% - 80px);
      margin: 0 auto; } }
  .snapshot__wrapper .view-filters,
  .snapshots .view-filters {
    background-color: white;
    min-height: 60px;
    vertical-align: middle;
    border-bottom: 2px solid #ffe000;
    margin-bottom: 40px; }
  .snapshot__wrapper .views-exposed-form,
  .snapshots .views-exposed-form {
    background-color: white;
    padding: 0; }
  .snapshot__wrapper .bef-select-as-links .form-item .form-type-bef-link,
  .snapshots .bef-select-as-links .form-item .form-type-bef-link {
    width: auto;
    color: #5db8c5;
    font-family: 'Encode Sans Condensed', sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    background-color: white;
    padding: 2px 30px;
    margin: 0;
    border-radius: 40px;
    border: 1px solid #5db8c5;
    text-align: center;
    font-size: 16px;
    margin-right: 10px; }
    .snapshot__wrapper .bef-select-as-links .form-item .form-type-bef-link:hover,
    .snapshots .bef-select-as-links .form-item .form-type-bef-link:hover {
      color: white;
      background-color: #468a94;
      border: 1px solid #468a94; }
      .snapshot__wrapper .bef-select-as-links .form-item .form-type-bef-link:hover a,
      .snapshots .bef-select-as-links .form-item .form-type-bef-link:hover a {
        color: white; }
    .snapshot__wrapper .bef-select-as-links .form-item .form-type-bef-link a,
    .snapshots .bef-select-as-links .form-item .form-type-bef-link a {
      color: #5db8c5; }
      .snapshot__wrapper .bef-select-as-links .form-item .form-type-bef-link a:after,
      .snapshots .bef-select-as-links .form-item .form-type-bef-link a:after {
        content: '\f0a9';
        margin-left: 3px;
        font-family: 'FontAwesome'; }
        .snapshot__wrapper .bef-select-as-links .form-item .form-type-bef-link a:after:hover,
        .snapshots .bef-select-as-links .form-item .form-type-bef-link a:after:hover {
          color: #FFF; }
  .snapshot__wrapper .bef-select-as-links .form-item,
  .snapshots .bef-select-as-links .form-item {
    max-width: 1100px;
    padding: 0;
    clear: both;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; }

.snapshot {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
  justify-content: space-between; }
  @media (min-width: 481px) and (max-width: 767px) {
    .snapshot {
      flex-wrap: wrap;
      justify-content: center; } }
  @media (max-width: 480px) {
    .snapshot {
      flex-wrap: wrap;
      justify-content: center; } }
  .snapshot h2 {
    background-color: transparent;
    color: #888d9d;
    padding: 0;
    font-size: 28px;
    font-weight: 700; }
    @media (min-width: 481px) and (max-width: 767px) {
      .snapshot h2 {
        margin-top: 40px; } }
    @media (max-width: 480px) {
      .snapshot h2 {
        margin-top: 40px; } }
  .snapshot__body {
    width: calc(60% - 120px);
    margin-right: 120px; }
    @media (min-width: 481px) and (max-width: 767px) {
      .snapshot__body {
        width: calc(100% - 80px);
        margin: 0 auto; } }
    @media (max-width: 480px) {
      .snapshot__body {
        width: calc(100% - 80px);
        margin: 0 auto; } }
    .snapshot__body a {
      color: #5db8c5; }
      .snapshot__body a:hover {
        color: #468a94; }
  .snapshot__stats {
    width: 40%; }
    @media (min-width: 481px) and (max-width: 767px) {
      .snapshot__stats {
        width: calc(100% - 80px);
        margin: 0 auto; } }
    @media (max-width: 480px) {
      .snapshot__stats {
        width: calc(100% - 80px);
        margin: 0 auto; } }
  .snapshot__label {
    font-family: "Encode Sans Condensed", sans-serif;
    color: #f69679;
    font-size: 0.8em;
    font-weight: 700;
    text-transform: uppercase; }
  .snapshot__number {
    font-family: "Zilla Slab", serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
    line-height: 20px; }
  .snapshot__payments-label {
    color: #888d9d;
    font-size: 28px;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px; }
    .snapshot__payments-label::before {
      font-family: 'FontAwesome';
      content: '\f200 ';
      color: #888d9d;
      display: inline-block;
      margin-right: 10px; }
  .snapshot__chart-wrapper {
    width: 100%;
    display: block; }
  .snapshot__chart {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .snapshot__chart > div {
      width: calc(50% - 40px); }
      @media (max-width: 480px) {
        .snapshot__chart > div {
          width: calc(100% - 40px);
          margin: 0 auto; } }

.domain-sunlightgiving-com .snapshots .bef-select-as-links .form-item .form-type-bef-link {
  background-color: #fff;
  color: #5db8c5; }
  .domain-sunlightgiving-com .snapshots .bef-select-as-links .form-item .form-type-bef-link a {
    color: #5db8c5; }
  .domain-sunlightgiving-com .snapshots .bef-select-as-links .form-item .form-type-bef-link:hover {
    background-color: #468a94;
    border-color: #468a94;
    color: #fff; }
    .domain-sunlightgiving-com .snapshots .bef-select-as-links .form-item .form-type-bef-link:hover a {
      color: #fff; }

.highcharts-container button {
  color: #888d9d !important; }
  .highcharts-container button:hover {
    color: #f69679 !important; }
.highcharts-container text {
  font-family: "Encode Sans Condensed", sans-serif !important;
  color: #f69679 !important;
  text-transform: uppercase;
  text-decoration: none !important;
  width: 100% !important;
  fill: #f69679 !important;
  text-align: center; }
.highcharts-container .highcharts-legend-item text {
  text-transform: normal !important;
  font-weight: 500 !important;
  margin-bottom: 15px !important;
  color: #888d9d !important;
  text-align: left; }

.highcharts-title:after {
  content: "TEST TEST";
  padding-top: 20px !important;
  border-bottom: 2px solid #ffe000 !important;
  padding-bottom: 20px;
  display: block;
  position: absolute;
  top: 0;
  left: 0; }

.highcharts-title {
  overflow: visible;
  position: relative; }

.socktop {
  background-color: #7dc6d1;
  max-height: 400px;
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
  overflow: hidden; }
  @media (min-width: 481px) and (max-width: 900px) {
    .socktop {
      max-height: 800px; } }
  @media (max-width: 480px) {
    .socktop {
      max-height: 800px; } }
  .socktop .field-collection-container {
    max-width: 1100px;
    /*was 1200*/
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between; }
    @media (min-width: 901px) and (max-width: 1300px) {
      .socktop .field-collection-container {
        max-width: calc(100% - 160px);
        margin: 0 auto; } }
    @media (min-width: 481px) and (max-width: 900px) {
      .socktop .field-collection-container {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }
    @media (max-width: 480px) {
      .socktop .field-collection-container {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }
    @media (min-width: 901px) and (max-width: 1300px) {
      .socktop .field-collection-container {
        justify-content: space-between; } }
    @media (min-width: 481px) and (max-width: 900px) {
      .socktop .field-collection-container {
        justify-content: space-between;
        flex-wrap: wrap; } }
    @media (max-width: 480px) {
      .socktop .field-collection-container {
        flex-wrap: wrap;
        justify-content: space-around; } }
  .socktop .field-collection-view {
    width: 25%;
    background-color: #468a94;
    z-index: 6;
    color: #fff;
    margin: 10px;
    padding: 20px 20px;
    position: relative;
    float: none; }
    .socktop .field-collection-view:hover {
      color: #7dc6d1;
      background-color: #3f7c85; }
    @media (min-width: 481px) and (max-width: 900px) {
      .socktop .field-collection-view {
        width: 100%;
        margin-bottom: 40px;
        margin-right: 0; } }
    @media (max-width: 480px) {
      .socktop .field-collection-view {
        width: 100%;
        margin-right: 0;
        margin-bottom: 40px; } }
  .socktop__bg {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    -ms-overflow-style: none;
    overflow-x: hidden; }
  .socktop__bg img {
    position: absolute;
    object-fit: cover;
    left: 0;
    width: 100vw;
    height: 100%;
    z-index: 2; }
  .socktop__link-wrapper {
    padding: 0;
    width: 100%;
    height: 100%;
    position: relative; }
  .socktop__container {
    max-width: 1100px;
    /*was 1200*/
    margin: 0 auto; }
    @media (min-width: 901px) and (max-width: 1300px) {
      .socktop__container {
        max-width: calc(100% - 160px);
        margin: 0 auto; } }
    @media (min-width: 481px) and (max-width: 900px) {
      .socktop__container {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }
    @media (max-width: 480px) {
      .socktop__container {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }
  .socktop__name {
    display: inline; }
  .socktop a.socktop__link {
    font-family: "Zilla Slab", serif;
    font-size: 26px;
    line-height: 32px;
    font-size: 24px;
    color: #FFF; }
    .socktop a.socktop__link:hover {
      color: #7dc6d1; }
  .socktop a .socktop__link__arrow {
    color: #5db8c5;
    display: inline-block;
    margin-left: 3px; }
    .socktop a .socktop__link__arrow:hover {
      color: #7dc6d1; }

#block-bean-wildcard-giving-link-for-wildcar,
#block-bean-wildcard-giving-link-for-acton-f,
#block-bean-wildcard-giving-link-for-sunligh {
  order: 2;
  width: 31%; }
  @media (min-width: 901px) and (max-width: 1300px) {
    #block-bean-wildcard-giving-link-for-wildcar,
    #block-bean-wildcard-giving-link-for-acton-f,
    #block-bean-wildcard-giving-link-for-sunligh {
      width: 50%; } }
  @media (min-width: 481px) and (max-width: 900px) {
    #block-bean-wildcard-giving-link-for-wildcar,
    #block-bean-wildcard-giving-link-for-acton-f,
    #block-bean-wildcard-giving-link-for-sunligh {
      order: 1;
      width: calc(100% - 80px);
      margin-right: auto;
      margin-left: auto;
      margin-bottom: 20px; } }
  @media (max-width: 480px) {
    #block-bean-wildcard-giving-link-for-wildcar,
    #block-bean-wildcard-giving-link-for-acton-f,
    #block-bean-wildcard-giving-link-for-sunligh {
      order: 1;
      width: calc(100% - 40px);
      margin-right: auto;
      margin-left: auto;
      margin-bottom: 20px; } }

.affiliation-block__link a {
  color: #888d9d; }
  .affiliation-block__link a:hover {
    color: white; }
.affiliation-block__logo img {
  max-width: 200px; }
.affiliation-block__logo:hover {
  opacity: 0.8; }
.affiliation-block__subtext {
  font-family: "Encode Sans Condensed", sans-serif;
  line-height: 20px;
  font-size: 14px;
  padding: 0 0 0 24px; }

.garter {
  width: 100%;
  padding-top: 40px;
  padding-bottom: 0;
  display: table;
  position: relative;
  overflow: hidden;
  -ms-overflow-style: none;
  overflow-x: hidden;
  background-color: #fffde0; }
  .garter a .garter__body,
  .garter a .garter__arrow {
    color: #888d9d; }
  .garter a:hover .garter__body,
  .garter a:hover .garter__arrow {
    color: #5db8c5; }
  .garter__inner {
    max-width: 1100px;
    /*was 1200*/
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    z-index: 6; }
    @media (min-width: 901px) and (max-width: 1300px) {
      .garter__inner {
        max-width: calc(100% - 160px);
        margin: 0 auto; } }
    @media (min-width: 481px) and (max-width: 900px) {
      .garter__inner {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }
    @media (max-width: 480px) {
      .garter__inner {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }
    @media (min-width: 481px) and (max-width: 900px) {
      .garter__inner {
        display: block;
        flex-wrap: wrap; } }
    @media (max-width: 480px) {
      .garter__inner {
        display: block;
        flex-wrap: wrap; } }
  .garter__image {
    background-image: url("/sites/default/files/bannerimages/homemissionlogo%402x_0.png");
    width: calc(50% - 40px);
    margin-right: 80px;
    min-height: 220px;
    text-align: center;
    background-repeat: no-repeat;
    background-size: 220px 220px;
    background-position: right; }
    @media (min-width: 481px) and (max-width: 900px) {
      .garter__image {
        width: calc(100% - 80px);
        background-position: center;
        margin-right: 0; } }
    @media (max-width: 480px) {
      .garter__image {
        width: calc(100% - 80px);
        background-position: center;
        margin-right: 0; } }
  .garter__body-wrapper {
    width: calc(50% - 40px);
    color: #888d9d;
    text-align: left;
    font-family: "Zilla Slab", serif;
    font-size: 26px;
    line-height: 32px;
    display: inline; }
    @media (min-width: 481px) and (max-width: 900px) {
      .garter__body-wrapper {
        width: calc(100% - 80px); } }
    @media (max-width: 480px) {
      .garter__body-wrapper {
        width: calc(100% - 80px); } }
  .garter__header-wrapper {
    width: 100%; }
  .garter__arrow {
    display: inline-block;
    margin-left: 10px; }
    .garter__arrow:hover {
      color: #5db8c5; }
  .garter__body {
    display: inline-block; }

.link-bubbles {
  padding-top: 40px;
  padding-bottom: 40px; }
  @media (min-width: 481px) and (max-width: 900px) {
    .link-bubbles {
      margin-top: 0; } }
  @media (max-width: 480px) {
    .link-bubbles {
      margin-top: 0; } }
  .link-bubbles .section-header-wrapper {
    width: 100%;
    padding-right: 10px;
    padding-bottom: 20px;
    border-bottom: 2px solid #ffe000;
    text-align: left; }
    @media (min-width: 481px) and (max-width: 900px) {
      .link-bubbles .section-header-wrapper {
        margin-top: 20px; } }
    @media (max-width: 480px) {
      .link-bubbles .section-header-wrapper {
        margin-top: 20px; } }
  .link-bubbles .field-collection-container {
    max-width: 1100px;
    /*was 1200*/
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap; }
    @media (min-width: 901px) and (max-width: 1300px) {
      .link-bubbles .field-collection-container {
        max-width: calc(100% - 160px);
        margin: 0 auto; } }
    @media (min-width: 481px) and (max-width: 900px) {
      .link-bubbles .field-collection-container {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }
    @media (max-width: 480px) {
      .link-bubbles .field-collection-container {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }
    .link-bubbles .field-collection-container .field-collection-view {
      width: calc(48% - 40px);
      margin-right: 40px; }
      @media (min-width: 901px) and (max-width: 1100px) {
        .link-bubbles .field-collection-container .field-collection-view {
          width: 100%;
          margin-right: 0; } }
      @media (min-width: 481px) and (max-width: 900px) {
        .link-bubbles .field-collection-container .field-collection-view {
          width: 100%;
          margin-right: 0; } }
      @media (max-width: 480px) {
        .link-bubbles .field-collection-container .field-collection-view {
          width: 100%;
          margin-right: 0; } }
      .link-bubbles .field-collection-container .field-collection-view .bubble-set {
        display: flex;
        flex-wrap: wrap;
        justify-content: center; }
        .link-bubbles .field-collection-container .field-collection-view .bubble-set .bubble {
          font-family: "Zilla Slab", serif;
          font-size: 26px;
          line-height: 32px;
          display: flex;
          justify-content: center;
          background-color: rgba(255, 235, 102, 0.5);
          border-radius: 1000px;
          width: 150px;
          height: 150px;
          color: #ccc;
          margin: 10px; }
          @media (max-width: 480px) {
            .link-bubbles .field-collection-container .field-collection-view .bubble-set .bubble {
              width: 100px;
              height: 100px;
              font-size: 16px; } }
          .link-bubbles .field-collection-container .field-collection-view .bubble-set .bubble:hover {
            background-color: #ffff9d; }
          .link-bubbles .field-collection-container .field-collection-view .bubble-set .bubble .file {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            align-items: baseline; }
            .link-bubbles .field-collection-container .field-collection-view .bubble-set .bubble .file a {
              order: 1;
              flex-basis: 100%;
              font-weight: 500;
              color: #888d9d;
              border-bottom: 2px solid #888d9d;
              text-align: center;
              padding-bottom: 12px;
              padding-top: 30px; }
              @media (max-width: 480px) {
                .link-bubbles .field-collection-container .field-collection-view .bubble-set .bubble .file a {
                  padding-top: 20px;
                  padding-bottom: 8px; } }
            .link-bubbles .field-collection-container .field-collection-view .bubble-set .bubble .file .file-icon {
              padding-top: 0;
              padding-bottom: 30px;
              width: 16px;
              order: 2;
              text-align: center; }
              @media (max-width: 480px) {
                .link-bubbles .field-collection-container .field-collection-view .bubble-set .bubble .file .file-icon {
                  padding-top: 0;
                  padding-bottom: 20px; } }

.smallish .link-bubbles
.field-collection-container
.field-collection-view
.bubble-set
.bubble
.file
a {
  font-size: 14px;
  line-height: 18px;
  margin-right: 10px;
  margin-left: 10px; }

/*domain specific stuff*/
/*only should be used for color/font overrides that can't be variations*/
/*domain specific stuff*/
/*only should be used for overrides that can't be variations*/
.domain-wildcardgiving-org h2 {
  background-color: #4fce5d;
  color: white; }
.domain-wildcardgiving-org a {
  color: #5db8c5; }
.domain-wildcardgiving-org a:hover {
  color: #ffe000; }
.domain-wildcardgiving-org .title-wrapper {
  background-color: #4fce5d; }
.domain-wildcardgiving-org .socktop {
  background-color: #4fce5d; }
  .domain-wildcardgiving-org .socktop .field-collection-view {
    background-color: #3f9a4a; }
  .domain-wildcardgiving-org .socktop a .socktop__link__arrow {
    color: #4fce5d; }
  .domain-wildcardgiving-org .socktop a.socktop__link:hover {
    color: #4fce5d; }
.domain-wildcardgiving-org .addressblock a {
  color: #888d9d;
  text-decoration: none; }
  .domain-wildcardgiving-org .addressblock a:hover {
    color: #ffd100;
    background-color: white;
    padding: 2px;
    text-decoration: none;
    border-bottom: none; }
.domain-wildcardgiving-org #backtotop {
  background: url(/sites/all/themes/actonfg/images/backtotop_gray.png) no-repeat center center;
  background-size: 50px 50px; }
  .domain-wildcardgiving-org #backtotop:hover {
    opacity: .7; }

/*domain specific stuff*/
/*only should be used for color/font overrides that can't be variations*/
/* Unstyle*/
.domain-sunlightgiving-com {
  /***** NAVIGATION *****/ }
  .domain-sunlightgiving-com .nav-collapse .dropdown-menu {
    top: 25px;
    padding: 10px 0 20px;
    background-color: #888d9d; }
    .domain-sunlightgiving-com .nav-collapse .dropdown-menu li a.submenu {
      margin: -10px 0 0 20px; }
    .domain-sunlightgiving-com .nav-collapse .dropdown-menu li a.menuheader {
      color: #ffff5c;
      font-weight: 700; }
      .domain-sunlightgiving-com .nav-collapse .dropdown-menu li a.menuheader:hover {
        color: #ffe000;
        text-decoration: underline; }
        @media (max-width: 480px) {
          .domain-sunlightgiving-com .nav-collapse .dropdown-menu li a.menuheader:hover {
            color: #ffe000; } }
        @media (min-width: 481px) and (max-width: 900px) {
          .domain-sunlightgiving-com .nav-collapse .dropdown-menu li a.menuheader:hover {
            color: #ffe000; } }
        @media (min-width: 901px) and (max-width: 1300px) {
          .domain-sunlightgiving-com .nav-collapse .dropdown-menu li a.menuheader:hover {
            color: #ffe000; } }
    .domain-sunlightgiving-com .nav-collapse .dropdown-menu hr {
      margin: 0 20px; }
  .domain-sunlightgiving-com .open > .dropdown-menu {
    display: grid;
    gap: 10px; }

.sg-row {
  margin-bottom: 25px; }

.sunlight-people {
  max-width: 1100px;
  /*was 1200*/
  margin: 0 auto; }
  @media (min-width: 901px) and (max-width: 1300px) {
    .sunlight-people {
      max-width: calc(100% - 160px);
      margin: 0 auto; } }
  @media (min-width: 481px) and (max-width: 900px) {
    .sunlight-people {
      max-width: calc(100% - 80px);
      margin: 0 auto; } }
  @media (max-width: 480px) {
    .sunlight-people {
      max-width: calc(100% - 80px);
      margin: 0 auto; } }

.authophoto img {
  border-radius: 50%; }

/* entire container, keeps perspective */
.flip-container {
  perspective: 1000px;
  transform-style: preserve-3d;
  -moz-transform: perspective(1000px);
  -moz-transform-style: preserve-3d; }

/*  flip the pane when hovered */
.flip-container:hover .back {
  transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg); }

.flip-container:hover .flipfront {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg); }

/* flip speed goes here */
.flipper {
  transition: 0.6s;
  -webkit-transition: 0.6s;
  transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  position: relative; }

.back,
.flip-container,
.flipfront {
  width: 100%;
  text-align: center; }

/* hide back of pane during swap */
.back,
.flipfront {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transition: 0.6s;
  -webkit-transition: 0.6s;
  transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  position: absolute;
  top: 0;
  left: 0; }

/*  UPDATED! front pane, placed above back */
.flipfront {
  z-index: 2;
  transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg); }

/* back, initially hidden pane */
.back {
  transform: rotateY(-180deg);
  -webkit-transform: rotateY(180deg); }

/*
	Some vertical flip updates
*/
.vertical.flip-container {
  position: relative; }

.vertical .back {
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg); }

.vertical.flip-container:hover .back {
  transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg); }

.vertical.flip-container:hover .flipfront {
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg); }

.domain-sunlightgiving-com .finding.top-right svg.quarter {
  margin-top: 0;
  transform: rotate(90deg); }
.domain-sunlightgiving-com .finding.top-left svg.quarter {
  margin-top: 0;
  transform: rotate(180deg); }
.domain-sunlightgiving-com .finding.bottom-right svg.quarter {
  position: relative;
  margin-top: 25px;
  transform: rotate(0deg); }
.domain-sunlightgiving-com .finding.bottom-left svg.quarter {
  position: relative;
  margin-top: 25px;
  transform: rotate(270deg); }
.domain-sunlightgiving-com .finding.coral-finding {
  background-color: #f69679;
  color: #fff; }
  .domain-sunlightgiving-com .finding.coral-finding a {
    color: #fff; }
    .domain-sunlightgiving-com .finding.coral-finding a:hover {
      color: #ffe000; }
  .domain-sunlightgiving-com .finding.coral-finding svg {
    fill: #b9715b;
    fill-opacity: 0.5; }
.domain-sunlightgiving-com .finding.teal-finding {
  background-color: #5db8c5;
  color: #fff; }
  .domain-sunlightgiving-com .finding.teal-finding a {
    color: #fff; }
    .domain-sunlightgiving-com .finding.teal-finding a:hover {
      color: #ffe000; }
  .domain-sunlightgiving-com .finding.teal-finding svg {
    fill: #468a94;
    fill-opacity: 0.5; }
.domain-sunlightgiving-com .finding.purple-finding {
  background-color: #ca8cda;
  color: #fff; }
  .domain-sunlightgiving-com .finding.purple-finding a {
    color: #fff; }
    .domain-sunlightgiving-com .finding.purple-finding a:hover {
      color: #ffe000; }
  .domain-sunlightgiving-com .finding.purple-finding svg {
    fill: #b865ce; }
.domain-sunlightgiving-com .finding.gray-finding {
  background-color: #888d9d;
  color: #fff; }
  .domain-sunlightgiving-com .finding.gray-finding a {
    color: #fff; }
    .domain-sunlightgiving-com .finding.gray-finding a:hover {
      color: #ffe000; }
  .domain-sunlightgiving-com .finding.gray-finding svg {
    fill: #666;
    fill-opacity: 0.5; }
.domain-sunlightgiving-com .finding.yellow-finding {
  background-color: #ffe000;
  color: #fff; }
  .domain-sunlightgiving-com .finding.yellow-finding a {
    color: #fff; }
    .domain-sunlightgiving-com .finding.yellow-finding a:hover {
      color: #888d9d; }
  .domain-sunlightgiving-com .finding.yellow-finding svg {
    fill: #fdd232;
    fill-opacity: 0.5; }
.domain-sunlightgiving-com .finding.green-finding {
  background-color: #4fce5d;
  color: #fff; }
  .domain-sunlightgiving-com .finding.green-finding a {
    color: #fff; }
    .domain-sunlightgiving-com .finding.green-finding a:hover {
      color: #ffe000; }
  .domain-sunlightgiving-com .finding.green-finding svg {
    fill: #3f9a4a;
    fill-opacity: 0.5; }

.domain-sunlightgiving-com .view-findings-main-view-sunlight h1.page-title {
  color: #888d9d;
  background-color: #ffff5c;
  margin-bottom: 0;
  padding-left: 0px;
  font-weight: 400;
  line-height: 44px;
  font-size: 44px;
  color: #888d9d;
  width: 100%;
  position: relative;
  z-index: 100;
  margin-bottom: 20px;
  margin-top: 40px;
  height: auto;
  padding-top: 0; }

.domain-sunlightgiving-com.page-sg-findings .title-wrapper {
  margin-bottom: 0px;
  height: auto; }
  .domain-sunlightgiving-com.page-sg-findings .title-wrapper:after {
    display: none; }

.domain-sunlightgiving-com .finding {
  max-height: 400px;
  height: auto;
  width: calc(33% -120px;);
  margin-left: 20px;
  margin-right: 20px; }
  @media (min-width: 901px) and (max-width: 1300px) {
    .domain-sunlightgiving-com .finding {
      width: calc(50% - 120px);
      max-height: 350px; } }
  @media (min-width: 481px) and (max-width: 900px) {
    .domain-sunlightgiving-com .finding {
      width: calc(100% - 120px);
      max-height: 300px; } }
  @media (max-width: 480px) {
    .domain-sunlightgiving-com .finding {
      width: calc(100% - 120px);
      max-height: 300px; } }
  .domain-sunlightgiving-com .finding svg {
    position: relative;
    z-index: 0; }
  .domain-sunlightgiving-com .finding__footer {
    background-color: #fff100;
    color: #888d9d; }
  .domain-sunlightgiving-com .finding__area {
    color: #888d9d; }
  .domain-sunlightgiving-com .finding__body {
    display: inline; }
    @media (min-width: 481px) and (max-width: 900px) {
      .domain-sunlightgiving-com .finding__body {
        font-size: 18px; } }
    @media (max-width: 480px) {
      .domain-sunlightgiving-com .finding__body {
        font-size: 14px; } }
  .domain-sunlightgiving-com .finding__main {
    position: absolute; }
  .domain-sunlightgiving-com .finding__link {
    font-size: 32px; }
  .domain-sunlightgiving-com .finding__arrow .fa {
    font-size: 22px; }
.domain-sunlightgiving-com .views-exposed-form {
  background-color: #fff;
  padding: 20px 0; }
.domain-sunlightgiving-com .bef-select-as-links .form-item .form-type-bef-link {
  background-color: #888d9d;
  color: #fff; }
  .domain-sunlightgiving-com .bef-select-as-links .form-item .form-type-bef-link:hover {
    background-color: #333; }
.domain-sunlightgiving-com .view-findings-main-view-sunlight {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative; }
.domain-sunlightgiving-com #views-exposed-form-findings-main-view-page-mefibs-form-filter-links {
  width: 100%; }
.domain-sunlightgiving-com #edit-mefibs-form-filter-links-field-finding-area-tid-wrapper {
  width: 100%;
  margin-bottom: 40px; }
  .domain-sunlightgiving-com #edit-mefibs-form-filter-links-field-finding-area-tid-wrapper .views-widget {
    max-width: 1100px;
    /*was 1200*/
    margin: 0 auto; }
    @media (min-width: 901px) and (max-width: 1300px) {
      .domain-sunlightgiving-com #edit-mefibs-form-filter-links-field-finding-area-tid-wrapper .views-widget {
        max-width: calc(100% - 160px);
        margin: 0 auto; } }
    @media (min-width: 481px) and (max-width: 900px) {
      .domain-sunlightgiving-com #edit-mefibs-form-filter-links-field-finding-area-tid-wrapper .views-widget {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }
    @media (max-width: 480px) {
      .domain-sunlightgiving-com #edit-mefibs-form-filter-links-field-finding-area-tid-wrapper .views-widget {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }
.domain-sunlightgiving-com .findings__intro {
  width: 100%;
  font-weight: 300;
  background-color: #ffff5c;
  color: #888d9d;
  padding-top: 20px;
  padding-bottom: 0;
  width: 100%;
  font-family: "Zilla Slab", serif;
  font-size: 26px;
  line-height: 32px; }
  .domain-sunlightgiving-com .findings__intro p {
    max-width: 1100px;
    /*was 1200*/
    margin: 0 auto;
    z-index: 1000; }
    @media (min-width: 901px) and (max-width: 1300px) {
      .domain-sunlightgiving-com .findings__intro p {
        max-width: calc(100% - 160px);
        margin: 0 auto; } }
    @media (min-width: 481px) and (max-width: 900px) {
      .domain-sunlightgiving-com .findings__intro p {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }
    @media (max-width: 480px) {
      .domain-sunlightgiving-com .findings__intro p {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }
  .domain-sunlightgiving-com .findings__intro .content:after {
    height: 180px;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    content: " ";
    background-image: url("../images/header.svg"); }
    @media (min-width: 1900px) {
      .domain-sunlightgiving-com .findings__intro .content:after {
        width: 100%;
        background-image: url("../images/header.png");
        background-size: 100% 100%; } }
.domain-sunlightgiving-com #views-exposed-form-findings-main-view-sunlight-page {
  width: 100%;
  background-color: #888d9d;
  margin-bottom: 40px; }
  .domain-sunlightgiving-com #views-exposed-form-findings-main-view-sunlight-page .views-exposed-widgets {
    max-width: 1100px;
    /*was 1200*/
    margin: 0 auto; }
    @media (min-width: 901px) and (max-width: 1300px) {
      .domain-sunlightgiving-com #views-exposed-form-findings-main-view-sunlight-page .views-exposed-widgets {
        max-width: calc(100% - 160px);
        margin: 0 auto; } }
    @media (min-width: 481px) and (max-width: 900px) {
      .domain-sunlightgiving-com #views-exposed-form-findings-main-view-sunlight-page .views-exposed-widgets {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }
    @media (max-width: 480px) {
      .domain-sunlightgiving-com #views-exposed-form-findings-main-view-sunlight-page .views-exposed-widgets {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }

.domain-sunlightgiving-com .pull-left img {
  margin-bottom: 20px; }
.domain-sunlightgiving-com h1.page-title {
  max-width: 1100px;
  /*was 1200*/
  margin: 0 auto;
  font-family: "Zilla Slab", serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 40px;
  padding-top: 0;
  line-height: 70px; }
  @media (min-width: 901px) and (max-width: 1300px) {
    .domain-sunlightgiving-com h1.page-title {
      max-width: calc(100% - 160px);
      margin: 0 auto; } }
  @media (min-width: 481px) and (max-width: 900px) {
    .domain-sunlightgiving-com h1.page-title {
      max-width: calc(100% - 80px);
      margin: 0 auto; } }
  @media (max-width: 480px) {
    .domain-sunlightgiving-com h1.page-title {
      max-width: calc(100% - 80px);
      margin: 0 auto; } }
.domain-sunlightgiving-com .title-wrapper {
  width: 100%;
  height: 70px;
  color: #888d9d;
  background-color: #ffff5c;
  margin-bottom: 180px; }
  .domain-sunlightgiving-com .title-wrapper:after {
    height: 140px;
    background-color: #ffff5c;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    content: " ";
    background-image: url("../images/header.svg"); }
    @media (min-width: 1500px) {
      .domain-sunlightgiving-com .title-wrapper:after {
        width: 100%;
        background-image: url("../images/header.png");
        background-size: 100% 100%; } }
.domain-sunlightgiving-com h2 {
  background-color: #5db8c5;
  color: white;
  font-weight: 700; }
.domain-sunlightgiving-com .snapshot__stats h2 {
  background-color: transparent;
  color: #888d9d;
  padding: 0;
  font-size: 28px;
  font-weight: 700; }
  @media (min-width: 481px) and (max-width: 767px) {
    .domain-sunlightgiving-com .snapshot__stats h2 {
      margin-top: 40px; } }
  @media (max-width: 480px) {
    .domain-sunlightgiving-com .snapshot__stats h2 {
      margin-top: 40px; } }
.domain-sunlightgiving-com .site-footer {
  background-color: #fff100; }
  .domain-sunlightgiving-com .site-footer::before {
    display: block;
    height: 9vw;
    min-height: 100px;
    background-size: cover;
    background-color: #fff;
    background-image: url("../images/footer.svg"); }

.page-node-1715 .site-footer::before,
.page-node-2610 .site-footer::before,
.page-node-2611 .site-footer::before,
.page-node-2612 .site-footer::before,
.page-node-2613 .site-footer::before {
  background-color: #5db8c5; }

.front .site-footer::before {
  background-color: #fffde0; }

.page-node-2621 .site-footer::before {
  background-color: #fff100; }

.page-node-3407 .site-footer::before,
.page-node-1716 .site-footer::before,
.page-node-3468 .site-footer::before,
.page-node-3410 .site-footer::before,
.page-node-3411 .site-footer::before,
.page-node-3409 .site-footer::before,
.page-node-4441 .site-footer::before,
.page-node-4442 .site-footer::before,
.page-node-4695 .site-footer::before {
  background-color: #fffde0; }

@media (max-width: 767px) {
  .paragraphs-item-two-column-embed .two-col-embed__inner {
    display: flex;
    flex-direction: column; }
    .paragraphs-item-two-column-embed .two-col-embed__inner > div {
      width: 100%;
      margin: 0px; }
      .paragraphs-item-two-column-embed .two-col-embed__inner > div > * > *, .paragraphs-item-two-column-embed .two-col-embed__inner > div > * > * > svg  {
        width: 100% !important;
        min-width: 100% !important; } }
/*domain specific stuff*/
/*only should be used for overrides that can't be variations*/
.domain-goodgravyfilms-org {
  background: black; }
  .domain-goodgravyfilms-org #header {
    display: none; }
  .domain-goodgravyfilms-org h2 {
    background-color: #f40b7f;
    color: black; }
  .domain-goodgravyfilms-org .site-footer {
    background-color: #f40b7f;
    color: white; }
  .domain-goodgravyfilms-org .text {
    background: black; }
    .domain-goodgravyfilms-org .text__text {
      font-family: "Zilla Slab", serif;
      font-size: 26px;
      line-height: 32px;
      color: white; }
  .domain-goodgravyfilms-org .paragraphs-item-priority-callout .callout {
    background-color: #ffe000;
    color: black; }
    .domain-goodgravyfilms-org .paragraphs-item-priority-callout .callout__text {
      font-family: "Zilla Slab", serif;
      font-size: 26px;
      line-height: 32px;
      color: white;
      color: black; }
  .domain-goodgravyfilms-org .site-footer .addressblock a {
    color: #ffe000; }
  .domain-goodgravyfilms-org a {
    color: #f40b7f; }
  .domain-goodgravyfilms-org a:hover, .domain-goodgravyfilms-org a:active, .domain-goodgravyfilms-org a:focus {
    color: #00aff4; }
  .domain-goodgravyfilms-org .postcard__image:first-child {
    max-width: 530px; }

.view-sunlight-grants-by-grantees {
  /*Title search*/ }
  .view-sunlight-grants-by-grantees h1.page-title {
    max-width: 1100px;
    /*was 1200*/
    margin: 0 auto;
    font-family: "Zilla Slab", serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
    line-height: 70px;
    padding-left: 0px;
    height: 70px; }
    @media (min-width: 901px) and (max-width: 1300px) {
      .view-sunlight-grants-by-grantees h1.page-title {
        max-width: calc(100% - 160px);
        margin: 0 auto; } }
    @media (min-width: 481px) and (max-width: 900px) {
      .view-sunlight-grants-by-grantees h1.page-title {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }
    @media (max-width: 480px) {
      .view-sunlight-grants-by-grantees h1.page-title {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }
  .view-sunlight-grants-by-grantees #edit-title-wrapper {
    margin: 5px auto;
    width: 100%;
    text-align: center;
    background-color: #888d9d; }
    .view-sunlight-grants-by-grantees #edit-title-wrapper input {
      padding: 10px;
      width: 200px; }
      .view-sunlight-grants-by-grantees #edit-title-wrapper input:after {
        content: "\f002";
        color: #fff; }
  .view-sunlight-grants-by-grantees .title-wrapper {
    height: 70px;
    color: #888d9d;
    background-color: #ffff5c;
    margin-bottom: 180px; }
    .view-sunlight-grants-by-grantees .title-wrapper:after {
      height: 140px;
      background-color: #ffff5c;
      background-repeat: no-repeat;
      background-size: cover;
      display: block;
      content: " ";
      background-image: url("../images/header.svg"); }
  .view-sunlight-grants-by-grantees .grantee__download a {
    color: #f69679; }

.domain-sunlightgiving-com {
  /*TOP MATTER, from Findings*/
  /*FILTER LINKS*/
  /*UNUSED SEARCH*/ }
  .domain-sunlightgiving-com .grantee {
    max-width: 1100px;
    /*was 1200*/
    margin: 0 auto;
    min-height: 180px;
    padding-top: 30px;
    border-top: 1px solid #ccc;
    display: flex;
    flex-wrap: wrap; }
    @media (min-width: 901px) and (max-width: 1300px) {
      .domain-sunlightgiving-com .grantee {
        max-width: calc(100% - 160px);
        margin: 0 auto; } }
    @media (min-width: 481px) and (max-width: 900px) {
      .domain-sunlightgiving-com .grantee {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }
    @media (max-width: 480px) {
      .domain-sunlightgiving-com .grantee {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }
    .domain-sunlightgiving-com .grantee:first-child {
      border-top: 2px solid #ccc; }
      @media (min-width: 481px) and (max-width: 900px) {
        .domain-sunlightgiving-com .grantee:first-child {
          border-top: none; } }
      @media (max-width: 480px) {
        .domain-sunlightgiving-com .grantee:first-child {
          border-top: none; } }
    .domain-sunlightgiving-com .grantee__disclaimer {
      font-weight: 300;
      font-size: 14px;
      line-height: 1.3em; }
    .domain-sunlightgiving-com .grantee__logo {
      width: 15%; }
      @media (min-width: 481px) and (max-width: 900px) {
        .domain-sunlightgiving-com .grantee__logo {
          width: 100%;
          text-align: center;
          margin-bottom: 40px; } }
      @media (max-width: 480px) {
        .domain-sunlightgiving-com .grantee__logo {
          width: 100%;
          text-align: center;
          margin-bottom: 40px; } }
    .domain-sunlightgiving-com .grantee__organization__wrapper {
      width: 50%; }
      @media (min-width: 481px) and (max-width: 900px) {
        .domain-sunlightgiving-com .grantee__organization__wrapper {
          width: 100%; } }
      @media (max-width: 480px) {
        .domain-sunlightgiving-com .grantee__organization__wrapper {
          width: 100%; } }
    .domain-sunlightgiving-com .grantee__organization {
      text-transform: uppercase;
      font-weight: 700;
      margin-bottom: 20px; }
      .domain-sunlightgiving-com .grantee__organization a {
        color: #5db8c5; }
        .domain-sunlightgiving-com .grantee__organization a:hover {
          color: #ffeb66; }
    .domain-sunlightgiving-com .grantee__desc {
      font-family: "Encode Sans Condensed", sans-serif;
      font-size: 18px;
      line-height: 22px; }
    .domain-sunlightgiving-com .grantee__info {
      width: 15%;
      text-align: center; }
      .domain-sunlightgiving-com .grantee__info .svg-inline--fa {
        font-size: 2em;
        color: #5db8c5; }
        .domain-sunlightgiving-com .grantee__info .svg-inline--fa:hover {
          color: #ffeb66; }
      .domain-sunlightgiving-com .grantee__info a.icon:link .svg-inline--fa {
        transform: rotateX(0deg); }
      .domain-sunlightgiving-com .grantee__info a.icon.collapsed .svg-inline--fa {
        transform: rotateX(0deg);
        transform-origin: 50% 50%;
        transition: all 1s linear; }
      .domain-sunlightgiving-com .grantee__info a.icon:not(.collapsed) .svg-inline--fa {
        color: #ffeb66;
        transform: rotateX(180deg);
        transition: all 1s linear;
        transform-origin: 50% 50%; }
      @media (min-width: 481px) and (max-width: 900px) {
        .domain-sunlightgiving-com .grantee__info {
          width: 100%; } }
      @media (max-width: 480px) {
        .domain-sunlightgiving-com .grantee__info {
          width: 100%; } }
    .domain-sunlightgiving-com .grantee__givingarea {
      width: 20%;
      color: #5db8c5;
      font-family: "Encode Sans Condensed", sans-serif;
      font-size: 18px;
      line-height: 22px;
      font-weight: 300; }
      @media (min-width: 481px) and (max-width: 900px) {
        .domain-sunlightgiving-com .grantee__givingarea {
          width: 100%;
          margin-bottom: 40px;
          text-align: center; } }
      @media (max-width: 480px) {
        .domain-sunlightgiving-com .grantee__givingarea {
          width: 100%;
          margin-bottom: 40px;
          text-align: center; } }
    .domain-sunlightgiving-com .grantee__details {
      width: 100%;
      /* Margins and spacing for grantee details in table */ }
      @media (min-width: 481px) and (max-width: 900px) {
        .domain-sunlightgiving-com .grantee__details {
          width: 100%; } }
      @media (max-width: 480px) {
        .domain-sunlightgiving-com .grantee__details {
          width: 100%; } }
      .domain-sunlightgiving-com .grantee__details p {
        line-height: 1.3em;
        margin: 0; }
    .domain-sunlightgiving-com .grantee__download {
      width: 100%;
      background-color: #efefef;
      height: 100px; }
      .domain-sunlightgiving-com .grantee__download__inner {
        max-width: 1100px;
        /*was 1200*/
        margin: 0 auto;
        font-size: 18px;
        font-weight: 700;
        vertical-align: middle;
        margin-top: 10px; }
        @media (min-width: 901px) and (max-width: 1300px) {
          .domain-sunlightgiving-com .grantee__download__inner {
            max-width: calc(100% - 160px);
            margin: 0 auto; } }
        @media (min-width: 481px) and (max-width: 900px) {
          .domain-sunlightgiving-com .grantee__download__inner {
            max-width: calc(100% - 80px);
            margin: 0 auto; } }
        @media (max-width: 480px) {
          .domain-sunlightgiving-com .grantee__download__inner {
            max-width: calc(100% - 80px);
            margin: 0 auto; } }
        .domain-sunlightgiving-com .grantee__download__inner a:hover {
          color: #3f7c85; }
        @media (min-width: 481px) and (max-width: 900px) {
          .domain-sunlightgiving-com .grantee__download__inner {
            text-align: center; } }
        @media (max-width: 480px) {
          .domain-sunlightgiving-com .grantee__download__inner {
            font-size: 14px;
            text-align: center; } }
      .domain-sunlightgiving-com .grantee__download .fa {
        color: #888d9d; }
      .domain-sunlightgiving-com .grantee__download a {
        color: #5db8c5;
        font-family: "Encode Sans Condensed", sans-serif;
        text-transform: uppercase; }
      @media (min-width: 481px) and (max-width: 900px) {
        .domain-sunlightgiving-com .grantee__download {
          height: 140px; } }
      @media (max-width: 480px) {
        .domain-sunlightgiving-com .grantee__download {
          height: 160px; } }
  .domain-sunlightgiving-com .grantee__header {
    padding-top: 40px;
    font-weight: 700;
    font-size: 20px !important;
    line-height: 30px !important;
    display: flex;
    max-width: 1100px;
    /*was 1200*/
    margin: 0 auto;
    width: 100%; }
    @media (min-width: 901px) and (max-width: 1300px) {
      .domain-sunlightgiving-com .grantee__header {
        max-width: calc(100% - 160px);
        margin: 0 auto; } }
    @media (min-width: 481px) and (max-width: 900px) {
      .domain-sunlightgiving-com .grantee__header {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }
    @media (max-width: 480px) {
      .domain-sunlightgiving-com .grantee__header {
        max-width: calc(100% - 80px);
        margin: 0 auto; } }
    @media (min-width: 481px) and (max-width: 900px) {
      .domain-sunlightgiving-com .grantee__header {
        display: none; } }
    @media (max-width: 480px) {
      .domain-sunlightgiving-com .grantee__header {
        display: none; } }
    .domain-sunlightgiving-com .grantee__header .grantee__givingarea {
      color: #888d9d;
      font-weight: 700;
      font-size: 20px !important;
      line-height: 30px !important; }
  .domain-sunlightgiving-com .view-simple-grants-list-by-grantee table {
    font-family: "Encode Sans Condensed", sans-serif;
    font-size: 18px;
    line-height: 22px; }
    @media (max-width: 480px) {
      .domain-sunlightgiving-com .view-simple-grants-list-by-grantee table {
        font-family: "Encode Sans Condensed", sans-serif;
        font-size: 15px; } }
    .domain-sunlightgiving-com .view-simple-grants-list-by-grantee table td {
      width: 14%; }
    .domain-sunlightgiving-com .view-simple-grants-list-by-grantee table td.views-field-field-program-area {
      width: 14%; }
    .domain-sunlightgiving-com .view-simple-grants-list-by-grantee table td.grant__amount {
      width: 9%; }
    .domain-sunlightgiving-com .view-simple-grants-list-by-grantee table td.grant__year {
      width: 7%; }
    .domain-sunlightgiving-com .view-simple-grants-list-by-grantee table td.grant__purpose {
      width: 70%;
      padding-right: 40px; }
    .domain-sunlightgiving-com .view-simple-grants-list-by-grantee table tr.views-row-last {
      border-bottom: none; }
  .domain-sunlightgiving-com .view-grants-by-grantees {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around; }
  .domain-sunlightgiving-com #views-exposed-form-grants-by-grantees-page .views-exposed-form {
    background-color: #7dc6d1; }
  .domain-sunlightgiving-com #views-exposed-form-grants-by-grantees-page {
    width: 100%;
    background-color: #7dc6d1;
    padding-top: 20px;
    padding-bottom: 20px; }
  .domain-sunlightgiving-com #views-exposed-form-grants-by-grantees-page-mefibs-form-search {
    font-family: "Zilla Slab", serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
    background-color: #5db8c5;
    width: calc(50% - 80px);
    font-weight: normal;
    padding-right: 80px;
    height: 100px;
    color: #fff; }
    @media (min-width: 481px) and (max-width: 900px) {
      .domain-sunlightgiving-com #views-exposed-form-grants-by-grantees-page-mefibs-form-search {
        width: 100%;
        padding-left: 0;
        padding-right: 0; } }
    @media (max-width: 480px) {
      .domain-sunlightgiving-com #views-exposed-form-grants-by-grantees-page-mefibs-form-search {
        width: 100%;
        padding-left: 0;
        padding-right: 0; } }
    .domain-sunlightgiving-com #views-exposed-form-grants-by-grantees-page-mefibs-form-search #edit-mefibs-form-search-keys-wrapper {
      height: 100px;
      line-height: 100px;
      text-align: right; }
      @media (min-width: 481px) and (max-width: 900px) {
        .domain-sunlightgiving-com #views-exposed-form-grants-by-grantees-page-mefibs-form-search #edit-mefibs-form-search-keys-wrapper {
          text-align: center; } }
      @media (max-width: 480px) {
        .domain-sunlightgiving-com #views-exposed-form-grants-by-grantees-page-mefibs-form-search #edit-mefibs-form-search-keys-wrapper {
          text-align: center; } }
      .domain-sunlightgiving-com #views-exposed-form-grants-by-grantees-page-mefibs-form-search #edit-mefibs-form-search-keys-wrapper .compact-form-label {
        position: relative;
        line-height: 100px;
        z-index: 1;
        padding-right: 10px; }
        .domain-sunlightgiving-com #views-exposed-form-grants-by-grantees-page-mefibs-form-search #edit-mefibs-form-search-keys-wrapper .compact-form-label:after {
          content: "\f002";
          font-family: "FontAwesome"; }
    .domain-sunlightgiving-com #views-exposed-form-grants-by-grantees-page-mefibs-form-search .views-exposed-form label {
      font-weight: normal; }
    @media (max-width: 480px) {
      .domain-sunlightgiving-com #views-exposed-form-grants-by-grantees-page-mefibs-form-search {
        width: 100vw; } }
    .domain-sunlightgiving-com #views-exposed-form-grants-by-grantees-page-mefibs-form-search input[type="text"] {
      background-color: #5db8c5;
      border: none;
      color: #fff;
      font-family: "Zilla Slab", serif;
      font-size: 30px;
      font-weight: 400;
      line-height: 40px;
      line-height: 100px;
      border-radius: 0;
      -webkit-box-shadow: none;
      box-shadow: none; }

/*START MAIN STUFF*/
body {
  padding-top: 0 !important;
  background-color: #5db8c5;
  color: #888d9d;
  font-size: 20px;
  background: rgba(255, 255, 255, 0.95);
  font-family: "Encode Sans Condensed", sans-serif;
  line-height: 30px;
  /*maybe too broad*/
  font-family: "Encode Sans Condensed", sans-serif; }

.vertical-center {
  width: 100%;
  display: table-cell;
  vertical-align: middle; }

.main {
  margin-bottom: 0;
  height: 0; }

#block-system-main .content .profile {
  max-width: 1100px;
  /*was 1200*/
  margin: 0 auto; }
  @media (min-width: 901px) and (max-width: 1300px) {
    #block-system-main .content .profile {
      max-width: calc(100% - 160px);
      margin: 0 auto; } }
  @media (min-width: 481px) and (max-width: 900px) {
    #block-system-main .content .profile {
      max-width: calc(100% - 80px);
      margin: 0 auto; } }
  @media (max-width: 480px) {
    #block-system-main .content .profile {
      max-width: calc(100% - 80px);
      margin: 0 auto; } }

/*FROM FRONT PAGE STYLES*/
/*MODAL FIXES*/
.modal.fade {
  top: -900% !important; }

/*BASICS*/
#header {
  background-color: #fff;
  height: 120px; }

/*SPACING*/
.space--none {
  margin-bottom: 0; }
.space--small {
  margin-bottom: 40px; }
.space--large {
  margin-bottom: 80px; }
.space--above {
  margin-top: 60px; }

a,
a:active,
a:focus,
a:hover {
  color: #ffd100;
  text-decoration: none; }

a:hover {
  border-bottom: 3px solid #ffd100; }

h2 {
  font-family: "Encode Sans Condensed", sans-serif;
  font-size: 20px;
  display: inline-block;
  text-transform: uppercase;
  color: #888d9d;
  background-color: #ffe000;
  padding: 15px 20px;
  margin-bottom: 40px;
  font-weight: 700; }

.views-row {
  clear: none; }

/* ----- Text ------------------------ */
h1.title {
  display: none; }

h1.page-title {
  max-width: 1100px;
  /*was 1200*/
  margin: 0 auto;
  font-family: "Zilla Slab", serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 40px;
  line-height: 70px; }
  @media (min-width: 901px) and (max-width: 1300px) {
    h1.page-title {
      max-width: calc(100% - 160px);
      margin: 0 auto; } }
  @media (min-width: 481px) and (max-width: 900px) {
    h1.page-title {
      max-width: calc(100% - 80px);
      margin: 0 auto; } }
  @media (max-width: 480px) {
    h1.page-title {
      max-width: calc(100% - 80px);
      margin: 0 auto; } }

.title-wrapper {
  height: 70px;
  color: #fff;
  vertical-align: middle;
  background-color: #5db8c5; }

.lead {
  font-size: 1.2rem;
  font-weight: 300;
  color: #888d9d;
  line-height: 1.5rem; }

.leadnocaps {
  font-size: 1.2rem;
  font-weight: 300;
  color: #888d9d;
  text-transform: lowercase;
  line-height: 1.5rem; }

/*----- MODAL -----*/
.modal.fade {
  top: -100%;
  background-color: #888d9d;
  color: #fff;
  padding: 30px;
  border-radius: 0;
  border: none; }

.modal.fade .modal-header {
  border-bottom: none; }

.modal.fade .modal-header button.close {
  color: #fff;
  opacity: 1;
  font-size: 24px; }

.modal-body {
  max-height: none;
  font-size: 16px !important; }

.modal-body p {
  font-size: 16px !important; }

.modal-backdrop.fade.in {
  opacity: 0.6; }

/* ----- Links ----------------------- */
a:active,
a:hover {
  color: #34bac7;
  border-bottom: none;
  text-decoration: none; }

@media (min-width: 481px) and (max-width: 900px) {
  body {
    padding: 0; } }
@media (max-width: 480px) {
  body {
    padding: 0; } }

.btn {
  background-color: transparent;
  color: #767a96;
  /*cool grey*/
  font-family: "Encode Sans Condensed", sans-serif;
  border: 1px solid #767a96;
  text-transform: uppercase;
  font-size: 1.2em;
  background-image: none;
  line-height: 1.2em;
  border-radius: 1000px;
  letter-spacing: 0.1em;
  transition: all 160ms ease-out;
  padding: 0.25rem 0.5rem;
  font-size: 0.8rem;
  text-shadow: none; }

/*HEADER*/
.header {
  margin: 0; }

.header .site-logo {
  height: 100px;
  text-align: left; }
  @media (min-width: 481px) and (max-width: 900px) {
    .header .site-logo {
      margin-left: 40px !important;
      margin-right: 40px;
      text-align: left; } }
  @media (max-width: 480px) {
    .header .site-logo {
      margin-left: 0;
      text-align: center; } }

/*styles for large logo*/
.header .site-logo img {
  height: 60px; }

#header {
  height: 100px;
  padding: 0; }
  @media (max-width: 480px) {
    #header {
      height: auto; } }

#content-body ul.list-single ul li {
  margin-bottom: 10px; }

/*# sourceMappingURL=style.css.map */