:root {
  --zero-black: #000;
  /* --zero-blue: #1563AD; */
  --zero-blue: #0256a6;
  --zero-medium-blue: #2c3e6b;
  --zero-dark-blue: #071d49;
  --zero-social-blue: #3772c4;
  --zero-light-blue: #0077c8;
  --zero-baby-blue: #c1ddf2;
  --zero-yellow: #FFDA00;
  --zero-white: #FFF;
  --zero-dark-blue-opacity: rgba(7, 29, 81, .8);
  --zero-grey: #ebebeb;
  --zero-dark-grey: #adadad;
  --zero-grey-opacity: rgba(235, 235, 235, .8);
}

*, html, body, form, input, input.AddressBookButtons, input.Advocacy, input.btn, input.btnLg, input.btnMed, input.btnMini, input.btnSm, select, select.Advocacy, textarea, legend, ul, ol, li, option, table, tr, th, th.rfl_infoStatus, td, td.AlertListDescription, td.cstmBack, p, p.cstmBtnText, p.cstmFrame, p.cstmHeading, p.cstmText, p.cstmTitle, p.dividerHeading, p.scrollingText, span.cstmHeading, a, a.btn, a.btn:visited, a.cstmBtnText:hover, a.cstmBtnText:link, a.cstmBtnText:visited, #navList, .AdvocacyInstructions, .AdvocacyNSFix, .BlogHeader, .Button, .Divider, .FieldLabels, .FormBox, .FormBox06, .FormBoxHeader, .Hint, .Instructions, .Instructions, .ListItem0, .ListItem1, .NetscapeFix, .NoteText, .ObjTitle, .PhotoLinks, .Premiums, .ProgressBox, .ProgressBoxCurrent, .SectionHead, .SmallButton, .Smaller, .SmallerC, .TribBtnText1, .Upgrades, .WhatNext, .alphacube_content, .dialog_content, .dialog_title, .explicit, .fr_register_another, .paraBlueSansSmall, .smallBlack, .smallSans, .smallSansBold, .smallWhiteBoldSans, .smallWhiteSans, .smallestBlackSans, P, LI, OL, UL, TABLE, TR, TH, TD, .Explicit, div.responsive {
  font-family: Inter, Helvetica Neue, Helvetica, sans-serif !important;
}


.desktop-only, div.desktop-only, img.desktop-only { display: unset; }
.medium-only, div.medium-only, img.medium-only {display: none; }
.mobile-only, div.mobile-only, img.mobile-only {display: none; }

.row {
  margin-left: 0;
  margin-right: 0;
}

.bold {
  font-weight: 800 !important;
}

a.btn, .btn {
  background: unset;
  border: 0;
  margin: 8px;
  padding: 8px;
  
  &.blue {
    background-color: var(--zero-blue);
  }
  
  &.yellow {
    color: var(--zero-dark-blue);
    background-color: var(--zero-yellow);
  }
}

#header {
  margin-bottom: 1vw !important;
  padding: 0 13%;
    
  .container-fluid {
    padding-left: 0;
    padding-right: 0;
    
    div.navbar.row {
      align-items: flex-end;
      display: flex;
      justify-content: space-between;
    
      .navbar-header {
        width: auto;
        
        button.navbar-toggle {
          span.icon-bar {
            background: var(--zero-blue);
          }
        }
        
        h1#logo {
          padding: 0;
          
          a {
            img {
              margin: 0 !important;
              width: 10vw;
            }
          }
        }
      }
      
      div.pull-right {
        flex-grow: 1;
        float: none !important;
        width: unset;
        
        div#header-nav {
          div#utility.navbar-right {
            div.profile-info {
              ul#nav-user {
                li {
                  a {
                    font-weight: 800;
                    font-size: 13px;
                    
                    &.button.btn-success {
                      background-color: var(--zero-blue);
                      box-shadow: none;
                      color: var(--zero-white);
                    }
                  }
                }
              }
              
              form#LogonForm {
                float: none !important;
                padding: 0;
                
                button.btn.btn-success {
                  background-color: var(--zero-blue);
                  box-shadow: none;
                  color: var(--zero-white);
                  font-size: 1vw;
                  font-weight: 800;
                  margin-right: 0;
                  text-transform: capitalize;
                }
              }
            }
          }
          
          div#nav.navbar-inverse {
            float: none;
            margin: 0;
            margin-top: 0;
            
            ul.nav.navbar-nav {
              align-items: flex-end;
              display: flex;
              float: none !important;
              justify-content: flex-end;
              
              li, li.dropdown {
                float: none !important;
                
                a {
                  font-size: 1vw !important;
                  margin-left: 2vw;
                  padding: 0;
                  padding-bottom: 0;
                  padding-top: 0;
                  
                  &:hover:not(.donate) {
                    background-color: transparent !important;
                    border-bottom: .25vw solid var(--zero-yellow);
                    position: relative;
                    top: .125vw;
                  }
                  
                  &.donate {
                    color: var(--zero-dark-blue) !important;
                    padding: 1vw 2vw;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
  
  #utility .navbar-form {
    padding: 5px 1px;
  }
}

/* Change logo size based on classification of event */
body[class*="classification-Grow and Give"] {
  h1#logo {
    a {
      img {
        width: 15vw !important;
      }
    }
  }
}

/* ChooseFundraiserType section.  reus_fyow_register */
section#ChooseFundraiserType {
  background: transparent url('http://support.zerocancer.org/images/content/pagebuilder/Rectangle_7.png') center center no-repeat;
  background-size: cover;
  padding: 4vw;
  text-align: center;
  
  h4 {
    color: var(--zero-blue);
    font-size: 3vw;
  }
  
  h6.seeExamplesTitle {
    color: var(--zero-dark-blue);
    font-size: 1.85vw;
    margin: 40px 0 20px;
    
    i {
      font-size: 1.5vw;
    }
  }
  
  div#ChooseFundraiserTypeCtaBlocks {
    display: flex;
    justify-content: space-between;
  }
    
  div.ChooseFundraiserTypeCtaBlock {
    margin: 30px 0;
    position: relative;
    
    a {
      left: 0;
      display: block;
      position: relative;
      top: 0;
      
      div.imageContainer {
        left: 0;
        height: 18.5vw;
        position: relative;
        overflow: hidden;
        text-align: center;
        top: 0;
        width: 17vw;
        
        img {
          height: auto;
          position: relative;
          transition: transform .2s ease-in-out;
          width: 100%;
          
          &:hover {
            transform: scale(1.1);
          }
        }
      }
      
      div.imageHeader {
        align-items: center;
        background-color: var(--zero-blue);
        color: var(--zero-white);
        display: flex;
        font-size: 1.2vw;
        font-weight: 800;
        justify-content: center;
        left: 0;
        line-height: 1.2;
        height: 20%;
        position: absolute;
        top: 0;
        width: 17vw;
      }
      
      span {
        border-bottom: .2vw solid transparent;
        border-width: 0;
        /* bottom: -.8vw; */
        font-size: 1.1vw;
        font-weight: 800;
        left: 43%;
        /* right: -.8vw; */
        padding: .5vw 1.25vw;
        position: absolute;
        transition: border-bottom .2s ease-in-out;
        top: 86%;
        
        &:hover {
          border-bottom: 3px solid var(--zero-blue);
        }
        
        i {
          color: var(--zero-blue);
        }
      }
    }
    
    &.full-width {
      a {
        div.imageContainer, div.imageHeader {
          width: 100%;
        }
          
        span {
          left: 87.8%;
        }
      }
    }
    
    &.no-header-overlap {
      div.imageContainer {
        padding-top: 4%;
      }
    }
  }
}

/* Regular / default pages */
body {
  div#content.container {
    max-width: unset;
  }
}

body[class*="pagename-Fundraise_Your_Way"],
body.pg-entry[class*="classification-Grow and Give"] {
  div#page {
    div#media {
      ul#carousel-main {
        li {
          div.caption {
            &.absolute.center {
              left: 50%;
              position: absolute;
              top: 47%;
              transform: translateX(-50%) translateY(-50%);
            }
            
            &.style-1 {
              background-color: var(--zero-dark-blue);
              border: .3vw solid var(--zero-yellow);
              color: var(--zero-white);
              height: 8.8vw;
              width: 28vw;
              
              div {
                display: block;
                
                &.caption-text-1 {
                  font-size: 2.7vw;
                  font-weight: 800;
                  margin-top: .9vw;
                  text-transform: capitalize;
                }
                
                &.caption-text-2 {
                  font-size: 2.2vw;
                  line-height: 1;
                  text-transform: capitalize;
                }
              }
            }
          }
        }
      }
    }
    
    div#content.container,
    div.container {
      padding: 0;
      padding-bottom: 0;
      max-width: unset !important;
      
      .container {
        padding: 0;
        max-width: unset;
      }
      
      #content-inner {
        padding: 1vw 0 0;
      }
        
      #content-primary {
        padding: 0;
        padding-top: 0;
      }
      
      div.carousel {
        img {
          height: auto;
          width: 100%;
        }
      }
      
      h1, .h1 {
        font-size: 2vw;
      }
      
      h2.tr-page-title {
        display:none;
      }
      
      h4, .h4 {
        color: var(--zero-blue);
        font-size: 3vw;
        font-weight: 800;
      }
      
      h5, .h5 {
        font-size: 1.6vw;
      }
      
      h6, .h6 {
        font-size: 1.85vw;
      }
      
      .narrow {
        padding: 5% 10%;
      }
      
      .narrow-2 {
        padding: 5% 15%;
      }
      
      .narrower {
        padding: 5% 20%;
      }
      
      .col-sm-12 {
        padding: 0;
      }
      
      section#landing-page-hero-slides-and-ctas {
        position: relative;
        
        div#slide-ctas {
          align-items: center;
          display: flex;
          flex-direction: column;
          left: 50%;
          position: absolute;
          top: 21%;
          transform: translate(-50%, 0);
          
          div#top-cta-title {
            img {
              width: 25vw;
            }
          }
          
          div#bottom-cta-copy {
            img {
              width: 50vw;
            }
          }
          
          div#top-cta-title, div#bottom-cta-copy, div#cta-buttons-desktop {
            display: flex;
            justify-content: center;
            
            a.btn {
              color: var(--zero-white);
              font-size: 1.3vw;
              font-weight: 800;
              letter-spacing: .04vw;
              padding: 1.5vw;
              text-align: center;
              text-transform: uppercase;
              width: 18vw;
              
              &.start {
                margin-right: 1vw;
              }
              
              &.donate {
                margin-left: 1vw;
              }
            }
          }
        }
      }
      
      div#call-to-action {
        padding: .75% .5%;
        
        div#cta-container {
          padding: 0;
          
          div {
            a.button,
            a.link {
              box-shadow: none;
              font-size: 1.2vw;
              padding: 6% 0;
            }
          }
        }
      }
      
      div#meterRow {
        display: none;
      }
      
      h1.intro {
        padding-top: 1.5%;
        text-align: center;
      }
      
      p.intro {
        font-size: 1.16vw !important;
        line-height: 1.5;
        padding: .5% 16.5%;
      }
      
      section#progress {
        display: flex;
        margin-top: 3%;
        
        div.progressDiv {
          align-items: center;
          display: flex;
          flex-direction: column;
          height: 33.33vw;
          justify-content: flex-end;
          width: 33.33vw;
          
          &.raised {
            background: var(--zero-dark-blue) url('http://support.zerocancer.org/images/content/pagebuilder/Berkeley-Shirt-with-Dog.png') 0% 0% no-repeat;
            background-size: cover;
          }
          
          &.percentageOfGoal {
            justify-content: center;
            position: relative;
            height: 100%;
            
            div.progressFillContainer {
              border: 1px solid var(--zero-yellow);
              position: absolute;
              top: 22.5%;
              width: 100%;
              height: 54.5%;
              
              div.progressFill {
                background-color: var(--zero-yellow);
                bottom: 0;
                height: 0;
                left: 0;
                position: absolute;
                max-height: 100% !important;
                width: 100%;
              }
            }
            
            img {
              height: 33.33vw;
              width: 100%;
              z-index: 1;
            }
            
            span {
              display: block;
              font-size: 1.98vw;
              position: absolute;
              top: 11%;
              z-index: 2;
            }
          }
          
          &.goal {
            background: var(--zero-dark-blue) url('http://support.zerocancer.org/images/content/pagebuilder/Thumbs-up-with-mustache.png') 0% 0% no-repeat;
            background-size: cover;
          }
          
          span {
            color: var(--zero-white);
            font-size: 1.6vw;
            font-weight: 600;
            
            &.amount {
              color: var(--zero-yellow);
              font-size: 2.5vw;
              font-weight: 800;
              margin-bottom: 7%;
            }
          }
        }
      }
      
      div.side-bar {
        display: none !important;
      }
      
      div#content-secondary {
        background-color: var(--zero-grey);
        float: none;
        padding: 5% 10%;
        
        div.row {
          display: flex;
          justify-content: space-between;
          
          div.col-sm-6 {
            padding: 0;
            width: 40%;
        
          div#section-participant-search,
          div#section-team-search {
            h2 {
              font-size: 1.8vw;
              margin: 0;
              padding: 2% 0;
              text-transform: capitalize;
            }
            
            form {
              input[type="text"] {
                background-color: var(--zero-white);
                border: 1px solid var(--zero-dark-grey);
                border-radius: 0 !important;
                font-size: 1vw;
                height: 2.5vw;
                margin-bottom: 2%;
                padding: 3.5%;
              }
              
              button {
                align-items: center;
                background-color: var(--zero-dark-blue) !important;
                box-shadow: none;
                color: var(--zero-yellow);
                display: flex;
                height: 2.495vw;
                justify-content: center;
                top: 0;
                width: 2.495vw;
                
                span.glyphicon {
                  font-size: 1.4vw;
                  transform: scaleX(-1);
                }
              }
            }
          }
        }
      }
    }
      
      section#HowItWorksCta {
        text-align: center;
        
        h4 {
          margin-bottom: 30px;
        }
        
        div#CTAs {
          display: flex;
          justify-content: space-between;
          
          div.HowItWorksCtaBlock {
            &.create {
              img {
                width: 4.5vw;
              }
            }
            
            &.ask {
              img {
                width: 6vw;
              }
            }
            
            &.support {
              img {
                width: 5vw;
              }
            }
            
            h5 {
              color: var(--zero-blue);
              font-weight: 800;
              margin-top: 1vw;
            }
            
            p {
              font-size: 1.4vw !important;
            }
          }
        }
      }
      
      div#statisticsImage,
      div#statisticsImage-2 {
        position: relative;
        width: 100%;
        
        img {
          width: 100%;
        }
        
        div#statisticsCallout,
        div#statisticsCallout-2 {
          background: var(--zero-dark-blue-opacity);
          color: var(--zero-white);
          left: 11.5vw;
          padding: 2.5vw 3.5vw;
          position: absolute;
          top: 25%;
          width: 37vw;
          
          h4 {
            color: var(--zero-white);
            font-size: 2.4vw;
            margin-bottom: 1.4vw;
          }
          
          h5 {
            font-weight: 800;
          }
          
          p {
            font-size: 1.1vw !important;
            margin-bottom: 1.2vw;
          }
        }
        
        div#statisticsCallout-2 {
          left: 11vw;
          top: 16%;
          
          h4 {
            font-size: 1.6vw;
          }
        }
      }
      
      section#quote,
      section#quote-2 {
        align-items: flex-start;
        display: flex;
        
        div.quoteMark {
          &.start {
            padding-right: 25px;
          }
          &.end {
            padding-left: 25px;
          }
          
          img {
            width: 3vw;
          }
        }
        
        div#quoteText {
          color: var(--zero-dark-blue);
          font-size: 1.27vw;
          font-weight: 800;
          
          p.attribution {
            font-weight: 400;
            margin-top: 15px;
          }
        }
      }
      
      section#getInspired {
        background-color: var(--zero-blue);
        text-align: center;
        
        .getInspiredTitle {
          color: var(--zero-white);
          font-size: 2.5vw;
          margin-bottom: 2.8vw;
        }
        
        div#inspirationalFundraisers {
          display: flex;
          justify-content: space-between;
          
          div.fundraiserImageBox {
            height: 24%;
            overflow: hidden;
            position: relative;
            width: 24%;
            
            a {
              img {
                height: auto;
                position: relative;
                transition: height .2s ease-in-out;
                width: 100%;
              }
              
              p.reveal {
                background: var(--zero-grey-opacity);
                bottom: 0;
                height: 0;
                margin: 0;
                overflow: hidden;
                padding: 0;
                position: absolute;
                transition: height .1s ease-in-out;
                width: 100%;
              }
              
              &:hover {
                img {
                  transform: scale(1.1);
                }
                
                p.reveal {
                  font-weight: 800;
                  height: auto;
                  padding: 0.5vw;
                }
              }
            }
          }
        }
      }
      
      section#growWithUs {
        margin-top: 7%;
        
        &.no-leaderboards {
          margin-top: 0;
        }
        
        div#growWithUsHeader {
          background-color: var(--zero-light-blue);
          padding: 3% 0;
          text-align: center;
          
          h4 {
            color: var(--zero-white);
            display: block;
            font-size: 2.2vw;
            font-weight: 800;
            margin-bottom: 1.9%;
          }
          
          div#growWithUsButtons {
            align-items: center;
            display: flex;
            justify-content: center;
            
            a {
              color: var(--zero-black);
              font-size: 1.4vw;
              font-weight: bold;
              padding: 1% 5.2%;
              text-transform: uppercase;
            }
          }
        }
      }
      
      section#growAndGiveLegends {
        background-color: var(--zero-baby-blue);
        padding: 5% 10% 6%;
        text-align: center;
        
        h4 {
          color: var(--zero-dark-blue);
          font-size: 2.1vw;
          margin: 1% 0 5%;
        }
        
        div#legendCtas {
          border-bottom: 1% solid var(--zero-yellow);
          display: flex;
          justify-content: space-between;
          
          div.legendCta {
            border-bottom: .4vw solid transparent;
            height: 18%;
            position: relative;
            transition: border-bottom .2s ease-in-out;
            width: 18%;
            
            img {
              height: 100%;
              width: 100%;
            }
            
            div.blueCover {
              background-color: var(--zero-dark-blue);
              bottom: 0;
              left: 0;
              position: absolute;
              right: 0;
              opacity: 0;
              top: 0;
              transition: opacity .2s ease-in-out;
            }
            
            div.legendCtaCopy {
              bottom: 2%;
              color: var(--zero-white);
              font-weight: bold;
              left: 6%;
              justify-self: flex-end;
              position: absolute;
              opacity: 0;
              text-align: left;
              transition: opacity .2s ease-in-out;
            }
            
            &:hover {
              border-bottom: .4vw solid var(--zero-yellow);
              
              div.blueCover {
                opacity: .85;
              }
              
              div.legendCtaCopy {
                opacity: 1;
                
                div.legendCtaText {
                  font-size: .95vw;
                  
                  p {
                    font-size: .95vw !important;
                  }
                }
                
                div.legendCtaRaised {
                  font-size: .8vw;
                  margin: .5vw 0;
                }
              }
            }
          }
        }
      }
    }
    
    div#leaderboards {
      padding: 4% 10%;
      
      div.toplist {
        
        h4 {
          background-color: var(--zero-light-blue);
          color: var(--zero-white);
          font-size: 1.6vw;
          font-weight: 600;
          padding: 2% 0;
        }
        
        div.list {
          div.donor-list-indicator-container {
            div.indicator-container {
              div.indicator-list-row {
                div.list-name-container {
                  span.badge-icon {
                    
                  }
                  
                  span.display-name {
                    a.indicator-link {
                      font-size: 1.2vw;
                    }
                  }
                }
                
                div.list-value-container {
                  font-size: 1.2vw;
                }
              }
            }
          }
        }
      }
    }
  }
}

div#statisticsHeaders {
  display: flex;
  
  div.statisticsHeader {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 3% 0 5%;
    width: 50%;
    
    h6 {
      color: var(--zero-white);
      margin-bottom: 2%;
    }
    
    &.header-1 {
      background: transparent url('http://support.zerocancer.org/images/content/pagebuilder/typistBackground.png') 0% 0% no-repeat;
      background-size: cover;
    }
    
    &.header-2 {
      background: transparent url('http://support.zerocancer.org/images/content/pagebuilder/facebookBackground.png') 0% 0% no-repeat;
      background-size: cover;
    }
    
    .btn {
      color: var(--zero-dark-blue);
      font-size: 1.6vw;
      font-weight: 800;
      padding: .9vw 1.9vw;
      text-transform: uppercase;
    }
  }
}

div.modal {
  left: 50vw;
  overflow: hidden !important;
  transform: translate(-25vw, 0);
  top: 0;
  
  div.modal-dialog {
    margin: 3vw 0 0;
    width: auto;
    
    div.modal-content {
      width: 50vw;
      
      div.modal-header {
        background-color: var(--zero-blue);
        border-bottom: none;
        color: var(--zero-white);
        padding: 1vw 0;
        position: relative;
        text-align: center;
        
        .modal-title {
          text-transform: uppercase;
        }
        
        button.close {
          color: var(--zero-white);
          /* display: none; */
          opacity: .7;
          position: absolute;
          right: .5vw;
          top: .5vw;
        }
      }
      
      div.modal-body {
        display: none;
      }
      
      div.modal-footer {
        align-items: center;
        border-top: none;
        display: flex;
        justify-content: space-evenly;
        margin-top: 0;
        padding: 3vw 0;
        text-align: unset;
        
        a:visited, a:link, a:active, div.responsive a:visited, div.responsive a:link, div.responsive a:active {
          &.btn.yellow {
            color: var(--zero-dark-blue);
            font-size: 1.2vw;
            font-weight: 800;
            margin: 0;
            text-transform: uppercase;
          }
        }
      }
    }
  }
}

div#footer {
  background-color: unset;
  background-image: none;
  border-top: .7vw solid var(--zero-dark-blue);
  color: var(--zero-black);
  margin-top: 0;
  padding-top: 1vw;
  
  a {
    text-decoration: none;
  }
  
  #footerTop {
    background-color: var(--zero-white);
    margin-bottom: 20px;
    margin-top: 0;
    text-align: left;
    
    #footerLogoAndNav {
      align-items: flex-start;
      display: flex;
      justify-content: space-between;
      padding: 0 10%;
      
      a.footerLogoLink {
        display: block;
        
        img {
          margin-top: 7px;
          width: 11vw;
        }
      }
        
      nav#footernav {
        align-items: center;
        display: flex;
        font-size: 1vw;
        justify-content: flex-end;
        
        a {
          color: var(--zero-blue);
          font-size: 1vw;
          font-weight: 600;
          margin: 0 1.2vw 0 1.4vw;
          text-transform: uppercase;
          
          &:hover:not(.donate) {
            border-bottom: .25vw solid var(--zero-yellow);
            position: relative;
            top: .125vw;
          }
          
          &.donate {
            background-color: var(--zero-yellow);
            color: var(--zero-black);
            margin: 0 0 0 1.4vw;
            padding: 1vw 2vw;
          }
          
          &:hov {
            text-decoration: none;
          }
        }
      }
    }
    
    #footerContactAndSocials {
      display: flex;
      font-size: 16px;
      justify-content: flex-end;
      margin-top: 40px;
      padding: 0 10%;
      
      #footerContactInfo {
        width: 40%;
        
        p {
          font-size: 1.1vw !important;
          line-height: 1.5vw;
          margin: 0 0 1.8vw;
          
          &.tighten {
            line-height: 1.4vw;
          }
        }
        
        a {
          color: var(--zero-black);
        }
      }
      
      nav.footer-block-social {
        display: flex;
        justify-content: flex-end;
        width: 60%;
        
        div.justify-flex-end {
          span#socialIconHeading {
            display: block;
            font-size: 1.1vw;
            margin-bottom: .6vw;
          }
          
          ul {
            display: flex;
            list-style: none;
            padding-inline-start: 0;
            
            li {
              margin-right: 12px;
              
              &:last-of-type {
                margin-right: 0;
              }
              
              a:visited, a:link, a:active, div.responsive a:visited, div.responsive a:link, div.responsive a:active {
                align-items: center;
                display: flex;
                background-color: var(--zero-social-blue);
                height: 2.9vw;
                justify-content: center;
                width: 2.9vw;
                
                i {
                  color: var(--zero-white);
                  font-size: 1.4vw;
                }
              }
            }
          }
        }
      }
    }
  }
      
  #block-zero-footer-logos {
    background: transparent url('http://support.zerocancer.org/images/content/pagebuilder/Rectangle_28_smaller.png') 0% 0% no-repeat;
    background-size: cover;
    padding: 30px 0;
    
    div.inner {
      padding: 0 10%;
      
      div.footer-logos-container {
        align-items: center;
        display: flex;
        justify-content: space-between;
        
        h4.heading-blue {
          color: var(--zero-dark-blue);
          font-size: 1.3vw;
          white-space: nowrap;
        }
        
        div.footer-logos-items {
          align-items: center;
          display: flex;
          
          div.footer-logos-items-url {
            margin-left: 2.2vw;
            
            &:last-of-type {
              margin-right: -1vw; /* Adjust for shadow on NTP logo */
            }
            
            img.bbb {
              height: 3vw;
              width: 7vw;
            }
            
            img.charity-navigator {
              height: 7vw;
              width: 7vw;
            }
            
            img.charity-navigator {
              height: 7vw;
              width: 7vw;
            }
            
            img.platinum-transparency {
              height: 7vw;
              width: 7vw;
            }
            
            img.great-nonprofits {
              height: 5.2vw;
              width: 7vw;
            }
            
            img.npt {
              height: 5.3vw;
              width: 7vw;
            }
          }
        }
      }
    }
  }
  
  #block-zero-legal-footer {
    background-color: var(--zero-dark-blue);
    color: var(--zero-white);
    font-size: .95vw;
    padding: 1% 0;
    
    div.inner {
      align-items: center;
      display: flex;
      justify-content: space-between;
      padding: 0 10%;
      
      div.footer-copyright-color {}
      
      div.footer-copyright-container {
        nav {
          align-items: center;
          display: flex;
          justify-content: flex-end;
          
          a:visited, a:link, a:active, div.responsive a:visited, div.responsive a:link, div.responsive a:active {
            color: var(--zero-white);
            font-size: .95vw;
            margin-left: 2vw;
          }
        }
      }
    }
  }
}

@media screen and (max-width: 1250px) {
  div#header {
    div.container-fluid {
      div.navbar.row {
        .navbar-header {
          h1#logo {
            a {
              img {
                width: 20vw;
              }
            }
          }
        }
        
        div.pull-right {
          div#header-nav {
            div#utility {
              div.profile-info.desktop-only {
                form#LogonForm {
                  button.btn.btn-success {
                    font-size: 1.5vw;
                  }
                }
              }
            }
            
            div#nav {
              ul.nav.navbar-nav {
                flex-wrap: wrap;
              }
            }
          }
        }
      }
    }
  }
  
  /* Change logo size based on classification of event */
  body[class*="classification-Grow and Give"] {
    h1#logo {
      a {
        img {
          width: 20vw !important;
        }
      }
    }
  }
  
  /* ChooseFundraiserType section.  reus_fyow_register */
  section#ChooseFundraiserType {
    background: transparent url('http://support.zerocancer.org/images/content/pagebuilder/Rectangle_7.png') center center no-repeat;
    background-size: cover;
    padding: 4vw;
    margin-bottom: 5%;
    text-align: center;
    
    h4 {
      color: var(--zero-blue);
      font-size: 3vw;
    }
    
    h6.seeExamplesTitle {
      color: var(--zero-dark-blue);
      font-size: 1.85vw;
      margin: 40px 0 20px;
      
      i {
        font-size: 1.5vw;
      }
    }
    
    div#ChooseFundraiserTypeCtaBlocks {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin-bottom: 4.8%;
    }
      
    div.ChooseFundraiserTypeCtaBlock {
      margin: 30px 0;
      position: relative;
      
      a {
        left: 0;
        display: block;
        position: relative;
        top: 0;
        
        div.imageContainer {
          left: 0;
          height: 41vw;
          position: relative;
          overflow: hidden;
          text-align: center;
          top: 0;
          width: 38vw;
          
          img {
            height: auto;
            position: relative;
            transition: transform .2s ease-in-out;
            width: 100%;
            
            &:hover {
              transform: scale(1.1);
            }
          }
        }
        
        div.imageHeader {
          align-items: center;
          background-color: var(--zero-blue);
          color: var(--zero-white);
          display: flex;
          font-size: 2.2vw;
          font-weight: 800;
          justify-content: center;
          left: 0;
          line-height: 1.2;
          height: 20%;
          position: absolute;
          top: 0;
          width: 38vw;
        }
        
        span {
          border-bottom: .2vw solid transparent;
          border-width: 0;
          /* bottom: -.8vw; */
          font-size: 2.1vw;
          font-weight: 800;
          left: 56%;
          /* right: -.8vw; */
          padding: .5vw 1.25vw;
          position: absolute;
          transition: border-bottom .2s ease-in-out;
          top: 90.5%;
          
          &:hover {
            border-bottom: 3px solid var(--zero-blue);
          }
          
          i {
            color: var(--zero-blue);
          }
        }
      }
      
      &.full-width {
        margin-top: 4%;
        
        a {
          div.imageContainer {
            height: auto;
            width: 100%;
          }
          
          div.imageHeader {
            height: 26%;
            padding: .5% 0;
            width: 100%;
          }
            
          span {
            left: 79%;
            top: 80.5%;
          }
        }
      }
      
      &.no-header-overlap {
        div.imageContainer {
          padding-top: 6.9%;
        }
      }
    }
  }
  
  div#statisticsHeaders {
    display: flex;
    
    div.statisticsHeader {
      align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 3% 0 5%;
      width: 50%;
      
      h6 {
        color: var(--zero-white);
        font-size: 2.6vw;
        margin-bottom: 2%;
      }
      
      &.header-1 {
        background: transparent url('http://support.zerocancer.org/images/content/pagebuilder/typistBackground.png') 0% 0% no-repeat;
        background-size: cover;
      }
      
      &.header-2 {
        background: transparent url('http://support.zerocancer.org/images/content/pagebuilder/facebookBackground.png') 0% 0% no-repeat;
        background-size: cover;
      }
      
      .btn {
        color: var(--zero-dark-blue);
        font-size: 2.6vw;
        font-weight: 800;
        padding: .9vw 1.9vw;
        text-transform: uppercase;
      }
    }
  }
  
  body[class*="pagename-Fundraise_Your_Way"],
  body.pg-entry[class*="classification-Grow and Give"] {
    div#page {
      div#media {
        ul#carousel-main {
          li {
            div.caption {
              &.absolute.center {
                left: 50%;
                position: absolute;
                top: 47%;
                transform: translateX(-50%) translateY(-50%);
              }
              
              &.style-1 {
                background-color: var(--zero-dark-blue);
                border: .3vw solid var(--zero-yellow);
                color: var(--zero-white);
                height: 11.8vw;
                width: 33vw;
                
                div {
                  display: block;
                  
                  &.caption-text-1 {
                    font-size: 3.7vw;
                    font-weight: 800;
                    margin-top: .9vw;
                    text-transform: capitalize;
                  }
                  
                  &.caption-text-2 {
                    font-size: 3.2vw;
                    line-height: 1;
                    text-transform: capitalize;
                  }
                }
              }
            }
          }
        }
      }
      
      div#content.container,
      div.container {
        padding: 0;
        padding-bottom: 0;
        max-width: unset !important;
        
        .container {
          padding: 0;
          max-width: unset;
        }
        
        #content-inner {
          padding: 1vw 0 0;
        }
          
        #content-primary {
          padding: 0;
          padding-top: 0;
        }
        
        div.carousel {
          img {
            height: auto;
            width: 100%;
          }
        }
        
        h1, .h1 {
          font-size: 4vw;
        }
        
        h2.tr-page-title {
          display:none;
        }
        
        h4, .h4 {
          color: var(--zero-blue);
          font-size: 4vw;
          font-weight: 800;
        }
        
        h5, .h5 {
          font-size: 1.6vw;
        }
        
        h6, .h6 {
          font-size: 2.85vw;
        }
        
        .narrow {
          padding: 5% 10%;
        }
        
        .narrow-2 {
          padding: 5% 15%;
        }
        
        .narrower {
          padding: 5% 20%;
        }
        
        .col-sm-12 {
          padding: 0;
        }
        
        section#landing-page-hero-slides-and-ctas {
          position: relative;
          
          div#slide-ctas {
            align-items: center;
            display: flex;
            flex-direction: column;
            left: 50%;
            position: absolute;
            top: 21%;
            transform: translate(-50%, 0);
            
            div#top-cta-title {
              img {
                width: 30vw;
              }
            }
            
            div#bottom-cta-copy {
              img {
                width: 60vw;
              }
            }
            
            div#top-cta-title, div#bottom-cta-copy, div#cta-buttons-desktop {
              display: flex;
              justify-content: center;
              
              a.btn {
                color: var(--zero-white);
                font-size: 2vw;
                font-weight: 800;
                letter-spacing: .04vw;
                padding: 1.5vw;
                text-align: center;
                text-transform: uppercase;
                width: 25vw;
                
                &.start {
                  margin-right: 1vw;
                }
                
                &.donate {
                  margin-left: 1vw;
                }
              }
            }
          }
        }
        
        div#call-to-action {
          padding: .75% .5%;
          
          div#cta-container {
            flex-wrap: wrap;
            padding: 0;
            
            div {
              padding: 1.5vw;
              width: 50%;
              
              a.button,
              a.link {
                box-shadow: none;
                font-size: 2.2vw;
                padding: 6% 0;
              }
            }
          }
        }
        
        div#meterRow {
          display: none;
        }
        
        h1.intro {
          padding-top: 1.5%;
          text-align: center;
        }
        
        p.intro {
          font-size: 2.16vw !important;
          line-height: 1.5;
          padding: .5% 12%;
        }
        
        section#progress {
          display: flex;
          margin-top: 3%;
          
          div.progressDiv {
            align-items: center;
            display: flex;
            flex-direction: column;
            height: 33.33vw;
            justify-content: flex-end;
            width: 33.33vw;
            
            &.raised {
              background: var(--zero-dark-blue) url('http://support.zerocancer.org/images/content/pagebuilder/Berkeley-Shirt-with-Dog.png') 0% 0% no-repeat;
              background-size: cover;
            }
            
            &.percentageOfGoal {
              justify-content: center;
              position: relative;
              height: 100%;
              
              div.progressFillContainer {
                border: 1px solid var(--zero-yellow);
                position: absolute;
                top: 22.5%;
                width: 100%;
                height: 54.5%;
                
                div.progressFill {
                  background-color: var(--zero-yellow);
                  bottom: 0;
                  height: 0;
                  left: 0;
                  position: absolute;
                  max-height: 100% !important;
                  width: 100%;
                }
              }
              
              img {
                height: 33.33vw;
                width: 100%;
                z-index: 1;
              }
              
              span {
                display: block;
                font-size: 3vw;
                position: absolute;
                top: 7%;
                z-index: 2;
              }
            }
            
            &.goal {
              background: var(--zero-dark-blue) url('http://support.zerocancer.org/images/content/pagebuilder/Thumbs-up-with-mustache.png') 0% 0% no-repeat;
              background-size: cover;
            }
            
            span {
              color: var(--zero-white);
              font-size: 3vw;
              font-weight: 600;
              
              &.amount {
                color: var(--zero-yellow);
                font-size: 3.8vw;
                font-weight: 800;
                margin-bottom: 7%;
              }
            }
          }
        }
        
        div.side-bar {
          display: none !important;
        }
        
        div#content-secondary {
          background-color: var(--zero-grey);
          float: none;
          padding: 5% 10%;
          
          div.row {
            display: flex;
            justify-content: space-between;
            
            div.col-sm-6 {
              padding: 0;
              width: 45%;
          
            div#section-participant-search,
            div#section-team-search {
              h2 {
                font-size: 2.8vw;
                margin: 0;
                padding: 2% 0;
                text-transform: capitalize;
              }
              
              form {
                input[type="text"] {
                  background-color: var(--zero-white);
                  border: 1px solid var(--zero-dark-grey);
                  border-radius: 0 !important;
                  font-size: 2vw;
                  height: 4.5vw;
                  margin-bottom: 2%;
                  padding: 3.5%;
                }
                
                span.input-group-btn {
                  padding-top: 1px;
                  
                  button {
                    align-items: center;
                    background-color: var(--zero-dark-blue) !important;
                    box-shadow: none;
                    color: var(--zero-yellow);
                    display: flex;
                    height: 4.3vw;
                    justify-content: center;
                    top: 0;
                    width: 4.3vw;
                    
                    span.glyphicon {
                      font-size: 2.4vw;
                      transform: scaleX(-1);
                    }
                  }
                }
              }
            }
          }
        }
      }
        
        section#HowItWorksCta {
          text-align: center;
          
          h4 {
            margin-bottom: 30px;
          }
          
          div#CTAs {
            display: flex;
            justify-content: space-between;
            
            div.HowItWorksCtaBlock {
              &.create {
                img {
                  width: 12vw;
                }
              }
              
              &.ask {
                img {
                  width: 15.7vw;
                }
              }
              
              &.support {
                img {
                  width: 13vw;
                }
              }
              
              h5 {
                color: var(--zero-blue);
                font-weight: 800;
                margin-top: 1vw;
              }
              
              p {
                font-size: 1.4vw !important;
              }
            }
          }
        }
        
        div#statisticsImage,
        div#statisticsImage-2 {
          position: relative;
          width: 100%;
          
          img {
            width: 100%;
          }
          
          div#statisticsCallout,
          div#statisticsCallout-2 {
            background: var(--zero-dark-blue-opacity);
            color: var(--zero-white);
            left: 0;
            padding: 2.5vw 3.5vw;
            position: relative;
            top: 25%;
            width: 100vw;
            
            h4 {
              color: var(--zero-white);
              font-size: 3.4vw;
              margin-bottom: 2.4vw;
            }
            
            h5 {
              font-size: 2.6vw;
              font-weight: 800;
            }
            
            p {
              font-size: 2.2vw !important;
              margin-bottom: 2.2vw;
            }
          }
          
          div#statisticsCallout-2 {
            left: 0;
            top: 16%;
            
            h4 {
              font-size: 1.6vw;
            }
            
            ul {
              li {
                font-size: 2.2vw !important;
              }
            }
          }
        }
        
        div#statisticsImage-2 {
          h4.medium-only {
            color: var(--zero-white);
            display: block;
            left: 6vw;
            line-height: 1.5;
            font-size: 4vw !important;
            position: absolute;
            top: 11vw;
            width: 37vw;
          }
          
          div#statisticsCallout-2 {
            h4 {
              display: none;
            }
          }
        }
        
        section#quote,
        section#quote-2 {
          align-items: flex-start;
          display: flex;
          
          div.quoteMark {
            &.start {
              padding-right: 25px;
            }
            &.end {
              padding-left: 25px;
            }
            
            img {
              width: 3vw;
            }
          }
          
          div#quoteText {
            color: var(--zero-dark-blue);
            font-size: 2.27vw;
            font-weight: 800;
            
            p.attribution {
              font-weight: 400;
              margin-top: 15px;
            }
          }
        }
        
        section#getInspired {
          background-color: var(--zero-blue);
          text-align: center;
          
          .getInspiredTitle {
            color: var(--zero-white);
            font-size: 3.5vw;
            margin-bottom: 2.8vw;
          }
          
          div#inspirationalFundraisers {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            
            div.fundraiserImageBox {
              height: 47%;
              margin-bottom: 6%;
              overflow: hidden;
              position: relative;
              width: 47%;
              
              a {
                img {
                  height: auto;
                  position: relative;
                  transition: height .2s ease-in-out;
                  width: 100%;
                }
                
                p.reveal {
                  background: var(--zero-grey-opacity);
                  bottom: 0;
                  height: 0;
                  margin: 0;
                  overflow: hidden;
                  padding: 0;
                  position: absolute;
                  transition: height .1s ease-in-out;
                  width: 100%;
                }
                
                &:hover {
                  img {
                    transform: scale(1.1);
                  }
                  
                  p.reveal {
                    font-weight: 800;
                    height: auto;
                    padding: 0.5vw;
                  }
                }
              }
            }
          }
        }
        
        section#growWithUs {
          
          div#growWithUsHeader {
            background-color: var(--zero-light-blue);
            padding: 3% 0;
            text-align: center;
            
            h4 {
              color: var(--zero-white);
              display: block;
              font-size: 3.2vw;
              font-weight: 800;
              margin-bottom: 1.9%;
            }
            
            div#growWithUsButtons {
              align-items: center;
              display: flex;
              justify-content: center;
              
              a {
                color: var(--zero-black);
                font-size: 2.4vw;
                font-weight: bold;
                padding: 1% 5.2%;
                text-transform: uppercase;
              }
            }
          }
        }
        
        section#growAndGiveLegends {
          background-color: var(--zero-baby-blue);
          padding: 5% 10% 6%;
          text-align: center;
          
          h4 {
            color: var(--zero-dark-blue);
            font-size: 4.1vw;
            margin: 1% 0 5%;
          }
          
          div#legendCtas {
            border-bottom: 1% solid var(--zero-yellow);
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            
            div.legendCta {
              border-bottom: .4vw solid transparent;
              height: 31.5%;
              position: relative;
              margin-bottom: 2.25%;
              transition: border-bottom .2s ease-in-out;
              width: 31.5%;
              
              &.medium-only {
                display: flex;
                
                &.filler {
                  align-items: center;
                  color: var(--zero-white);
                  background-color: var(--zero-dark-blue);
                  font-size: 3vw;
                  height: 23.7vw;
                  justify-content: center;
                  
                  p {
                    font-size: 3vw !important;
                  }
                }
              }
              
              img {
                height: 100%;
                width: 100%;
              }
              
              div.blueCover {
                background-color: var(--zero-dark-blue);
                bottom: 0;
                left: 0;
                position: absolute;
                right: 0;
                opacity: 0;
                top: 0;
                transition: opacity .2s ease-in-out;
              }
              
              div.legendCtaCopy {
                bottom: 2%;
                color: var(--zero-white);
                font-weight: bold;
                left: 6%;
                justify-self: flex-end;
                position: absolute;
                opacity: 0;
                text-align: left;
                transition: opacity .2s ease-in-out;
              }
              
              &:hover {
                border-bottom: .4vw solid var(--zero-yellow);
                
                div.blueCover {
                  opacity: .85;
                }
                
                div.legendCtaCopy {
                  opacity: 1;
                  
                  div.legendCtaText {
                    font-size: 1.95vw;
                    
                    p {
                      font-size: 1.95vw !important;
                    }
                  }
                  
                  div.legendCtaRaised {
                    font-size: 1.8vw;
                    margin: .5vw 0;
                  }
                }
              }
            }
            
            div.legendCta.filler.medium-only {
              p {
                font-size: 3vw !important;
              }
            }
          }
        }
      }
      
      div#leaderboards {
        padding: 4% 10%;
        
        div.toplist {
          
          h4 {
            background-color: var(--zero-light-blue);
            color: var(--zero-white);
            font-size: 1.6vw;
            font-weight: 600;
            padding: 2% 0;
          }
          
          div.list {
            div.donor-list-indicator-container {
              div.indicator-container {
                div.indicator-list-row {
                  div.list-name-container {
                    span.badge-icon {
                      
                    }
                    
                    span.display-name {
                      a.indicator-link {
                        font-size: 1.2vw;
                      }
                    }
                  }
                  
                  div.list-value-container {
                    font-size: 1.2vw;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
  
  div#footer {
    background-color: unset;
    background-image: none;
    border-top: .7vw solid var(--zero-dark-blue);
    color: var(--zero-black);
    margin-top: 0;
    padding-top: 1vw;
    
    a {
      text-decoration: none;
    }
    
    #footerTop {
      background-color: var(--zero-white);
      margin-bottom: 20px;
      margin-top: 0;
      text-align: left;
      
      #footerLogoAndNav {
        align-items: flex-start;
        display: flex;
        justify-content: space-between;
        padding: 0 10%;
        
        a.footerLogoLink {
          display: block;
          
          img {
            margin-top: 7px;
            width: 15vw;
          }
        }
          
        nav#footernav {
          align-items: center;
          display: flex;
          flex-wrap: wrap;
          font-size: 2vw;
          justify-content: flex-end;
          
          a {
            color: var(--zero-blue);
            font-size: 1.8vw;
            font-weight: 600;
            margin: 0 0 0 3vw;
            text-transform: uppercase;
            white-space: nowrap;
            
            &:hover:not(.donate) {
              border-bottom: .25vw solid var(--zero-yellow);
              position: relative;
              top: .125vw;
            }
            
            &.donate {
              background-color: var(--zero-yellow);
              color: var(--zero-black);
              margin: 0 0 0 1.4vw;
              padding: 1vw 2vw;
            }
            
            &:hov {
              text-decoration: none;
            }
          }
        }
      }
      
      #footerContactAndSocials {
        display: flex;
        font-size: 16px;
        justify-content: flex-end;
        margin-top: 40px;
        padding: 0 10%;
        
        #footerContactInfo {
          width: 40%;
          
          p {
            font-size: 1.8vw !important;
            line-height: 2.1vw;
            margin: 0 0 1.8vw;
            
            &.tighten {
              line-height: 1.9vw;
            }
          }
          
          a {
            color: var(--zero-black);
          }
        }
        
        nav.footer-block-social {
          display: flex;
          justify-content: flex-end;
          width: 60%;
          
          div.justify-flex-end {
            span#socialIconHeading {
              display: block;
              font-size: 1.6vw;
              margin-bottom: .6vw;
            }
            
            ul {
              display: flex;
              list-style: none;
              padding-inline-start: 0;
              
              li {
                margin-right: 12px;
                
                &:last-of-type {
                  margin-right: 0;
                }
                
                a:visited, a:link, a:active, div.responsive a:visited, div.responsive a:link, div.responsive a:active {
                  align-items: center;
                  display: flex;
                  background-color: var(--zero-social-blue);
                  height: 3.5vw;
                  justify-content: center;
                  width: 3.5vw;
                  
                  i {
                    color: var(--zero-white);
                    font-size: 1.8vw;
                  }
                }
              }
            }
          }
        }
      }
    }
        
    #block-zero-footer-logos {
      background: transparent url('http://support.zerocancer.org/images/content/pagebuilder/Rectangle_28_smaller.png') 0% 0% no-repeat;
      background-size: cover;
      padding: 30px 0;
      
      div.inner {
        padding: 0 10%;
        
        div.footer-logos-container {
          display: flex;
          flex-direction: column;
          
          h4.heading-blue {
            color: var(--zero-dark-blue);
            font-size: 1.6vw;
            white-space: nowrap;
          }
          
          div.footer-logos-items {
            align-items: center;
            display: flex;
            margin-top: 2vw;
            
            div.footer-logos-items-url {
              margin-left: 2.2vw;
              
              &:last-of-type {
                margin-right: -1vw; /* Adjust for shadow on NTP logo */
              }
              
              img.bbb {
                height: 5vw;
                width: 8vw;
              }
              
              img.charity-navigator {
                height: 11vw;
                width: 11vw;
              }
              
              img.charity-navigator {
                height: 11vw;
                width: 11vw;
              }
              
              img.platinum-transparency {
                height: 11vw;
                width: 11vw;
              }
              
              img.great-nonprofits {
                height: 8vw;
                width: 11vw;
              }
              
              img.npt {
                height: 8vw;
                width: 11vw;
              }
            }
          }
        }
      }
    }
    
    #block-zero-legal-footer {
      background-color: var(--zero-dark-blue);
      color: var(--zero-white);
      font-size: 1.4vw;
      padding: 1% 0;
      
      div.inner {
        align-items: center;
        display: flex;
        flex-direction: column-reverse;
        justify-content: space-between;
        padding: 0 10%;
        
        div.footer-copyright-color {
          margin-top: 1.5vw;
        }
        
        div.footer-copyright-container {
          nav {
            align-items: center;
            display: flex;
            justify-content: flex-end;
            
            a:visited, a:link, a:active, div.responsive a:visited, div.responsive a:link, div.responsive a:active {
              color: var(--zero-white);
              font-size: 1.4vw;
              margin-left: 2vw;
            }
          }
        }
      }
    }
  }
}

@media screen and (max-width: 768px) {
  
  .desktop-only, div.desktop-only, img.desktop-only { display: none; }
  .medium-only, div.medium-only, img.medium-only {display: none !important; }
  .mobile-only, div.mobile-only, img.mobile-only {display: unset; }
  
  #header {
    padding: 5vw;
    
    .container-fluid {
      div.navbar.row {
        flex-wrap: wrap;
        
        .navbar-header {
          align-items: center;
          display: flex;
          flex-direction: row-reverse;
          justify-content: space-between;
          width: 100%;
          
          button.navbar-toggle {
            align-items: flex-end;
            display: flex;
            flex-direction: column;
            flex-grow: 1;
            float: none;
            margin: 0;
            padding: 0;
          }
          
          h1#logo {
            height: unset;
            a {
              height: unset;
              img {
                width: 20vw;
              }
            }
          }
        }
        
        .profile-info {
          form#LogonForm {
            align-items: center;
            display: flex;
            justify-content: center;
            margin: 0;
            margin-top: 2vw;
            padding: 0;
            
            .form-group {
              margin-bottom: 0;
            }
            
            button#button[type="submit"] {
              background-color: var(--zero-blue);
              box-shadow: none;
              color: var(--zero-white);
              margin: 0;
              margin-left: 1vw;
            }
          }
        }
        
        a.mobile-donate {
          font-size: 4vw;
          font-weight: 800;
          margin: 0;
          margin-top: 1vw;
          text-transform: uppercase;
          width: 100%;
        }
        
        div.pull-right {
          div#header-nav {
            width: 100%;
            
            div#utility {
              display: none;
            }
            
            div#nav.navbar-inverse {
              ul.nav.navbar-nav {
                flex-direction: column;
                margin-top: 3vw;
                
                li {
                  margin: 3vw 0;
                  
                  a {
                    font-size: 3.5vw;
                  }
                  
                  &:last-of-type {
                    display: none;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
  
  /* Change logo size based on classification of event */
  body[class*="classification-Grow and Give"] {
    h1#logo {
      a {
        img {
          width: 30vw !important;
        }
      }
    }
  }
  
  body {
    div#page {
      div#content.container {
        div#content-inner {
          div#content-primary {
            padding: 0;
          }
        }
        
        div#cta-container {
          flex-direction: column;
          
          div {
            width: 100%;
          }
        }
      }
    }
  }
  
  section#ChooseFundraiserType {
    h4 {
      font-size: 6.5vw
    }
    
    h6.seeExamplesTitle {
      font-size: 4.85vw;
      margin: 4vw 0 0;
      
      i {
        font-size:3.5vw;
      }
    }
    
    #ChooseFundraiserTypeCtaBlocks {
      flex-direction: column;
      margin-bottom: 0;
      
      div.ChooseFundraiserTypeCtaBlock {
        height: 91vw;
        
        a {
          div.imageContainer {
            height: 100%;
            width: 100%;
            
            img {
              height: 100%;
              width: 100%;
            }
          }
          
          div.imageHeader {
            font-size: 5.5vw;
            width: 100%;
          }
          
          span {
            left: 55%;
            font-size: 4.5vw;
            padding: 2vw 4vw;
            top: 90%;
          }
        }
      }
    }
  }
  
  body[class*="pagename-Fundraise_Your_Way"],
  body.pg-entry.fr-id-3450 {
    div#page {
      div#media {
        margin-bottom: 10vw;
        
        ul#carousel-main-mobile {
          li {
            div.caption {
              &.absolute.center {
                left: 50%;
                position: absolute;
                top: 50%;
                transform: translateX(-50%) translateY(-50%);
              }
              
              &.style-1 {
                background-color: var(--zero-dark-blue);
                border: 1vw solid var(--zero-yellow);
                color: var(--zero-white);
                height: 21vw;
                width: 48vw;
                
                div {
                  display: block;
                  
                  &.caption-text-1 {
                    font-size: 5.4vw;
                    font-weight: 800;
                    margin-top: 2.9vw;
                    text-transform: capitalize;
                  }
                  
                  &.caption-text-2 {
                    font-size: 4.4vw;
                    line-height: 1;
                    text-transform: capitalize;
                  }
                }
              }
            }
          }
        }
      }
      
      div#content.container,
      div.container {
        div.row {
          div.col-sm-12 {
            div#call-to-action {
              div#cta-container {
                padding: 0 5%;
                
                div.link {
                  a.button, a.link {
                    font-size: 5.6vw;
                    margin: 3% 0;
                    width: 100%;
                  }
                  
                  &.indv-reg,
                  &.donate-entry {
                    width: 100%;
                  }
                }
              }
            }
          }
        }
      }
      
      div#content.container {
        #content-inner {
          padding: 0;
          
          article#DIY-2024-Landing-Page {
            
            h4, .h4 {
              font-size: 6.5vw;
            }
            
            h5, .h5 {
              font-size: 5.5vw;
            }
            
            h6, .h6 {
              font-size: 4.85vw;
            }
            
            section#landing-page-hero-slides-and-ctas {
              div#mobile-hero {
                img {
                  width: 100vw;
                }
              }
              
              div#slide-ctas {
                top: 14%;
                
                div#top-cta-title {
                  img {
                    width: 60vw;
                  }
                }
                
                div#bottom-cta-copy {
                  bottom: 2vw;
                  position: relative;
                  
                  img {
                    width: 70vw;
                  }
                }
                
                div#cta-buttons-desktop {
                  display: none;
                }
              }
              
              div#cta-buttons-mobile {
                display: flex;
                justify-content: space-around;
                padding: 0 5%;
                width: 100%;
                
                a {
                  flex-grow: 1;
                  font-size: 4vw;
                  font-weight: bold;
                  text-transform: uppercase;
                }
              }
            }
            
            section#HowItWorksCta {
              div#CTAs {
                flex-direction: column;
                
                div.HowItWorksCtaBlock {
                  margin-bottom: 5vw;
                  
                  &.create, &.ask, &.support {
                    img {
                      width: 16.5vw;
                    }
                  }
                  
                  h5 {
                    margin-top: 2vw;
                  }
                  
                  p {
                    font-size: 4vw !important;
                  }
                }
              }
            }
            
            section#ChooseFundraiserType {
              #ChooseFundraiserTypeCtaBlocks {
                div.ChooseFundraiserTypeCtaBlock {
                  a {
                    span {
                      left: 53%;
                      top: 88%;
                    }
                  }
                }
              }
            }
              
            div#statisticsImage {
              div#statisticsCallout {
                background: var(--zero-dark-blue);
                left: 0;
                padding: 3.5vw 4vw;
                position: relative;
                text-align: center;
                top: 0;
                width: 100%;
                
                h4 {
                  font-size: 5.9vw;
                  margin-bottom: 2.5vw;
                }
                
                h5 {
                  font-size: 9.5vw;
                }
                
                p {
                  font-size: 4.5vw !important;
                  margin-bottom: 8vw;
                }
              }
            }
            
            section#quote {
              align-items: center;
              flex-direction: column;
              padding: 5vw 4vw;
              
              div.quoteMark {
                &.start {
                  margin-bottom: 5vw;
                  padding-right: unset;
                }
                
                &.end {
                  display: none;
                }
                
                img {
                  width: 10vw;
                }
              }
              
              div#quoteText, p.attribution {
                font-size: 5.27vw !important;
                font-weight: unset;
              }
            }
            
            section#getInspired {
              .getInspiredTitle {
                font-size: 6.5vw;
              }
              
              div#inspirationalFundraisers {
                flex-direction: column;
                
                div.fundraiserImageBox {
                  height: 100%;
                  width: 100%;
                  
                  a {
                    display: flex;
                    flex-direction: column;
                    text-align: left;
                    
                    img {
                      border-bottom: 2vw solid var(--zero-yellow);
                    }
                    
                    p.reveal {
                      background: transparent;
                      color: var(--zero-white);
                      font-size: 3.2vw !important;
                      font-weight: 800;
                      height: auto;
                      margin: 6vw 0 8vw 3vw;
                      position: relative;
                      width: auto;
                      
                      span.raisedAmount {
                        display: block;
                        font-weight: 400;
                        margin-top: 2.5vw;
                      }
                    }
                  }
                }
              }
            }
          }
          
          div#content-primary {
            div.tr-page-container {
              div.section-container {
                div.main-content {
                  div#entry_page_custom_html {
                    padding: 0;
                    margin-top: 5%;
                    max-height: unset;
                    
                    div#fr_html_container {
                      h1.intro {
                        font-size: 6.27vw;
                      }
                      
                      p.intro {
                        font-size: 4.5vw !important;
                        padding: 1% 5.2%;
                      }
                      
                      section#progress {
                        flex-direction: column;
                        margin-top: 8vw;
                        
                        div.progressDiv {
                          height: 65vw;
                          width: 100vw;
                          
                          &.raised {
                            background: var(--zero-dark-blue) url('http://support.zerocancer.org/images/content/pagebuilder/Berkeley-Shirt-with-Dog-Mobile.png') 0% 0% no-repeat;
                            background-size: cover;
                          }
                          
                          &.percentageOfGoal {
                            div.progressFillContainer {
                              height: 70%;
                              top: 19%;
                            }
                            
                            img {
                              height: auto;
                              width: 100%;
                            }
                            
                            span {
                              top: 8%;
                            }
                          }
                          
                          &.goal {
                            background: var(--zero-dark-blue) url('http://support.zerocancer.org/images/content/pagebuilder/Thumbs-up-with-mustache-mobile.png') 0% 0% no-repeat;
                            background-size: cover;
                          }
                          
                          span {
                            font-size: 4.5vw;
                            
                            &.amount {
                              font-size: 7vw;
                            }
                          }
                          
                          img {
                            &.desktop-only {
                              display: none !important;
                            }
                            
                            &.mobile-only {
                              display: block !important;
                            }                          
                          }
                        }
                      }
                      
                      div#content-secondary {
                        float: none;
                        
                        div.row:first-of-type {
                          flex-direction: column;
                          
                          div.col-sm-6 {
                            width: 100%;
                            
                            div#section-participant-search,
                            div#section-team-search {
                              h2 {
                                font-size: 5.8vw;
                              }
                              
                              form {
                                input[type="text"] {
                                  font-size: 4vw;
                                  height: 10.5vw;
                                }
                                
                                button {
                                  height: 10.495vw;
                                  width: 10.495vw;
                                  
                                  span.glyphicon {
                                    font-size: 5.4vw;
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                      
                      div#leaderboards {
                        div.container {
                          div.toplist {
                            margin-bottom: 8vw;
                            
                            h4 {
                              font-size: 5.4vw;
                              padding-left: 2vw;
                              text-align: left;
                            }
                            
                            div.list {
                              div.donor-list-indicator-container {
                                div.indicator-container {
                                  div.indicator-list-row {
                                    padding: 0;
                                    
                                    div.list-name-container {
                                      span.badge-icon {
                                        
                                      }
                                      
                                      span.display-name {
                                        a.indicator-link {
                                          font-size: 4.2vw;
                                        }
                                      }
                                    }
                                    
                                    div.list-value-container {
                                      font-size: 4.2vw;
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                      
                      section#growWithUs {
                        margin-top: 0;
                        
                        div#growWithUsHeader {
                          h4 {
                            font-size: 6.4vw;
                          }
                          
                          div#growWithUsButtons {
                            a.btn {
                              font-size: 4vw !important;
                            }
                          }
                        }
                        div#statisticsImage-2 {
                          h4 {
                            font-size: 5vw !important;
                          }
                          
                          div#statisticsCallout-2 {
                            background: var(--zero-dark-blue);
                            left: 0;
                            padding: 3.5vw 4vw;
                            position: relative;
                            text-align: center;
                            top: 0;
                            width: 100%;
                            
                            h4 {
                              font-size: 5.9vw;
                              margin-bottom: 2.5vw;
                            }
                            
                            h5 {
                              font-size: 9.5vw;
                            }
                            
                            ul {
                              list-style: none;
                              padding: 5%;
                              text-align: left;
                              
                              li {
                                font-size: 4.7vw !important;
                              }
                            }
                            
                            p {
                              font-size: 4.5vw !important;
                              margin-bottom: 8vw;
                            }
                          }
                        }
                      }
                      
                      section#quote-2 {
                        align-items: center;
                        flex-direction: column;
                        padding: 5vw 4vw 1vw;
                        
                        div.quoteMark {
                          &.start {
                            margin-bottom: 5vw;
                            padding-right: unset;
                          }
                          
                          &.end {
                            display: none;
                          }
                          
                          img {
                            width: 10vw;
                          }
                        }
                        
                        div#quoteText, p.attribution {
                          font-size: 5.27vw !important;
                          font-weight: unset;
                        }
                      }
                      
                      section#growAndGiveLegends {
                        h4 {
                          font-size: 5.4vw;
                        }
                        
                        div#legendCtas {
                          flex-direction: column;
                          
                          div.legendCta {
                            margin-bottom: 10vw;
                            width: 100%;
                            
                            img {
                              border-bottom: 2vw solid var(--zero-yellow);
                            }
                            
                            div.blueCover {
                              background-color: transparent;
                              display: none;
                            }
                            
                            div.legendCtaCopy {
                              bottom: unset;
                              color: var(--zero-dark-blue);
                              left: unset;
                              margin-top: 2vw;
                              position: relative;
                              opacity: unset;
                              transition: none;
                              
                              div.legendCtaText, div.legendCtaRaised {
                                font-size: 2.95vw;
                                margin: 0;
                                
                                p {
                                  font-size: 2.95vw !important;
                                  margin: 0;
                                }
                              }
                            }
                            
                            &:hover {
                              border-bottom: none;
                              
                              div.blueCover {
                                background-color: transparent;
                                display: none;
                                height: 0;
                                opacity: 0;
                              }
                              
                              div.legendCtaText, div.legendCtaRaised {
                                font-size: 2.95vw;
                                margin: 0;
                                
                                p {
                                  font-size: 2.95vw !important;
                                  margin: 0;
                                }
                              }
                            }
                          }
                        }
                      }
                    }
                  }
                  
                  div.view-content-links {
                    display: none !important;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
  
  div#statisticsHeaders {
    flex-direction: column;
    
    div.statisticsHeader {
      height: 62vw;
      justify-content: flex-start;
      width: 100%;
      
      &.header-1 {
        background: transparent url('http://support.zerocancer.org/images/content/pagebuilder/Be-a-ZERO-creator-background-mobile.jpg') 0% 0% no-repeat;
        background-size: cover;
      }
      
      &.header-2 {
        background: transparent url('http://support.zerocancer.org/images/content/pagebuilder/Facebook-background-mobile.jpg') 0% 0% no-repeat;
        background-size: cover;
      }
      
      h6 {
        font-size: 6vw;
        line-height: 1.2;
        margin-bottom: 0;
        margin-top: 6vw;
        text-align: center;
      }
      
      .btn {
        font-size: 4.5vw;
        margin-top: 17vw;
        padding: 2vw 4vw;
      }
    }
  }
  
  div#footer {
    border-top: 2vw solid var(--zero-dark-blue);
    margin-top: 0;
    padding-top: 0;
    
    div#footerTop {
      /* background-color: var(--zero-grey); */
      background-color: var(--zero-white);
      margin-bottom: 0;
      padding: 6vw 0;
      
      div#footerLogoAndNav {
        align-items: center;
        flex-direction: column;
        
        a.footerLogoLink {
          img {
            margin: 2vw 0 4vw;
            width: 30vw;
          }
        }
        
        nav#footernav {
          align-items: center;
          flex-direction: column;
          
          a {
            font-size: 3.5vw;
            margin: 2vw 0;
            
            &.btn.yellow {
              padding: 3vw 7vw;
              margin-top: 3.5vw;
            }
          }
        }
      }
      
      div#footerContactAndSocials {
        flex-direction: column-reverse;
        margin-top: 5.5vw;
        
        div#footerContactInfo {
          text-align: center;
          width: 100%;
          
          p {
            font-size: 3.5vw !important;
            line-height: 1.4;
            margin-top: 4vw;
            
            &.tighten {
              line-height: 1.2;
            }
          }
        }
        
        nav.footer-block-social {
          justify-content: center;
          width: unset;
          
          div.justify-flex-end {
            span#socialIconHeading {
              font-size: 3.5vw;
              text-align: center;
            }
            
            ul {
              justify-content: center;
              
              li {
                margin: 0 1.2vw;
                
                a:visited, a:link, a:active, div.responsive a:visited, div.responsive a:link, div.responsive a:active {
                  height: 6.8vw;
                  width: 6.8vw;
                  
                  i {
                    font-size: 3vw;
                  }
                }
              }
            }
          }
        }
      }
    }
      
    #block-zero-footer-logos {
      div.inner {
        padding: 0 5%;
        
        div.footer-logos-container {
          flex-direction: column;
          
          h4.heading-blue {
            font-size: 4vw;
            line-height: 1.4;
            margin-bottom: 7vw;
          }
          
          div.footer-logos-items {
            margin-bottom: 3vw;
            flex-wrap: wrap;
            justify-content: space-evenly;
            
            div.footer-logos-items-url {
              margin: 3vw 2vw;
              widows: 25%;
              
              a:visited, a:link, a:active, div.responsive a:visited, div.responsive a:link, div.responsive a:active {
                img {
                  &.bbb {
                    height: 12vw;
                    width: 28vw;
                  }
                  
                  &.charity-navigator, &.platinum-transparency {
                    height: 28vw;
                    width: 28vw;
                  }
                  
                  &.great-nonprofits, &.npt {
                    height: 20.8vw;
                    width: 28vw;
                  }
                }
              }
            }
          }
        }
      }
    }
    
    div#block-zero-legal-footer {
      background-color: var(--zero-medium-blue);
      margin-bottom: 13vw; /* to fit aza social icons float */
      padding: 5vw 0;
      
      div.inner {
        flex-direction: column;
        font-size: 3vw;
        
        div.footer-copyright-container {
          margin-top: 4vw;
          
          nav {
            flex-direction: column;
            
            a:visited, a:link, a:active, div.responsive a:visited, div.responsive a:link, div.responsive a:active {
              font-size: 3vw;
              margin: 1vw 0;
            }
          }
        }
      }
    }
  }
  
  div.modal.modal-2024 {
    left: 10vw;
    transform: translate(-5vw, 0);
    
    div.modal-dialog {
      div.modal-content {
        width: 90vw;
        
        div.modal-header {
          padding: 2vw 0;
          
          h5 {
            font-size: 4.6vw !important;
          }
        }
        
        div.modal-body {
          
        }
        
        div.modal-footer {
          flex-direction: column;
          
          a.btn.yellow {
            font-size: 3.6vw !important;
            margin: 2vw 0 !important;
            width: 80%;
          }
        }
      }
    }
  }
}

/****** Override setting in template.in.css ******/
@media (max-width: 767px) {
  #header .navbar-header {
    border-bottom: none;
  }
}


/*************************/
/* Custom for fr_id 3430 */
/*************************/

/* Adjust top margin for #privacy_opts_container since it is moved to be above first name and last name */

body.fr-id-3430 {
  #privacy_opts_container {
    margin-top: 20px;
  }
}

/************************************/
/* Custom for fr_id 3450 entry page */
/************************************/

body.fr-id-3450.pg-entry {
  div#block-zero-legal-footer {
    margin-bottom: 0 !important; /* No social floating icons to need space for. */
  }
}