/* Global */
:root {
    --site-bg-color: #f9f9f9;
    --theme-red: #a51d36;
    --theme-dark-red: #8e082c;
    --theme-yellow: #fff81a;
    --theme-black: #1a1a1a;
    --theme-grey: #B1B1B1;
    --font-primary: Roboto;
    --font-secondary: Clarke;
    --font-tertiary: 'Chakra Petch Bold';
}

html body {
    background: var(--site-bg-color);
}

div#header {
    z-index: 25;
}

.hh-module {
    font-family: var(--font-primary);
    font-size: 15px;
    letter-spacing: 0.01em;
    color: #1a1a1a;
}

.hh-module a {
    text-decoration: underline;
}

.hh-module p {
    line-height: 1.66667;
}

.hh-module h1, .hh-module h2, .hh-module h3 {
    font-family: var(--font-secondary);
}
.hh-module h1 {
    font-size: 50px;
    margin-block-end: .5rem;
}
.hh-module h2 {
    font-size: 35px;
}
.hh-module h3 {
    font-size: 28px;
}

.hh-module .section-title .title {
    z-index: 19;
    font-size: 24px;
}

html .hh-module .primary-button:hover,
html .hh-module .primary-button:focus{
    background-color: var(--theme-dark-red);
    color: #fff;
    box-shadow: 0 0 0 2px var(--theme-dark-red) inset;
}

html .hh-module .secondary-button:hover,
html .hh-module .secondary-button:focus {
    background-color: var(--theme-dark-red);
    color: #fff;
    box-shadow: 0 0 0 2px var(--theme-dark-red) inset;
}

.hh-module .primary-button {
  background-color: var(--theme-red);
  -webkit-box-shadow: 0 0 0 2px var(--theme-red) inset;
  box-shadow: 0 0 0 2px var(--theme-red) inset;
}

.hh-module .secondary-button {
  background-color: var(--theme-red);
  -webkit-box-shadow: 0 0 0 2px var(--theme-red) inset;
  box-shadow: 0 0 0 2px var(--theme-red) inset;
}

.hh-module .primary-button, .hh-module .secondary-button {
    font-size: 1rem;
    text-decoration: none;
}

html .hh-module .section-title:after {
    top: 9px;
}
.footer {
    margin-block-start: 60px;
}

html .hh-module blockquote.blockquote:before {
    background: var(--site-bg-color);
}

.hh-module.breadcrumb ol {
  padding-top: 15px;
  padding-bottom: 15px;
}

.hh-module.breadcrumbs ol li,
.hh-module.breadcrumb ol li {
    border: none;
    margin: 0;
    padding: 0;
}
.hh-module.breadcrumbs ol li a {
  color: var(--theme-black);
}
.hh-module.breadcrumbs .active {
  color: #535353;
}
.hh-module.breadcrumb a:hover, .hh-module .breadcrumb a:focus {
    color: var(--theme-red);
}

.hh-module ul, .hh-module ol {
    margin-block-end: 1em;
    padding-inline-start: 40px;
    line-height: 1.66667;
    list-style: inherit;
}

.hh-module figure {
    padding-top: 5px;
}
.hh-module figure>figcaption {
    font-size: .875rem;
}
.hh-module figure>img {
    height: revert-layer;
}

.hh-module blockquote.blockquote:before {
    color: var(--theme-red);
    font-size: 2rem;
}

.hh-module #skip-page-menu:focus-within {
    clip: unset;
    white-space: nowrap;
    margin: 1em auto;
    top: 0;
    position: fixed;
    left: 50%;
    margin-left: -72px;
    opacity: 0;
    overflow: inherit;
    width: unset;
    height: unset;
}

.hh-module #skip-page-menu:focus-within, .hh-module #skip-page-menu:focus-within a {
    z-index: 999;
    display: block;
    padding: .5em;
    color: #333;
    background-color: #fff;
    opacity: 1;
}



/*.hh-module .info a {*/
/*    display: flex;*/
/*    gap: .25rem;*/
/*}*/

/* Events */
.hh-events.events-listing#main {
    margin: 0;
}
.hh-events .mobile-title {
    z-index: 19;
    top: -6px;
}
.hh-events .search-expand {
    top: -14px;
}
html .hh-events .date-img .month {
    background: var(--theme-black);
}
html .hh-events .date-img {
    border: 2px solid var(--theme-black);
}
html .hh-events .sidebar .date-img .day {
    position: relative;
    top: 25%;
    translate: 0 -25%;
}
html .hh-module .section-title .title,
html .hh-events .sidebar .date-views button, 
html .hh-module .input, 
html .hh-events #mini-calendar .input-daterange input,
html .hh-events .primary-button.primary-button-white.dropdown-toggle,
html .hh-events .sidebar .dropdown select, 
html .hh-events .sidebar-detail .dropdown select,
.hh-events .mobile-title,
.hh-events .search-expand i {
    background: var(--site-bg-color);
}

html .hh-events .sidebar input:focus {
    outline: dashed;
    border-color: transparent !important;
}

.hh-module .feeds a:hover {
    text-decoration: none;
}
html .hh-module .sidebar .secondary-button.btn-block, html .hh-module .sidebar .primary-button.btn-block:not(.dropdown-toggle), 
html .hh-module .primary-button, html .hh-module .secondary-button{
    padding: 15px 20px;
    font-family: var(--font-tertiary);
}
html .hh-events.hh-module #back-to-top.back-to-top.btn-primary {
    z-index: 20;
    padding-block: .75rem;
    background-image: linear-gradient(to bottom, var(--theme-red) 0%, var(--theme-red) 100%);
    border: none;
    &:hover {
        background-image: linear-gradient(to bottom,
        var(--theme-dark-red) 0%,
        var(--theme-dark-red) 100%);
    }
}
html .hh-module #back-to-top.btn-primary:hover, html .hh-module #back-to-top.btn-primary:focus {
    background-position: 0 0;
}
html .hh-events .sidebar .checkboxes label span:nth-of-type(2) {
    position: relative;
    top: 5px;
}
html .hh-events .sidebar .checkboxes {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
@media only screen and (max-width: 991px) {
  .hh-events .sidebar {
      padding-top: 30px;
  }
}
html .hh-events .filters .filter .filter-label {
    font-size: 1.05rem;
}
html .hh-module .related-events .section-title .title,
.hh-events .related-events .event .title,
.hh-events.hh-events-block .event .title {
    font-size: 1.25rem;
}
html .hh-events .tooltip {
    font-family: var(--font-secondary);
    font-size: 1rem;
}
.hh-module.hh-events-block :where(h1, h2, h3) {
    margin-block-end: 20px
}

.hh-module.hh-events-block a h3,
.hh-events .event a .title,
.hh-events .sidebar .checkboxes label span:not(.checkmark) {
    text-decoration: underline;
}
.hh-module.hh-events-block a:hover,
.hh-module.hh-events-block a:hover h3,
.hh-events .icon-list a:hover,
.hh-events .icon-list a {
    text-decoration: none;
}

.hh-events .date-img .month {
    line-height: 1.25;
}

.hh-events .date-img .day {
    height: calc(100% - 36px);
    line-height: 1.25;
}

.hh-events .sidebar .event h3.title {
  font-size: 20px;
}

.hh-events .content-detail p {
    margin-bottom: 24px;
}

.hh-events .sidebar .checkboxes label:focus-within {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: 5px;
}
.hh-events .events-list .event a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: 2px;
}
.hh-module .open > a:focus {
    outline: 5px auto -webkit-focus-ring-color;
}
.hh-events .sidebar .checkboxes label {
    margin-bottom: 5px;
    padding-bottom: 8px;
}

@media only screen and (max-width: 991px) {
  .hh-events .sidebar.collapsed .gradient-overlay {
    max-height: 0;
  }
  .hh-events .search-expand i.fa-plus-circle:before {
      content: "";
  }
  .hh-events .expanded {
      margin-top: 15px;
  }
}

.hh-events .wysiwyg,
.hh-news .wysiwyg {
    line-height: 1.66667;
}

.hh-events .event a:focus .title, .hh-module a:focus {
    color: inherit;
}

.hh-events button.dropdown-toggle.primary-button.primary-button-white:focus {
    outline-style: dashed;
    outline-width: 3px;
    outline-color: black;
}


/* News */
.hh-news .post-meta span,
.hh-news .post-category span,
.hh-news .post-category a{
    font-size: .8rem;
}
.hh-news .post .post-title.title-lg {
    font-size: 2rem;
}
.hh-news .category-widget ul li a span,
.hh-news .category-widget ul li a {
    font-size: 1rem;
}
.hh-news .newsletter-widget:after {
    bottom: 23px;
    font-size: 10rem;
}
.hh-module .post-title a {
    font-size: 1.5rem;
}
.hh-news .post-category span, 
.hh-news .post-category a,
.hh-news .post-title a:hover,
.hh-news .post-title a:focus,
.hh-news .category-widget ul li a:hover,
.hh-news .category-widget ul li a:focus {
    color: var(--theme-red);
}
.hh-news .col-md-12 > p,
.hh-news .wysiwyg p {
    margin-bottom: 24px;
}
.hh-news .post .post-category {
    line-height: 1.1rem;
}
.hh-news .post .post-body {
    background: var(--site-bg-color);
}

.hh-module .social-widget ul li a, .hh-module .social-widget ul li a:hover {
    text-decoration: none;
}

/*.hh-module.page-header .page-header-bg {*/
/*    -webkit-background-size: contain;*/
/*    background-size: contain;*/
/*}*/

.hh-news .inline-banner {
    margin-top: 10px;
    margin-bottom: 20px;
}

.hh-module .social-widget ul li a.social-custom {
    padding: 0px 15%;
}
.hh-module .social-widget ul li a.social-custom:hover {
    opacity: .7;
}

.hh-news #news-filters {
    margin-bottom: 35px;
}
.hh-news #news-filters > div:not(:first-child) {
    margin-bottom: 20px;
}
.hh-news #news-filters label {
    font-family: var(--font-secondary);
    font-size: 22px;
}
.hh-news #news-filters #clear-filters {
    padding: 8px;
    height: 43px;
}
.hh-news #news-filters #clear-filters .fa {
    font-size: 25px;
}
.hh-news #news-filters input {
    height: 43px;
    text-transform: none;
}
.hh-news #news-filters input:focus,
.hh-news #news-filters select:focus,
.hh-news #news-filters button:focus {
    outline-style: dashed;
    outline-width: 3px;
    outline-color: black;
}
.hh-news #news-filters .visible-xs-inline {
    font-size: 25px;
    font-family: var(--font-secondary);
}

