/* Your custom css code goes here */
.probootstrap-header {
  width: 100%;
  padding: 20px 0;
  color: #fff !important;
  background: #212529;
  border-bottom: 1px solid #e1e1e1;
  /* animation magic */
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  z-index: 9999;
  top: 0;
  position: fixed;
}

.btn.btn-primary{
  border:none;
}

.btn.btn-primary:hover{
  border:none;
}

 .purple {
    border: none;
    background: #a3318b !important;
}

 .purple:hover {
 	border: none;
    background: #ca2ea9 !important;
}

.green{
  background: #00b38c !important;
}

.green:hover{
  background: #09c99f !important;
}

.mobolet {
  background: #0cabaf !important;
}

.mobolet:hover{
  background: red;
}

.meta{
  background: #0064e0 !important;
}

.meta:hover{
background: #385898 !important;
}

.ancestry{
  background: #328800 !important;
}

.ancestry: hover{
  background: #266501 !important;
}

.digital_choc{
  background: #222 !important;
}

.shrink{
  padding: 2px 0;
}

.probootstrap-main-nav li a{
  color: rgba(255, 255, 255, 0.3);
}

.probootstrap-main-nav li a:hover{
  color: rgba(255, 255, 255, 0.7) !important;
}

.probootstrap-form.probootstrap-form-box{
  background:transparent !important;
  webkit-box-shadow: none; 
  box-shadow: none;);
}

.probootstrap-burger-menu i, .probootstrap-burger-menu i::after, .probootstrap-burger-menu i::before{
  color:#fff;
  background:#fff;
}