@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
:root {
	--black: #383838;
    --white: #FFFFFF;
	--yellow: #f3be2f;
	--hyperlink: #4293a4;
	--hyperlink-hover-focus: #58b1c4;
	--default-font: 'Roboto', sans-serif;
}

body {
	font-family: var(--default-font);
}
h1, h2, h3, h4, h5, h6 {
	font-family: var(--default-font);
}

.hh-events .tooltip {
	font-family: var(--default-font);
}

.hh-events .events-results {
	font-family: var(--default-font);
}

.hh-events .details {
	font-family: var(--default-font);
}

.hh-events .filters .filter {
	font-family: var(--default-font);
}

/* Event Listing Title Mods */
.hh-events .event a .title {
	color: var(--black);
}
.hh-events .event a:hover .title, .hh-events .event a:focus .title {
	color: var(--hyperlink-hover-focus);
}

/* Button Mods */
.hh-module .sidebar .primary-button.btn-block, .hh-module .sidebar .secondary-button.btn-block {
	padding: 6px 12px;
}
.hh-events .primary-button-white {
	color: var(--hyperlink);
}
.hh-module .primary-button {
	background-color: transparent;
	-webkit-box-shadow: 0 0 0 2px var(--hyperlink) inset;
	box-shadow: 0 0 0 2px var(--hyperlink) inset;
}
.hh-module .secondary-button {
	background-color: var(--hyperlink);
	-webkit-box-shadow: 0 0 0 2px var(--hyperlink) inset;
	box-shadow: 0 0 0 2px var(--hyperlink) inset;
}
.hh-module .primary-button, .hh-module .secondary-button {
	font-size: 18px;
}

.hh-module .secondary-button a:hover, .hh-module .secondary-button a:focus, .hh-module .secondary-button:hover, .hh-module .secondary-button:focus {
	color: var(--hyperlink);	
}

.hh-events .primary-button-white:hover, .hh-events .primary-button-white:focus {
	background-color: var(--hyperlink);
}

/* Sidebar Mods */
.hh-events .sidebar .date-views button:hover, .hh-events .sidebar .date-views button:focus, .hh-events .sidebar .date-views button.active {
	color: var(--yellow);
	border-color: var(--yellow);
}

.hh-events .sidebar input:focus {
	outline: 2px solid var(--yellow);
}

.hh-events .primary-button.primary-button-white.dropdown-toggle:hover {
	border-color: var(--yellow);
}

.hh-events .sidebar .checkboxes {
	color: var(--hyperlink);
}

.hh-events .sidebar .checkboxes label:hover, .hh-events .sidebar .checkboxes label input:focus~span {
	color: var(--hyperlink-hover-focus);
}

.hh-events .sidebar .dropdown select:hover, .hh-events .sidebar .dropdown select:focus, .hh-events .sidebar-detail .dropdown select:hover, .hh-events .sidebar-detail .dropdown select:focus {
	border-color: var(--yellow);
}

.hh-events .feeds a {
	color: var(--hyperlink);
}

.hh-events .feeds a:hover {
	color: var(--hyperlink-hover-focus);
}

/* Individual Event Sidebar */
.hh-events .icon {
	color: var(--yellow);
}
.hh-events .icon-list a {
	text-decoration: none;
}

/* Back to Top */
.hh-events .back-to-top {
	top: auto !important;
	background: #f1b410;
	color: var(--white);
	position: fixed !important;
	z-index: 10 !important;
}
.hh-events .back-to-top:hover, .hh-events .back-to-top:focus {
	background: #ab7f0a;
}

/* Internal Alert Mod */
.alert-info {
	color: #31708f !important;
	background-color: #d9edf7 !important;
	border-color: #bce8f1 !important;
}
@media only screen and (max-width: 991px) and (min-width: 768px), (min-width: 1200px) {
    .hh-events .sidebar .date-views button:nth-child(2), .hh-events .sidebar .date-views button:nth-child(4), .hh-events .sidebar .date-views button:nth-child(5), .hh-events .sidebar .date-views button:nth-child(7), .hh-events .sidebar .date-views button:nth-child(8), .hh-events .sidebar .date-views button:nth-child(10), .hh-events .sidebar .date-views button:nth-child(11) {
    margin-left: -2px;
}
.hh-events .sidebar .date-views button:nth-child(3) {
	margin-top: -2px;
	margin-left: 0px;
}
.hh-events .sidebar .date-views button:nth-child(6), .hh-events .sidebar .date-views button:nth-child(9) {
	margin-left: 0px;
}
.hh-events .sidebar .date-views button:nth-child(1), .hh-events .sidebar .date-views button:nth-child(2) {
	width: calc(50% - 1px);
}
}
.subpage .details { padding-left: 0 !important; }
.hh-events .events .event .title, .hh-events .sidebar .event h3.title { margin-top: 0; }
.hh-events .featured-events-list .event-details { align-items: baseline; }
.hh-events#main { margin-top: 0;}
.hh-module.section { padding-top: 0;}
.hh-events.breadcrumbs { margin-top: -40px; margin-bottom: 20px; }