@charset "UTF-8";
/* CSS Document
Client: Ship Live Stream
Company: Informatics, Inc
Author: Jeff S
Date: Aug 2019

blue: #04549c
orange: #ec7a14
/* Variables */

:root {
  --primary: #04549c;
  --secondary: #ec7a14;
}

/* TYPOGRAPHY */
body {font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 1.35em; background: #333;}
h1, h2, h3, h4, h5 {font-family: "Muli", "Open Sans", sans-serif; font-weight: 800; color: #222;}
h1 {font-size: 2em;}
h2 {font-size: 2.25em; position: relative;}
h3 {font-size: 1.75em;}
h4 {font-size: 1.5em; color: #ec7a14; text-transform: uppercase;}
h5 {font-size: 1.35em;}

p {font-size: 1.25em;}
ul{margin-top:0px;}
li{font-size:1.25em;margin-bottom:4px;}
img {max-width: 100%; height: auto;}
hr {borer-color: #ccc; margin: 30px 0;}
h3+h4 {margin: -5px 0 15px 0; font-size: 16px;}

h2 {margin: 0 0 15px 0; padding: 0 0 15px 0; position: relative;}
h2:after {width: 100px; height: 5px; background: #ec7a14; content: ""; position: absolute; bottom: 0; left: 0;}
.text-center h2:after {left: 50%; margin-left: -50px;}
p+.btn-theme {margin: -20px 0 30px 0;}

.img-left {margin: 0 0 2em 0;}

/* LINKS */
a {color: #04549c; text-decoration: underline;}
a:visited {}
a.btn-theme, .btn-theme a {display: inline-block; padding: 10px 15px; background: #ec7a14; border: 2px solid #ec7a14; color: #fff; border-radius: 25px; text-decoration: none; font-weight: 700;}
a.btn-theme:hover, .btn-theme a:hover {background: #fff; border-color: #ec7a14; color: #ec7a14; box-shadow: 3px 3px 8px rgba(0,0,0,.1);}
.container {position: relative;}

/* Mobile First */
#livestream header {border-top: 5px solid var(--primary); padding: 10px; box-shadow: 0px 2px 15px rgba(0,0,0,.1); border-bottom: 1px solid #eee; text-align: center; width: 100%; float: left; background: #fff;}
#livestream header #logo {max-width: 150px;}
#livestream header .presented {font-size: 8px; width: 175px; margin: 10px auto; border-top: 1px dotted #ccc; padding: 10px 0 0 0;}
#livestream header .presented img {margin: 0 0 5px 0; max-width: 125px;}

#livestream main {background: url(../img/hero-bkg5.jpg) #ccc; padding: 30px; overflow: hidden;}
#live-stream .embed-responsive {margin: 0 0 25px 0;}

#livestream footer {background: #333; color: #fff; font-size: 12px; padding: 25px 15px; text-align: center;}
#livestream footer p {font-size: 12px; opacity: .5;}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
#livestream header {text-align: left; padding: 10px 30px;}
#livestream header #logo {float: left; margin: 0 15px 0 0;}
#livestream header h1 {float: left; margin: 25px 0;}
#livestream header .presented {float: right; margin: 5px 0 0 0; border: 0; padding: 5px 0 0 10px; border-left: 1px dotted #ccc;}

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
.embed-responsive {margin: 0;}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.max-width {max-width: 1440px; margin: 0 auto;}

}