/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
body{
	-ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
    overflow-y: scroll; 
}
body::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
}

html{
	scroll-behavior: smooth;
}

.no-outline:focus{
	outline: none;
	box-shadow: none;
}

.vanish-xl{}

.flex-fill {
   flex:1 1 auto;
}

.h4-small{
	font-size: 1.4rem;
	margin-top: 5px; 
}

.sideText{
	overflow: hidden;
	padding-top: 14px;
	padding-bottom: 14px;
}

.up-1{
	margin-top: -1px;
}

.context-menu{
	cursor: context-menu;
}

.no-overflow{
	text-overflow: clip;
}

.list-subtext{
	padding: 0;
	margin: 0;
	color: lightslategray;
}

.sideSpace{
	margin-left: 8px;
	margin-right: 8px;
}

.light{
	color: aliceblue;
}

.card-text{
	font-family: "Open Sans";
}

.list-group-item{
	font-family: "Open Sans";
}

.arrow {
  text-align: center;
}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

.rotateFlip{
  -moz-animation: rotateFlip 0.4s 1;
  -webkit-animation: rotateFlip 0.4s 1;
  animation: rotateFlip 0.4s 1;
	animation-fill-mode: forwards;
}

.rotateUnflip{
  -moz-animation: rotateFlip 0.3s 1 reverse;
  -webkit-animation: rotateFlip 0.3s 1 reverse;
  animation: rotateFlip 0.3s 1 reverse;
	animation-fill-mode: forwards;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}

@keyframes rotateFlip{
	100%{transform: rotate(180deg)}
}

.fade{
	opacity: 1;
}

.fade-load-0{
  opacity: 0;
  -moz-animation: fade-in 0.8s linear 0s;
  -webkit-animation: fade-in 0.8s linear 0s;
  animation: fade-in 0.8s linear 0s;
	animation-fill-mode: forwards;
}

.fade-load-2{
 opacity: 0;
  -moz-animation: fade-in 0.8s linear 0.2s;
  -webkit-animation: fade-in 0.8s linear 0.2s;
  animation: fade-in 0.8s linear 0.2s;
	animation-fill-mode: forwards;
}

.fade-load-4{
 opacity: 0;
  -moz-animation: fade-in 0.8s linear 0.4s;
  -webkit-animation: fade-in 0.8s linear 0.4s;
  animation: fade-in 0.8s linear 0.4s;
	animation-fill-mode: forwards;	
}

.fade-load-6{
 opacity: 0;
  -moz-animation: fade-in 0.8s linear 0.6s;
  -webkit-animation: fade-in 0.8s linear 0.6s;
  animation: fade-in 0.8s linear 0.6s;
	animation-fill-mode: forwards;	
}

.fade-load-8{
 opacity: 0;
  -moz-animation: fade-in 0.8s linear 0.8s;
  -webkit-animation: fade-in 0.8s linear 0.8s;
  animation: fade-in 0.8s linear 0.8s;
	animation-fill-mode: forwards;	
}

.fade-load-10{
 opacity: 0;
  -moz-animation: fade-in 0.8s linear 1s;
  -webkit-animation: fade-in 0.8s linear 1s;
  animation: fade-in 0.8s linear 1s;
	animation-fill-mode: forwards;	
}

@keyframes fade-out{
	0%{opacity: 1}
	100%{opacity: 0}
}

@keyframes fade-in{
	0%{opacity: 0}
	100%{opacity: 1}
}

.card-animated{
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);
      transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
  padding: 2px 10px 2px 5px;
  cursor: pointer;
}

.card-animated:hover{
     transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
}

.hover-animated{
    border-radius: 4px;
    box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);
    transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
    cursor: context-menu;
}

.hover-animated:hover{
   transform: scale(1.05);
   box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);

}

.col-lg-4{
    margin-bottom: 50px;
}