@charset "UTF-8";
/* ==================================================
   New Brand Theme Override
   ================================================== */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap");
/* ==================================================
   Tokens
   ================================================== */
:root {
  --brand-primary: #E31D2D;
  --brand-primary-hover: #6D1C00;
  --brand-neutral: #333441;
  --brand-neutral-hover: #000000;
  --font-body: 'Inter', sans-serif;
  --font-heading: 'Poppins', sans-serif;
  /* Primary */
  --color-primary-red: #d92231;
  --color-black: #000000;
  --color-white: #ffffff;
  /* Secondary */
  --color-dark-red: #5b1600;
  --color-dark-grey: #32323c;
  --color-grey: #737373;
  --color-medium-grey: #c1c1c1;
  --color-light-grey: #ebebeb;
  /* Tertiary */
  --color-gold: #f67e00;
  --color-orange: #c34400;
  --color-violet: #9b2583;
  --color-green: #27800e;
  --color-blue: #1a6fc5;
}

/* ==================================================
   Base
   ================================================== */
html {
  font-size: 16px;
}

body,
input,
textarea,
select,
button,
.form-control,
.f-r-l {
  font-family: var(--font-body);
  font-size: 1rem;
  line-height: 1.5;
}

/* ==================================================
   Headings
   ================================================== */
h1,
.h1 {
  font-family: var(--font-heading) !important;
  font-weight: 700 !important;
  font-size: 3rem;
  line-height: 1.2;
}

h2,
.h2 {
  font-family: var(--font-heading) !important;
  font-weight: 700 !important;
  font-size: 2.25rem;
  line-height: 1.25;
}

h3,
.h3 {
  font-family: var(--font-heading) !important;
  font-weight: 600 !important;
  font-size: 1.875rem;
  line-height: 1.4;
}

h4,
.h4 {
  font-family: var(--font-body) !important;
  font-weight: 600 !important;
  font-size: 1.5rem;
  line-height: 1.35;
}

h5,
.h5 {
  font-family: var(--font-body) !important;
  font-weight: 500 !important;
  font-size: 1.313rem;
  line-height: 1.4;
}

h6,
.h6 {
  font-family: var(--font-body) !important;
  font-weight: 500 !important;
  font-size: 1.125rem;
  line-height: 1.4;
}

/* ==================================================
   Existing Theme Components
   ================================================== */
.headline,
.index-item-title,
.blogList-item-title,
.attachments-large-item-title,
.article-info,
.photo_item .img_title,
.ir_tiles-title,
.ir_index-title,
.ir_events-title,
.ir_sign-title,
.navMenu-subTitle,
.list,
.f-r-c-l,
.f-r-c-r {
  font-family: var(--font-heading) !important;
}

/* ==================================================
   Body Content Areas
   ================================================== */
.article-text,
.index-item,
.index-item-info,
.breadcrumbs,
.aside-kiosk-search input[type=text],
.blogList-item,
.attachments-large-item-description,
.featured-article-content-description {
  font-family: var(--font-body) !important;
  font-size: 1rem;
  line-height: 1.5;
}

/* ==================================================
   Lead Text
   ================================================== */
.lead,
.featured-article-content-description:first-child {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.6;
}

/* ==================================================
   Links
   ================================================== */
a,
.socialFeed-item-text a,
.index-item-title a,
.blogList-item-title a,
.blogList-item-download a {
  color: var(--brand-primary);
}

a:hover {
  color: var(--brand-primary);
}

.index-item-title a,
.featured-article-figure-link {
  color: var(--color-black);
}
.index-item-title a:hover, .index-item-title a:focus,
.featured-article-figure-link:hover,
.featured-article-figure-link:focus {
  color: var(--brand-primary);
}

/* ==================================================
   Buttons
   ================================================== */
.btn {
  border-radius: 10px;
}

.btn-primary,
.btn-apply,
.index-filter .btn,
.ir .btn-primary {
  background: var(--brand-primary);
  border-color: var(--brand-primary);
  text-transform: uppercase;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-apply:hover,
.ir .btn-primary:hover {
  background: var(--brand-primary-hover);
  border-color: var(--brand-primary-hover);
}

.btn-info {
  border-radius: 7px;
}

.btn-red {
  border-radius: 5px;
}

/* ==================================================
   Outline Buttons
   ================================================== */
.btn-default {
  border-color: var(--brand-primary);
  background: var(--brand-primary);
  color: var(--color-white) !important;
}

/* ==================================================
   Button Sizes
   ================================================== */
.btn-sm {
  min-height: 38px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 0.75rem;
}

.btn,
.btn-primary,
.btn-default {
  min-height: 44px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 0.875rem;
  color: var(--color-white);
}
.btn .fa,
.btn-primary .fa,
.btn-default .fa {
  color: var(--color-white);
}

.index-filter .btn, .index-paging .btn {
  min-height: 20px;
  padding-left: 10px;
  padding-right: 10px;
}
.index-filter .btn:hover, .index-filter .btn:focus, .index-paging .btn:hover, .index-paging .btn:focus {
  background-color: var(--brand-primary-hover);
  color: var(--color-white);
  border-color: var(--brand-primary-hover);
  outline: none;
}

.index-paging .btn {
  width: auto !important;
}

/* ==================================================
   Accessibility
   ================================================== */
p,
li,
td,
th {
  line-height: 1.5;
}

blockquote {
  font-style: italic;
  line-height: 1.5;
}

aside .list li {
  border: none !important;
}

/* ==================================================
   Mobile Heading Scale
   ================================================== */
@media (max-width: 767px) {
  h1 {
    font-size: 1.875rem;
  }
  h2 {
    font-size: 1.5rem;
  }
  h3 {
    font-size: 1.313rem;
  }
  h4 {
    font-size: 1.125rem;
  }
  h5,
  h6 {
    font-size: 1rem;
  }
}
/* ==================================================
Content Links Only
================================================== */
a:not(.btn):not(.button):not([class*=btn-]) {
  font-weight: 700;
  text-decoration: underline;
}

a:not(.btn):not(.button):not([class*=btn-]):hover,
a:not(.btn):not(.button):not([class*=btn-]):focus {
  font-weight: 700;
  text-decoration: underline;
}

/* ==================================================
Gray Color Overrides
Existing Theme → Brand Palette
================================================== */
/* ----------------------------------
   #333 / #333441 → Dark Grey
----------------------------------- */
.form-control::-moz-placeholder {
  color: var(--color-dark-grey);
}
.form-control::placeholder,
.socialFeed-item-text-date,
.article-share ul li a,
.ir__slider .owl-prev span,
.ir__slider .owl-next span,
.ir__sliderItem span {
  color: var(--color-dark-grey);
}

.navMenu.opened .navMenu-title,
.btn-secondary,
.btn-neutral {
  background-color: var(--color-dark-grey);
}

/* ----------------------------------
   #737373 → Grey
----------------------------------- */
.ir_featured-item[data-item="2"],
.ir_events-wrapper,
.navMenu-title,
.navMenu-list,
.navMenu-sub {
  border-color: var(--color-grey);
}

/* ----------------------------------
   #949494 → Grey
----------------------------------- */
#contentTitle,
#contentCurrent {
  color: var(--color-grey);
}

/* ----------------------------------
   #a3a3a3 / #b4b4b4 / #ccc
   #cecece / #d7d7d7
   → Medium Grey
----------------------------------- */
.socialFeed-item-icon .fa,
.btn-default,
.list li,
.eComments .inputBorders input,
.eComments .inputBorders textarea,
.fldCaptcha input,
.ui-slider-handle {
  border-color: var(--color-medium-grey);
  color: var(--color-medium-grey);
}

.albumBar .prev a:hover,
.albumBar .next a:hover,
.ui-slider-handle:hover,
.ui-slider-handle-active {
  background-color: var(--color-medium-grey);
}

/* ----------------------------------
   Light Grey Surfaces
   #dadada
   #e6e6e6
   #ebebeb
   #efefef
   #f0f0f0
   #f2f2f2
   #f4f4f4
----------------------------------- */
.index-filter,
.ir-banners > .row > div[class*=col] a,
.ir__header .ir__row,
.ir__header .ir__col,
#albumList,
#albumList ul,
#albumView,
.albumBorder .inner,
#scrollWrap,
.prImageLibrary .eTabs li,
.eComments .inputBorders input,
.eComments .inputBorders textarea,
.fldCaptcha input {
  background-color: var(--color-light-grey);
}

/* ----------------------------------
   Hover States Previously Using
   #f4f4f4
----------------------------------- */
.navMenu-list a:hover,
.navMenu-list a:focus {
  background-color: var(--color-light-grey);
}

/* ----------------------------------
   Borders Previously Using
   #e6e6e6 / #ccc
----------------------------------- */
.albumBorder .inner,
.prImageLibrary .eTabs,
.eComments .inputBorders input,
.eComments .inputBorders textarea {
  border-color: var(--color-light-grey);
}

.article-share ul li {
  border-bottom: none !important;
}
.article-share ul li a:hover, .article-share ul li a:focus {
  color: var(--brand-primary);
}/*# sourceMappingURL=rebranding.css.map */