body {
    font-family: 'Merriweather', sans-serif;
}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: "Merriweather", sans-serif;
  font-weight: 700;
}
.eyebrow {
    text-transform: uppercase;
    font-size: 1em;
    color:#6e6e6e;  
}
.hero-image {
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 100%;
    background-color: rgba(23, 23, 23, 0.25);
    color: #F1F5F7;
    padding-top: 0;
}
.hero-image img {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: rgba(23, 2, 0, 0.5);
    object-fit: cover;
}
.panel-image {
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 100%;
    background-color: rgba(23, 23, 23, 0.25);
    color: #F1F5F7;
    padding-top: 0;
}
.panel-image > img:first-child {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: rgba(23, 2, 0, 0.5);
    object-fit: cover;
}

.bleed {
    background: #D8E3E9;
}
.bleed.colorize.beige {background-color:#f7f5f2; }
.callout {
    border:none;
    border-radius:0;
    padding: 1.875rem;
}
.callout.colorize {
    background: #d8e3e9;
}
.callout.colorize.khaki {
    background: #728a98;
}
.callout.colorize.khaki a  {
    color: #d8e3e9;
    transition: color 0.25s ease-in;
}
a.callout.callout-interactive.colorize.khaki:hover {
    color: #d8e3e9;  
}
.callout.outline {
    border: solid 1px #f35b04;
    background-color: #f1f1f1;
}
.callout-interactive {
    transition: all 0.3s ease-in-out; 
}
.callout-interactive:hover {
    box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.25);
	transform: translateY(-10px);
}
.callout.colorize.khaki a:hover {
    color: #210203;
}
.callout.colorize.khaki ul.lined li:hover {
    background-color: #fdfffc;

}
.callout.transparent { background-color:rgba(0,0,0,.4); color:#fff; }
.callout.transparent cite {color: #fff; }
ul.lined, ol.lined {
    list-style-type: none;
}
ul.lined li, ol.lined li {
    padding: 0.938rem 0;
    border-bottom: solid 0.0625rem #667075;
    transition: background-color 0.25s ease-in; 
}
ul.half {list-style-type:none; }
ul.half li {
    width: 48%;
    display: inline-block;
}
ul.lined li a {display:block; }
ul.lined li.last { border-bottom: none; }
ol.letters ol li {list-style-type: lower-alpha;  }
.callout.popout-left {
    margin-left: -13.125rem;
}
ul.check, ol.check {
    list-style-type: none; 
    margin-left:0;
    padding-left:0;
}
ul.check li, ol.check li {
    text-indent: -0.875em;
    padding-left:1em;
}
ul.check li:before, ol.check li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 0.85em;
    content: "\f00c";
    padding-right: 0.313em;
}
.popout-up {
    margin-top: -1.875rem
}
footer {
    /* background-color: #166088; */
    background-color: #0c3146;
}

.roomy { padding-top: 3.75rem; padding-bottom:3.75rem; }
.extra-roomy { padding: 16rem 0 ;}
@media print, screen and (max-width: 39.9em) {
    .extra-roomy {padding:3.75rem 0; }
}
.cozy {padding: 1.875rem 0;}
ul.go {
    list-style-type: none;
}
ul.go li:before {
	display: inline-block;
	text-decoration: none;
	content: "»";
	padding-right: .25em;
	/* margin-left: -0.8rem; */
}

#main-nav {
    background: #166088;
}
#main-nav .menu a {
    color: #d8e3e9;
    background-color: inherit;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
}
#main-nav .menu a:hover {
    color: #166088;
    background-color:  #d8e3e9;
}
header .top-bar {
    background-color:#166088;
    position:sticky;
}
.top-bar-right .h1 { color: #d8e3e9; }
.top-bar-left a { color: #d8e3e9; }
.colorize.white { color: #fff; }
.colorize.blue { color:#166088; }
.colorize.orange { color:#f35b04; }
.colorize.grey { color:#443d36; }
.colorize.green { color: #0c6f35; }
.colorize.card.off-white {background-color:#f2f6f8; }

a.highlight.white { 
    padding: .5em;
    transition: background-color 0.25s ease-in, color 0.25s ease-in, text-decoration 0.25s ease-in;
    color:#fff;
    background-color: rgba(0,0,0,.5);
    text-decoration: underline;
}
@media print, screen and (max-width: 39.9em) {
    a.highlight.white {
        line-height: 2.3;
    }
}
a.highlight.white:hover {
    text-decoration: none;
    color:#fff;
    background-color: transparent;
}
nav.primary-nav ul.menu a {
    padding: 1.5rem;
    font-size: 1.25rem;
}
.add-padding {padding-bottom: 1.5rem; }
.add-margin-top {margin-top: 2rem; }
a.embiggen {font-size: 1.45rem; }

td {
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
}
tr.colorize.blue {background-color: #166088; color:#fff; }
tr.colorize.gold {background-color: /*#fec620*/ #efc88b; }
tr.colorize.grey {background-color: #f1f1f1; }
tr.colorize.green {background-color:#95bf74; color:#242424; }
tr.colorize.red {background-color:#bc2c1a;color:#fff; }
tr.colorize.purple {background-color:#4a1c2e;color:#fff; }
tr.colorize.header {background-color:#0b3246; color:#fff; }

img.fill-height { 
    height:100%; 
    object-fit:cover;
    position: relative;
    z-index:2;
}
img.image-override { position: relative!important; z-index:5; object-fit: cover; height: 100%; width: 100%;}
.card {
    border-radius: 0;
    -webkit-box-shadow: 0px 0px 14px 5px rgba(0,0,0,0.5); 
    box-shadow: 0px 0px 14px 5px rgba(0,0,0,0.5);
}
.underline { border-bottom: solid 1px #0c3146; }

.button.orange {
    background-color:#f35b04;
}