/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
#page {
	top: -62px;
/*margin-top: 0;*/
}

#masthead {
	margin-bottom: 30px;
}

#masthead div.themonic-logo {
	max-width: 350px;
	padding: 0 0 17px 10px;
}

.site-description {
}

.site-branding {
}

.site-title {
	margin-right: 0;
}

:target:before {
	content: "";
	display: block;
	height: 90px;
/* fixed header height*/
	margin: -90px 0 0;
/* negative fixed header height */
}

#site-navigation {
	/* border-top: solid thin grey;
	background-color: grey;
	padding-right: 10px;*/
	white-space: nowrap;
	position: relative;
	z-index: 999;
}

#primary-menu li {
	white-space: normal;
}

.sub-menu li {
	background-color: #ccc;
	margin-top: 0;
	padding-top: 0.2em;
	display: block;
}

#primary-menu li a, #sub-menu li a {
	color: white;
	background-color: grey;
	padding: 5px;
	font-size: 1.1em;
}

footer[role="contentinfo"] a {
	color:#0b91ea;
	text-decoration: inherit;
}

footer[role="contentinfo"] a:hover {
	color: #0b91ea;
}

/* Temp styling for new menu buttons */
#menu-item-30615, #menu-item-61772 {
	background: #ffe3e3;
}
#menu-item-30615:hover, #menu-item-61772:hover {
	background: #00A1E0;
}
#menu-item-30615 a, #menu-item-61772 a {
	color: #800;
}
#menu-item-30615:hover a, #menu-item-61772:hover a, #menu-item-30615.current-menu-item a, #menu-item-61772.current-menu-item a {
	color: #fff;
}
@media (prefers-color-scheme: dark) {
	#menu-item-30615, #menu-item-61772 {
		background: #844;
	}
	#menu-item-30615:hover, #menu-item-61772:hover {
		background: #00A1E0;
	}
	#menu-item-30615 a, #menu-item-61772 a {
		color: #fee;
	}
	#menu-item-30615:hover a, #menu-item-61772:hover a, #menu-item-30615.current-menu-item a, #menu-item-61772.current-menu-item a {
		color: #fff;
	}
}
/* */

div.entry-content {
	position: relative;
}

.site-content article.review {
	background-color: white;
	padding: 0 20px 20px 20px;
/*	border-radius: 25px;
	border: solid 1px;*/
}

.below-title-meta {
	display: none;
}

div#article-featured-image {
	  padding-top: 200px;
    vertical-align: bottom;
    background-position: center;
    background-size: cover;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

div#article-featured-image h1.entry-title {

    padding: 5px 20px;
    display: block;
    vertical-align: bottom;
    background-color: #333;
    position: relative;
    color: white;
}

.widget-area .widget {
		margin-bottom: 10px;
}

h2.pageSubtitle {
	font-size: 20px;
  font-weight: normal;
  position: relative;
  top: -10px;
  font-style: italic;
}

.disabled {
	opacity: 0.4;
}

div.table {
	display: table;
}

div.header {
	font-weight: bold;
}

div.row {
	display: table-row;
}

div.cell {
	display: table-cell;
}

div.cell.label {
  padding-right: 10px;
}

.review div {
	margin-bottom: 20px;
}

.entry-meta:after {
	border: 0;
}

div.reviewExtract {
	clear: both;
	margin-bottom: 15px;
	position: relative;
}

a.rankingsLink {
	display: inline-block;
  background: #b9e4fb;
  border: solid 1px #81cff8;
  border-top: 0;
  border-left: 0;
  padding: 0 8px;
  color: black;
  font-weight: bold;
  border-radius: 5px;
  margin: 3px;
  text-transform: lowercase;
  font-variant: small-caps;
}

a.rankingsLink:hover {
	text-decoration: none;
}

a.linkReadFull {
	font-style: italic;
	font-size: small;
}

.review {
	clear: both;
	padding: 10px;
	padding-top: 35px;
	margin-top: 15px;
	padding-bottom: 0;
	background-size: auto 28px;
	background-repeat: no-repeat;
	background-position: 10px 5px;
}

.toby {
	color: #000088;
	background-image: url('https://escapethereview.files.wordpress.com/2016/12/signature_toby.png');
}

.toby_adds {
	color: #000088;
	background-image: url('https://escapethereview.files.wordpress.com/2016/12/signature_toby_adds.png');
}

.toby_agrees {
	color: #000088;
	background-image: url('https://escapethereview.files.wordpress.com/2016/12/signature_toby_agrees.png');
}

.toby_disagrees {
	color: #000088;
	background-image: url('https://escapethereview.files.wordpress.com/2016/12/signature_toby_disagrees.png');
}

.sam {
	color: #880000;
	background-image: url('https://escapethereview.files.wordpress.com/2016/12/signature_sam.png');
}

.sam_adds {
	color: #880000;
	background-image: url('https://escapethereview.files.wordpress.com/2016/12/signature_sam_adds.png');
}

.sam_agrees {
	color: #880000;
	background-image: url('https://escapethereview.files.wordpress.com/2016/12/signature_sam_agrees.png');
}

.sam_disagrees {
	color: #880000;
	background-image: url('https://escapethereview.files.wordpress.com/2016/12/signature_sam_disagrees.png');
}

.eva {
	color: #006600;
	background-image: url('https://escapethereview.files.wordpress.com/2016/12/signature_eva.png');
}

.eva_adds {
	color: #006600;
	background-image: url('https://escapethereview.files.wordpress.com/2016/12/signature_eva_adds.png');
}

.eva_agrees {
	color: #006600;
	background-image: url('https://escapethereview.files.wordpress.com/2016/12/signature_eva_agrees.png');
}

.eva_disagrees {
	color: #006600;
	background-image: url('https://escapethereview.files.wordpress.com/2016/12/signature_eva_disagrees.png');
}

.eda {
	color: #cd6a07;
	background-image: url('https://escapethereview.files.wordpress.com/2016/12/signature_eda.png');
}

.eda_adds {
	color: #cd6a07;
	background-image: url('https://escapethereview.files.wordpress.com/2016/12/signature_eda_adds.png');
}

.eda_agrees {
	color: #cd6a07;
	background-image: url('https://escapethereview.files.wordpress.com/2016/12/signature_eda_agrees.png');
}

.eda_disagrees {
	color: #cd6a07;
	background-image: url('https://escapethereview.files.wordpress.com/2016/12/signature_eda_disagrees.png');
}

.lewis {
	color: #3f00b1;
	background-image: url('https://escapethereview.files.wordpress.com/2016/12/signature_lewis2.png');
	background-size: auto;
}

.lewis_adds {
	color: #3f00b1;
	background-image: url('https://escapethereview.files.wordpress.com/2016/12/signature_lewis_adds2.png');
	background-size: auto;
}

.lewis_agrees {
	color: #3f00b1;
	background-image: url('https://escapethereview.files.wordpress.com/2016/12/signature_lewis_agrees2.png');
	background-size: auto;
}

.lewis_disagrees {
	color: #3f00b1;
	background-image: url('https://escapethereview.files.wordpress.com/2016/12/signature_lewis_disagrees2.png');
	background-size: auto;
}

.chris {
	color: #008888;
	background-image: url('https://escapethereview.files.wordpress.com/2017/01/signature_chris.png');
}

.chris_adds {
	color: #008888;
	background-image: url('https://escapethereview.files.wordpress.com/2017/01/signature_chris_adds.png');
}

.chris_agrees {
	color: #008888;
	background-image: url('https://escapethereview.files.wordpress.com/2017/01/signature_chris_agrees.png');
}

.chris_disagrees {
	color: #008888;
	background-image: url('https://escapethereview.files.wordpress.com/2017/01/signature_chris_disagrees.png');
}

.karen {
	color: #455f00;
	background-image: url('https://escapethereview.files.wordpress.com/2017/01/signature_karen.png');
}

.karen_adds {
	color: #455f00;
	background-image: url('https://escapethereview.files.wordpress.com/2017/01/signature_chris_adds.png');
}

.karen_agrees {
	color: #455f00;
	background-image: url('https://escapethereview.files.wordpress.com/2017/01/signature_karen_agrees.png');
}

.karen_disagrees {
	color: #455f00;
	background-image: url('https://escapethereview.files.wordpress.com/2017/01/signature_karen_disagrees.png');
}

.pris, .pris_agrees, .pris_disagrees, .pris_adds {
	color: #cc0088;
}

div#primary div#content article {
	word-wrap: normal;
	-webkit-hyphens: none;
   -moz-hyphens: none;
   hyphens: none;
}

.review div.ratingOverall {
	margin-bottom: 0;
}

div.review2 {
	background: none;
	clear: both;
	/* margin-top: 10px; */
	font-size: 110%;
	margin-bottom: 0px;
	word-wrap: normal;
}


div.review2 div {
	margin-bottom: 20px;
}


div.review2 img {
	margin-bottom: 0px;
}

.reviewByline {
	font-style: italic;
	font-size: 2em;
	font-family: "Garamond";
	line-height: 1;
	margin-right: 10px;
	margin-bottom: 10px;
  display: inline-block;
}

.reviewByline + p {
	display: none;
}

.entry-header .entry-meta {
	margin-bottom: 16px;
}

.ratingOverall {
	float: left;
}

.linkToOperator {
	float: right;
	margin-bottom: 10px;
}

.warning {
	clear: both;
	margin-top: 10px;
	border: solid thin red;
	border-radius: 5px;
	margin-left: 5%;
	line-height: 1.2;
	background-color: #ffdddd;
	background-image: url('https://escapethereview.files.wordpress.com/2016/11/icon_warning4.png');
	background-repeat: no-repeat;
	background-position: 1% center;
	font-style: italic;
	width: 90%;
	box-sizing: border-box;
	padding: 8px;
	padding-left: 36px;
	font-size: small;
}

h2.shadedHeaderBar + div.warning {
    position: relative;
    top: -10px;
}

h2.shadedHeaderBar.shadedHeaderBarSmallMargin {
	margin-bottom: 10px;
}

h2.shadedHeaderBar.shadedHeaderBarRed {
	color: #ff4;
	border-bottom: solid 2px #c00;
	border-top: solid 2px #c00;
	background: linear-gradient(to right,rgb(235 0 0 / 78%) 0%,rgba(234,172,0,0.78) 50%,rgba(232,185,125,0) 100%);
}

.successMessage {
  background-color: #dbf2d2;
  border: solid 1px green;
  clear: both;
  margin-top: 10px;
  border-radius: 5px;
  line-height: 1.2;
  font-style: italic;
  display: inline;
  box-sizing: border-box;
  padding: 8px 16px;
  font-size: small;
}

.info {
	margin: 10px 0;
	line-height: 1.2;
	font-style: italic;
	padding: 8px;
	font-size: small;
}

.pinnedBox {
    position: fixed;
    top: 30px;
    background: #fed;
    padding: 8px 16px;
    right: 0;
    border: solid 2px gray;
    text-align: center;
		z-index: 1000;
}

ul.listLessLeadingSpace {
    margin-bottom: 10px;
}

.locationList .linkToReview img {
	width: 60px;
}

.locationList .linkToReview p {
	margin: 10px;
}

.locationList .linkToReview a {
	margin-left: 5px;
}

.locationList .linkToReview span.warningComingSoon {
	margin-left: 5px;
	font-style: italic;
	color: #888888;
}

.locationList .linkToReview span.warningClosed {
	color: #cc0000;
	text-transform: uppercase;
}

tr.warningClosed {
	opacity: 0.5;
}

td span.warningClosed {
		text-transform: uppercase;
    color: red;
    font-size: 0.8em;
    font-style: italic;
}

.sidebarLink {
	font-size: large;
}

.sidebarLinkFacebook {
	margin-top: 10px;
	display: table;
}

.sidebarLinkFacebook div {
	display: table-cell;
	vertical-align: top;
}

.sidebarLinkFacebook div:first-child {
    width: 25px;
    padding-right: 10px;
}

.gameDetails h3.headerLocation, .gameDetails h3.headerBasedOn {
	text-align: right;
	margin: 0;
	font-size: 9pt;
	float: right;
	line-height: 1.5;
}

.gameDetails .warning {
	margin-bottom: 20px;
}

.gameDetails img.companyLinkIcon {
	width: 22px;
	margin: 0 0 0 3px;
	position: relative;
	top: 3px;
}

.gameDetails .gameStats {
	margin: 0
}

.gameDetails .gameStatsMinor {
	font-style: italic;
	font-size: 9pt;
}

.gameDetails .gameStatsMajor {
	font-weight: bold;
}

.gameDetailsBadges {
	display: flex;
	flex-wrap: wrap;
}

.gameDetails .gameBadge {
	margin: 5px 5px 5px 0;
	font-size: 11pt;
	line-height: 1.5;
}

.gameDetails #gameDescriptionFrame {
	font-style: italic;
	position: relative;
	padding-bottom: 25px;
}

.gameDetails .gameDescription {
	padding-top: 20px;
}

.gameDetails .gameDescriptionShort {
	overflow-y: hidden;
  max-height: 90px;
}

.gameDetails .gameDescriptionShort .gameDescriptionToggleLink {
	box-shadow: -20px -20px 40px 15px #fff;
}

.gameDetails .gameDescriptionToggleLink {
	display: none;
	position: absolute;
  right: 0;
  bottom: 0;
	font-size: 9pt;
  background-color: white;
  padding: 5px 0 0 20px;
}


div.offerList div.offer {
  clear: both;
}

div.offerList div.offerImage {
  float: left;
}

div.offerList div.offerDetailsFrame {
  display: inline-block;
	width: 70%;
}

div.offerList div.offerDetails.offerDetailsEtrExclusive {
	margin-top: 0px;
}

div.offerList div.venueImage {
  width: 150px;
  height: 150px;
	margin: 0 20px 20px 0;
}

div.offerList div.offerGameList.collapsed {
    overflow-y: hidden;
    height: 100px;
}

div.offerList div.seeMoreLinkFrame.collapsed {
	background-image: linear-gradient(#fff0,#fffc,#ffff);
}

div.offerList a.seeMoreLink {
	background: #fff;
	box-shadow: -5px -5px 10px #fff;
}

.offerDetails {
    border: solid 1px #b70;
    padding: 5px 10px;
    margin-bottom: 10px;
    background-color: #fffdf4;
    border-radius: 10px;
}

.offerDetails p {
	margin-bottom: 0px;
}

.offerDetails.offerDetailsEtrExclusive {
	position: relative;
	border: solid 1px #009feb;
  background-color: rgba(0,159,254,0.1);
	margin-top: 20px;
	padding-top: 15px;
}

.offerExclusivity {
  font-style: italic;
}

.offerDiscount {
  font-weight: bold;
}

.offerValidity {
  font-weight: bold;
	font-size: 0.9em;
}

div.offerDescription {
  font-style: italic;
}

.playerReviewFrame {
	background-color: #e8f0f8;
  border-radius: 5px;
  padding: 5px 15px;
  margin: 10px 0;
}

div.singleReviewLinkToList {
	font-style: italic;
	font-weight: bold;
	margin-top: 20px;
}

/* Different display for player reviews when in sidebar */
aside .playerReviewFrame {
	background-color: #fff;
  border-radius: 0px;
  padding: 5px 0px 10px 0px;
	border-bottom: solid 1px #eee;
	margin: 5px 0 0 0;
}

aside .playerReviewFrame:last-child {
	border: none;
}

aside .playerReviewFrame p.otherGamesLine {
	margin: 0;
	padding: 0;
}

aside .playerReview {
	  font-family: Arial;
    border-radius: 10px;
    padding: 5px 10px;
    background-color: #ddd;
    font-style: italic;
    margin: 5px;
}

aside div.playerReview, div.entry-content div.playerReviewFrame div.playerReview {
    max-height: 100px;
    overflow-y: hidden;
		clear: both;
}

.widget-area aside div.playerReview p {
	padding: 0;
}

.widget-area aside p.widget-title {
	    border-top: solid 2px #009feb;
    border-bottom: solid 2px #009feb;
    padding: 5px 10px;
    text-transform: lowercase;
    font-variant: small-caps;
    font-size: 1.2em;
    font-weight: bold;
    background: -moz-linear-gradient(left,rgba(0,159,235,.5) 0%,rgba(63,172,234,0) 50%,rgba(125,185,232,0) 100%);
    background: -webkit-linear-gradient(left,rgba(0,159,235,.5) 0%,rgba(63,172,234,0) 50%,rgba(125,185,232,0) 100%);
    background: linear-gradient(to right,rgba(0,159,235,.5) 0%,rgba(63,172,234,0) 50%,rgba(125,185,232,0) 100%);
}

span.playerFlair {
	margin-right: 4px;
}

span.playerBadge {
  font-size: 0.7em;
  position: relative;
  top: -5px;
  padding: 2px 4px;
  border-radius: 8px;
  display: inline-block;
  text-align: center;
}

/* Textbox for free-choice user flair is unusual because it allows only
   one character (expected to be an emoji) */
div.userFlairBoxEditLabel input.userFlair {
	width: 20px;
	text-align: center;
}

.badgeExperienced {
	background-color: #fda;
  color: #860;
}

.badgeExpert {
	background-color: #fcc;
  color: #a00;
}

.badgeVirtuoso {
	background-color: #ece;
  color: #806;
}

.badgeBlogger {
	background-color: #f88;
  color: #600;
}

.dividerExternalReview, .dividerSeeAlsoLinks {
	margin-top: 35px;
	width: 50%;
}

.reviewSeeAlsoLinks {
	margin-top: 20px;
}

#BestOfLondon, #BestOfTheRest {
	font-size: small;
	float: left;
	width: 48%;
	min-width: 200px;
}

@media screen and (max-width: 40em) {
	#BestOfLondon .ratingOverall, #BestOfTheRest .ratingOverall {
		display: none;
	}
}

#BestOfLondon .linkToReview a, #BestOfTheRest .linkToReview a {
	margin-left: 0;
}

.headingNoSpacing {
	margin-bottom: 0;
}

.guide a.countryLink {
	white-space: nowrap;
	text-decoration: none;
	color: black;
}

span.countryName {
	white-space: nowrap;
	font-weight: bold;
}

div.locationTitle {
	font-size: x-large;
}

.locationList .ratingOverall img {
	height: 16px;
}

.guide a {
	color: #0000CC;
}

div.guide ul.inline {
	margin-top: -1.75em;
	margin-bottom: 0;
}

div.guide ul.inline ul {
	margin-top: 0;
}

#post-760 .entry-title, #post-3 .entry-title {
	display: none;
}

#post-5 .entry-content img, #post-29869 .entry-content img {
	margin-bottom: 0;
}

div#page header {
	border: none;
}

div#main {
	border: none;
}

div#page footer {
	font-size: 0.8em;
  padding: 6px;
}


img.homePageRankingsLink {
	margin: 6px;
}

.branchHeading {
	text-decoration: underline;
	font-weight: bold;
}

span.branchAddress {
	font-style: italic;
	font-size: 9pt;
}

div.venueAddress {
	position: relative;
	height: 0;
	text-align: right;
  margin-bottom: 20px;
}

span.countrySubheading {
    font-weight: bold;
}

.gameBadge {
	  border: solid 1px black;
    border-radius: 4px;
    padding: 3px 6px;
    font-size: 9pt;
    margin: 0 0 0 8px;
    white-space: nowrap;
		text-decoration: none;
	  font-style: normal;
    display: inline-block;
    line-height: 19px;
}

.gameBadgeButtonActive {
	color: #757575;
	background-color: #8c8;
	border: solid 1px #000;
}

.gameBadgeButtonInactive {
	color: #999;
	background-color: #ddd;
	border: solid 1px #bbb;
}

.gameBadgeButtonInactive:hover {
	color: #757575;
	background-color: #8c8;
	border: solid 1px #000;
}

.gameBadgeNoBorder {
    border: none;
		background: none;
    font-size: 1.1em;
    padding: 0;
}

.gameBadge.badgeOffer {
	background-color: #c00;
  color: #ff4;
  border-radius: 10px;
  font-variant: all-small-caps;
  font-size: 1.1em;
  padding: 0px 5px 2px 5px;
  font-weight: bold;
}

div.mapInfoWindow .gameBadge {
	font-size: 0.9em;
}

.mapInfoWindow .gameBadge, article.etr_venue .gameBadge, div.gameListItem .gameBadge, div.gameListRow .gameBadge {
  padding: 0px 4px;
	line-height: 14px;
}

tr .gameBadge {
	margin: 0px 0px 0 6px;
}

a.linkToGameDetails.noLongerAvailable, span.linkToGameDetails.noLongerAvailable {
  text-decoration: line-through;
}
a.linkToGameDetails.noLongerAvailable:hover, span.linkToGameDetails.noLongerAvailable:hover {
  text-decoration: line-through;
}

a.linkToGameDetails.notYetAvailable, span.linkToGameDetails.notYetAvailable {
    font-style: italic;
}

h3.mapMarkerTitle {
    line-height: 1;
    margin: 15px 0;
    font-variant: small-caps;
    text-transform: lowercase;
    font-size: 22px;
}

img.ratingsFromElsewhere, img.provisional {
	filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
}

/* Special-case rules for the homepage */
body.page-id-760 div#primary {
	padding-top: 0px;
}

#post-760 h2, h2.shadedHeaderBar {
	  border-top: solid 2px #009feb;
    border-bottom: solid 2px #009feb;
    padding: 0px 10px;
    text-transform: lowercase;
    font-variant: small-caps;
    font-size: 1.2em;
    font-weight: bold;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#009feb+0,7db9e8+100&0.5+0,0+50 */
background: -moz-linear-gradient(left, rgba(0,159,235,0.5) 0%, rgba(63,172,234,0) 50%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,159,235,0.5) 0%,rgba(63,172,234,0) 50%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,159,235,0.5) 0%,rgba(63,172,234,0) 50%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80009feb', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
}

div.MapOuterFrame {
	position: relative;
}

div#MapMobileSpacerFrame, div.mapMobileSpacerFrame {
	position: relative;
	height: 0px;
	z-index: -1;
}

div.smallMap div#MapFrame, div.smallMap div.mapFrame {
	height: 300px;
}

a.wow-fb-login {
	display: none;
}


#MainSearchBox,#SidebarSearchBox {
	width: 100%;
  display: inline-block;
  font-size: 1.4em;
}
#MainSearchBox {
  margin: 0 10px;
}
#MainSearchBox input.autoCompleteSearchBox, #SidebarSearchBox input.autoCompleteSearchBox {
	width: 75%;
	border-radius: 10px 0 0 10px;
}
#MainSearchBox input.autoCompleteSearchBox {
  font-size: 20px;
}
#SidebarSearchBox input.autoCompleteSearchBox {
	font-size: 13px;
}
#MainSearchBox input.autoCompleteSelectorSubmitButton {
	top: -2px;
}
#SidebarSearchBox input.autoCompleteSelectorSubmitButton {
	font-size: 11px;
}
#MainSearchBox input.autoCompleteSelectorSubmitButton, #SidebarSearchBox input.autoCompleteSelectorSubmitButton {
	border-radius: 0 10px 10px 0;
	position: relative;
	font-size: 13px;
	background-color: #00a1e0;
	color: white;
	border: none;
	width: 15%;
	-webkit-appearance: none;
}
#MainSearchBox input.autoCompleteSelectorSubmitButton:active, #SidebarSearchBox input.autoCompleteSelectorSubmitButton:active {
	background-color: #006086;
}
#MainSearchBox input:focus, #SidebarSearchBox input:focus {
	outline: none;
}
#SidebarSearchBox div.autoCompleteResultsFrame {
	font-size: 15px;
	max-width: 75%;
}
div.searchBoxOuterFrame div.autoCompleteResultsFrame {
	width: unset;
	background: white;
}
div.autoCompleteResultsFrame div.getMoreLink {
	text-align: center;
}
div.autoCompleteResultsFrame div.getMoreLink span.getMoreLink {
  font-style: italic;
	font-size: 0.8em;
	color: #444;
}

div.findGamesExtraLink {
	font-style: italic;
	font-size: 0.9em;
	margin-top: 30px;
}

div.filteredReviewsFrame {
}

div.filteredReviewsFrame a {
	font-style: italic;
	font-size: 0.9em;
	margin-bottom: 10px;
	cursor: pointer;
}

div.filteredReviewsLinks {
	display: none;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
  padding: 10px 0 10px 0;
}

div.filteredReviewsTitle {
	font-size: 0.9em;
	margin-bottom: 5px;
}

div.filteredReviewsTitle .filteredReviewsLink {
display: inline-block;
    margin: 0 6px;
    top: -5px;
    position: relative;
}

div.filteredReviewsLinks .filteredReviewsLink {
    max-width: 120px;
    height: 50px;
    display: inline-block;
    font-size: 1.1em;
    text-align: center;
    margin: 0 5px;
    border-radius: 10px;
    padding: 5px 5px;
	vertical-align: top;
}

div.filteredReviewsLinks .filteredReviewsLink:hover {
	box-shadow: 0px 0px 2px 1px #ee6666;
}

div.filteredReviewsLinks .filteredReviewSelected, div.filteredReviewsLinks .filteredReviewSelected:hover {
	box-shadow: 0px 0px 2px 1px #fada88;
}

div.filteredReviewsLink img {
    vertical-align: middle;
    margin: auto;
    margin-top: auto;
    margin-bottom: auto;
		max-width: 100px;
    max-height: 40px;
}

span.verticalAlignHelper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

div.verticalAlignHelper {
    display: table;
    height: 100%;
}

div.verticalAlignHelper div {
    display: table-cell;
    height: 100%;
	vertical-align: middle;
}

div.etrTileFrame {
	display: inline-block;
    margin: 10px 0 20px 0;
}

div.etrTileImage {
  background-color: silver;
  background-size: cover;
  background-position: center;
	position: relative;
	box-sizing: border-box;
}

.etrTileImage:hover {
    opacity: 0.8;
}

div.etrTileFrame.placeholder div.etrTileImage:hover {
	opacity: inherit;
}

.etrTileLabelEtr, .etrTileLabelPlayer, .etrTileLabelBlogger, .etrTileLabelPlaceholder {
	  position: absolute;
    padding: 2px 8px;
    background: silver;
    top: -10px;
    left: 15px;
    border-radius: 8px;
    font-size: 0.8em;
    font-style: italic;
    color: black;
}

.etrTileLabelEtr {
    background-color: rgba(170,221,255,0.95);
}

.etrTileLabelEtr img {
    width: 16px;
    display: inline;
    margin: 0;
    position: absolute;
    top: 3px;
}

.etrTileLabelEtr span {
	padding-left: 20px;
	color: black;
}

.etrTileLabelPlayer {
	 background-color: rgba(165,131,0,.8);
	color: white;
}

.etrTileLabelBlogger {
	background-color: rgba(160,0,0,0.8);
	color: white;
}

.etrTileLabelPlaceholder {
	width: 100px;
  background-color: #ddd;
}

.etrTileImage .etrTileTitle {
    position: absolute;
    bottom: 0;
    background-color: rgba(0,0,0,0.7);
    color: white;
    padding: 5px;
    line-height: 1.5;
    font-size: 0.9em;
}

div.etrTileFrame.placeholder .etrTileTitle {
	background-color: #aaa;
}

.etrTileImage .etrTileTitleName {
	font-weight: bold;
}

.etrTileImage .etrTileTitleLocation {
    display: inline;
}

.etrTileImage img.rating, .etrTileImage div.externalRatingText {
    right: 0;
    text-align: right;
    /* width: 100%; */
    position: relative;
    float: right;
    width: 75px;
    margin: 5px 2px 2px 2px;
}

div.etrTiles.tile-normal div.etrTileImage {
	width: 216px;
	height: 200px;
}

div.etrTiles.tile-simple div.etrTileImage {
	width: 161px;
	height: 180px;
}

div.etrTiles.tile-normal .etrTileImage .etrTileTitle {
	width: 206px;
}

div.etrTiles.tile-simple .etrTileImage .etrTileTitle {
	width: 96px;
}

div.bloggerReviewList div.externalRatingText {
	text-align: center;
}

div.externalRatingText:hover {
	text-decoration: none;
}

div.partnerSiteLinkFrame {
	clear: both;
  background-color: #eef;
  padding: 5px 10px;
  font-size: 0.9em;
  color: black;
	margin-top: 20px;
}

div.partnerSiteLinkFrame img {
	height: 50px;
	display: inline-block;
	margin: auto;
	margin-right: 20px;
}

div.partnerSiteLink {
	display: inline-block;
  width: 85%;
}

div.etrTileAuthor {
  height: 50px;
  width: 214px;
  border: solid 1px silver;
	position: relative;
    margin-bottom: 10px;
}

.etrTileAuthor img.siteLogo {
    position: absolute;
    left: 0;
    right: 0;
    top: 5px;
    margin-left: auto;
    margin-right: auto;
}

div.etrTileAuthor div.featuredPlayerName {
	    position: absolute;
    text-align: center;
    margin: auto;
    left: 0;
    right: 0;
    color: #444;
    font-weight: bold;
    line-height: 1.4;
    top: 5px;
}

div.etrTileAuthor div.featuredPlayerName span {
	    font-style: italic;
    font-size: 0.8em;
    font-weight: normal;
}



.reviewTileFrame {
	display: inline-block;
}

.reviewTileImage {
    width: 216px;
    height: 200px;
    background-size: cover;
    background-position: center;
	    display: inline-block;
	position: relative;
}

.reviewTileImage .reviewTileTitle {
    position: absolute;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    color: white;
    padding: 5px;
    line-height: 1.5;
    font-size: 0.9em;
}

.reviewTileImage .reviewTileTitleName {
	font-weight: bold;
}

.reviewTileFrame div.author {
    padding: 6px 10px;
	border: solid 1px silver;
	width: 194px;
	text-align: center;
	height: 50px;
}

.reviewTileFrame img {
    margin: 0;
}

.reviewTileFrame img.siteLogo {
    width: 100px;
	    display: inline-block;
}
.reviewTileFrame img.rating {
    width: 75px;
	    display: inline-block;
}


div#MainReviewPrompt {
    margin-top: 20px;
    font-size: 1.1em;
    text-align: center;
		clear: both;
}

div#MainReviewPrompt a {
    display: inline-block;
    background: #009feb;
    color: white;
    padding: 5px 20px;
    font-size: 1.2em;
    border-right: solid 1px #004fab;
    border-bottom: solid 1px #004fab;
    border-radius: 10px;
    margin-left: 10px;
}

div#MainReviewPrompt a:hover {
    text-decoration: unset;
}


div#MainReviewPrompt a:active {
    text-decoration: unset;
    border-left: solid 1px #004fab;
    border-top: solid 1px #004fab;
    border-right: none;
    border-bottom: none;
}

div.disclaimer {
    /* border: solid 1px #888; */
    padding: 10px 20px;
    font-style: italic;
    background: #ddd;
    border-radius: 8px;
    font-size: 0.9em;
}

div.gameMainImage {
	position: relative;
}

div.terpecaBadge {
	top: 5px;
	position: absolute;
	right: 5px;
}

div.terpecaBadge img {
	width: 100px;
}

div.gameDetails img.badgeImage {
    position: relative;
    top: 8px;
    margin: 0 8px 0 0px;
		height: 24px;
}

div#TableFrame img.badgeImage, div.gameListFrame img.badgeImage, div.playLogFrame img.badgeImage, div.gameListItem img.badgeImage {
    margin: 0 0 0 5px;
    top: 4px;
    position: relative;
		height: 18px;
}

div.mapInfoWindow img.badgeImage {
    height: 14px;
    position: relative;
    top: 2px;
    margin-left: 5px;
}

span.spoilerLink {
    text-transform: lowercase;
    font-variant: small-caps;
    color: #666;
    padding: 0 5px;
    cursor: pointer;
    border: dashed 1px;
}

span.spoilerTarget, span.spoiler-target {
    display: none;
}

div#PageAdvert, div.advertFrame {
	padding: 0 0 10px 0;
}

div.gameListRow div.advertFrame {
	position: absolute;
	width: 100%;
}

div.advert {
	text-align: center;
	margin-bottom: 0px;
}

div.advert div.advertHeader {
	font-style: italic;
	font-size: 0.9em;
	position: relative;
	top: -8px;
}

div.advert img {
	max-height: 250px;
	margin: 0;
	max-width: 300px;
}

article#post-6534 div.autoCompleteOuterFrame {
    display: none;
}

div.gameListItem {
	margin-left: 15px;
	line-height: 24px;
}

div.gameListItem .gameListEditLink {
	margin-right: 10px;
}

div.gameListItem .gameListEditLink:hover {
	text-decoration: none;
}

div.venueListBlock {
	display: flex;
	margin: 0 0 20px 0;
}

div.venueListSubdivision {
	display: inline-block;
}

h3.venueListHeading {
	margin: 0;
	font-size: 1.4em;
}

div.venueImage {
    margin: 10px 20px 0px 0px;
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
		width: 80px;
		height: 80px;
}

div.venueImage.empty {
	height: 0;
}

.noHoverUnderline:hover {
	text-decoration: none;
}

.selectionButtonFrame {
    display: flex;
		margin: 0 0 5px 0;
}

.selectionButtonFrame .selectionButtonTitle {
	margin: 3px 8px;
	min-width: 50px;
}

.selectionButtonFrame .selectionButtonFrame {
	flex-wrap: wrap;
}

.selectionButton {
    color: white;
    padding: 2px 10px;
    border: solid 1px white;
    border-radius: 8px;
		margin: 0 5px 2px 0;
}

.selectionButton.selectionButtonActive {
		border-color: red;
		border-width: 1px 2px;
    cursor: default;
		margin: 0 6px 0 1px;
}

.selectionButtonFrame a:hover {
	text-decoration: none;
}

div.gameList .gameListFrame {
	display: table;
	width: 100%;
}

div.gameList .gameListHeaderRow {
	display: table-row;
	position: relative;
}

div.gameList .gameListFrame .gameListHeader {
	display: table-cell;
}

div.gameList .gameListRow {
	display: table-row;
	position: relative;
}

div.gameList .gameListCell {
	display: table-cell;
}

div.gameListFrame .teammates {
	font-style: italic;
	font-size: 0.9em;
}

div.gameListFrame .teammate {
	margin-left: 5px;
}

div.playLog {
	margin-top: 10px;
}

div.playLog .gameListFrame .gameListHeader {
	min-width: 100px;
  margin: 10px 5px;
}

div.playLog img.ratingList {
  width: 62px;
  height: 16px;
  margin-bottom: 0px;
}

div.playLog div.seeMoreLinkFrame {
  background-image: linear-gradient(#e8f0f800, #e8f0f8c0, #e8f0f8ff);
}

div.playLog a.seeMoreLink {
	background: #e8f0f8;
	box-shadow: -5px -5px 10px #e8f0f8;
	display: none;
}

.gameListHeaderRow {
	background-color: #eee;
}

.gameListHeader {
	display: inline-block;
	text-align: left;
	font-variant: small-caps;
	text-transform: lowercase;
	font-weight: bold;
	font-size: 1.3em;
	min-width: 80px;
	max-width: 350px;
	max-width: 350px;
	padding: 2px 5px 5px 5px;
	line-height: 1;
	color: #0b91ea;
	cursor: pointer;
}

.gameListHeader span.info {
	font-size: 0.6em;
  text-transform: uppercase;
	white-space: nowrap;
}

.gameListCell {
	min-width: 75px;
	max-width: 350px;
	padding: 2px 5px;
}

.gameListCell img.rating {
	width: 62px;
	height: 16px;
}

.gameListCell.with-offset {
	padding-left: 25px;
	width: 50px;
}

.gameListCell .ratingAlternative {
	font-variant: small-caps;
	text-transform: lowercase;
}

div.etr_cssToggleButton {
  color: #fff;
  padding: 2px 10px;
  border: solid 1px #fff;
  border-radius: 8px;
  margin: 0 5px 2px 0;
  background-color: #d2b118;
  display: inline-block;
	cursor: pointer;
}

div.etr_cssToggleButtonDisabled {
  background-color: #cacaca;
}

span.converted {
	font-style: italic;
	font-size: 0.8em;
}

.modalMessage {
  border: solid thick #009feb;
  position: fixed;
  top: 50%;
  left: 40%;
  transform: translate(-50%, -50%);
  text-align: center;
  background: white;
  font-size: 1.2em;
  font-style: italic;
  vertical-align: middle;
  opacity: 0.8;
  border-radius: 8px;
  padding: auto;
  padding: 25px 75px;
}

.fieldEditButton {
  width: 15px;
  height: 15px;
  border: none;
  cursor: pointer;
  margin: 0 5px 0 0;
}

.fieldEditButtonLarge {
  width: 30px;
  height: 30px;
  border: none;
  cursor: pointer;
  margin: 0 5px 0 0;
}

/* Post-specific: Free online escape games */
body.postid-21798 div.externalRatingText {
	font-size: 1.1em;
	color: #ffa40d;
	font-weight: bold;
}

body.postid-21798 .entry-content h4 {
	margin-bottom: 0;
	font-size: 1.2em;
}

.pagingControlsFrame {
	font-size: 1.2em;
}

.pagingControlsFrame a {
  margin-right: 10px;
}

.pagingControlsFrame span {
	margin-right: 10px;
  color: silver;
	font-style: italic;
}

/* Edit form styles */
form#gameEditForm {
	clear: both;
}

.editFormField {
	margin: 5px 0;
	position: relative;
}

.editFormField.useCols {
	display: table-row;
}

.editFormLabel {
  display: table-cell;
  width: 100px;
	padding-right: 5px;
}

.editFormValue {
  display: table-cell;
  width: 370px;
}

.editFormLabelValue {
	display: table-cell;
  width: 470px;
}

.richTextBase {
    border: solid 2px silver;
    background-color: #fff;
}

div.readOnlyField {
	border: solid 1px #ccc;
	background-color: #eee;
	padding: 5px 10px;
}

input.showingDefault {
  color: #d3d3d3;
  font-style: italic;
}

input.editFormControl, select.editFormControl, textarea.editFormControl {
    width: 250px;
		box-sizing: border-box;
}

div.urlTextboxWithPrompt {
	font-family: monospace;
  color: silver;
}

div.urlTextboxWithPrompt input.editFormControl[type='text'] {
	height: 22px;
  width: 150px;
  padding-left: 0;
  font-family: monospace;
}

select.editFormControl {
	padding: 8px 10px;
}

.editFormField div.radioSelect {
	margin-bottom: 7px;
}

.editFormField input[type='radio'] {
	margin-right: 6px;
}

select.editFormControl {
	height: 32px;
	margin-bottom: 5px;
}

input[type="checkbox"].editFormControl {
    margin: 0 8px 0 0;
		width: unset;
}

div.editFormExplanation {
		width: 470px;
		font-style: italic;
		font-size: 0.8em;
		margin-bottom: 20px;
}

.editFormWarning {
	display: none;
}

div.validationError {
	display: none;
	color: red;
}

input.validationError, div.validationError input {
	border: solid 2px red;
}

form#gameEditForm input.autoCompleteSearchBox {
    width: 250px;
    box-sizing: border-box;
    font-size: inherit;
    height: 32px;
}

form#gameEditForm div.autoCompleteResultsFrame {
	width: 250px;
	box-sizing: border-box;
}

form#gameEditForm div.autoCompleteSelectedItem {
	display: inline-block;
	float: unset;
}

form#gameEditForm div.mapContainer {
	height: 200px;
}

div[name='price_overrides'] input {
  margin: 0 5px;
  width: 60px;
}

div.addLocationControls {
	display: none;
	position: relative;
}

div.addLocationControls div.editFormControl {
    display: inline-block;
    width: 220px;
}

div.addLocationControls input.editFormControl {
    display: inline-block;
    width: 100px;
}

div.editFormField span.inputCancelButton {
    color: #007eff;
    font-weight: bold;
    font-size: 0.9em;
    position: absolute;
    left: 88px;
    top: 2px;
    z-index: 20;
		cursor: pointer;
}

.geoLookupMapNotSetWarning {
    position: absolute;
    width: 370px;
    background: rgba(255,255,255,0.8);
    box-sizing: border-box;
    top: 0;
    left: 0;
    text-align: center;
    vertical-align: middle;
    margin: 20px 50px;
    padding: 15px 0px;
    font-weight: bold;
    font-size: 1.1em;
}

.geoLookupResultsFrame {
		display: none;
    margin-left: 20px;
    border: solid 1px silver;
}

.geoLookupResult {
    color: #444;
		padding: 2px 10px;
}

.geoLookupResultsFrame a:hover {
    text-decoration: none;
}

span.geoLookupResultName {
    font-weight: bold;
}

span.geoLookupResultAddress {
    font-style: italic;
    margin-left: 20px;
    display: inline-block;
}

.geoLookupResult:hover {
    background-color: #def;
}

/* Show when this has focus to make keyboard navigation easier */
div.editFormField span.inputCancelButton a:focus {
    border: solid thin #0b91ea;
}

.adminActionButtons {
}

.adminActionButton {
	margin-left: 77px;
	background: #fed;
	display: inline-block;
	border: solid 1px gray;
	padding: 2px 6px;
	font-size: 0.9em;
	margin: 5px 5px 10px 0;
	cursor: pointer;
}

div.actionButtons img {
  height: 16px;
  margin: 0 3px;
  cursor: pointer;
}

.locationTrail {
    width: 100%;
    text-align: right;
    font-style: italic;
}

.gameTypeHeader {
  text-transform: lowercase;
  font-variant: all-small-caps;
  font-weight: bold;
  font-size: 1.1em;
  margin: 5px 0 0 8px;
}

div.venueGroupHeader {
	text-transform: lowercase;
	font-variant: all-small-caps;
	font-weight: bold;
	font-size: 1.3em;
}

div.venueGroupHeader .editLink:hover {
	text-decoration: none;
}

div.venueGroupHeader div.info {
	margin: 0;
}

.languageCheckbox {
    display: inline-block;
    margin: 5px 10px;
}

div.languageSelector input[type="checkbox"], div.languageSelector input[type="radio"] {
    margin-right: 5px;
}

div.languageSelector select {
    margin-left: 5px;
}

div.gamesSelector div.venueCheckboxFrame {
	font-weight: bold;
  text-transform: lowercase;
  font-variant: all-small-caps;
  font-size: 1.3em;
}

div.gamesSelector div.gameCheckboxFrame {
	margin-left: 30px;
}

div.gamesSelector input, div.offersSelector input {
	margin-right: 5px;
}

/* Datepicker styles */
.the-datepicker__deselect-button {
}

div.the-datepicker__main td.the-datepicker__cell a.the-datepicker__button span.the-datepicker__day-content {
	padding: 0;
}

div.the-datepicker__main div.the-datepicker__navigation {
	margin-top: 0;
}

div.the-datepicker__main div.the-datepicker__body {
	margin-top: 0.2em;
}

div.the-datepicker__main div.the-datepicker__close a.the-datepicker__button {
	padding: 0;
}

div.the-datepicker__main table.the-datepicker__calendar {
	margin: 0;
}

/* Manage promotions */
div.existingAdvert div.advert {
	text-align: left;
}

div.explanation {
	font-style: italic;
	margin-bottom: 10px;
	font-size: 0.9em;
}

.information {
	font-style: italic;
	font-size: 0.9em;
}

.red {
	color: red;
}

span.emoji {
    margin-right: 8px;
}

span.emoji img {
  width: 18px;
  margin: 0;
  position: relative;
  top: 2px;
}

span.emoji.emojiLarge {
    margin-right: 0;
    font-size: 24px;
    position: relative;
    top: -3px;
}

.highlightLinkBox {
  border: solid 3px #800;
  padding: 10px 20px;
  font-weight: bold;
  font-size: 1.1em;
  background-color: #fed;
}

/* On Chrome, emoji characters overlap following text by a few extra pixels. */
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
  span.emoji img {
		margin-right: -4px;
  }
}

/* Profile link boxes */
div.profileLinkBoxesFrameLarge .profileLinkBox {
}
div.profileLinkBoxesFrameLarge .profileLinkBoxIcon {
  font-size: 1.3em;
	top: 3px;
}
div.profileLinkBoxesFrameLarge .profileLinkBoxTitle {
	font-size: 1.5em;
}
div.profileLinkBoxesFrameLarge .profileLinkBoxText {
	font-size: 1em;
	margin: 10px;
}
div.profileLinkBoxesFrameLarge .profileLinkBoxText p, div.profileLinkBoxesFrameLarge .profileLinkBoxText ul {
	margin: 0px;
}
div.profileLinkBoxesFrameLarge .profileLinkBoxText p:not(:first-child) {
	margin-top:20px;
}
div.profileLinkBoxesFrameLarge .profileLinkBoxText span {
	margin-right: 5px;
}
div.profileLinkBoxesFrame .profileLinkBox {
}
div.profileLinkBoxesFrame .profileLinkBoxIcon {
  font-size: 1.3em;
	top: 3px;
}
div.profileLinkBoxesFrame .profileLinkBoxTitle {
	font-size: 1.5em;
}
div.profileLinkBoxesFrame .profileLinkBoxText {
	font-size: .9em;
  margin: 5px 10%;
  line-height: 1.4;
  text-align: center;
}
div.profileLinkBoxesFrame .profileLinkBoxText {
	font-size: .9em;
  margin: 5px 10%;
  line-height: 1.4;
  text-align: center;
}
div.profileLinkBoxesFrameSmall .profileLinkBoxSimple .profileLinkBoxIcon {
	 margin-left: 0;
}
div.profileLinkBoxesFrameSmall .profileLinkBoxSimple .profileLinkBoxTitle {
  text-align: left;
}
div.profileLinkBoxesFrameSmall .profileLinkBoxIcon {
  font-size: 1.1em;
}
div.profileLinkBoxesFrameSmall .profileLinkBoxTitle {
	font-size: 1.1em;
}
div.profileLinkBoxesFrameSmall .profileLinkBoxText {
	display: none;
}
div.profileLinkBoxesFrameSmall .profileLinkBoxSimple {
	height: 30px;
	padding-top: 5px;
}

.profileLinkBox {
  margin: 0 2px 2px 0;
  border: solid 1px;
  border-radius: 10px;
  padding: 0 10px 5px 10px;
  width: 192px;
  color: black;
	box-sizing: border-box;
}
.profileLinkBoxIcon {
  margin: 0 10px;
  position: relative;
}
.profileLinkBoxTitle {
  text-align: center;
  margin-right: 30px;
}

/* Claim codes */
.claimListingLink, .listingIsWrongLink {
  clear: both;
  text-align: right;
  font-size: 0.7em;
  font-style: italic;
	margin-top: 10px;
}

textarea.claimCodeMessage {
  padding: 5px 10px;
  margin: 0 10%;
  font-family: monospace;
  font-size: 0.8em;
  border: inset 2px;
  width: 80%;
  box-sizing: border-box;
  height: 80px;
}

div.claimCodeCopyButton {
	text-align: right;
  margin: 5px 10%;
}

div.claimCodeCopyButton input {
	font-size: 0.8em;
}

/* Site messages */
.siteMessage {
    border: solid 1px #a5923b;
    background-color: #fcefb8;
    border-radius: 10px;
    margin: 0 2px 8px 0;
    padding: 0 10px 5px 10px;
    position: relative;
}
div#siteMessagesFrame .siteMessageDismissFrame {
    position: absolute;
    right: 0;
    text-align: right;
    top: -28px;
}
div#siteMessagesFrame div.siteMessage div.siteMessageDismissFrame {
    top: 0px;
}
div#siteMessagesFrame input[type="button"] {
  padding: 2px 5px;
  position: relative;
  right: 4px;
  top: 0px;
  border-radius: 10px;
  border: solid 1px #a5923b;
  background-color: #ddc144;
  cursor: pointer;
}
.siteMessageTitle {
    font-size: 1.2em;
    font-weight: bold;
    margin-right: 20px;
}

/* Games played list */
div.playerReviewFrame div.buttonFrame {
		position: absolute;
		right: 10px;
		text-align: right;
}
div.playerReviewFrame div.buttonFrame img {
		margin: 0;
		padding-left: 5px;
		height: 14px;
}
div.anonReviewWarning {
	color: red;
	font-style: italic;
	font-size: 0.9em;
}

div.dynamicTile {
	display: none;
}

div#MapActionButtons {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
}

input.mapActionButton {
  width: 100px;
}

input.mapActionButton, div#ListActionButtons input, input.gameListLoadAllButton {
  font-size: 1.3em;
  text-transform: lowercase;
  font-variant: all-small-caps;
  padding: 3px 3px 4px 3px;
	border-radius: 0;
	background-color: #e8f0f8;
	cursor: pointer;
}

input.mapActionButton:enabled:hover, div#ListActionButtons input:enabled:hover, input.gameListLoadAllButton:enabled:hover {
	border: solid 1px #0b91ea;
}

div#MapPleaseWaitMessage, div#MapErrorMessage {
	position: absolute;
	display: none;
  top: 50%;
  left: calc(50% - 85px);
  padding: 5px 20px;
  border-radius: 25px;
  width: 170px;
  text-align: center;
  box-sizing: border-box;
}

div#MapPleaseWaitMessage {
	font-size: 2em;
	background: rgba(255, 255, 255, 0.75);
}

div#MapErrorMessage {
	font-size: 1em;
	background: #fcc;
	color: #800;
	border: solid 1px;
}

div#ListActionButtons {
	display: none;
}

div#ListActionButtons input {
	width: 100%;
}

.gameListRowLoadAll {
  font-style: italic;
  text-align: center;
  background: #f8f8ff;
  padding: 10px 0 5px 0;
  border-bottom: solid 2px #0b91ea;
  margin-top: 5px;
}

input.gameListLoadAllButton {
  width: 200px;
  border-radius: 10px;
	margin-left: 20px;
}

div.ownerDetails {
	color: #cc0000;
	font-style: italic;
}
div.ownerDetails a {
	color: #cc0000;
	font-weight: bold;
}

.tempStatusMessage {
	font-style: italic;
}

div.advertFrame.midPageAdvertFrame {
	padding-top: 12px;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
}

div.reviewCardExample {
	text-align: center;
}

div.reviewCardExample img {
	border: solid 1px gray;
	width: 220px;
}

/* Pages for print */
/* A4 height should be 297mm, but that makes Chrome print an extra page... */
body.cleanpage {
	background: rgb(204,204,204);
}

body.cleanpage page {
	background: white;
	display: block;
	margin: 0 auto;

	width: 210mm;
	height: 277mm;
}

body.cleanpage page[layout="landscape"] {
	width: 297mm;
	height: 210mm;
}

@page {
	size: auto;  margin: 0mm;
}

@media print {
  body.cleanpage, body.cleanpage page {
    margin: 0;
    box-shadow: 0;
		width: 210mm;
    height: 277mm;
  }

	body.cleanpage, body.cleanpage page.review_card {
    margin: 0;
    box-shadow: 0;
		width: 91mm;
    height: 61mm;
  }

	.top_game_certificate {
		background-color: white;
		background-image: none;
	}

	@page
	{
		body.cleanpage page[layout="landscape"] {
			size: 8.5in 5.5in;
			size: landscape;
		}
 	}

	page.review_card {
		border: dashed 1px #ccc;
	}

	.review_card .inside_bleed, .review_card .inside_safety {
		border: solid 1px rgba(255, 255, 255, 0) !important;
	}
}

body.cleanpage page.review_card {
	position: relative;
	box-sizing: border-box;
	width: 91mm;
	height: 61mm;
	border: solid 1px #444;
	padding: 6mm;
}

.review_card .inside_bleed {
	position: absolute;
	left: 3mm;
	top: 3mm;
	box-sizing: border-box;
	border: dashed 1px blue;
	padding: 3mm;
	width: 85mm;
	height: 55mm;
}

.review_card .inside_safety {
	position: absolute;
	left: 6mm;
	top: 6mm;
	box-sizing: border-box;
	border: dashed 1px purple;
	width: 79mm;
	height: 49mm;
	text-align: left;
}

.review_card .review_prompt {
	font-size: 4mm;
	margin: 2mm;
	margin-left: 4mm;
}

.review_card .review_prompt .game_name {
	font-style: italic;
}

.review_card div.logo {
	position: relative;
  top: -4mm;
	left: 15mm;
}

.review_card div.logo img {
	height: 11mm;
}

.review_card .url {
  font-family: Arial;
  font-size: 3mm;
  position: relative;
  top: -3mm;
  left: 15.5mm;
}

.review_card .host_name_prompt {
  width: calc(100% - 20mm);
  position: absolute;
  bottom: 20mm;
	font-size: 3.5mm;
	left: 7mm;
}

.review_card .host_name_box {
  width: 48mm;
  height: 10mm;
  position: absolute;
  bottom: 7mm;
  left: 7mm;
	border: dotted 2px gray;
}

.review_card .certificate_qr img {
	position: absolute;
  right: 7mm;
	bottom: 7mm;
	width: 16mm;
}

.top_game_certificate {
	height: 100%;
  box-sizing: border-box;
  text-align: center;
  font-size: 6mm;
  line-height: 1.5;
	position: relative;
	color: black;
	background-color: ivory;
	background-image: url('https://www.escapethereview.co.uk/wp-content/uploads/2021/11/certificate-background.jpeg');
}

.top_game_certificate .certificate_heading {
	position: absolute;
	box-sizing: border-box;
	width: 100%;
	left: 0;
	top: 20mm;
	padding: 5mm;
}

.top_game_certificate .certificate_body {
	position: absolute;
	top: 95mm;
	width: 100%;
}

.top_game_certificate .certificate_qr img {
	position: absolute;
  right: 10mm;
	bottom: 10mm;
	width: 149px;
}

.top_game_certificate .connector {
	font-style: italic;
	font-family: Times New Roman;
	font-size: 10mm;
	margin: -2mm 0 -2mm 0;
}

.top_game_certificate .venue_name, .top_game_certificate .game_name {
  font-size: 16mm;
	font-family: Times New Roman;
}

.top_game_certificate .highlight {
	font-size: 22mm;
	font-weight: bold;
	font-variant: all-small-caps;
}

.top_game_certificate .logo {
	position: relative;
  top: 5mm;
  width: 160mm;
}

.top_game_certificate .year {
	font-size: 22mm;
	font-family: Times New Roman;
	margin: -4mm 0 -4mm 0;
}

.certificate_explanation {
  text-align: justify;
  font-size: 4mm;
  width: 140mm;
  position: absolute;
  bottom: 0;
  margin-bottom: 5mm;
  padding-left: 10mm;
  padding-bottom: 5mm;
}

.top_game_certificate img.logo_inline {
  width: 36mm;
  position: relative;
  bottom: -3px;
}

.userActionAlertContainer {
	text-align: center;
	display: table;
	width: 100%;
	border-spacing: 10px 5px;
}

.userActionAlert {
  display: inline-block;
  width: 50%;
  padding: 5px 10px;
  font-size: 0.9em;
  font-weight: bold;
  border: solid 1px orange;
  background: #fed;
  border-radius: 5px;
  margin: 10px 0 0 0;
}

.userActionButtonContainer.multiButton, .userActionButtonContainer.singleButton {
	display: table;
	padding: 10px 2px;
	width: 100%;
	border-spacing: 10px 5px;
}

.userActionButtonContainer.multiButton {
	text-align: center;
}

.userActionButtonContainer.singleButton {
	text-align: right;
}

.userActionButton {
  background: #009feb;
  color: #fff;
  padding: 5px 10px;
  font-size: 1.1em;
  border-right: solid 1px #004fab;
  border-bottom: solid 1px #004fab;
  border-radius: 10px;
  margin-left: 10px;
	cursor: pointer;
}

.userActionButton:hover {
	color: #fff;
	text-decoration: none;
}

.userActionButton:disabled {
	filter: grayscale(100%);
	opacity: 0.5;
}

div.userActionButtonContainer span.prompt {
  font-weight: bold;
  margin-right: 5px;
}

.userActionButtonContainer.singleButton .userActionButton {
	display: inline-block;
	max-width: none;
}

.userActionButtonContainer.multiButton .userActionButton {
	display: table-cell;
	max-width: 10px;
}

a.userActionButton.buttonSmall {
	font-size: 0.9em;
	padding: 4px 8px;
	border-radius: 7px;
}

/* Device-specific overrides */
@media (min-width: 640px) {
	.onlyIfMobile {
		display: none !important;
	}
	.profileLinkBox {
		float: left;
	}
	div.gameMainImage {
		float: left;
	}
}

@media (max-width: 640px) {
	.hideIfMobile {
		display: none !important;
	}

	img.homePageRankingsLink {
		width: 120px;
	}

	select#selectnav1 {
		height: 50px;
    font-size: 1.2em;
	}

	div#MapFrame {
		width: 100%;
		position: absolute;
		left: 0;
		right: 0;
	}

	div#MapMobileSpacerFrame {
		display: block;
		height: 600px;
		z-index: -1;
	}

	div.smallMap div#MapMobileSpacerFrame {
		height: 300px;
	}

	.hideOnSmallScreen {
		display: none;
	}

	#MainSearchBox input.autoCompleteSearchBox, #SidebarSearchBox input.autoCompleteSearchBox {
    font-size: 16px;
		width: 90%;
		position:relative;
		left: -10px;
		border-radius: 10px;
  }

	#MainSearchBox div.autoCompleteInnerFrame, #SidebarSearchBox div.autoCompleteInnerFrame {
		text-align: center;
	}

	#MainSearchBox input.autoCompleteSelectorSubmitButton, #SidebarSearchBox input.autoCompleteSelectorSubmitButton {
	border-radius: 10px;
	position: relative;
		left: -15px;
	font-size: 13px;
	background-color: #00a1e0;
	color: white;
	border: none;
	top: -2px;
	width: 100px;
  }

	.gameBadgeButtonActive {
		margin: 5px 0 5px 8px;
	}

	.gameBadgeButtonInactive {
		margin: 5px 0 5px 8px;
	}

	div.venueImage {
			width: 40px;
			height: 40px;
	}

	.pinnedBox {
	    position: relative;
	    top: 0px;
	    left: 0;
			box-sizing: border-box;
			max-width: 100%;
			margin-bottom: 25px;
	}

	.editFormValue {
	  width: 250px;
	}

	.editFormLabelValue {
	  width: 350px;
	}

	input.editFormControl, select.editFormControl, textarea.editFormControl {
	    width: 200px;
			font-size: 1.2em;
	}

	input.mapActionButton {
	  width: 100%;
		display: block;
		margin: 0;
	}

	div.advert img {
		max-height: 180px;
		margin: 0;
		max-width: 220px;
	}

	div.gameListRow.advertRow {
		position: relative;
	  height: 230px;
	}

	div.offerList div.offerDetailsFrame {
		width: 100%;
		word-break: break-all;
	}

	.userActionButton {
		font-size: 1em;
		line-height: 2.5;
		padding: 5px 10px;
		display: table-row;
	}
}

/* Dark mode styles */
@media (prefers-color-scheme: dark) {
  body {
    color: #ccc;
    background-color: #000;
  }
  a {
    color: #75bdec;
  }
	input, select, textarea, button, div.formField[data-field-type='richtext'], div.formField[data-field-type='richtext'] div, div.userReviewPrompt, div.userReviewPrompt div {
		background-color: #666;
		color: white;
	}
  .pinnedBox {
    color: #222;
  }
	.pinnedBox a {
    color: #0b91ea;
  }
	.toby, .toby_adds, .toby_agrees, .toby_disagrees {
		color: #8888ff;
	}
	.sam, .sam_adds, .sam_agrees, .sam_disagrees {
		color: #dd4444;
	}
	.lewis, .lewis_adds, .lewis_agrees, .lewis_disagrees {
		color: #8f40f8;
	}
	.warning {
		color: #ccc;
	  border: solid thin #800;
	  background-color: #400;
	}
	.entry-meta > span a {
	  color: #ddd;
	}
  #gameEditForm input, #gameEditForm p {
    background-color: black;
    color: white;
  }
	.richTextBase {
    background-color: black;
	}
	div.pell-content {
    background: black;
		color: white;
	}
	.pell-actionbar {
    background-color: #444;
	}
  .guide a {
    color: #75bdec;
  }
  .guide a.countryLink {
    color: white;
  }
  .site {
    color: #ccc;
    background-color: #222;
  }
  .site-content article {
    border-bottom-color: #009feb;
  }
  .site-content {
    border-right-color: #009feb;
  }
  .site-content nav {
    border-color: #888;
    background-color: #444;
  }
  .widget-area .widget a {
    color: #eee;
  }
  .widget-area .widget a:hover {
    color: #fff;
  }
  div.etrTileAuthor div.featuredPlayerName {
    color: #eee;
  }
  .etrTileImage .etrTileTitle {
    color: #eee;
  }
  .themonic-nav ul.nav-menu, .themonic-nav div.nav-menu>ul {
      background: none repeat scroll 0 0 #333;
      border-bottom: 5px solid #16a1e7;
      border-top: 1px solid #222;
  }
  .themonic-nav ul.nav-menu, .themonic-nav div.nav-menu>ul {
      background-color: #333;
      border-bottom-color: #16a1e7;
      border-top-color: #222;
  }
  .themonic-nav li ul li a {
    background-color: #444;
    border-bottom-color: #222;
  }
  .themonic-nav li ul li a:hover {
    background-color: #16a1e7;
    color: #fff;
  }
  .sub-menu li {
    background-color: #444;
  }
  .themonic-nav {
    box-shadow: 1px 2px 9px 1px #333;
    text-align: center;
    float: left;
    width: 100%;
  }
  .site-header {
    border-left: 1px solid #222;
    border-right: 1px solid #222;
    border-top: 1px solid #222;
  }
  .themonic-nav li a {
    color: #eee;
  }
  input.autoCompleteSearchBox {
    background-color: #222;
    border-color: #009feb;
		color: white;
  }
  footer[role="contentinfo"] {
    background: #444;
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
  }
  .widget-area .widget li, .widget-area .widget .textwidget {
    border-bottom: 1px solid #009feb;
  }
  .playerReviewFrame {
    background-color: #444;
    border-bottom: solid 1px #222;
  }
	aside .playerReviewFrame {
		background-color: #222;
	}
  aside .playerReview {
    background-color: #444;
  }
  div.entry-content div.playerReview div.seeMoreLinkFrame {
    background-image: linear-gradient(#44444400,#444444c0,#444444ff);
  }
	aside div.seeMoreLinkFrame, aside a.seeMoreLink {
    background-image: linear-gradient(#44444400,#444444c0,#444444ff);
	}
	div.offerList div.seeMoreLinkFrame.collapsed {
		background-image: linear-gradient(#22222200,#222222c0,#222222ff);
	}
	div.widget-area div.playerReviewFrame a.seeMoreLink {
    background: #444;
    box-shadow: -5px -5px 10px #444;
	}
  div.bloggerReviewFrame div.reviewExtract a.seeMoreLink {
    background-color: #222;
    box-shadow: -5px -5px 10px #222;
  }
  div.bloggerReviewFrame div.seeMoreLinkFrame {
    background-image: linear-gradient(#22222200,#222222c0,#222222ff);
  }
  a.seeMoreLink, div.gameDetails a.seeMoreLink, div.playerReviewFrame a.seeMoreLink {
    background: #444;
    box-shadow: -5px -5px 10px #444;
  }
	div.offerList a.seeMoreLink {
		background: #222;
    box-shadow: -5px -5px 10px #222;
	}
  .gameDetails .gameDescriptionShort .gameDescriptionToggleLink {
    box-shadow: -20px -20px 40px 15px #222;
  }
  .gameDetails .gameDescriptionToggleLink {
    background-color: #222;
  }
  .offerDetails {
    border-color: #888;
    background-color: #444;
  }
  .gameListHeaderRow {
    background-color: #444;
  }
  .gameListRowLoadAll {
    background: #333;
  }
  input.mapActionButton, div#ListActionButtons input, input.gameListLoadAllButton {
    background-color: #888;
  }
  .gameBadge {
    color: #000;
  }
	input.autoCompleteSearchBox.searchBoxShowPrompt {
    color: #888;
	}
	div.autoCompleteResult {
    background-color: #444;
	}
	div.autoCompleteResult:hover {
    background-color: #666;
	}
	a.autoCompleteResultLink {
    text-decoration: none;
    color: white;
	}
	div.autoCompleteResultsFrame div.getMoreLink span.getMoreLink {
    color: #ddd;
	}
	#rateAndReview div.gameDetailsFrameBasicDetails, #rateAndReview div.gameDetailsFrameExtraDetails, #rateAndReview div.gameDetailsFrameRatings {
    color: #ddd;
	}
	div.reviewFrameEditable {
    background-color: #444;
	}
	.playerReviewFrame .userReview {
    color: #eee;
	}
	div.playLog div.seeMoreLinkFrame {
    background-image: linear-gradient(#44444400,#444444c0,#444444ff);
	}
	div.userDescriptionFrame div.userDescription, div.userDescriptionFrame div.profileField {
    background: #eee;
	}
	div.reviewFrameEditable .reviewTagsGood .tagGood input[type='text'] {
    color: #484;
	}
	div.reviewFrameEditable .reviewTagsBad .tagBad input[type='text'] {
    color: #844;
	}
	div.userDescriptionFrame div.userDescription, div.userDescriptionFrame div.profileField {
    background: #444;
	}
	.explanationText {
    color: #eee;
	}
	div.gameDetailsButtonFrame img.gameDetailsButtonEdit, div.gameDetailsButtonFrame img.gameDetailsButtonSave {
		filter: contrast(5) invert(1) sepia(5);
	}
	div.partnerSiteLinkFrame {
    color: #ddd;
    background-color: #004;
	}
	div.etrTileImage {
	  background-color: #444;
	}
	span.reviewTag.tagGood {
    color: #cfc;
    background-color: #464;
    border-color: #484;
	}
	span.reviewTag.tagBad {
    color: #fcc;
    background-color: #844;
    border-color: #a44;
	}
	span.reviewTag.tagNeutral {
		color: white;
    background-color: #446;
    border-color: #668;
	}
	.userActionAlert {
    border: solid 1px #fd8;
    background: #642;
		color: #fd8;
	}
	.themonic-nav .current-menu-item > a, .themonic-nav .current-menu-ancestor > a, .themonic-nav .current_page_item > a, .themonic-nav .current_page_ancestor > a, div#MainReviewPrompt a, #MainSearchBox input.autoCompleteSelectorSubmitButton, #SidebarSearchBox input.autoCompleteSelectorSubmitButton, div.reviewPromptSection a.actionButton, .userActionButton {
    background-color: #006ca0;
	}
	.badgeVirtuoso {
    background-color: #806;
    color: #ece;
	}
	.badgeExpert {
    background-color: #600;
    color: #fcc;
	}
	.badgeExperienced {
    background-color: #860;
    color: #fda;
	}
	a.rankingsLink {
		color: white;
    background: #105d88;
    border: solid 1px #0f3c55;
	}
	.highlightLinkBox {
    border: solid 3px #a00;
		color: white;
    background-color: #642;
	}
}