@import url(/css/google-fonts.css);

html {
  position: relative;
  min-height: 100%;
}

body {
  font-family: 'Open Sans', 'sans-serif';
  font-size: 14px;
}
.footer {
  width: 100%;
  text-align: left;
  padding-bottom: 1rem;
}

body > .container {
  padding: 75px 15px 0;
}

/* avoid padding for page title on the simple content pages */
header.hat {
  padding: 0px;
}

.navbar-brand {
/* padding: 20px; it breaks the blog title */
vertical-align: baseline;;
}

.navbar-brand-img {
padding: 0;
}
@media screen and (max-width: 768px) {
    a.navbar-brand-img>img {
      vertical-align: bottom;
      padding-left: 20px;
    }
}

a.navbar-brand-img>img {
  vertical-align: bottom;
}
img {
  display: block;
  max-width: 100%;
  height: auto;
}

.nopadding {
  padding: 0 !important;
  margin: 0 !important;
}

.margin-10{
  margin-bottom: 20px;
  margin-right: 10px;
}

p {
  text-align: justify;
}

/* Responsive video? */
iframe {
  max-width: 100%;
}

/* Popover */
.modal.ng-enter {
  transition: opacity 1.5s ease-out;
  opacity: 0;
}
.modal.ng-enter.ng-enter-active {
  opacity: 1;
}
.modal.ng-leave {
  transition: opacity 1.5s ease-out;
  opacity: 1;
}
.modal.ng-leave.ng-leave-active {
  opacity: 0;
}

#Email.fieldValid {
  border: 1px solid #00ff00;
}
#Email.fieldInvalid {
  border: 1px solid #ff0000;

code.has-jax {font: inherit;
  font-size: 100%;
  background: inherit;
  border: inherit;}