* {
	transition: 2s;
}

@media only screen and (min-width: 600px) {
	
	p {
		color: black;
	}
	body.logged-in #menu {
		margin-top: 31px;
	}
	
	body.logged-in {}
		margin-top: 65px;
	}
	
body {
		margin-top: 50px;
	}
	
	a {
		color: darkred;
	}
	
	img {
		background:  !important;
		max-width:450px;
		height:inherit;
		border: 0 !important;
	}
	
	img:hover {
		transform: scale(1.05);
	}
	
	.pagewrapper, #page {
		background: #3a3a3a;
		background-size: 200px;
	}
	
	#header-overlay, #searchbox, #syndication {
		display: none;
	}
	
	#pagetitle {
		background: url('https://maskedbanditscp.com/wp-content/uploads/2026/07/masked-bandits-header.png') !important;
		width: 912px;
		height: 417px;
		border-left: 2px #202020 solid;
		border-right: 2px #202020 solid;
	}
	
	.pagewrapper {
		margin-top: 197px;
		width: 912px;
		border: 2px #202020 solid;
	}
	
	#menu {
		justify-content: center;
		display: flex;
	}
	
	#menu ul li.menu-item-has-children a::after {
		content: "‎‎‎‎‏‏‎";
		position: absolute;
		z-index: 999;
		top: 20px;
		right: 6px;
		color: #fff;
	}
	
	#menu ul li a {
		color: #ddd;
		padding: 20px !important;
		border: 0 !important;
		margin-top: -5px;
		border-radius: 0;
	}
	
	#menu {
		position: fixed;
		top: 0;
		left: 0;
		text-align: center;
		width: 100%;
		z-index: 999;
		justify-content: center;
		border-bottom: 2px rgba(0,0,0,0.1) solid;
		box-shadow: rgba(0,0,0,0.3) 0 3px;
	}
	
	#menu ul li, #menu ul li a {
		background: rgba(0,0,0,0);
		text-align: center;
		justify-content: center;
		display: flex;
	}
	
	#menu ul li a:hover {
		background: rgba(0,0,0,0);
		text-decoration: none;
		color: #ddd;
	}

	#menu ul li ul.sub-menu li {
		background: #000;
		top: 16px;
		padding: 5px 0;
		border-radius: 0;
	}
	
	#menu ul li ul.sub-menu li a {
		border-radius: 0;
	}
	
	#menu ul li.current_page_item a {
		background: rgba(0,0,0,0);
		text-decoration: none !important;
	}
	
	#menu {
		background: url('https://i.postimg.cc/8cSZmGsQ/mbscroll3.png') #202020;
		background-size: 130px;
		background-position: -10px -80px;
		animation: menus 560s linear infinite;
	}
	
	@keyframes menus {
	from {
		background-position: -10px -80px;
	}
	
	50% {
		background-position: -10780px -80px;
	}
	
	back {
		background-position: -10px -80px;
	}
}

.sticky h2 a {
	background: url('https://maskedbanditscp.com/wp-content/uploads/2026/07/masked-bandits-sticky.png');
	color: whitesmoke !important;
	background-size: cover;
}



.content {
	background: url('');
}

.content .wp-caption {
	width: 450px !important;
	max-width: 100% !important;
	box-sizing: border-box;
	padding: 0 !important;
	margin: 0 !important;
}

.content .wp-caption img {
	display: block !important;
	max-width: 450px !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}


.post h2 a {
	color: darkred;
}

.postinfo, .postdate {
	color: #303030;
}

.sidebar ul li h2, .obar ul li h2.widgettitle {
	color: #ddd !important;
}

.sidebar ul li, .obar ul li p {
	color: whitesmoke!important;
}

.sidebar ul li, .obar ul li {
	color: #ddd;
	background: none;
}

input, select, textarea {
	border: 1px rgba(0,0,0,0.2) solid;
	border-radius: 5px;
	padding: 10px;
	width: inherit;
}

input[type="submit"], button {
	background: black;
	border: 0;
	padding: 10px 30px;
	display: flex;
	justify-content: center;
	text-align: center;
	margin-top: 10px;
	top: 0;
	border-radius: 4px !important;
	color: #fff;
	border: 1px rgba(255,255,255,0.1) solid;
}

.content .wp-caption {
    max-width: 100% !important;
}

.content .wp-caption.aligncenter {
    margin: 0 auto 20px !important;
}

.sidebar img,
.obar img {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
}

#menu .nav-logo {
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	z-index: 10;
}

#menu .nav-logo img {
	display: block;
	height: 45px;
	width: auto;
}

.mb-event-widget {
    box-sizing: border-box;
    width: 100%;
    max-width: 240px;
    margin: 0 auto;

    background: #3a3028;
    border: 3px solid #c89b52;
    padding: 18px 12px;

    text-align: center;
    color: #f3eee8;
    font-family: Arial, sans-serif;
}

.mb-event-heading {
    color: #c89b52;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 12px;
}

.mb-event-name {
    font-size: 17px;
    line-height: 1.05;
    font-weight: bold;
    margin-bottom: 20px;
}

/* COUNTDOWN */
.mb-countdown {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 4px;

    width: 100%;
    box-sizing: border-box;

    margin: 0 auto 20px;
}

.mb-time {
    min-width: 0;
    text-align: center;
}

.mb-time span {
    display: block;

    font-size: 23px;
    line-height: 1;
    font-weight: bold;
    color: #d9a75c;

    white-space: nowrap;
    word-break: normal;
    overflow-wrap: normal;

    font-variant-numeric: tabular-nums;
}

.mb-time small {
    display: block;
    margin-top: 4px;

    font-size: 8px;
    line-height: 1.2;
    color: #cfc4b8;

    white-space: nowrap;
}

/* EVENT DATE */
.mb-event-date {
    margin-top: 8px;

    font-size: 12px;
    line-height: 1.5;
    font-weight: bold;

    color: #f3eee8;
}

/* BUTTON */
.mb-event-button {
    display: block;
    width: calc(100% - 20px);
    box-sizing: border-box;

    margin: 18px auto 0;
    padding: 11px 8px;

    background: #4a4037;
    border: 1px solid #6a5a49;

    color: #f3eee8 !important;
    text-decoration: none;
    font-weight: bold;

    transition: background 0.2s ease, color 0.2s ease;
}

.mb-event-button:hover {
    background: #5a4b3e;
    color: #ffffff !important;
}