/**
 * 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
 */
.section-content-toggle .container {
  position: relative; }
  .section-content-toggle .container .h2 {
    line-height: 1; }
  .section-content-toggle .container .h1 {
    margin-top: 0; }
  .section-content-toggle .container .content-wrapper {
    display: grid;
    gap: 2em;
    grid-template-columns: 1fr;
    padding-top: 45px; }
    @media (min-width: 768px) {
      .section-content-toggle .container .content-wrapper {
        grid-template-columns: repeat(1, 1fr); } }
    @media (min-width: 981px) {
      .section-content-toggle .container .content-wrapper {
        grid-template-columns: repeat(2, 1fr); } }
    .section-content-toggle .container .content-wrapper .content {
      position: relative; }
      .section-content-toggle .container .content-wrapper .content .icon {
        position: absolute;
        top: 0;
        left: 0;
        height: 40px;
        width: 40px;
        background-color: var(--white);
        display: flex;
        align-items: center;
        justify-content: center; }
        @media (min-width: 981px) {
          .section-content-toggle .container .content-wrapper .content .icon {
            height: 60px;
            width: 60px; } }
        .section-content-toggle .container .content-wrapper .content .icon img {
          max-height: 20px;
          max-width: 20px;
          height: auto;
          width: auto; }
          @media (min-width: 981px) {
            .section-content-toggle .container .content-wrapper .content .icon img {
              max-height: 30px;
              max-width: 30px; } }
      @media (max-width: 980px) {
        .section-content-toggle .container .content-wrapper .content .title {
          padding-left: calc(40px + 90px / 4); } }
      .section-content-toggle .container .content-wrapper .content .title h1, .section-content-toggle .container .content-wrapper .content .title h2, .section-content-toggle .container .content-wrapper .content .title h3 {
        margin: 0;
        padding: 4px 0 22.5px; }
        @media (min-width: 981px) {
          .section-content-toggle .container .content-wrapper .content .title h1, .section-content-toggle .container .content-wrapper .content .title h2, .section-content-toggle .container .content-wrapper .content .title h3 {
            padding: 17px 0 45px; } }
      .section-content-toggle .container .content-wrapper .content p {
        margin: 0; }
    @media (max-width: 980px) {
      .section-content-toggle .container .content-wrapper .blocks {
        padding: 0; } }
    .section-content-toggle .container .content-wrapper .blocks .block {
      border-bottom: 1px solid var(--dark-blue);
      padding-top: 30px;
      padding-bottom: 30px;
      padding-left: calc(40px + 90px / 4); }
      @media (min-width: 981px) {
        .section-content-toggle .container .content-wrapper .blocks .block {
          padding-left: calc(60px + 90px / 2);
          padding-top: 45px;
          padding-bottom: 45px; } }
      .section-content-toggle .container .content-wrapper .blocks .block:first-of-type {
        border-top: 1px solid var(--dark-blue); }
      .section-content-toggle .container .content-wrapper .blocks .block .toggle-title {
        margin: 0;
        position: relative; }
        .section-content-toggle .container .content-wrapper .blocks .block .toggle-title:before {
          content: '\e904';
          font-family: icomoon;
          font-size: 14px;
          color: var(--green);
          height: 40px;
          width: 40px;
          background-color: var(--dark-blue);
          display: flex;
          justify-content: center;
          align-items: center;
          position: absolute;
          left: calc(-40px + -90px / 4);
          top: 50%;
          transform: translateY(-50%); }
          @media (min-width: 981px) {
            .section-content-toggle .container .content-wrapper .blocks .block .toggle-title:before {
              height: 60px;
              width: 60px;
              font-size: 21px;
              left: calc(-60px + -90px / 2); } }
        .section-content-toggle .container .content-wrapper .blocks .block .toggle-title:hover {
          cursor: pointer; }
      .section-content-toggle .container .content-wrapper .blocks .block .content {
        display: none;
        padding-top: 30px; }

.section-content-toggle.dark .block {
  border-top-color: var(--white) !important;
  border-bottom-color: var(--white) !important; }

/*# sourceMappingURL=content-toggle-content.css.map */