/* 2017 colors
maroon: #781F2C;
gold: #FCD060;
purple: #30002B;
pink: #A4243B;
orange: #E23B00;
eggplant: #0A0033;
*/

body{
  color: #000;
  overflow-x:hidden;
  font-family: Montserrat,
  Helvetica,Arial,sans-serif;
}

.text-muted{
  color:#000;
}

.text-primary{
  color:#E65540;
}

p{
  font-family: Garamond, "Times New Roman", serif;
  font-size: 17px;
  line-height: auto;
}


ul.regular{
  font-family:Garamond,"Times New Roman", serif
}

@media (max-width: 436px) {
  ul.regular{
    font-size:16px;
    line-height:auto;
  }
}


@media (min-width: 437px) {
  ul.regular{
    font-size:20px;
    line-height:auto;
  }
}


p.large{
  font-size:24px
}


a,a:hover,a:focus,a:active,a.active{
  outline:0
}

a{
  color:#E23B00;
}

a:hover,a:focus,a:active,a.active{
  color:#0A0033;
}

h1,h2,h3,h4,h5,h6{
  color: #FFFFFF;
  font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
  text-transform:uppercase;
  font-weight:700
}

.modal-body h1 {
  color: black;
  margin: 0 auto 30px;
  text-align: center;
}

@media (max-width: 480px) {
  .modal-body h1 {
    font-size: 26px;
  }
}

.img-centered{
  margin:0 auto
}

/* section coloring matches the colors of the main graphic */

.bg-intro{
  background-color:#FCD060;
}

.bg-cindy{
  background-color:#E23B00;
}

.bg-gray{
  background-color:#808172;
}

.bg-section1{
  background-color:#30002B;
}

.bg-section2 {
  background-color: #A4243B;
}

.bg-thanks{
  background-color:#0A0033;
}

@media (max-width: 599px) {
  .bg-cindy{
    background-color:#E23B00;
  }
}

.donate-break {
  display: none; /* line break above donate message on mobile */
}
@media (max-width: 480px) {
  .donate-break {
    display: inline;
  }
}
.btn-primary{
  color:#fff;
  background-color:#E23B00;
  border-color:#E23B00;
  font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
  text-transform:uppercase;
  font-weight:700
}

.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{
  background-color: #FCD060;
  border-color: #FCD060;
  color: #0A0033;
}

.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{
  background-image:none
}

.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#E65540;
  border-color:#E65540
}


.btn-primary .badge{
  color:#E65540;
  background-color:#fff
}

.dark-button.btn-primary {
  background-color: #0A0033;
  border-color: #0A0033;
  color: #FFFFFF;
}

.dark-button.btn-primary:hover,
.dark-button.btn-primary:focus,
.dark-button.btn-primary:active {
  background-color: #FCD060;
  border-color: #FCD060;
  color: #0A0033;
}

.navbar-default{
  background-color:#0A0033;
  border-color:transparent;
  border: 0
}

.navbar-default .navbar-brand{
  color:#F8ECC2;
  padding-top: 8px;
}

.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:active,.navbar-default .navbar-brand.active{
  color:#fec503
}

.navbar-default .navbar-collapse{
  border-color:rgba(255,255,255,.02)
}

.navbar-default .navbar-toggle{
  background-color:#781F2C;
  border-color:#781F2C;
  color: #FCD060;
}

.navbar-default .navbar-toggle .icon-bar{
  background-color:#F8ECC2
}

.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{
  background-color:#781F2C;
}

@media (max-width: 768px) {
  .navbar-toggle {
    margin-right: 28px;
  }
}

@media (max-width: 468px) {
  .navbar-brand > img {
    max-width: 100px;
  }
}

.navbar-default .nav li a{
  font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
  text-transform:uppercase;
  font-weight:400;
  picture-spacing:1px;
  color:#FCD060;
  /*margin: 0px 5px;* only included when PDF link is not present*/
}


.navbar-default .nav li a:hover,.navbar-default .nav li a:focus{
  color:#E65540;
  outline:0
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
  background-color: #FCD060;
  color: #0A0033;
}

.navbar-default .navbar-nav>.active>a{
  border-radius:0;
  color:#30002B;
  background-color:#FCD060;
}

.navbar-nav > li > .dropdown-menu {
  background-color: #0A0033;
}

.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{
  color:#fff;
}

.dropdown-menu > li >a {
  color: #FFFFFF;
}

.navbar-default .dropdown-menu li a.page-scroll:hover {
  background-color: #0A0033;
  color: #FFFFFF;
  text-decoration: underline;
}

@media (max-width: 801px) {
  .navbar-right {
    margin-right: 0;
  }
}

header{
  background: #781F2C;
  position: relative;
  z-index: 1;
}

header:after {
  content : "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url('../img/header/header-pattern-color.png');
  background-attachment:scroll;
  -webkit-background-size:contain;
  -moz-background-size:contain;
  background-size: contain;
  -o-background-size:contain;
  background-size: contain;
  width: 100%;
  height: 100%;
  z-index: -1;
}



.headerimage img {
  width: 100%;
  height: auto;
}

.container{
  padding:1% 0;
}

#summary {
  background-color: #781F2C;
}
section{
  padding:100px 0
}

section h2.section-heading{
  font-size:60px;
  margin-top:0px;
  margin-bottom:15px;
}

@media (max-width: 767px) {
  section h2.section-heading {
    font-size: 29px;
  }
}

section h3.section-subheading{
  font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
  text-transform:none;
  font-weight:400;
  margin-bottom:0;
}


@media (max-width: 436px) {
  section h3.section-subheading{
    font-size:16px;
    line-height:20px;
  }
}

@media (min-width: 437px) {
  section h3.section-subheading{
    font-size:20px;
    line-height: 30px;
    max-width: 800px;
    text-align: center;
    margin: 0 auto;
  }
}

section h3.section-subheading-explanation{
  color: #000000;
  font-size:24px;
  font-family:"Garamond", "Times New Roman", serif;
  text-transform:none;
  font-style:italic;
  font-weight:400;
  margin-bottom:0;
  line-height: 30px
}

section h3.section-subheading-explanation a{
  color: #0A0033;
  text-decoration: underline;
}
@media (max-width: 480px){
  section h3.section-subheading-explanation{
    font-size:18px;
    line-height: normal;
  }
}
section h4.section-subheading{
  font-size:20px;
  font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
  text-transform:none;
  font-weight:400;
  margin-bottom:-125px
}

section h5.section-subheading{
  font-size:24px;
  font-family:"Garamond","Times New Roman", serif;
  text-transform:none;
  font-style:italic;
  font-weight:400;
  margin-bottom:-12%
}


@media (min-width:768px){
  section{
    padding:100px 0
  }
  }.

  summary-heading{
    margin:0 0;
    text-transform:none;
    font-size: 20px
  }



  #picture .picture-letter{
    margin: 0;
  }

  #picture .picture-item{
    margin: 0 8% 15px 8%;
  }

  #picture .picture-item .picture-link{
    display:block;
    position:relative;
    max-width: 800px;
    margin:0 auto;
  }

  #picture .picture-item .picture-link .picture-hover{
    background:#E65540;
    position:absolute;
    width:100%;
    height:100%;
    opacity:0;
    transition:all ease .5s;
    -webkit-transition:all ease .5s;
    -moz-transition:all ease .5s
  }

  #picture .picture-item .picture-link .picture-hover:hover{
    opacity:1
  }

  #picture .picture-item .picture-link .picture-hover .picture-hover-content{
    position:absolute;
    width:100%;
    text-align:center;
    top:50%;
    margin-top:-12px;
    color:#fff;
    font-weight: 700;
  }

  #picture .picture-item .picture-link .picture-hover .picture-hover-content i{
    margin-top:-12px
  }

  #picture .picture-item .picture-link .picture-hover .picture-hover-content h3,#picture .picture-item .picture-link .picture-hover .picture-hover-content h4{
    margin:0
  }

  #picture .picture-letter .picture-caption{
    max-width:600px;
    margin: 2% auto 0;
    background-color:#0A0033;
    text-align:center;
    padding:20px;
    color: #F8ECC2;
  }

  #picture .picture-item
  .picture-caption h4{
    text-transform:none;
    margin:0
  }

  #picture .picture-item .picture-caption p{
    font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style:italic;
    font-size:16px;margin:0
  }

  #picture *{
    z-index:2
  }

  @media (min-width:767px){
    #picture .picture-item{
      margin:0 0 30px
    }
  }

  .picture-modal .modal-content h2{
    margin-bottom:15px;
    font-size:3em
  }

  .picture-modal .modal-content p{
    margin-bottom:30px;
  }

  .-modal .modal-content p.item-intro{
    margin:20px 0 30px;font-family:"Garamond","Times New Roman",serif;
    font-style:italic;
    font-size:16px
  }

  .picture-modal .modal-content ul.list-inline{
    margin-bottom:30px;
    margin-top:0
  }

  .picture-modal .modal-content img{
    margin-bottom: 16px
  }

  .gutterless.picture-modal img{
    margin-bottom:0px
  }

  @media (max-width: 436px) {
    .gutterless.picture-modal img{
      text-align:center;
    }
  }


  .picture-modal .close-modal{
    position:absolute;
    width:75px;
    height:75px;
    background-color:transparent;
    top:25px;
    right:25px;
    cursor:pointer
  }

  .picture-modal .close-modal:hover{
    opacity:.3
  }

  .picture-modal .close-modal .lr{
    height:75px;
    width:1px;
    margin-left:35px;
    background-color:#222;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    z-index:1051
  }

  .picture-modal .close-modal .lr .rl{
    height:75px;
    width:1px;
    background-color:#222;
    transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    z-index:1052
  }

  .picture-modal .modal-backdrop{
    opacity:0;
    display:none}
    ::-moz-selection{
      text-shadow:none;
      background:#F8ECC2;
    }
    ::selection{
      text-shadow:none;
      background:#F8ECC2;
    }
    img::selection{
      background:0 0
    }
    img::-moz-selection{
      bacpicturekground:0 0
    }
    body{
      webkit-tap-highlight-color:#F8ECC2;
    }

    .picture-modal .picture-item .Financialsimage {
      width: 50%;
      height: 50%;
      margin-top: -3px;
    }

    @media (max-width: 767px) {
      .picture-modal .picture-item .snowflake-tweak1 {
        margin-left:4px;
      }
    }

    @media (min-width: 805px) {
      #picture .picture-item .snowflake-tweak1 {
        margin-left: 4px;
      }
      #picture .picture-item .snowflake-tweak2 {
      }
    }

    @media (max-width: 804px) {
      #picture .picture-item .snowflake-tweak2 {
        margin-left: 4px;
        margin-top: -2px;
      }
      #picture .picture-item .snowflake-tweak1 {
        margin-left: 0;
      }
    }

    @media (max-width: 540px) {
      .picture-modal .picture-item .Financialsimage,
      #picture .picture-item .Financialsimage {
        width: 100%;
        min-width: 200px;
        height: auto;
        margin: 0;
      }
      #picture .picture-item {
        padding: 3%;
      }
    }


    .navbar-logo {
      padding: 25px 0
    }

    .dropdown-backdrop {
      position: static;
    }

    .btn-donate{
      color:#fff;
      background-color:#781F2C;
      border-color:#781F2C;
      font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
      text-transform:uppercase;
      font-weight:700;
    }

    .navbar-default .nav li .btn-donate {
      padding:7px;
      margin-top:7px
    }

    .sidesocialmedia{
      z-index:2000;
      position:fixed;
      display:block;
      right:0
    }

    .sidesocialmedia img{
      display:block;
      margin:2px;
      max-width: 36px
    }

    .EFFabout{
      display: block;
      margin-left: 15%;
      margin-right: 15%;
      padding: 0
    }

    .EFFlogo{
      width: 70%;
      height: 70%;
      padding: 0 0 1%
    }

    .EFFlogo{
      min-width: 200px;
      max-width: 35%;
      height: auto;
      padding: 0 0 1%
    }

    .EFFthanks{
      max-width: 60%;
      height: auto;
      padding: 0 0 1%;
    }


    .ED-highlight{
      max-width:600px;
      height:100%;
      margin: 0 auto;
      background-color:white;
      text-align:left;
      padding:0 0;
      border:0;
      overflow: hidden;
    }

    .EDphoto{
      padding: 0;
      margin: 0 0 0 3%;
      max-width: 35%;
      height: auto;
      display:inline;
      float: right;
    }

    .EDholderbox{
      max-width: 600px;
      height: 100%;
      margin: 0 0 0;
      background-color:white;
      padding: 0px 0px 0 0;
      min-height: 100%
    }

    .EDquote{
      color: #000000;
      margin: 0;
      padding: 11px 5%;
      text-align:left;
    }

    .Teamheader{
      display: block;
      margin-left: 10%;
      margin-right: 10%;
      padding: 0
    }

    .Teamdescription{
      display: block;
      margin-left: 10%;
      margin-right: 10%;
      padding: 0
    }


    p.topic{
      color: #FFF;
      font-size:14px;
      line-height:auto;
      font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;
      padding-bottom: 1%;
      max-width: 225px;
    }

    @media (max-width: 768px) {
      p.topic {
        max-width: 300px;
      }
    }
    .Teamhighlight{
      color: #FFF;
      margin: 30px 10px
    }

    .Teamhighlight h5 {
      max-width: 500px;
    }

    .Teambox{
      max-width: 800px;
      height:100%;
      margin: 0 6% 0;
      padding: 0px 0px;
      position:relative
    }

    .Teamcaption{
      background-color: #A4243B;
      height:auto;
      width:100%;
      height: auto;
      padding: 4% 5%;
    }

    .bg-section2 .Teamcaption {
      background-color: #30002B;
    }

    .Teamgraphic{
      min-width: 100px;
      max-width: 28%;
      height: auto;
      display: block;
      margin: auto;
      margin-top:10px;
      padding: 0 auto;
    }
    #featured .Teamgraphic {
      max-width: 40%;
    }

    .Teamgraphicwide{
      min-width: 100px;
      max-width: 100%;
      height: auto;
      display: inline-block;
      margin: auto;
      padding: 0 auto;
    }

    .Teamcircleline{
      margin: 7% 0 0 0;
      padding: 0 0;
    }

    .Teamcircle{
      padding: 0;
      margin: 5% 0;
    }

    .EDlettertext{
      color: #000000;
      text-align: left;
    }

    .picture-modal .modal-content .banner img{
      margin-top: 10px;
      height:auto;
      width:100%;
    }

    .modal-wrap{
      color: #000000;
      max-width: 800px;
      margin: auto;
    }

    .lettertext{
      text-align: left;
      padding: 0 10px;
      max-width: 800px; /*NOT SURE IF I FORGOT SOMETHIN*/
    }

    .lettercolumn{
      display: block;
      max-width: 200px;
    }

    @media (max-width: 436px) {
      .lettercolumn{
        float:none;
        text-align:center;
        margin-right: auto;
        margin-left: auto;
      }
    }

    @media (min-width: 437px) {
      .lettercolumn{
        float: left;
        max-width: 200px;
        margin-right: 30px;
        margin-bottom: -10px;
      }
    }

    .letterattribution{
      padding: 0 0;
      margin: 0;
      text-align: center;
      font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
      font-weight:700;
      line-height: 1%;
      font-size: 1.5em;
    }

    .letterattributionlong{
      padding: 0 0;
      margin: -5px 0;
      text-align: center;
      font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
      font-weight:700;
      line-height:1%;
      font-size: 1.5em;
    }

    .letterattributiontitle{
      margin: -5px 0;
      text-align: center;
      font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
      font-weight:400;
      /*line-height:.2%;*/
      text-transform: uppercase;
      font-size: 14px;
      max-width: 200px;
      padding: 0;
    }

    .letterattributiontitlelong{
      padding: 0;
      margin: -10px 0;
      text-align:center;
      font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
      font-weight:400;
      line-height:auto;
      text-transform: uppercase;
      font-size: 12px;
      max-width: 200px;
    }

    .letterphoto{
      filter: gray; /* IE6-9 */
      -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
      filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
      display: inline-block;
      margin: 0 0 0 0;
      max-width: 200px;
    }

    .letterbottom{
      text-align: center;
      align-content:center;
    }

    .pullquote{
      font-size: 24px;
      padding: 0 40px;
      color: #A4243B;
      line-height:auto;
      font-family:Garamond, "Times New Roman", serif;
      font-weight:700;
      text-align:center;
      max-width: 800px;
    }

    .quotedparty{
      font-size: 18px;
      padding: 0 10px;
      color: #000;
      line-height: auto;
      font-style: italic;
      font-family:Garamond, "Times New Roman", serif;
      font-weight: 500;
      text-align:right;
      max-width: 800px;
    }

    hr {
      display: block;
      margin-top: 2em;
      margin-bottom: 2em;
      margin-left: auto;
      margin-right: auto;
    }

    .modalcircle{
      width:200px;
      height:200px;
      border-radius:100px;
      color:#fff;
      line-height:auto;
      background:#E65540;
      position:relative;
      margin: 10% 0;
      text-align:center
    }

    .modalcirclewords{
      position:absolute;
      margin: 20% 20%;
      text-align:center
    }

    .panel-heading {
      background-color: #E65540
    }


    .Financialsimage{
      padding: 0 0;
    }

    .no-gutter > [class*='col-'] {
      padding-right:0;
      padding-left:0;
      margin-right:0;
      margin-left:0;
    }

    .Financialschart {
      margin: 4%;
    }

    .Financialsubtext h5{
      color: #000000;
      font-weight: normal;
      text-transform: none;
    }
    .mobile-rotate {
      display: none;
    }
    .numbers {
      text-align:right;
    }

    .table-responsive{
      border: none;
    }

    .table > tbody > tr >td.left-3 {
      padding-left: 3rem;
    }

    .left-6 {
      padding-left: 6rem !important;
    }

    .eggplant{
      color:#0A0033;
    }

    .cranberry{
      color:#781F2C;
    }

    @media (max-width: 480px) {
      .mobile-rotate {
        display: inline-block;
      }
      .mobile-rotate h5 {
        color: #E23B00;
      }
      .Financialstable {
        font-size: 10px;
      }

      .Financialstable h3 {
        font-size: 18px;
      }

      .Financialstable td.breakit {
        word-wrap: break-word;
      }

      .hidden-phone {
        display: block;
      }

      footer ul.quicklinks {
        text-align: center;
      }
      footer ul.quicklinks li {
        display: block;
      }
    }

    .presslink{
      color:#C9C9B8;
    }

    a.presslink:hover,a.presslink:focus,a.presslink:active,a.presslink.active{
      color:#87D6D2;
    }

    .presslogos{
      padding-top:2%;
      margin: 0 1%;
      opacity: .5;
    }

    .pressimages{
      padding:2%;
    }

    .socialmedia {
      margin: 15px 0;
      display:inline;
    }

    .socialmedia img{
      margin: 32px 3% 0;
      max-width: 50px;
    }

    .socialmedia input {
      display: none;
    }

    .socialmedia .copied {
      display: none;
      margin-left: 56%;
      width: 15%;
    }

    @media(max-width: 480px){
      .socialmedia .copied {
        margin-left: 65%;
      }
    }



    @media(max-width: 767px){
      .headerimage{
        margin-top: 60px;
        margin-right: 5px;
        margin-left: 5px;
      }
      section {
        padding: 50px 0;
      }
      .picture-modal .close-modal {
        width: 44px;
        height: 44px;
        background-color: #fff;
        border-radius: 30px;
        z-index: 300;
      }
      .picture-modal .close-modal .lr {
        height: 30px;
        width: 4px;
        margin-left: 20px;
        margin-top: 7px;
      }
      .picture-modal .close-modal .lr .rl {
        height: 30px;
        width: 4px;
      }
      .navbar-default .nav li a {
        padding-left: 25px;
        padding-right: 25px;
      }
      .CClicense {
        padding-left: 3px;
      }
    }


    @media(min-width: 767px){
      .headerimage{
        margin-top: 60px;
        margin-right: 5px;
        margin-left: 5px;
      }
      section {
        padding: 50px 0;
      }
      .picture-modal .close-modal {
        width: 44px;
        height: 44px;
        background-color: #E65540;
        border-radius: 30px;
        z-index: 300;
      }
      .picture-modal .close-modal .lr {
        height: 30px;
        width: 4px;
        margin-left: 20px;
        margin-top: 7px;
        background-color: #FFF;
      }

      #EDLetterModal.picture-modal .close-modal .lr,
      #PrivacyAlasaad.picture-modal .close-modal .lr {
        margin-left: 2px;
      }
      .picture-modal .close-modal .lr .rl {
        height: 30px;
        width: 4px;
        background-color: #FFF;
      }
      .navbar-default .nav li a {
        padding-left: 25px;
        padding-right: 25px;
      }
      .CClicense {
        padding-left: 3px;
      }
    }

    @media(min-width:1200px){
      .headerimage{
        max-width: 800px;
        margin: 100px auto 35px;
      }
    }

    @media(min-width:800px){
      .headerimage{
        max-width: 700px;
        margin: 100px auto 35px;
      }
    }

    @media(min-width:600px){
      .headerimage{
        max-width: 600px;
        margin: 100px auto 35px;
      }
    }

    @media(max-width:486px){
      .headerimage{
        max-width: 300px;
        margin: 100px auto 35px;
      }
    }

    @media(max-width: 767px) {
      .navbar-default .navbar-brand {
        padding-left: 30px;
      }
    }

    footer ul.quicklinks {
      text-align: right;
      font-size: 12px;
      font-weight: bold;
    }

    @media (max-width: 300px) {
      .container, section {
        min-width: 300px;
      }
    }
    .socialmedia {
      display: block;
    }
    .socialmedia a:hover {
      opacity: 0.5;
    }