@charset "utf-8";

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

html {
  font-size: 100%;
}

body {
  font-family: $sub-font;
  margin-top: 40px;
  background: url(/assets/bg_yellow.png) repeat-x scroll 0 0 #e8e8e8;
  font: 0.95em/20px "open sans",sans-serif;
  padding: 0;
}

a:link,
a:visited {
  color: #3e2123;
}

a:hover,
a:focus {
  color: lighten($color: #3e2123, $amount: 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;
  border-color: $theme-color-second;
  background-color: $theme-color-second;
  font-size: 1rem;
  padding: 0em 0.5em;
  font-weight: bold;

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

.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary, .btn-primary.focus, .btn-primary:focus {
  color: $theme-white;
  border-color: $theme-color-second;
  background-color: $theme-color-second;
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
  color: $theme-white;
  border-color: $theme-color-second;
  background-color: $theme-color-second;
}
// Page heading
.page-module-title {
    border-bottom: 1px dashed #6f5c46;
    border-top: 1px dashed #6f5c46;
    box-sizing: border-box;
    clear: both;
    color: #6f5c46;
    font-size: 1.05rem !important;
    line-height: 40px;
    font-family: $main-font;
    margin: 0 0 10px;
    padding: 0 0 0 10px;
}

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