/**
* All of the CSS for your public-facing functionality should be
* included in this file.
*/

.modal {
  text-align: center;
}

@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.btn.btn-orange {
  background-color: orange;
}

.btn.btn-green {
  background-color: green;
}

.modal-body.modal-primary {
  background: rgba(143,2,35,1);
  background: -moz-linear-gradient(top, rgba(143,2,35,1) 0%, rgba(143,2,35,1) 64%, rgba(71,0,17,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(143,2,35,1)), color-stop(64%, rgba(143,2,35,1)), color-stop(100%, rgba(71,0,17,1)));
  background: -webkit-linear-gradient(top, rgba(143,2,35,1) 0%, rgba(143,2,35,1) 64%, rgba(71,0,17,1) 100%);
  background: -o-linear-gradient(top, rgba(143,2,35,1) 0%, rgba(143,2,35,1) 64%, rgba(71,0,17,1) 100%);
  background: -ms-linear-gradient(top, rgba(143,2,35,1) 0%, rgba(143,2,35,1) 64%, rgba(71,0,17,1) 100%);
  background: linear-gradient(to bottom, rgba(143,2,35,1) 0%, rgba(143,2,35,1) 64%, rgba(71,0,17,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f0223', endColorstr='#470011', GradientType=0 );
}

.modal-body.modal-primary h2 {
  color: white;
}

@media (min-width: 768px){
  .modal-ssm {
    width: 410px!important;
  }
}

body header .dropdown-menu {
  background-color: black;
}
body header .dropdown-menu li a,
body header .dropdown-menu li a:hover,
body header .navbar.navbar-gray a,
body header .navbar.navbar-gray .active a{ color: white; }

body header .dropdown-menu li a:hover { background-color: #8f0222;}

.navbar.navbar-gray {
  background-color: gray;
}

.logged-in header .navbar-default { top: 0!important; }

.m0 {
  margin: 0;
}