/*!
	What would be the child theme, but JPL/LKC theme are combined due to interim 'Hello Elementor' theme

	LOTS of !important to override 'Hello Elementor' theme
*/
/**
 * Media Queries
 */
/**
 * Standard Colors
 */
.btn-inverse {
  background: #2CD5C4;
  color: #071D49 !important;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
  border-radius: 25px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 700;
  padding: 10px 20px;
  line-height: 1.5rem;
  text-decoration: none !important;
  background: #fff !important;
  border: 2px solid #071D49 !important;
  padding: 8px 18px !important;
}
.btn-inverse:hover {
  background: #d7efe7;
}
.btn-inverse:hover {
  background: #c6e6e1 !important;
}
.block {
  padding: 1.5rem 0;
  /*background colors: could be used across multiple modules */
  /*primary button: teal background, dark blue text*/
  /*secondary button: blue border, white background*/
}
@media only screen and (min-width: 768px) {
  .block {
    padding: 2.5rem 0;
  }
}
@media only screen and (min-width: 980px) {
  .block {
    padding: 3.5rem 0;
  }
}
.block h1,
.block h2,
.block h3,
.block h4,
.block h5,
.block h6,
.block .h1,
.block .h2,
.block .h3,
.block .h4,
.block .h5,
.block .h6 {
  margin: 0;
}
.block h1 i,
.block h2 i,
.block h3 i,
.block h4 i,
.block h5 i,
.block h6 i,
.block .h1 i,
.block .h2 i,
.block .h3 i,
.block .h4 i,
.block .h5 i,
.block .h6 i,
.block h1 em,
.block h2 em,
.block h3 em,
.block h4 em,
.block h5 em,
.block h6 em,
.block .h1 em,
.block .h2 em,
.block .h3 em,
.block .h4 em,
.block .h5 em,
.block .h6 em {
  font-weight: 300;
}
.block h1,
.block .h1 {
  color: #071D49 !important;
  font-size: 3.5rem !important;
  font-style: initial;
  font-weight: 500 !important;
  line-height: 4rem !important;
}
.block h2,
.block .h2 {
  color: #071D49 !important;
  font-size: 3rem !important;
  font-style: italic;
  font-weight: 300 !important;
  line-height: 3.625rem !important;
}
.block h3,
.block .h3 {
  color: #25282A !important;
  font-size: 2.375rem !important;
  font-style: initial;
  font-weight: 300 !important;
  line-height: 3rem !important;
}
.block h4,
.block .h4 {
  color: #25282A !important;
  font-size: 1.5rem !important;
  font-style: initial;
  font-weight: 300 !important;
  line-height: 2.25rem !important;
}
.block h5,
.block .h5 {
  color: #006271 !important;
  font-size: 1rem !important;
  font-style: initial;
  font-weight: 500 !important;
  letter-spacing: 0.25rem !important;
  line-height: 2rem !important;
  text-transform: uppercase;
}
.block ul,
.block ol {
  padding-left: 1.25rem;
}
.block ul li,
.block ol li {
  padding-left: 0.25rem;
}
.block p.feature {
  font-size: 1.25rem;
}
.block ul.checkmarks {
  list-style: none;
}
.block ul.checkmarks > li::before {
  content: '✓';
  margin-left: -1.05rem;
  margin-right: 0.25rem;
}
.block a {
  color: #006271 !important;
  text-decoration: underline !important;
}
.block a:hover {
  text-decoration: none !important;
}
.block .block-wrap {
  margin: auto;
  max-width: 1140px;
  padding: 0 20px;
}
@media only screen and (min-width: 980px) {
  .block .block-wrap {
    padding: 0 15px;
  }
}
.block .link-wrap {
  margin-top: 30px;
}
.block.bg-color-default {
  background: #fff;
}
.block.bg-color-teal-light {
  background: #d7efe7;
}
.block.bg-color-gray-light {
  background: #F2F1F0;
}
@media only screen and (max-width: 782px) {
  .block.bg-color-gray-light-split-white .block-wrap {
    padding-left: 0;
    padding-right: 0;
  }
  .block.bg-color-gray-light-split-white .block-wrap > div {
    padding: 20px;
  }
  .block.bg-color-gray-light-split-white .block-wrap > div:first-child {
    background: #F2F1F0;
  }
  .block.bg-color-gray-light-split-white .block-wrap > div:last-child {
    background: #fff;
  }
}
@media only screen and (min-width: 768px) {
  .block.bg-color-gray-light-split-white {
    background: linear-gradient(to right, #F2F1F0 50%, #fff 50%);
  }
}
.block.bg-color-blue-dark {
  background: #071D49;
  color: #fff !important;
}
.block.bg-color-blue-dark h1,
.block.bg-color-blue-dark .h1,
.block.bg-color-blue-dark h2,
.block.bg-color-blue-dark .h2,
.block.bg-color-blue-dark h3,
.block.bg-color-blue-dark .h3,
.block.bg-color-blue-dark h4,
.block.bg-color-blue-dark .h4 {
  color: #fff !important;
}
.block.bg-color-blue-dark h5,
.block.bg-color-blue-dark .h5 {
  color: #d7efe7 !important;
}
.block.bg-color-blue-dark a:not(.btn) {
  color: #d7efe7 !important;
}
.block .btn {
  background: #2CD5C4;
  color: #071D49 !important;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
  border-radius: 25px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 700;
  padding: 10px 20px;
  line-height: 1.5rem;
  text-decoration: none !important;
}
.block .btn:hover {
  background: #d7efe7;
}
.block .btn span {
  display: inline-block;
  vertical-align: middle;
}
.block .btn-has-icon > span {
  padding-left: 2.5em;
  position: relative;
}
.block .btn-has-icon .btn-icon {
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 1.75em;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  vertical-align: middle;
  width: 2em;
}
.block .btn-inverse {
  background: #2CD5C4;
  color: #071D49 !important;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
  border-radius: 25px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 700;
  padding: 10px 20px;
  line-height: 1.5rem;
  text-decoration: none !important;
  background: #fff !important;
  border: 2px solid #071D49 !important;
  padding: 8px 18px !important;
}
.block .btn-inverse:hover {
  background: #d7efe7;
}
.block .btn-inverse:hover {
  background: #c6e6e1 !important;
}
.block span.link-wrap {
  display: inline-block;
  margin: 1rem 1rem 0 0;
}
.block.breadcrumbs {
  padding: 0;
}
.block.breadcrumbs.light-text {
  color: #ffffff;
}
.block.breadcrumbs.dark-text {
  color: #071D49;
}
.block.breadcrumbs a {
  color: currentColor !important;
  text-decoration: none !important;
}
.block.breadcrumbs a:hover {
  text-decoration: underline !important;
}
.block.breadcrumbs .content {
  position: relative;
}
.block.breadcrumbs .links {
  left: 15px;
  position: absolute;
  top: 0.5em;
  z-index: 5;
}
@media only screen and (min-width: 768px) {
  .block.breadcrumbs .links {
    left: 0;
    top: 1em;
  }
}
