@font-face {
  font-family: "masifard-regular";
  src: url('/wp-content/themes/altitudebirthdays/font/masifard-regular.woff') format('woff'),
  url('/wp-content/themes/altitudebirthdays/font/masifard-regular.woff2') format('woff2'),
  url('/wp-content/themes/altitudebirthdays/font/masifard-regular.eot'),
  url('/wp-content/themes/altitudebirthdays/font/masifard-regular.eot?#iefix') format('embedded-opentype'),
  url('/wp-content/themes/altitudebirthdays/font/masifard-regular.otf') format('truetype');

    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
  font-family: 'masifa_rdbook';
  src: url('/wp-content/themes/altitudebirthdays/font/masifard-book-webfont.woff2') format('woff2'),
       url('/wp-content/themes/altitudebirthdays/font/masifard-book-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}
.font-masifard{
    font-family: 'masifa_rdbook', sans-serif;
}
.font-rubrik{
  font-family: 'Rubik', sans-serif;
}
.font-bold{
  font-weight: bold;
}
.text-shadow{
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
body{
    font-family: 'Rubik', sans-serif;
   
}
p{
  font-size:1.2vw;
  font-family: "masifa_rdbook", sans-serif;
}
.font-masifard{
    font-family: "masifard-regular", sans-serif;
}
:root {
    --purple1: #57259F;
    --purple2: #582C83;
    --blue1: #68D2DF;
    --blue2: #00A9E0;
    --blue3: #00BAB3;
    --red1: #EF426F;
    --red2: #F04E98;
    --red3: #CE0F69;
    --orange1: #E87722;
    --yellow1: #F1BE48;
    --yellow2: #FEDB00;
  }

  .text-purple1{color:var(--purple1);}
  .text-purple2{color:var(--purple2);}
  .text-blue1{color:var(--blue1);}
  .text-blue2{color:var(--blue2);}
  .text-blue3{color:var(--blue3);}
  .text-red1{color:var(--red1);}
  .text-red2{color:var(--red2);}
  .text-red3{color:var(--red3);}
  .text-orange1{color:var(--orange1);}
  .text-yellow1{color:var(--yellow1);}
  .text-yellow2{color:var(--yellow2);}

  .bg-purple1{background-color:var(--purple1);}
.bg-purple2{background-color:var(--purple2);}
.bg-blue1{background-color:var(--blue1);}
.bg-blue2{background-color:var(--blue2);}
.bg-blue3{background-color:var(--blue3);}
.bg-red1{background-color:var(--red1);}
.bg-red2{background-color:var(--red2);}
.bg-red3{background-color:var(--red3);}
.bg-orange1{background-color:var(--orange1);}
.bg-yellow1{background-color:var(--yellow1);}
.bg-yellow2{background-color:var(--yellow2);}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size:20px;
  }
  ::-moz-placeholder { /* Firefox 19+ */
    font-size:20px;
  }
  :-ms-input-placeholder { /* IE 10+ */
    font-size:20px;
  }
  :-moz-placeholder { /* Firefox 18- */
    font-size:20px;
  }
  a, a:hover{
    text-decoration: none;
    color:inherit;
  }
  .btn{
    height:53px;
    font-size:20px;
    border-radius:27px;
    border:2px solid transparent;
    line-height:1;
  }
  
  .btn-large{
    font-size:36px;
    font-weight:800;
  }

  .btn.bg-red2:hover{
    border-color:#F04E98
  }
.navbar{
    height:130px;
}
.navbar-brand{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}

.nav-link{
    font-weight: 800;
    font-size: 20px; 
}
.nav-link:hover,
.nav-link:active{
    color:var(--yellow2)!important;
}

.page-content{
    padding-top:130px;
}
.button{
  font-size: 2.5vw;
  font-weight: 900;
  background: var(--purple1);
  color: #fff;
  height: 3.5vw;
  display: inline-block;
  line-height: 3.5vw;
  padding: 0 2vw;
  border-radius: 2vw;

}
.button.bg-blue3{
  background: var(--blue3);
}
.button:hover{
  background: var(--blue2);
  text-decoration:none;
  color:#ffffff;
}
.hero{
  background-image: url('/wp-content/themes/altitudebirthdays/img/121622_Altitude_KathyTran_IMG_2672.jpg');
  background-size: 100vw;
  background-position: top;
  background-repeat: no-repeat;
}
.hero-top{
  background-color:rgba(0,0,0,.3);
}
.hero-top h1{
  font-size: 7vw;
  font-weight: 900;
  line-height: .9;
  padding-top: 15vw;
  padding-bottom:1.5vw;
}
.hero-top h3{
  font-size:3.75vw;
  font-weight:600;
  font-family: 'masifard-regular', sans-serif;
  letter-spacing: .2rem;
}
.hero-top h4{
  font-size: 1.6vw;
  font-weight:600;
  font-family: 'masifard-regular', sans-serif;
  letter-spacing: .2rem;
}

.hero-bottom{
  padding-top: 5vw;
  background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 72%, rgba(0,0,0,.3) 100%);
  padding-bottom:5vw;
}
.hero-bottom h2{
  font-size: 3vw;
  font-weight: 900;
  margin-bottom: 1.2vw;

}
.hero-bottom-bg{
  position: absolute;
  bottom: -14vw;
  left: -7vw;
  width: 104vw;
}
.hero-bottom-bg svg{
  width:100%;
}
.hero-bottom .card{
  background:#F6F8FA;
}
.triple-choice-opts,
    .triple-choice{
        padding:5vw 0;
    }
    .triple-choice h2{
        font-size: 3.5vw;
        font-weight: 900;
        margin-bottom: 1.2vw;

    }
    .triple-choice-opt h3{
        font-size: 6.5vw;
        font-weight: 900;
        -webkit-text-stroke-width: 3px;
        margin-top: -10px;
    }
    .triple-choice-opt h4{
        font-weight: 700;
        font-size: 2.5vw;
    }
    .triple-choice-opt h5{
      font-weight: 700;
      font-size: 2vw;
  }
  .triple-choice-opt h6{
    font-size: 1.5vw;
}
    .fundraising{
        position:relative;
        padding:5vw 0;
    }
    .fundraising .content{
        padding-right:5vw;
    }
    .fundraising h2{
        font-size: 3.5vw;
        font-weight: 900;
        margin-bottom: 1.2vw;

    }
    .fundraising .background{
        height:100%;
        width:50vw;
        position:absolute;
        top:0;
        right:0;
        background-image:url('/wp-content/themes/altitudebirthdays/img/121622_Altitude_KathyTran_IMG_227.jpg');
        background-size:cover;
    }
    .cta{
      padding:3vw 0;
      position:relative;
      background-size:cover;
      background-position: left;
  }
  .cta h2{
      font-size: 3.5vw;
      font-weight: 900;
      margin-bottom: 1.2vw;

  }
  p.large,
  .cta p{
      font-size: 1.5vw;
      font-weight: bold;
  }
  .details h2{
    font-size: 3vw;
font-weight: 900;
margin-bottom: 1.2vw;
}
  img.clouds-1{
    position: absolute;
    right: -7vw;
    top: 2vw;
  }
  .footer{
        position:relative;
    }
    .footer .logo{
        position:absolute;
        top:50%;
        left:50%;
        transform: translate(-50%, -50%);
        display:inline-block;
    }
    img.clouds-2{
        position: absolute;
        left: 0vw;
        top: 3vw;
        width: 20vw;
    }
    img.clouds-3{
      position: absolute;
      left: 5vw;
      bottom: 3vw;
      
  }
@media screen and (max-width: 768px) {
  .navbar{
    height:auto;
  }
  .navbar>.container-fluid{
    justify-content:center;
  }
  .navbar-brand{
    width: 100px;
    position: relative;
    left: initial;
    margin-right: 0;
    transform: none;
    top: 0;
  }
  p{
    font-size:1rem;
    text-align: center;
  }
  p.large,
  .cta p{
    font-size:1rem;
  }
  .hero-top h1{
    font-size:calc(2rem + 1.5vw);
  }
  .details h2,
  .cta h2,
  .fundraising h2,
  .triple-choice h2{
    font-size: calc(1.325rem + .9vw);
    text-align:center;
  }
  .triple-choice h3,
  .hero-top h3{
    font-size: calc(1.3rem + .6vw);
  }
  .triple-choice-opt h3{
    font-size:6rem;
  }
  .triple-choice-opt h4,
  .hero-top h4{
    font-size: calc(1.275rem + .3vw);
  }
  .triple-choice-opt p{
    text-align: left;
  }
  .hero-bottom h2{
    font-size: calc(1.325rem + .9vw);
    text-align:center;
  }
  .hero-bottom .card{
    min-height:300px;
  }
  .fundraising .background{
    position:relative;

    width:100%;
    height:100vw;
    margin-bottom:2rem;
  }
  .fundraising .content{
    padding-right:0;
  }
  
  .button{
    font-size: 1.2rem;
    height: 2rem;
    line-height: 2rem;
    padding: 0 1rem;
    border-radius: 1rem;
  }
  .footer{
    position:relative;
    background-image:url('/wp-content/themes/altitudebirthdays/img/footerbg.jpg');
    background-size:cover;
    background-position: center;
    text-align:center;
}
.footer .logo{
    position:relative;
    top:0;
    left:0;
    transform: none;
    display:inline-block;
    width:50vw;
    padding:2rem 0;
}
.footer img.clouds-2{
    position: absolute;
left: 0vw;
top: -8.5vw;
}
  .cta,
  .footer{
    overflow-x: hidden;
  }
}