/**
 * defcad project
 */
/* imports */
/**
 * defcad variables
 */
/* color palette */
/* defcad colors */
/* alert colors */
/* project variables */
html, body {
  height: 100%; }

body {
  background-color: #fff;
  font-family: Segoe;
  line-height: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  color: #fff; }

h1, h2, h3, h4, h5, h6 {
  font-family: bebasneue_regular, sans-serif;
  letter-spacing: 2px; }

input {
  font-family: Segoe, sans-serif; }

a {
  color: rgba(0, 187, 236, 0.87); }
  a, a:hover, a:focus {
    text-decoration: none; }
  a:hover {
    color: #00bbec; }

.divider {
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

.spacer {
  margin: 10px 0; }

#defcad-content {
  background-color: #1d1d1d;
  width: 100%;
  margin: 0px auto;
  -ms-flex: 1 0 auto;
      flex: 1 0 auto; }
  #defcad-content.light {
    background-color: #373737; }

.footer {
  color: #000;
  -ms-flex-negative: 0;
      flex-shrink: 0; }

/**
 * buttons
 */
button {
  cursor: pointer; }

.btn.sbmt-btn {
  background-color: transparent;
  border: solid 1px #00bbec;
  border-radius: 0px;
  color: #00bbec;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 3px;
  text-align: center;
  text-transform: uppercase;
  padding: 10px 12px 6px;
  font-family: 'bebasneue_regular';
  cursor: pointer; }

.btn.sbmt-btn:hover {
  color: #fff;
  background-color: #017fa0;
  border-color: #017fa0; }

/**
 * alerts
 *
 * bootstrap alert CSS, translated to the django-standard levels of
 * debug, info, success, warning, error
 */
.alert {
  font-family: bebasneue_regular;
  letter-spacing: 1px;
  margin: 16px auto;
  margin: 1rem auto;
  padding: 14px 20px 10px; }

.alert-debug {
  background-color: #fff;
  border-color: #000;
  color: #000; }

.alert-success {
  color: rgba(2, 171, 215, 0.87);
  background-color: rgba(0, 0, 0, 0.87);
  border-color: rgba(2, 171, 215, 0.87); }

.alert-danger, .alert-error {
  color: rgba(181, 85, 94, 0.87);
  background-color: rgba(0, 0, 0, 0.87);
  border-color: rgba(181, 85, 94, 0.87); }

/**
 * search
 */
#defcad-search #search-form, #defcad-searchbar #search-form {
  width: 100%; }
  #defcad-search #search-form input, #defcad-searchbar #search-form input {
    color: #fff; }
  #defcad-search #search-form #search-input, #defcad-searchbar #search-form #search-input {
    background: none;
    border: 0;
    border-bottom: 1px solid #bfbfbf;
    font-size: 42px;
    font-weight: 900;
    letter-spacing: 1px;
    outline: 0;
    padding-bottom: 5px;
    width: 100%;
    -webkit-appearance: none; }
  #defcad-search #search-form #search-buttons, #defcad-searchbar #search-form #search-buttons {
    border-bottom: 1px solid #bfbfbf;
    text-align: right; }
    #defcad-search #search-form #search-buttons button, #defcad-searchbar #search-form #search-buttons button {
      border: none;
      background-color: #000;
      color: #fff;
      cursor: pointer;
      outline: 0;
      font-size: 24px;
      -webkit-appearance: none; }
    #defcad-search #search-form #search-buttons .search-btn, #defcad-search #search-form #search-buttons .close-btn, #defcad-searchbar #search-form #search-buttons .search-btn, #defcad-searchbar #search-form #search-buttons .close-btn {
      line-height: 90px;
      opacity: 0.5;
      transition: all 0.20s ease-in-out;
      -webkit-transition: all 0.20s ease-in-out;
      -moz-transition: all 0.20s ease-in-out;
      -ms-transition: all 0.20s ease-in-out;
      -o-transition: all 0.20s ease-in-out; }
    #defcad-search #search-form #search-buttons .search-btn > img, #defcad-searchbar #search-form #search-buttons .search-btn > img {
      margin-top: -10px;
      width: 25px; }
    #defcad-search #search-form #search-buttons .search-btn:hover, #defcad-searchbar #search-form #search-buttons .search-btn:hover {
      opacity: 1; }
    #defcad-search #search-form #search-buttons .close-btn, #defcad-searchbar #search-form #search-buttons .close-btn {
      display: none; }
  #defcad-search #search-form #search-filters, #defcad-searchbar #search-form #search-filters {
    display: block;
    white-space: nowrap;
    width: 100%; }
    #defcad-search #search-form #search-filters .form-check, #defcad-searchbar #search-form #search-filters .form-check {
      margin-right: 12px;
      margin-right: .75rem; }
      #defcad-search #search-form #search-filters .form-check .form-check-label, #defcad-searchbar #search-form #search-filters .form-check .form-check-label {
        font-family: bebasneue_regular;
        letter-spacing: 2px;
        padding-top: 4px;
        padding-left: 12px;
        padding-left: .75rem;
        vertical-align: text-top; }

#defcad-search {
  background: none;
  padding: 10px 0 20px; }
  #defcad-search #search-form #search-input {
    border-bottom: 3px solid #545456; }
  #defcad-search #search-form #search-buttons {
    border-bottom: 3px solid #545456; }
    #defcad-search #search-form #search-buttons .search-btn {
      background-color: #1d1d1d; }
  #defcad-search #search-form #search-filters {
    background: #2f2f2f;
    padding: 13px 15px 7px; }

#defcad-searchbar {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.95) 20%, rgba(0, 0, 0, 0.75) 60%, transparent);
  display: none;
  height: 90%;
  opacity: 1;
  padding: 5px 0 20px;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 10; }
  #defcad-searchbar .open {
    display: block;
    opacity: 1; }
  #defcad-searchbar #search-form #search-filters {
    margin-top: 15px;
    margin-bottom: 10px; }

/**
 * jumbotron
 */
.homepage-container {
  background: url("../images/page-banner.jpg");
  background-position: bottom center;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover; }

.homepage-jumbotron {
  padding: 32px 16px 0 16px;
  padding: 2rem 1rem 0 1rem; }
  .homepage-jumbotron h1 {
    margin-bottom: 1em; }
    .homepage-jumbotron h1 a, .homepage-jumbotron h1 a:focus {
      color: rgba(236, 71, 0, 0.87); }
    .homepage-jumbotron h1 a:hover {
      color: #ec4700; }
    .homepage-jumbotron h1 span {
      color: #00bbec; }
  .homepage-jumbotron .jumbotron-col {
    padding-bottom: 32px;
    padding-bottom: 2rem; }
    .homepage-jumbotron .jumbotron-col h3 {
      font-size: 32px;
      font-size: 2rem; }
    .homepage-jumbotron .jumbotron-col .icon-container {
      margin: 16px 0;
      margin: 1rem 0; }
      .homepage-jumbotron .jumbotron-col .icon-container img {
        width: 133px;
        height: 133px; }
    @media (max-width: 767px) {
      .homepage-jumbotron .jumbotron-col .jumbotron-col:not(:first-child) {
        margin-top: 2rem; } }

/**
 * navigation
 */
#page-nav-container #page-nav {
  font-family: bebasneue_regular;
  letter-spacing: 2px;
  background-color: #222222;
  height: auto; }
  #page-nav-container #page-nav .navbar {
    padding-top: 0px;
    padding-bottom: 0px; }
  #page-nav-container #page-nav .nav-item {
    border-bottom: 2px solid #222222;
    padding: 10px 22px;
    transition: all 0.20s ease-in-out;
    white-space: nowrap;
    -webkit-transition: all 0.20s ease-in-out;
    -moz-transition: all 0.20s ease-in-out;
    -ms-transition: all 0.20s ease-in-out;
    -o-transition: all 0.20s ease-in-out; }
    #page-nav-container #page-nav .nav-item .nav-link {
      color: white; }
  #page-nav-container #page-nav .nav-item:hover .nav-link, #page-nav-container #page-nav .nav-item.active .nav-link {
    color: rgba(0, 187, 236, 0.87); }
  #page-nav-container #page-nav .nav-item.active {
    border-bottom: 2px solid #00bbec; }

/**
 * bug report
 */
.bug-report {
  position: fixed;
  z-index: 99;
  bottom: 205px;
  right: -150px;
  background: #00bbec;
  padding: 10px 20px;
  color: #fff;
  transition: all .5s;
  border-radius: .25rem 0 0 .25rem; }
  .bug-report > i {
    margin-right: 20px;
    transition: all .5s; }
  .bug-report:hover {
    right: 0px;
    color: white !important;
    text-decoration: none;
    background: #004253; }
    .bug-report:hover > i {
      margin-right: 5px; }
  @media (max-width: 767px) {
    .bug-report:hover {
      right: -150px; }
      .bug-report:hover > i {
        margin-right: 20px; } }

/**
 * django toolbar
 *
 * display django-debug-toolbar.
 * see https://github.com/django-debug-toolbar/django-debug-toolbar/issues/742
 * and https://github.com/pydanny/cookiecutter-django/issues/317
 */
[hidden][style="display: block;"] {
  display: block !important; }

/**
 * global media queries
 */
@media (max-width: 575.98px) {
  #search-filter .form-check-inline {
    display: inline-block;
    margin-left: 0;
    width: auto;
    vertical-align: middle; } }