body {
	background-color: #FFF;
	color: #222;
	font-family: 'Play', sans-serif;
	font-size:14px;
	margin: 0px;
	padding: 0px;
}


/* TEXT */

h1, h2, h3, h4
{
	font-family: 'Play', sans-serif; text-transform:uppercase; font-weight:bold; font-size:28px; margin-top:0px; margin-bottom:16px;
}

h1 .welcome {
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 24px;
	letter-spacing: 2px;
}
h1.h1-16 { font-size:16px; }
h1.h1_home { font-size:18px; font-weight:bold; font-family: 'Play', sans-serif; text-transform:none; letter-spacing:0px; }
h1 span { font-size:16px; font-style:italic; }
h2 {
	font-size: 18px;
	margin-top: 0px;
	margin-bottom: 5px;
}
h2.directory_h2 { text-transform:none; }
h3 { font-family: 'Press Start 2P', cursive; text-transform:uppercase; font-weight:normal; font-size:16px; }
h4 { font-size:20px; font-weight:bold; font-family: 'Play', sans-serif; text-transform:none; }
.headleft { margin:0 0 15px 24px; }
.headinline { display:inline; margin:0; }

p {
	margin-top: 0px;
	margin-bottom: 20px;
	text-align:justify;
}
p.p_home { font-size:10px; }


/* LINKS */

a, a:visited, a b {
	color: #CC9900;
	text-decoration: none;
	cursor: pointer;
}
a:hover, a:active {
	color: #CC9900;
	text-decoration: underline;
}
a img {
	border: none;
}

img.share_whatsapp { margin:-21px 1px 0 0; }


/* LISTS */

ul.ul_business_preview
{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
ul.ul_business_preview li
{
	list-style-type:none;
	padding-left: 1em;
	text-indent: -1em;
}
li.li_buy_merch:before {
  content: "🛒";
  padding-right: 5px;
}
li.li_buy_games:before {
  content: "🎮";
  padding-right: 5px;
}
li.li_buy_online:before {
  content: "🌐";
  padding-right: 5px;
}
li.li_play_vg:before {
  content: "🕹️";
  padding-right: 5px;
}
li.li_play_bg:before {
  content: "🎲";
  padding-right: 7px;
}
li.li_food:before {
  content: "🍔";
  padding-right: 5px;
}
li.li_alcohol:before {
  content: "🍺";
  padding-right: 7px;
}


/* HEADER */

#header_submenu { margin:0 auto; width:100%; background:#E5E5E5; font-size:12px; padding:2px; border-bottom:1px solid #CCC; }
#header_submenu_left {}
	#header_submenu_left a { margin-right:20px; color:#444; }
#header_submenu_right { text-align:right; }

#header { margin:8px 0 8px 0; font-size:12px; }

#header_social { float:right; width:168px; }
#header_social a img { margin:0 4px 0 4px; padding:2px 0 0 0; }
#header_social a img:hover, #header_social a img:active { padding:0 0 2px 0; }

.header_social_img { float:right; }
a img.header_social_img { margin:0 4px 0 4px; padding:2px 0 0 0; }
a img.header_social_img:hover, a img.header_social_img:active { padding:0 0 2px 0; }


/* FOOTER */

#footer { background:#EEE; font-size:10px; margin:20px 0 50px 0; padding:5px 0 4px 0; border:1px solid #ccc; text-align:center; }
#footer a, #footer a:visited { color:#000; }
#footer p { margin:5px 0 5px 0; text-align:center; }


/* FILTERS */
.filters-articles, .filters-local, .filters-online
{
	background:#DDD; padding:10px; border:2px solid #222;
}
.filters-games
{
	background:#DDD; padding:0px; border:2px solid #222;
}
#snapshot-local, #snapshot-online
{
	background:#DDD; padding:10px 10px 0 10px; border:2px solid #222; text-align:center; margin:0 0 16px 0;
}
#snapshot-local p, #snapshot-online p { text-align:center; }
#snapshot-local img, #snapshot-online img { width:60%; margin-bottom:12px; border:2px solid #CCC; }
#snapshot-local img:hover, #snapshot-online img:hover { margin-bottom:12px; border:2px solid #666; }

/*  light green #5cb85c, dark green #449d44; */
	.filters-h1
	{
		display:block; background:#222; color:#CC9900; margin:-10px -10px 10px -10px; padding:10px; font-size:16px; font-weight:bold;
	}
	.filters-articles h4
	{
		font-size:16px; text-align:left;
	}
	.filters-local-h1
	{
		display:block; background:#222; color:#d93b3b; margin:-10px -10px 10px -10px; padding:10px; font-size:16px; font-weight:bold;
	}
	.filters-online-h1
	{
		display:block; background:#222; color:#38c2eb; margin:-10px -10px 10px -10px; padding:10px; font-size:16px; font-weight:bold;
	}
	.filters-games-h1
	{
		display:block; background:#222; color:#CC9900; margin:0; padding:10px; font-size:16px; font-weight:bold; font-family: 'Play', sans-serif; text-transform:none;
	}
	.filters-games ul { list-style-type:none; margin:10px 0 10px 0; padding-left:0; }
	.filters-games ul li {}
	.filters-games ul li.games_li_active { padding:4px 8px 4px 8px; }
	.filters-games ul li a { display:block; padding:4px 8px 4px 8px; }
	.filters-games ul li a, .filters-games ul li a:visited { color:#222; }
	.filters-games ul li a:hover, .filters-games ul li a:active { color:#CC9900; background:#222; text-decoration:none; }

.article_filters
{
	background #EEE; font-size:10px;
}
.article_filters_checkboxNO
{
	font-family: 'Press Start 2P', cursive; font-size:8px; font-weight:normal;
}
#article_details
{
	background:#F5F5F5; padding:10px; border:2px solid #DDD;
}
/*
#article_details img { border:2px solid #DDD; margin-bottom:4px; }
#article_details img:hover { border:2px solid #222; }
*/
img.article_details_thumb { border:2px solid #DDD; margin-bottom:4px; }
img.article_details_thumb:hover { border:2px solid #222; }
.share_whatsapp_side { margin:2px 0 7px 0; }
.middler { margin:0 auto; text-align:center; }


/* CONTENT */

.article_preview { width:300px; height:300px; position:relative; float:left; margin:0 0 8px 8px; border:2px solid #ccc; }
.article_preview:hover { border:2px solid #333; }
.article_preview_a { display:block; border:0; text-decoration:none; border:0; }
.article_preview_date
{
	font-family: 'Play', sans-serif; font-size:12px; font-weight:bold;
	position:absolute;
	top:8px; left:8px; margin:0 8px 8px 0; background-color:rgba(0,0,0,0.7); color:white; padding:6px 8px 6px 8px;
}
.article_preview_title
{
	font-family: 'Play', sans-serif; font-size:16px; text-transform:uppercase; font-weight:bold;
	position:absolute;
	bottom:8px; left:8px; margin:8px 8px 0 0; background-color:rgba(0,0,0,0.7); color:white; padding:4px 8px 4px 8px;
}

.panel-heading h3 { font-family: 'Play', sans-serif; font-size:20px; font-weight:bold; margin:0 0 0 0; padding:0; color:#222; }
.panel-footer a { margin:2px 0 0 0; padding:0; color:#222; }


.business_preview { border:1px solid #BBB; background:#EEE; padding:10px; margin:20px 0 20px 0; min-height:246px; }
/*.business_preview img { float:right; margin-left:10px; width:40%; }*/
.business_preview_img { float:right; margin-left:10px; width:40%; min-width:150px; }
.business_preview img.flag-online { float:none; padding:0; margin:-2px 0 0 -2px; max-height:30px; }
.business_preview img.flag-local { float:none; padding:0; margin:-2px 0 0 -2px; height:12px; width:18px; }
.business_preview a img { border:0; border:8px solid #222; }
.business_preview_h3_container { background:#222; padding:5px 5px 5px 10px; margin-bottom:10px; }
.business_preview .business_preview_h3_container h3 { font-family: 'Play', sans-serif; font-size:20px; font-weight:bold; margin:0; }
/*.business_preview h3 { display:inline; background:#DDD; padding:5px; margin:6px 0 6px 0; font-family: 'Play', sans-serif; font-size:20px; font-weight:bold; }*/
.business_preview p, .business_preview ul { margin:10px 0 0 10px; }

#game_container {}
#game_container h1 { clear:both; text-align:left; margin-bottom:12px; font-family:'Play', sans-serif; text-transform:none; font-size:22px; font-weight:bold; }

#games-info { width:100%; border-top:1px solid #DDD; padding:12px 0 12px 0; }
#games-info img { float:right; margin:0 0 20px 20px; max-width:40%; border:8px solid #222; }

#manufacturer-info { width:100%; padding:12px 0 12px 0; border-top:1px solid #DDD; }
#manufacturer-info h4 { font-size:16px; font-weight:bold; font-family: 'Play', sans-serif; text-transform:none; text-align:left; }
#manufacturer-info-logo { float:right; margin:16px 0 16px 16px; max-width:40%; border:8px solid #222; }

#article_container {}
#article_container p { margin-top:12px; font-size:16px; }
#article_container h1 { text-align:center; }
#article_container h3 { font-family: 'Play', sans-serif; font-weight:bold; font-size:22px; text-align:center; text-transform:uppercase; text-decoration:underline; }
#article_container h4 { font-family: 'Play', sans-serif; font-weight:bold; font-size:18px; }
.article_img { margin:0 auto; text-align:center; width:90%; }
.article_img img
{
	max-width:80%;
	height:auto;
	border:1px solid #DDD;
	cursor:pointer;
}
.article_img figcaption { text-align:center; font-size:10px; font-style:italic; margin-bottom:8px; }

.search-results { text-align:center; }
.search_article { width:100%; position:relative; margin:0 0 8px 8px; border:2px solid #222; text-align:left; }
	.search_article:hover { border:2px solid #CC9900; }
	.search_article img { width:100%; height:100%; }
	.search_article_a { display:block; border:0; text-decoration:none; border:0; }
	.search_article_date
	{
		font-family: 'Play', sans-serif; font-size:12px; font-weight:bold;
		position:absolute;
		top:8px; left:8px; margin:0 8px 8px 0; background-color:rgba(0,0,0,0.7); color:white; padding:6px 8px 6px 8px;
	}
	.search_article_title
	{
		font-family: 'Play', sans-serif; font-size:16px; text-transform:uppercase; font-weight:bold;
		position:absolute;
		bottom:8px; left:8px; margin:8px 8px 0 0; background-color:rgba(0,0,0,0.7); color:white; padding:4px 8px 4px 8px;
	}
.search_game { width:80%; max-width:300px; margin-bottom:16px; border:8px solid #222; }
	.search_game:hover { border:8px solid #CC9900; }
.search_manufacturer { width:80%; max-width:300px; margin-bottom:16px; border:8px solid #222; }
	.search_manufacturer:hover { border:8px solid #CC9900; }

.page404 { text-align:center; }
.page404 h1 { font-size:56px; font-family: 'Press Start 2P', cursive; font-weight:normal; }
.page404 p { text-align:center; font-family: 'Press Start 2P', cursive; font-size:16px; text-transform:uppercase; }
.page404 img {}


.help-online { width:100%; background:#2AC7F4; color:#222; border:4px solid #222; padding:16px; margin-top:16px; }
.help-local { width:100%; background:#F05757; color:#222; border:4px solid #222; padding:16px; margin-top:16px; }
.help-online h4, .help-local  h4 { margin:0; }
.help-online p, .help-local p { margin:8px 0 0 0; }
.help-online a, .help-local a { color:#222; font-weight:bold; }


/* FORMS */

option { white-space:pre; }

label { font-weight:normal; }

/*form span { font-weight:normal; }*/

/* .navbar_search { width:50px; } */


/* MODAL */
#article_container .modal-dialog { width:90%; margin:0 auto; }
.modal-body { text-align:center; }
.modal-body img { max-width:100%; cursor:pointer; }


/* BUTTONS */

.btn-gold {
  color: #000;
  background-color: #CC9900;
  border-color: #CC6600;
}
.btn-gold:focus,
.btn-gold.focus {
  color: #000;
  background-color: #CC6600;
  border-color: #CC6633;
}
.btn-gold:hover {
  color: #000;
  background-color: #CC6600;
  border-color: #398439;
}
.btn-gold:active,
.btn-gold.active,
.open > .dropdown-toggle.btn-gold {
  color: #000;
  background-color: #CC6600;
  border-color: #CC6633;
}
.btn-gold:active:hover,
.btn-gold.active:hover,
.open > .dropdown-toggle.btn-gold:hover,
.btn-gold:active:focus,
.btn-gold.active:focus,
.open > .dropdown-toggle.btn-gold:focus,
.btn-gold:active.focus,
.btn-gold.active.focus,
.open > .dropdown-toggle.btn-gold.focus {
  color: #000;
  background-color: #CC6633;
  border-color: #CC6633;
}
.btn-gold:active,
.btn-gold.active,
.open > .dropdown-toggle.btn-gold {
  background-image: none;
}
.btn-gold.disabled:hover,
.btn-gold[disabled]:hover,
fieldset[disabled] .btn-gold:hover,
.btn-gold.disabled:focus,
.btn-gold[disabled]:focus,
fieldset[disabled] .btn-gold:focus,
.btn-gold.disabled.focus,
.btn-gold[disabled].focus,
fieldset[disabled] .btn-gold.focus {
  background-color: #CC9900;
  border-color: #CC6600;
}
.btn-gold .badge {
  color: #000;
  background-color: #CC9900;
}

.btn-black {
  color: #CC9900;
  background-color: #222;
  border-color: #000;
}
.btn-black:focus,
.btn-black.focus {
  color: #CC9900;
  background-color: #000;
  border-color: #000;
}
.btn-black:hover {
  color: #CC9900;
  background-color: #000;
  border-color: #000;
}
.btn-black:active,
.btn-black.active,
.open > .dropdown-toggle.btn-black {
  color: #CC9900;
  background-color: #000;
  border-color: #000;
}
.btn-black:active:hover,
.btn-black.active:hover,
.open > .dropdown-toggle.btn-black:hover,
.btn-black:active:focus,
.btn-black.active:focus,
.open > .dropdown-toggle.btn-black:focus,
.btn-black:active.focus,
.btn-black.active.focus,
.open > .dropdown-toggle.btn-black.focus {
  color: #CC9900;
  background-color: #000;
  border-color: #000;
}
.btn-black:active,
.btn-black.active,
.open > .dropdown-toggle.btn-black {
  background-image: none;
}
.btn-black.disabled:hover,
.btn-black[disabled]:hover,
fieldset[disabled] .btn-black:hover,
.btn-black.disabled:focus,
.btn-black[disabled]:focus,
fieldset[disabled] .btn-black:focus,
.btn-black.disabled.focus,
.btn-black[disabled].focus,
fieldset[disabled] .btn-black.focus {
  background-color: #000;
  border-color: #000;
}
.btn-black .badge {
  color: #CC9900;
  background-color: #000;
}