/*
Theme Name: AAFSCNY Child
Template: aafscny
Author: Manoverboard
Author URI: https://www.aafscny.org/
Version: 5
Updated: 2022-04-07 10:55:47

*/

/* Align signup newsletter email field on mobile */
@media (max-width : 460px) {
    #email-registration-form .field.email-address {
        margin-left: 0px;
  
    }
  }
  
  a.guidestar img{
      width: 70px;
  }
  
  @import url("https://use.typekit.net/qbm8gtr.css");
  
  @font-face {
      font-family: 'wavehaus-bold';
      src: url('webfonts/wavehaus-128bold.eot');
      src: url('webfonts/wavehaus-128bold.eot?#iefix') format('embedded-opentype'),
      url('webfonts/wavehaus-128bold.woff2') format('woff2'),
      url('webfonts/wavehaus-128bold.woff') format('woff'),
      url('webfonts/wavehaus-128bold.ttf') format('truetype'),
      url('webfonts/wavehaus-128bold.svg#wavehaus128_bold') format('svg');
      font-weight: normal;
      font-style: normal;
      font-display: swap;
  }
  
  @font-face {
      font-family: 'wavehaus-x-bold';
      src: url('webfonts/wavehaus-158extrabold.eot');
      src: url('webfonts/wavehaus-158extrabold.eot?#iefix') format('embedded-opentype'),
      url('webfonts/wavehaus-158extrabold.woff2') format('woff2'),
      url('webfonts/wavehaus-158extrabold.woff') format('woff'),
      url('webfonts/wavehaus-158extrabold.ttf') format('truetype'),
      url('webfonts/wavehaus-158extrabold.svg#wavehaus158_extrabold') format('svg');
      font-weight: normal;
      font-style: normal;
      font-display: swap;
  }
  
  /*
  Theme Name: AAFSCNY
  Author: Manoverboard
  Author URI: http://www.manoverboard.com/
  Version: 5
  */
  
  /*
  Gibson Bold
  font-family: canada-type-gibson, sans-serif;
  font-weight: 700;
  font-style: normal;
  
  Gibson Italic
  font-family: canada-type-gibson, sans-serif;
  font-weight: 400;
  font-style: italic;
  
  Gibson Regular
  font-family: canada-type-gibson, sans-serif;
  font-weight: 400;
  font-style: normal;
  
  Dark Blue: #06248c;
  
  */
  
  /*********************************************
      Warning! Incoming Game.
  *********************************************/
  
  /********************************************* Core Styles */
  
  .wo {
      text-align: center;
      padding: 0 20px;
  }
  
  .wo-extra {
      padding: 0 20px;
  }
  
  .w900 {
      max-width: 900px;
      text-align: center !important;
      margin: 0 auto;
  }
  
  .pv {
      padding-top: 50px;
      padding-bottom: 50px;
  }
  
  .wo .inner {
      text-align: left;
      width: 1244px;
      max-width: 100%;
      margin: 0 auto;
  
  }
  
  #wrapper {
      position: relative;
  }
  
  .hide {
      position: absolute !important;
      left: -10000px !important;
      top: auto !important;
      width: 1px !important;
      height: 1px !important;
      overflow: hidden !important;
  }
  
  img {
      border-radius: 17px;
  }
  
  .icon-statistic img {
      border-radius: 0 !important;
  }
  
  #footer img {
      border-radius: 0px;
  }
  
  
  /********************************************* Standard Typography */
  
  /* font defaults */
  
  .sType p,
  .sType li,
  address,
  .wpcf7-response-output,
  .wpcf7-not-valid-tip,
  .errors {
      font-family: canada-type-gibson, sans-serif !important;
      font-weight: 400;
      color: #595959;
      font-size: 200%;
      line-height: 1.65;
      margin: 1em 0;
  }
  
  section.sType p:first-child {
      margin: 0 auto 1em auto;
  }
  
  address {
      font-size: 180% !important;
      line-height: 1.55 !important;
      margin: 0.75em 0 !important;
  }
  
  .sType li {
      margin: 0.5em 0;
  }
  
  strong {
      font-weight: 700;
  }
  
  blockquote,
  .sType blockquote p {
      padding-left: 2em;
      color: #06248c !important;
  }
  
  .wp-caption-text {
      font-style: italic;
  }
  
  .sType a {
      color: #06248c;
      text-decoration: underline;
      transition: .3s opacity ease-in-out;
  }
  
  .sType a:hover {
      color: #06248c;
      text-decoration: underline;
      opacity: .7;
  }
  
  .img-link {
      text-decoration: none !important;
      border-bottom: 0px !important;
  }
  
  /* headings */
  
  .sType h1 {
      font-family: wavehaus-x-bold, sans-serif;
      color: #06248c;
      font-size: 530%;
      line-height: 1.22;
  }
  
  p.h1 {
      font-family: wavehaus-bold, sans-serif !important;
      color: #761d62 !important;
      font-size: 700% !important;
      line-height: 1 !important;
      margin-bottom: 0 !important;
  }
  
  .sType h2,
  .h2 {
      font-family: wavehaus-bold, sans-serif;
      color: #06248c;
      font-size: 400%;
      line-height: 1.15;
  }
  
  h2.h3 {
      font-family: wavehaus-bold, sans-serif !important;
      color: #06248c !important;
      font-size: 280% !important;
      line-height: 1.21 !important;
      margin-top: 1em;
      margin-bottom: .5em;
  }
  
  h3.h2 {
      font-family: wavehaus-bold, sans-serif !important;
      font-size: 400% !important;
      line-height: 1.15 !important;
      margin: 0 !important;
      text-align: left;
  }
  
  .sType h3,
  .h3 {
      font-family: wavehaus-bold, sans-serif;
      color: #06248c;
      font-size: 280%;
      line-height: 1.21;
      margin-top: 1em;
      margin-bottom: .5em;
      text-transform: none !important;
      letter-spacing: 0px !important;
  }
  
  .sType h4,
  label {
      font-family: wavehaus-x-bold, sans-serif;
      color: #06248c !important;
      font-size: 190%;
      line-height: 1.26;
      text-transform: uppercase;
      letter-spacing: 1px;
  }
  
  .h4 {
      font-family: wavehaus-x-bold, sans-serif !important;
      color: #06248c !important;
      font-size: 190% !important;
      line-height: 1.26 !important;
      text-transform: uppercase !important;
      letter-spacing: 1px !important;
      margin-bottom: 10px;
  }
  
  .sType h5,
  .h5 {
      font-family: canada-type-gibson, sans-serif;
      font-weight: 700;
      color: #06248c;
      font-size: 180%;
      line-height: 1.55;
      margin: 0.75em 0;
  
  }
  
  .sType h6,
  .h6 {
      font-family: canada-type-gibson, sans-serif !important;
      font-weight: 400 !important;
      color: #595959 !important;
      font-size: 220% !important;
      line-height: 1.54 !important;
      margin: 0.75em 0;
  }
  
  .h6 p {
      font-size: 100%;
  }
  
  /* lists */
  
  .sType ul {
      list-style-type: disc;
      margin-left: 2em;
  }
  
  .sType ul ul {
      margin-top: 10px;
      margin-bottom: 20px;
      list-style-type: circle;
  }
  
  .sType ul ul ul {
      list-style-type: square;
  }
  
  .sType ol {
      list-style-type: decimal;
      margin-left: 2em;
  }
  
  .sType ol ol {
      margin-top: 10px;
      margin-bottom: 20px;
      list-style-type: lower-alpha;
  }
  
  .sType ol ol ol {
      list-style-type: lower-roman;
  }
  
  .sType ol ol,
  .sType ul ol {
      list-style-type: lower-roman;
  }
  
  /* correct nested li font-size */
  
  .sType li li {
      font-size: 100%;
  }
  
  .sType iframe {
      width: 100%;
  
  }
  
  .videoWrap {
      margin: 30px 0;
  }
  
  /********************************************* Button */
  
  .button {
      font-family: canada-type-gibson, sans-serif;
      font-weight: 700;
      color: white !important;
      font-size: 180%;
      line-height: 1;
      text-transform: uppercase;
      letter-spacing: 1px;
      text-decoration: none !important;
      /***/
      position: relative;
      display: inline-block;
      background-color: rgba(0, 0, 0, 0);
      padding: 16px 25px;
      margin-top: 20px;
      border-radius: 20px;
      -webkit-border-radius: 20px;
      /***/
      overflow: hidden;
      transition: .5s all ease-in-out;
  }
  
  input.button {
      border-color: rgba(0, 0, 0, 0) !important;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
  }
  
  .button:before,
  .button:after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      height: 100%;
      background-color: #D36057;
      /*hover color*/
      z-index: -1;
      -webkit-transform: translate3D(0, -100%, 0);
      -ms-transform: translate3D(0, -100%, 0);
      transform: translate3D(0, -100%, 0);
      transition: all .5s;
  }
  
  .button:before {
      background-color: #f0715f;
      z-index: -2;
      -webkit-transform: translate3D(0, 0, 0);
      -ms-transform: translate3D(0, 0, 0);
      transform: translate3D(0, 0, 0);
  }
  
  .button:after {
      top: 0;
      z-index: -1;
      -webkit-transform: translate3D(-101%, 0, 0);
      -ms-transform: translate3D(-101%, 0, 0);
      transform: translate3D(-101%, 0, 0);
  }
  
  .button:hover:after {
      -webkit-transform: translate3D(0, 0, 0);
      -ms-transform: translate3D(0, 0, 0);
      transform: translate3D(0, 0, 0);
      transition: all .5s;
      border-radius: 20px;
  }
  
  .button:hover {
      cursor: pointer;
      opacity: 1 !important;
  }
  
  /* prevent font-size compounding */
  
  p .button {
      font-size: 100%;
  }
  
  /********************************************* Header & Navigation */
  
  #header {
      margin-top: 51px;
      height: 140px;
  }
  
  .site-title {
      width: 350px;
      float: left;
      margin-top: 25px;
  }
  
  .site-title.mobile {
      position: absolute;
      left: -10000px;
      top: auto;
      width: 1px;
      height: 1px;
      overflow: hidden;
  }
  
  
  /********************************************* Home Page */
  
  /* nav */
  
  #isFront #header {
      background-color: #06248c;
  }
  
  #isFront #menu-main-menu a {
      color: white !important;
  }
  
  /* first layer */
  
  .first-layer {
      background-color: #06248c;
  }
  
  .first-layer .inner {
      position: relative !important;
      min-height: 435px;
      max-width: 1200px;
  
  }
  
  .main-message {
      margin-left: 90px;
      max-width: 730px;
      position: relative !important;
      z-index: 3;
  }
  
  .main-message h1 {
      padding-top: 10px;
      padding-bottom: 30px;
      font-size: 270% !important;
      color: white !important;
      text-shadow: 0 0 15px #06248c;
  }
  .main-message a {
      font-size: 100% !important;
  }
  .slides {
      margin-left: 0 !important;
  }
  
  .first-layer .image-bubble {
      display: inline-block;
      float: right;
      width: 500px;
      height: 500px;
      clear: both;
      position: relative;
      top: -320px !important;
      z-index: 8px;
      right: 60px;
      
  }
  .first-layer img{
      
  }
  .first-layer .image-bubble img {
      border-radius: 100% 100% 100% 100%;
          overflow: hidden !important;
  
  }
  
  
  /* second layer */
  
  .second-layer {
      margin-top: -100px;
  }
  
  .second-layer .image-bubble {
      display: inline-block;
      width: 540px;
      height: 540px;
      position: relative;
      margin-left: -50px;
  }
  
  .second-layer .image-bubble img {
      border-radius: 96% 109% 109% 108%;
      position: absolute;
      width: 540px;
      display: inline-block;
      z-index: -1;
  }
  
  .second-message {
      display: inline-block;
      max-width: 40%;
      margin-left: 100px;
  }
  
  /* priorities */
  
  .priorities-layer {
      margin: 100px auto;
  }
  
  .priorities-layer h1 {
      margin-bottom: 60px;
  }
  
  .priorities-layer a,
  .priorities-layer a:hover {
      text-decoration: none;
  }
  
  .bubble-cluster-container {
      display: inline;
  }
  
  .bubble-cluster {
      margin: 0 auto;
      text-align: center;
      position: relative;
      width: 494px;
      height: 494px;
      display: inline-block;
      vertical-align: top;
  }
  
  .priorities-middle-bubble {
      background-color: white;
      height: 300px;
      width: 300px;
      border-radius: 100%;
      position: absolute;
      top: 17%;
      left: 22%;
      z-index: 1;
  }
  
  .priorities-middle-bubble h2 {
      text-align: center;
      padding: 120px 0;
      font-size: 330% !important;
      line-height: 1;
      margin-top: 10px;
  }
  
  .priorities-top-left-bubble,
  .priorities-top-right-bubble,
  .priorities-bottom-left-bubble,
  .priorities-bottom-right-bubble {
      width: 270px;
      height: 270px;
      border-radius: 100%;
      mix-blend-mode: multiply;
      display: inline-block;
  }
  
  .priorities-top-left-bubble {
      background-color: #f0715f;
      margin-right: -25px;
  }
  
  .priorities-top-right-bubble {
      background-color: #1b6dbb;
      margin-left: -25px;
  }
  
  .priorities-bottom-left-bubble {
      background-color: #06248c;
      margin-right: -25px;
      margin-top: -50px;
  }
  
  .priorities-bottom-right-bubble {
      background-color: #761d62;
      margin-left: -25px;
      margin-top: -50px;
  }
  
  .priorities-left {
      /*max-width: 20%; */
      max-width: 17%;
      display: inline-block;
      /* margin-right: 50px; */
      margin-right: 100px;
  }
  
  .priorities-right {
      max-width: 20%;
      display: inline-block;
      margin-left: 60px;
  }
  
  .priorities-top-left,
  .priorities-top-right {
      margin-bottom: 55px;
  }
  
  .priorities-top-left h3 {
      color: #f0715f;
  }
  
  .priorities-top-right h3 {
      color: #1b6dbb;
  }
  
  .priorities-bottom-left h3 {
      margin-top: 80px;
  }
  
  .priorities-bottom-right h3 {
      color: #761d62;
      margin-top: 80px;
  }
  
  /* latest news */
  
  .latest-news .inner {
      margin: 0 auto;
      text-align: center;
  }
  
  .latest-news-image-container {
      display: inline-block;
      max-width: 40%;
  }
  
  .latest-news-image {
      height: 330px;
      width: 330px;
      border-radius: 17px;
      background-size: cover !important;
      -webkit-background-size: cover !important;
      -moz-background-size: cover !important;
      background-position: center !important;
      display: inline-block;
  }
  
  .latest-news-blurb {
      display: inline-block;
      max-width: 48%;
      margin-left: 60px;
      vertical-align: top;
      text-align: left;
  }
  
  /********************************************* Stories */
  
  .story-image-container {
      max-width: 60%;
      display: inline-block;
  }
  
  .story-image-container {
      height: 440px;
      max-width: 100%;
      width: 720px;
      border-radius: 17px;
      background-size: cover !important;
      background-position: center !important;
      display: inline-block;
      vertical-align: middle;
  }
  
  .story-excerpt {
      max-width: 35%;
      width: 100%;
      display: inline-block;
      vertical-align: middle;
  }
  
  .story-container {
      margin-top: 140px;
  }
  
  .story-container:first-child {
      margin: 0 auto 140px auto;
  }
  
  .story-container:nth-child(odd) .story-excerpt {
      margin-left: 50px;
  }
  
  .story-container:nth-child(even) .story-excerpt {
      float: left;
      padding-top: 50px;
      margin-right: 50px;
      float: left;
  }
  
  .single-story .post-date {
      display: none;
  }
  
  /******************************************** Priorities */
  
  .priorities-page .inner {
      text-align: center;
  }
  
  .priorities-page .image-bubble {
      display: inline-block;
      vertical-align: middle;
  }
  
  .priorities-page .image-bubble img {
      border-radius: 100%;
      max-width: 490px;
  }
  
  .priorities-page .content {
      max-width: 42%;
      display: inline-block;
      vertical-align: middle;
      text-align: left;
  }
  
  .priorities-page h2 {
      margin-bottom: .5em;
  }
  
  .priorities-page .programs .h4 {
      color: #595959 !important;
      text-transform: uppercase !important;
      /***/
      display: inline-block;
      padding-right: 7px;
      margin-top: 0px !important;
  }
  
  .priorities-page .programs .h4:after {
      content: '';
      display: inline-block;
      background-color: #06248c;
      border-radius: 100%;
      height: 8px;
      width: 8px;
      margin-left: 5px;
      margin-bottom: 2px;
  }
  
  .priorities-page .programs .h4:last-child:after {
      background-color: rgba(0, 0, 0, 0) !important;
      height: 0px !important;
      width: 0px !important;
  }
  
  .priorities-page .h6 {
      margin-top: 0px !important;
  }
  
  .priorities-page:nth-child(even) .content {
      float: left;
      margin-top: 65px;
      margin-right: 100px;
  }
  
  .priorities-page:nth-child(odd) .content {
      margin-left: 100px;
  }
  
  .priorities-page:nth-child(1) h2 {
      color: #f0715f !important;
  }
  
  .priorities-page:nth-child(1) .programs .h4:after {
      background-color: #f0715f !important;
  }
  
  .priorities-page:nth-child(2) h2 {
      color: #1b6dbb !important;
  }
  
  .priorities-page:nth-child(2) .programs .h4:after {
      background-color: #1b6dbb !important;
  }
  
  .priorities-page:nth-child(4) h2 {
      color: #761d62 !important;
  }
  
  .priorities-page:nth-child(4) .programs .h4:after {
      background-color: #761d62 !important;
  }
  
  /********************************************* News Page */
  
  .news-page .inner {
      text-align: center !important;
  }
  
  .news-container {
      display: inline-block;
      margin-bottom: 80px;
      width: 29%;
      max-width: 365px;
      vertical-align: top;
  }
  
  /* first column */
  
  .news-container:nth-child(3n + 1) {
      margin-right: 25px;
  }
  
  /* second column */
  
  .news-container:nth-child(3n + 2) {
      margin-left: 25px;
      margin-right: 25px;
  }
  
  /* third column */
  
  .news-container:nth-child(3n + 3) {
      margin-left: 25px;
  }
  
  .news-image-container {
      display: inline-block;
  }
  
  .news-image {
      height: 27vw;
      max-height: 365px;
      width: 27vw;
      max-width: 365px;
      border-radius: 17px;
      background-size: cover !important;
      background-position: center !important;
      display: inline-block;
  }
  
  .news-excerpt {
      max-width: 500px;
      margin-top: 30px;
      text-align: left;
  }
  
  .post-date {
      text-align: left;
      color: #06248c !important;
      margin-bottom: -30px !important;
  }
  
  .current-cat {
      display: none !important;
  }
  
  /********************************************* Grid */
  
  .grid-section {
      position: relative;
  }
  
  .grid-item {
      display: inline-block;
      margin-bottom: 50px;
      width: 20vw;
      max-width: 293px;
      vertical-align: top;
  }
  
  /* first column */
  
  .grid-item:nth-child(4n + 1) {
      margin-right: 10px;
  }
  
  /* second column */
  
  .grid-item:nth-child(4n + 2) {
      margin-left: 10px;
      margin-right: 10px;
  }
  
  /* third column */
  
  .grid-item:nth-child(4n + 3) {
      margin-left: 10px;
      margin-right: 10px;
  }
  
  /* fourth column */
  
  .grid-item:nth-child(4n + 4) {
      margin-left: 10px;
  }
  
  .grid-image {
      height: 20vw;
      width: 20vw;
      max-width: 293px;
      max-height: 293px;
      border-radius: 17px;
      display: inline-block;
      background-size: cover !important;
      background-position: center !important;
      background-repeat: no-repeat !important;
      background-color: #b9cfe6 !important;
      position: relative;
  }
  
  .grid-item p.h6 {
      margin: 0 !important;
      line-height: 1 !important;
  }
  
  .grid-item h3 {
      margin-bottom: 4px;
      margin-top: .5em;
  }
  
  .no-image {
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      justify-content: center;
      align-content: center;
      align-items: center;
  }
  
  .no-image div {
      font-family: wavehaus-bold, sans-serif;
      color: #06248c;
      font-size: 900%;
      line-height: 1;
      opacity: .3;
      text-decoration: none;
  }
  
  /* sections */
  
  .new-section {
      margin: 70px 0 30px 0;
      position: relative;
  }
  
  .staff .new-section h2 {
      color: white;
      font-family: wavehaus-x-bold, sans-serif;
  }
  
  .staff .new-section h2:before {
      content: "";
      border-radius: 100%;
      width: 270px;
      height: 270px;
      position: absolute;
      left: -52px;
      top: -65px;
      z-index: -100;
  }
  
  /* prevent */
  
  .staff .new-section:first-child h2:before {
      background-color: #f0715f;
      border-radius: 116% 102% 124% 106%;
  }
  
  .staff .grid-section:nth-child(2) h3 {
      color: #f0715f;
  }
  
  /* promote */
  
  .staff .new-section:nth-child(3) h2:before {
      background-color: #1b6dbb;
      border-radius: 99% 126% 111% 113%;
  }
  
  .staff .grid-section:nth-child(4) h3 {
      color: #1b6dbb;
  }
  
  /* get ready */
  
  .staff .new-section:nth-child(5) h2:before {
      background-color: #06248c;
      width: 278px;
      height: 270px;
      border-radius: 100% 117% 100% 86%;
  }
  
  .staff .grid-section:nth-child(6) h3 {
      color: #06248c;
  }
  
  /* communicate */
  
  .staff .new-section:nth-child(7) h2:before {
      background-color: #761d62;
      width: 339px;
      height: 330px;
      border-radius: 125% 111% 125% 106%;
  }
  
  .staff .grid-section:nth-child(8) h3 {
      color: #761d62;
  }
  
  
  /* has bio */
  
  .has-bio a {}
  
  .has-bio a:hover {
      opacity: 1 !important;
  }
  
  .has-bio .grid-image-container {
      position: relative;
      z-index: 10;
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      justify-content: center;
  }
  
  .has-bio .grid-image-container .grid-image {
      background-color: #06248c;
      background-blend-mode: normal;
      transition: .3s background-color ease-in-out !important;
      position: relative;
  }
  
  .has-bio .grid-image-container:hover .grid-image {
      background-color: #06248c;
      background-blend-mode: multiply;
  }
  
  .has-bio .grid-image-container .button {
      position: absolute;
      left: -10000px;
      top: auto;
      width: 1px;
      height: 1px;
      overflow: hidden;
  }
  
  .has-bio .grid-image-container:hover .button {
      position: absolute !important;
      left: auto !important;
      bottom: 30px !important;
      width: auto !important;
      height: auto !important;
      z-index: 100;
  }
  
  .has-bio .bio-hover-bg {
      background-color: #06248c;
      height: 19.9999vw;
      width: 19.9999vw;
      max-width: 290px;
      max-height: 290px;
      border-radius: 17px;
      display: inline-block;
      margin-top: -20vw;
      -webkit-translate(0,
      -8.5px);
      -ms-translate(0,
      -8.5px);
      transform: translate(0, -8.5px);
      transition: .3s transform ease-in-out;
  }
  
  .has-bio.hover .bio-hover-bg {
      -webkit-transform: rotate(7deg) translate(0, -10px);
      -ms-transform: rotate(7deg) translate(0, -10px);
      transform: rotate(7deg) translate(0, -10px);
      transition: .3s transform ease-in-out;
  }
  
  .has-bio .bio-container {
      display: none;
      height: 380px;
      width: 100vw;
      overflow: hidden;
  }
  
  .has-bio .bio {
      height: 325px;
      max-width: 1244px;
      width: 90vw;
      overflow: hidden;
      /***/
      background-color: #06248c;
      border-radius: 17px;
      padding: 20px 45px;
      /***/
      position: absolute;
      left: 0;
      top: auto;
      margin-top: 40px;
  }
  
  .has-bio .bio-inner {
      overflow-y: auto;
      height: 260px;
      padding-right: 20px;
  }
  
  .has-bio .bio p {
      color: white !important;
      max-width: 800px;
      margin: 1em auto;
  }
  
  .has-bio .bio-inner::-webkit-scrollbar {
      background-color: rgba(0, 0, 0, 0);
      width: 8px;
  }
  
  .has-bio .bio-inner::-webkit-scrollbar-thumb {
      background-color: white;
      border-radius: 100px;
      opacity: .8;
  }
  
  .has-bio .grid-image:after {
      content: "";
      background-image: url('img/has-bio.png');
      height: 30px;
      width: 30px;
      background-size: contain;
      position: absolute;
      bottom: 10px;
      right: 10px;
  }
  
  .non-touch .has-bio .grid-image:after {
      content: "";
      background-image: url('img/has-bio.png');
      height: 0;
      width: 0;
      background-size: contain;
      position: absolute;
      bottom: 10px;
      right: 10px;
  }
  
  
  /********************************************* Form Elements */
  
  input,
  textarea,
  select,
  .checkboxes a {
      font-family: canada-type-gibson, sans-serif !important;
      font-weight: 400;
      color: black !important;
      font-size: 180%;
      line-height: 1.1 !important;
      width: 100%;
  }
  
  label {
      padding-top: 20px;
      padding-bottom: 10px;
      display: block;
  }
  
  label.error {
      padding-top: 0px !important;
      padding-bottom: 0px !important;
      color: red !important;
  }
  
  input {
      background-color: rgba(0, 0, 0, 0);
  }
  
  input[type="radio"]:hover {
      cursor: pointer;
  }
  
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="number"],
  input[type="date"],
  textarea,
  number,
  select {
      background-color: rgba(0, 0, 0, 0);
      border: 2px solid #06248c;
      border-radius: 7px;
      -webkit-border-radius: 7px;
      height: 45px;
      padding: 4px 10px !important;
  }
  
  select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      box-sizing: border-box !important;
      background: url('img/dropdown-arrow.png') no-repeat 96% 50% transparent;
      background-size: 16px 9px;
  }
  
  p label,
  p input,
  p textarea,
  p select {
      font-size: 95% !important;
  }
  
  label h3 {
      font-size: 150% !important;
  }
  
  label h4,
  label label {
      font-size: 100% !important;
  }
  
  .field {
      vertical-align: top;
  }
  
  .interaction-form .field input,
  .interaction-form .field select,
  .interaction-form .field textarea {
      max-width: 100% !important;
      padding: 4px 10px !important;
  }
  
  .first-name,
  .last-name,
  .country,
  .street-address,
  .city,
  .state,
  .zip-code,
  .phone-number,
  .email-address,
  .province,
  .postal-code {
      max-width: 50%;
      width: 100%;
      display: inline-block;
  }
  
  .section h3 {
      margin-bottom: -5px;
  }
  
  .section.address,
  .section.custom-fields {
      margin-top: 50px;
  }
  
  /* button */
  
  .btn-group {
      float: right;
      display: block;
      clear: both;
      margin-top: 50px;
      padding-right: 4%;
      width: auto !important;
  }
  
  .btn-group input[type="submit"] {
      border-color: rgba(0, 0, 0, 0);
      background-color: #F0715F;
      width: auto;
      display: block;
      /***/
      font-family: canada-type-gibson, sans-serif;
      font-weight: 700;
      color: white !important;
      font-size: 180%;
      line-height: 1;
      text-transform: uppercase;
      letter-spacing: 1px;
      text-decoration: none !important;
      /***/
      padding: 16px 25px;
      border-radius: 20px;
      /***/
      overflow: hidden;
      transition: .5s all ease-in-out;
  }
  
  .btn-group input[type="submit"]:hover {
      cursor: pointer;
      background-color: #D36057;
  }
  
  
  /* bloomerang checkboxes */
  
  .checkboxes {
      background-color: rgba(0, 0, 0, 0);
      border: 2px solid #06248c !important;
      border-radius: 7px !important;
      -webkit-border-radius: 7px !important;
      max-width: 96% !important;
  }
  
  .checkboxes a,
  .checkboxes input {
      vertical-align: middle !important;
      margin: 10px 4px;
      padding-bottom: 15px !important;
  }
  
  .checkboxes a {
      height: auto !important;
      transition: .2s padding ease-in-out;
  }
  
  .checkboxes a:hover {
      opacity: 1 !important;
  }
  
  .checkbox.selected {
      background-color: rgba(0, 0, 0, 0) !important;
      padding-left: 40px !important;
      transition: .2s padding ease-in-out;
      color: #06248c !important;
  }
  
  .checkbox:before {
      content: "\2714";
      color: #06248c !important;
      text-shadow: none !important;
      line-height: 20px !important;
      position: absolute !important;
      left: 10px !important;
      opacity: 0;
      transition: .2s opacity ease-in-out;
  }
  
  .checkbox.selected:before {
      opacity: 1 !important;
      transition: .2s opacity ease-in-out;
  }
  
  .comment,
  .comment textarea {
      min-height: 150px;
      padding-top: 6px !important;
      line-height: 1.3 !important;
  }
  
  /********************************************* Contact Form 7 */
  
  .wpcf7 div {
      display: inline-block;
      width: 49%;
  }
  
  
  .wpcf7 span {
      max-width: 96%;
      display: inline-block;
  }
  
  .wpcf7 .subject,
  .wpcf7 .comment {
      width: 96% !important;
  }
  
  .wpcf7 .btn-group {
      margin-bottom: 20px !important;
  }
  
  /* Normalize all text */
  
  div.wpcf7-mail-sent-ok,
  div.wpcf7-validation-errors,
  div.wpcf7-acceptance-missing,
  div.wpcf7-response-output {
      border: none !important;
      font-size: 200%;
      background-color: white;
      display: block !important;
      width: 100%;
      padding: 30px;
  }
  
  /* Success Message */
  
  div.wpcf7-mail-sent-ok:before {
      content: "Success";
      background-color: seagreen;
      color: white;
      padding: 3px 10px;
      border-radius: 5px;
      margin-right: 10px;
  }
  
  /* Error Message */
  
  div.wpcf7-validation-errors:before,
  div.wpcf7-acceptance-missing:before {
      content: "Attention";
      background-color: darkorange;
      color: white;
      padding: 3px 10px;
      border-radius: 5px;
      margin-right: 10px;
  }
  
  /* Field Validation Warnings */
  
  span.wpcf7-not-valid-tip {
      color: firebrick !important;
      font-weight: normal !important;
      display: block !important;
      font-size: 160% !important;
      margin-bottom: -20px !important;
  }
  
  .wpcf7-response-output {
      clear: both;
      margin: 0 !important;
      padding: 0 !important;
  }
  
  /********************************************* Donate Form */
  
  #donation-form-container {
      background-color: #F6F7F6;
      border-radius: 17px;
      padding: 50px;
  }
  
  /* plain fields */
  
  #donation-form-container .billing-address,
  #donation-form-container .contact {
      width: 45%;
      display: inline-block;
      vertical-align: top;
      margin-top: 10px;
  }
  
  #donation-form-container .email-address,
  #donation-form-container .country,
  #donation-form-container .street-address,
  #donation-form-container .city {
      max-width: 100%;
  }
  
  #donation-form-container .billing-address {
      margin-left: 9%;
         margin-bottom: 9%;
  }
  
  #donation-form-container .frequency,
  #donation-form-container .start-date {
      max-width: 50%;
      width: 100%;
      display: inline-block;
  }
  
  #donation-form-container .frequency,
  #donation-form-container .province,
  #donation-form-container .state,
  #donation-form-container .first-name {
      padding-right: 4%
  }
  
  #donation-form-container .btn-group {
      margin-top: -90px;
      padding-right: 0 !important;
  }
  
  /* radio buttons */
  
  #donation-form-container .otherAmount {
      max-width: 120px;
  }
  
  #donation-form-container .radio,
  #donation-form-container .other-amount {
      display: inline-block;
      margin-top: 15px;
  }
  
  #donation-form-container .section.donation input[type="radio"] {
      height: 45px;
      width: 100px;
      padding: 0;
      margin: 0;
      opacity: 0.01;
  }
  
  #donation-form-container .other-amount {
      margin-top: 35px;
      vertical-align: middle;
  }
  
  #donation-form-container .other-amount input {
      border: 2px solid #F0715F;
      border-radius: 20px;
      height: 52px;
      /***/
      font-family: canada-type-gibson, sans-serif !important;
      font-weight: 700 !important;
      color: #F0715F !important;
      line-height: 1 !important;
      text-transform: uppercase !important;
      letter-spacing: 1px !important;
      text-decoration: none !important;
  }
  
  #donation-form-container .section.donation .radio label {
      position: relative;
      background-color: transparent;
      border: 2px solid #F0715F;
      border-radius: 20px;
      padding: 0px;
      margin: 20px 20px 10px 0;
      cursor: pointer;
      transition: background .1s ease-in-out;
  }
  
  #donation-form-container .section.donation .label {
      font-family: canada-type-gibson, sans-serif !important;
      font-weight: 700 !important;
      color: #F0715F;
      line-height: 1 !important;
      text-transform: uppercase !important;
      letter-spacing: 1px !important;
      text-decoration: none !important;
      /***/
      position: absolute;
      top: 31%;
      left: 25%;
      transition: color .1s ease-in-out;
  }
  
  /* recurring */
  
  #donation-form-container .section.recurring {
      max-width: 745px;
      margin-top: 30px;
  }
  
  #donation-form-container .checkbox.recurring h3 {
      display: inline-block;
  }
  
  #donation-form-container .checkbox.recurring input {
      height: 45px;
      width: 85px;
      padding: 0;
      margin: 0;
      opacity: 0.01;
      cursor: pointer;
  }
  
  #donation-form-container .checkbox.recurring label {
      display: inline-block;
      color: #F0715F !important;
      position: relative;
      background-color: transparent;
      border: 2px solid #F0715F;
      border-radius: 20px;
      padding: 0px;
      margin: 17px 0 0 25px;
      cursor: pointer;
      transition: background .1s ease-in-out;
      vertical-align: top;
  }
  
  #donation-form-container .checkbox.recurring label .label {
      position: absolute;
      left: 23px;
      top: 13px;
      cursor: pointer;
  }
  
  /* designation */
  
  #donation-form-container .custom-fields {
      margin-top: 0 !important;
  }
  
  .CustomTransactionField_116736 h3,
  .CustomTransactionField_116736 label {
      display: inline-block;
  }
  
  #CustomTransactionField_116736 {
      border: 2px solid #06248D;
      display: inline-block;
      width: auto;
      /***/
      font-family: wavehaus-bold, sans-serif !important;
      color: #F0715F !important;
      font-size: 280%;
      line-height: 1.21;
      margin-top: 1em;
      margin-bottom: .5em;
      text-transform: none !important;
      letter-spacing: 0px !important;
  }
  
  /* message and amount */
  
  .amount-message {
      margin-top: 120px;
  }
  
  .amount-message .amount {
      opacity: .8;
      border: 2px solid #595959;
      border-radius: 7px;
      max-width: 220px;
      padding: 5px 15px;
      margin-bottom: 30px;
  }
  
  .amount-message .amount p {
      font-family: wavehaus-bold, sans-serif !important;
      font-size: 280%;
      text-align: right;
      padding: 0;
      margin: 0;
      position: relative;
  }
  
  .amount-message .message {
      font-size: 160%;
      line-height: 1.5;
  }
  
  .amount-message .amount .dollar {
      position: absolute;
      left: 0;
  }
  
  .amount-message .amount .dollar-amount {
      margin-right: 60px;
  }
  
  .amount-message .amount .usd {
      position: absolute;
      right: 0;
  }
  
  /* checked/selected option */
  
  .donation-form .field.radio.checked label,
  .donation-form .field.recurring.checked label {
      background-color: #F0715F !important;
  }
  
  .donation-form .field.radio.checked label .label,
  .donation-form .field.recurring.checked label .label {
      color: white !important;
  }
  
  
  
  
  /******************************************** General Fields */
  
  /* Title & Intro Text */
  
  .title-and-intro {
      max-width: 720px;
      text-align: center !important;
      margin: 0 auto;
  }
  
  .title-and-intro .inner {
      text-align: center !important;
  }
  
  .title-and-intro li {
      list-style: none;
      display: inline;
      padding: 0 20px;
  }
  
  /******************************************** General Layers */
  
  /* Button */
  
  .button-layer {
      max-width: 900px;
      margin: 0 auto;
      text-align: center !important;
      height: 50px;
      margin-top: -50px;
      margin-bottom: 50px;
  }
  
  .button-layer .button {
      float: right;
      clear: both;
      margin-top: 0;
  }
  
  /* Video layer */
  
  .video-layer p {
      margin: 0 !important;
  }
  
  .video-layer .inner {
      position: relative;
      padding-bottom: 56.25%;
      /* 16:9 */
      padding-top: 25px;
      height: 0;
  }
  
  .video-layer iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  
  /* blockquote */
  
  .blockquote-layer blockquote p {
      font-size: 250%;
  }
  
  .blockquote-layer blockquote p:before {
      content: "“";
      margin-left: -10px;
  }
  
  .blockquote-layer blockquote p:after {
      content: "”";
  }
  
  .blockquote-layer cite {
      margin-top: -12px;
      display: block;
  }
  
  .blockquote-layer cite p {
      margin: 0 !important;
      padding-left: 3.5em;
      color: #06248c !important;
      font-weight: 700;
      font-size: 180% !important;
  }
  
  .blockquote-layer cite p:before {
      content: "—";
  }
  
  /* Stat Layer */
  
  .stat-layer h1 {
      width: 100%;
      text-align: center;
      margin-bottom: 50px;
  }
  
  .number-statistic .h1 {
      padding-top: 50px;
      padding-bottom: 50px;
  }
  
  .statistic-row {
      margin: auto;
      text-align: center;
  }
  
  .number-statistic,
  .icon-statistic {
      max-width: 25%;
      display: inline-block;
      vertical-align: middle;
      text-align: center;
      margin: 0 40px;
  }
  
  /* image on right */
  
  .right-image-container {
      margin: auto;
      text-align: center;
  }
  
  .left-text {
      max-width: 50%;
      display: inline-block;
      vertical-align: middle;
      margin-right: 100px;
      text-align: left;
  }
  
  .right-image {
      max-width: 40%;
      display: inline-block;
      vertical-align: middle;
  }
  
  .left-image img,
  .right-image img {
      border-radius: 17px;
  }
  
  /* image on left */
  
  .left-image-container {
      margin: auto;
      text-align: center;
  }
  
  .left-image {
      max-width: 57%;
      display: inline-block;
      vertical-align: middle;
  }
  
  .right-text {
      max-width: 33%;
      display: inline-block;
      vertical-align: middle;
      margin-left: 100px;
      text-align: left;
  }
  
  /* bloomerang form */
  
  .bloomerang-form-layer .btn-group {
      padding-bottom: 100px;
  }
  
  /* map layer */
  
  .acf-map {
      width: 100%;
      height: 550px;
      border-radius: 17px;
      margin-top: 20px;
  }
  
  /* fixes potential theme css conflict */
  
  .acf-map img {
      max-width: inherit !important;
  }
  
  .map-layer p {
      max-width: 70%;
      display: inline-block;
  }
  
  .map-layer .button {
      float: right;
      clear: both;
  }
  
  /******************************************** Get Involved */
  
  #get-involved {
      padding-top: 100px;
      margin-bottom: -80px;
  }
  
  #get-involved .inner {
      text-align: right;
  }
  
  #get-involved h2 {
      display: inline-block;
      margin-right: 50px;
  }
  
  #get-involved a {
      text-decoration: none;
      border-bottom: 0;
      text-align: center;
  }
  
  #get-involved h3 {
      padding: 85px 0px;
      margin-top: 0;
  }
  
  .bubble-one,
  .bubble-two,
  .bubble-three {
      height: 240px;
      width: 240px;
      display: inline-block;
  }
  
  .bubble-one {
      background-color: #CDDCEC;
      border-radius: 100% 116% 100% 112%;
      mix-blend-mode: multiply;
  }
  
  .bubble-two {
      background-color: #DDDEDD;
      border-radius: 115% 100% 100% 100%;
      margin-left: -15px;
      mix-blend-mode: multiply;
  }
  
  .bubble-three {
      background-color: #F2CDBD;
      border-radius: 100% 115% 98% 100%;
      margin-left: -15px;
      mix-blend-mode: multiply;
  }
  
  /******************************************** Footer */
  
  #footer {
      background-color: #06248c;
      position: relative;
      z-index: 1;
      clear: both;
      margin-top: 50px;
  }
  
  #footer h5,
  #footer address,
  #footer p,
  #footer h3,
  #footer a,
  #footer a:hover {
      color: white !important;
  }
  
  .location {
      display: inline-block;
      width: 24%;
      vertical-align: top;
  }
  
  .location:nth-child(3) {
      padding-left: 30px;
  }
  
  /* bottom left */
  
  #footer .bottom-left {
      float: left;
      width: 49%;
      margin-top: 80px;
  }
  
  .social-media {
      clear: both;
      margin-top: 30px;
  }
  
  .social-link {
      font-size: 30px;
      margin-right: 15px;
  }
  
  .social-link:last-child {
      margin-right: 0;
  }
  
  /* newsletter sign-up */
  
  .newsletter h3 {
      margin-top: 0;
      margin-bottom: .3em;
  }
  
  #email-registration-form {
      max-width: 390px;
  }
  
  #email-registration-form h3 {
      display: none;
  }
  
  #email-registration-form label {
      color: white !important;
      padding-top: 10px;
  }
  
  #email-registration-form .field {
      width: 100% !important;
      max-width: 309px !important;
      padding: 0;
  }
  
  #email-registration-form .field input {
      border: 2px solid white !important;
      width: 100% !important;
      color: white !important;
  }
  
  #email-registration-form .first-name {
      margin-right: 4%;
  }
  
  #email-registration-form .first-name,
  #email-registration-form .last-name {
      width: 45% !important;
  }
  
  #email-registration-form .btn-group {
      /* margin-top: -42px; */
      margin-bottom: 0 !important;
      padding-right: 0;
      padding-bottom: 0 !important;
      float: right;
      /* margin-right: 25px; */
  }
  
  #email-registration-form .btn-group:after {
      content: "";
      background-image: url('img/right-arrow.png');
      height: 18px;
      width: 19px;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      display: block;
      margin-top: -28px;
      margin-left: 10px;
  }
  
  #email-registration-form .btn-group input[type="submit"] {
      width: 90px;
      height: 50px;
      border-radius: 100%;
      color: rgba(f, f, f, f) !important;
      padding: 0 !important;
  }
  
  #email-registration-form .consent {
      font-family: canada-type-gibson, sans-serif !important;
      font-weight: 400;
      color: white;
      font-size: 180%;
      padding-top: 20px;
      display: none;
  }
  
  /* bottom right */
  
  #footer .bottom-right {
      float: right;
      width: 45%;
      margin-top: 80px;
  }
  
  .creds {
      margin-bottom: 30px;
  }
  
  .creds a img {
      margin-right: 25px;
  }
  
  .creds a:last-child img {
      margin-right: 0;
  }
  
  #menu-footer-menu {
      list-style-type: none;
      margin-left: 0;
  }
  
  #menu-footer-menu li:first-child {
      padding: 0;
  }
  
  #menu-footer-menu li:last-child:after {
      content: '';
      padding-left: 0;
  }
  
  #menu-footer-menu li {
      display: inline;
      padding: 0 5px;
  }
  
  #menu-footer-menu li:after {
      content: '|';
      color: white;
      padding-left: 5px;
  }
  
  #footer .mob-link {
      font-family: canada-type-gibson, sans-serif;
      font-weight: 400;
      font-size: 140%;
      opacity: .7;
      text-decoration: none;
  }
  
  /********************************************* The Awesomeness */
  
  /********************************************* desktop only */
  
  @media screen and (min-width: 1040px) {
      /******************** Desktop Nav */
      /* auxilliary menu */
      .auxiliary-menu-background {
          background-color: #f0715f;
          padding: 18px 50px;
          position: absolute;
          top: 0px;
          left: 0px;
          width: 100%;
      }
  
      #menu-auxiliary-menu {
          text-align: right !important;
          max-width: 1244px;
          margin: 0 auto;
      }
  
      #menu-auxiliary-menu li {
          display: inline;
      }
  
      #menu-auxiliary-menu a {
          font-family: canada-type-gibson, sans-serif;
          font-weight: 700;
          color: white !important;
          font-size: 150%;
          line-height: 1;
          text-transform: uppercase;
          letter-spacing: 1px;
          /**/
          transition: .3s opacity ease-in-out;
          padding: 0px 15px;
      }
      
      #navMain {
          max-width: 1244px;
          margin: 0 auto;
      }
  
      /* main menu */
      #menu-main-menu {
          float: right;
          padding: 65px 10px 0px 0px  !important;
          max-width: 820px !important;
          margin-top: -145px;
      }
  
      #menu-main-menu li {
          display: inline;
      }
  
      .home #menu-main-menu a {
          opacity: 0.999999;
      }
  
      #menu-main-menu a {
          font-family: canada-type-gibson, sans-serif;
          font-weight: 700;
          color: #06248c;
          font-size: 180%;
          line-height: 1;
          /**/
          transition: .3s opacity ease-in-out;
          padding: 0px 15px;
          /**/
          opacity: .7;
  
      }
  
      /* current item */
      .home #menu-main-menu li.current-menu-item a {
          background-image: none !important;
      }
  
      #menu-main-menu li.current-menu-item > a,
      #menu-main-menu li.current_page_parent > a {
          opacity: 0.999999;
          background-image: url(img/current-page.png);
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center;
      }
  
      #menu-main-menu li.current-menu-item .sub-menu a,
      #menu-main-menu li.current_page_parent .sub-menu a {
          background-image: none;
      }
  
      #menu-auxiliary-menu li.current-menu-item a,
      #menu-auxiliary-menu li.current_page_parent a {
          opacity: .7;
      }
      
      .single-story #menu-auxiliary-menu li.current_page_parent a {
          opacity: 0.9999 !important;
      }
  
      /* hover */
      .home #menu-main-menu li:hover a {
          opacity: .7;
      }
  
      .home #menu-main-menu li:hover .sub-menu a {
          opacity: 0.999999;
      }
  
      .home #menu-main-menu .sub-menu li:hover a {
          opacity: .7 !important;
      }
  
      .home #menu-main-menu li .sub-menu {
          background-color: #761d62 !important;
      }
  
      #menu-main-menu li:hover a {
          opacity: 0.999999;
      }
  
      #menu-main-menu .sub-menu > li {
          display: block;
      }
  
      #menu-main-menu li {
          position: relative;
          padding-bottom: 20px;
      }
  
      #menu-main-menu li .sub-menu {
          display: inline;
          position: absolute !important;
          left: -10000px !important;
          top: auto !important;
          width: 1px !important;
          height: 1px !important;
          overflow: hidden !important;
          /***/
          background-color: #06248c;
          border-radius: 17px;
          padding: 10px 20px;
          min-width: 200px;
          /***/
          opacity: .00001;
          transition: .3s opacity ease-in-out;
      }
  
      #menu-main-menu li:hover .sub-menu {
          position: absolute;
          top: 30px !important;
          left: 0 !important;
          width: auto !important;
          height: auto !important;
          overflow: visible !important;
          z-index: 1000 !important;
          opacity: 0.999999;
          transition: .3s opacity ease-in-out;
      }
  
      #menu-main-menu li .sub-menu li {
          padding: 10px 0;
      }
  
      #menu-main-menu li .sub-menu li a {
          text-align: left;
          padding: 0 !important;
          opacity: 1 !important;
          color: white !important;
          transition: .3s opacity ease-in-out;
      }
  
      #menu-main-menu li .sub-menu li:hover a {
          opacity: .7 !important;
          transition: .3s opacity ease-in-out;
      }
  
      #menu-auxiliary-menu a:hover {
          opacity: .7;
      }
  }
  
  
  /********************************************* 1180 */
  
  @media screen and (max-width: 1180px) {
      #header.wo {
          padding: 0 15px;
      }
  
      .auxiliary-menu-background {
          padding: 18px 20px;
      }
  
      #menu-main-menu {
          padding: 65px 10px;
      }
  
      /******************** Home Page */
      .main-message {
          margin-left: 0;
      }
  
      .first-layer .image-bubble {
          right: -2px;
      }
  
      .second-message {
          max-width: 39%;
      }
  
      .priorities-layer .inner {
          position: relative;
      }
  
      .priorities-layer a {
          text-align: center;
      }
  
      .priorities-left {
          max-width: 43%;
          display: block;
          margin-right: 20px;
          float: left;
          margin-top: 550px;
      }
  
      .bubble-cluster-container {
          position: absolute;
          left: 50%;
          top: 123px;
      }
      .bubble-cluster {
          margin: 0 auto;
          text-align: center;
          width: 494px;
          height: 494px;
          clear: both;
          position: relative;
          left: -50%;
      }
  
      .priorities-middle-bubble {
          top: 19%;
          left: 20%;
      }
  
      .priorities-right {
          max-width: 43%;
          display: inline-block;
          margin-left: 20px;
          float: right;
          margin-top: 550px;
      }
  
      .latest-news {
          clear: both;
      }
  
      .latest-news .inner {
          padding-top: 75px;
      }
  
      /******************** General Layers */
      .number-statistic,
      .icon-statistic {
          margin: 0 20px;
          max-width: 28%;
      }
  
      .right-text {
          margin-left: 50px;
      }
  
      .left-text {
          margin-right: 50px;
      }
  
      /******************** Our Stories */
      .story-image-container {
          max-width: 50%;
      }
  
      .story-excerpt {
          max-width: 43%;
      }
  
      /******************** Priorities Page */
      .priorities-page .image-bubble img {
          max-width: 450px;
      }
  
      .priorities-page:nth-child(odd) .content {
          margin-left: 50px;
      }
  
      .priorities-page:nth-child(even) .content {
          margin-right: 50px;
      }
  
  }
  
  /********************************************* 1090 */
  
  @media screen and (max-width: 1090px) {
  
      #menu-main-menu a {
          padding: 0px 10px;
      }
  
      /******************** Home Page */
      .second-message {
          max-width: 35%;
      }
  
      /******************** News */
      .news-container {
          width: 40%;
          max-width: 100%;
      }
  
      .news-image-container {
          max-width: 100%;
      }
  
      .news-image {
          height: 33vw;
          width: 33vw;
      }
      .result-image img{
          height: 33vw;
          width: 33vw;
      }
  
      .news-container:nth-child(3n + 1),
      .news-container:nth-child(3n + 2),
      .news-container:nth-child(3n + 3) {
          margin-right: 25px;
          margin-left: 25px;
      }
  
  
  
      /******************** Get Involved */
      #get-involved .inner {
          text-align: center;
      }
  
      #get-involved h2 {
          display: block;
          margin-bottom: 30px;
      }
  
      /******************** Footer */
      .locations {
          margin: 0 auto !important;
          text-align: center;
      }
  
      .location {
          width: 34%;
          text-align: left;
      }
  
      .location:nth-child(3) {
          padding-left: 0;
      }
  }
  
  /********************************************* 1040 --- navigation */
  
  @media screen and (max-width: 1040px) {
      /******************** Fixes */
      .title-and-intro {
          margin-top: 90px;
      }
  
      .first-layer {
          margin-top: 70px;
      }
  
      .first-layer .image-bubble {
          right: 300px;
          top: 0;
          width: 400px;
          height: 400px;
      }
  
      .priorities-layer {
          margin-top: 50px;
      }
  
      .priorities-left,
      .priorities-right {
          max-width: 47%;
      }
  
      .second-layer {
          margin-top: -25px;
      }
  
      .second-layer .image-bubble {
          width: 400px;
          height: 400px;
      }
  
      .second-message {
          max-width: 50%;
          margin-left: 50px;
      }
  
      #donation-form-container .checkbox.recurring h3 {
          width: 81%;
      }
  
      /******************** Navigation */
      #header {
          background-color: #06248c;
          margin-top: 0;
          height: 70px;
          position: fixed;
          z-index: 100000;
          top: 0;
          left: 0;
          width: 100%;
      }
  
      .home #header {
          background-color: #f0715f !important;
      }
  
      #navMain {
          background-color: #06248c;
          position: absolute;
          top: 80px;
          right: -300px;
          width: 300px;
          height: 100%;
          max-height: 700px;
          border-radius: 17px 0 0 17px;
          padding: 70px 0 0 0;
          /**/
          transition: .3s right ease-out;
          z-index: 10000000;
      }
  
      #menu-main-menu {
          padding: 0;
      }
  
      #navMain.open {
          right: 0;
          transition: .3s right ease-out;
      }
  
      .site-title {
          display: none;
      }
  
      .site-title.mobile {
          display: inline-block;
          float: left;
          position: static;
          width: 240px !important;
          height: auto !important;
          margin-top: 8px;
          overflow: visible;
      }
  
      /* main nav */
      .auxiliary-menu-background {
          padding: 0;
      }
  
      #menu-main-menu {
          margin-top: 20px;
      }
  
      #menu-main-menu li,
      #menu-auxiliary-menu li {
          padding: 10px 40px;
      }
  
      #menu-main-menu a,
      #menu-auxiliary-menu a {
          font-family: canada-type-gibson, sans-serif;
          font-weight: 700;
          color: white;
          font-size: 180%;
          line-height: 1;
          padding: 0;
      }
  
      #menu-auxiliary-menu a {
          color: #f0715f !important;
      }
  
      #menu-main-menu > li:nth-child(5){
          background-color: #f0715f;
          position: absolute;
          top: 0;
          width: 300px;
          padding: 15px 40px;
          border-radius: 17px 0 0 0;
      }
      #menu-main-menu > li:nth-child(6){
          background-color: #07248b !important;
          position: relative !important;
          top: none !important;
          padding: 10px 40px!important;
          background-image: url('https://www.aafscny.org/wp-content/themes/aafscny/img/noun-search-white.png');
          background-size:4px 4px !important;
          background-repeat: no-repeat;
          background-position: 0% 0% !important;
      }
      #menu-main-menu li.menu-item-has-children:before {
          content: "";
          border: solid white;
          border-width: 0 3px 3px 0;
          display: inline-block;
          padding: 3px;
          -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
          margin-bottom: 2px;
          float: right;
          margin-top: 7px;
          cursor: pointer;
          pointer-events: all;
      }
  
      #menu-main-menu li.menu-item-has-children.open:before {
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg);
      }
  
      /* sub-nav */
      .sub-menu {
          display: none;
          padding-top: 10px;
          padding-left: 10px;
      }
  
      .sub-menu li {
          padding: 10px 0 !important;
          margin: 0;
      }
  
      .sub-menu li a {
          color: #B8CEE7 !important;
      }
  
      #isFront #menu-main-menu .sub-menu li a {
          color: #B8CEE7 !important;
      }
  
      /* toggle button */
      .menu-toggle {
          float: right;
          margin-right: 50px;
          margin-top: 20px;
      }
  
      .menuEight {
          width: 35px;
          height: 30px;
          margin: 18px 10px;
          position: relative;
          cursor: pointer;
          display: inline-block;
      }
  
      .menuEight span {
          background-color: #FFF;
          position: absolute;
          border-radius: 2px;
          transition: .3s cubic-bezier(.8, .5, .2, 1.4);
          width: 100%;
          height: 4px;
      }
      .menuEight span:nth-child(1) {
          top: 0px;
          left: 0px;
      }
      .menuEight span:nth-child(2) {
          top: 13px;
          left: 0px;
      }
      .menuEight span:nth-child(3) {
          bottom: 0px;
          left: 0px;
      }
      .menuEight:not(.clickMenuEight):hover span:nth-child(1) {
          -webkit-scaleX(.8);
          -ms-scaleX(.8);
          transform: scaleX(.8);
      }
      .menuEight:not(.clickMenuEight):hover span:nth-child(2) {
          -webkit-scaleX(.5);
          -ms-scaleX(.5);
          transform: scaleX(.5);
      }
      .menuEight:not(.clickMenuEight):hover span:nth-child(3) {
          -webkit-scaleX(.8);
          -ms-scaleX(.8);
          transform: scaleX(.8);
      }
      .clickMenuEight span:nth-child(1) {
          top: 13PX;
  
      }
      .clickMenuEight span:nth-child(2) {}
      .clickMenuEight span:nth-child(3) {
          top: 13PX;
      }
  
      /******************** Our Priorities */
      .priorities-page {
          margin-top: 60px;
      }
  
      .priorities-page:first-child {
          margin-top: 0;
      }
  
      .priorities-page .image-bubble {
          display: block;
      }
  
      .priorities-page:nth-child(odd) .content {
          margin-left: 0;
          margin-top: 0;
          float: none;
      }
  
      .priorities-page:nth-child(even) .content {
          margin-right: 0;
          margin-top: 0;
          float: none;
      }
  
      .priorities-page .content {
          width: 100%;
          max-width: 700px;
          padding-top: 40px;
      }
  
  
  }
  
  
  /********************************************* 920 */
  
  @media screen and (max-width: 920px) {
      .pv {
          padding-top: 30px;
          padding-bottom: 30px;
      }
  
      .first-layer {
          padding-top: 100px !important;
      }
  
      .blockquote-layer {
          margin-top: -30px;
      }
  
      .number-statistic,
      .icon-statistic {
          margin: 0 auto;
          max-width: 350px;
          display: block;
          margin-bottom: 60px;
      }
  
      /******************** Home Page */
      .second-layer {
          margin-top: 50px;
      }
  
      .second-layer .image-bubble {
          display: none;
      }
  
      .second-message {
          max-width: 68%
      }
  
      .latest-news-image-container {
          max-width: 100%;
          display: block;
      }
  
      .latest-news-blurb {
          max-width: 100%;
          margin-top: 50px;
          margin-left: 0;
      }
  
      /******************** Staff/Grid */
      .grid-item {
          width: 26vw;
      }
  
      .grid-image {
          height: 26vw;
          width: 26vw;
      }
  
      .has-bio .bio-hover-bg {
          height: 25.99999vw;
          width: 25.99999vw;
          margin-top: -26vw;
      }
  
      /* old four column*/
      .grid-item:nth-child(4n + 1) {
          margin-right: 0;
      }
  
      .grid-item:nth-child(4n + 2) {
          margin-left: 0;
          margin-right: 0;
      }
  
      .grid-item:nth-child(4n + 3) {
          margin-left: 0;
          margin-right: 0;
      }
  
      .grid-item:nth-child(4n + 4) {
          margin-left: 0;
      }
  
      /* new three-column */
      .grid-item:nth-child(3n + 1) {
          margin-right: 10px;
      }
  
      .grid-item:nth-child(3n + 2) {
          margin-left: 10px;
          margin-right: 10px;
      }
  
      .grid-item:nth-child(3n + 3) {
          margin-left: 10px;
          margin-right: 0;
      }
  
  
  
      /******************** General Layers */
      .blockquote-layer blockquote p {
          margin: 0 !important;
      }
  
      .blockquote-layer cite p {
          padding-top: 20px;
      }
  
      .button-layer {
          margin-top: -20px;
      }
  
      .image-text-layer .button {
          float: right;
      }
  
      .right-image-container {
          display: -webkit-box;
          /* OLD - iOS 6-, Safari 3.1-6 */
          display: -moz-box;
          /* OLD - Firefox 19- (buggy but mostly works) */
          display: -ms-flexbox;
          /* TWEENER - IE 10 */
          display: -webkit-flex;
          /* NEW - Chrome */
          display: flex;
          /* NEW, Spec - Opera 12.1, Firefox 20+ */
          flex-direction: column;
      }
  
      .left-image,
      .right-image {
          max-width: 100%;
      }
  
      .right-text {
          max-width: 100%;
          margin-left: 0;
          margin-top: 40px;
      }
  
      .left-text {
          max-width: 100%;
          margin-right: 0;
          -webkit-box-ordinal-group: 2;
          /* OLD - iOS 6-, Safari 3.1-6 */
          -moz-box-ordinal-group: 2;
          /* OLD - Firefox 19- */
          -ms-flex-order: 2;
          /* TWEENER - IE 10 */
          -webkit-order: 2;
          /* NEW - Chrome */
          order: 2;
          /* NEW, Spec - Opera 12.1, Firefox 20+ */
      }
  
      .right-image {
          -webkit-box-ordinal-group: 1;
          -moz-box-ordinal-group: 1;
          -ms-flex-order: 1;
          -webkit-order: 1;
          order: 1;
          margin-bottom: 40px;
      }
  
      #get-involved {
          padding-top: 100px !important;
      }
  
      #get-involved.wo {
          padding: 0 0;
      }
  
      .post-date {
          padding-bottom: 20px;
      }
  
  
      /******************** Our Stories */
      .story-image-container {
          max-width: 100%;
      }
  
      .story-excerpt {
          max-width: 100%;
      }
  
      .story-image {
          width: 1000px;
      }
  
      .story-container:nth-child(odd) .story-excerpt {
          margin-left: 0;
          float: none;
          padding-top: 50px;
      }
  
      .story-container:nth-child(even) .story-excerpt {
          margin-right: 0;
          float: none;
      }
  
  
      /******************** Footer */
      #footer .bottom-left,
      #footer .bottom-right {
          width: 100%;
          float: none;
          margin: auto;
          display: inline-block;
          text-align: center;
          padding-top: 80px;
      }
  
      #footer {
          padding-top: 80px;
          padding-bottom: 80px;
      }
  
      #email-registration-form {
          margin: auto;
      }
  
      #email-registration-form label {
          text-align: left;
      }
  
      #email-registration-form .field.email-address {
          /* margin-left: -60px; */
      }
  
      #email-registration-form .btn-group {
          margin-right: 15px;
      }
  
  
  }
  
  /********************************************* 800 */
  
  @media screen and (max-width: 800px) {
      .wo {
          padding: 0 30px;
      }
  
      .pv {
          padding-top: 30px;
          padding-bottom: 30px;
      }
  
      .title-and-intro {
          margin-top: 120px;
          margin-bottom: 50px;
      }
  
      /******************** Home Page */
      .first-layer .inner {
          height: 500px;
      }
  
      .first-layer .image-bubble {
          top: 250px;
          position: relative !important;
      }
  
      .main-message {
          max-width: 598px;
      }
  
      .first-layer .image-bubble {
          left: 50%;
          right: 0;
          width: 300px;
          height: 300px;
      }
  
      .first-layer .image-bubble img {
          left: -50%;
          top: 200px;
          position: relative;
      }
  
      .priorities-left {
          max-width: 100%;
          margin-top: 500px;
          margin-right: 0;
      }
  
      .priorities-right {
          max-width: 100%;
          margin-top: 20px;
          margin-left: 0;
      }
  
      .priorities-top-left,
      .priorities-top-right {
          margin-bottom: 30px;
      }
  
      .priorities-top-left-bubble,
      .priorities-top-right-bubble,
      .priorities-bottom-left-bubble,
      .priorities-bottom-right-bubble {
          width: 230px;
          height: 230px;
      }
  
      .priorities-middle-bubble {
          height: 230px;
          width: 230px;
          top: 17%;
          left: 27%;
      }
  
      .priorities-middle-bubble h2 {
          text-align: center;
          padding: 98px 0;
          font-size: 278% !important;
          margin-top: 0;
      }
  
      /******************** News */
      .news-image-container {
          display: block;
      }
  
      .news-container {
          width: 93%;
      }
  
      .news-image {
          height: 73vw;
          width: 80vw;
          max-height: 400px;
          max-width: 600px;
      }
      #search-filter-results-5099 .result-image img{
        height: 73vw;
        width: 80vw;
        max-height: 300px;
        max-width: 300px;
    }
      .result-image img{
          height: 73vw;
          width: 80vw;
          max-height: 300px;
          max-width: 300px;
      }
  
      .news-excerpt {
          max-width: 600px;
          text-align: left;
          margin: auto;
      }
  
      /******************** General Layers */
      .button-layer {
          margin-top: 0;
      }
  
      /******************** Donate */
      #donation-form-container {
          padding-bottom: 130px;
      }
  
      .donation-form {
          position: relative;
      }
  
      #donation-form-container .billing-address,
      #donation-form-container .contact {
          width: 100%;
      }
  
      #donation-form-container .billing-address {
          margin: 0;
          padding-bottom: 260px;
      }
  
      .amount-message {
          position: absolute;
          bottom: 0;
      }
  
      #donation-form-container .btn-group {
          margin-top: 0;
      }
  
      #donation-form-container .checkbox.recurring h3 {
          width: 65%;
  
      }
  
      #donation-form-container .checkbox.recurring label {
          vertical-align: bottom;
      }
  
  
      /******************** Footer */
      .location {
          width: 47%;
      }
  
      .news-page {
          padding-top: 50px;
      }
  
  }
  
  /********************************************* 710 */
  
  @media screen and (max-width: 710px) {
      #get-involved h2 {
          margin-bottom: 220px;
          margin-right: 0;
      }
  
      .bubble-three {
          margin: -430px auto 250px auto;
          display: block;
      }
  
      /***************** grid/staff */
      .grid-item {
          width: 40vw;
      }
  
      .grid-image {
          height: 40vw;
          width: 40vw;
      }
  
      .has-bio .bio-hover-bg {
          height: 39.99999vw;
          width: 39.99999vw;
          margin-top: -39vw;
      }
  
      /* old three-column */
      .grid-item:nth-child(3n + 1) {
          margin-right: 0;
      }
  
      .grid-item:nth-child(3n + 2) {
          margin-left: 0;
          margin-right: 0;
      }
  
      .grid-item:nth-child(3n + 3) {
          margin-left: 0;
          margin-right: 0;
      }
  
      /* new two column */
      .grid-item:nth-child(2n + 1) {
          margin-right: 10px;
          margin-left: 0;
      }
  
      .grid-item:nth-child(2n + 2) {
          margin-left: 10px;
      }
  }
  
  /********************************************* 680 */
  
  @media screen and (max-width: 680px) {
      /******************** General Layers */
      .map-layer p {
          max-width: 100%;
      }
  
      .map-layer .button {
          margin-top: 0;
          margin-bottom: 30px;
      }
  
      #isSingle p img {
          display: block;
          width: 100%;
          float: none;
          max-width: 100%;
          margin: 30px 0;
      }
  
      /******************** Home Page */
  }
  
  /********************************************* 550 */
  
  @media screen and (max-width: 550px) {
      .wo {
          padding: 0 20px;
      }
  
      .pv {
          padding-top: 30px;
          padding-bottom: 30px;
      }
  
      .sType p,
      .sType li,
      address,
      .wpcf7-response-output,
      .wpcf7-not-valid-tip {
          font-size: 180%;
      }
  
      .sType h6,
      .h6 {
          font-size: 200% !important;
      }
  
      .h6 p {
          font-size: 100% !Important;
      }
  
      .title-and-intro {
          margin-top: 80px;
          margin-bottom: 0;
      }
  
      .title-and-intro .inner {
          text-align: left !important;
      }
  
      .title-and-intro p {
          margin-bottom: 40px;
      }
  
      .sType h1,
      p.h1 {
          font-size: 480%;
      }
  
  
      /******************** Home Page */
      .main-message h1 {
          padding-top: 0;
          font-size: 200% !important;
          max-width: 300px !important;
      }
  
      .second-message {
          margin-left: 0;
          max-width: 100%;
      }
  
      .bubble-cluster-container {
          top: 161px;
      }
  
      .bubble-cluster {
          width: 300px;
          height: 300px;
      }
  
      .priorities-top-left-bubble,
      .priorities-top-right-bubble,
      .priorities-bottom-left-bubble,
      .priorities-bottom-right-bubble {
          width: 150px;
          height: 150px;
      }
  
      .priorities-middle-bubble {
          height: 150px;
          width: 150px;
          top: 15%;
          left: 25%;
      }
  
      .priorities-middle-bubble h2 {
          padding: 65px 0;
          font-size: 160% !important;
      }
  
      .priorities-left {
          margin-top: 330px;
      }
  
      /******************** Form Stuff */
      .wpcf7 div,
      .wpcf7 .subject,
      .wpcf7 .comment {
          width: 100% !important;
      }
  
      .wpcf7 span {
          max-width: 100% !important;
      }
  
      .btn-group {
          margin-top: 20px;
      }
  
      .interaction-form .field input,
      .interaction-form .field select,
      .interaction-form .field textarea {
          width: 100%;
      }
  
      .first-name,
      .last-name,
      .country,
      .street-address,
      .city,
      .state,
      .zip-code,
      .phone-number,
      .email-address,
      .province,
      .postal-code {
          max-width: 100%;
      }
  
      .donate-form.wo {
          padding: 0 5px;
      }
  
      #donation-form-container {
          padding: 30px;
          padding-bottom: 120px;
      }
  
      #donation-form-container .checkbox.recurring h3 {
          width: 100%;
      }
  
      #donation-form-container .checkbox.recurring label {
          margin: 30px 0 0 0;
      }
  
      #donation-form-container .frequency,
      #donation-form-container .start-date {
          max-width: 100%;
      }
  
      #donation-form-container .frequency,
      #donation-form-container .province,
      #donation-form-container .state,
      #donation-form-container .first-name {
          padding-right: 0;
      }
  
      #donation-form-container .billing-address {
          margin-bottom: 70px;
      }
  
      /******************** News */
      .news-container {
          width: 100%;
      }
  
      .news-container:nth-child(3n + 1),
      .news-container:nth-child(3n + 2),
      .news-container:nth-child(3n + 3) {
          margin-right: 0;
          margin-left: 0;
      }
  
      .news-image {
          width: calc(100vw - 60px);
      }
      .result-image img{
          width: calc(100vw - 60px);
      }
  
      /******************** General Layers */
      blockquote,
      .sType blockquote p {
          padding-left: 0;
      }
  
      .blockquote-layer cite p {
          padding-left: 0;
      }
  
      .button-layer {
          margin-top: 20px;
      }
  
      .acf-map {
          height: 450px;
      }
  
      #get-involved h3 {
          padding: 74px 0;
          font-size: 246%;
          line-height: 1;
      }
  
      .bubble-one,
      .bubble-two,
      .bubble-three {
          height: 200px;
          width: 200px;
      }
  
      #get-involved h2 {
          margin-bottom: 190px;
          margin-right: 0;
      }
  
      .bubble-three {
          margin: -360px auto 230px auto;
      }
  
      .priorities-page .image-bubble img {
          max-width: 350px;
      }
  
      .has-bio .bio {
          padding: 20px 35px;
      }
  
      .has-bio .bio-inner {
          height: 280px;
      }
  
      /******************** Footer */
      .location {
          width: 100%;
          margin-left: 10%;
      }
  }
  
  /********************************************* 460 */
  
  @media screen and (max-width: 460px) {
      /******************** Nav */
      #header {
          height: 63px
      }
  
      #navMain {
          top: 68px;
          padding: 30px 0;
          z-index: 1000000000;
      }
  
      #navMain a {
          font-size: 170%;
      }
  
      .auxiliary-menu-background {
          padding-top: 40px;
      }
  
      #menu-auxiliary-menu {
          margin-left: 20px;
      }
  
      #menu-auxiliary-menu li {
          padding: 10px;
          display: inline;
      }
  
      #menu-main-menu li {
          padding: 8px 30px;
      }
  
      .sub-menu li {
          padding: 8px 0 !important;
      }
  
      #menu-main-menu > li:nth-child(6) {
          padding: 15px 30px;
      }
  
      .site-title.mobile {
          width: 200px !important;
      }
  
      .menuEight {
          height: 25px;
      }
  
      .clickMenuEight span:nth-child(1),
      .menuEight span:nth-child(2),
      .clickMenuEight span:nth-child(3) {
          top: 10px;
      }
  
      /******************** Footer Form */
      #email-registration-form .field {
          max-width: 100% !important;
      }
  
      #email-registration-form .first-name,
      #email-registration-form .last-name {
          width: 100% !important;
      }
  
      #email-registration-form .field.email-address {
          /* margin-left: -60px; */
          width: calc(100% - 60px) !important;
      }
  
      #email-registration-form .btn-group {
          margin-right: 0;
      }
  
      /******************** Typography */
      .sType h1,
      p.h1 {
          font-size: 420%;
      }
  
      .sType h2,
      .h2 {
          font-size: 380%;
      }
  
      h3.h2 {
          font-size: 380% !important;
      }
  }
  
  /********************************************* 405 */
  
  @media screen and (max-width: 410px) {
  
      /******************** Home */
      .first-layer {
          margin-top: 50px;
      }
  
      .first-layer .inner {
          height: 400px;
      }
  
      .first-layer .image-bubble {
          width: 400px;
          height: 400px;
          left: 50%;
          top: 560px;
      }
      #get-involved h2 {
          margin-bottom: 50px;
      }
  
      .bubble-one,
      .bubble-two,
      .bubble-three {
          display: block;
          margin: 0;
      }
  
      .bubble-one {
          margin-bottom: -70px;
      }
  
      .bubble-two {
          margin-left: calc(100% - 200px);
      }
  
      .bubble-three {
          margin-top: -70px;
      }
  
      /******************** Layers */
      /* old two column */
      .grid-item:nth-child(2n + 1) {
          margin-right: 0;
      }
  
      .grid-item:nth-child(2n + 2) {
          margin-left: 0;
      }
  
      .grid-item {
          width: 100vw;
          max-width: 100%;
          margin-left: 10px;
          margin-right: 10px;
      }
  
      .grid-image {
          height: 100vw;
          width: 100vw;
          max-width: 100%;
      }
  
  
      .has-bio .bio-hover-bg {
          height: 99.99999vw;
          width: 99.99999vw;
          margin-top: -99vw;
      }
  }
  
  /********************************************* 388 */
  
  @media screen and (max-width: 388px) {
  
  
      .latest-news-image {
          height: 90vw;
          width: 90vw;
      }
  
      .priorities-page .image-bubble img {
          max-width: 300px;
      }
  }
  
  
  .spreedly-background{
   width: max-content; 
  }
  
  /*
   * jQuery FlexSlider v2.7.2
   * https://www.woocommerce.com/flexslider/
   *
   * Copyright 2012 WooThemes
   * Free to use under the GPLv2 and later license.
   * http://www.gnu.org/licenses/gpl-2.0.html
   *
   * Contributing author: Tyler Smith (@mbmufffin)
   *
   */
  /* ====================================================================================================================
   * FONT-FACE
   * ====================================================================================================================*/
  @font-face {
    font-family: 'flexslider-icon';
    src: url('fonts/flexslider-icon.eot');
    src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  /* ====================================================================================================================
   * RESETS
   * ====================================================================================================================*/
  .flex-container a:hover,
  .flex-slider a:hover {
    outline: none;
  }
  .slides,
  .slides > li,
  .flex-control-nav,
  .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .flex-pauseplay span {
    text-transform: capitalize;
  }
  /* ====================================================================================================================
   * BASE STYLES
   * ====================================================================================================================*/
  .flexslider {
    margin: 0;
    padding: 0;
  }
  .flexslider .slides > li {
    display: none;
    margin: 0;
    padding: 0;
    -webkit-backface-visibility: hidden;
  }
  .flexslider .slides img {
    width: 100%;
    display: block;
  }
  .flexslider .slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
  }
  html[xmlns] .flexslider .slides {
    display: block;
  }
  * html .flexslider .slides {
    height: 1%;
  }
  .no-js .flexslider .slides > li:first-child {
    display: block;
  }
  /* ====================================================================================================================
   * DEFAULT THEME
   * ====================================================================================================================*/
  .flexslider {
    margin: 0 0 0px !important;
    background: none;
    border: none;
    position: relative;
    zoom: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  }
  .flexslider .slides {
    zoom: 1;
  }
  .flexslider .slides img {
    height: auto;
    -moz-user-select: none;
  }
  .flex-viewport {
    max-height: 500px !important;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
  }
  .loading .flex-viewport {
    max-height: 300px;
  }
  @-moz-document url-prefix() {
    .loading .flex-viewport {
      max-height: none;
    }
  }
  .carousel li {
    margin-right: 5px;
  }
  .flex-direction-nav {
    *height: 0;
  }
  .flex-nav-prev{
    font-size: 0px !important;
    line-height: 0 !important;
  }
  .flex-nav-next{
    font-size: 0px !important;
    line-height: 0 !important;
  }
  .flex-direction-nav a {
    line-height: 40px;
    text-decoration: none;
    display: block;
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 0;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.8);
    text-shadow: 0px 0px 0 rgba(255, 255, 255, 0.3);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .flex-direction-nav a:before {
    font-family: "flexslider-icon";
    font-size: 40px;
    display: inline-block;
    content: '\f001';
    color: rgba(255, 255, 255, 0.8);
    text-shadow: 0px 0px 0 rgba(255, 255, 255, 0.3);
  }
  .flex-direction-nav a.flex-next:before {
    content: '\f002';
  }
  .flex-direction-nav .flex-prev {
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    right: 10px;
  }
  .flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 0.7;
    left: 10px;
  }
  .flexslider:hover .flex-direction-nav .flex-prev:hover {
    opacity: 1;
  }
  .flexslider:hover .flex-direction-nav .flex-next {
    opacity: 0.7;
    right: 10px;
  }
  .flexslider:hover .flex-direction-nav .flex-next:hover {
    opacity: 1;
  }
  .flex-direction-nav .flex-disabled {
    opacity: 0!important;
    filter: alpha(opacity=0);
    cursor: default;
    z-index: -1;
  }
  .flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000;
  }
  .flex-pauseplay a:before {
    font-family: "flexslider-icon";
    font-size: 20px;
    display: inline-block;
    content: '\f004';
  }
  .flex-pauseplay a:hover {
    opacity: 1;
  }
  .flex-pauseplay a.flex-play:before {
    content: '\f003';
  }
  .flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center;
  }
  .flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline;
  }
  .flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #fff;
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
  }
  .flex-control-paging li a:hover {
    background: #333;
    background: rgba(255, 255, 255, 0.7);
  }
  .flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(255, 255, 255, 0.9);
    cursor: default;
  }
  .flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
  }
  .flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
  }
  .flex-control-thumbs img {
    width: 100%;
    height: auto;
    display: block;
    opacity: .7;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
  }
  .flex-control-thumbs img:hover {
    opacity: 1;
  }
  .flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
  }
  #search-filter-results-5099 {
    padding-left: none !important;
    padding-right: none  !important;
   }
  /* ====================================================================================================================
   * RESPONSIVE
   * ====================================================================================================================*/
  @media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
      opacity: 1;
      left: 10px;
    }
    .flex-direction-nav .flex-next {
      opacity: 1;
      right: 10px;
    }
  }
  /* ====================================================================================================================
   * RESPONSIVE SCREEN SIZES
   * ====================================================================================================================*/
  @media screen and (max-width: 1180px) {
      .main-message {
          margin-left: 35px !important;
          max-width: 730px;
      }
      .first-layer .inner {
          min-height: 435px;
          max-width: 1040px;
          margin-left: 0 !important;
      }
      .main-message h1 {
          font-size: 270% !important;
      }
      .main-message a {
          font-size: 100% !important;
      }
      .first-layer .image-bubble {
          width: 500px;
          height: 500px;
          top: -320px !important;
          right: 50px !important;
      }
      .first-layer .image-bubble {
          right: 0px;
      }
      .flex-direction-nav a:before {
            font-size: 40px;
      }
      .flex-direction-nav .flex-prev {
            left: -1px;
      }
      .flex-direction-nav .flex-next {
            right: -1px;
      }
      .flexslider:hover .flex-direction-nav .flex-prev {
            left: -1px;
      }
      .flexslider:hover .flex-direction-nav .flex-next {
            right: -1px;
      }
  }
  @media screen and (max-width: 1040px) {
       .first-layer {
          margin-top: 70px;
      }
      .main-message {
          margin-left: 35px !important;
          max-width: 630px;
      }
      .first-layer .inner {
          min-height: 435px;
          max-width: 920px;
          margin-left: 0 !important;
      }
      .main-message h1 {
          font-size: 270% !important;
      }
      .main-message a {
          font-size: 100% !important;
      }
      .first-layer .image-bubble {
          right: 0px;
      }
      .first-layer .image-bubble {
            right: 300px;
          top: -200px !important;
          width: 400px;
          height: 400px;
      }
       .flex-control-nav{
          width: 100% !important;
           max-width: 1040px !important;
             left: 400px !important;
          text-align: left !important;
          padding-bottom: 10px !important;
          margin-left: 0 !important;
          padding-left: 0 !important;   
      }
      .flex-direction-nav a:before {
            font-size: 40px;
      }
      .flex-direction-nav .flex-prev {
            left: -1px;
      }
      .flex-direction-nav .flex-next {
            right: -1px;
      }
      .flexslider:hover .flex-direction-nav .flex-prev {
            left: -1px;
      }
      .flexslider:hover .flex-direction-nav .flex-next {
            right: -1px;
      }
      .theme-3861 {
      height: 100% !important;
  }
  .theme-3861 button{
      top: 0 !important;
      right: 0 !important;
  }
  .popup-search{
      display: flex !important;
      align-items: center !important;
      text-align: center !important;
      vertical-align: middle !important;
      height: 100vh !important;
      margin-top: 0 !important;
  }
  .popup-search form{
      display: flex !important;
      align-items: center !important;
      text-align: center !important;
      vertical-align: middle !important;
  }
  }
  @media screen and (max-width: 920px) {
          .first-layer {
          padding-top: 50px !important;
      }
          .first-layer .image-bubble {
            right: 500px;
          top: -200px !important;
          width: 400px;
          height: 400px;
      }
      .flex-control-nav{
          width: 100% !important;
           max-width: 920px !important;
          left: 300px !important;
          text-align: left !important;
          padding-bottom: 10px !important;
          margin-left: 0 !important;
          padding-left: 0 !important;
     }
      .first-layer {
          margin-top: 70px;
      }
      .main-message {
          margin-left: 35px !important;
          max-width: 530px;
      }
      .first-layer .inner {
          min-height: 435px;
          max-width: 800px;
          margin-left: 0 !important;
      }
      .main-message h1 {
          font-size: 270% !important;
      }
      .main-message a {
          font-size: 100% !important;
      }
      .first-layer .image-bubble {
          right: 0px;
      }
      .first-layer .image-bubble {
            right: 300px;
          top: -200px !important;
          width: 400px;
          height: 400px;
      }
       .flex-control-nav{
          width: 100% !important;
           max-width: 1040px !important;
             left: 400px !important;
          text-align: left !important;
          padding-bottom: 10px !important;
          margin-left: 0 !important;
          padding-left: 0 !important;   
      }
      .flex-direction-nav a:before {
            font-size: 40px;
      }
      .flex-direction-nav .flex-prev {
            left: -1px;
      }
      .flex-direction-nav .flex-next {
            right: -1px;
      }
      .flexslider:hover .flex-direction-nav .flex-prev {
            left: -1px;
      }
      .flexslider:hover .flex-direction-nav .flex-next {
            right: -1px;
      }
  }
  @media screen and (max-width: 800px) {
      .first-layer {
          margin-top: 70px;
      }
      .main-message {
          margin-left: 35px !important;
          max-width: 400px;
      }
      .first-layer .inner {
          min-height: 500px;
          max-width: 550px;
          margin-left: 0 !important;
      } 
      .first-layer .image-bubble img {
          left: -95% !important;
          position: relative;
      }
      .main-message h1 {
          font-size: 250% !important;
      }
      .main-message a {
          font-size: 100% !important;
      }
      .first-layer .image-bubble {
        right: 100px !important;
        top: -450px !important;
        width: 340px;
        height: 340px;
        }
      
       .flex-control-nav{
          width: 100% !important;
           max-width: 1040px !important;
             left: 400px !important;
          text-align: left !important;
          padding-bottom: 10px !important;
          margin-left: 0 !important;
          padding-left: 0 !important;   
      }
      .flex-direction-nav a:before {
            font-size: 40px;
      }
      .flex-direction-nav .flex-prev {
            left: -1px;
      }
      .flex-direction-nav .flex-next {
            right: -1px;
      }
      .flexslider:hover .flex-direction-nav .flex-prev {
            left: -1px;
      }
      .flexslider:hover .flex-direction-nav .flex-next {
            right: -1px;
      }
      .flex-control-nav{
          width: auto !important;
          text-align: center !important;
     }
      .flex-control-nav{
             max-width: 800px !important;
          left: 300px !important;
          text-align: left !important;
          padding-bottom: 10px !important;
          margin-left: 0 !important;
          padding-left: 0 !important;
     }
  
  }
  
  @media screen and (max-width: 550px) {
      .first-layer .inner {
          min-height: 550px !important;
          max-width: 410px;
          margin-left: 0 !important;
      } 
      .flex-viewport {
           max-height: 540px !important;
      }
          .first-layer .image-bubble {
          width: 300px;
          height: 300px;
          left: 65% !important;
          top: -250px !important;
          right: 10px !important;
          position: relative;
          }
          .main-message {
              max-width: 330px;
              margin-left: 35px !important;
              font-size: 80% !important;
          }
          .main-message h1{
              padding-top: 0;
              padding-bottom: 5px !important;
          }
          .main-message a {
          margin-top: 0px !important;
      }
  
      .flex-control-nav{
             max-width: 550px !important;
          left: 170px !important;
          text-align: left !important;
          padding-bottom: 10px !important;
          margin-left: 0 !important;
          padding-left: 0 !important;
     }
  }
  @media screen and (max-width: 410px) {
      .first-layer .inner {
          min-height: 550px !important;
          max-width: 350px;
          margin-left: 0 !important;
      } 
      .flex-viewport {
           max-height: 540px !important;
      }
      .first-layer {
          margin-top: 50px;
      }
  
      .first-layer .inner {
          height: 550px !important;
      }
  
      .first-layer .image-bubble {
          width: 300px;
          height: 300px;
          left: 80% !important;
          top: -250px !important;
          right: 1px !important;
          position: relative;
      }
      .main-message {
          max-width: 300px;
          font-size: 80% !important;
      }
      .main-message h1{
      padding-bottom: 5px !important;
      }
      .main-message a {
          margin-top: 0px !important;
      }
      .flex-control-nav{
          max-width: 410px !important;
          left: 120px !important;
          text-align: left !important;
          padding-bottom: 10px !important;
          margin-left: 0 !important;
          padding-left: 0 !important;
     }
  }
  /********************************************* Search */
  
  .sf-field-search{
      padding: 30 !important;
      font-size: 80% !important;
      vertical-align: bottom !important;
  
  }
  .sf-field-category{
      font-size: 80% !important;
  }
  .sf-field-post-meta-tag {
      font-size: 80% !important;
  } 
  .sf-field-search input{
      background-color: #eaebe9 !important;
         background-image: url('https://www.aafscny.org/wp-content/themes/aafscny/img/noun-search-grey.png');
      background-size:30px 30px !important;
      background-repeat: no-repeat;
      border-radius: 50px 0px 0px 50px !important;
      background-position: 95% 50% !important;
      padding: 4px 10px !important;
            border: none !important; 
      font-size: 150% !important;
  }
  .sf-field-post-meta-tag label{
      font-size: 150% !important;
  }
  .sf-field-category label{
      font-size: 150% !important;
  }
  .sf-input-text{
      display: inline-block !important;
  
  }
  .categories .sf-input-text{
      font-size: 110% !important;
  }
  .searchandfilter ul li{
      display: inline-block  !important;
  }
  .searchandfilter li{
      padding: 0px;
  }
  .searchandfilter .sf-field-submit input{
         border: none !important;
      color: white !important;
      font-size: 100% !important;
      font-family: wavehaus-x-bold, sans-serif !important;
      letter-spacing: 1px;
      background-color: #f0715f !important;
      text-transform: uppercase !important;
      padding: 12px 18px !important;
      margin-top: 0px;
      border-radius: 50px !important;
      -webkit-border-radius: 20px;
      transition: .5s all ease-in-out;;
  }
  .search-page .sf-field-reset{
      display: none !important;
  }
  .searching-page .sf-field-reset{
      display: none !important;
  }
  .blog-filter .sf-field-reset{
      display: none !important;
  }
  ._sf_submit:before, ._sf_submit:after, .sf-field-submit input:before,
  .sf-field-submit input:after {
      display: none !important;
      height: 0%;
      background-color: #D36057 !important;
      /*hover color*/
      z-index: -1;
      -webkit-transform: translate3D(0, -100%, 0) !important;
      -ms-transform: translate3D(0, -100%, 0) !important;
      transform: translate3D(0, -100%, 0) !important;
      transition: all .5s;
  }
  
  .sf-field-submit input:before {
      background-color: #f0715f;
      z-index: -2;
      -webkit-transform: translate3D(0, 0, 0);
      -ms-transform: translate3D(0, 0, 0);
      transform: translate3D(0, 0, 0);
  }
  
  .sf-field-submit input:after {
      top: 0;
      z-index: -1;
      -webkit-transform: translate3D(-101%, 0, 0);
      -ms-transform: translate3D(-101%, 0, 0);
      transform: translate3D(-101%, 0, 0);
  }
  
  .sf-field-submit input:hover:after {
      -webkit-transform: translate3D(0, 0, 0);
      -ms-transform: translate3D(0, 0, 0);
      transform: translate3D(0, 0, 0);
      transition: all .5s;
      border-radius: 20px;
  }
  .sf-field-submit input:hover {
      cursor: pointer;
      opacity: 1 !important;
      background-color: #D36057 !important;
  }
  
  .search-filter-results {
      display: inline-block !important;
      margin-top: 2% !important;
  }
  .found{
      font-size: 1.5em !important;
      font-family: canada-type-gibson, sans-serif !important;
      font-weight: bold !important;
      padding-bottom: 10px !important;
  }
  .search-filter-results h2 a {
      font-size: 100% !important;
  }
  
  .result-each{
      display: flex !important;
      flex: 1 !important;
      justify-content: center !important;
      padding-bottom: 5% !important;
  }
  .result-image{
      max-width: 40% !important;
          margin-right: 2em !important;
  }
  #search-filter-results-5099 .result-image img{
    height: 27vw;
    max-height: 300px;
    width: 27vw;
    max-width: 300px;
}
  .result-image img{
      height: 27vw;
      max-height: 300px;
      width: 27vw;
      max-width: 300px;
      border-radius: 17px;
      background-size: cover !important;
      background-position: center !important;
      display: inline-block;
      -webkit-background-size: cover !important;
      -moz-background-size: cover !important;
  }
  .result-text{
      display: inline-block  !important;
      margin-left: 1em !important;
      flex: 100px !important;
  }
  .result-text p{
      font-size: 2em;
      margin-top: 10px;
  }
  /* .result-text h2{
      font-size: 2.5em !important;
  } */
  .result-text a{
      text-decoration: none !important;
  }
  .excerpt{
      margin: 0 !important;
  }
  .results-meta{
      display: flex !important;
      position: relative !important;
      justify-content: space-between !important;
      right: 0 !important;
  }
  .results-meta p {
      display: inline-flex !important;
      justify-content: space-between !important;
  }
  .post-categories li{
      display: inline-flex !important;
      list-style: none !important;
      margin: 0 !important;
      margin-left: -1em !important;
      margin-right: 0 !important;
      padding: 5px !important;
      padding-right: 10px !important;
          padding-left: 10px !important;
      font-size: 1.5em !important;
      justify-content: right !important;
      background: #781a63 !important;
  }
  .post-categories a{
      color: white !important;
  }
  .date {
      padding: 5px !important;
          margin: 0 !important;
      font-size: 1.5em !important;
      vertical-align: bottom !important;
  }
  .page-numbers{
      font-size: 1.5em !important;
  }
  .pagination{
      display: none !important;
          font-family: canada-type-gibson, sans-serif !important;
      text-decoration: none !important;
      justify-content: space-between !important;
  }
  .nav-previous{
      font-size: 1.5em !important;
      display: flex !important;
          font-weight: bold !important;
      justify-content: space-between !important;
          font-family: canada-type-gibson, sans-serif !important;
      text-decoration: none !important;
  }
  .nav-next{
      font-family: canada-type-gibson, sans-serif !important;
      font-weight: bold !important;
      text-decoration: none !important;
      font-size: 1.5em !important;
      display: flex !important;
      justify-content: space-between !important;
  }
  .nav-next a{
          text-decoration: none !important;
  }
  .nav-previous a{
          text-decoration: none !important;
  }
  
  .popup-search{
      display: flex !important;
      margin-top: 8% !important;
      vertical-align: middle !important;
      justify-content: center !important;
      text-align: center !important;
  }
  .popup-search .sf-field-search{
      display: flex !important;
      flex-direction: column !important;
          width: 100% !important;
  
  }
  .popup-search .sf-field-search h4{
      display: none !important;
      margin: 0px;
      vertical-align: bottom !important;
  }
  .popup-search .sf-field-submit{
         display: inline-block !important;
  }
  .popup-search .sf-field-reset{
             display: inline-block !important;
  }
  .popup-search .sf-field-submit input{
       border: none !important;
      color: #07248b !important;
      font-size: 100% !important;
      font-family: wavehaus-x-bold, sans-serif !important;
      letter-spacing: 1px;
      background-color: #eaebe9 !important;
      text-transform: uppercase !important;
      padding: 12px 18px !important;
      margin-top: 0px;
      border-radius: 50px !important;
      -webkit-border-radius: 20px;
      transition: .5s all ease-in-out;;
  }
  .popup-search .sf-field-reset input{
       border: none !important;
      color: #07248b !important;
      font-size: 100% !important;
      font-family: wavehaus-x-bold, sans-serif !important;
      letter-spacing: 1px;
      background-color: #eaebe9 !important;
      text-transform: uppercase !important;
      padding: 12px 18px !important;
      margin-top: 0px;
      border-radius: 50px !important;
      -webkit-border-radius: 20px;
      transition: .5s all ease-in-out;;
      }
  .popup-search label .sf-input-text{
      vertical-align: bottom !important;
  }
  .popup-search li{
      margin-left: 5px !important;
      margin-right: 5px !important;
  }
  .popup-search ul{
      display: flex !important;
      justify-content: center !important;
      text-align: center !important;
  } 
  .popup-search .sf-input-text{
      font-size: 1em !important;
      width: 100% !important;
  }
  .popup-search .sf-input-text{
      font-size: 1em !important;
      width: 100% !important;
  }
  .popup-search .sf-input-select{
      font-size: 1em !important;
  }
  .popup-search .sf-field-category{
      display: none !important;
  }
  .popup-search .sf-field-post-meta-tag{
      display: none !important;
  }
   
  .sf-field-category .sf-input-select{
          background-color: #eaebe9 !important;
          border: none !important;
          border-radius: 50px !important;
          background-image: url('https://www.aafscny.org/wp-content/themes/aafscny/img/noun-down-arrow.png');
             background-size:35px 35px !important;
          background-repeat: no-repeat;
          padding-left: 30px;  /* width of the image plus a little extra padding */
          display: block;  
  }
  .sf-field-post-meta-tag .sf-input-select{
     background-color: #eaebe9 !important;
          border: none !important;
          border-radius: 50px !important;
          background-image: url('https://www.aafscny.org/wp-content/themes/aafscny/img/noun-down-arrow.png');
             background-size:35px 35px !important;
          background-repeat: no-repeat;
          padding-left: 30px;  /* width of the image plus a little extra padding */
          display: block;  
  }
  .search-page{
       width: 100%;
        position: relative;
        left: calc(-50vw + 50%);
      display: flex !important;
      flex-direction: row-reverse !important;
  }
  .searching-page{
      width: auto;
    display: flex !important;
    flex-direction: column !important;
      align-items: center !important;
      justify-content: center !important;
  }
  .searching-page form{
    flex-direction: column !important;
          align-items: center !important;
      justify-content: center !important;
  
  } 
  .searching-page form ul{
          align-items: center !important;
      justify-content: center !important;
  
  }  
  .searching-page form li{
    flex-direction: column !important;
      padding: 5px !important;
          align-items: center !important;
      justify-content: center !important;
  
  }  
  .search-filter-results{
      padding-right: 5% !important;
          padding-left: 5% !important;
      margin-top: 0px !important;
  }
  .searchandfilter ul{
      margin-left: 0em !important;
      margin-right: 2em !important;
      padding-right: 10px !important;
      padding-left:  10px !important;
  }
  .search-page .searchandfilter{
      max-width: 50% !important;
  }
  .searching-page .searchandfilter{
      max-width: 100% !important;
  }
  .blog-filter .searchandfilter{
      max-width: 50% !important;
  }
  .sf-field-search input{
      border-radius: 50px 50px 50px 50px!important;
  }
  
  .search-filter-results .noresults{
      color: #06248c !important;
      font-weight: bold !important;
  }
  .blog-filter{
      display: flex;
          flex-direction: row-reverse !important;
  }
  .categories{
          margin: 0px !important;
  
  }
  .categories .searchandfilter{
      margin-right: 0 !important;
      text-align: left !important;
      width: 100% !important;
      max-width: 100% !important;
  }
  .categories .searchandfilter ul{
      margin: 0px !important;
      width: 100% !important;
  }
  
  #isFront .search-magnifying{
      background-image: url('https://www.aafscny.org/wp-content/themes/aafscny/img/noun-search-white.png');
      background-size:20px 20px !important;
      background-repeat: no-repeat;
      padding: 6px 10px 4px 0px !important;
      background-position: 100% -80% !important;
  }
  #isFront .search-magnifying:hover{
      background-image: url('https://www.aafscny.org/wp-content/themes/aafscny/img/noun-search-extralightblue.png');
      background-size:20px 20px !important;
      background-repeat: no-repeat;
      padding: 6px 10px 4px 0px !important;
      background-position: 100% -80% !important;
  }
  .search-magnifying{
      background-image: url('https://www.aafscny.org/wp-content/themes/aafscny/img/noun-search-lightblue.png');
      background-size:20px 20px !important;
      background-repeat: no-repeat;
      padding: 6px 10px 4px 0px !important;
      background-position: 100% -80% !important;
  }
  .search-magnifying:hover{
      background-image: url('https://www.aafscny.org/wp-content/themes/aafscny/img/noun-search-darkblue.png');
      background-size:20px 20px !important;
      background-repeat: no-repeat;
      padding: 6px 10px 4px 0px !important;
      background-position: 100% -80% !important;
  }
  .tag{
      padding: 5px !important;
      margin: 0 !important;
      font-size: 1.5em !important;
      vertical-align: bottom !important;
          font-weight: bold !important;
  }
  .blog-filter{
      display: flex;
          flex-direction: row-reverse !important;
  }
  .categories{
          margin: 0px !important;
  }
  .categories .searchandfilter{
      margin-right: 0 !important;
      text-align: left !important;
      width: 100% !important;
      max-width: 100% !important;
  }
  .categories .searchandfilter ul{
      margin: 0px !important;
      width: 100% !important;
  }
  .categories{
      max-width: 30% !important;
  }
  .news-result-each{
      display: flex !important;
      flex: 1 !important;
      justify-content: center !important;
      padding-bottom: 5% !important;
  }
  
   .news-result-image{
       display: flex  !important;
      max-width: 40% !important;
          margin-right: 2em !important;
  }
  .news-image-each{
      height: 330px  !important;
      width: 330px !important;
      border-radius: 17px;
      background-size: cover !important;
      -webkit-background-size: cover !important;
      -moz-background-size: cover !important;
      background-position: center !important;
      display: inline-block;
  }
  
   .news-results-text{
  display: inline-block !important;
       text-align: left !important;
  }
  .news-results-text h2 a{
  text-decoration: none !important;
  }
  .news-results-top{
      display: flex !important;
      position: relative !important;
      justify-content: space-between !important;
      right: 0 !important;
  }
  .news-results-top p {
      display: inline-flex !important;
      justify-content: space-between !important;
  }
      .news-date {
          padding-top: 5px !important;
                  padding-bottom: 5px !important;
              margin: 0 !important;
          font-size: 1.5em !important;
          vertical-align: bottom !important;
      }
       .news-tag{
          padding: 5px !important;
          margin: 0 !important;
          font-size: 1.5em !important;
          font-weight: bold !important;
          vertical-align: bottom !important;
       }
  
     .post-categories a{
      text-decoration: none !important;
  }
  
  .news-tag{
      padding-left: 0px !important;    
  }
  .posts-blog{
      padding-right: 5em !important;
  }
  .blog-filter .categories .sf-input-text {
      font-size: 130% !important;
  }
  .sf-field-reset a{
      text-decoration: none !important;
      text-transform: uppercase;
      font-family: wavehaus-x-bold, sans-serif;
      line-height: 1.26;
      font-size: 90%;
      
  }
  .post-categories li{
      margin-right: 20px !important;
  }
  @media screen and (max-width: 410px) {
      .search-page{
          width: 100vw;
          position: relative;
          left: calc(-50vw + 50%);
          display: flex !important;
          flex-direction: column !important;
      }
      .news-image {
          height: 73vw !important;
          width: 80vw !important;   
      }
      .result-image img{
          height: 73vw !important;
          width: 80vw !important;   
      }
      .search-filter-results{
          padding-right: 5% !important;
          padding-left: 5% !important;
          margin-top: 0px !important;
      }
      .result-each{
          display: flex !important;
          flex-direction: column !important;
      }
       .result-image{
          width: 100% !important;
          height: auto !important;
      }
    
      .results-left {
          padding-left: 0px !important;
      }
      .tag{
          padding-left: 0px !important;
      }
      .date{
          padding-left: 0px !important;
      }
      .searchandfilter{
          max-width: 100% !important;
              padding-left: 5% !important;
          padding-right: 5% !important;
      }
      .searchandfilter ul{
          padding: 0 !important;
          margin: 0 !important;
      }
      .blog-filter{
          display: flex !important;
              flex-direction: column !important;
      }
      .categories .searchandfilter{
          margin-right: 0 !important;
          text-align: left !important;
          width: 100% !important;
          max-width: 100% !important;
      }
      .categories .searchandfilter ul{
          margin: 0px !important;
          width: 100% !important;
      }
      .categories{
          max-width: 100% !important;
          padding: 5% !important;
      }
  
      .theme-3861 {
          height: 100% !important;
      }
      .theme-3861 button{
             top: 0 !important;
          right: 0 !important;
      }
      .popup-search{
          display: flex !important;
          align-items: center !important;
          text-align: center !important;
          vertical-align: middle !important;
          height: 100vh !important;
          margin-top: 0 !important;
      }
      .popup-search form{
          display: flex !important;
          align-items: center !important;
          text-align: center !important;
          vertical-align: middle !important;
      }
      #menu-main-menu > li:nth-child(7){
          transition: none !important;
          background-image: url('https://www.aafscny.org/wp-content/themes/aafscny/img/noun-search-white.png') !important;
          background-size: 20px 20px !important;
          background-repeat: no-repeat  !important;
          padding: 8px 30px !important;
          background-position: 30% 50% !important;
      }
      #menu-main-menu > li:nth-child(7):hover{
          padding: 8px 30px !important;
          transition: none !important;
          background-image: url('https://www.aafscny.org/wp-content/themes/aafscny/img/noun-search-white.png') !important;
          background-size: 20px 20px !important;
          background-repeat: no-repeat  !important;
          padding: 8px 30px !important;
          background-position: 30% 50% !important;
      }
       .blog-filter{
          width: 100vw;
          position: relative;
          left: calc(-50vw + 50%);
          display: flex !important;
          flex-direction: column !important;
      }
      .posts-blog{
          padding-right: 5% !important;
          padding-left: 5% !important;
          margin-top: 0px !important;
      }
      .news-result-each{
          display: flex !important;
          flex-direction: column !important;
      }
      .news-result-image{
          width: 100% !important;
      }.catgeories form ul{
                  padding-left: 0% !important;
      }
      .categories form{
               padding-left: 0% !important;
      }
   .blog-filter .sf-field-submit{
              padding-left: 0% !important;
          width: 100% !important;
          padding-right: 5% !important;
      }
      .popup-search{
          display: flex !important;
          flex-direction: column !important;
      }
      .popup-search form{
          display: flex !important;
          text-align: center !important;
          align-items: center !important;
          flex-direction: column !important;
      }
      .popup-search form ul{
          display: inline-block !important;
          text-align: center !important;
          align-items: center !important;
          flex-direction: column !important;
      }
      .popup-search .sf-field-submit{
          width: 40% !important;
      }
      .popup-search .sf-field-reset{
              width: 40% !important;
          }    
  }
  @media screen and (max-width: 460px) {
      #menu-main-menu > li:nth-child(7){
          transition: none !important;
          background-image: url('https://www.aafscny.org/wp-content/themes/aafscny/img/noun-search-white.png') !important;
          background-size: 20px 20px !important;
          background-repeat: no-repeat  !important;
          padding: 8px 30px !important;
          background-position: 30% 50% !important;
      }
      #menu-main-menu > li:nth-child(7):hover{
          padding: 8px 30px !important;
          transition: none !important;
          background-image: url('https://www.aafscny.org/wp-content/themes/aafscny/img/noun-search-white.png') !important;
          background-size: 20px 20px !important;
          background-repeat: no-repeat  !important;
          padding: 8px 30px !important;
          background-position: 30% 50% !important;
      }
          .blog-filter{
          width: 100vw;
          position: relative;
          left: calc(-50vw + 50%);
          display: flex !important;
          flex-direction: column !important;
      }
      .news-image {
          height: 73vw !important;
          width: 80vw !important;   
      }
      .result-image img{
          height: 73vw !important;
          width: 80vw !important;    
      }
      .posts-blog{
          padding-right: 5% !important;
          padding-left: 5% !important;
          margin-top: 0px !important;
      }
   .blog-filter .sf-field-submit{
              padding-left: 0% !important;
          width: 100% !important;
          padding-right: 5% !important;
      }
      .news-result-each{
          display: flex !important;
          flex-direction: column !important;
      }
      .news-result-image{
          width: 100% !important;
      }
      .catgeories form ul{
                  padding-left: 0% !important;
      }
      .categories form{
               padding-left: 0% !important;
      }
       .popup-search{
          display: flex !important;
          flex-direction: column !important;
      }
      .popup-search form{
          display: flex !important;
          text-align: center !important;
          align-items: center !important;
          flex-direction: column !important;
      }
      .popup-search form ul{
          display: inline-block !important;
          text-align: center !important;
          align-items: center !important;
          flex-direction: column !important;
      }
      .popup-search .sf-field-submit{
          width: 40% !important;
      }
      .popup-search .sf-field-reset{
              width: 40% !important;
          }   
  }
  @media screen and (max-width: 550px) {
      .search-page{
          display: flex !important;
          flex-direction: column !important;
      }
      .result-each{
          display: flex !important;
          flex-direction: column !important;
      }
      .result-image{
          width: 100% !important;
      }
      .results-left {
          padding-left: 0px !important;
      }
      .tag{
          padding-left: 0px !important;
      }
      .date{
          padding-left: 0px !important;
      }
      .searchandfilter{
          max-width: 100% !important;
              padding-left: 5% !important;
          padding-right: 5% !important;
      }
      .searchandfilter ul{
          padding: 0 !important;
          margin: 0 !important;
      }
      .blog-filter{
          display: flex !important;
              flex-direction: column !important;
      }
      .categories .searchandfilter{
          margin-right: 0 !important;
          text-align: left !important;
          width: 100% !important;
          max-width: 100% !important;
      }
      .categories .searchandfilter ul{
          margin: 0px !important;
          width: 100% !important;
      }
      .categories{
          max-width: 100% !important;
          padding: 5% !important;
      }
   .blog-filter .sf-field-submit{
              padding-left: 0% !important;
          width: 100% !important;
          padding-right: 5% !important;
      }
      .theme-3861 {
          height: 100% !important;
      }
      .theme-3861 button{
             top: 0 !important;
          right: 0 !important;
      }
       .popup-search{
          display: flex !important;
          flex-direction: column !important;
      }
      .popup-search form{
          display: flex !important;
          text-align: center !important;
          align-items: center !important;
          flex-direction: column !important;
      }
      .popup-search form ul{
          display: inline-block !important;
          text-align: center !important;
          align-items: center !important;
          flex-direction: column !important;
      }
      .popup-search .sf-field-submit{
          width: 40% !important;
      }
      .popup-search .sf-field-reset{
              width: 40% !important;
          }   
      #menu-main-menu > li:nth-child(7){
          transition: none !important;
          background-image: url('https://www.aafscny.org/wp-content/themes/aafscny/img/noun-search-white.png') !important;
          background-size: 20px 20px !important;
          background-repeat: no-repeat  !important;
          padding: 10px 40px;
          background-position: 35% 50% !important;
      }
          #menu-main-menu > li:nth-child(7):hover{
          padding: 10px 40px !important;
          transition: none !important;
              background-image: url('https://www.aafscny.org/wp-content/themes/aafscny/img/noun-search-white.png') !important;
          background-size: 20px 20px !important;
          background-repeat: no-repeat  !important;
          padding: 10px 40px;
          background-position: 35% 50% !important;
      }
          .blog-filter{
          width: 100vw;
          position: relative;
          left: calc(-50vw + 50%);
          display: flex !important;
          flex-direction: column !important;
      }
      .posts-blog{
          padding-right: 5% !important;
          padding-left: 5% !important;
          margin-top: 0px !important;
      }
      .news-result-each{
          display: flex !important;
          flex-direction: column !important;
      }
      .news-result-image{
          width: 100% !important;
      }
       .news-image-each {
          height: 365px !important;
          width: 365px !important;   
      }
      .result-image img{
          height: 300px !important;
          width: 300px !important;   
      }
      .categories form ul{
          text-align: left !important;
                       padding-left: 0% !important;
      }
      .categories form{
               padding-left: 0% !important;
      }
  }
  @media screen and (max-width: 800px) {
      .search-page{
          display: flex !important;
          flex-direction: column !important;
      }
      .blog-filter .sf-field-submit input{
          width: 60%;
          align-items: center;
          text-align: center;
      }
       .sf-field-submit{
          padding: 16px 25px
      }
      .result-each{
          display: flex !important;
          flex-direction: column !important;
      }
      .result-image{
          width: 100% !important;
      }
      .results-left {
          padding-left: 0px !important;
      }
      .tag{
          padding-left: 0px !important;
      }
      .date{
          padding-left: 0px !important;
      }
      .searchandfilter{
          max-width: 100% !important;
              padding-left: 5% !important;
          padding-right: 5% !important;
      }
      .searchandfilter ul{
          padding: 0 !important;
          margin: 0 !important;
      }
      .blog-filter{
          display: flex !important;
              flex-direction: column !important;
      }
      .categories .searchandfilter{
          margin-right: 0 !important;
          text-align: left !important;
          width: 100% !important;
          max-width: 100% !important;
      }
      .categories .searchandfilter ul{
          margin: 0px !important;
          width: 100% !important;
      }
      .categories{
          max-width: 100% !important;
          padding: 5% !important;
      }
  
      .theme-3861 {
          height: 100% !important;
      }
      .theme-3861 button{
          top: 0 !important;
          right: 0 !important;
      }
      .popup-search{
          display: flex !important;
          align-items: center !important;
          text-align: center !important;
          vertical-align: middle !important;
          width: 100% !important;
          margin-top: 0 !important;
      }
      .popup-search form{
          display: flex !important;
          align-items: center !important;
          text-align: center !important;
          vertical-align: middle !important;
      }
      #menu-main-menu > li:nth-child(7){
          transition: none !important;
          background-image: url('https://www.aafscny.org/wp-content/themes/aafscny/img/noun-search-white.png') !important;
          background-size: 20px 20px !important;
          background-repeat: no-repeat  !important;
          padding: 10px 40px;
          background-position: 35% 50% !important;
      }
      #menu-main-menu > li:nth-child(7):hover{
          padding: 10px 40px !important;
          transition: none !important;
           background-image: url('https://www.aafscny.org/wp-content/themes/aafscny/img/noun-search-white.png') !important;
          background-size: 20px 20px !important;
          background-repeat: no-repeat  !important;
          padding: 10px 40px;
          background-position: 35% 50% !important;
      }
      .blog-filter{
          width: 100vw;
          position: relative;
          left: calc(-50vw + 50%);
          display: flex !important;
          flex-direction: column !important;
      }
      .posts-blog{
          padding-right: 5% !important;
          padding-left: 5% !important;
          margin-top: 0px !important;
      }
      .news-result-each{
          display: flex !important;
          flex-direction: column !important;
      }
      .news-result-image{
          width: 100% !important;
      }
       .categories form ul{
          text-align: center;
                       padding-left: 0% !important;
      }
      .categories form{
               padding-left: 0% !important;
      }
  }
  @media screen and (max-width: 1040px) {
      #menu-main-menu > li:nth-child(7){
          transition: none !important;
          background-image: url('https://www.aafscny.org/wp-content/themes/aafscny/img/noun-search-white.png') !important;
          background-size: 20px 20px !important;
          background-repeat: no-repeat  !important;
          padding: 10px 40px;
          background-position: 35% 50% !important;
      }
      #menu-main-menu > li:nth-child(7):hover{
          padding: 10px 40px !important;
          transition: none !important;
           background-image: url('https://www.aafscny.org/wp-content/themes/aafscny/img/noun-search-white.png') !important;
          background-size: 20px 20px !important;
          background-repeat: no-repeat  !important;
          padding: 10px 40px;
          background-position: 35% 50% !important;
      }
      .popup-search{
          display: flex !important;
          align-items: center !important;
          text-align: center !important;
          vertical-align: middle !important;
          min-width: 100% !important;
                  max-width: 100% !important;
          margin-top: 0 !important;
      }
      .popup-search form{
          display: flex !important;
          align-items: center !important;
          text-align: center !important;
          vertical-align: middle !important;
      }
          .blog-filter .sf-field-submit input{
          width: 40%;
          align-items: center;
          text-align: center;
      }
      .results-left {
          padding-left: 0px !important;
      }
      .tag{
          padding-left: 0px !important;
      }
      .date{
          padding-left: 0px !important;
      }
      .news-result-image{
          max-width: 40% !important;
      }
      .news-image-each{
          height: 270px  !important;
          width: 270px !important;
      }
      .result-image img{
          height: 270px  !important;
          width: 270px !important;
      }
          .blog-filter{
          width: 100vw;
          position: relative;
          left: calc(-50vw + 50%);
          display: flex !important;
          flex-direction: column !important;
      }
      .posts-blog{
          padding-left: 5% !important;
          margin-top: 0px !important;
      }
      .news-result-image{
          max-width: 40% !important;
      }
      .news-image-each{
          height: 300px  !important;
          width: 300px !important;
      }
      .result-image{
          max-width: 100% !important;
      }
      .result-image img{
        height: 260px  !important;
    	width: 260px !important;
      }
      .categories {
          max-width: 100% !important;
          display: flex !important;
      }
      .categories form{
               padding-left: 0% !important;
      }
      .categories form ul{
          text-align: center;
              display: flex !important;
              flex-direction: column !important;
              padding-left: 0% !important;
             padding-right: 5% !important;
      }
      .posts-blog{
      padding-right: 5em !important;
  }
  }
  @media screen and (max-width: 1180px) {
      .results-left {
          padding-left: 0px !important;
      }
      .tag{
          padding-left: 0px !important;
      }
      .date{
          padding-left: 0px !important;
      }
      .blog-filter .categories .sf-input-text {
          font-size: 100% !important;
      }
      .news-result-image{
          max-width: 40% !important;
      }
      .news-image-each{
          height: 300px  !important;
          width: 300px !important;
      }
      .result-image img{
    	height: 280px  !important;
    	width: 280px !important;
      }
      .posts-blog{
      padding-right: 5em !important;
  }
  }
#search-filter-results-5099 .search-filter-results {
    padding-left: none !important;
    padding-right: none  !important;
   }
#search-filter-results-5099 .found{
 display: none;
    padding-left: none !important;
    padding-right: none  !important;
}



input[type=checkbox]{
    -webkit-appearance: auto;
    width:30px;
    height:30px;
    background:white;
    border-radius:5px;
    border:2px solid #555;
}