/* Your custom css code goes here */

.probootstrap-section.probootstrap-section-colored li{
	color: #eeeeee;
	padding-bottom: 30px;
}
 
.probootstrap-subtitle h2{
	font-size: 1.2em;
}

h1 i, h2 i, h3 i, #blau {
	color: #2078EA;
}

li i{
	color: #878787;
}

.lead {
	line-height: 0.8em;
}

#boxshadow {
  position: relative;
  -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.5);
  -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
  box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
  padding: 10px;
  background: white;
}

#boxshadow::after {
  content: '';
  position: absolute;
  z-index: -1; /* hide shadow behind image */
  -webkit-box-shadow: 0 25px 30px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 25px 30px rgba(0, 0, 0, 0.3);
  box-shadow: 0 25px 30px rgba(0, 0, 0, 0.3);        
  width: 70%; 
  left: 15%; /* one half of the remaining 30% */
  height: 100px;
  bottom: 0;
}

#stickybox { 
	position: -webkit-fixed;
    position: fixed;
	float: right; 
	font-size: 2em;
    height: auto; 
	width: 40px;  
    right: 10px; 
	bottom: 0; 
	z-index: 999;
}       

#stickybox a, #stickybox a:link, #stickybox a:visited, #stickybox a:active, #stickybox a:focus {
	color: #bbb;
}

#stickybox a:hover {
	color: red;
}

ul {
  list-style-image: url('../img/bullet.gif');
}

ul.colored {
  list-style-image: url('../img/bullet_colored.gif');
}

ul.probootstrap-main-nav li a:hover{
	background: #ffffff;
	color: #000000;
	padding-left: 10px;
}

.pulse{
	animation: pulse 10s infinite;
	animation-timing-function: ease-in-out; 
}

@keyframes pulse {
  0% {
     transform: rotate(0deg);
  }
  42% {
     transform: rotate(0deg);
  }
  45% {
     transform: rotate(12deg);
  }
  49% {
     transform: rotate(-10deg);
  }
  54% {
     transform: rotate(8deg);
  }
  60% {
     transform: rotate(-6deg);
   }
  67% {
     transform: rotate(4deg);
  }
 75% {
     transform: rotate(-2deg);
 }
 80% {
     transform: rotate(0deg);
  }
}