/* Breakpoints */
/* Spacing/Padding */
/* Susy Grid */
/*  Gutters 

	Each column is 1 unit
	Each gutter is 1/4 of 1 column
	The container is made up of 12 columns and 11 gutters (12 + 11*.25)
	To get the gutter % you divide 1/4 (.25) by the container width (12 + 11*.25)
*/
.lls-alert {
  background-color: #eee;
  margin: 2em 0;
  padding: 2em; }
  .lls-alert > *:first-child {
    margin-top: 0; }

.alert-blue {
  background-color: #0076a5;
  border: 1px solid #006e99;
  color: #fff; }

.alert-crimson {
  background-color: #ab0c2f;
  border: 1px solid #a70c2d;
  color: #fff; }

.alert-light-gray {
  background-color: #c8c9c7;
  border: 1px solid #bfc1be; }

.alert-dark-gray {
  background-color: #888b8d;
  border: 1px solid #7d8082;
  color: #fff; }

.clearfix::after {
  content: "";
  clear: both;
  display: table; }

.card {
  margin-bottom: 2.85714%;
  margin-top: 2.85714%;
  overflow: hidden; }
  .card .card-body * {
    margin: 0; }
  .card .card-body:empty {
    display: none; }
  .card .card-cta:empty {
    display: none; }
  .card .card-cta > a {
    display: inline-block;
    margin: 0.5em 0; }
  .card .card-heading {
    margin-top: 0; }
    .card .card-heading:empty {
      display: none; }
  .card .card-image:empty {
    display: none; }
  .card .card-image img {
    height: auto !important;
    width: 100% !important; }

.cards > .container {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden; }
  .cards > .container:after {
    content: " ";
    display: block;
    clear: both; }

@media (min-width: 768px) {
  .cards-2 .card {
    width: 40%;
    float: left;
    margin-right: 2.85714%; }
  .cards-2 .card:first-child {
    margin-left: 8.57143%; }
  .cards-2 .card:last-child {
    float: right;
    margin-right: 0;
    margin-right: 8.57143%;
    margin-left: 0; } }

@media (min-width: 768px) {
  .cards-3 .card {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%; }
  .cards-3 .card:nth-of-type(2n+2) {
    float: right;
    margin-right: 0; }
  .cards-3 .card:nth-of-type(3n+3) {
    margin-left: 17.14286%;
    width: 65.71429%;
    float: left;
    margin-right: 2.85714%; } }

@media (min-width: 992px) {
  .cards-3 .card {
    width: 31.42857%;
    float: left;
    margin-right: 2.85714%; }
  .cards-3 .card:nth-of-type(2n+2) {
    float: left;
    margin-right: 2.85714%; }
  .cards-3 .card:nth-of-type(3n+3) {
    width: 31.42857%;
    float: left;
    margin-right: 2.85714%;
    float: right;
    margin-right: 0;
    margin-left: 0%; } }

@media (min-width: 768px) {
  .cards-4 .card {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%; }
  .cards-4 .card:nth-child(2) {
    float: right;
    margin-right: 0; }
  .cards-4 .card:nth-child(4) {
    float: right;
    margin-right: 0; } }

@media (min-width: 992px) {
  .cards-4 {
    font-size: 0.875em; }
    .cards-4 .card {
      width: 22.85714%;
      float: left;
      margin-right: 2.85714%; }
    .cards-4 .card:nth-child(2) {
      float: left;
      margin-right: 2.85714%; }
    .cards-4 .card:nth-child(4) {
      float: right;
      margin-right: 0; } }

.cards-4 .columns::after {
  clear: both;
  content: "";
  display: block; }

.media {
  display: block;
  margin-bottom: 1em;
  padding: 1em;
  width: 100%; }
  .media .media-body {
    display: block; }
    .media .media-body > *:first-child {
      margin-top: 0; }
    .media .media-body > *:last-child {
      margin-bottom: 0; }
    .media .media-body h1, .media .media-body h2, .media .media-body h3, .media .media-body h4, .media .media-body h5, .media .media-body h6 {
      margin-top: 0; }
  .media .media-object {
    display: block;
    width: 100%; }
    .media .media-object > img {
      height: auto !important;
      max-width: 100% !important;
      width: auto !important; }

@media (min-width: 768px) {
  .media {
    display: table; }
    .media .media-body {
      display: table-cell;
      vertical-align: top; }
    .media .media-object {
      display: table-cell;
      padding-right: 2em;
      vertical-align: top;
      width: 20%; }
    .media .media-body + .media-object {
      padding-left: 2em;
      padding-right: 0; } }

th a {
  color: #fff; }

ul li ul, ul:not([class]) li ul:not([class]) {
  margin: 0.5em 0; }

.lls-3-col-block-content .container {
  display: flex;
  flex-wrap: wrap; }

.lls-3-col-block-content .card {
  margin: 1em;
  padding: 0;
  width: 100%; }

.lls-3-col-block-content .card-image img {
  height: auto;
  width: 100%; }

@media (min-width: 768px) {
  .lls-3-col-block-content .card {
    margin: 1%;
    width: 48%; } }

@media (min-width: 992px) {
  .lls-3-col-block-content .card {
    margin: 1%;
    width: calc(94%/3); } }