@charset "UTF-8";
/* Layouts */
/* Maximum Page Width: 1200 pixels */
/* Text Sizes */
/* Page Banner Title - The text that appears over a page banner. */
.page-banner-title {
  /* display: inline; 
    position: absolute;
    left: 50%;
    top: 50%;
    line-height: 1.1;
    transform: translate( -50%, -50%); */
  font-family: "Future PT ExtraBold";
  font-weight: bolder;
  background-color: #444;
  font-size: 1.5rem;
  color: #339900;
  text-transform: capitalize;
  text-decoration: underline; }

/* Page Title - The text that appears at the top of a page, but not over a banner. */
.page-title {
  font-family: "Future PT ExtraBold";
  font-size: 1.7rem;
  color: #ef445d;
  padding: 1rem 0;
  text-align: center;
  text-transform: uppercase; }

/* Large Heading - The heading of a new section. */
.large-heading {
  /*     font-weight: bold;
    padding: 1rem 0; */
  font-family: "Future PT ExtraBold";
  text-align: center;
  font-size: 1.2rem;
  color: #ef445d;
  text-transform: uppercase; }

/* Medium Heading - A heading that appears at the start of text content. */
.medium-heading {
  font-family: "Future PT ExtraBold";
  font-size: 1.4rem;
  color: #ef445d;
  text-align: left; }

/* Small Heading - A heading to appear within text content. */
.small-heading {
  /*  */ }

/* Small Text - Text content that requires a smaller size to allow for more words in less space. */
.small-text {
  font-family: "Arial Narrow", Arial;
  font-size: 0.9rem;
  color: #444444;
  /* line-height: 1.5;
    text-align: center */ }

/* Normal Text - Standard text content across the site. */
.normal-text {
  /* 
    font-weight: 400;
    line-height: 1.5; */
  padding: 1rem;
  font-family: "Arial Narrow", Arial;
  font-size: 1rem;
  color: #444444;
  text-align: center; }

.med-text {
  font-family: "Arial Narrow", Arial;
  font-size: 1.1rem; }

.med-lg-text {
  font-size: 1.4rem; }

.large-text {
  font-family: "Future PT ExtraBold";
  font-size: 1.6rem; }

.quote-text {
  font-family: "Arial Narrow";
  line-height: 1.5;
  color: #212529;
  text-align: center;
  font-size: 1rem;
  font-weight: bolder;
  /* text-decoration: italic; */ }

/* .std-font-size {
    font-size: 1.4rem;
} */
/* Navigation */
/* Text Link - Standard link to appear within text content. */
.text-link {
  font-family: "Arial Narrow", Arial;
  font-size: 1rem;
  color: #0079C0;
  text-align: center;
  text-decoration: underline;
  /* font-weight: 400;
    line-height: 1.5; */ }

/* Page Link - A link that appears outside text. */
.page-link {
  font-family: "Arial Narrow", Arial;
  font-size: 1.13rem;
  color: #0079C0;
  text-align: center;
  text-decoration: underline;
  font-weight: 400;
  line-height: 1.5; }

/* 
.page-link:hover {
    text-decoration: underline;
} */
/* Navigation Link - Standard links that appear in header on desktop. */
.navigation-link, .navigation-link a, li .navigation-link a {
  font-family: "Future PT ExtraBold";
  font-size: 1rem;
  color: #fbd1d6;
  text-decoration: none;
  font-weight: 400;
  line-height: 1.5; }

.navigation-link:hover {
  color: #fff; }

/* Menu Link - Links that appear in mobile menu. */
.menu-link {
  font-family: "Future PT ExtraBold";
  font-size: 1rem;
  color: #fbd1d6;
  text-decoration: none;
  font-weight: 400;
  line-height: 1.5;
  /* text-align: center; */ }

/* Widths and Margins */
.standard-width {
  max-width: 1200px; }

.narrow-width {
  max-width: 780px; }

.centered {
  margin-left: auto;
  margin-right: auto; }

.top-bottom-margin {
  margin-top: 1rem;
  margin-bottom: 1rem; }

/* Buttons */
/* 
https://www.goodpush.org/library

“See All” */
.btn {
  border: 1px solid #ef445d;
  background-color: #ef445d;
  color: #fff;
  border-radius: 0px; }

.btn:hover, .btn:active, .btn:focus {
  color: #ef445d;
  background-color: #fff; }

/* 
.white-btn {
    background-color: #FFF;
    color: #339900;
} */
/* https://www.skateistan.org/citizens */
/* “Join the Citizens today!” */
/* Padding */
/* Colours */
/* .green {
    color: #339900;
} */
/* Icons */
/* .icon {
    height: 16px;
    width: 16px;
    border: solid #ef445d;
} */
/* Borders */
/* border-top: 2px #ef445d solid; */
@media (max-width: 768px) {
  .page-banner-title {
    font-size: 2.4rem; } }