/*
Swiper JS

.cafe-swiper-hold { position:relative; }

.cafe-swiper-next, .cafe-swiper-prev {
  display: flex;
  position: absolute;
  top: var(--swiper-navigation-top-offset,40%);
  width: 48px;
  height: 48px;
  margin-top: -24px;
  z-index: 10;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  background-color: var(--cty-alink);
  font-size:30px;
  color: #fff;
  border-radius:24px;
}
.cafe-swiper-prev { left:-22px; }
.cafe-swiper-next { right:-22px; }

*/


/* home page video

.home-video { position:relative; overflow:hidden; } 

.home-video-sizer { width:100%; height:340px; }
@media all and (min-width: 768px) { .home-video-sizer { height:675px; } }

.home-video-video { position:absolute; top:0px; z-index:2; display: flex; align-items: center; justify-content: center; }
.home-video-video video { width: 100%; height:100%; object-fit: cover; object-position: center; }

.hero-video-darken { position:absolute; top:0px; z-index:3; display:flex; align-items:center; justify-content: center; background-color:rgba(0,0,0,0.25); }
.hero-video-content-hold { max-width:900px; text-align:center; }
.hero-video-content { padding:120px 24px 90px 24px; }
.hero-video-content h1 { color:white; text-shadow: 0px 0px 4px #222; }
.hero-video-content p { color:white; text-shadow: 0px 0px 4px  #222; }
 */

/* home video */

.home-video-sizer { width:100%; height: 100vh; }

.home-video-video { position:absolute; top:0px; z-index:2; display: flex; align-items: center; justify-content: center; }
.home-video-video video { width: 100%; height:100%; object-fit: cover; object-position: center; }

.home-video-darken { position:absolute; top:0px; z-index:3; display:flex; align-items:center; justify-content: center; color:white; }

/* splash open */

.splash-fixed { position:fixed; top:0px; left:0px; right:0px; bottom:0px; }

.splash-open { width:100%; height:100%; position:relative; }



.splash-open .corner-logo-top2 { position:absolute; top:0px; right:0px; width:280px; height:200px; overflow:hidden; background-color:rgba(255,0,0,0.25); }
.splash-open .corner-logo-bottom2 { position:absolute; bottom:0px; left:0px; width:280px; height:200px; overflow:hidden; background-color:rgba(0,0,255,0.25); }

.splash-open {
  opacity: 1;
  -moz-transition: all 2.5s;
  -webkit-transition: all 2.5s;
  -o-transition: all 2.5s;
  transition: all 2.5s;
  transition-delay: 2s;
  border:0px solid white;
  
  border-top-width:calc(50vh - 100px);
  border-right-width:calc(50vw - 140px);
  
  border-bottom-width:calc(50vh - 100px);
  border-left-width:calc(50vw - 140px);
  
}
body.loaded .splash-open {
  border-width:0px;
}