:root {
	--header-image: url('https://bangohouse.com/img/BangoHouse-Large-Logo_c.png');
	--body-bg-image: url('');
	--content: #43256E;}
/* ================================================================================ */
/* IMAGE TRANSFORMS */
/* ================================================================================ */
* { box-sizing: border-box;}
*/ #leftSidebar {	order: 2;}
.left{ float: left; }
.right { float: right; }
#flex {
	height: 100%;
	background-color: #FBEAEF;
	border: 0px solid #fff;
	display: flex;
  image-rendering: smooth;
	margin-left: 6%;
	margin-right: 6%;
	margin-bottom: 64px;
	background-image: url('https://bangohouse.com/img/BorderSet11_pink.png');
	background-repeat: repeat-x; }
div.pixelBG {
	background-image: url('https://bangohouse.com/img/BorderSet11_pink.png');
	background-repeat: repeat-x;
	background-size: 356px;
	image-rendering: pixelated; }
body {	
	background-color: #FBEAEF;
  font-size: 18px;
	overflow-x: hidden;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0; }
aside {
	margin-top: 16px;
	background-color: #FBEAEF;
	width: 24%;
	min-width: 200px;
	padding-left: 0px;
	font-size: smaller;
	margin-bottom: 24px;  }
main {
	width: 76%;
	margin-right: 20px;
	margin-left: 20px;
	flex: 1;
	padding: 0px;
	order: 1; }
@media only screen and (max-width: 800px) {
  #flex {flex-wrap: wrap;}
  aside {width: 100%; }
  main {order: 1;}
  #leftSidebar {order: 2;}
  #navbar ul {flex-wrap: wrap;}}
/* ================================================================================ */
/* TEXT STYLES */
/* ================================================================================ */
strong {
	text-shadow: 0px 0px 3px #fff;
	color: #995c00; }
a:hover { }
p { line-height: 1.6em; }
/* HEADER STYLES */
h1.bango {
	letter-spacing: 43px; 
	word-spacing: 22px;
	text-shadow: 0px 0px 3px #995c00;
	color: #ffffe6;
	font-family: Impact;
	font-size: 38px;
	text-align: center;
  line-height: 94px;
  margin-top: -11px;}
h2 {
	font-size: 18px;
	color: #b23076;
	text-shadow: 0px 0px 3px #fff;
  text-align: left; }
h2.postHeader {
	font-variant: small-caps;
	font-family: Lucida Console;
	color: #461d31;
  border-bottom: 1px dashed #461d31;
	margin-right: 18px; }
h2.timestamp {
	font-family: Lucida Console;
	margin-top: -10px;
  font-size: 12px;
	text-shadow: 0px 0px 4px #461d31; }
h1.postTitleH1 {
	text-shadow: 0px 0px 3px #995c00;
  text-align: left;
	font-variant: small-caps;
	font-family: Lucida Console;
	color: #494135;
  border-bottom: 0px dashed #494135;
	margin-right: 18px; }
h4.postDate {
  text-align: left;
	font-size: 18px;
	color: #461d31;
	text-shadow: 0px 0px 3px #995c00;
  text-align: left; }
/* DIVIDER STYLES */
hr {
	border-top: hidden;
	border-left: hidden;
	border-right: hidden #f7ac62;
  border-bottom: 2px dashed #fff; }
/* ================================================================================ */
/* HEADER */
/* ================================================================================ */
#headerBanner {
	width: 100%;
	height: 0px;
  box-shadow: 0px -108px 98px -60px #FF7BD2 inset;
	background-image: url('https://bangohouse.com/BBSD/cred_bg.png');
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat; } 
h1.bango {
	letter-spacing: 43px; 
	word-spacing: 22px;
	text-shadow: 0px 0px 3px #990014;
	color: #FBEAEF;
	font-family: Impact;
	font-size: 48px;
	text-align: center;
line-height: 94px;
margin-top: -11px;}
/* NAVBAR */
#header {
	width: 100%;
	min-height: 32px;
	max-height: 32px;
	background-image: url('https://bangohouse.com/img/BorderSet2_pink.png');
	background-position: bottom;
	background-size: 32px;
  image-rendering: pixelated;
	background-color: #FF7BD2; }
#header ul {
	display: flex;
	padding: 0;
	margin: 0;
	list-style-type: none;
	justify-content: space-evenly;}
#header li {
	padding-top: 6px;}
#header li a {
	cursor: pointer;
	color: #990014;
	font-weight: 600;
	text-decoration: none;}
#header li a:hover {
	color: #fff;
	text-decoration: none;}
#header li a.active {
	color: #fff; 
}
.dropdown-content {
  display: none;
	margin-top: -2px;
  position: absolute; 
	border-bottom: 3px solid #F06CC3;
  background-color: #FF7BD2;
  font-size: 12px;
	text-decoration: small-caps;
  min-width: 120px;
  box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.2);
	z-index: 1;}
.dropdown-content a {
		background-image: url('https://bangohouse.com/img/slice_pink1.png');
  background-size: cover;
	padding: 12px 16px;
  display: block;
  text-align: left; }
.dropdown-content a:hover { 
	background-image: url('https://bangohouse.com/img/slice_pink2.png');
  background-size: cover;
  background-color: #D9417B;}
.dropdown:hover 
.dropdown-content {
  display: block; }
/* ================================================================================ */
/* MAIN PAGE */
/* ================================================================================ */
#container {
	image-rendering: smooth;
	width: 100%;
	margin: 0 auto; }
#container a {
	text-decoration: none;
	font-variant: small-caps;
	color: #cc0000;
	font-weight: bold; }
#container a:hover {
	color: #fff; }
div.home {
	min-height: 246px;
	max-height: 400px;
	overflow-x: hidden;
	overflow-y: scroll;
	padding: 28px;
	padding-right: 64px;
  color: ;}
p.home {
	word-spacing: 8px;
	line-height: 1.4;
	text-align: justify;
font-family: Verdana;}
#BBSD div {
	letter-spacing: 1px;
	word-spacing:   4px; 
	line-height:      2;
	font-size:     12px; 
	color:         #000;
filter: drop-shadow(1px 1px 4px #fff); }
#BBSD ul {
	float: right;
	list-style-image: url('https://bangohouse.com/BBSD/16x16.png');
}
.bbsdLogo {
	background-image: url('https://bangohouse.com/BBSD/BB_speeddate.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	height: 100%;}
/* ================================================================================ */
#slideparent { }
.mySlides {
	  cursor: cell;
		width: 100%;
		border: 0px inset #d66adb; }
.mySlides:hover {
	}
a.mySlides:hover {
	cursor: zoom-in;}
#thumbcontainer{
	position: relative;
	width:100%;	}
#thumbdiv {	
	white-space: wrap;
	width: 100%; }
.thumbnails {
	display: inline-block;
	transform:rotate(0deg); }
.demo {
  	transition: 0.2s ease;
	  height: 36px;
		border: 1px solid #d66adb;
		filter: grayscale(100%); }
.demo:hover {
	transition: 0.2s ease;
	border: 1px dotted #4fe0aa;
	filter: grayscale(0%); }
.dotsactive {	
	transition: 0.2s ease;
	border: 1px dotted #4fe0aa;
  filter: grayscale(0%); }
.demolink {
	filter: opacity(60%);
	
}
.demolink:hover {
	filter: opacity(100%);
}
.imgupdate {
	word-wrap: ; 
	position: relative;
	margin-left: 0px;
	min-width: 124px;
	min-height: 100px;
	max-width: 80%;
	height: auto;
	filter: opacity(50%);
	border: 3px outset #fff;
	}
.imgupdate:hover {
		filter: opacity(100%);
		border: 3px inset red;
		}
#mainPromo2 {
	background-image: url('https://bangohouse.com/BBSD/BBSD-Teaser-imageNOLOGO.png');
	min-height: 256px;
	max-height: 400px;
	width: 100%;
  border: 0px dashed #fff;
  box-shadow: -2px 2px 1px 0px rgba(0,0,0,0.2);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin-bottom: 24px;
	box-shadow: 2px 2px 20px 10px #FBEAEF inset;
	filter: opacity(80%); }
#mainPromo2:hover {filter: opacity(100%);}
#mainPromo2 div { }
#mainPromo {
	background-image: url('https://bangohouse.com/img/BBSDpromo.jpg');
	background-color: #fae165;
	min-height: 256px;
	max-height: 400px;
	width: 100%;
  border: 0px dashed #fff;
  box-shadow: -2px 2px 1px 0px rgba(0,0,0,0.2);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin-bottom: 24px;
	box-shadow: 2px 2px 20px 10px #FBEAEF inset;
	filter: opacity(50%); }
#mainPromo:hover { filter: opacity(100%);}
#mainPromo div { }

/* ================================================================================ */
/* FOOTER */
/* ================================================================================ */
.footer {
	background-image: url('https://bangohouse.com/img/BorderSet8_pink.png');
  image-rendering: pixelated;
	background-size: 46px;
	background-color: #f5c160;
	width: 100%;
	height: 46px;
	padding: 12px;
	text-align: center;
  text-shadow: 1px 1px 3px #fff;
	color: #3a112f;
	font-size: 12px; }
.bttmSticky {
	position: fixed;
  bottom: 0px; }
#lastupdate {
	font-size: 10px;}
#lastupdate::before {
	content: "Last Updated:";}
#hitcount {
	font-size: 10px;}
#hitcount::before {	
	content: "Visitor #";
	margin-left: 24px; }
/* ================================================================================ */
/* IMAGE TRANSFORMS */
/* ================================================================================ */
.auto {
	height: px;
	width: px;
	image-rendering: auto; }
.crisp-edges {
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges; }
.pixelated {
	image-rendering: pixelated; }
.smooth {
	image-rendering: smooth; }
.high-quality {
	image-rendering: high-quality; }
a.thumbnail { }
a.thumbnail:hover {
  box-shadow: -12px 12px 10px 0px #fff inset; }
.zoom {
	cursor: zoom-in;
	transition: .2s ease;
	transition-delay: .6s;
	image-rendering: smooth; 
	}
.zoom:hover {
	transition-delay: .2s;
	transition: .4s ease;
	transform: scale(1.25);
	box-shadow: 2px 2px 20px 20px #fafaba;
	}
.thumbnail {
	background-color: #fae165;
	min-height: 200px;
	max-height: 300px;
	width: 100%;
  border: 0px dashed #fff;
  box-shadow: -2px 2px 1px 0px rgba(0,0,0,0.2);
}
.half {
	width: 100%;
	min-height: 98px;
	max-height: 124px;
}
/* ================================================================================ */
/* SIDEBOX */
/* ================================================================================ */
.bbsdSideLogo {
	background-image: url('https://bangohouse.com/BBSD/BB_speeddate.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
  min-height: 200px;
	width: 100%; }
#BBSD_gm {
	background-image: url('https://bangohouse.com/BBSD/gm.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	filter: ;
}
#BBSD_itch {
	background-image: url('https://bangohouse.com/BBSD/itch.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	filter: ;
}
#BBSD_p {
	background-image: url('https://bangohouse.com/BBSD/patreon.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	filter: ;
}
#BBSD_steam {
	background-image: url('https://bangohouse.com/BBSD/steam.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	filter: ;
}
.BBSDparent {
	display: flex;
	width: 100%;
}
.BBSDbg { 
	height: 100%;
	background-image: url('https://bangohouse.com/BBSD/Storepage_BG.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center; }
.box {
	box-shadow: 0px -40px 12px -10px #FBEAEF inset;
	border: 0px solid #fff;
	padding: 10px;
	min-height: 60%; }
.box2 {
	margin-top: -16px;
	margin-bottom: 24px; }
#banners a {
	font-size: 24px;
	text-decoration: none;
	position: relative;
  top: 0px;
	color: #fff; }
#banners a:hover {
	color: #000; }
#banners div {
	filter: opacity(50%);
	margin-bottom: 4px; }
#banners div:hover {
		filter: opacity(100%); }
/* ================================================================================ */
* { scrollbar-width: auto;
    scrollbar-color: #FF7BD2 #FCE8B4;}
  *::-webkit-scrollbar { width: 15px; }
  *::-webkit-scrollbar-track { background: #fff; }
  *::-webkit-scrollbar-thumb {
    background-color: #f5c160;
    border-radius: 			 24px;
    border:  5px none #f5c160; }