/*
Implementation Skeleton v3 - 12/6/18
Add styles to overwrite customer CSS, USE WITH CAUTION.
*/

/* Animation */

.bounce:hover {
  animation-name: bounce;
  animation-duration: 0.4s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-direction: alternate;
  animation-iteration-count: 3s;
  animation-fill-mode: forwards;
  animation-play-state: running;
}

@keyframes bounce {
  0%,
  100% {
    transform: scale(1);
  }
  25%,
  75% {
    transform: scale(0.9);
    transform: rotate(10deg);
  }
  50% {
    transform: scale(1.1);
  }
}



/* A-Z Index */
ul.horizontal-list {
	padding-top: 20px;
}
ul.horizontal-list li {
	display: inline;
	padding: 10px;
	list-style-type: none;
	margin-left: 0.5rem;
}
ul.horizontal-list li a{
	/* 	color: #4F2984!important; */
}
ul.horizontal-list li:before {
	background-image: none;
}
ul.horizontal-list ~ ul li{
	margin-left: 3.5rem;
}
/* END A-Z Index */

.box--float {
	font-size: 0.95rem;
    text-align: center;
    padding: 2em;
    color: var(--secondary);
    background-color: var(--green-neutral);
    width: 80%;
    border-radius: 1.6em;
    margin: auto;
}

.box--float a{
	text-decoration: none;
}

.box--float:hover {

}

@keyframes bounce {
  0%,
  100% {
    transform: scale(1);
  }
  25%,
  75% {
    transform: scale(0.9);
	
  }
  50% {
    transform: scale(1.1);
  }
}
.btn-orange {
	background-color: #fff;
	border: 1px solid #DF3927;
	color: #DF3927;
}

.btn-grey {
	background-color: #fff;
	border: 1px solid #717171;
	color: #717171;
}

.btn-blue {
	background-color: #fff;
	border: 1px solid #057AB2;
	color: var(--blue);
}

.btn-red {
	background-color: #fff;
	border: 1px solid var(--red);
	color: var(--red);
}

.btn-green {
	background-color: none;
	border: 1px solid var(--green-accent);
}

.btn-purple {
	background-color: none;
	border: 1px solid var(--purple);
	color: var(--purple);
}

.btn-pink {
	background-color: #fff;
	border: 1px solid #d3bde8;
	color: #d3bde8;
}

.btn-gray{
	background-color: #F2F2F2;
	border: 1px solid #F2F2F2;
	color: #DF3927;
	font-weight: 500;
	font-size: 22px;
	font-family: 'Poppins', sans-serif;
}
.btn-gray:hover {
	color: #057AB2 !important;
	text-decoration: underline !important;
}
.btn-green:hover {
	background-color: var(--green-accent) !important;
	border: 1px solid var(--green-accent);
}