@charset "utf-8";

@import "../initial";
@import "variables";

html {
  font-size: 100%;
}

body {
  font-family: $sub-font;
  font-size: inherit;
  margin-top: 2.5em;
  background-color: #F8F8F8;
}

a:link,
a:visited {
  color: #288E8E;
}

a:hover,
a:focus {
      color: #1d6666;
      text-decoration: revert;
}

img {
  max-width: 100%;
  height: auto;
}

.admin-edit {
  clear: both;
}

// override bootsrap settings
th,
td {
  padding: 0.5em .5rem;
}

.borderless > tbody > tr > td,
.borderless > tbody > tr > th,
.borderless > tfoot > tr > td,
.borderless > tfoot > tr > th,
.borderless > thead > tr > td,
.borderless > thead > tr > th {
  border: none !important;
}

a.btn-primary {
  color: $theme-white;
  border-color: #288E8E;
  background-color: #288E8E;
  font-size: 0.8125rem;

  &:hover {
    background-color: darken($theme-color-main, 10%);
    border-color: darken($theme-color-main, 10%);
  }
}

// Page heading
.page-module-title {
  @extend .unity-title;

  margin-bottom: 1.125em;
}

.view-count {
  font-size: 0.75rem;
}

.view_count {
  > i {
    font-size: 0.75rem;

    &:before {
      margin-right: 0.5em;
    }
  }
}

// Take care of exceeding content
body[data-module="page_content"],
body[data-module="announcement"] {
  .layout-content {
    overflow-x: auto;
  }
}