body {
  font-family: $font-family-raleway;

  header {
    h2 {
      font-family: $font-family-raleway;
      text-transform: none;
      text-shadow: none;
    }
  }

  main {
    h2 {
      text-align: center;

      @include media-breakpoint-down(md) {
        text-align: left;
      }
    }

    a {
      color: $primary-color;
    }
  }
}

.row {
  .item {
    @include media-breakpoint-down(sm) {
      padding-bottom: 30px;
    }
  }
}

.container {
  background: transparent;
}

.section {
  &.section-bg-color {
    background: white;
  }
}

.secondary-bg {

  h2,
  .frame-type-text header,
  .avalex-container header,
  .frame-type-list header,
  .frame-type-text p,
  .frame-type-text li,
  .avalex-container p,
  .avalex-container li,
  .frame-type-list p,
  .frame-type-list li {
    color: $white;
  }

  a {
    color: $quaternary-color;
  }
}

.section-bg-image div {
  >.gradient-overlay {
    &:before {
      height: 100%;
      background: transparent linear-gradient(0deg, #ffffff54 0%, #ffffff 100%) 0% 0% no-repeat padding-box;
    }
  }

  .image-wall {
    img {
      border-radius: $border-radius-card;
    }
  }
}

.fixed-icon {
  border-radius: 3000px;

  .btn {
    padding: 0;
    min-width: unset;
    width: 70px;
    height: 70px;
    position: relative;
    background: $secondary-color;
    border: 2px solid white;

    i {
      background-color: white;
      height: 45px;
      width: 45px;
      border-radius: 50px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: $secondary-color;
      line-height: 50px;
      font-size: 30px;
    }
  }
}

.frame-indent {
  margin-left: 10%;
  margin-right: 10%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-shadow: none;
}

input[type="search"] {
  color: $white;
}


@include media-breakpoint-down(lg) {
  hr {
    height: 20px !important;
  }

  .mt-3 {
    margin-top: 0.5rem !important;
  }

  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-xxl,
  .container-xxxl {
    .container {
      --bs-gutter-x: 0px;
    }

    .section-bg-color {
      .container {
        --bs-gutter-x: 24px;
      }
    }

    .row.split-cont {
      .container {
        --bs-gutter-x: 12px;
      }
    }
  }

  .section-bg-image .jarallax {
    padding: 0px 24px !important;
  }

  .section-bg-color .row .col-sm-12 .frame-type-text+.accordion-wrapper.accordion.accordion-modern.accordion-modern-grey-scale-1.without-bg {
    margin-top: 15px;
  }

  .container .py-4 .owl-carousel .owl-item {
    .item[style="padding-bottom: 50px;"] {
      padding-bottom: 25px !important;
    }
  }

  div[style="padding-bottom: 50px;"] {
    padding-bottom: 20px !important;

  }

  .mb-3 {
    margin-bottom: 0.5rem !important;
  }

  .mosaic.mosaic-2col.mobile-no-padding.mobile-padding .row>.col-sm-12 {
    grid-gap: 10px;
  }

  .py-4 .py-4 {
    padding-bottom: 0rem !important;
  }

  .container-fluid .container-full.twocol-50-50 .frame-type-text {
    margin: 0px 0px;
  }

  .social-feeds {
    padding: 30px 0;

  }

  .frame-space-before-extra-small,
  .frame-space-before-small,
  .frame-space-before-medium,
  .frame-space-before-large,
  .frame-space-before-extra-large {
    .py-4 {
      padding-top: 0px !important;

      .py-4 {
        padding-top: 0rem !important;
      }
    }
  }

  .frame-space-after-extra-small,
  .frame-space-after-small,
  .frame-space-after-medium,
  .frame-space-after-large,
  .frame-space-after-extra-large {
    .py-4 {
      padding-bottom: 0px !important;

      .py-4 {
        padding-bottom: 0rem !important;
      }
    }
  }

  body .container.twocol-50-50 .row.col2-grid .col-sm-12.col-md-6.col-lg-6:first-child {
    margin-bottom: 20px;
  }


  .frame-type-text p a,
  .frame-type-text li a,
  .avalex-container p a,
  .avalex-container li a,
  .frame-type-list p a,
  .frame-type-list li a,
  .frame-type-news_newsdetail p a,
  .frame-type-news_newsdetail li a,
  .frame-type-text p {
    word-break: break-word;
  }

  //////// minichat..
  section.section-bg-image .row:not(.jarallax) {
    padding: 20px 12px;
  }

  figure.image .image-embed-item {
    margin-bottom: 20px;
  }
}

@include media-breakpoint-down(md) {
  .frame-type-text ul {
    padding-left: 0px;
  }

  .mosaic.mosaic-2col .card {
    max-height: 320px;
  }

  .frame-type-textpic .ce-textpic.ce-center.ce-above .ce-bodytext ul {
    padding-left: 0px;
  }
}