.full-screen{
    min-height: 100vh;
}
h1, h2{
    font-family: "BC Alphapipe RB Bold";
}


.hex {
  /*position: relative;
  margin: 1em auto;*/
  width: 10em;
  height: 17.32em;
  border-radius: 1em/.5em;
  background: #FFC976;
  transition: opacity .5s;
}

.hex:before,
.hex:after {
  position: absolute;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  background: inherit;
  content: '';
}

.hex:before {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}

.hex:after {
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}

.btn-chevron-down{
    position: absolute;
    bottom: 2vh;
    left: 48vw;
    color: #fff;
}
.btn-chevron-down svg{
    width: 4vw;
    height: 150px;
}
.logo-main{
    width: 20vh;
}

.font-white{
    color: #fff;
}
.font-main{
    display: block;
    text-transform: uppercase;
    font-size: 4rem;
    font-family: "BC Alphapipe";
    line-height: 4rem;
}
.font-main-bold, .font-main strong{
    /*display: block;*/
    text-transform: uppercase;
    font-size: 4rem;
    font-family: "BC Alphapipe RB Bold";
    line-height: 4rem;
}

.btn{
    border-radius: 30px 30px 5px 30px;
}
.hive-hex-image{
    -webkit-mask: url(/theme/B1FE2028-4E63-452D-AD49-36A9706E0841/img/dist/hex.svg) no-repeat 100% 100%;
    mask: url(/theme/B1FE2028-4E63-452D-AD49-36A9706E0841/img/dist/hex.svg) no-repeat 100% 100%;
}
.hive-carousel .card{
    border-width: 0;
}


.btn-primary{
    background-color: #E3455C;
    border-color: #E3455C;
}

.hive-carousel .card{
    background-color: transparent;
}
.hive-carousel .card-body{
    background-color: var(--bs-card-bg);
    border-radius:  0px 0px 30px 30px;
    margin-bottom: 50px;
}
.hive-carousel .card-image{
    position: relative;
    text-align: center;
}
.hive-carousel .card-image img{
    width: 70%;
}
.hive-carousel .card-image:before{
    content: "";
    display: block;
    width: 100%;
    height: 30%;
    background-color: var(--bs-card-bg);
    border-radius: 30px 30px 0px 0px;
    position: absolute;
    left: 0;
    bottom: 0;
}
.rotate-text{
    writing-mode:vertical-rl;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.center-block-contents{
  display: flex;
  justify-content: center;
}
.vertical-center-block-contents{
  display: flex;
  align-items: center;
}
.hive-image-hero{
    background-position: center;
    background-size: cover;
}
.hive-hero-translucent-bg{
    background-color: rgba(0, 0, 0, 0.4);
}
.hive-image-hero h1{
    color: #fff !important;
    text-transform: uppercase;
    font-size: 8vw;
}




.hive-video-hero{
    position: relative;
    overflow: hidden;
}
.hive-video-hero > video{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    z-index: -2;
    pointer-events: none;
}
.hive-video-hero-unmute{
    position: absolute;
    right: 20px;
    bottom: 20px;
    color:#fff;
}
.hive-video-hero-unmute.muted .bi-volume-mute, .hive-video-hero-unmute.unmuted .bi-volume-up{
    display: block;
}
.hive-video-hero-unmute.unmuted .bi-volume-mute, .hive-video-hero-unmute.muted .bi-volume-up{
    display: none;
}



.navbar-toggler{
--bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;

    position: fixed;
    right: 2vw;
    top: 2vh;
    font-family: "BC Alphapipe";
    color: #fff;
    text-decoration: none;
    font-size: 3vh;
    mix-blend-mode: difference;
    z-index: 1000000;
    text-transform: lowercase;
    border: none;
    background: inherit;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    line-height:inherit;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.navbar-toggler:focus{
    box-shadow: none;
}

.navbar .navbar-collapse{
    background-color: #E3455C;
    position:fixed;
    min-height: 100vh;
    width: 100vw;
    top: 0vh;
    left: 0vw;
    -webkit-transition:background 1s;
    -moz-transition:background 1s;
    -o-transition:background 1s;
    transition:background 1s
}

.navbar .navbar-collapse.blue {
    background:#80C3FF;
}


.navbar .nav-item img{
    height: 15vh;

}
.navbar .nav-item, .navbar .dropdown-item{
    text-align: center;

}
.navbar .nav-item .nav-link, .navbar .dropdown-item{
    color: #fff;
    font-family: "BC Alphapipe RB Bold";
    font-size: 4.5vw;
    text-transform: uppercase;
    background-color: transparent;
}

@media only screen and (min-width: 1200px) {
    .navbar .nav-item .nav-link, .navbar .dropdown-item{
        font-size: 60px;
    }
}

.navbar .nav-item .nav-link:hover, .navbar .dropdown-item:hover{
    color: #E3455C;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.navbar .blue .nav-item .nav-link:hover, .navbar .blue .dropdown-item:hover{
    color:#80C3FF;
}

.navbar .dropdown-menu{
    background: none;
    border: none;
}



.btn-menu{
    position: fixed;
    right: 2vw;
    top: 8vh;
    font-family: "BC Alphapipe";
    color: #fff;
    text-decoration: none;
    font-size: 3vh;
    mix-blend-mode: difference;
    z-index: 1000000;
}

:root {
  --icon-size: 240px;
}
.icon {
    -webkit-mask: url(/theme/B1FE2028-4E63-452D-AD49-36A9706E0841/img/dist/hex.svg) no-repeat 100% 100%;
    mask: url(/theme/B1FE2028-4E63-452D-AD49-36A9706E0841/img/dist/hex.svg) no-repeat 100% 100%;
    mask-size: cover;
    background-color: red;
    text-align: center;
    color: #FFF;
    height: var(--icon-size);
    width: calc(var(--icon-size) * 1.125);
    display: inline-flex;
    justify-content: center; /* Align horizontal */
    align-items: center; /* Align vertical */
    font-size: 40px;
    text-transform: uppercase;
    margin-right: 20px;
    margin-bottom: 20px;
    font-family: "Bebas Neue";
}


.my-10 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.loadingScreen {
  position: fixed;
  z-index: 99999999;
  width: 100%;
  height: 100vh;
  background-color: #80C3FF;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0px;
  left: 0px;
}

.footer-menu{
    position: relative;
}
.footer-menu .nav{
    position: absolute;
    bottom: 0px;
}
.footer-menu .nav-link{
    color: #fff;
    padding: 0 var(--bs-nav-link-padding-x);
}