/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			prosilver Special Edition
	Based on style:		prosilver (the default phpBB 3.3.x style)
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		phpBB Limited ( https://www.phpbb.com/ )
    --------------------------------------------------------------
*/

/* colours.css changes */
html, body {
	background-color: #ACA8A1;
}

body.simple {
	min-height: 100%;
	padding: 0 5px;
}

.wrap {
	border: 2px solid #FFF;
	border-radius: 15px;
	box-shadow: 0 0 5px 2px #9D9A93, inset 0 3px 18px rgba(100, 100, 100, .25);
	margin: 0 auto;
	max-width: 1152px;
	padding: 13px 23px;
}

.search-header {
	box-shadow: 0 0 10px #505C65;
}

.headerbar {
	background-color: #7C8891;
	background-image: -webkit-linear-gradient(top, #6E777F 0%, #505C65 1%, #56626B 20%, #737F88 75%, #7C8891 100%);
	background-image: linear-gradient(to bottom, #6E777F 0%, #505C65 1%, #56626B 20%, #737F88 75%, #7C8891 100%);
	background-repeat: repeat-x;
}

.navbar {
	background-color: #DCDEE2;
}

.forabg, .forumbg {
	background-color: #505C65;
	background-image: -moz-linear-gradient(top, #7C8891 0%, #7C8790 4%, #76828B 10%, #5B666F 29%, #505C65 38%, #505C65 100%);
	background-image: linear-gradient(to bottom, #7C8891 0%, #7C8790 4%, #76828B 10%, #5B666F 29%, #505C65 38%,#505C65 100%);
	background-repeat: repeat-x;
}

.copyright a {
	color: #000000 !important;
}

li.row {
	background-color: #E8ECEE;
}

li.row:hover {
	background-color: #EBEFF1;
}

li.row.bg3 {
	background-color: #F0F4F6;
}

li.row.bg3:hover {
	background-color: #F4F8FA;
}

.site_logo {
	background-image: url("./images/site_logo.svg");
}

.jumpbox-cat-link {
	background-color: #505C65;
	background-image: -moz-linear-gradient(top, #7C8891 0%, #7C8790 4%, #76828B 10%, #5B666F 29%, #505C65 38%, #505C65 100%);
	background-image: linear-gradient(to bottom, #7C8891 0%, #7C8790 4%, #76828B 10%, #5B666F 29%, #505C65 38%,#505C65 100%);
	background-repeat: repeat-x;
	color: #FFFFFF;
}

.jumpbox-sub-link {
	background-color: #E8ECEE;
}

/* responsive.css changes */
@media only screen and (max-width: 920px), only screen and (max-device-width: 920px) {
	html, body {
		background-color: #FFF;
	}

	body {
		padding-left: 5px;
		padding-right: 5px;
	}

	#wrap {
		width: 850px;
		padding: 0;
		border-width: 0;
		border-radius: 0;
		box-shadow: none;
	}
}

@media only screen and (max-width: 860px), only screen and (max-device-width: 860px) {
	#wrap {
		width: auto;
	}
}


/* =========================================
   HORROR ZONE - Glitch + Images
   forum id = 16
   ========================================= */

a.forumtitle[href*="viewforum.php?f=16"] {
    position: relative !important;
    display: inline-block !important;
    overflow: visible !important;
    color: #d10000 !important;
    font-weight: 700;
    letter-spacing: 0.2px;
    text-shadow:
        0 0 1px #2b0000,
        0 0 3px #500000,
        0 0 6px #8a0000;
    animation: horrorGlitch 1.8s infinite;
}

@keyframes horrorGlitch {
    0%, 78%, 100% { transform: translate(0, 0);     }
    79%           { transform: translate(2px, 0);    }
    80%           { transform: translate(-2px, 0);   }
    81%           { transform: translate(1px, 0);    }
    82%           { transform: translate(-1px, 0);   }
    83%           { transform: translate(0, 0);      }
    90%           { transform: translate(1px, -1px); }
    91%           { transform: translate(-1px, 1px); }
    92%           { transform: translate(0, 0);      }
}

a.forumtitle[href*="viewforum.php?f=16"]:hover {
    color: #ff2020 !important;
    text-shadow:
        0 0 1px #2b0000,
        0 0 3px #700000,
        0 0 6px #aa0000;
}

/* Row background — splat + VHS image */
ul.topiclist.forums li.row dt:has(a.forumtitle[href*="viewforum.php?f=16"]) {
    background-image:
        url("/images/bloodsplat.png"),
        url("/images/horror-vhs.jpg");
    background-repeat: no-repeat, no-repeat;
    background-position: -95px center, 580px center;
    background-size: 264px auto, 118px auto;
}

/* =========================================
   HORROR ZONE - Halloween Countdown
   ========================================= */
.horror-countdown {
    display: inline-block;
    position: absolute;
    left: 377px;        /* decrease to move left, increase to move right */
    top: 135%;
    transform: translateY(-50%);
    color: #8a0000;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    /*! line-height: 1.4; */
    pointer-events: none;
    z-index: 5;
}

.horror-countdown .hc-label {
    display: block;
    font-size: 9px;
    text-transform: uppercase;
    color: #cc0000;
    text-shadow: 0 0 4px #000, 1px 1px 0 #000;
    margin-bottom: 4px;
}

.horror-countdown .hc-numbers {
    display: flex;
    gap: 6px;
    justify-content: center;
}

.horror-countdown .hc-unit {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.horror-countdown .hc-num {
    display: block;
    font-size: 18px;
    color: #cc0000;
    line-height: 1;
    text-shadow: 0 0 4px #000, 1px 1px 0 #000, -1px -1px 0 #000;
}

.horror-countdown .hc-unit-label {
    display: block;
    font-size: 9px;
    color: #ffffff;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
    font-weight: 700;
}

.horror-countdown .hc-sep {
    font-size: 16px;
    color: #600000;
    line-height: 1.1;
    align-self: flex-start;
    margin-top: 1px;
    text-shadow: 1px 1px 0 #000;
}


/* =========================================
   HORROR ZONE - RSS Ticker
   ========================================= */
.horror-rss {
    display: inline-block;
    position: absolute;
    left: 170px;        /* adjust to sit left of your countdown */
    top: 119%;
    transform: translateY(-50%);
    width: 180px;
    text-align: center;
    z-index: 5;
    pointer-events: none;
}

.horror-rss .rss-label {
    display: block;
    font-size: 7px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #cc0000;
    text-shadow: 0 0 4px #000, 1px 1px 0 #000;
    margin-bottom: 3px;
    font-family: Arial, sans-serif;
    font-weight: 700;
}

.horror-rss .rss-headline {
    display: block;
    font-size: 9px;
    font-family: Arial, sans-serif;
    font-weight: 700;
    color: #ffffff;
    text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
    line-height: 1.3;
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
    pointer-events: auto;
    cursor: pointer;
    text-decoration: none;
}

.horror-rss .rss-headline.visible {
    opacity: 1;
}

.horror-rss .rss-headline:hover {
    color: #ff4444;
}