@charset "utf-8";

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

html {
  font-size: 100%;
}

body {
  font-family: $sub-font;
  font-size: inherit;
  margin-top: 40px;
  background-image: url(/assets/bg.jpg)
}

a:link,
a:visited {
  color: #8F6A2B;
}

a:hover,
a:focus {
  color: lighten(#8F6A2B, 10%);
  text-decoration: underline;
}

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

.admin-edit {
  clear: both;
}

// override bootsrap settings
th,
td {
  padding: 8px .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: #000444;//#d91f24;
  background-color: #000444;//#d91f24;
  font-size: 0.8125rem;
  border-radius: 0;
  letter-spacing: 0.02rem;

  &:hover {
    background-color: darken($theme-color-main, 5%);
    border-color: darken($theme-color-main, 5%);
    transition:0.2s;
  }
  .fa{
    transform: translate(0, 1px);
    font-size: 16px;
    padding-right: 4px;
  }
}

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

  margin-bottom: 18px;
}

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

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

    &:before {
      margin-right: 8px;
    }
  }
}

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