@import "variables";
@import "mixins";

#icg-cookie-consent {
  background: #d2d4bc !important;
  .col-lg-12 {
    @include bp("sm") {
      padding: 0;
    }
  }
  h3.title {
    color: $col-sec;
    @include underlined;
    font-size: $fs-h2;
    line-height: $lh-h2;
    @include bp("md") {
      font-size: $fs-h3;
      line-height: $lh-h3;
    }
  }
  .sections {
    margin-top: 3rem;
    h5 {
      color: $col-sec;
      margin-bottom: 1rem;
    }
    p {
      color: $gray700;
      text-align: left !important;
      @include bp("md") {
        font-size: 1.2rem;
      }
    }
    input[type="checkbox"] {
      cursor: pointer;
      border-color: $gray700;
      order: -1;
      margin-right: $space-xxs;
      margin-top: 3px;
      background-color: $gray100;
      @include bp("md") {
        margin-top: 0;
      }
      &:checked {
        background-color: $col-sec;
      }
    }
  }
  .container {
    .wrp {
      padding: 6rem 0;
      max-width: calc(var(--container-width) - 30px);
      min-width: calc(var(--container-width) - 30px);
      @include bp("md") {
        padding: $space-sm;
        max-width: var(--container-width);
      }
      .content {
        .desc {
          margin-top: 3rem;
          color: $gray700;
          @include bp("md") {
            margin-top: 1.5rem;
          }
          p {
            text-align: left;
            @include bp("md") {
              font-size: 1.2rem;
            }
          }
        }
      }
      .settings {
      }
      .btns {
        display: flex;
        .button-outline {
          background-color: transparent;
          border-color: $col-sec;
          color: $col-sec;
          &:hover {
            border-color: $col-prm;
            color: $col-prm;
          }
        }
        .btn-settings {
          margin-right: $space-sm;
        }
        @include bp("md") {
          margin-top: 1.5rem;
          flex-direction: column;
        }
        .button {
          @include bp("md") {
            width: 100%;
          }
        }
      }
    }
  }
}
