// Journal 4.3.1
// Bootswatch


// Variables ===================================================================

//$web-font-path: "https://fonts.googleapis.com/css?family=News+Cycle:400,700" !default;
//@import url($web-font-path);

@font-face {
    font-family: 'News Cycle';
    font-style: normal;
    font-weight: 400;
    src: unquote("url('[[font:theme|NewsCycle-Regular.ttf]]') format('truetype')");
}

@font-face {
    font-family: 'News Cycle';
    font-style: normal;
    font-weight: 700;
    src: unquote("url('[[font:theme|NewsCycle-Bold.ttf]]') format('truetype')");
}

// Navbar ======================================================================

.bg-dark {
  background-color: #000 !important;
}

.bg-light {
  background-color: $white !important;
  color: $black;
  border: 1px solid $gray-200;

  &.navbar-fixed-top {
    border-width: 0 0 1px 0;
  }

  &.navbar-fixed-bottom {
    border-width: 1px 0 0 0;
  }
}

.navbar {
  font-size: 18px;
  font-family: $headings-font-family;
  font-weight: $headings-font-weight;
}

.navbar-brand {
  padding-top: 0.5rem;
  font-size: inherit;
  font-weight: $headings-font-weight;
  text-transform: uppercase;
}

// Buttons =====================================================================

.btn {
  font-family: $headings-font-family;
  font-weight: $headings-font-weight;

  &-secondary,
  &-warning {
    color: $white;
  }
}

// Typography ==================================================================

// Tables ======================================================================

// Forms =======================================================================

// Navs ========================================================================

.pagination {
  a:hover {
    text-decoration: none;
  }
}

// Indicators ==================================================================

// Progress bars ===============================================================

// Containers ==================================================================