/* HauntedWisconsin.com */

@font-face {
	font-family: 'HWArchitect';
	src: url('/static/fonts/HWArchitect.eot');
	src: url('/static/fonts/HWArchitect.eot?#iefix') format('embedded-opentype'),
		url('/static/fonts/HWArchitect.woff2') format('woff2'),
		url('/static/fonts/HWArchitect.woff') format('woff'),
		url('/static/fonts/HWArchitect.ttf') format('truetype'),
		url('/static/fonts/HWArchitect.svg#HWArchitect') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* BEGIN Font Awesome Subset */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fa.eot?1');
  src: url('../fonts/fa.eot?1#iefix') format('embedded-opentype'), url('../fonts/fa.woff2?1') format('woff2'), url('../fonts/fa.woff?1') format('woff'), url('../fonts/fa.ttf?1') format('truetype'), url('../fonts/fa.svg?1') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-circle:before {
  content: "\f111";
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}

.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}

.fa-compass:before {
  content: "\f14e";
}
.fa-wheelchair:before {
  content: "\f193";
}

.fa-envelope:before {
  content: "\f0e0";
}
.fa-facebook:before {
  content: "\f09a";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-youtube:before {
  content: "\f167";
}

/* END Font Awesome Subset */

.hidden { display: none !important; }


body {
	padding-top: 5px;
	padding-bottom: 40px;
	color: #fff;
	background-color: #101010;
}

body.day-theme {
	color: #000;
	background-color: #f6f6f6;
}

.header-top-container {
	padding-bottom: 5px;
}

.bar {
	border-radius: 4px;
	padding: 4px;
}

.navbar-inverse, .bar, .navbar-nav .open .dropdown-menu {
	background-color: #222;
}
.navbar-nav .open .dropdown-menu, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
	color: #fff;
}

ul.site-map {
	list-style: none;
	padding: 0;
}
ul.site-map > li {
	margin-top: 2em;
	border-top: 1px solid #888;
	padding: 1em 0;
}
ul.site-map > li > a {
	font-size: 150%;
	font-weight: bold;
}

ul.category-links {
	list-style: none;
	padding: 0;
}

ul.category-links li.link-details {
	border-radius: 5px;
	margin-bottom: 1em;
	background: linear-gradient(rgba(128, 128, 128, 0.4), rgba(128, 128, 128, 0.1));
}

ul.category-links li.link-details a {
	display: block;
	padding: 5px 10px 0 10px;
	font-weight: bold;
	background: linear-gradient(rgba(128, 128, 128, 0.0), rgba(128, 128, 128, 0.1));
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
ul.category-links li.link-details a:hover {
	border-bottom-color: #ff9933;
	text-decoration: none;
}

ul.category-links li.link-details p {
	padding: 10px;
}

/* Override with tighter margins for the menu */
ul.dropdown-menu li.link-details p {
	padding: 3px 10px;
}
ul.category-links li.link-details {
	margin-bottom: 0.2em;
}

ul.category-links .main-category-link {
	font-size: smaller;
	text-align: right;
}

.navbar-inverse {
	background-color: #bb4400;
	border-bottom: none;
}

.navbar-inverse .navbar-nav>li>a {
	color: #fff;
}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
	background-color: #7700dd;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
	background-color: #bb4400;
}

.xnavbar-brand img {
	max-width: 100%;
}

.day-theme .bar {
	background-color: #ccc;
}


.tab { margin-left: 8px; }

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}


.panel-default {
	border-color: #555;
}
.panel-default>.panel-heading {
	background-color: #333;
	color: #fff;
	border-color: #555;
}

/*
a {
	color: #ff9933;
}
.day-theme a {
	color: #890098;
}


a:focus, a:hover {
	color: #ffbb66;
	text-decoration: underline;
}

.day-theme a:focus, .day-theme a:hover {
	color: #690078;
}
*/

.logged-in, .logged-out {
	display: none;
}

#page-top-content-placeholder {
	height: 460px;
}
#page-top-content-placeholder-small {
	height: 160px;
}
#header-placeholder {
	height: 100px;
}
#page-top-content {
	/*position: absolute;
	top:0;
	left: 0;
	width: 100%;*/
}
#page-top-content-spacer {
	height:100px;
}

.page-top-container {
	margin-bottom: 20px;
}

.breadcrumb>.active {
	color: #ffdd99;
}
.breadcrumb>.active:before, .breadcrum>li:before, .breadcrumb>li+li:before {
	color: #ffaa44;
}
ol.breadcrumb {
	margin-top: 1em;
	/*background-color: rgba(128,128,128,0.2);*/
	background-color: transparent;
	margin: 0;
	padding-top: 0;
}
.breadcrumb a {
	color: #ffffff;
}

/*
input, select, textarea {
	color: #000;
	background-color: #fff;
}
*/

.pagination>li>a {
	color: #ff9933;
	background-color: inherit;
}
.day-theme .pagination>li>a {
	color: #428bca;
}

.badge {
	background-color: #444444;
	color: #fff;
}

/*
.list-group-item {
	background-color: #111;
	border-color: #444;
	color: #fff;
}
.day-theme .list-group-item {
	background-color: #fff;
	border-color: #ddd;
}
*/
.header-top-banner-col img {
	max-width: 90%;
	height: auto;
	max-height: 90px;
}

.ad-468x60, .ad-300x250, .ad-100pct, .ad {
	border: 1px solid #888;
	background-color: #555;
	/*width: 466px;
	height: 58px;*/
	margin: 0 auto;
	overflow: hidden;
	color: #fff;
	text-align: center;
}
.ad-300x250 {
	width: 300px;
	height: 250px;
}
.ad-100pct {
	width: 100%;
	height: 100px;
}

.featurette-divider {
		margin: 20px 0px;
}

.ad-row {
	text-align: center;
	margin-bottom: 2em;
}
.ad-row .col-md-12 {
	overflow:hidden;
	max-width:100%;
}
.ad-row .col-12 {
	height: 7px;
}


h1 {
	margin: 0 0 8px 0;
}
.bar h1 {
	border-bottom: 1px dashed #888;
}

.container-home h1 a {
	color: #fff;
}
.day-theme .container-home h1 a {
	color: #000;
}

.tagline, .spooky-text { font-family: HWArchitect; }

h1, h2, h3, h4, h5, h6 { line-height: 1.4em; }
h1 { font-size: 1.65em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.35em; }
h4 { font-size: 1.11em; }

h1.event-list-title {
	margin: 15px 0 5px 0;
	font-size: 1.5em;
}

hr {
	height:0;
	border: none;
	/*border-top: 1px solid #000;*/
	width: 100%;
	margin: 30px 0 10px 0;
}
hr.space {
	height:0;
	border: none;
	width: 100%;
	margin: 25px 0 25px 0;
}
hr.small {
	margin: 10px 0 10px 0;
}

.well {
	border-color: #666;
	background-color: #444;
}
.day-theme .well {
	border-color: #aaa;
	background-color: #ddd;
}

/*
a.btn, .carousel-caption .btn, .btn {
	color: #fff;
	font-weight: bold;
	text-shadow: 1px 1px 0 #332200;
	border-color: #aa4400;
}
*/
.btn-info, .btn-info:hover, a.btn-info, a.btn-info:hover, .btn-info[disabled], .btn-info[disabled]:hover {
	border-color: transparent;
	background-color: transparent;
	cursor: help;
}
.btn-success, a.btn-success {
	border-color: #004400;
}
.btn-danger, a.btn-danger {
	background-color: #cc0000;
	border-color: #aa0000;
}
.btn-danger:hover, a.btn-danger:hover {
	background-color: #ff0000;
	border-color: #ff3300;
}
a.btn-default, a.btn-primary, .btn-default, .btn-primary {
	background-color: #bb4400;
}
a.btn-default:hover, a.btn-primary:hover, .btn-default:hover, .btn-primary:hover {
	/*text-shadow: none;*/
	background-color: #7700dd;
	color: #fff;
	border-color: #6600cc;
}
a.btn-default:focus, a.btn-primary:focus, .btn-default:focus, .btn-primary:focus {
	color: #fff;
}
.btn-secondary, a.btn-secondary {
	background-color: #777;
	border-color: #999;
}
.btn-secondary:hover, a.btn-secondary:hover {
	background-color: #888;
	border-color: #ddd;
	color:#fff;
}

.panel {
	background-color: rgba(128,128,128,0.2);
}

.dropdown-header {
	color: #fff;
}

.dropdown-menu {
	width: 500px;
	color: #fff;
	background-color: #333;
	box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.5);
	border-radius: 0 3px 5px 5px;
	border: 2px solid #333;
	padding-top: 5px;
}
.dropdown:nth-last-child(2) .dropdown-menu {
	width: 400px;
}
.dropdown:last-child .dropdown-menu {
	width: 300px;
}

.day-theme .dropdown-menu {
	color: #000;
	background-color: #fff;
}

.top-search {
	max-width: 30px;
}

.dropdown-menu li {
	list-style-type: none;
}
.dropdown-menu li a, .dropdown-menu>li>a {
	color: #fff;
}
.day-theme .dropdown-menu>li>a {
	color: #000;
}

.day-theme-icon {
	color: #ddcc00;
}
.night-theme-icon {
	color: #aa00aa;
}




.dropdown-menu>li>a:hover {
	background-color: #dd5500;
}
.day-theme .dropdown-menu>li>a:hover {
	background-color: #f0e8e0;
}

a.active-stylesheet-button {
	font-weight: bold;
	background-image: url('../img/icons-svg/check-gray.svg');
	background-position: right 12px center;
	background-size: 14px auto;
	background-repeat: no-repeat;
}
.footer-switch {
	padding-left: 20px;
}


.valign-middle::before, .valign-middle {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.item-scroll-left .valign-middle span, .item-scroll-right .valign-middle span {
	top:0px;
}


.item-scroll {
	position: relative;
	top: 0;
}

a.item-scroll-left, a.item-scroll-right {
	position: absolute;
	top: 0;
	height: 100%;
	color: rgba(255,255,255,0.3);
	font-size: 200%;
	z-index: 2;
	text-shadow: 0px 1px 1px rgba(128,128,128,0.3);
}
a.item-scroll-left:hover, a.item-scroll-right:hover {
	color: #fff;
	text-shadow: 0px 1px 1px rgba(0,0,0,1.0);
}
a.item-scroll-left {
	left: 15px;
}
a.item-scroll-right {
	right: 17px;
}

.event-detail-main a.item-scroll-left, .event-detail-main a.item-scroll-right {
	font-size: 300%;
}
.event-detail-main a.item-scroll-left {
	left: -25px;
}
.event-detail-main a.item-scroll-right {
	right: -25px;
}

.event-detail-main .gallery-next, .event-detail-main .gallery-prev {
	border: none!important;
	border-radius: none!important;
	font-size: 250%!important;
	background: none!important;
}

#event-detail-main-image {
	max-width: 75%;
	max-height: 600px;
	margin-left: 12.5%;
}


.item-scroll h2 {
	background-color: rgba(20,0,0,0.3);
	font-size: 100%;
	font-weight: bold;
	color: #fff !important;
	text-shadow:
	-0px 0px 3px rgb(0,0,0),
	 0   2px 0 rgb(0,0,0);
	text-align: center;
	height: fit-content;
	padding-bottom: 3px;
}
.item-scroll a:hover h2 {
	background-color: #bb4400;
	border-bottom: 2px solid #993300;
}

.item-scroll .item-scroll-image, .item-scroll-item {
	background-color: #111;
	background-size: auto 100% !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	cursor: pointer;
	-webkit-print-color-adjust: exact;
}
.item-scroll-extra-text {
	height: 9em;
	left: 0;
}

.event-type label {
	display: inline;
	font-weight: 300;
}


.quick-search {
	border:1px solid #777;
	background-color: #555;
	padding: 10px;
	color: #fff;
}
.quick-search h1, .quick-search h2 {
	padding: 0;
	margin: 5px 0 0 0;
	font-size: 120%;
}
.quick-search h2 {
	margin-top: 20px;
}
.quick-search h1, .quick-search h1 a {
	color: #fff
}
.quick-search ul, .full-search ul {
	padding: 0 0 0 1%;
	margin: 0;
}
.quick-search li, .full-search li {
	padding: 0;
	list-style-type: none;
	margin: 0;
}
.quick-search li.event-category, .full-search li.event-category {
	font-weight: bold;
}
.quick-search li.event-type, .full-search li.event-type {
	padding-left: 20px;
}
.quick-search li a, .full-search li a {
	color: #fff;
}
.quick-search li input[type='checkbox'], .full-search li input[type='checkbox'] {
	margin-right: 8px;
}
.quick-search input, .quick-search select {
	color: #000;
}
.quick-search input[type='text'], .quick-search select {
	width: 100%;
}

.quick-search label {
	display: block;
	width:100%;
	font-size: 80%;
	margin-bottom: 0;
	margin-top: 10px;
}

.upcoming-events h2 {
	border: 2px solid #000;
	background-color: #aaa;
	color: #000;
}
.upcoming-events ul {
	margin: 0;
	padding: 0 10px;
}
.upcoming-events ul li {
	border-bottom: 1px solid #aaa;
	list-style-type: none;
	margin: 0;
	padding: 10px 0;
}
.upcoming-events b {
	font-weight: normal;
	font-size: 80%;
	display: block;
}

.sidebar hr {
	border: none;
	background-color: transparent;
}

figcaption {
	text-align: center;
}




.whats-new h2 {
	margin-top: 0;
	font-size: 18px;
}
.whats-new h3 {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: bold;
	margin-top: 0;
	font-size: 14px;
}

.whats-new a {
	color: #fff;
}
.day-theme .whats-new a {
	color: #000;
}




/* Footer
-------------------------------------------------- */
footer ul {
	list-style-type: none;
	padding: 0;
}
footer ul ul {
	padding-left: 20px;
}
footer ul li.divider {
	border-top: 1px solid #888;
	margin: 3px;
}
footer {
	margin-top: 3em;
	background-color: #333;
	padding: 2em 1em 0.5em 2em;
	border-radius: 4px;
	font-size: 80%
}
.day-theme footer {
	background-color: #ddd;
}
footer p.hi-link {
	display: block;
	position:relative;
	top:0;
	margin: 1em 0 3em 0;
}
#fat-foot-social {
	margin-bottom: 1em;
}
.social-icons .fa-circle {
	color: #dd5500;
}
.social-icons a:hover .fa-circle {
	color: #7700dd;
}
#fat-foot-social-box .fa-stack {
	font-size:21px;
}
.header-social-icons {
	font-size:10px;
}


footer p.hi-link a.hi-link {
	display: block;
	vertical-align: middle;
	margin-right: 50px;
	text-align: right;
}
footer p.hi-link a.hi-img {
	float:right;
}
#fat-foot-back-to-top {
	display: block;
	position: relative;
	top: 0;
	padding-right: 46px;
}
#fat-foot-back-to-top img {
	position: absolute;
	top: -10px;
	right: 0;
}
footer a {
	color: #aaa;
	text-decoration: none;
}
.day-theme footer a {
	color: #333;
}
.day-theme footer a.badge {
	color: #fff;
}


.site-version-bottom {
	color: #888;
	font-size: smaller;
	margin: 4px 0 -10px 0;
	padding: 0;
	text-align: center;
}
.site-version-bottom .version, .site-version-bottom .date {
	margin: 0 4px;
}

.is-list-image div.thumbnail {
	border-color: #ff7f00;
}
.media-row p.is-list-image {
	position: absolute;
	bottom: 10px;
	left: 0px;
	width: 100%;
	color: #ff7f00;
	font-size: 10px;
}
.media-row img {
	max-height: 20em;
	border: 1px solid rgba(128, 128, 128, 0.2);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}
@media screen and (min-width: 992px) {
	.media-row {
		display: flex;
		flex-wrap: wrap;
	}
}
.media-row > div {
	display: flex;
	flex-direction: column;
}
.media-row .thumbnail {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.media-row .caption {
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 12em;
	position: relative;
	top: 0;
}
.media-row .caption-content {
	position:absolute;
	bottom: 0;
	width: 100%;
	height: 12em;
}
.media-row .media-buttons {
	position: absolute;
	bottom: 0;
	width: 95%;
	text-align: center;
}

.night-theme .thumbnail {
	border: 1px solid #999;
	margin-bottom: 1.5em;
	background-color: #222;
}
.night-theme .thumbnail .caption {
	color: #fff;
}


/* Event / Things-to-do lists
-------------------------------------------------- */
.sort-options .btn-inactive {
	background-color: #777;
	border-color: #999;
}
.pager, .sort-options {
	background-color: rgba(128,128,128,0.2);
	text-align: center;
	font-size: 120%;
	padding: 5px;
	border-radius: 5px;
}
.pager-page {
	padding: 0 10px;
}
.event-detail-page h1 {
	text-align: left;
	font-size: 2.25em;
}
.event-detail-page h2 {
	margin-top: 2em;
	font-size: 1.5em;
}
.event-detail-page h4 {
	font-size: 1.2em;
}

p.categories a.category:after {
	content: ", ";
}
p.categories a.category:last-child:after {
	content: "";
}

h1.things-to-do-title {
	color: #fff;
	margin-left: 15px;
	font-size: 16px;
}
.things-to-do-title a {
	color: #fff;
	text-decoration:none;
}


.summary-list-item h1, .summary-list-item h2, .summary-list-item h3, .summary-list-item p {
	padding: 0;
	margin: 0;
}



/*
.summary-list-item .top-bar {
	border-radius: 5px 5px 0 0;
	background-color: #333;
	border-bottom: 1px solid #555;
	padding: 4px 8px;
	margin: 0;
}

.summary-list-item .top-bar div {
	margin: 0;
	padding: 0;
}
.summary-list-item .top-bar p {
	margin: 0;
	padding: 0;
}
.summary-list-item .description {
	margin-bottom: 8px;
}
.summary-list-item .btn {
	padding: 4px 6px;
	margin-right: 8px;
}
.summary-list-item .btn-xs {
	padding: 1px 5px;
}
.summary-list-item .btn-secondary {
	background-color: #777;
	border-color: #999;
}

.summary-list-categories, p.summary-list-categories {
	margin-top: 20px;
}
*/
[data-bs-theme="dark"] .enhanced-event-list-item .card {
	border-left-color: #bb4400;
	box-shadow: -5px 0px 0px #bb4400;
	border-color: #bb4400;
}
[data-bs-theme="dark"] .enhanced-event-list-item .card-header {
	background-color: #444;
	border-bottom-color: #bb4400;
	font-weight: bold;
}
[data-bs-theme="light"] .featured-event-list-item .card {
	border-left-color: #ef6000;
	box-shadow: -5px 0px 0px #ef6000;
	border-color: #ef6000;
}
[data-bs-theme="light"] .enhanced-event-list-item .card-header {
	background-color: #e6e6e6;
	border-bottom-color: #000;
	font-weight: bold;
}
/*
.day-theme .summary-list-item .top-bar {
	background-color: #ccc;
}
*/
/*
.summary-list-item .summary {
	margin: 0;
	padding: 0;
}
.summary-list-item .summary .col {
	margin: 0;
	padding: 8px;
}
*/
/*
.summary-list-item .featured-text {
	text-align: right;
}
*/
/*
.summary-list-item .event-image {
	margin: 0;
	border: 1px solid transparent;
	background-color: transparent;
}
*/
.event-image-cell a, .event-image-wrapper a {
	display: block;
	width: 100%;
	height: 100%;
	background-color: transparent;
	border:none;
	position: absolute;
	top: 0;
	left: 0;
}
/*
.enhanced-event-list-item .event-image, .summary-list-item .event-image, .summary-image-cell a img {
	border: 1px solid #888;
	background-size: auto 100% !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-image: url('//media.hauntedwisconsin.com/placeholder-pumpkin.png') !important;
}

.event-image-wrapper, .whats-new .event-image {
	background-size: auto 100% !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-image: url('//media.hauntedwisconsin.com/placeholder-pumpkin.png') !important;
}
*/

.pumpkins .category {
	margin: 1em 0;
}
.pumpkins .summary p {
	margin-bottom: 1em;
}


/* Event / Things-to-do Calendar
-------------------------------------------------- */
table.calendar {
  border-collapse: collapse;
  width: 100%;
  font-size: 80%;
}

table.calendar a {
  text-decoration: none;
}


table.calendar th, table.calendar td {
  width: 14%;
}
table.calendar td {
  border: 1px dashed rgba(128,128,128,0.3);
  border-top: none;
  width: 14%;
}
table.calendar th {
  background-color: rgba(128,128,128,0.3);
  font-size:100%;
  text-align: center;
}
table.calendar th.previous, table.calendar th.next {
  font-weight: normal;
}
table.calendar th.previous {
  border-radius: 4px 0 0 0;
  padding-left: 0.5rem;
  text-align: left;
}
table.calendar th.month {
  font-size: 150%;
}
table.calendar th.next {
  border-radius: 0 4px 0 0;
  padding-right: 0.5rem;
  text-align: right;
}
table.calendar td a {
  display: block;
  height: 100%;
  padding-bottom: 25%;
}
table.calendar td a:hover {
  background-color: rgba(160,140,128,0.4);
  text-decoration: none;
}
table.calendar td span.day{
  display: block;
  text-align: right;
  color: #777;
  margin: 0;
  padding: 0 2px;
}
table.calendar td span.events{
  display: block;
  text-align: center;
  font-size: 140%;
  margin: 0;
  padding: 0;
}
td.weekday-6, td.weekday-7 {
	background-color: rgba(128,128,128,0.2);
}

.home-page-calendar table.calendar td a {
	padding-bottom: 10%;
}


#trick-or-treat-nav {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	background: #bb4400;
	padding-top: 1em;
}
#trick-or-treat-nav .pagination, #trick-or-treat-nav p {
	margin: 0;
}
#trick-or-treat-nav .pagination a, #trick-or-treat-nav a {
	color: #fff;
}
.trick-or-treat-city-list th {
	padding-top: 2em;
}
.trick-or-treat-city-list td {
	padding: 0.7em 0 0.3em 0;
	border-bottom: 1px solid rgba(128, 128, 128, 0.2);
}
.trick-or-treat-city-list td:first-child {
	border: none;
}
.trick-or-treat-city-list tr.city:hover {
	background: rgba(128, 128, 128, 0.2);
}
.night-theme .trick-or-treat-city-list a.city-info {
	color: #fff;
}
.day-theme .trick-or-treat-city-list a.city-info {
	color: #000;
}
.trick-or-treat-city-list tr.has-info {
	font-weight: bold;
}
.trick-or-treat-city-list tr.no-info a {
	color: #888;
}




/* Event Search
-------------------------------------------------- */
#event-search-items {
	display: none;
}


/* Event Details
-------------------------------------------------- */
.nav-tabs>li>a:hover, .nav-tabs>li>a:focus {
	background-color: rgba(240,100,0,0.8);
	border-color: rgba(255,128,0,0.5) rgba(255,128,0,0.5) rgba(255,128,0,0.5) rgba(255,128,0,0.5);
	color: #fff;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	background-color: #333;
	border-color: #555;
	color: #eee;
}

.event-features .list-group-item > div {
	display: none;
}
.event-features .list-group-item > a {
	display: block;
}
.event-features .list-group-item a span {
	float: right;
}
.event-detail-sidebar h1, h2, h3 {
	margin-bottom: 0;
}
.event-detail-sidebar h1, h2, h3 {
	margin-bottom: 0;
}
.event-detail-sidebar ul, .event-detail-sidebar li {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-weight: bold;
}
.event-detail-sidebar li li {
	padding-left: 15px;
	font-weight: normal;
}
#event-map {
	color: #000;
}


/* Favorites */
.favorites-map{
	color: #000000;
}
.favorites-map a{
	color: #884400;
	font-weight: bold;
}


/* Halloween Cartoons Page
-------------------------------------------------- */
.cartoon {
	margin-bottom: 4em;
}

.cartoon a {
	border:none;
	margin:0px;
}

/* ASPECT RATIO
-------------------------------------------------- */
.ar, .ar-1x1, .ar-2x1, .ar-4x3, .ar-16x9, .ar-6x5, .ar-300x250, .ar-468x60, .ar-24x5 {
	position:relative;
	top:0;
	padding:0;
	margin:0;
	display: block;
	-webkit-print-color-adjust: exact;
}
.ar > div, .ar-1x1 > div, .ar-2x1 > div, .ar-4x3 > div, .ar-16x9 > div, .ar-6x5 > div, .ar-24x5 > div,
.ar-300x250 > div, .ar-468x60 > div,
.ar-2x1 > img, .ar-4x3 > img, .ar-16x9 > img, .ar-16x9 > iframe
{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	display: block;
}
.ar-1x1  { padding-bottom:100%;  }
.ar-4x3  { padding-bottom:75%;   }
.ar-16x9 { padding-bottom:56.25%; }
.ar-2x1 { padding-bottom:50%; }
.ar-24x5 { padding-bottom:20.8333333%; } /* 1920x400 */
/* Ad sizes */
.ar-6x5, .ar-300x250 { padding-bottom:83.3333333%; }
.ar-468x60           { padding-bottom:12.8205128%; }

div.expand > div {
	width: 100%;
	height: 100%;
}
div.expand > div > iframe {
	width: 100%;
	height: 100%;
}


img.fill-container {
	width:100%;
	height:100%;
	object-fit: contain;
	overflow: hidden;
}

/* NEWS
-------------------------------------------------- */
h3.news-category {
	color: #999;
	font-size: 100%;
	margin: 0.1em 0 0.5em 0;
}
.day-theme h3.news-category {
	color: #333;
}





/* REVIEWS
-------------------------------------------------- */
.submit-review {
	border: 1px solid #888;
	background-color: rgba(128,128,128,0.2);
	border-radius: 5px;
	padding: 1em;
}
.submit-review textarea {
	width: 100%;
	height: 6em;
}
.submit-review textarea#id_content {
	height: 20em;
}
.submit-review label {
	display: block;
	padding-top: 1em;
	padding-bottom: 0;
	margin-bottom: 0;
	color: #888;
}
.submit-review .submit {
	padding-top: 2em;
	text-align: center;
}
.submit-review .errorlist, .error {
	color: #ff0000;
	font-weight: bold;
}

/* BEHIND THE SCREAMS CSS
-------------------------------------------------- */

.behind-the-screams-video {
	max-width: 800px;
}

.behind-the-screams-video iframe {
	width: 100%;
	height: 100%;
}



/* RESPONSIVE CSS
-------------------------------------------------- */

/*
@media (max-width: 767px) {
	#page-top-content-placeholder {
		height: 260px;
	}
	#ad-header img{
		max-height: 60px;
	}
	#ad-header img{
		width: 100%;
		height: auto;
		max-height: 60px;
	}
	.carousel, .carousel .item, .carousel-img-wrap {
		height: 200px;
	}
	.carousel-img-wrap {
		background-size: auto 100%;
	}
	.carousel-indicators {
		bottom: 0;
	}
	.carousel-caption {
		padding-bottom: 0;
	}
	.carousel-caption h1 {
		font-size: 150%;
		margin: 0 0 10px 0;
	}
	footer .text-center {
		text-align: left;
	}
}
*/

.days-til-halloween {
	color: #fff;
}
.day-theme .days-til-halloween {
	color: #000;
}

.site-search-menu {
	text-align: center;
}

#cse-search-box {
	padding-top: 10px;
}
#cse-search-box .input-group-btn {
	z-index: 1001;
}
#cse-search-box .btn-group {
	display: flex;
}

.header-links {
	color: #888;
}
.header-links a {
	color: #fff;
}
.day-theme .header-links a {
	color: #000;
}


.google-ad-container {
	width: 100%;
	margin: 2em 0 0 0;
}
.google-ad-container .widescreen-fix {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}



.responsive-wrapper-16x9 {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.responsive-wrapper-16x9 > iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.responsive-wrapper-16x9 > .mce-preview-object {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.responsive-wrapper-16x9 > .mce-preview-object > iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}


/*
@media screen and (max-width: 991px) {
	.nav>li>a {
		padding-right: 5px;
		padding-left: 7px;
	}
	.header-top-container .text-left, .header-top-container .text-right  {
		text-align: center;
	}
}
@media screen and (max-width: 767px) {
	.navbar {
		margin-right: -15px;
		margin-left: -15px;
	}
}
/*
@media screen and (min-width: 567px) and (max-width: 1000px) {
	.container, .container-fluid, .container-lg, .container-md, .container-sm {
		max-width:95%;
	}
}
@media screen and (min-width: 768px) {
	/* The navbar becomes detached from the top, so we round the corners
	.navbar {
		border-radius: 4px;
	}
	/* Bump up size of carousel content
	.carousel-caption p {
		margin-bottom: 20px;
		font-size: 150%;
		line-height: 1.4;
	}

	.featurette-heading {
		font-size: 200%;
	}
	.lead {
		font-size: 150%;
	}
	.sidebar {
		padding-left: 25px;
	}
}

/*
@media screen and (min-width: 576px) {
	.container, .container-fluid {
		max-width:95%;
	}
}
*/

@media screen and (max-width: 500px) {
	.navbar-toggle {
		margin-right: 5px;
	}
	a.navbar-brand {
		padding-left: 5px;
	}
	.header-social-icons {
		font-size:18px;
		display:inline-block;
		padding-top:10px;
		padding-bottom:5px;
	}
}
@media screen and (min-width: 1200px) {
	.sidebar {
		padding-left: 50px;
	}
	.event-detail-main {
		padding-right:7%;
	}
}

/*
@media screen and (min-width: 1400px) {
	.container {
		width:86%;
	}
	.sidebar {
		padding-left: 8%;
	}
	.item-scroll > div {
		padding-left: 2%;
		padding-right: 2%;
	}
}

/*
@media screen and (min-width: 1921px) {
	body {
		font-size: 24px;
	}
}
*/

@media screen and (min-width:1200px){
	.auto-clear .col-lg-1:nth-child(12n+1){clear:left;}
	.auto-clear .col-lg-2:nth-child(6n+1){clear:left;}
	.auto-clear .col-lg-3:nth-child(4n+1){clear:left;}
	.auto-clear .col-lg-4:nth-child(3n+1){clear:left;}
	.auto-clear .col-lg-6:nth-child(odd){clear:left;}
}
@media screen and (min-width:992px) and (max-width:1199px){
	.auto-clear .col-md-1:nth-child(12n+1){clear:left;}
	.auto-clear .col-md-2:nth-child(6n+1){clear:left;}
	.auto-clear .col-md-3:nth-child(4n+1){clear:left;}
	.auto-clear .col-md-4:nth-child(3n+1){clear:left;}
	.auto-clear .col-md-6:nth-child(odd){clear:left;}
}
@media screen and (min-width:768px) and (max-width:991px){
	.auto-clear .col-sm-1:nth-child(12n+1){clear:left;}
	.auto-clear .col-sm-2:nth-child(6n+1){clear:left;}
	.auto-clear .col-sm-3:nth-child(4n+1){clear:left;}
	.auto-clear .col-sm-4:nth-child(3n+1){clear:left;}
	.auto-clear .col-sm-6:nth-child(odd){clear:left;}
}
@media screen and (max-width:767px){
	.auto-clear .col-1:nth-child(12n+1){clear:left;}
	.auto-clear .col-2:nth-child(6n+1){clear:left;}
	.auto-clear .col-3:nth-child(4n+1){clear:left;}
	.auto-clear .col-4:nth-child(3n+1){clear:left;}
	.auto-clear .col-6:nth-child(odd){clear:left;}
}


.header-top-banner-col {
	margin-bottom: 0.5rem;
}
.ad-wrapper {
	pointer-events: none;
}
.ad-wrapper .ad-link {
	pointer-events: auto;
}


@media screen and (min-width: 992px) {
	.header-top-banner-col {
		text-align: right;
		margin-top: -3rem;
	}
}


@media print {
	#hwCarousel, .ad {
		display: none;
	}

	body {
		margin: 0;
		padding: 0 !important;
	}
	.container {
		width: auto;
	}

	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12
	{
		float: left;
	}
	.col-sm-12, .col-md-12 {width: 100%;}
	.col-sm-11, .col-md-11 {width: 91.66666666666666%;}
	.col-sm-10, .col-md-10 {width: 83.33333333333334%;}
	.col-sm-9,  .col-md-9  {width: 75%;}
	.col-sm-8,  .col-md-8  {width: 66.66666666666666%;}
	.col-sm-7,  .col-md-7  {width: 58.333333333333336%;}
	.col-sm-6,  .col-md-6  {width: 50%;}
	.col-sm-5,  .col-md-5  {width: 41.66666666666667%;}
	.col-sm-4,  .col-md-4  {width: 33.33333333333333%;}
	.col-sm-3,  .col-md-3  {width: 25%;}
	.col-sm-2,  .col-md-2  {width: 16.666666666666664%;}
	.col-sm-1,  .col-md-1  {width: 8.333333333333332%;}

	.hidden-sm, .hidden-xs {
		display: block !important;
	}
	.hidden {
		display: none !important;
	}

	.print-full { width: 100%; }
	.print-center { text-align: center; }
	footer {
		margin: 0;
		padding: 0;
	}
	.item-scroll-left, .item-scroll-right {
		display: none;
	}

	a[href]:after {
		content: none !important;
	}

}




/* site-bs5.css - Bootstrap 5 overrides and enhancements for HauntedWisconsin.com */

.btn-primary {
	--bs-btn-color: #fff;
    --bs-btn-bg: #bb4400;
    --bs-btn-border-color: #aa3300;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #7700dd;
    --bs-btn-hover-border-color: #6600aa;
    --bs-btn-focus-shadow-rgb: 80, 0, 180;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #7700dd;
    --bs-btn-active-border-color: #7700dd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #bb4400;
    --bs-btn-disabled-border-color: #bb4400;
}


Xa {
	color: #ff9933;
}
.day-theme Xa {
	color: #890098;
}


Xa:focus, Xa:hover {
	color: #ffbb66;
	text-decoration: underline;
}

.day-theme Xa:focus, .day-theme Xa:hover {
	color: #690078;
}


/* Custom theme variables matching the original design */
[data-bs-theme="dark"] {
    --bs-body-color: #ffffff;
    --bs-body-bg: #101010;
    --bs-primary: #bb4400;
    --bs-primary-rgb: 187, 68, 0;
    --bs-link-color: #ff9933;
    --bs-link-color-rgb: 255, 153, 51;
    --bs-link-hover-color: #bb55ff;
    --bs-link-hover-color-rgb: 187, 85, 255;
    --bs-carousel-indicator-active-bg: #fff;
    --bs-carousel-caption-color: #fff;
    --bs-carousel-control-icon-filter: none;
}

[data-bs-theme="light"] {
    --bs-body-color: #000000;
    --bs-body-bg: #f6f6f6;
    --bs-primary: #7700dd;
    --bs-primary-rgb: 119, 0, 221;
    --bs-link-color: #7700dd;
    --bs-link-color-rgb: 119, 0, 221;
    --bs-link-hover-color: #3300aa;
    --bs-link-hover-color-rgb: 51, 0, 170;
    --bs-carousel-indicator-active-bg: #000;
    --bs-carousel-caption-color: #000;
    --bs-carousel-control-icon-filter: none;
}
[data-bs-theme="light"] .btn, [data-bs-theme="light"] .btn-primary {
	color: #fff;
}

[data-bs-theme="light"] .carousel-control-next-icon,
[data-bs-theme="light"] .carousel-control-prev-icon
{
	background-color: #000;
	border-radius: 25%;
}


.pagination {
    --bs-pagination-active-bg: #7700dd;
    --bs-pagination-active-border-color: #7700dd;
    --bs-pagination-bg: #ff9933;
    --bs-pagination-color: #ffffff;
}

/* Accordian */
.accordion-button, .accordion-button:not(.collapsed) {
	color: #ffffff;
	background-color:#bb4400;
	font-weight: bold;
	box-shadow: none;
}
.accordion-button:hover {
	background-color: #7700dd;
}
.accordion-button::after, .accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
}



/* Base body tweaks */
body {
    transition: background-color 0.2s, color 0.2s;
}

a {
    text-decoration: none;
}


@media (min-width: 992px) {
  .ratio-lg {
    position: relative;
    width: 100%;
  }

  .ratio-lg::before {
    display: block;
    padding-top: var(--bs-aspect-ratio, 100%);
    content: "";
  }

  .ratio-lg > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .ratio-lg>img {
    object-fit: contain;
  }

	/* 16x9 -> (9 / 16) * 100% = 56.25% */
  .ratio-lg-16x9 {
    --bs-aspect-ratio: 56.25%;
  }

  /* 4x3 -> (3 / 4) * 100% = 75% */
  .ratio-lg-4x3 {
    --bs-aspect-ratio: 75%;
  }

  /* 21x9 -> (9 / 21) * 100% = 42.8571428571% */
  .ratio-lg-21x9 {
    --bs-aspect-ratio: 42.8571428571%;
  }

  /* 1x1 -> 100% */
  .ratio-lg-1x1 {
    --bs-aspect-ratio: 100%;
  }
}


a.ratio {
	display: block;
}
.ratio>img {
	object-fit: contain;
}

/* ==========================================================================
   HEADER TOP SECTION & BRANDING
   ========================================================================== */

.header-top-container {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.spooky-text {
    font-family: 'HWArchitect', 'Courier New', Courier, monospace;
    margin-bottom: 0;
}

.days-til-halloween {
    font-weight: bold;
    font-size: 1.05rem;
}

.header-links {
    font-size: 0.9rem;
    color: #888888;
}

.header-links a {
    color: #ffffff;
    text-decoration: none;
    font-weight: 500;
}

.header-links a:hover {
    color: #ff9933;
    text-decoration: underline;
}

[data-bs-theme="light"] .header-links a,
.day-theme .header-links a {
    color: #222222;
}

[data-bs-theme="light"] .header-links a:hover,
.day-theme .header-links a:hover {
    color: #7700dd;
}

/* Header Top Search Bar */
#cse-search-box {
    margin-top: 0.25rem;
}

#cse-search-box .btn-primary {
    background-color: #bb4400;
    border-color: #a03a00;
    color: #ffffff;
}

#cse-search-box .btn-primary:hover,
#cse-search-box .btn-primary:focus {
    background-color: #7700dd;
    border-color: #6600bb;
    color: #ffffff;
}

#cse-search-box .dropdown-toggle-split {
    border-left: 1px solid rgba(255, 255, 255, 0.3);
}

/* ==========================================================================
   MAIN NAVBAR STYLING
   ========================================================================== */

.bg-hw-navbar,
.navbar-inverse,
#mainNavbar {
    background-color: #bb4400 !important;
    border: none;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.navbar-expand-lg .navbar-nav .nav-link {
    color: #ffffff !important;
    font-weight: 600;
    padding: 0.5rem 0.9rem;
    border-radius: 4px;
    transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

.navbar-expand-lg .navbar-nav .nav-link:hover,
.navbar-expand-lg .navbar-nav .nav-link:focus,
.navbar-expand-lg .navbar-nav .nav-link.show,
.navbar-expand-lg .navbar-nav .show > .nav-link {
    background-color: #7700dd !important;
    color: #ffffff !important;
}

/* Navbar Toggler for Mobile */
.navbar-dark .navbar-toggler {
    border-color: rgba(255, 255, 255, 0.6);
    padding: 0.35rem 0.65rem;
}

.navbar-dark .navbar-toggler:focus {
    box-shadow: 0 0 0 0.25rem rgba(119, 0, 221, 0.5);
}

/* ==========================================================================
   DROPDOWN MENUS (DESKTOP & GENERAL)
   ========================================================================== */

.navbar-nav .dropdown-menu {
    display: none;
    border-radius: 6px;
    padding: 0.6rem;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
    z-index: 1050;
}

.navbar-nav .dropdown-menu.show {
    display: block;
}

/* Dark Theme Dropdown Colors */
[data-bs-theme="dark"] .dropdown-menu,
.night-theme .dropdown-menu {
    background-color: #222222;
    border: 1px solid #444444;
    color: #ffffff;
}

/* Light Theme Dropdown Colors */
[data-bs-theme="light"] .dropdown-menu,
.day-theme .dropdown-menu {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    color: #222222;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

/* Category Links List Inside Dropdown */
ul.category-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Responsive Desktop Widths for Specific Category Dropdowns */
@media (min-width: 992px) {
    .dropdown-things-to-do {
        min-width: 440px;
    }
    .dropdown-haunted-attractions {
        min-width: 380px;
    }
    .dropdown-resources {
        min-width: 380px;
    }
    .dropdown-event-admins {
        min-width: 350px;
    }
    .dropdown-about {
        min-width: 290px;
    }
}

/* Card Link Items (li.link-details) */
ul.category-links li.link-details {
    border-radius: 5px;
    margin-bottom: 0.45rem;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

[data-bs-theme="dark"] ul.category-links li.link-details,
.night-theme ul.category-links li.link-details {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

[data-bs-theme="light"] ul.category-links li.link-details,
.day-theme ul.category-links li.link-details {
    background: rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.07);
}

ul.category-links li.link-details a {
    display: block;
    padding: 7px 12px;
    font-weight: bold;
    color: inherit;
    text-decoration: none;
    border-bottom: 1px solid transparent;
}

[data-bs-theme="dark"] ul.category-links li.link-details a,
.night-theme ul.category-links li.link-details a {
    color: #ffffff;
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

[data-bs-theme="light"] ul.category-links li.link-details a,
.day-theme ul.category-links li.link-details a {
    color: #111111;
    border-bottom-color: rgba(0, 0, 0, 0.06);
}

[data-bs-theme="dark"] ul.category-links li.link-details a:hover,
.night-theme ul.category-links li.link-details a:hover {
    color: #ff9933;
    border-bottom-color: #ff9933;
    background-color: rgba(255, 153, 51, 0.1);
}

[data-bs-theme="light"] ul.category-links li.link-details a:hover,
.day-theme ul.category-links li.link-details a:hover {
    color: #7700dd;
    border-bottom-color: #7700dd;
    background-color: rgba(119, 0, 221, 0.08);
}

ul.category-links li.link-details p.category-description {
    padding: 6px 12px 8px 12px;
    margin-bottom: 0;
    font-size: 0.85rem;
    line-height: 1.35;
}

[data-bs-theme="dark"] ul.category-links li.link-details p.category-description,
.night-theme ul.category-links li.link-details p.category-description {
    color: #cccccc;
}

[data-bs-theme="light"] ul.category-links li.link-details p.category-description,
.day-theme ul.category-links li.link-details p.category-description {
    color: #555555;
}

/* Expand Main Category Link at Bottom of Dropdown */
.main-category-link {
    font-size: 0.85rem;
    font-weight: bold;
    text-align: right;
    display: block;
    padding: 6px 12px;
    text-decoration: none;
    border-radius: 4px;
}

[data-bs-theme="dark"] .main-category-link,
.night-theme .main-category-link {
    color: #ff9933;
}

[data-bs-theme="dark"] .main-category-link:hover,
.night-theme .main-category-link:hover {
    color: #ffcc66;
    background-color: rgba(255, 255, 255, 0.05);
}

[data-bs-theme="light"] .main-category-link,
.day-theme .main-category-link {
    color: #7700dd;
}

[data-bs-theme="light"] .main-category-link:hover,
.day-theme .main-category-link:hover {
    color: #550099;
    background-color: rgba(0, 0, 0, 0.04);
}

/* Theme Switcher in About Dropdown */
.dropdown-header {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: bold;
    padding: 6px 12px 4px 12px;
}

[data-bs-theme="dark"] .dropdown-header,
.night-theme .dropdown-header {
    color: #aaaaaa;
}

[data-bs-theme="light"] .dropdown-header,
.day-theme .dropdown-header {
    color: #666666;
}

.theme-switch-link {
    padding: 6px 32px 6px 12px;
    border-radius: 4px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
}

.day-theme-icon {
    color: #ffaa00;
}

.night-theme-icon {
    color: #aa44ff;
}

a.active-stylesheet-button {
    font-weight: bold;
    background-image: url('../img/icons-svg/check-gray.svg');
    background-position: right 12px center;
    background-size: 14px auto;
    background-repeat: no-repeat;
    background-color: rgba(255, 153, 51, 0.18) !important;
}

[data-bs-theme="light"] a.active-stylesheet-button,
.day-theme a.active-stylesheet-button {
    background-color: rgba(119, 0, 221, 0.12) !important;
}

/* ==========================================================================
   BREADCRUMBS IN NAVBAR
   ========================================================================== */

.navbar-breadcrumbs-container {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-top: 4px;
    padding-bottom: 4px;
}

.breadcrumb {
    padding: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
}

.breadcrumb > li,
.breadcrumb-item {
    display: inline-flex;
    align-items: center;
    color: #ffdd99 !important;
    font-size: 0.9rem;
}

.breadcrumb > li + li::before,
.breadcrumb-item + .breadcrumb-item::before {
    color: rgba(255, 255, 255, 0.7) !important;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    content: "/" !important;
}

.breadcrumb > li a,
.breadcrumb-item a {
    color: #ffffff !important;
    text-decoration: none;
    font-weight: 500;
}

.breadcrumb > li a:hover,
.breadcrumb-item a:hover {
    color: #ffdd99 !important;
    text-decoration: underline;
}

.breadcrumb > li.active,
.breadcrumb-item.active {
    color: #ffdd99 !important;
    font-weight: 500;
}

#mainNavbar {
    flex-direction: column;
    align-items: stretch;
}

#mainNavbar > .container-fluid {
    width: 100%;
}

/* ==========================================================================
   MOBILE RESPONSIVENESS (< 992px)
   ========================================================================== */

@media (max-width: 991.98px) {
    .navbar-collapse {
        padding-top: 0.75rem;
        padding-bottom: 0.5rem;
    }

    .navbar-nav .nav-item {
        margin-bottom: 0.25rem;
    }

    .navbar-nav .nav-link {
        padding: 0.5rem 0.75rem !important;
    }

    .navbar-nav .dropdown-menu {
        position: static !important;
        float: none;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        box-shadow: none !important;
        border: 1px solid rgba(255, 255, 255, 0.15) !important;
        margin-top: 0.25rem;
        margin-bottom: 0.5rem;
    }

    ul.category-links {
        min-width: 0 !important;
        width: 100% !important;
    }

    .header-top-container .text-start,
    .header-top-container .text-end {
        text-align: center !important;
    }
}


/* ==========================================================================
   BOOTSTRAP 5 ICONS & COMPATIBILITY LAYER
   ========================================================================== */

/* Social icon buttons in footer */
.social-icons .social-icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: #dd5500;
    color: #ffffff;
    font-size: 1.15rem;
    text-decoration: none;
    transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out;
}

.social-icons .social-icon-btn:hover {
    background-color: #7700dd;
    color: #ffffff;
    transform: scale(1.1);
}

/* Backward compatibility mapping: Glyphicons -> Bootstrap Icons */
.glyphicon {
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -0.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-chevron-left::before { content: "\f284"; }
.glyphicon-chevron-right::before { content: "\f285"; }
.glyphicon-chevron-up::before { content: "\f286"; }
.glyphicon-chevron-down::before { content: "\f282"; }
.glyphicon-menu-left::before { content: "\f284"; }
.glyphicon-menu-right::before { content: "\f285"; }
.glyphicon-menu-up::before { content: "\f286"; }
.glyphicon-menu-down::before { content: "\f282"; }
.glyphicon-search::before { content: "\f52a"; }
.glyphicon-plus::before { content: "\f64d"; }
.glyphicon-minus::before { content: "\f63b"; }
.glyphicon-remove::before { content: "\f659"; }
.glyphicon-repeat::before { content: "\f130"; }
.glyphicon-map-marker::before { content: "\f3e7"; }
.glyphicon-link::before { content: "\f470"; }
.glyphicon-envelope::before { content: "\f32f"; }
.glyphicon-earphone::before { content: "\f5b4"; }
.glyphicon-shopping-cart::before { content: "\f23d"; }
.glyphicon-heart-empty::before { content: "\f417"; }
.glyphicon-heart::before { content: "\f415"; }
.glyphicon-user::before { content: "\f4da"; }
.glyphicon-eye-open::before { content: "\f341"; }
.glyphicon-pencil::before { content: "\f4cb"; }
.glyphicon-resize-full::before { content: "\f14d"; }
.glyphicon-resize-small::before { content: "\f3de"; }
.glyphicon-sort-by-alphabet::before { content: "\f571"; }
.glyphicon-sort-by-alphabet-alt::before { content: "\f570"; }
.glyphicon-sort-by-attributes::before { content: "\f577"; }
.glyphicon-sort-by-attributes-alt::before { content: "\f576"; }
.glyphicon-off::before { content: "\f4ff"; }
.glyphicon-log-in::before { content: "\f1be"; }
.glyphicon-log-out::before { content: "\f1c3"; }
.glyphicon-print::before { content: "\f501"; }
.glyphicon-star::before { content: "\f586"; }
.glyphicon-floppy-disk::before { content: "\f7d8"; }
.glyphicon-arrow-up::before { content: "\f148"; }
.glyphicon-arrow-down::before { content: "\f128"; }
.glyphicon-globe::before { content: "\f3ee"; }


.my-account li a {
	text-decoration: none;
}