@charset "utf-8";

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

html { 
  font-size: 100%;
}

body {
  font-family: $main-font;
  font-weight: 300;
  font-size: inherit;
  margin-top: 40px;
}

a:link,
a:visited {
  font-family: $main-font;
  font-weight: 300;
  color: $brand-primary;
}

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

img {
  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 {
  text-transform:uppercase;
  font-weight: 500;
  border-radius: 0;
  color: $theme-gray;
  border: 3px solid $theme-gray;
  background-color: transparent;
  font-size: 0.8125rem;
  padding: .8em 1.4em;

  &:hover,&:active,&:active:hover{
    border-radius: 0;
    color: $theme-color-third;
    background-color: transparent;
    border: 3px solid $theme-color-third;
  }
}

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

//index > main-section

.main-section{
  position: relative;
  @media(min-width: 993px){
    width: 80%;
    margin-left: 20%;  
  }
  
}

.black-bg{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: transparent;
  width: 100%;
  height: 100%;
  transition: .5s;
  z-index: 10;
  pointer-events: none;

  &.active{
    background-color: rgba(black,.5);
    pointer-events: auto;
  }
}

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