/* LEGACY & NEW BOXES */
.hummel-box,
.hummel-mainbox, .hummel-info {
	margin-top: 15px;
	padding: 15px;
	text-align: center;
	width: 100%;
}
.hummel-box p,
.hummel-mainbox p, .hummel-info p {
	margin: 0;
}
.hummel-box img,
.hummel-mainbox img {
	height: auto;
	width: 100%;
}
.hummel-box.left-border ,
.hummel-left, .hummel-info {
	background: var(--theme-page-background-color--secondary);
	border-left: 5px solid var(--theme-accent-color);
	border-radius: 0 3px 3px 0;
}
.hummel-box.right-border,
.hummel-right {
	background: var(--theme-page-background-color--secondary);
	border-radius: 3px 0 0 3px;
	border-right: 5px solid var(--theme-accent-color);
}
.hummel-box.no-border ,
.hummel-back {
	background: var(--theme-page-background-color--secondary);
	border-radius: 5px;
}
.hummel-box.updown-border,
.hummel-updown {
	border-bottom: 5px solid var(--theme-accent-color);
	border-top: 5px solid var(--theme-accent-color);
	margin-top: 20px;
	margin-bottom: 20px;
}
.hummel-box.up-border,
.hummel-separator {
	border-top: 5px solid var(--theme-accent-color);
	margin-top: 20px;
	margin-bottom: 15px;
}
.hummel-box.down-border,
.hummel-separator {
	border-bottom: 5px solid var(--theme-accent-color);
	margin-top: 15px;
	margin-bottom: 20px;
}
.hummel-box.info,
.hummel-info {
	border-spacing: 0;
	font-size: 14px;
}
.hummel-box.info th,
.hummel-info th {
	text-transform: uppercase;
}
.hummel-box.info .hummel-box.info,
.hummel-info .hummel-box.info {
	padding: 0;
	margin: 1px;
	background: rgba(var(--theme-page-text-color--rgb), 0.125);
}
.hummel-box.info .hummel-box.info th:after,
.hummel-info .hummel-box.info th:after {
	content: "↓";
	float: right;
	margin-right: 5px;
}
.hummel-box.info .hummel-box.info th:before,
.hummel-info .hummel-box.info th:before {
	content: "↓";
	float: left;
	margin-left: 5px;
}
.hummel-box.info .hummel-box.info,
.hummel-info .hummel-box.info {
	padding: 0 10px 0 10px;
}
.hummel-box.linker tr, 
.hummel-box.linker td,
.hummel-linker tr, 
.hummel-linker td {
    display: block;
    line-height: 1;
}
.hummel-box.linker tr:has(a),
.hummel-linker tr:has(a) {
	background: var(--theme-page-background-color);
    margin-bottom: 15px;
	border: 3px solid var(--theme-accent-color);
    border-radius: 3px;
}
.hummel-box.linker tr:has(td):last-of-type,
.hummel-linker tr:has(td):last-of-type {
    margin-bottom: 0;
}
.hummel-box.linker tr:has(td) a,
.hummel-linker tr:has(td) a {
	cursor: pointer;
	display: block;
	font-size: 14px;
	font-weight: 500;
	padding: 15px;
	color: var(--theme-page-text-color) !important;
    text-decoration: none !important;
    text-shadow: none !important;
}
.hummel-box.linker tr:has(td) a:hover,
.hummel-linker tr:has(td) a:hover {
	color: var(--theme-page-text-color) !important;
    text-decoration: none !important;
    text-shadow: none !important;
}
.hummel-box.linker td:has(a),
.hummel-linker td:has(a) {
	transition: 0.3s;
}
.hummel-box.linker td:has(a):hover,
.hummel-linker td:has(a):hover {
	background: rgba(var(--theme-accent-color--rgb), 0.25);
}

/* LEGACY & NEW NAVI */
.hummel-navi {
	display: flex;
	list-style: none !important;
	margin: 0 !important;
}
.hummel-navi.full-sized .hummel-navi-cell .hummel-navi-cell-img img,
.hummel-navi.full img {
	aspect-ratio: auto !important;
	border-radius: 3px !important;
}
.hummel-navi.not-rounded .hummel-navi-cell .hummel-navi-cell-img img,
.hummel-navi.square img {
	border-radius: 0 !important;
}
.hummel-navi.not-adjusted .hummel-navi-cell .hummel-navi-cell-img img,
.hummel-navi.static img {
	object-fit: contain !important;
}
.hummel-navi .hummel-navi-cell,
.hummel-navi>li {
	border-radius: 3px;
	border: 3px solid var(--theme-accent-color);
	margin: 5px;
	transition: 0.3s;
	width: 100%;
}
.hummel-navi .hummel-navi-cell:hover,
.hummel-navi>li:hover {
	background: rgba(var(--theme-accent-color--rgb), 0.25);
}
.hummel-navi .hummel-navi-cell .hummel-navi-cell-img a,
.hummel-navi>li>span>a {
	display: block;
	padding: 15px 15px 0 15px;
}
.hummel-navi .hummel-navi-cell .hummel-navi-cell-img img,
.hummel-navi>li>span>a>img {
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	height: 100%;
	width: 100%;
}
.hummel-navi .hummel-navi-cell .hummel-navi-cell-desc a,
.hummel-navi>li>div>a {
	color: var(--theme-page-text-color) !important;
    font-size: 14px !important;
	display: block;
	font-weight: 500;
	padding: 15px;
    text-align: center;
    text-decoration: none !important;
    text-shadow: none !important;
	text-transform: uppercase;
}
.hummel-navi .hummel-navi-cell .hummel-navi-cell-desc a:hover,
.hummel-navi>li>div>a:hover {
	color: var(--theme-page-text-color) !important;
    text-decoration: none !important;
    text-shadow: none !important;
}

/* LEGACY & NEW NOTICE BOXES */
.hummel-notice,
.hummel-edit {
	background: var(--theme-accent-color);
	border-radius: 0.25em;
	color: var(--theme-accent-label-color);
	margin-bottom: 0.5em;
	padding: 0.5em;
	text-transform: uppercase;
	width: 100%;
}
.hummel-notice a,
.hummel-edit a {
	color: var(--theme-accent-label-color) !important;
    text-decoration: underline !important;
    transition: text-decoration-color 0.3s;
    text-decoration-color: var(--theme-accent-label-color) !important;
    text-shadow: none !important;
}
.hummel-notice a:hover,
.hummel-edit a:hover {
	color: var(--theme-accent-label-color) !important;
    text-decoration: underline !important;
    text-decoration-color: transparent !important;
    text-shadow: none !important;
}

/* LEGACY & NEW STANDALONE CELLS */
.hummel-standalone-cell,
.hummel-cell {
	width: 94%;
	margin: 3%;
}
.hummel-standalone-cell a,
.hummel-cell a {
	border-radius: 3px;
	border: 3px solid var(--theme-accent-color);
	display: block;
	font-weight: 500;
	padding: 15px;
	text-align: center;
	text-decoration: none;
	transition: 0.3s;
}
.hummel-standalone-cell a:hover,
.hummel-cell a:hover {
	background: rgba(var(--theme-accent-color--rgb), 0.25);
}

/* SCROLLBOXED GALLERIES */
.hummel-gallery {
	max-height: 400px;
	overflow-y: auto;
}
.hummel-gallery .wikia-gallery {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
}
.hummel-gallery .wikia-gallery .wikia-gallery-item {
	height: auto !important;
	padding: 5px !important;
	width: 30% !important;
}
.hummel-gallery .wikia-gallery .wikia-gallery-item .thumb,
.hummel-gallery .wikia-gallery .wikia-gallery-item .thumb .gallery-image-wrapper,
.hummel-gallery .wikia-gallery .wikia-gallery-item .thumb .gallery-image-wrapper .lightbox  {
	height: 100% !important;
	width: 100% !important;
}
.hummel-gallery .wikia-gallery .wikia-gallery-item * {
	border: none !important;
}

/* UTILS */
.hummel-header {
	background: linear-gradient(to top, rgba(var(--theme-link-color--rgb), 0.1) 54%, transparent 54%, transparent 100%);
	font-size: 24px;
	text-transform: uppercase;
}
.hummel-box tr:has(.hummel-header),
.hummel-box th:has(.hummel-header),
.hummel-linker tr:has(.hummel-header),
.hummel-linker th:has(.hummel-header) {
    display: block;
    line-height: 1;
    margin-bottom: 10px !important;
}
.hummel-separator {
	border-top: 5px solid var(--theme-accent-color);
}


.theme-fandomdesktop-dark .hummel-navi .hummel-navi-cell,
.theme-fandomdesktop-dark .hummel-navi>li {
	border: 3px solid rgba(var(--theme-link-color--rgb), 0.5) !important;
}
.theme-fandomdesktop-dark .hummel-box.linker tr:has(a),
.theme-fandomdesktop-dark .hummel-linker tr:has(a) {
	border: 3px solid rgba(var(--theme-link-color--rgb), 0.5)  !important;
}
.theme-fandomdesktop-light .hummel-navi .hummel-navi-cell,
.theme-fandomdesktop-light .hummel-navi>li {
	border: 3px solid rgba(var(--theme-link-color--rgb), 0.75) !important;
}
.theme-fandomdesktop-light .hummel-box.linker tr:has(a),
.theme-fandomdesktop-light .hummel-linker tr:has(a) {
	border: 3px solid rgba(var(--theme-link-color--rgb), 0.75)!important;
}
.hummel-navi .hummel-navi-cell:hover,
.hummel-navi>li:hover {
	background: rgba(var(--theme-link-color--rgb), 0.25)  !important;
}
.hummel-box.linker td:has(a):hover,
.hummel-linker td:has(a):hover {
	background: rgba(var(--theme-link-color--rgb), 0.25)  !important;
}