* {
    font-family: "Work Sans";
    font-weight: 200;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

img#logo-desktop {
    width: 100%;
}

@media (max-width: 991.98px) {

    img#logo {
        height: 100px;
    }

    .jumbotron h1 {
        font-size: 1.7em;
    }

}

h2 {
  font-weight: 200;
  font-size: 1.6em;
}

h3 {
  font-size: 1.1em;
  font-weight: 300;
}

#content-well {
    max-width: 1078px;
    margin-left: auto;
    margin-right: auto;

}

.video-container {
    margin-bottom: 20px;
}

ul#navigation, ul#contact-info {
    list-style-type: none;
    text-align:right;
}

form.contact label {
    padding-right: 15px;
    text-align: right;
    float: right;
}

form.contact input,
form.contact textarea {
    vertical-align: top;
    width: 100%;
}

form.contact button {
    float: right;
}

form.contact .row {
    padding-bottom: 15px;
}

p#zp-contact-form-status {
    text-align: center;
    font-weight: bold;
}

footer {
    font-size: .75em;
    text-align: center;
}

.jumbotron {
    background-image: url('/assets/img/website-header.jpg');
    background-size: cover;
    background-color: #fff;
}

.jumbotron h1 {
    display: inline-block;
    line-height: 1.24em;;
    margin: 20px 17px 12px 21px;
    color: #fff;
}

.jumbotron h1 span {
    line-height: 1.5em;
    background-color: rgba(0,0,0,0.8);
    font-weight: 300;
    padding: 0px 10px;
}

#homepage-contact-form > div {
  background-color: rgba(0,0,0,0.3);
}

.video-container iframe {
  width: 100%;
  min-height: 250px;
}

body.event #stream { 
    max-width: 100%;
    opacity: 0;
    background-color: #fff;
    transition: opacity 1s ease-in;
}

body.event .vjs-poster {
    background-color: #fff;
}

[data-toggle="modal"]:hover {
    cursor: pointer;
}

.modal-body { 
    padding: 2px;
}

.modal-lg {
    max-width: 980px !important;
}

.datetime {
    font-size: .8em;
}

.pseudolink {
    color: #0d6efd;
}
.pseudolink:hover {
    text-decoration: underline;
}

body.event h1 {
    font-weight: 200;
}

body.event #video-wrapper {
    box-shadow: 0em 0em .75em #999;
}


body.event #video-container,
body.event #content-container {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

body.event #video-container > * {
    margin-left: auto;
    margin-right: auto;
}

.bz-roll-entry .video-float {
    width: 33%;
}

.bootbox-modal {
    border: 1px dashed blue;
    display: block;
}