/*================================



		Mobile Styles



================================*/

.desktop {
  display: block !important;
}

.desktop-inline {
  display: inline-block;
}

.mobile {
  display: none !important;
}

@media screen and (max-width: 699px) {
  .announcement__text {
    font-size: 10px;
  }

  .desktop {
    display: none !important;
  }

  .desktop-inline {
    display: none !important;
  }

  .mobile {
    display: block !important;
  }

  .pop-up {
    max-width: 80%;
  }

  .pop-up .close {
    width: 10px;

    height: 10px;

    display: block;

    text-align: center;

    color: #fff;

    font-size: 1rem;
  }

  /* Hidden

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

  .circle-offset {
    display: none !important;
  }

  /* Global

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

  .one-third,
  .two-thirds,
  .three-fourths,
  .one-half,
  .one-fourth,
  .one-fifth,
  .two-fifths,
  .three-fifths,
  .four-fifths {
    width: 100%;
  }

  p.two-thirds {
    padding-left: 10px;

    padding-right: 10px;
  }

  /* Layout

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

  #header-wrapper {
    height: 105px;
  }

  #header-wrapper #header {
    height: 75px;
    width: 100vw;
  }

  #header-wrapper #header-nav {
    height: 75px;
  }

  .page-template-home-page #header-wrapper #header #top-logo {
    height: 110px;
    width:110px;
  }


  #header-wrapper #header #top-logo {
    width: 110px;
    height: 110px;
  }
  h2.section-title {
    font-size: 1.8rem;
  }

  img.header-watermark {
    width: 95%;
  }

  #header-wrapper #menu-icon {
    width: 75px;

    height: 75px;
  }

  #header-wrapper.still #menu-icon {
    height: 75px;

    width: 75px;
  }

  .contact-box {
    padding-right: 0px;
  }

  #header-wrapper .top-header a.top-social img {
    height: 75%;
  }

  .contact-box .telephone,
  .contact-box .email,
  .contact-box .vert-break {
    position: relative;

    bottom: -2px;

    display: none;
  }

  #header-wrapper .top-header a.top-social {
    font-size: 1rem;

    margin-right: 4px;

    position: relative;

    width: 13px;

    height: 16px;

    display: inline-block;
  }

  .top-given {
    line-height: 30px;

    margin-top: 0;

    margin-bottom: 0;

    padding-bottom: 0;

    padding-top: 0;

    font-size: 0.675rem;
  }

  .section-title {
    padding-left: 10px;

    padding-right: 10px;
  }

  /* Fly Nav

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

  .overlay-footer {
    width: 100%;
  }

  #navigation-overlay {
    width: 90vw;
  }

    #navigation-overlay.active {
      width: 90vw;
    }

  #navigation-overlay .nav-link-container {
    padding-left: 0;
    padding-left: 20px;
    position: relative;
  }



  #navigation-overlay .sidebar-quote {
    left: 0;
  } 

  .nav-link-container a.top-link,
  .nav-link-container span.text-link {
    font-size: 1.4rem;

    width: 100%;
  }

  #navigation-overlay {
    flex-wrap: wrap;
  }

  span.dropdown .text-link:after {
    top: 5px;

    right: 0;
  }

  span.dropdown.active .text-link:after {
    top: 5px;
  }

  span.dropdown,
  span.dropdown span,
  .nav-link-container a.top-link {
    height: 40px;
  }

  .overlay-social-box {
    text-align: center;
  }

  .dropdown ul.nav-drop li a {
    font-size: 0.875rem;
  }

  #navigation-overlay #close-menu {
    right: 5px;
  }

  #navigation-overlay #close-menu {
    font-size: 1.4rem;
  }

  #navigation-overlay .overlay-footer,
  #overlay-footer .one-half {
    padding-top: 0;
  }

  .overlay-contact {
    padding-top: 0;
  }

  /* Home Page

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

  #hero-content {
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    max-width: 100%;
    left: 0;
    bottom: 5%;
    top: initial;
    transform: translateX(0) translateY(0%);
    text-align: left;
  }

  #hero-content h2 {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 3rem;
    line-height: 1.1em;
    text-transform: none;
    max-width: 100%;
    font-weight: 400;
  }

  #hero-content h3 {
    font-size: 0.875rem;
  }

  #hero-content .button-box {
    flex-wrap: wrap;
  }

  #hero-content .button {
    width: 310px;

    min-width: 0;

    margin-bottom: 10px;
  }

  #fallen-hero-callout {
    display: block;
  }

  #fallen-hero-callout h3 {
    text-align: center;
  }

  #fallen-hero-callout .step-block {
    width: 50% !important;
  }

  #fallen-hero-callout .step-block h4 {
    font-size: 0.675rem;
  }

  #fallen-hero-callout .flex {
    flex-wrap: wrap;
  }

  #fallen-hero-callout h3.lead {
    padding-bottom: 30px;
  }

  #fallen-hero-callout .one-fourth {
    padding-left: 5px;

    padding-right: 5px;
  }

  #recent-hero .flex {
    flex-wrap: wrap;
  }

  #recent-hero .hero-info {
    padding-left: 20px;
  }

  #recent-hero #hero-photo {
    padding-top: 80%;
  }

  #hero-highlight {
    flex-direction: row;
  }

  #recent-hero .hero-info {
    padding-top: 20px;

    display: block;

    height: auto;

    padding-bottom: 30px;
  }

  .hero-search {
    width: 100%;

    padding-top: 20px;

    padding-bottom: 20px;
  }

  .hero-info h2 {
    font-size: 1.4rem;
  }

  #counter-box .one-third {
    width: 100% !important;
    margin-bottom: 30px;
  }

  
  #our-impact {
  padding-bottom: 20px;
  }

  #our-impact .button {
    margin-right: 0;
  }

  .hero-search h3 {
    display: none !important;
  }

  .hero-search form {
    width: 100%;
  }

  #heroes-intro .text-box h2 {
    line-height: 1.2em;
  }

  #heroes-intro .inner-wrapper {
    display: flex;
    flex-wrap: wrap;
  }

  #counter-box {
    padding-left: 10px;
    padding-right: 10px;
  }

  #counter-box h2 {
    font-size: 4rem;
    padding-bottom: 0;
    margin-bottom: 0;
  
  }

  
  #counter-box h2 span {
    line-height: 1em;
  }

  .partner-card {
    width: 100%;
    min-width: 310px;
  }

  .hero-search {
    height: auto;
  }

  .news-card-wrapper .slick-track {
    display: flex !important;
  }

  .news-card-wrapper .slick-slide {
    height: inherit !important;
  }

  .news-card-wrapper .partner-card {
    margin-left: 5px;

    margin-right: 5px;

    -webkit-box-shadow: -30px 15px 30px 0 rgb(0, 0, 0, 0);

    box-shadow: 0px 10px 30px 0 rgb(0, 0, 0, 0);
  }

  #latest-partners {
    padding-bottom: 40px;
  }

  /* Layout

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

  .top-bar-text-link {
    display: none !important;
  }

  .contact-box a i {
    font-size: 1.1rem;
  }

  #member-callout-ribbon .inner-wrapper {
    flex-wrap: wrap;
    text-align: center;
  }

    #member-callout-ribbon img {
      position: static;
    }
    #member-callout-ribbon .button {
      position: static;
    }
  #member-callout-ribbon .button {
    margin-right: 0;
  }

  #member-callout-ribbon img {
    max-width: 180px;

    margin-bottom: 15px;
  }

  #get-involved-box {
    display: none !important;
  }

  .page-hero-content h1 {
    font-size: 1.4rem;
  }

  .page-hero {
    height: 80vh;
  }

  .crossover-content h2 {
    font-size: 1.8rem;
  }

  .crossover-content {
    padding-left: 0;
    padding-right: 0;
  }

  .page-hero-content {
    width: 80%;
  }

  .page-hero-content p {
    font-size: 1rem;
  }

  .page-hero:after {
     background: rgba(0, 0, 0, 0.6);
  }

 #faq-container {
    padding-left: 10px;
    padding-right: 10px;
  }

  body .financial-documents {
    width: auto;
  }
  /* Our History 

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

  .history-step {
    flex-wrap: wrap;

    max-height: 100000px;
  }

  .history-step .img-block img {
    width: 100%;

    height: 100%;

    border: 10px solid rgba(29, 32, 74, 0.85);
  }

  .history-step .img-block {
    padding: 20px;
  }

  .history-step .history-point .content-card {
    width: 95%;

    margin-right: auto;

    margin-left: auto;
  }

  #counter-box {
    margin-bottom: 30px;
  }

  #our-impact {
    padding-bottom: 30px;
  }

  
  /* What We Do

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

  body .process-card {
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    flex-wrap: wrap;
    margin-bottom: 30px;
  }

  #our-process {
    padding-bottom: 20px;
  }

  body .process-card .icon-circle {
    width: 100%;
  }

  body .process-card .step-card-info {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
  body .process-card h4 {
    font-size: 1.2rem;
  }

  #support-we-offer .support-card {
    flex-wrap: wrap;
  }

  #support-we-offer .support-card .support-image {
    padding-top: 100%;

    margin-bottom: 30px;
  }

  .support-card .three-fourths {
    padding-left: 0;
  }

  .support-card .clear-pretty {
    display: none;
  }

  #areas-we-cover .inner-wrapper {
    flex-wrap: wrap;
  }

  .area-items .coverage-area {
    position: static;
  }

  #map-coverage {
    margin-bottom: 30px;
  }

  .area-items {
    padding-left: 20px;
    padding-right: 20px;
  }
  /* Staff

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

  body .staff-block {
    width: 95%;

    margin-right: auto;

    margin-left: auto;

    margin-bottom: 2%;
  }

  .position-list .one-fifth {
    width: 100%;
  }

  .timeline {
    padding-top: 0;
  }

  /* Membership Page

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

  #membership-filter {
    flex-wrap: wrap;

    padding-left: 10px;

    padding-right: 10px;
  }

  #membership-filter a.button {
    width: 45%;

    margin-right: 2%;

    margin-left: 2%;

    margin-bottom: 2%;

    font-size: 0.675rem;
  }

  .membership-wrap {
    flex-wrap: wrap;
  }

  #membership-selector .membership-level {
    width: 100%;

    margin-bottom: 4%;
  }

  #give-page .inner-wrapper {
    flex-wrap: wrap;
  }

  /* Hero Wall

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

  #wall-filter {
    flex-wrap: wrap;
  }

  #wall-filter a.button {
    width: 45%;

    margin-right: 2%;

    margin-left: 2%;

    font-size: 0.775rem;

    min-width: 0;

    margin-bottom: 2%;
  }

  .hero-block {
    width: 45%;

    margin-left: 1%;

    margin-right: 1%;
  }

  .hero-block h3 {
    font-size: 0.975rem;
  }

  .hero-block .date {
    font-size: 0.675rem;
  }

  .hero-wrapper {
    flex-wrap: wrap;

    padding-top: 40px;
  }

  .hero-photo {
    width: 95%;

    margin-right: auto;

    margin-left: auto;

    padding-right: 0;
  }
  
  .news-card-wrapper-blocks {
    max-width: 100vw;
    overflow-x: hidden;
  }

  .points-block .row {
    flex-wrap: wrap;

    margin-bottom: 20px;
  }

  .points-block .point-content {
    padding-left: 0;
  }

  #contact-info .two-thirds {
    width: 100%;
  }

  .points-block .flex img {
    margin-bottom: 20px;
  }

  .single-heros #site-content {
    width: 100vw;
    overflow-x: hidden;
    max-width: 100vw;
  }

  .single-heros #flag-video {
    height: 100%;
    width: auto;
    left: -50%;
    transform: translateX(-50%);
    display: none !important;
  }
  /* Annual Banquet 

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

  .nomination-forms {
    flex-wrap: wrap;
  }

  .rules-for-nominations {
    padding-left: 10px;

    padding-right: 10px;
  }

  #club-today {
    max-height: 1000000px;
  }

  #club-today .inner-wrapper {
    flex-wrap: wrap;
  }

  #club-today .nomination-box {
    margin-bottom: 30px;
  }

  .points-block .point-content h2 {
    font-size: 1.4rem;
  }

  .points-block .row {
    padding-left: 20px;

    padding-right: 20px;
  }

  .nomination-forms .one-third.center-box {
    border-right: none;

    border-left: none;
  }

  /* Contact 

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

  #contact-info .two-thirds {
    padding-left: 0;
  }

  .faq-question h2 {
    font-size: 1rem;
  }

  /* Footer

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

    #footer {
      background: #000;
    }

  #footer .inner-wrapper {
    flex-wrap: wrap;
  }

  #footer #footer-video {
    top: 0;
    min-height: 100%;
    width: auto;
    opacity: .5;
  }

  #footer .foot-logo img {
    width: 50%;
    display: block;
    text-align: center;
    margin: 0 auto;
  }

  .sub-footer {
    display: flex;

    justify-content: space-between;

    padding-right: 0;
  }

  .sub-footer .terms {
    font-size: 0.875rem;

    float: none;
  }

  #footer .foot-link.copyright {
    float: none;

    margin-right: 10px;
  }
}