body, html {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

@font-face {
    font-family: 'Veljovic-Medium';
    src:  url('app/fonts/veljovic-medium.woff2') format('woff2'),
          url('app/fonts/veljovic-medium.woff') format('woff');
  }
  
  @font-face {
    font-family: 'Veljovic-Bold';
    src:  url('app/fonts/veljovic-bold.woff2') format('woff2'),
          url('app/fonts/veljovic-bold.woff') format('woff');
  }
  
  @font-face {
    font-family: 'TradeGothic-Regular';
    src:  url('app/fonts/tradegothic-reg.woff2') format('woff2'),
          url('app/fonts/tradegothic-reg.woff') format('woff');
  }

  @font-face {
    font-family: 'TradeGothic-Roman';
    src:  url('app/fonts/tradegothic-roman.woff2') format('woff2'),
          url('app/fonts/tradegothic-roman.woff') format('woff');
  }
  
  @font-face {
    font-family: 'TradeGothic-Bold';
    src:  url('app/fonts/tradegothic-bold.woff2') format('woff2'),
          url('app/fonts/tradegothic-bold.woff') format('woff');
  }
  

  @font-face {
    font-family: 'Gotham-Black';
    src:  url('app/fonts/Gotham-Black.woff2') format('woff2'),
          url('app/fonts/Gotham-Black.woff') format('woff');
  }
  

/* colors */
 
  .bg-cardozo-blue {
    background-color: #095697!important;
  }

  .bg-mustard {
    background-color: #d7bf3a;
  }

  .bg-coral {
    background-color:#e1535c; 
  }

  .bg-light-blue {
    background-color: #008cc1;
  }

  .bg-mulberry {
    background-color: #b2568c;
  }

  .text-light-blue, .link-info  {
    color: #008cc1!important;
  }

    .text-cardozo-blue {
    color: #095697!important;
  }

  .bg-sunrise-grad {
    background: rgb(0,140,193);
  background: linear-gradient(320deg, rgba(0,140,193,1) 0%, rgba(180,211,168,1) 100%);
  }
  
  .bg-dark-grad {
    background: rgb(9,86,151);
  background: linear-gradient(180deg, rgba(9,86,151,1) 0%, rgba(3,57,102,1) 100%);
  }
  
  .text-dark, .btn-small.btn-header:hover  {
    color: #002448!important;
  }

  .bg-dark {
    background-color: #002448!important;
  }

  span.shine {
 
    color: #f3df7a;
}
  
  .bg-rise-lines {
    background-image: url(/riseup/img/rise-lines.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }


/* Layout */


.h50 {
    height: 50px;
}

.h75 {
    height: 75px;
}


    .bg-hero {
        /* background-image: url(/riseup/img/rise-hero-bg-1.jpg); */
        background-image: url(/riseup/img/rise-hero-bg-2024-08.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
      }


      @media (min-width: 1400px) {
        .container-read {
            max-width: 1120px;
        }
        
        .container-read-tight {
            max-width: 780px;
        }
        
        
                }

      

/* Typography */

  h2 {
    font-family: 'Veljovic-Bold', serif;
  }
  
  h3,h5, .card__face--front {
    font-family: 'Veljovic-Medium', serif;
  }
  

  h6 {
    text-transform: uppercase;
    font-family: 'TradeGothic-Bold',sans-serif;
  }
  body, p {
    font-family: 'TradeGothic-Roman', sans-serif;
    font-size: 18px;
  }
    
  h2.display-5 {
    margin-bottom: 2rem;
}

.lead {
    font-family: 'TradeGothic-Regular',sans-serif;
    font-size: 1.75rem;

}

    
.trade-bold {
    font-family: 'TradeGothic-Bold',sans-serif;
}


/* Image Split */

    
.section {
    padding: var(--section-padding, clamp(0.2rem, 4%, 4rem));
    padding-top: calc(1.575rem + 3.9vw);
}    
.section.section--full-bleed-image-column {
    min-height: auto;
    padding: 0;
}
.section-content {
    max-width: 90ch;
    margin: 0 auto;
}

.image-is-first.section.section--full-bleed-image-column img {
    left: 0;
}
.section.section--full-bleed-image-column .full-bleed-image-container img {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    will-change: transform;
}
.section.section--full-bleed-image-column .full-bleed-image-container {
    height: max(50%, 50vh);
    position: relative;
    width: 100%;
    clip-path: inset(0 0 0 0);
}
.section.section--full-bleed-image-column .col-has-image {
    position: relative;
}
.section:not(.image-is-first) .col--text {
    order: 1;
    height: auto;
    padding: 0 !important;
}

.section.section--full-bleed-image-column .section--full-bleed-image-column__content {
    max-width: 90ch;
}

.section.section--full-bleed-image-column .section--full-bleed-image-column__content {
    float: right;
    max-width: 70ch;
    padding: clamp(1rem, 10%, 4rem);
}


.section.has-bg .section-intro, .section.has-bg .section-content {
    position: relative;
    z-index: 100;
}

.section:not(.image-is-first) .col--text {
    order: 1;
    height: auto;
    padding: 0 !important;
}

.section:not(.image-is-first) .col-has-image {
    order: 2;
}



@media screen and (min-width: 50em) {

.section.section--full-bleed-image-column {
    min-height: 100vh;
}

.section.section--full-bleed-image-column .columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}


.section.section--full-bleed-image-column .full-bleed-image-container {
    height: 100vh;
    position: sticky;
    top: 0;
}

.section.section--full-bleed-image-column .full-bleed-image-container img {
    position: absolute;
}


.section:not(.image-is-first) .col--text {
    min-height: 100vh;
}

.section.section--full-bleed-image-column .section--full-bleed-image-column__content .section-title {
    text-align: left;
}


}




/*header */

.moveit {
    position: relative;
    top: 1.6rem;
}





/*footer */


footer i {
    zoom: 1.3;
}

img.risefootlogo {
    max-width: 220px;
}

footer .btn-impact i.bi-chevron-right {
    zoom: 0.9;
}



/* button */

.btn-impact {
    border-radius: 0;
    text-transform: uppercase;
    font-family: 'TradeGothic-Bold',sans-serif;
    color:#095697;
}


.btn-header {
    border-radius: 0;
    text-transform: uppercase;
    font-family: 'TradeGothic-Bold',sans-serif;
    color:#008cc1;
    background-color: #002448;
}


.btn-link {
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'TradeGothic-Bold';
    padding: 0;
    font-size: 1.5rem;
}


.btn-give {
    background-color: transparent!important;
border: none;
    background-image: url(/riseup/img/svg/btn-bg.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 100%;
    padding: 0.7rem 2rem;
    border-radius: 1rem;
    text-transform: uppercase;
    font-family: 'Gotham-Black',sans-serif;
    color:#515252;
}



.btn-small.btn-header:hover {
    background-color: #fff;
}




/* Hero Sections */

.intro-hero {
    height: 90vh;
    display: flex;
    align-items: center;
}

.campusani img {
   height: 10vw;
}


.campusanifac img {
   height: 9vw;
}


.home-hero img {
    max-height: 130px;
}


/* Homepage */
  
   .home .bg-hero {
    /* background-image: url(/riseup/img/rise-hero-bg.jpg); */
    background-image: url(/riseup/img/rise-hero-bg-2024-08.png);

  }
  
  .tmp-card  {
    margin-top: -200px;
}


svg.bi.bi-arrow-right {
    zoom: 2;
    margin-top: -2px;
    margin-left: 5px;
    }




.play-btn svg {
    width: 130px;
}

.play-btn {
    width: 100vw;
    height: 100%;
    text-align: center;
}



.overlay{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-image: linear-gradient(to bottom, rgba(34,35,46,0.75) 50%, rgba(34,35,46));
  }




  video#myVideo {
    max-width: 100vw;
        min-width: 100%;
    min-height: 100%;
}



/* Faculty */

  .faculty .bg-hero {
    background-image: url(/riseup/img/fac-hero-v2.jpg);
  }




.facta {
   
}

.factb {
  
}

.factc {
   
}

.factd {

}


.fact {
    height: 70vh;
    text-align: center;
    color: #ffffffd9;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 7vw;

}


.fact-inner {
        transition: transform .5s ease;
}

.fact-inner:hover {
    transform: scale(1.1);

}

.fact h2  { font-family: 'Veljovic-Medium',serif;}


.fact h5 {
    font-family: 'TradeGothic-Regular', sans-serif;
}

.fact .highlight {
    font-family: 'TradeGothic-Bold', sans-serif; 
}


/* Campus */

 .campus  .bg-hero  {
    background-image: url(/riseup/img/camp-hero.jpg);

  }


/* Donors */

    .donors .bg-hero {
            background-image: url(/riseup/img/bg-donors.jpg);
        
          }

/* Clinics */

  .clinics .bg-hero {

    background-image: url(/riseup/img/bg-clinics-1.jpg);

  }


/* Students */

  .students .bg-hero {
    background-image: url(/riseup/img/student-hero.jpg);

  }
  


  /* Flipcard */


  @media (hover: none) {
    .flipcards  {
      display: block !important;
      --flipcard-height: auto;
    }
  }




.flip-card .card__face.card__face--front {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  
}


@media (hover: none) {
  .flipcard__value {
    margin-bottom: 1rem !important;
        margin-top: 1rem !important;
  }
  .card__face {
    padding: 1.3rem;
  }
}

.flip-card {
  width: 100%;
}
.flip-card .fact-subtext {
  margin-bottom: -2.4rem;
  font-size: 1rem;
  margin-top: 2rem;
}

@media (hover: hover) {
  .flip-card {
    height: var(--flipcard-height, 2rem);
    perspective: 600px;
  }
}

.flip-card .stretched-link {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@media (hover: none) {
  .flip-card {
    border-radius: 1rem;
    overflow: hidden;
    pointer-events: none;
    margin-bottom: 2rem;
  }
}

@media (hover: hover) {
  .flip-card:hover .card-content, .flip-card:focus .card-content {
    transform: rotateY(180deg);
  }
  .flip-card:hover .card__face--front, .flip-card:focus .card__face--front {
    background: #1e1e1e;
  }
}


.card-content {
  width: 100%;
  transition: transform 1s;
  transform-style: preserve-3d;
  position: relative;
}



.longtext {
  font-size: 3vw!important;
}


@media (hover: hover) {
  .card-content {
    height: 100%;
  }
}

.card__face {
  width: 100%;
  height: 100%;
  padding: 1.4rem;
  box-shadow: 0 1em 1em rgba(0, 0, 0, 0.2);
}
@media (hover: hover) {
  .card__face {
    border-radius: 0.4rem;
  }
}
@media (hover: hover) {
  .card__face {
    position: absolute;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
}

.card__face--front {
  background: #fff;
  transition: 1s background ease;
  text-align: center;
}

.card__face--back {
  align-items: center;
  background: #fff;
  display: flex;
  justify-content: center;
}

@media (hover: hover) {
  .card__face--back {
    transform: rotateY(180deg);
  }
}


.flip-card .flipcard__value {
 font-size: 6vw;
    line-height: 0.6;
    margin: 0;
}

.card__face.card__face--back {
  font-size: 1.1rem;
}


.modal-title {

  font-family: 'Veljovic-Medium', serif;
}


@media (min-width: 1200px) {

    .section {
        padding-top: 4.5rem;
    }

    }

@media (max-width: 780px) {

    .intro-hero {
    height: 50vh;

}

.campusani img {
    height: 14vw;
}
.campusanifac img {
   height: 9vw;
}

.tmp-card {
    margin-top: -20px;
}
.lead {
    font-size: 1.15rem;
}

.longtext {
  font-size: 13vw!important;
}

.flip-card .flipcard__value {
    font-size: 13vw;

}


}