/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
[id^="section-content-image-"]:not(.image-contain) #inner-container, #section-content-image:not(.image-contain) #inner-container {
  display: flex;
  flex-wrap: wrap;
  margin-left: -30px;
  position: relative; }
  [id^="section-content-image-"]:not(.image-contain) #inner-container > div, [id^="section-content-image-"]:not(.image-contain) #inner-container article, #section-content-image:not(.image-contain) #inner-container > div, #section-content-image:not(.image-contain) #inner-container article {
    margin-left: 30px;
    margin-top: 30px; }
    @media (min-width: 768px) {
      [id^="section-content-image-"]:not(.image-contain) #inner-container > div, [id^="section-content-image-"]:not(.image-contain) #inner-container article, #section-content-image:not(.image-contain) #inner-container > div, #section-content-image:not(.image-contain) #inner-container article {
        flex: 1 0 auto; } }
    @media (min-width: 560px) {
      [id^="section-content-image-"]:not(.image-contain) #inner-container > div, [id^="section-content-image-"]:not(.image-contain) #inner-container article, #section-content-image:not(.image-contain) #inner-container > div, #section-content-image:not(.image-contain) #inner-container article {
        max-width: calc(50% - 30px); } }
    @media (min-width: 500px) {
      [id^="section-content-image-"]:not(.image-contain) #inner-container > div, [id^="section-content-image-"]:not(.image-contain) #inner-container article, #section-content-image:not(.image-contain) #inner-container > div, #section-content-image:not(.image-contain) #inner-container article {
        min-width: calc(50% - 30px); } }

[id^="section-content-image-"].image-contain #inner-container, #section-content-image.image-contain #inner-container {
  display: flex;
  gap: 2em;
  flex-wrap: wrap; }
  @media (max-width: 767px) {
    [id^="section-content-image-"].image-contain #inner-container, #section-content-image.image-contain #inner-container {
      flex-direction: column; } }
  @media (min-width: 768px) {
    [id^="section-content-image-"].image-contain #inner-container, #section-content-image.image-contain #inner-container {
      padding-bottom: 4em; } }
  [id^="section-content-image-"].image-contain #inner-container .text, #section-content-image.image-contain #inner-container .text {
    flex: 2; }

[id^="section-content-image-"].image-contain .image, #section-content-image.image-contain .image {
  display: flex;
  align-items: center;
  flex: 1;
  min-height: 300px;
  padding: 0;
  padding-bottom: 2em; }
  [id^="section-content-image-"].image-contain .image img, #section-content-image.image-contain .image img {
    -o-object-fit: contain;
       object-fit: contain;
    border-radius: 16px;
    width: auto;
    right: 0;
    margin: auto; }

[id^="section-content-image-"].image-first .image, #section-content-image.image-first .image {
  order: 1; }

[id^="section-content-image-"].image-first .text, #section-content-image.image-first .text {
  order: 2; }

[id^="section-content-image-"] .text a:not(.btn):not(.button):not(.main-btn):not(.overlay):not(.link-overlay):not(.overlay-link):not(.image-link):not(.share):not(.wp-block-button__link), #section-content-image .text a:not(.btn):not(.button):not(.main-btn):not(.overlay):not(.link-overlay):not(.overlay-link):not(.image-link):not(.share):not(.wp-block-button__link) {
  color: #000;
  display: inline;
  outline: 0;
  text-decoration: underline;
  -webkit-text-decoration-color: currentColor;
          text-decoration-color: currentColor;
  text-decoration-thickness: 2px;
  text-underline-offset: .16em;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  transition: color .3s ease, text-decoration-thickness .3s ease; }
  [id^="section-content-image-"] .text a:not(.btn):not(.button):not(.main-btn):not(.overlay):not(.link-overlay):not(.overlay-link):not(.image-link):not(.share):not(.wp-block-button__link):hover, #section-content-image .text a:not(.btn):not(.button):not(.main-btn):not(.overlay):not(.link-overlay):not(.overlay-link):not(.image-link):not(.share):not(.wp-block-button__link):hover {
    color: #1C3F85;
    text-decoration-thickness: 3px; }
  [id^="section-content-image-"] .text a:not(.btn):not(.button):not(.main-btn):not(.overlay):not(.link-overlay):not(.overlay-link):not(.image-link):not(.share):not(.wp-block-button__link):focus-visible, #section-content-image .text a:not(.btn):not(.button):not(.main-btn):not(.overlay):not(.link-overlay):not(.overlay-link):not(.image-link):not(.share):not(.wp-block-button__link):focus-visible {
    outline: 2px solid #1C3F85;
    outline-offset: 2px; }

[id^="section-content-image-"] .image, #section-content-image .image {
  position: relative;
  padding-top: 30%; }
  @media (max-width: 767px) {
    [id^="section-content-image-"] .image, #section-content-image .image {
      width: 100%;
      padding-top: 0; } }
  @media (min-width: 768px) {
    [id^="section-content-image-"] .image img, #section-content-image .image img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; } }
  @media (min-width: 981px) {
    [id^="section-content-image-"] .image img, #section-content-image .image img {
      display: block;
      margin: 0 auto; } }

/*# sourceMappingURL=contentimage.css.map */