@charset "UTF-8";
/* ============================================================
  Utilities and helper classes.
  ============================================================ */
/* ============================================================
  Preprocessors, fonts, variables.
  These ITCSS naming conventions and structure are inspired by Lindsay Grizzard's article on Medium: https://medium.com/gusto-design/creating-the-perfect-css-system-fa38f5bcdd9e
  ============================================================ */
/* ============================================================
  Vendor-specific styles.
  ============================================================ */
/* ============================================================
  Breakpoints
  ============================================================ */
/* ============================================================
  Colors
  ============================================================ */
/* Opacity Mixin for background color only */
/* ============================================================
  Styles for fonts/typefaces.
  ============================================================ */
@import url("https://fonts.googleapis.com/css2?family=Red+Hat+Text:wght@400;500;700&display=swap");
/* ============================================================
  Placeholders for repeat styles.
  ============================================================ */

.nomargin {
  margin: 0 !important; }


.nopadding {
  padding: 0 !important; }


.nospacing {
  margin: 0 !important;
  padding: 0 !important; }

.hideClass {
  display: none; }

.showClass {
  display: block; }

::placeholder {
  color: #404040;
  opacity: 1;
  font-family: "Red Hat Text", sans-serif !important;
  font-size: 1.125rem; }

/* ============================================================
  Admin helpers for when you're logged into Paladin.
  ============================================================ */
#block-paladin-local-tasks ul {
  margin: 1rem 0;
  border-bottom: 2px solid #eee; }
  #block-paladin-local-tasks ul li {
    display: inline-block;
    border-top: 2px solid #eee;
    border-left: 2px solid #eee;
    border-right: 2px solid #eee;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #eee;
    position: relative;
    margin: 0 .25rem;
    padding: 0; }
    #block-paladin-local-tasks ul li:hover {
      background: #e1e1e1; }
    #block-paladin-local-tasks ul li.active {
      background: #fff;
      border-color: #3c5f96; }
      #block-paladin-local-tasks ul li.active:hover {
        background: #f2f2f2; }
    #block-paladin-local-tasks ul li a {
      padding: 0.5rem 1rem;
      display: block;
      text-decoration: none;
      font-size: 1.2rem; }
      #block-paladin-local-tasks ul li a:hover {
        text-decoration: underline; }

.msg {
  background: white;
  font-size: 1.4rem;
  padding: 0.5rem 1rem;
  border: 0.163rem solid #979797; }
  .msg.error {
    background: #ffebeb; }

.user-login-form .js-form-item {
  margin: 1rem 0; }

.unpublished main {
  background: rgba(184, 0, 0, 0.1); }

.node-preview-container {
  background: #eee;
  padding: 2rem;
  position: initial; }
  .node-preview-container .node-preview-form-select {
    max-width: 25rem; }
    .node-preview-container .node-preview-form-select .node-preview-backlink {
      font-size: 1.125rem;
      font-weight: 600; }
    .node-preview-container .node-preview-form-select > div {
      display: block;
      margin: 1rem 0; }
    .node-preview-container .node-preview-form-select label {
      font-size: 1.125rem; }

/* ============================================================
  Alignment and display helpers.
  ============================================================ */
.text-left {
  text-align: left; }

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

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

.float-right {
  float: right; }

.float-left {
  float: left; }

.block {
  display: block; }

.padding-top-05 {
  padding: 0.5rem 0 0 0; }

.padding-bottom-05 {
  padding: 0 0 0.5rem; }

.padding-bottom-05 {
  padding: 0 0 0.5rem; }

.padding-right-3 {
  padding: 0 3rem 0 0; }

.padding-1-5 {
  padding: 1.5rem; }

.margin-0 {
  margin: 0; }

.margin-bottom-025 {
  margin: 0 0 0.25rem; }

.margin-bottom-05 {
  margin: 0 0 0.5rem; }

.margin-bottom-1-5 {
  margin: 0 0 1.5rem; }

.margin-top-1-5 {
  margin: 1.5rem 0 0; }

.margin-top-075 {
  margin: 0.75rem 0 0; }

.margin-075 {
  margin: 0.75rem 0; }

.margin-left-2 {
  margin: 0 0 0 2rem; }

.inline {
  display: inline-block;
  width: auto; }

.offscreen {
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
  color: #000;
  background: #fff; }

.hidden {
  display: none; }

.clearfix {
  clear: both; }

/* ============================================================
  Styles for background colors/gradients, opacity, and type color.
  ============================================================ */
/* Background color/gradient styles */
.gray-bg {
  background: #404040;
  color: #fff; }

.light-gray-bg {
  background: #979797; }

.extra-light-gray-bg {
  background: #eee; }

.white-bg {
  background: #fff; }

.brand-blue-bg {
  background: #3c5f96;
  color: #fff; }

.brand-dark-blue-bg {
  background: #4a5978;
  color: #fff; }

.turquoise-bg {
  background: #339ab2;
  color: #fff; }

.dark-turquoise-bg {
  background: #437e93;
  color: #fff; }

.extra-dark-turquoise-bg {
  background: #164046;
  color: #fff; }

.red-bg {
  background: #b80000;
  color: #fff; }

.dark-red-bg {
  background: #b80000;
  color: #fff; }

.yellow-bg {
  background: #404040; }

.orange-bg {
  background: #d56827; }

.green-bg {
  background: #279360;
  color: #fff; }

.light-green-bg {
  background: #5aa044;
  color: #fff; }

.blue-gradient-bg {
  background: linear-gradient(45deg, #3c5f96 0%, #fff 100%);
  color: #fff; }

.gray-gradient-bg {
  background: linear-gradient(45deg, #404040 0%, white 100%); }

.white-bg {
  background: #fff; }

.black-bg {
  background: #000;
  color: #fff; }

/* Opacity styles in an opacity-%% format */
.opacity-90 {
  opacity: 0.9; }

.opacity-50 {
  opacity: 0.5; }

.opacity-20 {
  opacity: 0.2; }

/* Type color styles */
.white {
  color: #fff; }

.black {
  color: #000; }

.blue {
  color: #3c5f96; }

.red {
  color: #b80000; }

.turquoise {
  color: #339ab2; }

.dark-turquoise {
  color: #437e93; }

.green {
  color: #279360; }

.light-green {
  color: #5aa044; }

.brand-dark-blue {
  color: #4a5978; }

.brand-blue {
  color: #3c5f96; }

.dark-yellow {
  color: #c49502; }

.orange {
  color: #d56827; }

/* ============================================================
  Styles for shapes – currently limited to the style guide
  ============================================================ */
.square-125 {
  width: 125px;
  height: 125px; }

.square-65 {
  width: 65px;
  height: 65px; }

.rectangle-75 {
  width: 100%;
  height: 75px; }

.rectangle-150 {
  width: 100%;
  height: 150px; }

.circle-300 {
  width: 300px;
  height: 300px;
  border-radius: 50%; }

/* ============================================================
  Typographic helpers.
  ============================================================ */
.bold,
strong {
  font-weight: 500; }

.size-18 {
  font-size: 1.125rem; }

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

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

/* ============================================================
  Taxonomy lists and other helpers
  ============================================================ */
/**** @to-do build mixins and lists for handling taxonomy colors
$location-type: {

}
***/
.icon--park {
  color: #279360; }

.icon--preserve {
  color: #5aa044; }

/*# sourceMappingURL=helpers.css.map */