/**
 * Copyright (c) 2023, WSO2 LLC. (https://www.wso2.com).
 *
 * WSO2 LLC. licenses this file to you under the Apache License,
 * Version 2.0 (the "License"); you may not use this file except
 * in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied. See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */

@import "Theme";

.policy-container {
  display: flex;
  justify-content: space-between;
}

.policy {
  width: 60%;
  min-width: 200px;
  padding: 20px;
  border-radius: 10px;
  margin: 20px auto;
  overflow-wrap: break-word;
}

.toc {
  width: 20%;
  height: fit-content;
  min-width: 200px;
  background-color: white;
  padding: 20px;
  border-radius: 10px;
  margin: 20px auto;
  border: $border-secondory;
  overflow-wrap: break-word;
}

.sub-item {
  margin-left: 1rem;
  list-style-type: circle;
}

a {
  color: $link-color;
  text-decoration: none;
}

.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  justify-content: center;
  padding-top: 20px;
  margin-bottom: 20px;
}

@media screen and (max-width: 800px) {
  .policy-container {
    flex-direction: column;
  }
  .policy {
    width: 80%;
  }
  .toc {
    width: 50%;
  }
}
