:root {
    --lpf-dk-blue: #046889;
    --lpf-lt-blue: #8fd9f2;
}
.lpf-head > h1 {
    display: inline-block;
    font-size: 54px;
    background: white;
    position: relative;
    padding: 10px 20px 0 0;
    margin: 0;
    letter-spacing: 2px;
    color: var(--lpf-dk-blue);
}
.lpf-head > h1 span {
    color: var(--lpf-lt-blue);
    text-transform: uppercase;
    position: absolute;
    top: 0px;
    left: 5px;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 5px;
}
.lpf-over {
    position: relative;
}
.lpf-over span {
    position: absolute;
    right: 20px;
    bottom: 10px;
}
h1.heading, h2.heading, h3.heading, h4.heading, h5.heading, h6.heading {
    color: var(--lpf-dk-blue);
}
nav .nav .active {
    text-decoration: underline;
}
/* was .nav.social 
header hover action */
.nav a {
    border-radius: 5px;
}
.nav a:hover {
    background-color: var(--lpf-lt-blue);
    color: var(--lpf-dk-blue) !important;
}
/* footer hover action */
footer .nav a:hover {
    background: var(--lpf-dk-blue);
    color: var(--lpf-lt-blue) !important;
}

.btn-lpf {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--lpf-dk-blue);
    --bs-btn-border-color: var(--lpf-dk-blue);
    --bs-btn-hover-color: var(--lpf-dk-blue);
    --bs-btn-hover-bg: var(--lpf-lt-blue);
    --bs-btn-hover-border-color: var(--lpf-lt-blue);
    --bs-btn-active-color: var(--lpf-dk-blue);
    --bs-btn-active-bg: var(--lpf-lt-blue);
    --bs-btn-active-border-color: var(--lpf-lt-blue);
}
.bg-lpf-dk-blue {
    background-color: var(--lpf-dk-blue);
}
b, strong, .lpf-dk-blue {
    color: var(--lpf-dk-blue);
}
.bg-lpf-lt-blue {
    background-color: var(--lpf-lt-blue);
}
.lpf-lt-blue {
    color: var(--lpf-lt-blue);
}
.card.text-bg-lpf {
    color: #fff !important;
    background-color: var(--lpf-dk-blue);
    --bs-link-color-rgb: 255,255,255;
}
.t58px {
    top:58px;
}
.numlist ol {
  list-style-type:none;
  counter-reset:list;
  margin-bottom: 1rem;

}
.numlist ol li:before {
    counter-increment:list;
    content: counters(list, ".") " ";
}
/* css hack to fix full width buttons in safari */
a[type='button'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
ul#ac-nav li {
    font-size:x-large;
}
ul#ac-nav li:first-child {
    text-align: left;
}
ul#ac-nav li:last-child {
    text-align: right;
}

#summary div.collapse:not(.show) {
    height: 42px !important;
    overflow: hidden;
 
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
}

#summary div.collapsing {
    min-height: 42px !important;
}

#summary a.collapsed:after  {
    content: '+ More';
}

#summary a:not(.collapsed):after {
    content: '- Less';
}

ul.col3 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

@media screen and (min-width: 576px) {
  ul.col3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
}
.yt-embed {
  aspect-ratio: 16 / 9;
  width: 100%;
}