.btn, .nav-pills .nav-link, .card{
	transition: 0.5s ease-in-out !important;
    transition-property: color, background-color, background-size, border-color, box-shadow !important;
	border-radius: 0px !important;
}

.btn-outline-primary{
	border-color: #293071 !important;
	color: #293071 !important;
}

.btn-outline-primary:hover{
	background: #293071 !important;
	color: #ffffff !important;
}

#top a{
	box-sizing: border-box;
    width: 36px;
    height: 36px;
    border-radius: 500px;
    background: #0293a4;
    color: #fff;
    vertical-align: middle;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s ease-in-out;
    transition-property: color, background-color, background-size, border-color, box-shadow;
	text-decoration: none;	
	margin-right: 10px;
}

#top a:hover{
	background-color: #027c8b;
    color: #fff;
}

#payoff{
	color: #ffffff;
	background-image: linear-gradient(90deg,#020024 0,#00c4cc 0,#293a76 100%);
}

#payoff h1{
	opacity: 1;
}

#payoff .lead{
	opacity: 0.7 !important;	
}

#payoff .divider{
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.1 !important;
}

#payoff .divider .line{
  flex-grow: 1;
  margin: 0 2rem;
  height: 1px;
  background-color: #ffffff;
}

#payoff .divider i{
  font-size: 30px;
}

.bullet::before{
	content: "";
    display: inline-block;
    position: relative;
    top: calc(-.1 * 1em);
    vertical-align: middle;
    height: calc(4px + .7em);
    margin-right: calc(5px + .2em);
    border-left: calc(5px + .1em) solid #293071;
}

/* Cards */
.customcard{	
	border-radius: 0px !important;
	border: 0px !important;
	transition: background-color 1s ease;
	max-height:250px;
}

.customcard img{
	max-height: 250px;
	object-fit: cover;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 10% 100%);
}

/* Even cards */
.row > .customcard:nth-child(even) {
	color: #333333 !important;
	background-color: #f8f9fa !important;
}

.row > .customcard:nth-child(even) .text-muted {
	color: #333333 !important;
}

.row > .customcard:nth-child(even) .bar {
	width: 50px;
    height: 5px;
    margin: 10px 0;
    border-radius: 0px;
    background: #333333;
    transition: width 1s ease;
}

.row > .customcard:nth-child(even) .btn-outline-light {
	color: #333333 !important;
	border-color: #333333 !important;
}

.row > .customcard:nth-child(even):hover {
	background-color: #e3e4e6 !important;
}

.row > .customcard:nth-child(even):hover .bar {
	width: 200px;
}

.row > .customcard:nth-child(even) .btn-outline-light:hover {
	color: #ffffff !important;
	border-color: #333333 !important;
	background:  #333333 !important;
}

/* Oneven cards */
.customcard .text-muted{
	color: #ffffff !important;
}

.row > .customcard:nth-child(odd) {
	color: #ffffff !important;
	background-color: #0293a4 !important;
}

.row > .customcard:nth-child(odd) .bar {
	width: 50px;
    height: 5px;
    margin: 10px 0;
    border-radius: 0px;
    background: #ffffff;
    transition: width 1s ease;
}

.row > .customcard:nth-child(odd):hover {
	background-color: #027c8b !important;
}

.row > .customcard:nth-child(odd):hover .bar {
	width: 200px;
}

/* Trainig detail */
#trainingdetail p i{
	box-sizing: border-box;
    width: 36px;
    height: 36px;
    border-radius: 500px;
    background: #ffffff;
    color: #0293a4;
	border: 2px solid #0293a4;
    vertical-align: middle;
    display: inline-flex;
    justify-content: center;
    align-items: center;
	margin-right: 10px;
}

#trainingdetail p a{	
	color: #212529;
	text-decoration-style: dotted;
}

#trainingdetail .btn-toon-dagen{
	color: #212529 !important;
	text-decoration-style: dotted;
}

#trainingdetail h5 i{
	color: #293071;
}

#trainingdetail .divider {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.4 !important;
}

#trainingdetail .divider .line {
  flex-grow: 1;
  margin: 0 2rem;
  height: 1px;
  background-color: #0293a4;
}

#trainingdetail .divider i {
  font-size: 30px;
  color: #0293a4;
}

#trainingdetail .list-group-item{
	background: none !important;
}

#trainingdetail .reviewbadge{
	color: #293071 !important;
	background: #ffffff !important;
	border: 2px solid #293071 !important;
}

@media screen and (max-width: 1000px) {
  .responsive-hidden {
    display: none !important;
  }
  .customcard{	
	max-height:350px;
  }
}

/* Inschrijven */
.nav-item .nav-link{
	color: #293071 !important;
	background: #ffffff !important;	
}

.nav-item .active{
	color: #ffffff !important;
	background: #293071 !important;
}

#inschrijfform a{
	color: #212529;
	text-decoration-style: dotted;
}

#inschrijfform .divider{
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.4 !important;
}

#inschrijfform .divider .line{
  flex-grow: 1;
  margin: 0 2rem;
  height: 1px;
  background-color: #0293a4;
}

#inschrijfform .divider i{
  font-size: 30px;
  color: #0293a4;
}

#deelnemer-info i{
	box-sizing: border-box;
    width: 30px;
    height: 30px;
    border-radius: 500px;
    background: #ffffff;
    color: #0293a4;
	border: 2px solid #0293a4;
    vertical-align: middle;
    display: inline-flex;
    justify-content: center;
    align-items: center;
	margin-right: 10px;
}