@charset "utf-8";

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

html {
  font-size: 100%;
}

body {
  font-family: $sub-font;
  font-size: inherit;
  margin-top: 2.5em;
  background: $theme-green-light;
  overflow: hidden scroll;
}

a:link,
a:visited {
  color: $theme-color-main;
}

a:hover,
a:focus {
  color: lighten($theme-color-main, 10%);
  text-decoration: none;
}

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;
  font-size: 0.8125rem;
  -webkit-transition: all 200ms cubic-bezier(0.39, 0.5, 0.15, 1.36);
    -moz-transition: all 200ms cubic-bezier(0.39, 0.5, 0.15, 1.36);
    -ms-transition: all 200ms cubic-bezier(0.39, 0.5, 0.15, 1.36);
    -o-transition: all 200ms cubic-bezier(0.39, 0.5, 0.15, 1.36);
    transition: all 200ms cubic-bezier(0.39, 0.5, 0.15, 1.36);
    background: none;
    border: none;
    font-size: 0.8125rem;
    color: #3ea18d;
    box-shadow: #3ea18d 0 0px 0px 2px inset;

  &:hover {
    color: #fff;
    box-shadow: #3ea18d 0 0px 0px 40px inset;
  }
}

// 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;
  }
}