/*!
 * Start Bootstrap - Business Frontpage (https://startbootstrap.com/templates/business-frontpage)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-business-frontpage/blob/master/LICENSE)
 */
body {
  padding-top: 56px;
  font-family:Verdana,sans-serif;
  scroll-behavior: smooth;
}


.btn{
  border:none;
  background-color: #F9A826;
  color: #000000
}

.btn:hover{
  border:none;
  background-color: #ff9d00;
  color:#ffffff
}

.btn:active{
  background-color:#f5bc62 !important;
  outline: none !important;
  border: none !important
}


.btn-primary:active{
    background-color:#f5bc62 !important;
    outline: none !important;
    border: none !important
}


.btn:focus, .btn:active:focus, .btn.active:focus {
  background-color:#f5bc62 !important; 
  outline: none !important;
  border: none !important
}

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary{
  background-color:#f5bc62 !important;
  outline: none !important;
  border: none !important
}


.bg-primary{

  background-color: rgb(70, 70, 70) !important;
  background-image: url('../images/kumi_banner_1.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  }

  .bg-primary-photo{

    background-color: rgb(70, 70, 70) !important;
    background-image: url('../images/kumimanu_photo_banner.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  
  }  

  .centeritem {
    text-align: center;
}

a:link {
  color: rgb(0, 0, 0);
}

/* visited link */
a:visited {
  color: rgb(0, 0, 0);
}

/* mouse over link */
a:hover {
  color: #ff9d00;
}

/* selected link */
a:active {
  color: #ff9d00;
}

/* svg animations */

#breath {
  animation: breath 3s ease-in-out infinite;
  transform-origin: center;

}

@keyframes breath{
  0%{
      transform: scaleY(1);
  }
  50%{
      transform: scaleY(1.025);
  }
  100%{
      transform: scaleY(1);
  }
}

#graph {
  animation: graph 4s ease-in-out infinite;
  transform-origin: center;

}

@keyframes graph{
  0%{
      transform: scaleX(1);
  }
  50%{
      transform: scaleX(1.025);
  }
  100%{
      transform: scaleX(1);
  }
}

#moneysign {
  animation: graph 2s ease-in-out infinite;
  
  transform-box: fill-box;

}

@keyframes moneysign{
  0%{
      transform: skewX(0);
  }
  50%{
      transform: skewX(5);
  }
  100%{
      transform: skewX(0);
  }
}


#compgraph {
  animation: graph 3s ease-in-out infinite;
  transform-origin: center;

}

@keyframes compgraph{
  0%{
      transform: scale(1,1);
  }
  50%{
      transform: scale(1.05,1.05);
  }
  100%{
      transform: scale(1,1);
  }
}


#envelope1 {
  animation: graph 2s ease-in-out infinite;
  transform-origin: center;

}

@keyframes envelope1{
  0%{
      transform: scaleX(1);
  }
  50%{
      transform: scaleX(1.2);
  }
  100%{
      transform: scaleX(1);
  }
}

#envelope2 {
  animation: graph 3s ease-in-out infinite;
  
  transform-box: fill-box;

}

@keyframes envelope2{
  0%{
      transform: skewX(0);
  }
  50%{
      transform: skewX(5);
  }
  100%{
      transform: skewX(0);
  }
}

#smbox1 {
  animation: single_rotate 4s linear reverse infinite;
  transform-origin: center;
  transform-box: fill-box;

}

@keyframes single_rotate {
  100% {
      transform: rotate(360deg);
  }
}

#smbox2 {
  animation: single_rotate 6s linear reverse infinite;
  transform-origin: center;
  transform-box: fill-box;

}

@keyframes single_rotate {
  100% {
      transform: rotate(-360deg);
  }
}  

.video-background {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
}

.video-background video {
  object-fit: cover;
  width: 100%;
  height: auto;
}


.video-card {
  max-width: 1920px; /* Adjust the max-width as needed */
  margin: auto;
  overflow: hidden;
}

.video-card video {
  width: 100%;
  height: auto;
  display: block;
}

/*scroll code */

.scrollContainer {
	scroll-snap-type: y mandatory;
	overflow-y: scroll;
	height: 100vh;
	}

.scroll_section {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  scroll-snap-align: start;
}


/* Background Images */
#section1 {
    background: url('../images/slide1_BG.jpg') center/cover no-repeat;
}

#section2 {
    background: url('../images/slide2_BG.jpg') center/cover no-repeat;
}

#section3 {
    background: url('../images/slide3_BG.jpg') center/cover no-repeat;
}

.left_align {
  align-items: left;
}