﻿.panel-container {
  position: relative;
  display: block;
  overflow-wrap: anywhere;
}

  .panel-container h1,
  .panel-container h2,
  .panel-container h3,
  .panel-container h4,
  .panel-container h5,
  .panel-container h6 {
    margin-bottom: 0.5em;
  }

  .panel-container .float-box {
    max-width: 40%;
    margin-inline: 0.5em;
  }

  .panel-container p:not(.tagline-content) {
    font-size: 16px;
    font-family: 'Karla-Regular', 'Segoe UI', sans;
  }

  .panel-container a {
    color: #007bff !important;
  }

  .panel-container ul {
    overflow: hidden;
  }

@media (min-width: 841px) {
  .panel-container ul {
    list-style-type: disc;
    margin-bottom: 1rem;
    padding-inline-start: 40px;
  }
}

.content.col-xs-12.col-md-11 {
  padding: 12px 50px;
}

/* TagLine Content Element
 * NOTE: Excluded from .panel-container p styling via :not() selector
 * to prevent font-size override. See line 21 for exclusion pattern.
 */
.tagline-content {
  text-shadow: 0 0 16px #FFFFFF;
  font-family: 'Fira Sans', 'Karla-Regular', sans-serif;
  font-size: 23px;
  padding-bottom: 15px; /* Retain previous h2 padding */
}
