/*
         _______              _     _
        |__   __|            | |   | |
           | |_   _ _ __ ___ | |__ | |
        __ | | | | | '_ ` _ \| '_ \| |
       |  V  / |_| | | | | | | |_) | |
       \_ _ _/\__,_|_| |_| |_|_.__/|_|


     Copy Right. © 2023-
*/

/*******************************************************************************************************************************
**                                                          Theming                                                           **
*******************************************************************************************************************************/
body:not(.nav-toolbar) .FW___sled{
   padding-top:0 !important;
}

body:not(.nav-toolbar) .FW___nav--toolbar{
   display:none;
}

html,body{ scroll-behavior: smooth}

body:not(.mobile) .window > .home:first-of-type {
   overflow-y: scroll;
   max-height: 100vh;
   scroll-snap-type: mandatory;
   scroll-snap-points-y: repeat(300px);
   scroll-snap-type: y mandatory;
   scroll-behavior: smooth;

}

body:not(.mobile) .window .home section{
   scroll-snap-align: start;
}

*{
  -webkit-font-smoothing: antialiased;
}

.window .accordion button *{
   cursor: pointer !important;
}

/* .rp1-hero{
   animation: fadeInAnimationDelay ease 3.5s !important;
    animation-iteration-count: 1 !important;
    animation-fill-mode: forwards !important;
}

@keyframes fadeInAnimationDelay {
   0% {
      backdrop-filter: blur(0rem);
      opacity: 0;
   }

   100% {
      backdrop-filter: blur(2rem);
      opacity: 1;
      background: radial-gradient(circle at 50% 50%,rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, .8) 60%, rgba(255, 255, 255, .2) 100%);
   }
} */

@keyframes fadeOut {
  0% {background:#fff}
  50% {background:#fff}
  100%   {background:#ffffff00}
}

.logo,
.fade,
.corp-nav.navbar-nav *, .main.navbar-nav *,
.nav, .window > div *:not(.btn > *):not(.btn i):not(.carousel):not(.carousel *):not(.no-fade *):not(media-controller *)
{
  transition: .25s;
  -webkit-transition: .25s;
	animation: fadein .25s ease-in-out both;
}

.window > div *:nth-child(2) {
	animation-delay: .1s;
}
.window > div *:nth-child(3) {
	animation-delay: .2s;
}
.window > div *:nth-child(4) {
	animation-delay: .3s;
}
.window > div *:nth-child(5) {
	animation-delay: .4s;
}
.window > div *:nth-child(6) {
	animation-delay: .5s;
}
.window > div *:nth-child(7) {
	animation-delay: .6s;
}
.window > div *:nth-child(8){
	animation-delay: .7s;
}
.window > div *:nth-child(9){
	animation-delay: .8s;
}
.window > div *:nth-child(10) {
	animation-delay: .9s;
}
.window > div *:nth-child(11),.logo {
	animation-delay: 1s;
}
.window > div *:nth-child(12) {
	animation-delay: 1.1s;
}
.window > div *:nth-child(13) {
	animation-delay: 1.2s;
}
.window > div *:nth-child(14) {
	animation-delay: 1.3s;
}
.window > div *:nth-child(15) {
	animation-delay: 1.4s;
}
.window > div *:nth-child(16) {
	animation-delay: 1.5s;
}
.window > div *:nth-child(17) {
	animation-delay: 1.6s;
}
.window > div *:nth-child(18) {
	animation-delay: 1.7s;
}
.window > div *:nth-child(19) {
	animation-delay: 1.8s;
}
.window > div *:nth-child(20) {
	animation-delay: 1.9s;
}

@keyframes fadein {
  from { opacity: 0}
  to   { opacity: 1}
}

/* Fancy Gradient bg */
.fancy-gradient {
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab) !important;
	background-size: 400% 400%;
	animation: fancy-gradient 5s ease infinite !important  ;
}

@keyframes fancy-gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.jotform-feedback-link{
  font-family: 'Outfit', sans-serif !important;
  font-weight: 300 !important;
  background: none !important;
  border: solid 1px #6C757D;
  border-top:0;
  filter:contrast(0);
  opacity:.5
}

.jotform-feedback-link:hover{
opacity:1
}

h1,
h2,
h3,
h4,
h5,
h6,
.text-rp1, li{
  font-family: 'Outfit', sans-serif;
  letter-spacing: 0rem;
  cursor: default;
  font-weight: 300;
}

.window label,
.window .btn:not(.accordion-button),
.window button:not(.accordion-button) {
  font-family: 'Outfit', sans-serif;
  border-radius: 5rem;
  line-height:1.6;
}

mark {
  background: none !important;
}

/* grayscale all lottie animations */
dotlottie-player, .grayscale{
   filter: grayscale(1);
   webkit-filter: grayscale(1);
}
/* END grayscale all lottie animations */

.error p {
  margin: 0;
}

fixed{z-index:3 !important}

.NTFIXED___nav {
    background: transparent;
}


.input-group .btn {
  -webkit-border-top-right-radius: 5rem !important;
  -webkit-border-bottom-right-radius: 5rem !important;
  -moz-border-radius-topright: 5rem !important;
  -moz-border-radius-bottomright: 5rem !important;
  border-top-right-radius: 5rem !important;
  border-bottom-right-radius: 5rem !important;
}

/* Show Label on password input group */
.input-group>.form-control:focus{
  z-index:0;
}

.card > div > .btn,
.cta > div > .btn{
   float: right;
   align-self: end;
}

.card{padding:1rem}

/* .card table td{
  padding:1rem 2rem;
  border-top:0 !important;
  color:#fff;
  font-size: 1rem;
}

.card table tr{
  border-bottom:solid 1px #ffffff25;
}

.card table tr:last-of-type{
  border-bottom:0;
}

.card i{
  vertical-align: middle;
}

.card table td a:not(.btn){
  color:#fff;
  text-decoration:none;
  font-size:1.25rem;
  font-weight:300;
} */


/*------------------------------------
- MVFW Overrides
------------------------------------*/

#reveal{
  display: none;
}

 .NTFIXED___navList a::before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	border-bottom: solid 2px #fff;
  animation: fadeIn .5s !important;
  transition: .25s !important;
  -webkit-transition: .25s;
}

.NTFIXED___navList .selected > a:before{
  content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	border-bottom: solid 2px #fff;
  animation: fadeIn .5s !important;
  transition: .25s !important;
  -webkit-transition: .25s;
}

 .NTFIXED___navList a:hover::before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	border-bottom: solid 2px #fff;
	animation: border_anim 2s linear forwards;
}

.navbar .navbar-brand:hover{
border:0 !important;
}

.message-top .anchor-links.navbar,
.message-top .logo.navbar{
   top:58px;
}

.body-bg,
.NTFIXED___nav--secondary .navbar{
   background: var(--bs-body-bg);
}

.NTFIXED___navList ul{
  list-style: none;
}

.FW___nav--secondary .nav-link.jsToolbarUser, .FW___nav--secondary .nav-link.jsToolbarLogin{
     filter: contrast(0) invert(1);
 }

  /* body:not(.mobile) .FW___nav--primary {
    bottom: calc( var(--height-message-top));
    top:unset;
    bottom:-2px;
} */


/* Hide Nav Tertiary */
body .NTFIXED___nav--tertiary .NTFIXED___navBody {
   display: none
}

body.nav-tertiary .NTFIXED___nav--tertiary .NTFIXED___navBody {
   display: block
}

.NTFIXED___nav--tertiary ul, .NTFIXED___nav--tertiary ul li, .NTFIXED___nav--tertiary ul a, .NTFIXED___nav--tertiary ul span {
   background: none;
}

.NTFIXED___nav--tertiary .list-group-item a {
   width: 100%;
   border-color: transparent;
}

.NTFIXED___nav--tertiary .tertiary-bottom a {
   text-decoration: none;
}

.NTFIXED___nav--tertiary li {
   padding: 0;
}

/* body:not(.panel-right-float) .NTFIXED___panel--right iframe{
   display:none
} */

.list-group-horizontal-md li, .main-footer li {
   border: 0 !important;
   background: none !important;
}


/*------------------------------------
- iFrame Extender on Right Panel
------------------------------------*/
body, html {width: 100%; margin: 0; padding: 0}
.NTFIXED___panel__body {display: flex; width: 100%; height: 100%; flex-direction: column; overflow: hidden;}
/* .first-row {background-color: none; } */
.NTFIXED___panel__body iframe{ flex-grow: 1; border: none; margin: 0; padding: 0; }


/*------------------------------------
- COLOR primary
------------------------------------*/

/* For big displays */

/* @media screen and (min-width: 1920px) {
    *, a{font-weight: 500;
    font-size: 1.05rem}
} */


/*------------------------------------
        Help Buttons
------------------------------------*/
help i{
  color: #ffffff50;
  font-size: 1.25rem;
  display: inline-flex;
  margin-left: .5rem;
}

help i:hover{
  color: #ffffff;
  cursor:pointer;
}

/*------------------------------------
        Enter RP1
------------------------------------*/

#build-rp1:hover, #new-rp1:hover,.home-ctas [aria-expanded="true"] #new-rp1{border-top-left-radius:6rem !important}

#design-rp1:hover{border-top-right-radius:6rem !important}

#dev-rp1:hover{border-bottom-left-radius:6rem !important}

#trans-rp1:hover{border-bottom-right-radius:6rem !important}

#login-rp1:hover{border-top-right-radius:6rem !important}

#reg-rp1:hover{border-bottom-left-radius:6rem !important}

#learn-rp1:hover{border-top-left-radius:6rem !important}


#build-rp1, #new-rp1{box-shadow: rgba(66, 66, 66, 0.1) 1.95px 1.95px .25rem;}
#design-rp1, #login-rp1{box-shadow: rgba(66, 66, 66, 0.1) -1.95px 1.95px .25rem;}
#dev-rp1, #reg-rp1{box-shadow: rgba(66, 66, 66, 0.1) 1.95px -1.95px .25rem;}
#trans-rp1, #learn-rp1{box-shadow: rgba(66, 66, 66, 0.1) -1.95px -1.95px .25rem;}

.home-ctas .btn p{
   font-weight:300 !important;
}

.home-ctas .btn i{
   color:#fff;
   margin: -2rem 0 1rem;
}

.home-ctas small{
   font-weight:300;
}

#build-rp1,
#design-rp1,
#dev-rp1,
#trans-rp1,
#new-rp1,
#reg-rp1,
#learn-rp1,
#login-rp1{
box-shadow: rgba(50, 50, 93, 0) 0px 2rem 3rem -20px, rgba(0, 0, 0, 0) 0px 1rem 2rem -30px, rgba(99, 99, 99, 0.1) 0px 0 .5rem 0px inset;
}

#build-rp1:hover,
#design-rp1:hover,
#dev-rp1:hover,
#trans-rp1:hover,
#new-rp1:hover,
#reg-rp1:hover,
#learn-rp1:hover,
#login-rp1:hover{
/* box-shadow: rgba(50, 50, 93, 0.75) 0px 1rem 2rem -20px, rgba(0, 0, 0, 0.5) 0px 30px 60px -30px, rgba(10, 37, 64, 0.5) 0px -2px 1rem 0px inset; */
}


/* Enter RP1 Btn */

.enter-btn{
   -webkit-transition: box-shadow .5s ease-in-out !important;
   -moz-transition: box-shadow .5s ease-in-out !important;
   -o-transition: box-shadow .5s ease-in-out !important;
   -ms-transition: box-shadow .5s ease-in-out !important;
   transition: box-shadow .5s ease-in-out !important;
   transition-delay: 750ms;
}

.enter-btn {
  font-size: 2.5rem!important;
  outline: none;
  cursor: pointer;
  position: relative;
  z-index: 0;
  /* background:rgba(var(--bs-light-rgb), .5); */
  /* box-shadow:rgba(var(--bs-light-rgb), 0.06) 0px 2px 1px, rgba(var(--bs-light-rgb), 0.09) 0px 4px 2px, rgba(var(--bs-light-rgb), 0.1) 0px 8px 4px, rgba(var(--bs-light-rgb), 0.2) 0px 16px 8px, rgba(var(--bs-light-rgb), 0.25) 0px 32px 16px, 0px 0px 4rem 4rem var(--bs-body-bg); */
  border-radius:999rem;
  box-shadow: 6px 6px 12px rgba(var(--bs-light-rgb)), -6px -6px 12px rgba(var(--bs-body-bg) );
}

.enter-btn svg{
   fill: var(--bs-dark);
}

.enter-btn:hover svg{
   fill: var(--bs-dark);
}

.enter-btn:hover {
   -webkit-transition: box-shadow .5s ease-in-out !important;
   -moz-transition: box-shadow .5s ease-in-out !important;
   -o-transition: box-shadow .5s ease-in-out !important;
   -ms-transition: box-shadow .5s ease-in-out !important;
   transition: box-shadow .5s ease-in-out !important;

   color:var(--bs-dark) !important;
   /* box-shadow:rgba(var(--bs-dark-rgb), 1) 0px 0px 1rem .5rem, rgba(var(--bs-white-rgb), 1) 0px 0px 5vw 8vw; */
   border-radius:9999rem;
   /* filter: saturate(12); */

}

.enter-btn:before{
   transition: all  ease-in-out .25s !important;
   transition-delay: 750ms;
}

.enter-btn:before {
  content: "";
  /* background-image: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
  background-image: -moz-linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
  background-image: -webkit-linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3); */
  filter: blur(1rem) grayscale(1);
  -webkit-filter: blur(1rem) grayscale(1);
  position: absolute;
  top: 0vh;
  left: 0vw;
  background-size: 200%;
  z-index: -1;
  height: calc(100% + 0vh);
  width: calc(100% + 0vw);
  opacity: 0;
  border-radius:999rem;
  pointer-events: none;
}

.enter-btn:active {
   cursor:normal;
}

.enter-btn:active:after {
  background-image: transparent;
}

.enter-btn:hover:before {
  opacity: 1;
  animation: glowingenter-btn 8s ease-in-out infinite;
  height: calc(100% + .2rem);
  width: calc(100% + .2rem);
  top: -.1rem;
  left: -.1rem;
}

@keyframes glowingenter-btn {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 400% 0;
  }
  100% {
    background-position: 0 0;
  }
}

.enter-btn:after{
  z-index: -1;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  pointer-events: none;
  border-radius:999rem;
  background:rgba(var(--bs-white-rgb), 0.95);
  box-shadow: rgba(var(--bs-dark-rgb), 0.09) 0px -23px 25px 0px inset,
  rgba(var(--bs-dark-rgb), 0.07) 0px -36px 30px 0px inset,
  rgba(var(--bs-dark-rgb), 0.0) 0px -79px 40px 0px inset;
}

.enter-btn:hover:after {
  background:rgba(var(--bs-white-rgb), 0.25);
  border-radius:999rem;
  /* box-shadow:
  0px 0px 3rem 0rem #ffffff; */
}


/* for Browsers with no filer capability */

@media not all and (min-resolution:.001dpcm) {
   @media {
      .enter-btn:before {
         content: none;
         transition: none;
         -webkit-transition: none;
         display: none !important;
      }

      .enter-btn:hover:before {
         opacity: 1;
         backdrop-filter: none;
         -webkit-filter: none;
      }

      .enter-btn:hover {
         fill: var(--bs-dark-rgb);
         box-shadow: none;
      }
   }
}

/* end for Browsers with no filer capability */


/* Safari 7.1+ Optimization */

_::-webkit-full-page-media, _:future, :root .enter-btn:before {
   content:none;
   transition: none;
   -webkit-transition: none;
   display:none !important;
}

_::-webkit-full-page-media, _:future, :root .enter-btn {
   backdrop-filter: none;
   -webkit-backdrop-filter: none;
  box-shadow: 0px 0px 2rem 1rem #fff;
}

_::-webkit-full-page-media, _:future, :root .enter-btn:hover:before {
  opacity: 0;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

/* End Safari 7.1+ Optimization */


/* Fancy Enter Btn States */
.enter-btn:hover {
   box-shadow: 0 4px 3px 1px #FCFCFC, 0 6px 8px #D6D7D9, 0 -4px 4px #CECFD1, 0 -6px 4px #FEFEFE, inset 0 0 5px 3px #999, inset 0 0 30px #aaa;
  border-color:rgba(var(--bs-light-rgb), 0);
}

.enter-btn:active {
  box-shadow: 0 4px 3px 1px #FCFCFC, 0 6px 8px #D6D7D9, 0 -4px 4px #CECFD1, 0 -6px 4px #FEFEFE, inset 0 0 5px 3px #999, inset 0 0 30px #aaa;
}

.enter-btn:focus {
   box-shadow: 0 4px 3px 1px #FCFCFC, 0 6px 8px #D6D7D9, 0 -4px 4px #CECFD1, 0 -6px 4px #FEFEFE, inset 0 0 3px 3px #CECFD1;

}







/* What is RP1 Carousel */

.carousel img{
   filter: blur(2rem) opacity(.25) saturate(1.5);
}

.carousel.no-blur img{
   filter: blur(0) opacity(1) saturate(1);
}

.carousel .carousel-caption {
    position: absolute;
    right: 15%;
    top: 35%;
    color: #fff;
    text-align: center;
    margin: auto;
}

.carousel p, .carousel h2, .carousel h1 {
   text-shadow: -2px 0 3px black;
}

/* .carousel .carousel-control-prev {
   justify-content: start
}

.carousel .carousel-control-next {
   justify-content: end
} */

.carousel .carousel-indicators button {
   border-radius: 10rem !important;
   width: 0.5rem;
}

.carousel .carousel-indicators .active {
   background-color: #0d6efd;
}

.carousel .carousel-indicators {
   justify-content: center;
   margin-bottom: 3%;
}


/* Nav Bar Sticky */

.anchor-links.navbar .nav-link{
   color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.anchor-links.navbar .navbar-brand.active{
   border-bottom:0 !important;
}

.anchor-links.navbar .nav-link.active{
color:var(--bs-nav-link-color);
font-weight: inherit;
border-bottom:solid;
}

.anchor-links.navbar .nav-link.active:hover{
border-bottom:solid;
}

/* .sticky-top {
  top: -1px !important;
} */

.lot-reservation > .card{
   margin-bottom:5rem;
   min-height:50vh;
}

.what-you-get img{
   transition: 1s;
   -webkit-transition: 1s;
   animation-delay: 1s;
   padding:1rem;
   padding-bottom:2rem;
   transform: scale(1);

}

.what-you-get img:hover{
   animation-delay: 1s;
   transition: 1s;
   -webkit-transition: 1s;
    animation: transform 1s ease-in-out both;
  transform: scale(1.25);
}

.what-you-get img, .floating{

       animation-name: floating;
       animation-duration: 5s;
       animation-iteration-count: infinite;
       animation-timing-function: ease-in-out;
   }

   @keyframes floating {
       0% { transform: translate(0,  0px); }
       50%  { transform: translate(0, 3px); }
       100%   { transform: translate(0, -0px); }
   }

   .lot-reservation .lot-levels.level_0 div:not(.lvl-0):not(.lvl-1),
   .lot-reservation .lot-levels.level_1 div:not(.lvl-1):not(.lvl-2),
   .lot-reservation .lot-levels.level_2 div:not(.lvl-2):not(.lvl-3),
   .lot-reservation .lot-levels.level_3 div:not(.lvl-3):not(.lvl-4),
   .lot-reservation .lot-levels.level_4 div:not(.lvl-4):not(.lvl-5),
   .lot-reservation .lot-levels.level_5 div:not(.lvl-5):not(.lvl-6),
   .lot-reservation .lot-levels.level_6 div:not(.lvl-6):not(.lvl-7),
   .lot-reservation .lot-levels.level_7 div:not(.lvl-7):not(.lvl-8),
   .lot-reservation .lot-levels.level_8 div:not(.lvl-8):not(.lvl-9),
   .lot-reservation .lot-levels.level_9 div:not(.lvl-9):not(.lvl-10),
   .lot-reservation .lot-levels.level_10 div:not(.lvl-10),
   .lot-reservation .upsell.level_10 .no-more {
      display: none !important
   }

   .lot-reservation .lot-levels.level_0 .lvl-1,
   .lot-reservation .lot-levels.level_1 .lvl-2,
   .lot-reservation .lot-levels.level_2 .lvl-3,
   .lot-reservation .lot-levels.level_3 .lvl-4,
   .lot-reservation .lot-levels.level_4 .lvl-5,
   .lot-reservation .lot-levels.level_5 .lvl-6,
   .lot-reservation .lot-levels.level_6 .lvl-7,
   .lot-reservation .lot-levels.level_7 .lvl-8,
   .lot-reservation .lot-levels.level_8 .lvl-9,
   .lot-reservation .lot-levels.level_9 .lvl-10 {
      opacity: .5
   }

   .lot-reservation .what-you-get.level_0 div:not(.home),
   .lot-reservation .what-you-get.level_1 div:not(.home),
   .lot-reservation .what-you-get.level_2 div:not(.home),
   .lot-reservation .what-you-get.level_3 div:not(.home),
   .lot-reservation .what-you-get.level_4 div:not(.skyscraper),
   .lot-reservation .what-you-get.level_5 div:not(.skyscraper),
   .lot-reservation .what-you-get.level_6 div:not(.skyscraper),
   .lot-reservation .what-you-get.level_7 div:not(.city),
   .lot-reservation .what-you-get.level_8 div:not(.city),
   .lot-reservation .what-you-get.level_9 div:not(.city),
   .lot-reservation .what-you-get.level_10 div:not(.city) {
      display: none !important
   }


/* Meetings Dialog */

   #date-time{
      display:inline-flex;
      width:0;
   }
   #date-time *{
      opacity:0;
      width:0!important;
   }

   #later:checked ~ label{
   -webkit-border-top-right-radius: 0 !important;
   -moz-border-radius-topright: 0 !important;
   border-top-right-radius: 0 !important;
   -webkit-border-bottom-right-radius: 0 !important;
   -moz-border-radius-bottomright: 0 !important;
   border-bottom-right-radius: 0 !important;
   }

   #later:checked ~ #date-time{
      background:#212529;
      width:100%;
   }

   #later:checked ~ #date-time *{
      opacity:1;
      width:120px !important;
   }

   #meeting-code{
      width:9rem;
   }

   .slo-fade{
      animation-duration: 1s !important;
      transition-duration: 1s !important;
   }

   .meetings.dialog .is-editing .meet-schedule,
   .meetings.dialog .is-editing .meet-when,
   .meetings.dialog .is-editing .meet-duration,
   .meetings.dialog .is-editing .meet-capacity,
   .meetings.dialog .is-editing .meet-where
   {
      display:none !important;
   }

   .meetings.dialog .invalid-feedback{
      color:rgba(var(--bs-danger-rgb), 1);
   }

   /* Hide fields. WIP
   .meetings.dialog .is-editing .meet-capacity select,
   .meetings.dialog .is-editing .meet-where select{
      user-select: none !important;
      opacity:.5;
   } */


   /* Countdown */

   .time-holder{min-width:5rem;}

   .time-holder{ font-weight:100; letter-spacing:-1px; text-align:center}


   /* Meetings Logic */
   #meetings .in-progress .card{
      border-color: rgba(var(--bs-primary-rgb), 1) !important;
      background-color: rgba(var(--bs-primary-rgb), .1) !important;
   }

   #meetings .has-ended .card{
      border-color: rgba(var(--bs-secondary-rgb), .5) !important;
      background-color: rgba(var(--bs-white-rgb), 1) !important;
   }

   #meetings button:disabled{
      opacity:.5 !important;
   }

   /* Invite Page Status logic */

   #meeting > div:not(.state-countdown):not(.state-ready):not(.state-started):not(.state-ended) .gate-door > div{
       display: none;
   }

   /* Meeting Invite Page Mobile Fixes */
   body.mobile #meeting .gate-door > div{
      padding:0 !important;
      width:100% !important;
   }

   body.mobile #meeting .gate-door > div .card{
      width:100% !important;
   }
   /* End Meeting Invite Page Mobile Fixes */

   /* enter btn active effect on invite page only */
   /* #meeting .started .enter-btn{
      outline-width: 1px;
      outline-offset: 0;
      outline-color: rgba(var(--bs-secondary-rgb), 0);
      outline-style: solid;
      animation: animateOutline 3s ease-in-out infinite !important;
   }

   @keyframes animateOutline {
     0% {
       outline-width: 1px;
       outline-offset: 0;
       outline-color: rgba(var(--bs-dark-rgb), 0);
     }

     10% {
       outline-color: rgba(var(--bs-dark-rgb), .1);
     }

     50% {
       outline-width: 5px;
       outline-offset: 7px;
       outline-color: rgba(var(--bs-dark-rgb), 0);
     }

     100% {
       outline-width: 5px;
       outline-offset: 7px;
       outline-color: rgba(var(--bs-dark-rgb), 0);
     }
   } */
   /* end enter btn active effect on invite page only */



/*
   #meeting .state-countdown .gate-door div:not(.countdown){
       display: none;
   }

   #meeting .state-ready .gate-door div:not(.ready){
       display: none;
   }

   #meeting .state-started .gate-door div:not(.started){
       display: none;
   }

   #meeting .state-ended .gate-door div:not(.ended){
       display: none;
   } */

   /* END Invite Page Status logic */


/* Meetings PW Tooltip */

/* Tooltip container */
#meetings .card .tooltip {
cursor: pointer;
  position: relative;
  display: inline-block;
}

/* Tooltip text */
#meetings .card .tooltip .tooltiptext {
  visibility: hidden;
  min-width: 120px;
  right: 89%;
  background-color: var(--bs-btn-hover-bg);
  color: #fff;
  text-align: center;
  padding: 4.75px 0;
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
#meetings .card .tooltip:hover .tooltiptext {
  visibility: visible;
}



/* Staff Only */
body:not(.staff) .meetings-viewer{
   display:none;
}

body.staff .beta.alert{
   display:none;
}

/* video player customization */
media-controller video,
media-controller hls-video,
media-controller media-control-bar{border-radius:1rem !important}

media-controller media-play-button{
   -webkit-border-top-left-radius: 5rem;
-webkit-border-bottom-left-radius: 5rem;
-moz-border-radius-topleft: 5rem;
-moz-border-radius-bottomleft: 5rem;
border-top-left-radius: 5rem;
border-bottom-left-radius: 5rem;
}

media-controller media-fullscreen-button{
   -webkit-border-top-right-radius: 5rem;
-webkit-border-bottom-right-radius: 5rem;
-moz-border-radius-topright: 5rem;
-moz-border-radius-bottomright: 5rem;
border-top-right-radius: 5rem;
border-bottom-right-radius: 5rem;
}