:root {
  /* 🎨 Brand Colors */
  --color-primary: #002d6a;       /* Main brand blue */
  --color-secondary: #B20708;     /* Accent red */
  --color-accent: #D54E21;        /* Orange/red accent */

  /* ⚫ Neutrals */
  --color-black: #000;
  --color-dark-gray: #141414;
  --color-gray: #707070;
  --color-light-gray: #ccc;
  --color-lighter-gray: #f4f4f4;
  --color-white: #fff;

  /* ✨ Status / Utility */
  --color-success: #21759B;       /* Example teal/blue */
  --color-warning: #903;          /* Example dark red */
  --color-error: #810506;         /* Strong error red */

  /* 🎛 Buttons */
  --button-bg: var(--color-primary);
  --button-bg-hover: var(--color-secondary);
  --button-text: var(--color-white);

  /* 📝 Text Colors */
  --text-color: var(--color-dark-gray);
  --text-color-light: var(--color-gray);
  --link-color: var(--color-primary);
  --link-hover: var(--color-secondary);

  /* 🔠 Typography */
  --font-primary: Helvetica, Arial, sans-serif;
  --font-secondary: Georgia, serif;
  --font-icons: "Font Awesome 5 Free";

  /* 📏 Font Sizes (scalable headers) */
  --font-size-xs: 0.75rem;   /* small text, captions */
  --font-size-sm: 0.9rem;    /* body small */
  --font-size-base: 1rem;    /* default body */
  --font-size-lg: 1.2rem;    /* larger body, subhead */
  --font-size-xl: 1.6rem;    /* h5 */
  --font-size-2xl: 2rem;     /* h4 */
  --font-size-3xl: 2.4rem;   /* h3 */
  --font-size-4xl: 3rem;     /* h2 */
  --font-size-5xl: 4rem;     /* h1 / hero */
}
 .hh-module blockquote.blockquote {
	 padding: 30px;
	 margin: 0 0 20px;
	 border: 2px solid var(--color-primary);
}
 .hh-module blockquote.blockquote:before {
	 content: "\f10d";
	 font-family: "Font Awesome 5 Free";
	 width: 70px;
	 height: 70px;
	 line-height: 70px;
	 text-align: center;
	 border-radius: 50%;
	 color: var(--color-secondary);
	 font-size: 30px;
	 background: #fff;
	 border: 2px solid var(--color-primary);
	 float: left;
	 margin-right: 10px;
	 font-weight:900;
}
 .hh-module blockquote.blockquote .blockquote-footer {
	 color: #686a6d;
}
 .hh-module figure {
	 margin-bottom: 20px;
}
 .hh-module figure>img {
	 width: 100%;
}
 .hh-module figure.pull-right {
	 margin-left: 15px;
}
 .hh-module figure.pull-left {
	 margin-right: 15px;
}
 .hh-module figure>figcaption {
	 font-size: 14px;
	 text-align: center;
	 margin-top: 10px;
	 font-style: italic;
	 color: #686a6d;
}
 .hh-module.section {
	 padding-top: 30px;
}
 .hh-module .section-row {
	 margin-bottom: 30px;
}
 .hh-module .section-title {
	 position: relative;
	 margin-bottom: 20px;
	 min-height: 10px;
}
 .hh-module .section-title .title {
	 position: relative;
	 display: inline-block;
	 background-color: #fff;
	 font-size: 16px;
	 text-transform: uppercase;
	 margin-top: 0;
	 margin-bottom: 0;
	 padding-right: 10px;
	 z-index: 20;
}
 .hh-module .section-title:after {
	 content: "";
	 display: inline-block;
	 height: 2px;
	 background-color: #e8eaed;
	 position: absolute;
	 left: 0;
	 right: 0;
	 top: 10px;
	 z-index: 10;
}
 .hh-module .input {
	 width: 100%;
	 height: 40px;
	 padding: 0 15px;
	 background-color: #fff;
	 border-radius: 2px;
	 border: 2px solid #e8eaed;
}
 .hh-module .primary-button,.hh-module .secondary-button {
	 display: inline-block;
	 padding: 10px 40px;
	 border-radius: 2px;
	 border: none;
	 font-weight: 700;
	 font-size: 14px;
	 text-transform: uppercase;
	 -webkit-transition: .2s all;
	 transition: .2s all;
}
 .hh-module .primary-button {
	 background-color: #43739c;
	 color: #fff;
	 -webkit-box-shadow: 0 0 0 2px #43739c inset;
	 box-shadow: 0 0 0 2px #43739c inset;
}
 .hh-module .secondary-button {
	 background-color: #325675;
	 color: #fff;
	 -webkit-box-shadow: 0 0 0 2px #325675 inset;
	 box-shadow: 0 0 0 2px #325675 inset;
}
 .hh-module .primary-button:hover,.hh-module .primary-button:focus {
	 background-color: transparent;
	 text-decoration: none;
	 color: #43739c;
}
 .hh-module .secondary-button a:hover,.hh-module .secondary-button a:focus,.hh-module .secondary-button:hover,.hh-module .secondary-button:focus {
	 background-color: transparent;
	 text-decoration: none;
	 color: #325675;
}
 .hh-module.page-header {
	 position: relative;
	 margin: 0;
	 padding-top: 120px;
	 padding-bottom: 80px;
	 background-color: #1b1c1e;
	 border: none;
}
 .hh-module.breadcrumb, .hh-module .breadcrumb {
	 background-color: #f5f5f5;
	 margin-bottom: 0;
}
 .hh-module.breadcrumb ol {
	 border-radius: 0;
	 padding: 0;
}
 .hh-module .breadcrumb a {
	 color:#11151c;
}
 .hh-module .breadcrumb a:hover, .hh-module .breadcrumb a:focus {
	 color:#43739c;
}
 .hh-module .breadcrumb > .active {
	 color:#686868;
}
 .hh-module#post-header {
	 padding-top: 240px;
	 padding-bottom: 80px;
}
 .hh-module .page-header-bg {
	 background: no-repeat center center;
	 -webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
	 background-size: cover;
}
 .hh-module.page-header .page-header-bg {
	 position: absolute;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
}
 .hh-module.page-header .page-header-bg:after {
	 content: "";
	 position: absolute;
	 left: 0;
	 right: 0;
	 top: 0;
	 bottom: 0;
	 background: -webkit-gradient(linear,left top,left bottom,from(rgba(27,28,30,0)),color-stop(90%,rgba(27,28,30,0.8)));
	 background: linear-gradient(180deg,rgba(27,28,30,0) 0%,rgba(27,28,30,0.8) 90%);
}
 .hh-module.page-header h1 {
	 font-size: 41.053px;
	 color: #fff;
}
 .hh-module .post {
	 position: relative;
	 margin-bottom: 30px;
}
 .hh-module .post .post-body {
	 position: relative;
	 margin: -50px 0 0 3%;
	 padding: 5%;
	 background: #fff;
	 z-index: 10;
}
 .hh-module .post .post-img {
	 display: block;
	 overflow: hidden;
	 position: relative;
}
 .hh-module .post.post-widget .post-img>img {
	 height: 100%;
	 object-fit: cover;
	 position: absolute;
	 margin-right: auto;
	 margin-left: auto;
}
 .hh-module .post-img>img {
	 width: 100%;
	 -webkit-transition: 1.6s -webkit-transform;
	 transition: 1.6s -webkit-transform;
	 transition: 1.6s transform;
	 transition: 1.6s transform,1.6s -webkit-transform;
}
 .hh-module .post-img:hover>img {
	 -webkit-transform: scale(1.2);
	 -ms-transform: scale(1.2);
	 transform: scale(1.2);
}
 .hh-module .post-title a {
	 color:#11151c;
}
 .hh-module .post-title a:hover, .hh-module .post-title a:focus {
	 color:#43739c;
}
 .hh-module .post .post-title {
	 font-size: 18px;
}
 .hh-module .post .post-title.title-sm {
	 font-size: 16px;
}
 .hh-module .post .post-title.title-lg {
	 font-size: 25.629px;
}
 .hh-module .post .post-category {
	 margin-bottom: 10px;
}
 .hh-module .post-category span,.hh-module .post-category a {
	 color: #43739c;
	 font-weight: 700;
	 font-size: 12px;
	 text-transform: uppercase;
}
 .hh-module .post-thumb {
	 background-color: #1b1c1e;
}
 .hh-module .post-thumb .post-category span, .hh-module.page-header .post-category span{
	 color: #ffffff;
}
 .hh-module .post-category span:after,.hh-module .post-category a:after {
	 content: ',';
	 display: inline-block;
}
 .hh-module .post-category span:last-child:after,.hh-module .post-category a:last-child:after {
	 display: none;
}
 .hh-module ul.post-meta {
	 margin-bottom: 5px;
}
 .hh-module .post .post-meta {
	 margin-bottom: 10px;
}
 .hh-module .post-meta li {
	 display: inline-block;
	 color: #686a6d;
	 font-size: 12px;
	 text-transform: uppercase;
}
 .hh-module.page-header .post-meta li, .hh-module .post-thumb .post-meta li{
	 color:#a7a8ab;
}
 .hh-module .post-meta li a {
	 color: #686a6d;
	 font-weight: 700;
}
 .hh-module .post-meta li a:hover,.hh-module .post-meta li a:focus {
	 color: #43739c;
}
 .hh-module .post-meta li:after {
	 content: '•';
	 display: inline-block;
	 padding-left: 5px;
	 padding-right: 5px;
}
 .hh-module .post-meta li:last-child:after {
	 display: none;
}
 .hh-module .hot-post {
	 padding: 0 15px;
}
 .hh-module .hot-post .hot-post-left {
	 padding-right: 0;
	 padding-left: 0;
}
 .hh-module .hot-post .hot-post-right {
	 padding-right: 0;
	 padding-left: 5px;
}
 .hh-module .hot-post .post {
	 margin-bottom: 7px;
}
 .hh-module .hot-post {
	 margin-bottom: 25px;
}
 .hh-module .post.post-thumb .post-img:after {
	 content: "";
	 position: absolute;
	 left: 0;
	 right: 0;
	 top: 0;
	 bottom: 0;
	 background: -webkit-gradient(linear,left top,left bottom,from(rgba(27,28,30,0)),color-stop(90%,rgba(27,28,30,0.8)));
	 background: linear-gradient(180deg,rgba(27,28,30,0) 0%,rgba(27,28,30,0.8) 90%);
}
 .hh-module .post.post-thumb .post-body {
	 position: absolute;
	 margin: 0;
	 padding: 0 5%;
	 z-index: 20;
	 bottom: 5%;
	 background-color: transparent;
}
 .hh-module .post.post-thumb .post-title a {
	 color: #ffffff;
}
 .hh-module .post.post-thumb .post-title a:hover,.hh-module .post.post-thumb .post-title a:focus {
	 color: #43739c;
}
 .hh-module .post.post-thumb .post-meta li a:hover,.hh-module .post.post-thumb .post-meta li a:focus {
	 color: #43739c;
}
 .hh-module .post.post-sm .post-body {
	 margin: 15px 0 0;
	 background: 0 0;
	 padding: 0;
}
 .hh-module .post.post-widget:after {
	 content: "";
	 display: table;
	 clear: both;
}
 .hh-module .post.post-widget .post-img {
	 float: left;
	 height: 87px;
	 width: 130px;
}
 .hh-module .post.post-widget .post-body {
	 position: relative;
	 background: 0 0;
	 margin: 0 0 0 150px;
	 padding: 0;
}
 .hh-module .post.post-widget .post-title {
	 font-size: 16px;
	 margin-bottom: 0;
}
 .hh-module .post.post-row:after {
	 content: '';
	 display: table;
	 clear: both;
}
 .hh-module .post.post-row .post-img {
	 width: 40%;
	 float: left;
}
 .hh-module .post.post-row .post-body {
	 margin: 0 0 0 calc(40% + 30px);
	 padding: 0;
}
 .hh-module .page-header .post-category {
	 margin-bottom: 10px;
}
 .hh-module .page-header .post-meta li {
	 color: #fff;
}
 .hh-module .page-header .post-meta li a {
	 color: #fff;
}
 .hh-module .page-header .post-meta li a:hover,.hh-module .page-header .post-meta li a:focus {
	 color: #43739c;
}
 .hh-module .post-share a {
	 display: inline-block;
	 padding: 5px 15px;
	 border-radius: 5px;
	 color: #fff;
	 background-color: #686a6d;
	 margin-right: 4px;
	 margin-bottom: 6px;
	 -webkit-transition: .2s opacity;
	 transition: .2s opacity;
}
 .hh-module .post-share a:hover {
	 opacity: .9;
}
 .hh-module .post-share a i {
	 width: 20px;
	 text-align: center;
}
 .hh-module .post-share a span {
	 padding-left: 10px;
	 border-left: 2px solid rgba(255,255,255,.1);
	 text-transform: uppercase;
	 font-size: 12px;
	 font-weight: 700;
	 margin-left: 10px;
}
 .hh-module .post-nav:after {
	 content: "";
	 display: table;
	 clear: both;
}
 .hh-module .post-nav .post-title {
	 font-size: 14px;
	 margin: 0;
}
 .hh-module .post-nav .post-img {
	 display: block;
	 width: 100px;
	 overflow: hidden;
}
 .hh-module .aside-widget {
	 margin-bottom: 30px;
}
 .hh-module .social-widget ul {
	 overflow: auto;
}
 .hh-module .social-widget ul li {
	 float: left;
	 width: 33.33%;
}
 .hh-module .social-widget ul li a {
	 display: block;
	 text-align: center;
	 padding: 30px 15px;
	 color: #fff;
	 -webkit-transition: .2s opacity;
	 transition: .2s opacity;
}
 .hh-module .social-widget ul li a:hover {
	 opacity: .9;
}
 .hh-module .social-widget ul li a span {
	 font-weight: 700;
	 font-size: 14px;
}
 .hh-module .social-widget ul li a i {
	 display: block;
	 font-size: 30px;
}
 .hh-module .social-widget .social-facebook{
	 background:#225b99!important 
}
 .hh-module .social-widget .social-twitter{
	 background:#1da1f2!important 
}
 .hh-module .social-widget .social-pinterest-p{
	 background:#cc2127!important 
}
 .hh-module .social-widget .social-instagram{
	 background:#d341b2!important 
}
 .hh-module .social-widget .social-linkedin{
	 background:#0077B5!important 
}
 .hh-module .social-widget .social-rss{
	 background:#f26522!important 
}
 .hh-module .social-widget .social-youtube{
	 background:#CC181E!important 
}
 .hh-module .newsletter-widget {
	 position: relative;
	 padding: 0 30px 30px;
	 border-left: 2px dashed #e8eaed;
	 border-right: 2px dashed #e8eaed;
}
 .hh-module .aside-widget:last-child .newsletter-widget {
	 border-bottom: 2px dashed #e8eaed;
}
 .hh-module .newsletter-widget p {
	 min-height: 68px;
	 max-height: 159px;
	 position: relative;
}
 .hh-module .newsletter-widget span {
	 display: block;
	 margin-bottom: 5px;
}
 .hh-module .newsletter-widget .input {
	 margin-bottom: 15px;
}
 .hh-module .newsletter-widget:after {
	 content: "\f0e0";
	 font-family: "Font Awesome 5 Free";
	 position: absolute;
	 bottom: -25px;
	 right: 27px;
	 font-size: 160px;
	 color: #e8eaed;
	 -webkit-transform: rotate(13deg);
	 -ms-transform: rotate(13deg);
	 transform: rotate(13deg);
	 z-index: -1;
	 font-weight:900;
}
 .hh-module .category-widget ul li {
	 padding: 15px 0;
	 border-bottom: 1px solid #e8eaed;
}
 .hh-module .category-widget ul li a {
	 display: block;
	 text-transform: uppercase;
	 font-weight: 700;
	 color:#11151c;
}
 .hh-module .category-widget ul li a:hover, .hh-module .category-widget ul li a:focus {
	 color:#43739c;
}
 .hh-module .category-widget ul li a span {
	 float: right;
	 font-size: 14px;
	 color: #686a6d;
	 margin-left: 15px;
}
 .hh-module .contact li {
	 position: relative;
	 margin-bottom: 20px;
	 padding-left: 55px;
	 padding-top: 5px;
	 min-height: 40px;
}
 .hh-module .contact li i {
	 position: absolute;
	 left: 0;
	 top: 0;
	 width: 40px;
	 text-align: center;
	 height: 40px;
	 background: #fff;
	 color: #43739c;
	 border: 1px solid #e8eaed;
	 line-height: 40px;
	 border-radius: 50%;
}
 @media only screen and (max-width:767px) {
	 .hh-module .page-header h1 {
		 font-size: 32.437px;
	}
}
.hh-module .fa-twitter:before {
    content: "𝕏";
    font-weight: bold;
}
.grid {
    --width: 300px;
    --gap: 1rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--width), 1fr));
    grid-template-columns: repeat(auto-fill, minmax(min(var(--width), 100%), 1fr)); 
    gap: var(--gap);
}
.row.event.filter-match a{
    --column1: 3fr;
    --column2: 5fr;
    display: grid;
    grid-template-columns:var(--column1) var(--column2);
    gap: 1rem;
    text-decoration: none;
    }
@media (max-width: 576px) { 
    .row.event.filter-match a{
        grid-template-columns: 1fr;
    }
}