/* CSS Custom Properties - FTTA Design System */
:root {
  /* Brand Colors */
  --ftta-navy-dark: #141455;
  --ftta-navy-light: #27276d;
  --ftta-navy-medium: #3d3d7c;
  --ftta-navy-hover: #2c2c66;
}

/* BASE HTML/BODY FLEX LAYOUT REQUIRED FOR FULL HEIGHT */
html,
body {
  display: flex !important;
  flex-direction: column !important;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-family: 'Libre Baskerville', serif;
}

@media print {

  html,
  body,
  .grid-x,
  .grid-y,
  .grid-container,
  .cell {
    display: block !important;
    min-height: auto !important;
    height: auto !important;
    overflow: visible !important;
  }

  .logo img {
    max-height: 40px !important;
    width: auto !important;
  }

  .logo,
  .page-title-bg,
  .page-heading,
  .menu {
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Hide the large title backgrounds, menu, and site footer to save page space */
  .page-title-bg,
  .menu,
  .footer {
    display: none !important;
  }

  header {
    margin-top: 0 !important;
  }
}


/* LOGO */
.logo {
  background: url(../images/seamless_paper_texture.png);
}

.page-title-bg {
  background: url(../images/tweed-title.png);
}

.page-title-bg.home {
  margin-bottom: 1em;
}

.page-heading {
  color: #fff;
  padding: 20px 0;
  margin: 0;
  font-weight: bold;
  text-shadow: 2px 2px #bdae99;
}

/* NAVIGATION TOP-BAR & MENU */
.menu,
.tab-bar {
  background: -webkit-linear-gradient(#27276d 50%, #141455 50%);
  background: linear-gradient(#27276d 50%, #141455 50%);
  text-align: center;
}

.menu li {
  font-size: 17px;
  color: #ffffff;
  padding: 0.5rem;
  opacity: 0%;
}

.menu li:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.top-bar-section ul li>a {
  font: bold 0.9375rem 'Libre Baskerville', serif;
}

/* FOOTER (Pushed to bottom automatically by flex layout) */
.footer {
  margin-top: auto !important;
  /* Forces footer to bottom of flex container */
  background: url(../images/tweed-footer.png);
  padding: 15px 10px;
  width: 100%;
}

.footer.full-width {
  background: url(../images/tweed-footer.png);
}

.footer p {
  color: #8282a4;
  font-size: 0.75rem;
  text-align: left;
  margin: 0;
}