html, body {
  font-size: 16px !important;
  margin: 0; }
  html a, body a {
    color: #7a1f00;
    text-decoration: underline; }
    html a:hover, body a:hover {
      color: #7a1f00;
      text-decoration: none; }
  html .ui.button, body .ui.button {
    background: #7a1f00;
    color: white; }
    html .ui.button:hover, body .ui.button:hover {
      background: #2e0c00;
      color: white; }

body {
  background-image: url("/assets/images/wood-bg.jpg");
  background-repeat: repeat !important; }

header.site-header {
  border-bottom: 6px solid #a38964; }
  header.site-header .ui.tablet.menu {
    margin: 0 !important; }
    header.site-header .ui.tablet.menu .item {
      line-height: 114px !important;
      position: relative !important;
      padding-left: 2rem !important; }
      header.site-header .ui.tablet.menu .item:before {
        content: "";
        background: #a38964;
        height: 3px;
        position: absolute !important;
        top: 0;
        left: 0;
        width: calc(100% + 2rem);
        right: auto !important;
        line-height: 1rem; }
      header.site-header .ui.tablet.menu .item:hover:before, header.site-header .ui.tablet.menu .item.active:before {
        display: block !important; }
  header.site-header .ui.mobile.menu .item {
    font-weight: bold;
    line-height: 30px !important;
    position: relative !important;
    padding-left: 10px !important; }
    header.site-header .ui.mobile.menu .item:hover:before, header.site-header .ui.mobile.menu .item.active:before {
      display: block !important; }
    header.site-header .ui.mobile.menu .item:before {
      content: "";
      background: #a38964;
      width: 3px;
      height: 100%;
      position: absolute !important;
      top: 0;
      left: 0;
      margin-right: 10px; }
  @media (max-width: 1023px) {
    header.site-header .ui.grid .column {
      width: 100% !important; }
    header.site-header .ui.tablet.menu {
      display: none; }
    header.site-header .logo .image {
      max-width: 33%;
      margin: auto; } }
  @media (min-width: 1024px) {
    header.site-header .ui.mobile.menu {
      display: none; } }

footer.site-footer {
  border-top: 6px solid #a38964; }
  footer.site-footer .ui.grid {
    margin-top: 10px !important; }
  footer.site-footer .footer-call {
    font-size: 1.2rem; }
  @media (max-width: 768px) {
    footer.site-footer .ui.grid .column {
      margin: auto;
      text-align: center; }
      footer.site-footer .ui.grid .column .menu {
        margin: auto; } }

article.page {
  background: white;
  padding: 15px 0; }
  article.page .page-title {
    margin: 10px 0; }
  article.page.home .home-tiles {
    font-size: 1.5rem; }
    article.page.home .home-tiles a {
      text-decoration: none; }
  article.page.colors .ui.column {
    padding: 50px 0;
    color: white; }
  article.page.colors .red {
    background: #ff0000; }
  article.page.colors .green {
    background: #008000; }
  article.page.colors .blue {
    background: #0000ff; }
  article.page.colors .yellow {
    background: #ffff00; }
  article.page.colors .orange {
    background: #ffa500; }
  article.page.colors .black {
    background: #000000; }
  article.page.colors .pink {
    background: #ffc0cb; }
  article.page.colors .coral {
    background: #ff7f50; }
  article.page.colors .sky {
    background: #00bfff; }
  article.page.colors .lava {
    background: #cf1020; }
  article.page.colors .ice {
    background: #f0f8ff;
    color: #000 !important; }
  article.page.colors .money {
    background: #216C2A; }
  article.page.contact #map {
    width: 100%;
    height: 400px; }
  article.page.contact address {
    margin-bottom: 15px; }
  @media (max-width: 768px) {
    article.page.contact #map {
      float: right;
      max-width: 75% !important;
      overflow: hidden; } }

.text-center, article.page.colors .ui.column {
  text-align: center; }

.text-right {
  text-align: right; }

.text-left {
  text-align: left; }

.bold, footer.site-footer .footer-call {
  font-weight: bold; }

.clearfix:after {
  content: "";
  display: table;
  clear: both; }

.hidden {
  display: none; }
