body{
  margin-top:120px; /* this moves the whole page down to account for the sticky nav bar */
}
  /*begin skip link and related styles*/
  .skip-link {
    background: #1d1d1c;
    color: #fff;
    font-weight: 700;
    left: 50%;
    padding: 10px;
    position: absolute;
    transform: translateY(-110%);
  }
  
  .skip-link:focus {
  transform: translateY(0%);
  z-index:1002;
  }
  #main:focus{
    outline-style:none;
  }
  /*end skip link and related styles
  begin unsized leader styles*/
  
  ul.leaders li span:not(:first-child){
    padding-right:10px;
}

/* this adds padding to the right side without exposing 
leads at smaller desktop sizes. next stuff colors */


ul.leaders li:nth-child(even) span, ul.leaders li:nth-child(even) {
  background: #fafafa}

  ul.leaders li:nth-child(odd) span, ul.leaders li:nth-child(odd) {
  background-color:#F0F1F1;
}

ul.leaders li{
  border-bottom: 1px solid #1d1d1c;
}

  /* end unsized leader styles */

  .hidden-xs{
    display:none;
  } /* this is part of the legislator lookup form */
    /* that I think EA forgot to hide, so I'm doing it for them */

  .circle-crop-image{
    border-radius: 50%;
    width:90%;
    margin:auto;
  } /* portraits, headshots, etc */

  #logo .logo.image img {
     width: 500px;
     max-width: 900px;
   } /* overrides the default logo sizing */
   .summary-title > a{
    font-weight:500;
    }

  a:focus-visible { 
    outline-style: solid;
    outline-color: #A62336;
    outline-width: 3px;
  } /*accessibility cursor for KB users*/
  .splash-image-credit{
    color:white;
    text-align:center;
    text-shadow:1px 1px 5px #1d1d1c;
  } /*image credit*/

  summary{
    display:list-item;
    list-style-type:default;
    cursor:pointer;
  }
  
  h3, h2, h1{
    hyphens: none;
    -webkit-hyphens: none;
   -moz-hyphens: none;
  } /* prevents excessive hyphenation of titles on mobile */
  
  h2 a, h1 a, h3 a{  
    color:#A62336;
  } /* links should be red */
  
  h2 a.banner-link{
    color:white;
  } /*coloring links*/
  
  footer.Footer h3 a{
    color:white; 
  } /*coloring links*/

  /* begin factsheet URL wrapping*/
  /*written out URLs in citations wrap anywhere */
  /* so it doesn't horizontally bust out of narrow screens */
  
  .factsheet-ref-link, .ref-link{
    overflow-wrap:anywhere;
    word-break:all;
} 

  .factsheet-endnotes p a{
    word-wrap:anywhere;
}

/* end factsheet URL wrapping */

.boxQuote, .blockQuote{ /*box quote for FA, factsheets, etc,*/
  background-color: #F6E8EA;
  border-radius:5px;
  margin:5px;
  padding:20px;
}

.boxQuote a, .blockQuote a{
  font-weight:bold;
}

/*end box quote stuff*/

/*
.itemCard, .sqs-gallery-design-autogrid-slide, article{
  background-color: #f4f4f4;
  border-radius: 10px;
  padding: 17px;
  box-shadow: 3px 3px 0px 0px #a62336;
  margin-left: -1%;
} coming soon!
*/

/* this manual gallery is for lists of logos that we want to appear on desktop, */
/* but not mobile. or other stuff! */

.manual-gallery div{
  margin:10px;
}
/*end manual gallery*/

/* table styles */
.data-table tr td{
  padding:10px;
  border:1px solid #1d1d1c;
}
.data-table-top{
  font-weight:700;
  background-color:#e1e2e3!important;
}
.data-table-l2{
  font-weight:700;
  background-color:#F6E9EB!important;
}
.data-table tr:nth-child(odd){
  background-color:#F0F1F1;
}
.table-container{
  overflow-x:auto;
}
.table-container td{
  min-width:12ch;
}

/* end table styles */

  /* begin mobile bar breakpoint modification
  
      WARNING TO FUTURE: if you change the Mobile Breakpoint
      in Squarespace's Design page, make it match the media
      query here!!!
  
  */

  .hiddenAnchorDiv /*DEPRECATED please use div-section*/{
    position:relative;
    top:-85px;
    height:0;
  } /*DEPRECATED please use div-section*/

  /* leader tables unsized */
  
  @media screen and (max-width:779.99px){
  
    /* begin leader tables mobile*/
    

    ul.leaders {
      width:auto;
      padding: 0;
      overflow-x: hidden;
      list-style: none;
  }
  
  ul.leaders li{
      padding:5px;
  }
  
  ul.leaders li:before {
      float: none;
      width: 0;
      white-space: nowrap;
  }
  ul.leaders span:first-child {
      padding-right:0;
      /*background-color: white*/}
  
      ul.leaders span:first-child::after {
  
          content:":";
  
      }
  ul.leaders li:nth-child(even) span {
      float: none;
      padding-left:0;}
  
      ul.leaders li:nth-child(odd) span {
      float: none;
      padding-left:0;
  }

  /* end leader tables mobile */

    .div-section{
      position:relative;
      bottom:90px;
      /*this creates spacing so anchor links scroll properly when the
      top part of the screen has the mobile bar*/
    } 
    /* begin mobile table styles */
    .table-container{
      border:0px;
    }
  .data-table tr td{
    padding:5px;
    }
  /* end mobile table styles */
} /* end media max-width 799.99 */
  @media screen and (min-width:780px){
    .div-section{
      position:relative;
      bottom:60px;
      /*this creates spacing so anchor links scroll properly when the
      top part of the screen has the new sticky bar*/
    }

    /* leader menu desktop definitions */    

    ul.leaders {
      max-width: 100%;
      padding: 0;
      overflow-x: hidden;
      list-style: none;
    }
    ul.leaders li{
      padding:10px 0 10px 10px;
    }
    ul.leaders li:before {
      float: left;
      width: 0;
      white-space: nowrap;
      content:
    ". . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . "
    ". . . . . . . . . . . . . . . . . . . . "}
    ul.leaders span:first-child {
      padding-right: 0.33em;}
    ul.leaders span + span {
      float: right;
      padding-left: 0.33em;}
      /* end desktop leader table */
    /* begin desktop table styles */
    .table-container{
      border:0px;
  }
  .data-table tr td{
    padding:10px;
  }
  /* end desktop table styles */
} /* end media min width 780 */
  
  
  /*
  
  end mobile bar breakpoint modification
  
  Begin Banner Headers and Text Definitions
  
  */
  
  .redHighlightBanner{
  
      font-size:36px;
      color:white;
      background-color:rgba(166,35,54,.85);
      padding:1%;
      line-height:normal;
  
  }
  .highlightSpanNormal{
    font-family:Futura-PT;
  }
  .highlightSpanBold{
    font-family:Futura-PT-Bold;
  }
  
  .highlightP{
  
    background-color:rgba(255,255,255,0.85);
    color:black;
    padding:1%;
  
  }

  .data-citation{
    font-size:0.8em;
  }
  .data-citation a, .BlogList-item-title{
    color:#a62336;
  }

  .BlogList-item-title:hover{
    color:rgba(164,35,54,.6);
  }
  
   /*
  
  End Banner Headers and Text Definitions
  
  */


  /*begin scroll to top button stuff*/

  #upButtonContainer{
  
          display:none;   
  
      }
  
  #upButton{
  
          background-color:white;
          color:#A62336;;
          border-radius:50%;
          position:fixed;
          bottom:20px;
          right:15px;
          height:56px;
          width:56px;
          z-index:300;
          cursor: pointer;   
          border:0;
          font-size:35px;  
          font-family:proxima-nova;
        padding:0;
      }
  
  @media only screen and (max-width:1300px){
  
    #upButton{
  
      background-color:white;
      color:#a62336;
      border-radius:50%;
      position:fixed;
      bottom:20px;
      right:15px;
      height:56px;
      width:56px;
      z-index:300;
      cursor: pointer;   
      border:0;
      font-size:35px;
      box-shadow: 1px 1px 5px #1d1d1c;      
      font-family:proxima-nova;
      padding:0;
  }
  
  #upButton:hover{
  
  background-color:#dfdfdf;   
  
  }
  
  }
  
  @media only print{
  
    #upButton{
      display:none;
    }
  
  }
  
  
  #secondaryNavSelectorContainer{
          z-index:10;
          position:fixed;
          bottom: 20px;
          right:20px;
  
      }
  
  #secondaryNavSelector{
          border-radius: 17px;
          border: 0;
          padding: 10px;
          color: #A62336;
          background-color: white;
          font-family: "Montserrat", sans-serif;
          font-weight: 700;
          -webkit-appearance: none;
          cursor: pointer;
          text-align-last:right;
          max-width:190px;
          z-index:10;
      }
  
  @media only screen and (max-width:1544px){
  
    #secondaryNavSelector{
      border-radius: 17px;
      border: 5px #1d1d1d;
      padding: 5px 10px 5px;
      font-family: "Montserrat", sans-serif;
      font-weight:700;
      box-shadow: 1px 1px 5px #1d1d1c;
      -webkit-appearance: none;
      cursor: pointer;
  }
  
  
  }
 
  @media only print{
  
    #secondaryNavSelector{
      display:none;
    }
  
  }

  /*end scroll to top stuff*/
  
  .grecaptcha-badge{
    z-index:7;
  } /* makes the EA captcha badge play nice on embedded pages */

  /*begin nav bar modification
  
    this makes the nav bar sticky and wider

  */
  
  header.Header.Header--top{
    position:fixed;
    top:0;
    z-index:100;
    width:100%;
}

div.Header-inner.Header-inner-top{
    max-width:96%;
}


.Mobile-bar, .Header--top{
    box-shadow:0 4px 8px -6px #9d9d9c;
}

/* end nav bar modification */

  @media only screen and (max-width:700px){
  
      h1.BlogItem-title{
  
          font-size:24px;
          hyphens:none;
  
      } /* makes the H1 titles not absurdly large on mobile */
  
  
  }
  
  @media only print{
  
    .Mobile-bar{
  
      display:none;
  
    } /* hides the mobile nav bar if someone prints it */
  
  }
  
  /* begin "superzoom" formatting
    like if someone zooms in a lot. 
    or visits on an Apple Watch i guess
  */
  
  @media only screen and (max-height:400px){
  
  
    .Mobile-bar{
  
      display:block;
      position:static !important;
    }
    #secondaryNavSelector{
      display:none;
    }
    /*scroll to top FAB is done in JavaScript*/
  
  }
  
  /* end "superzoom" formatting */
  
  footer.Footer p{
    
    font-size:15px;
    
  }
  
  footer.Footer h3{
    
    font-size:16px;
    
  }
  
  /*begin SQSP only EA code*/
  
  .ea-container{
    border-radius:20px; 
    background-color:white;
  }
  
  .ea-container-outer{
    box-shadow:2px 2px 5px black; 
    border-radius:20px; 
    background-color:white;
  }

  .paper{
    box-shadow: 0px 0px 5px 0px #1d1d1c;
    margin:40px auto;
    background: #ffffff;
    border-radius:5px;
  }
  
  @media screen and (max-width: 639.99px){
  
    .ea-after-container{ /*this is for the stuff beneath the donate form*/
      margin:30px;
      padding-bottom:30px;
    }

    .paper{ /*this is the letter in Fierce Advocate*/
      width:95%;
      padding:12px;
      box-shadow: 0px 0px 5px 0px #1d1d1c;
    }

    .showDesktop{
      display:none;
    }

    .showMobile{
      display:block;
    }

  } /* end media max width 639.99px */
  
  @media screen and (min-width: 640px){
  
    .ea-after-container{
      margin:0px 55px;
      padding-bottom:55px;
    }

    .paper{
      max-width:800px;
      width:calc(100% - 80px);
      padding:40px;
  }

  .showDesktop{
    display:block;
  }

  .showMobile{
    display:none;
  }



  } /* end media min width 640px */

  @media screen and (min-width:400px){
    .image-card{
      /*min-width:300px; hm this is causing problems when banner is right side */
      border-radius: 10px;
    }
  }
  
  .ea-after-container p a{
    color:#a62336!important;
  }
  
  #donate-thank-you-container{
    margin:25px;
  }
  
  /*end SQSP only EA code*/

  /* begin dark header code */
  .header-dark-content, .header-red{
    color:white;
    text-shadow:2px 2px 5px #1d1d1c;
}
@media screen and (min-width:780px){
    ul.on-this-page-list{
        list-style-type: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-wrap: wrap;
    }
}
ul.on-this-page-list li{
    float: left;
    padding: 0 1em 0 0;    
   font-family:proxima-nova;
}

@media screen and (max-width:779.99px){
    ul.on-this-page-list li{
        float: none;
        list-style-type:circle;
    }
    ul.on-this-page-list li:first-child{
        list-style-type:none;
    }
}


.header-shadow{
  text-shadow:2px 2px 5px #1d1d1c;
  hyphens: none;
}

.header-shadow > mark{
  background-color:#a62336;
}

.header-shadow > mark:hover{
  background-color:#b75056;
}

.header-red > mark{
  background-color:white;
  color:#A62336;
}

.header-red > mark:hover{
  background-color:#dfdfdf;
}

.header-dark-content ul.on-this-page-list li a, .header-dark-content p a, .header-red p a{

    border-bottom-color: rgba(255,255,255,.5)

}

.header-dark-content ul.on-this-page-list li a:hover, .header-dark-content p a:hover, .header-red p a{

    color:#bfbfbf;
    border-bottom-color: rgba(255,255,255,.3)

}
/* end dark header code */

/*begin "on this page" floating list code*/
ul.on-this-page-list li:first-child{
  font-weight:700;
}

ul.on-this-page-list li a, .header-dark-content p a, .header-red p a{
   border-bottom-width: 1px;
   border-bottom-style: solid;
}

/*end on this page code*/

/* begin gradient/background definitions */
/* because of how sqsp works, you have to */
/* add the IDs of the collection sections here */
/* separated by commas. remember to escape \/ your forward slashes that sqsp generates!!! */
/* eh I'm just putting it in the page embed now, makes more sense that way. but keeping these here for reference */

/* RED GRADIENT, VERTICAL-ISH */
#fierce-advocate\/winter-2021\/executive-director-letter-1, #fierce-advocate\/winter-2021\/executive-director-letter, #faf21-cover-letter, #sfpstudy\/splash, #sfp-study-draft, #home\/mab23{
  background: rgb(167,34,56);
  background: linear-gradient(174deg, rgba(167,34,56,1) 0%, rgba(166,35,54,1) 48%, rgba(103,5,18,1) 100%);
}

/* PLAIN BLACK */

#faq421-cover-1, #faq421-cover, #fierce-advocate-q4-21-hp-cover{
  background:#1d1d1c;
}
/* CONVERSATIONS GRADIENT */
#conversations\/header{
  background: rgb(166,35,54);
  background: linear-gradient(96deg, rgba(166,35,54,1) 0%, rgba(244,105,58,1) 100%);
}
/* PLAIN RED */
#allofus\/header{
  background:#a62336;
}