/*
* Skeleton V2.0.2
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/15/2014
*/


/* Table of contents
–––––––––––––––––––––––––––––––––––––––––––––––––– 
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/

/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position: relative; 
  width: 100%; 
  max-width: 960px; 
  margin: 0 auto; 
  padding: 0 15px;
  box-sizing: border-box; }
.column,
.columns { 
  width: 100%; 
  float: left; 
  box-sizing: border-box; }
	
.row.flex {
	display: flex;
}

.row.flex .column {
	margin: 0;
}

/* For devices larger than 550px */
@media (min-width: 550px) {
  .container {
    width: 90%;
		padding: 0 20px;
  }
  .column,
  .columns {
    margin-left: 4%; }
  .column:first-child,        
  .columns:first-child { 
    margin-left: 0; }
  
  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton 
are based on 10px sizing. So basically 1.5rem = 15px :) */
html { 
  font-size: 62.5%; } 
body {
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: "PT Serif", Helvetica, Arial, sans-serif;
  color: #444; }

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 { 
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 400; 
  font-family: "Arvo", Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #546360; }
h1 { font-size: 3.6rem; line-height: 1.25;  letter-spacing: -.1rem; padding: 0.75rem 0; margin-bottom: 1rem; border-bottom: 1px solid #ccc; }
h2 { font-size: 3.0rem; line-height: 1.3; letter-spacing: -.1rem; }
h3 { font-size: 2.4rem; line-height: 1.35;  letter-spacing: -.08rem; }
h4 { font-size: 1.8rem; line-height: 1.5; letter-spacing: -.05rem; }
h5 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }

nav, #mobilenav {
  font-family: "Arvo", Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
}

@media (min-width: 750px) {
  h1 { font-size: 4rem; }
}

p {
  margin-top: 0; }

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a { 
  color: #cf4e28;
  text-decoration: none;
	cursor: pointer; }
a:hover { 
  color: #999;
  text-decoration: underline; }

/* Buttons 
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
button.wp-block-button__link {
  font-family: "Arvo", Arial, Helvetica, sans-serif;
  display: inline-block;
  padding: 0.5rem 2rem;
	height: 34px;
  color: #fff;
  text-align: center;
  font-weight: 600;
  font-size: 1.4rem;
  letter-spacing: .2rem;
  text-transform: uppercase; 
  text-decoration: none;
  white-space: nowrap;
  background: #cf4e28;
  border-radius: 4px;
  border: 1px solid #cf4e28;
  cursor: pointer;
  box-sizing: border-box; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #cf4e28;
  background: #fff;
  text-decoration: none;
  outline: 0; }
.button.secondary,
button.secondary,
input[type="submit"].button.secondary,
input[type="reset"].button.secondary,
input[type="button"].button.secondary {
  color: #FFF;
  background-color: #546360;
  border-color: #546360; }
	
.button.secondary:hover,
button.button.secondary:hover,
input[type="submit"].button.secondary:hover,
input[type="reset"].button.secondary:hover,
input[type="button"].button.secondary:hover,
.button.button.secondary:focus,
button.button.secondary:focus,
input[type="submit"].button.secondary:focus,
input[type="reset"].button.secondary:focus,
input[type="button"].button.secondary:focus {
  color: #cf4e28;
	background: #fff;
	text-decoration: none;
	outline: 0; }
	
.button.small,
button.small,
input[type="submit"].button.small,
input[type="reset"].button.small,
input[type="button"].button.small {
	font-size: 1.3rem;
	padding: 0.4rem 1rem;
	height: 29px;
}

.button.external {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
}

.button.external::after {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	background-size: 16px 16px;
	mask-image: url(../inc/icons/link-external.svg);
	-webkit-mask-image: url(../inc/icons/link-external.svg);
	background-color: #fff;
	mask-size: 16px 16px;
}

.button.external:hover::after,
.button.external:focus::after {
	background-color: #cf4e28;
}


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  color: #444;
  height: 38px;
  width: 100%;
  padding: 0.5rem 1rem;
  background-color: #fff;
  border: 1px solid #cf4e28;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkard default styles on some inputs for iOS */
input[type="email"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
label input {
	font-weight: 400;
}
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }
.with_frm_style form .vertical_radio .frm_checkbox label {
	text-indent: -27px;
	margin-left: 7px; }
.with_frm_style .frm_form_field.noninput label {
	margin: 0;
	padding: 0; }
.with_frm_style .frm_form_field.noninput input {
	background: none;
	border: none;
	color: #666;
	padding: 0;
	height: auto;
	min-height: fit-content;
	box-shadow: none; }
.with_frm_style .frm_form_field.noninput .frm_description {
	margin: 0; }

/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul { 
  list-style: disc outside; }
ol { 
  list-style: decimal outside; }
ol, ul {
  padding-left: 0;
  margin-top: 0;
  margin-left: 3rem; }
ul ul, 
ul ol,
ol ol, 
ol ul { 
  margin: 0 0 0 2.5rem; 
  }
ul ul {
	list-style-type: circle;
}
li {
  margin-bottom: 0; }
ul.nobullets {
	list-style-type: none;
	margin-left: 0;
}

/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }
pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }

/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
  padding: 1rem;
  text-align: left;
  border-bottom: 1px solid #ccc; }
th:first-child,
td:first-child {
  padding-left: 0; }
th:last-child,
td:last-child {
  padding-right: 0; }

/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
  margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
  margin-bottom: 1.5rem; }
pre,
blockquote,
form,
dl,
table,
p,
ul,
ol,
form {
  margin-bottom: 2rem; }
p {
  margin-top: 0; }

/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }


@media only screen and (max-width: 549px){ 	
	
.mobilehide {
	display: none;
}
}

/* Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––– */

nav ul, nav ul li {
  margin: 0;
  list-style: none;
}

header .mobile-btn {
	float: right;
  margin: 1rem 0;
  font-size: 1.3rem !important;
}

nav.pushy.mobile {
	background: #333;
}

nav.pushy.mobile #menu-mobile {
	border-bottom: 1px solid #cf4e28;
	margin: 0 0 2rem 0;
	padding: 1rem 0;
}

nav.pushy.mobile ul li a {
	color: #fff;
  padding: 1rem 2rem;
}

nav.pushy.mobile ul li.pushy-submenu > a::after {
  content: "+";
  position: absolute;
  top: 10px;
  right: 2rem;
  color: #ccc;
}

nav.pushy.mobile ul li.pushy-submenu.pushy-submenu-open > a::after {
  content: "–";
  transform: none;
}

nav.pushy.mobile {
	background: #333 url(images/logo_266px_white10pc.png) no-repeat right -10rem bottom -5rem;	
}

nav.pushy.mobile ul#menu-social-media {
	margin: 0 2rem;
	list-style: none;
}

nav.pushy.mobile ul#menu-social-media li {
	display: inline;
	margin: 0;
	padding: 0;
}

nav.pushy.mobile ul#menu-social-media li a {
	display: inline-block;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
	line-height: 3rem;
	width: 32px;
	height: 32px;
	padding: 0;
	margin: 0 1rem 1rem 0;
}

nav.pushy.mobile ul#menu-social-media li.rss a {
	background: url(images/icon-sprite-rss-64px.png) no-repeat left top;
	background-size: 32px 150px;
}

nav.pushy.mobile ul#menu-social-media li.rss a:hover {
	background: url(images/icon-sprite-rss-64px.png) no-repeat left top -50px;
	background-size: 32px 150px;
}

nav.pushy.mobile ul#menu-social-media li.instagram a {
	background: url(images/icon-sprite-instagram-64px.png) no-repeat left top;
	background-size: 32px 150px;
}

nav.pushy.mobile ul#menu-social-media li.instagram a:hover {
	background: url(images/icon-sprite-instagram-64px.png) no-repeat left top -50px;
	background-size: 32px 150px;
}

nav.pushy.mobile ul#menu-social-media li.twitter a {
	background: url(images/icon-sprite-twitter-64px.png) no-repeat left top;
	background-size: 32px 150px;
}

nav.pushy.mobile ul#menu-social-media li.twitter a:hover {
	background: url(images/icon-sprite-twitter-64px.png) no-repeat left top -50px;
	background-size: 32px 150px;
}

nav.pushy.mobile ul#menu-social-media li.bluesky a {
	background: url(images/icon-sprite-bluesky-64px.png) no-repeat left top;
	background-size: 32px 150px;
}

nav.pushy.mobile ul#menu-social-media li.bluesky a:hover {
	background: url(images/icon-sprite-bluesky-64px.png) no-repeat left top -50px;
	background-size: 32px 150px;
}

nav.pushy.mobile ul#menu-social-media li.facebook a {
	background: url(images/icon-sprite-facebook-64px.png) no-repeat left top;
	background-size: 32px 150px;
}

nav.pushy.mobile ul#menu-social-media li.facebook a:hover {
	background: url(images/icon-sprite-facebook-64px.png) no-repeat left top -50px;
	background-size: 32px 150px;
}

nav.pushy.mobile ul#menu-social-media li.youtube a {
	background: url(images/icon-sprite-youtube-64px.png) no-repeat left top;
	background-size: 32px 150px;
}

nav.pushy.mobile ul#menu-social-media li.youtube a:hover {
	background: url(images/icon-sprite-youtube-64px.png) no-repeat left top -50px;
	background-size: 32px 150px;
}

nav.pushy.mobile ul#menu-social-media li.contact a {
	background: url(images/icon-sprite-mail-64px.png) no-repeat left top;
	background-size: 32px 150px;
}

nav.pushy.mobile ul#menu-social-media li.contact a:hover {
	background: url(images/icon-sprite-mail-64px.png) no-repeat left top -50px;
	background-size: 32px 150px;
}

@media (min-width: 550px) {

nav.mobile.pushy, header .mobile-btn {
	display: none;
}

}

/* 'Which World' Feature
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.whichworld {
	margin: 2rem 0;
	border-bottom: 1px solid #ccc;
	padding-bottom: 2rem;
}
	
.whichworld h4  {
	font-size: 2.5rem;
	background: #cf4e28;
	color: #fff;
	padding: 0.5rem 2rem;
	display: block;
	text-align: right;
	text-shadow: 0 0 1rem rgba(0, 0, 0, 0.8);
	margin: 0;
}

.whichworld .gameslotrow {
	border-left: 1px solid #cf4e28;
	overflow: hidden;
}

.whichworld a.gameslot.desktop {
	display: none;
}

.whichworld a.gameslot {
	display: block;
	float: left;	
	background: #ccc;
	font: 0/0 a;
	box-shadow: inset 0 0 1rem rgba(0, 0, 0, 0.8);
	box-sizing: border-box;
	border-bottom: 1px solid #cf4e28;
	border-right: 1px solid #cf4e28;
	width: 50%;
	height: 75px;
	background-repeat: no-repeat;
	background-position: center center;
}

@media only screen and (min-width: 750px) {

.whichworld {
	display: table;
	margin: 2rem 0;
	width: 100%;
	position: relative;
	padding-bottom: 3rem;
}

.whichworld h4 {
	font-size: 3.5rem;
	position: absolute;
	display: inline-block;
	box-sizing: border-box;
	z-index: 5;
	bottom: 28.1rem;
	right: 0.1rem;
}

.whichworld .gameslotrow {
	border-left: none;
	display: block;
	border-top: 1px solid #cf4e28;
}

.whichworld a.gameslot.mobile {
	display: none;
}

.whichworld a.gameslot.desktop {
	display: table-cell;
}

.whichworld a.gameslot {
	transition: all 1s;
	transition-timing-function: ease;
	width: 12.5%; /* Three rows of eight games */
	height: 250px;
	box-sizing: border-box;
	border-top: none;
	border-left: 1px solid #cf4e28;
	border-right: none;
	position: relative;
}

.whichworld a.gameslot:last-child {
	border-right: 1px solid #cf4e28;
}

.whichworld a.gameslot .overlay {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	transition: all 1s;
}

.whichworld a.gameslot:nth-child(14) { /* Update when number in row changes */
	border-right: 1px solid #cf4e28;
}

.whichworld:hover a.gameslot .overlay {
	background: rgba(255, 255, 255, 0.5);
}

.whichworld a.gameslot:hover .overlay {
	background: rgba(0, 0, 0, 0.0);
}

}




/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #ccc;
}
blockquote {
	margin-left: 2rem;
	padding-left: 2rem;
	border-left: 1px solid #ccc;
}
figure {
	margin: 0;
}
.feather-icon .icon {
	fill: transparent;
	stroke: currentColor;
	stroke-width: 2px;
}

/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf { 
  content: "";
  display: table;
  clear: both; }


/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries 
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it 
there. 
*/


/* Mobile only */

@media (max-width: 549px) {
	
.preheader {
	display: none;
}

}




body:after { /* Preloads Rollover Images */
  display: none;
  content: background: url(images/icon-social-facebook-white_64px.png) url(images/icon-social-twitter-white_64px.png) url(images/icon-social-rss-white_64px.png) url(images/icon-social-mail-white_64px.png);
}

body {
	background: #f5f5f5;
}

.preheader {
	background: #cf4e28;
}

.preheader nav.social {
	margin: 0;
}

.preheader nav.social ul {
	margin: 0.5rem 0;
	text-align: center;
	list-style: none;
}

.preheader nav.social ul li {
	display: inline;
	margin: 0;
	padding: 0;
}

.preheader nav.social ul li a {
	display: inline-block;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
	line-height: 3rem;
	width: 32px;
	height: 32px;
}

.preheader nav.social ul li.rss a {
	background: url(images/icon-sprite-rss-64px.png) no-repeat left top;
	background-size: 32px 150px;
}

.preheader nav.social ul li.rss a:hover {
	background: url(images/icon-sprite-rss-64px.png) no-repeat left top -50px;
	background-size: 32px 150px;
}

.preheader nav.social ul li.instagram a {
	background: url(images/icon-sprite-instagram-64px.png) no-repeat left top;
	background-size: 32px 150px;
}

.preheader nav.social ul li.instagram a:hover {
	background: url(images/icon-sprite-instagram-64px.png) no-repeat left top -50px;
	background-size: 32px 150px;
}

.preheader nav.social ul li.twitter a {
	background: url(images/icon-sprite-twitter-64px.png) no-repeat left top;
	background-size: 32px 150px;
}

.preheader nav.social ul li.twitter a:hover {
	background: url(images/icon-sprite-twitter-64px.png) no-repeat left top -50px;
	background-size: 32px 150px;
}

.preheader nav.social ul li.bluesky a {
	background: url(images/icon-sprite-bluesky-64px.png) no-repeat left top;
	background-size: 32px 150px;
}

.preheader nav.social ul li.bluesky a:hover {
	background: url(images/icon-sprite-bluesky-64px.png) no-repeat left top -50px;
	background-size: 32px 150px;
}

.preheader nav.social ul li.facebook a {
	background: url(images/icon-sprite-facebook-64px.png) no-repeat left top;
	background-size: 32px 150px;
}

.preheader nav.social ul li.facebook a:hover {
	background: url(images/icon-sprite-facebook-64px.png) no-repeat left top -50px;
	background-size: 32px 150px;
}

.preheader nav.social ul li.youtube a {
	background: url(images/icon-sprite-youtube-64px.png) no-repeat left top;
	background-size: 32px 150px;
}

.preheader nav.social ul li.youtube a:hover {
	background: url(images/icon-sprite-youtube-64px.png) no-repeat left top -50px;
	background-size: 32px 150px;
}

.preheader nav.social ul li.contact a {
	background: url(images/icon-sprite-mail-64px.png) no-repeat left top;
	background-size: 32px 150px;
}

.preheader nav.social ul li.contact a:hover {
	background: url(images/icon-sprite-mail-64px.png) no-repeat left top -50px;
	background-size: 32px 150px;
}

header {
	margin: 0 0 2rem 0;
}

header h2.logo {
	margin: 0.5rem 0;
	width: 100%;
	max-width: 150px;
	float: left;
}

header h2.logo a {
	display: block;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
	background: url(images/logo_588px.png) no-repeat left top; /* Standard */
	/* background: url(images/logo_ears_588px.png) no-repeat left top; Logo Ears */
	padding-top: 30.272%; /* Standard */
	/* padding-top: 35.034%; Logo Ears */
	width: auto;
	height: auto;
	background-size: cover;
	-moz-background-size: cover;  /* Firefox 3.6 */
	background-position: center;  /* Internet Explorer 7/8 */
}

header nav.primary, header nav.games {
	display: none;
}

header nav.mobile {
	background: 
		url(images/borderdouble-thick-grey.gif) repeat-x center top,
		url(images/borderdouble-thick-grey.gif) repeat-x center bottom;
	padding: 1.5rem 0;	
}

header nav.mobile select {
	margin: 0;
}

header nav.nav_sub ul {
	list-style: none;
	margin: 0.5rem 0 0 0;
}

header nav.nav_sub ul li {
	display: inline-block;
	margin: 0 0.5rem 0 0;
	font-size: 1.4rem;	
}

header nav.nav_sub ul li:last-child {
	margin: 0;
}

header nav.nav_sub ul li a {
	color: #999;	
}

header nav.nav_sub ul li a:hover, header nav.nav_sub ul li.current_page_item a {
	color: #cf4e28;
	text-decoration: none;
}

.main {
	padding-bottom: 2rem;
}

.main .content p a:visited,
.main .content li a:visited {
	color: #ec673e;
}

.main .content img {
	max-width: 100%;
	height: auto;
	display: block;
	margin-bottom: 1rem;
}

.main .content .gallery {
	overflow: hidden;
}

.main .content figure.wp-caption {
	margin-bottom: 1rem;
}

.main .content figure.wp-caption br {
	display: none;
}

.main .content figure.wp-caption figcaption, .main .content figure.gallery-item figcaption, .main .sidebar figure.gallery-item figcaption {
	font-style: italic;
	font-size: 1.4rem;
	line-height: 1.4;
	color: #546360;
	text-align: center;
}

.main .content figure.gallery-item {
	float: left;
	margin: 0 1rem 1rem 0;
}

.main .content figure.gallery-item img {
	margin-bottom: 0.5rem;
	width: 100px;
	height: auto;
}

.main .content figure.gallery-item figcaption {
	width: 100px;
	height: 30px;
}

.main .content .su-accordion .su-spoiler .su-spoiler-title {
	background: #fff;
	border: 1px solid #cf4e28;
    border-radius: 5px;
    margin-bottom: 1rem;
	color: #cf4e28;
	font-size: 1.5rem;
}

.main .content .su-accordion .su-spoiler .su-spoiler-title > .su-spoiler-icon {
    left: 5px;
}

.main .content .su-accordion .su-spoiler.su-spoiler-closed .su-spoiler-title {
	background: #cf4e28;
	color: #fff;
}

.main .content .su-accordion .su-spoiler .su-spoiler-title:hover {
	background: #fff;
	color: #cf4e28;
}

.main .content .su-accordion .su-spoiler .su-spoiler-content {
	padding: 0;
	margin: 0 0 2rem 0;
}

.main .content .su-accordion .su-spoiler.su-spoiler-closed .su-spoiler-content {
	margin: 0;	
}

.main .content .sharedaddy {
	display: none;
}

.main .content .sharing {
	list-style-type: none;
	margin: 0 0 0.5rem 0;
	border-top: 1px dotted #ccc;
	padding-top: 1rem;
}

.main .content .sharing li {
	margin-bottom: 0.5rem;	
}

.main .content .sharing li.facebooklike iframe {
	width: 300px !important;
}	

.main .content #comments {
	margin-bottom: 1rem;
	overflow: hidden;
}

#comments footer {
	background: none;
	padding: 0;
	color: inherit;
}

.main .content #comments h3 {
	background: 
		url(images/borderdouble-thin-grey.gif) repeat-x center top,
		url(images/borderdouble-thin-grey.gif) repeat-x center bottom;
	padding: 1rem 0;	
}

.main .content #comments h3#reply-title {
	background: none;
	padding: 0;
}

.main .content #comments form#commentform {
	background: #ccc;
	padding: 2rem;
}

.main .content #comments .warning {
	padding: 2rem;
	margin: 0 0 2rem 0;
	background: #546360;
	color: #fff;
}

.main .content #comments .warning p:last-child {
	margin: 0;
}

.main .content #comments ol {
	list-style: none;
	margin: 0;
}

.main .content #comments ol li article {
	border-bottom: 1px dashed #ccc;
	padding-bottom: 1rem;
	margin-bottom: 2rem;
}

.main .content #comments ol li article img.avatar {
	float: left;
	margin: 0 1rem 1rem 0;
	border: 1px solid #546360;
}

.main .content #comments ol li article .comment-meta {
	margin-bottom: 0;
}

.main .content #comments ol li article .comment-meta .comment-author {
	font-weight: bold;
}

.main .content #comments ol li article .comment-meta .comment-author .says {
	display: none;
}

.main .content #comments ol li article .comment-meta time {
	font-style: italic;
	color: #999;
}

.main .content #comments ol li article .comment-meta .edit-link, .main .content #comments ol li .reply {
	text-transform: uppercase;
}

.main .content #comments ol li article .comment-content {
	clear: both;
}

.main .content #comments ol li article .comment-content p {
	margin-bottom: 1rem;
}

.main .content #comments ol li ol {
	margin: 0 0 0 2rem;
}

.main .content #comments ol li:nth-of-type(1n+10) {
	display: none;
}

.main .content .blogitem {
	border-bottom: 1px solid #999;
	margin-bottom: 2rem;
	padding-bottom: 1rem;
}

.main .content .blogitem h4, 
.main .content .blogitem h2 {
	margin-bottom: 0;
}

.main .content .blogitem h4 a:visited, 
.main .content .blogitem h2 a:visited {
	color: #ec673e
}

.main .content .bloginfo {
	margin: 1rem 0;
}

.main .content .bloginfo .meta {
	font-style: italic;
	color: #999;
	margin-bottom: 0;
	list-style: none;
	margin: 0;
}

.main .content .bloginfo .meta li {
	display: inline;
	border-right: 1px solid #ccc;
	padding: 0 0.5rem 0 0;
	margin: 0;
}

.main .content .bloginfo .meta li:last-child {
	border-right: none;
}

.main .content .bloginfo .meta a {
	color: #999;
}

.main .content .bloginfo .meta .post-views {
	display: inline;
}

.main .content .bloginfo li.tags {
	display: none;
}

.main .content .bloginfo li.tags ul {
	list-style-type: none;
	margin: 0;
}

.main .content .bloginfo li.tags ul {
	display: inline;
	margin: 0;
}

.main .content .bloginfo li.tags ul li a {
	display: inline-block;
	font-family: "Arvo", Arial, Helvetica, sans-serif;
	padding: 0.3rem 1rem;
	color: #fff;
	text-align: center;
	font-weight: normal;
	font-size: 1.3rem;
	line-height: 1.5;
	letter-spacing: .1rem;
	text-transform: uppercase; 
	text-decoration: none;
	white-space: nowrap;
	background: #999;
	border-radius: 3px;
	border: none;
	cursor: pointer;
	box-sizing: border-box;
	margin-right: 1rem;
}

.main .content .bloginfo ul li.tags a:hover {
	text-decoration: none;
	background: #546360;
}

.main.blogindex .fb-like {
	margin: 0 0 2rem 0;
}

.main.blogindex nav.custom-pagination {
	text-align: center;
	border-bottom: 1px solid #999;
	margin-bottom: 2rem;
	padding-bottom: 2rem;
}

.main.blogindex nav.custom-pagination a, 
.main.blogindex nav.custom-pagination .current {
	display: inline-block;
	background: #546360;
	color: #fff;
	padding: 0.5rem;
	min-width: 2rem;
	height: 2rem;
	-moz-border-radius:    5px;
	-webkit-border-radius: 5px;
	border-radius:         5px;
	-khtml-border-radius:  5px;
	margin: 0 0.25rem;
	line-height: 1.4;
}

.main.blogindex nav.custom-pagination a {
	background: #cf4e28;
}

.main.blogindex nav.custom-pagination a:hover {
	color: #fff;
	text-decoration: none;
	background: #444;	
}

.main.home .gamerows {
	margin: 1rem 0;
	border-bottom: 1px solid #ccc;
	padding-bottom: 1rem;
}

.main.home .gamerows .row.launchitems {
	border-bottom: 2px solid #ccc;
	margin-bottom: 2rem;
}

.main.home .game {
  padding: 0;
	margin: 0 0 2rem 0;
}

.main.home .game h3 {
	margin: 0 0 0.5rem 0;
	padding: 0 0 4rem 0;
	font-size: 2rem;
	text-align: center;
	background-image: url(images/bordericon-orange.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}

.main.home .game.scythe h3 {
	background-image: url(images/bordericon-scythe-orange.png);
}

.main.home .game.charterstone h3 {
	background-image: url(images/bordericon-charterstone-orange.png);
}

.main.home .game.viticulture h3 {
	background-image: url(images/bordericon-viticulture-orange.png);
}

.main.home .game.between h3 {
	background-image: url(images/bordericon-between-orange.png);
}

.main.home .game.euphoria h3 {
	background-image: url(images/bordericon-euphoria-orange.png);
}

.main.home .game.littlescythe h3 {
	background-image: url(images/bordericon-littlescythe-orange.png);
}

.main.home .game.castles h3 {
	background-image: url(images/bordericon-castles-orange.png);
}

.main.home .game.wingspan h3 {
	background-image: url(images/bordericon-wingspan-orange.png);
}

.main.home .game.wyrmspan h3 {
	background-image: url(images/bordericon-wyrmspan-orange.png);
}

.main.home .game.tapestry h3 {
	background-image: url(images/bordericon-tapestry-orange.png);
}

.main.home .game.pendulum h3 {
	background-image: url(images/bordericon-pendulum-orange.png);
}

.main.home .game.redrising h3 {
	background-image: url(images/bordericon-redrising-orange.png);
}

.main.home .game.rolling h3 {
	background-image: url(images/bordericon-rolling-orange.png);
}

.main.home .game.libertalia h3 {
	background-image: url(images/bordericon-libertalia-orange.png);
}

.main.home .game.smitten h3 {
	background-image: url(images/bordericon-smitten-orange.png);
}

.main.home .game.expeditions h3 {
	background-image: url(images/bordericon-expeditions-orange.png);
}

.main.home .game.apiary h3 {
	background-image: url(images/bordericon-apiary-orange.png);
}

.main.home .game.vantage h3 {
	background-image: url(images/bordericon-vantage-orange.png);
}

.main.home .game.stamp h3 {
	background-image: url(images/bordericon-stamp-orange.png);
}

.main.home .game.tokaido h3 {
	background-image: url(images/bordericon-tokaido-orange.png);
}

.main.home .game.finspan h3 {
	background-image: url(images/bordericon-finspan-orange.png);
}

.main.home .game.origin h3 {
	background-image: url(images/bordericon-origin-orange.png);
}

.main.home .game .icon-divider {
	display: none;
}

.main.home .game p {
	margin: 0;
}

.main.home .game img {
	object-fit: cover;
	width: 100%;
	height: 150px;
	border: 1px solid #cf4e28;
	box-sizing: border-box;
	margin: 0;
}

.main.home h2.description {
	color: #999;
	text-align: center;
}

.main.ourgames .game {
	background: #fff;
	border-radius: 5px;
	padding: 1rem;
	margin-bottom: 3rem;
	text-align: center;
}

.main.ourgames .game h3 {
	background: url(images/bordericon-lgrey.png) no-repeat bottom center;
	padding: 0 0 4rem 0;
	margin: 0 0 1rem 0;
}

.main.ourgames .game.viticulture h3,
.page-id-1704 .main .gamedetails p.designer, 
.parent-pageid-1704 .main .gamedetails p.designer, 
.page-id-1704 .main .gamedetails ul.credits, 
.parent-pageid-1704 .main .gamedetails ul.credits {
	background: url(images/bordericon-viticulture-lgrey.gif) no-repeat center bottom;
}

.main.ourgames .game.euphoria h3,
.page-id-1282 .main .gamedetails p.designer, 
.parent-pageid-1282 .main .gamedetails p.designer, 
.page-id-1282 .main .gamedetails ul.credits, 
.parent-pageid-1282 .main .gamedetails ul.credits {
	background: url(images/bordericon-euphoria-lgrey.gif) no-repeat center bottom;
}

.main.ourgames .game.between h3,
.page-id-22219 .main .gamedetails p.designer, 
.parent-pageid-22219 .main .gamedetails p.designer, 
.page-id-22219 .main .gamedetails ul.credits, 
.parent-pageid-22219 .main .gamedetails ul.credits {
	background: url(images/bordericon-between-lgrey.gif) no-repeat center bottom;
}

.main.ourgames .game.scythe h3,
.page-id-4773 .main .gamedetails p.designer, 
.parent-pageid-4773 .main .gamedetails p.designer, 
.page-id-4773 .main .gamedetails ul.credits, 
.parent-pageid-4773 .main .gamedetails ul.credits {
	background: url(images/bordericon-scythe-lgrey.gif) no-repeat center bottom;
}

.main.ourgames .game.charterstone h3,
.page-id-7837 .main .gamedetails p.designer, 
.parent-pageid-7837 .main .gamedetails p.designer, 
.page-id-7837 .main .gamedetails ul.credits, 
.parent-pageid-7837 .main .gamedetails ul.credits {
	background: url(images/bordericon-charterstone-lgrey.gif) no-repeat center bottom;
}

.main.ourgames .game.littlescythe h3,
.page-id-11662 .main .gamedetails p.designer, 
.parent-pageid-11662 .main .gamedetails p.designer, 
.page-id-11662 .main .gamedetails ul.credits, 
.parent-pageid-11662 .main .gamedetails ul.credits {
	background: url(images/bordericon-littlescythe-lgrey.png) no-repeat center bottom;
}

.main.ourgames .game.castles h3,
.page-id-12216 .main .gamedetails p.designer, 
.parent-pageid-12216 .main .gamedetails p.designer, 
.page-id-12216 .main .gamedetails ul.credits, 
.parent-pageid-12216 .main .gamedetails ul.credits {
	background: url(images/bordericon-castles-lgrey.png) no-repeat center bottom;
}

.main.ourgames .game.wingspan h3,
.page-id-12882 .main .gamedetails p.designer, 
.parent-pageid-12882 .main .gamedetails p.designer, 
.page-id-12882 .main .gamedetails ul.credits, 
.parent-pageid-12882 .main .gamedetails ul.credits {
	background: url(images/bordericon-wingspan-lgrey.png) no-repeat center bottom;
}

.main.ourgames .game.tapestry h3,
.page-id-14100 .main .gamedetails p.designer, 
.parent-pageid-14100 .main .gamedetails p.designer,
.main.ourgames .game.tapestry h3,
.page-id-14100 .main .gamedetails ul.credits, 
.parent-pageid-14100 .main .gamedetails ul.credits {
	background: url(images/bordericon-tapestry-lgrey.png) no-repeat center bottom;
}

.main.ourgames .game.pendulum h3,
.page-id-15790 .main .gamedetails p.designer, 
.parent-pageid-15790 .main .gamedetails p.designer, 
.page-id-15790 .main .gamedetails ul.credits, 
.parent-pageid-15790 .main .gamedetails ul.credits {
	background: url(images/bordericon-pendulum-lgrey.png) no-repeat center bottom;
}

.main.ourgames .game.redrising h3,
.page-id-16979 .main .gamedetails p.designer, 
.parent-pageid-16979 .main .gamedetails p.designer, 
.page-id-16979 .main .gamedetails ul.credits, 
.parent-pageid-16979 .main .gamedetails ul.credits {
	background: url(images/bordericon-redrising-lgrey.png) no-repeat center bottom;
}

.main.ourgames .game.rolling h3,
.page-id-15383 .main .gamedetails p.designer, 
.parent-pageid-15383 .main .gamedetails p.designer, 
.page-id-15383 .main .gamedetails ul.credits, 
.parent-pageid-15383 .main .gamedetails ul.credits {
	background: url(images/bordericon-rolling-lgrey.png) no-repeat center bottom;
}

.main.ourgames .game.libertalia h3,
.page-id-20038 .main .gamedetails p.designer, 
.parent-pageid-20038 .main .gamedetails p.designer, 
.page-id-20038 .main .gamedetails ul.credits, 
.parent-pageid-20038 .main .gamedetails ul.credits {
	background: url(images/bordericon-libertalia-lgrey.png) no-repeat center bottom;
}

.main.ourgames .game.smitten h3,
.page-id-22266 .main .gamedetails p.designer, 
.parent-pageid-22266 .main .gamedetails p.designer, 
.page-id-22266 .main .gamedetails ul.credits, 
.parent-pageid-22266 .main .gamedetails ul.credits {
	background: url(images/bordericon-smitten-lgrey.png) no-repeat center bottom;
}

.main.ourgames .game.expeditions h3,
.page-id-23613 .main .gamedetails p.designer, 
.parent-pageid-23613 .main .gamedetails p.designer, 
.page-id-23613 .main .gamedetails ul.credits, 
.parent-pageid-23613 .main .gamedetails ul.credits {
	background: url(images/bordericon-expeditions-lgrey.png) no-repeat center bottom;
}

.main.ourgames .game.apiary h3,
.page-id-25327 .main .gamedetails p.designer, 
.parent-pageid-25327 .main .gamedetails p.designer, 
.page-id-25327 .main .gamedetails ul.credits, 
.parent-pageid-25327 .main .gamedetails ul.credits {
	background: url(images/bordericon-apiary-lgrey.png) no-repeat center bottom;
}

.main.ourgames .game.wyrmspan h3,
.page-id-26443 .main .gamedetails p.designer, 
.parent-pageid-26443 .main .gamedetails p.designer, 
.page-id-26443 .main .gamedetails ul.credits, 
.parent-pageid-26443 .main .gamedetails ul.credits {
	background: url(images/bordericon-wyrmspan-lgrey.png) no-repeat center bottom;
}

.main.ourgames .game.vantage h3,
.page-id-27380 .main .gamedetails p.designer, 
.parent-pageid-27380 .main .gamedetails p.designer, 
.page-id-27380 .main .gamedetails ul.credits, 
.parent-pageid-27380 .main .gamedetails ul.credits {
	background: url(images/bordericon-vantage-lgrey.png) no-repeat center bottom;
}

.main.ourgames .game.stamp h3,
.page-id-28551 .main .gamedetails p.designer, 
.parent-pageid-28551 .main .gamedetails p.designer, 
.page-id-28551 .main .gamedetails ul.credits, 
.parent-pageid-28551 .main .gamedetails ul.credits {
	background: url(images/bordericon-stamp-lgrey.png) no-repeat center bottom;
}

.main.ourgames .game.tokaido h3,
.page-id-29154 .main .gamedetails p.designer, 
.parent-pageid-29154 .main .gamedetails p.designer, 
.page-id-29154 .main .gamedetails ul.credits, 
.parent-pageid-29154 .main .gamedetails ul.credits {
	background: url(images/bordericon-tokaido-lgrey.png) no-repeat center bottom;
}

.main.ourgames .game.finspan h3,
.page-id-29445 .main .gamedetails p.designer, 
.parent-pageid-29445 .main .gamedetails p.designer, 
.page-id-29445 .main .gamedetails ul.credits, 
.parent-pageid-29445 .main .gamedetails ul.credits {
	background: url(images/bordericon-finspan-lgrey.png) no-repeat center bottom;
}

.main.ourgames .game.origin h3,
.page-id-31828 .main .gamedetails p.designer, 
.parent-pageid-31828 .main .gamedetails p.designer, 
.page-id-31828 .main .gamedetails ul.credits, 
.parent-pageid-31828 .main .gamedetails ul.credits {
	background: url(images/bordericon-origin-lgrey.png) no-repeat center bottom;
}

.main.ourgames .game img {
	display: block;
	width: auto;
	height: auto;
	margin: 0 auto 1rem auto;
}

.main.ourgames .four.columns .game img {
	max-height: 240px;
}

.main.ourgames .six.columns .game img {
	max-height: 318px;
}

.main.ourgames .game .button {
	overflow: scroll;
	max-width: 100%;
}

.main.ourgames .game .button.secondary {
	margin: 0 0.3rem 1rem 0.3rem;
}

.main .featurecols {
	text-align: center;
}

.main .featurecols h4 {
	margin-bottom: 1rem;
}

.main .featurecols h4 a:hover {
	text-decoration: none;
}

.main .featurecols .first, .main .featurecols .second, .main .featurecols .third {
	padding-top: 8rem;
}

.main .featurecols .first {
	background:	url(images/feature-rule-book.png) no-repeat center top;
}

.main .featurecols .second {
	background:	url(images/feature-rule-speech.png) no-repeat center top;
}

.main .featurecols .third {
	background:	url(images/feature-rule-kickstarter.png) no-repeat center top;
}

.main .gamedetails {
	background: #fff;
	border-radius: 5px;
	padding: 1rem;
	margin-bottom: 1rem;
	text-align: center;
	color: #546360;
}

.main .gamedetails img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 550px;
}

.main .gamedetails h2 {
	font-size: 2rem; 
	line-height: 1.5; 
	letter-spacing: -.05rem;
	color: #444;
	margin-bottom: 0.5rem;
}

.main .gamedetails p, .main .gamedetails li {
	font-size: 1.6rem;
	font-family: 'PT Sans', sans-serif;
}

.main .gamedetails p {
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #eee;
}

.main .gamedetails p.designer, .main .gamedetails ul.credits {
	font-style: italic;
	border-bottom: none;
	background: url(images/borderstar-lgrey.gif) no-repeat center bottom;
	padding-bottom: 4rem;
	font-size: 1.7rem;
	margin-bottom: 1.5rem;
}

.main .gamedetails ul.credits {
	list-style: none;
	margin: 0 0 1.5rem 0;
}

.main .gamedetails ul.credits li {
	font-size: 1.7rem;	
}

.main .gamedetails ul.credits li span.title {
	color: #999;
}

.main .gamedetails ul.credits li span.title::after {
	content: ":";
	color: #999;
}

.main .gamedetails .gameinfo {
	font-size: 1.5rem;
	font-family: 'PT Sans', sans-serif;
	line-height: 1.3;
	margin: 0 0 2rem 0;
	padding-bottom: 1rem;
	border-bottom: 1px solid #eee;
}

.main .gamedetails .gameinfo .row.flex {
	gap: 1.5rem;
}

.main .gamedetails .gameinfo span {
	display: block;
	width: 100%;
	font-size: 1.4rem;
}

.main .gamedetails .gameinfo span.note {
	font-size: 1.4rem;
	color: #999;
	margin: 0 auto 0.5rem auto;
}

.main .gamedetails .gameinfo .icon {
	stroke: #999;
	margin: 0 auto 0.5rem auto;
	display: block;
	width: 30px;
	height: 30px;
}

.main .gamedetails .range, 
.main .gamedetails .length {
	display: none;
}

.main .gamedetails .buttons {
	margin-bottom: 1rem;
	padding-bottom: 0;
	border-bottom: 1px solid #eee;
}

.main .gamedetails .buttons h4 {
	margin: 0 0 1rem 0;
}

.main .gamedetails .buttons .description {
	font-size: 1.5rem;
	line-height: 1.5;
	margin: -0.5rem auto 1rem auto;
	padding: 0;
	border-bottom: none;
	max-width: 300px;		
}

.main .gamedetails .buttons .button.purchase {
	display: block;
	border: none;
	padding: 0.6rem 2rem 0.6rem 5rem;
}

.main .gamedetails .buttons .button.purchase del {
	display: none;
}

.main .gamedetails .buttons .button.aus {
	background: #cf4e28 url(images/icon-buttonflag-aus-42px.png) no-repeat left -4px center;
}

.main .gamedetails .buttons .button.can {
	background: #cf4e28 url(images/icon-buttonflag-can-42px.png) no-repeat left -4px center;
}

.main .gamedetails .buttons .button.eur {
	background: #cf4e28 url(images/icon-buttonflag-eur-42px.png) no-repeat left -4px center;
}

.main .gamedetails .buttons .button.usa {
	background: #cf4e28 url(images/icon-buttonflag-usa-42px.png) no-repeat left -4px center;
}

.main .gamedetails .buttons .button.purchase:hover {
	background-color: #eee;
}

.main .gamedetails .buttons a.reveal::after {
	transform: rotate(180deg); /* flip the ▼ */
}

.main .gamedetails .availability p {
	font-weight: bold;
}

.main .gamedetails .availability p a {
	font-family: "Arvo", Arial, Helvetica, sans-serif;
	font-weight: normal;
	display: inline-block;
	padding: 0.5rem 2rem;
	color: #fff;
	font-weight: 600;
	font-size: 1.5rem;
	letter-spacing: .2rem;
	text-transform: uppercase; 
	white-space: nowrap;
	background: #cf4e28;
	border-radius: 4px;
	border: 1px solid #cf4e28;
	cursor: pointer;
	box-sizing: border-box;
}

.main .gamedetails .availability p a:hover {
	color: #cf4e28;
	background: #fff;
	text-decoration: none;
	outline: 0;
}

.main .gamedetails .prelaunchform h3 {
	margin: 0 0 0.5rem 0;
}

.main .gamedetails .prelaunchform p {
	border-bottom: none;
	padding-bottom: 0;
}

.main .gamedetails .prelaunchform form,
.main .newsletter form {
	background: #eee;
	padding: 1rem;
	margin: 0 0 1rem 0;
	border-radius: 5px;
}

.main .gamedetails .prelaunchform form, .main .newsletter form {
	border: 5px solid #fff;
	margin: 0 0 2rem 0;
}

.main .gamedetails .prelaunchform label,
.main .newsletter form label {
	text-align: left;
}

.main .gamedetails .prelaunchform select,
.main .newsletter form select {
	padding: 0.5rem 1rem;
}

.main .gamedetails .prelaunchform #mc_embed_signup p {
	font-size: 1.4rem;
	text-align: left
}

.main .gamedetails .prelaunchform label.checkbox.subfield span {
	margin-left: 0.5rem;
}

.main .newsletter form p {
	margin: 0 0 1em 0;
	font-size: 90%;
}

.main .newsletter form input[type="checkbox"] {
	margin: 0 0.5rem 0 0;
}

.main .gamedetails .prelaunchform input.button,
.main .newsletter form input.button {
	margin: 0;
}

.main .gamedetails .prelaunchform .response,
.main .newsletter form .response {
	margin: 0 0 1rem 0;
}

.main .gamedetails .prelaunchform .response#mce-success-response,
.main .newsletter form .response#mce-success-response { 
	color: #008362
}

.main .newsletter .content__gdprLegal p {
	font-size: 90%;
}

.main .gamedetails ul.subpages {
	list-style: none;
	margin: 0;
	font-family: 'PT Sans', sans-serif;	
}

.main .gamedetails ul.subpages li {
	display: inline-block;
	border-right: 1px solid #ccc;
	padding-right: 0.7rem;
	margin-right: 0.5rem;
	margin-bottom: 0.5rem;
}

.main .gamedetails ul.subpages li:last-child {
	border-right: none;
	padding-right: 0;
	margin-right: 0;
}

.main .accessory-filter-form .moreinfo {
	background: #eee;
	margin: 0 0 2rem 0;
	padding: 2rem;
	border-radius: 1rem;
}

.main .accessory-filter-form .moreinfo .content {
	margin: 1rem 0 0 0;
}

.main .accessory-filter-form h4 {
	margin: 0;
}

.main .accessory-filter-form a.reveal,
.main .accessory-items a.reveal {
	text-decoration: none !important;
}

.main .accessory-filter-form a.reveal::after,
.main .accessory-items a.reveal::after {
	content: " ▼";
	font-size: 0.8em;
	margin-left: 0.25em;
	transition: transform 0.2s ease;
}

.main .accessory-filter-form .moreinfo.open a.reveal::after,
.main .accessory-items .moreinfo.open a.reveal::after {
	content: " ▲";
}

.main .accessory-filter-form form {
	margin: 0;
}

.main .accessory-filter-form legend {
	font-weight: 400;
	font-family: "Arvo", Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	color: #546360;
	font-size: 1.5rem;
	line-height: 1.6;
	letter-spacing: 0;
	margin: 0 0 0.5rem 0;
}

.main .accessory-filter-form .checkboxes {
	display: flex;
	flex-wrap: wrap;
	gap: 4%;
}

.main .accessory-filter-form .checkboxes label {
	display: block;
	width: 48%;
	text-transform: capitalize;
}

.main .accessory-filter-form .checkboxes label input {
	margin: 0;
}

.main .accessory-filter-form p.apply-container {
	margin: 0;
}

.main .accessory-filter-form p.apply-container a.reset {
	margin: 0 0 0 1rem;
}

.main .accessory-items .accessory-item {
	margin: 0 0 2rem 0;
	padding: 2rem;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 1rem;		
	box-shadow: 0 10px 10px #0000000a;
}

.main .accessory-items h5 {
	margin: 0 0 0.5rem 0;
	text-transform: uppercase;
	display: none;
}

.main .accessory-items ul.taglist {
	list-style: none;
	margin: 0 0 1rem 0;
}

.main .accessory-items ul.taglist.games {
	border-bottom: 1px solid #ccc;
}

.main .accessory-items ul.taglist li {
	display: inline;
	margin: 0;
}

.main .accessory-items ul.taglist li span {
	display: inline-block;
	margin: 0 1rem 1rem 0;
	padding: 0.3rem 0.5rem;
	color: #999;
	background: #eee;
	text-transform: capitalize;
}

.main .accessory-items ul.taglist li a:hover {

}

.main .accessory-items .button {
	width: 100%;
}

.main .accessory-items .moreinfo p.reveal-container {
	margin: 0;
}

.main .accessory-items .moreinfo.open a.reveal {
	color: #999;
}

.main .accessory-items .moreinfo div.content {
	margin: 1rem 0 0 0;
}

.main .accessory-items .moreinfo div.content p {
	margin: 0 0 1rem 0;
}

.main.search h1 {
	color: #999;
}

.main.search h1 span {
	color: #546360;
	text-transform: capitalize;
}

.main.search article {
	padding-bottom: 1rem;
	margin-bottom: 2rem;
	border-bottom: 1px solid #999;
}

.main.search article h3 {
	margin-bottom: 1rem;
}

body.page-template-template-barebones .main {
	padding-top: 2rem;
}

body.page-template-template-barebones .main .frm_forms form {
	background: #ccc;
	padding: 2rem;
	border-radius: 0.3rem;
}

body.page-template-template-barebones .main .frm_forms form input {
	border-radius: 0.3rem;
}

body.page-template-template-barebones .main .frm_forms .frm_checkbox input.frm_other_input:not(.frm_other_full) {
	margin-left: 0;
	max-width: calc(100% - 20px);
}

body.page-template-template-barebones .main .frm_forms .frm_checkbox input.frm_other_input:not(.frm_pos_none) {
	display: block;
}

body.page-template-template-barebones .main .frm_style_formidable-style.with_frm_style .frm_section_heading {
	margin: 0 0 2rem 0;
}

body.page-template-template-barebones .main .frm_style_formidable-style.with_frm_style .frm-show-form .frm_section_heading h3[class*="frm_pos_"] {
	margin: 0 0 2rem 0;
	padding: 0 0 2rem 0;
	border-top: none;
	border-bottom: 1px solid;
	color: #3f4b5b;
	letter-spacing: -0.03rem;
}

.page-template-template-quiz, 
.page-template-template-giftguide,
.page-template-template-quiz-select {
	background: #222;
}

.page-template-template-quiz-select.libertalia {
	background-color: #b8e6f5;
}

.quiz.container {
  background: #333;
	color: #fff;
	padding: 2rem 3rem;
  box-shadow: 0 0 2rem #111;
}

.quiz.signup.container {
	padding-top: 7rem;
	background: #fff url(images/logo_400px.png) no-repeat top 1rem center;
	background-size: 200px 61px;
	color: #999;
}

.page-template-template-quiz-select.libertalia .quiz.container,
.page-template-template-quiz-select.vitiworld .quiz.container {
	background-color: rgba(0, 0, 0, 0.8);
}

.quiz.container .logo {
	display: block;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
	background: url(images/logo_588px.png) no-repeat left top;
	width: 196px;
	height: 59px;
	background-size: 196px 59px;
	margin: 0 auto 1rem auto;
}

.quiz.container h1 {
	text-align: center;
	color: #fff;
	border-bottom: 1px solid #666;
}

.quiz.signup.container h1 {
	color: #333;
	border-bottom: none;
}

.quiz.container h2, .quiz.container h3, .quiz.container h4  {
	text-align: center;
	color: #ccc;
}

.quiz.container h3.subtitle {
	margin: 0;
}

.quiz.container img#image {
	margin: 0 auto;
	display: block;
}

.quiz.container #answer {
	display: none; text-align: center; font-size: 130%; color: #fff;
}

.quiz.container #answer span#name {
	font-weight: bold;
}

.quiz.container #answer a {
	text-decoration: underline;
}

.quiz.container .byline {
	text-align: right;
	margin: -1rem 0 0 0;
	font-size: 90%;
	color: #666;
}

.quiz.signup.container .featuredimage img {
	margin-left: auto;
	margin-right: auto;
	max-height: 300px;
	width: auto;
}

.quiz.signup.container .description {
	text-align: center;
	max-width: 800px;
	margin: 0 auto;
}

.quiz.signup.container .embed_form label {
	color: #666;
}

.quiz.signup.container .embed_form .button {
	margin: 1rem 0 0 0;
	width: 100%;
	height: 38px;
}

.quiz.signup.container .embed_form #mce-responses {
	color: #666;
	text-align: center;
	font-weight: bold;
}

.quiz.signup.container .embed_form #mce-error-response {
	color: #6b331a;
}

.quiz.signup.container .embed_form #mce-success-response {
	color: #4f7e65 ;
}

.giftguide.container .with_frm_style .frm_primary_label {
	color: #eee;
	font-size: 2rem;
}

.giftguide.container h1 {
	margin: 0 0 2rem 0;
	padding: 0 0 1rem 0;
}

.giftguide.container .with_frm_style form {
	margin: 0;
}

.giftguide.container .with_frm_style .form-field.frm_display_format_buttons {
	border-bottom: 2px dashed #222;
	margin-bottom: 1.5rem;
	padding-bottom: 1rem;
}

.giftguide.container .frm_display_format_buttons .frm_label_button_container,
.giftguide.container .frm_style_formidable-style.with_frm_style .frm_submit button {
	font-family: "Arvo", Arial, Helvetica, sans-serif;
	display: inline-block;
	padding: 0.5rem 2rem;
	height: 34px;
	color: #fff;
	text-align: center;
	font-weight: 600;
	font-size: 1.4rem;
	letter-spacing: .2rem;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	background: #cf4e28;
	border-radius: 4px;
	border: 1px solid #cf4e28;
	cursor: pointer;
	box-sizing: border-box;
	line-height: 1.6;
	box-shadow: none;
}

.giftguide.container .frm_display_format_buttons .frm_label_button_container:hover,
.giftguide.container .frm_display_format_buttons .frm_radio input[type=radio]:checked + .frm_label_button_container,
.giftguide.container .frm_style_formidable-style.with_frm_style .frm_submit button:hover {
	box-shadow: none;
	color: #cf4e28;
	background: #fff;
	text-decoration: none;
	outline: 0;
	border-color: #cf4e28;
	opacity: 100% !important;
}

.giftguide.container .frm_style_formidable-style.with_frm_style .frm-show-form .frm_section_heading .frm_section_spacing {
	display: none;
}

.giftguide.container .frm_form_field .frm_radio .frm_label_button_container {
	opacity: 100%;
	transition: all 1s;
}

.giftguide.container .frm_form_field .frm_opt_container.selection .frm_radio:not(.selected) .frm_label_button_container {
	opacity: 25%;
}

.giftguide.container .frm_image_options .frm_opt_container {
	margin: 0;
	gap: 5%;
	width: 100%;
}

.giftguide.container .frm_radio.frm_image_option,
.giftguide.container .frm_form_field .frm_radio.frm_image_option + .frm_radio {
	margin: 0 0 2rem 0;
	width: 47.5% !important;
	opacity: 100%;
	transition: all 1s;
}

.giftguide.container .frm_form_field .frm_image_options .frm_opt_container.selection .frm_radio:not(.selected) {
	opacity: 25%;
}

.giftguide.container .frm_radio.frm_image_option label {
	margin: 0;
	padding: 0;
}

.giftguide.container .frm_radio.frm_image_option input[type=radio] {
	display: none !important;
}

.giftguide.container .frm_radio.frm_image_option .frm_image_option_container {
	background: none;
	border-radius: 50%;
	overflow: hidden;
	border: 1px solid #333;
	box-shadow: 0 0 1rem 0.5rem #666;
}

.giftguide.container .frm_radio.frm_image_option label:focus-within .frm_image_option_container,
.giftguide.container input[type="radio"]:checked + .frm_image_option_container {
	border-color: #cf4e28;
	box-shadow: 0 0 1rem 0.5rem #cf4e28;
}

.giftguide.container .frm_radio.frm_image_option .frm_image_option_container img {
	margin: 0;
	padding: 1rem;
	box-sizing: border-box;
	height: auto;
}

.giftguide.container .frm_radio.frm_image_option .frm_image_option_container img:hover {
	cursor: pointer;
}

.giftguide.container .frm_radio.frm_image_option label:focus-within .frm_image_option_container .frm_selected_checkmark,
.giftguide.container input[type="radio"]:checked + .frm_image_option_container .frm_selected_checkmark {
	display: none;
}

.giftguide.container .with_frm_style .frm_radio label {
	color: #999;
	font-size: 1.6rem;
}

.giftguide.container .with_frm_style .frm_submit {
	text-align: center;
}

.giftguide.container img.boximage {
	margin: 0 auto -4rem auto;
	width: 400px;
	max-width: 100%;
}

.giftguide.container .allgames img.boximage {
	margin: 0 auto -4rem auto;
	width: 400px;
}

.giftguide.container p {
	margin: 0;
	color: #ccc;
	text-align: center;
}

.giftguide.container #frm_field_78_container p {
	font-size: 1.6rem;
}

.giftguide.container p a {
	color: #999;
}

.giftguide.container .buttongroup {
	text-align: center;
	overflow: auto;
}

.giftguide.container .buttongroup .button {
	margin: 0 0.5rem 1.5rem 0.5rem;
}

.giftguide.container .nextlevel {
	margin: 2rem 0 0 0;
	background: #444;
	border-radius: 1rem;
	padding: 2rem;
	box-shadow: 0 0 1rem color(srgb 0 0 0 / 0.2);
}

.giftguide.container .nextlevel ul {
	list-style: none;
	margin: 0;
	text-align: center;
}

.giftguide.container .nextlevel ul li {
	margin: 0 0 1rem 0;
}

.giftguide.container .nextlevel ul li img {
	width: 200px;
	max-width: 100%;
	margin: 0 auto -1rem auto;
}

.giftguide.container .nextlevel ul li p a:hover {
	color: #999;
	text-decoration: underline;
}

.giftguide.container footer {
	background: none;
	border-top: 1px solid #666;
	margin: 2rem 0 0 0;
	padding: 2rem 0 0 0;
}

.giftguide.container footer .buttongroup .button {
	margin: 0;
}

.giftguide.container .allgames .row.flex {
	column-gap: 5%;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-end;
}

.giftguide.container .allgames .row.flex .column {
	width: 47.5%;
	margin: 0 0 2rem 0;
}

.giftguide.container .allgames .row.flex .column img.boximage {
	display: block;
	margin: 0 auto;
	width: 300px;
}

.giftguide.container .allgames .row.flex .column .button {
	height: 30px;
	font-size: 1.2rem;
	padding: 0.5rem 1rem;
}

.main .progresschart_cont {
	padding: 1rem;
	box-sizing: border-box;
	margin: 0 0 2rem 0;
	background: #fff;
	border: 1px solid #ccc;
}

.main .progresschart_cont .iconkeylink {
	text-align: right;
	font-size: 90%;
	margin: 0;
}

.main .progresschart table {
	width: 100%;
}

.main .progresschart thead, .main .progresschart tfoot {
	display: none;
}

.main .progresschart td {
	display: inline-block;
	border-bottom: none;
	padding: 0 0.5rem 0.8rem 0;
}

.main .progresschart td.game {
	font-weight: bold;
	display: block;
	padding-right: 0; 
}

.main .progresschart td.game .codename {
	font-size: 90%;
	color: #999;
	font-weight: normal;
}

.main .progresschart td.icon {
	width: 20px;
	height: 20px;
	padding-top: 2.5rem;
	background-position: left top;
	background-repeat: no-repeat;
}

.main .progresschart td.design, 
.main .progresschart span.icon.design, 
.main .progresschart_cont .iconkey li.design {
	background-image: url(images/feather/edit-3.svg);
	background-size: 20px 20px;
}

.main .progresschart td.art, 
.main .progresschart span.icon.art, 
.main .progresschart_cont .iconkey li.icon.art {
	background-image: url(images/feather/image.svg);
	background-size: 20px 20px;
}

.main .progresschart td.dev, 
.main .progresschart span.icon.dev, 
.main .progresschart_cont .iconkey li.icon.dev {
	background-image: url(images/feather/tool.svg);
	background-size: 20px 20px;
}

.main .progresschart td.test, 
.main .progresschart span.icon.test, 
.main .progresschart_cont .iconkey li.icon.test {
	background-image: url(images/feather/play.svg);
	background-size: 20px 20px;
}

.main .progresschart td.solo, 
.main .progresschart span.icon.solo, 
.main .progresschart_cont .iconkey li.icon.solo {
	background-image: url(images/feather/user.svg);
	background-size: 20px 20px;
}

.main .progresschart td.graphic, 
.main .progresschart span.icon.graphic, 
.main .progresschart_cont .iconkey li.icon.graphic {
	background-image: url(images/feather/monitor.svg);
	background-size: 20px 20px;
}

.main .progresschart td.pre, 
.main .progresschart span.icon.pre, 
.main .progresschart_cont .iconkey li.icon.pre {
	background-image: url(images/feather/file.svg);
	background-size: 20px 20px;
}

.main .progresschart td.bits, 
.main .progresschart span.icon.bits, 
.main .progresschart_cont .iconkey li.icon.bits {
	background-image: url(images/feather/map.svg);
	background-size: 20px 20px;
}

.main .progresschart td.print, 
.main .progresschart span.icon.print, 
.main .progresschart_cont .iconkey li.icon.print {
	background-image: url(images/feather/layers.svg);
	background-size: 20px 20px;
}

.main .progresschart td.freight, 
.main .progresschart span.icon.freight, 
.main .progresschart_cont .iconkey li.icon.freight {
	background-image: url(images/feather/package.svg);
	background-size: 20px 20px;
}

.main .progresschart td.preorder, 
.main .progresschart span.icon.preorder, 
.main .progresschart_cont .iconkey li.icon.preorder {
	background-image: url(images/feather/truck.svg);
	background-size: 20px 20px;
}

.main .progresschart span.icon.release, 
.main .progresschart_cont .iconkey li.icon.release {
	background-image: url(images/feather/shopping-cart.svg);
	background-size: 20px 20px;
}

.main .progresschart td span.circle {
	display: block;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 1px solid #666;
	box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
	box-sizing: border-box;
}

.main .progresschart td span.circle.green {
	background: #3B7302 url(images/feather/check.svg) no-repeat center center;
	border: 1px solid #214001;
}

.main .progresschart td span.circle.yellow {
	background: #F2B90C url(images/feather/rotate-ccw.svg) no-repeat center center;
	border: 1px solid #BF920A;
}

.main .progresschart td span.circle.red {
	background: #F22E2E url(images/feather/x.svg) no-repeat center center;
	border: 1px solid #BF2424;
}

.main .progresschart td.release {
	text-align: left;
	display: block;
	margin: 0 0 1rem;
}

.main .progresschart td.release br {
	display: none;
}

.main .progresschart td.release::before {
	content: 'Release Date: ';
	color: #999;
} 

.main .progresschart_cont .iconkey {
	background: #eee;
	border: 1px solid #ccc;
	padding: 1rem;
}

.main .progresschart_cont .iconkey h4 {
	margin: 0;
}

.main .progresschart_cont .iconkey ul {
	margin: 0;
}

.main .progresschart_cont .iconkey ul li {
	padding-left: 3rem;
	background-position: left top;
	background-repeat: no-repeat;
}

.main .wpgmza_sl_main_div select {
	padding: 0.5rem;
}

.main .wpgmza_sl_main_div > .wpgmza-address-container,
.main .wpgmza_sl_main_div > .wpgmza-keywords,
.main .wpgmza_sl_main_div > .wpgmza-radius-container {
	width: 30.6666666667%;
	margin-left: 4%;
	float: left;
	box-sizing: border-box;
}

.main .wpgmza_sl_main_div > .wpgmza-address-container {
	margin-left: 0;
}

.main .wpgmza_sl_main_div > .wpgmza-search,
.main .wpgmza_sl_main_div > .wpgmza-reset {
	display: inline-block;
	clear: both;
	margin: 0 1.5rem 0 0;
}

.main .sidebar ul {
	list-style: none;
	margin: 0;
}

.main .sidebar ul li.sidebaritem {
	background: #fff;
	border: 1px solid #ccc;
	padding: 1rem;
	margin-bottom: 1rem;
	-moz-border-radius:    5px;
	-webkit-border-radius: 5px;
	border-radius:         5px;
}

.main .sidebar ul li.sidebaritem h3 {
	color: #666;
	margin-bottom: 1rem;
}

.main .sidebar ul li.sidebaritem h4 {
	color: #666;
	margin-bottom: 0.5rem;
}

.main .sidebar ul li.sidebaritem p:last-child, .main .sidebar ul li.sidebaritem li:last-child, .main .sidebar ul li.sidebaritem form, .main .sidebar ul li.sidebaritem .button, .main .sidebar ul li.sidebaritem input[type="submit"], .main .sidebar ul li.sidebaritem form p#subscribe-email {
	margin-bottom: 0;
}

.main .sidebar ul li.sidebaritem form label span {
	display: none;
}

.main .sidebar ul li.sidebaritem form label input[type="search"], .main .sidebar ul li.sidebaritem form input[type="email"], .main .sidebar ul li.sidebaritem form #subscribe-email input {
	background: #eee;
	width: 100%;
	padding: 1rem;
	border: 1px solid #cf4e28;	
}

.main .sidebar ul li.sidebaritem ul {
	list-style: circle outside;
	margin: 0 0 0 2rem;
}

.main .sidebar ul li.sidebaritem.widget_recent_entries ul li a:visited {
	color: #ec673e;
}

.main .sidebar ul li.sidebaritem nav ul {
	list-style: none;
	margin: 0;
}

.main .sidebar ul li.sidebaritem.viticulture {
	background: #fff url(images/sidebar-game-viticulture.png) no-repeat right top; 
}

.main .sidebar ul li.sidebaritem.euphoria {
	background: #fff url(images/sidebar-game-euphoria.png) no-repeat right top; 
}

.main .sidebar ul li.sidebaritem.treasure {
	background: #fff url(images/sidebar-game-treasure.png) no-repeat right top; 
}

.main .sidebar ul li.sidebaritem.between {
	background: #fff url(images/sidebar-game-between.png) no-repeat right top; 
}

.main .sidebar ul li.sidebaritem.scythe {
	background: #fff url(images/sidebar-game-scythe.png) no-repeat right top; 
}

.main .sidebar ul li.sidebaritem.charterstone {
	background: #fff url(images/sidebar-game-charterstone.png) no-repeat right top; 
}

.main .sidebar ul li.sidebaritem.littlescythe {
	background: #fff url(images/sidebar-game-littlescythe.png) no-repeat right top; 
}

.main .sidebar ul li.sidebaritem.castles {
	background: #fff url(images/sidebar-game-castles.png) no-repeat right top; 
}

.main .sidebar ul li.sidebaritem.wingspan {
	background: #fff url(images/sidebar-game-wingspan.png) no-repeat right top; 
}

.main .sidebar ul li.sidebaritem.wyrmspan {
	background: #fff url(images/sidebar-game-wyrmspan.png) no-repeat right top; 
}

.main .sidebar ul li.sidebaritem.tapestry {
	background: #fff url(images/sidebar-game-tapestry.png) no-repeat right top; 
}

.main .sidebar ul li.sidebaritem.pendulum {
	background: #fff url(images/sidebar-game-pendulum.png) no-repeat right top; 
}

.main .sidebar ul li.sidebaritem.redrising {
	background: #fff url(images/sidebar-game-redrising.png) no-repeat right top; 
}

.main .sidebar ul li.sidebaritem.rolling {
	background: #fff url(images/sidebar-game-rolling.png) no-repeat right top; 
}

.main .sidebar ul li.sidebaritem.libertalia {
	background: #fff url(images/sidebar-game-libertalia.png) no-repeat right top; 
}

.main .sidebar ul li.sidebaritem.smitten {
	background: #fff url(images/sidebar-game-smitten.png) no-repeat right top; 
}

.main .sidebar ul li.sidebaritem.expeditions {
	background: #fff url(images/sidebar-game-expeditions.png) no-repeat right top; 
}

.main .sidebar ul li.sidebaritem.apiary {
	background: #fff url(images/sidebar-game-apiary.png) no-repeat right top; 
}

.main .sidebar ul li.sidebaritem.vantage {
	background: #fff url(images/sidebar-game-vantage.png) no-repeat right top; 
}

.main .sidebar ul li.sidebaritem.stamp {
	background: #fff url(images/sidebar-game-stamp.png) no-repeat right top; 
}

.main .sidebar ul li.sidebaritem.tokaido {
	background: #fff url(images/sidebar-game-tokaido.png) no-repeat right top; 
}

.main .sidebar ul li.sidebaritem.finspan {
	background: #fff url(images/sidebar-game-finspan.png) no-repeat right top; 
}

.main .sidebar ul li.sidebaritem.origin {
	background: #fff url(images/sidebar-game-origin.png) no-repeat right top; 
}

.main .sidebar ul li.sidebaritem.book {
    background: #fff url(images/sidebar-book.png) no-repeat right top;
}

.main .sidebar ul li.sidebaritem.contact {
    background: #fff url(images/sidebar-chat.png) no-repeat right top;
}

.main .sidebar ul li.sidebaritem.kickstarter {
    background: #fff url(images/sidebar-kickstarter.png) no-repeat right top;
}

.main .sidebar ul li.sidebaritem.champion {
    background: #fff url(images/sidebar-champion.png) no-repeat right top;
}

.main .sidebar ul li.sidebaritem.cart {
    background: #fff url(images/sidebar-cart.png) no-repeat right top;
}

.main .sidebar ul li.sidebaritem.news {
		background: #fff url(images/sidebar-news.png) no-repeat right top;
}

.main .sidebar ul li.sidebaritem.widget_calendar {
	display: none;
}

.main .sidebar .gallery figure.gallery-item {
	margin-bottom: 1rem;
}

.main .sidebar .gallery figure.gallery-item:last-child {
	margin-bottom: 0;	
}

.main .sidebar .gallery figure.gallery-item a {
	display: block;
}

.main .sidebar .gallery figure.gallery-item a img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}

.main .sidebar figure.gallery-item figcaption {
	margin-top: 0.5rem;
}

.main .sidebar ul li.sidebaritem.form form input[type="email"] {
	background: #fff;
}

.main .sidebar ul li.form .response {
	font-style: italic;
	margin: 0 0 1rem 0;
}

.main .sidebar ul li.form label.checkbox span {
	display: inline;
	margin: 0 0 0 0.5rem;
}

.main .sidebar ul li.form .gdprRequired {
	margin: 0;
}

.main .sidebar ul li.form .content__gdpr p {
	margin: 0 0 1em 0;
	font-size: 90%;
}

footer {
	background: #444;
	padding: 1rem 0;
	color: #fff;
}

footer h3 {
	color: #999;
	border-left: 4px solid #cf4e28;
	padding: 1rem;
	font-size: 2rem;
}

footer ul {
	list-style: none;
	margin: 0;
}

footer form.search-form label span {
	display: none;
}

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
  width: 100% !important;
}

.subfooter {
	background: #000;
	color: #666;
	padding: 1rem 0;
	font-size: 1.4rem;
}

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

.subfooter p {
	margin-bottom: 0;	
}

.subfooter nav ul {
	margin: 0;
	font-family: "PT Serif", Helvetica, Arial, sans-serif;
}

.subfooter nav ul li {
	margin: 0 1rem 0 0;
	display: inline;
}

.subfooter nav ul li:last-child {
	margin: 0;
}

.subfooter nav ul li.cookielink a.medium.cli-plugin-button {
	background: none !important;
	margin: 0 !important;
	padding: 0 !important;
	color: #cf4e28 !important;
	font-size: 1.4rem !important;
}

.subfooter nav ul li.cookielink a.medium.cli-plugin-button:hover {
	color: #999 !important;
}

.cli-bar-btn_container { /* Cookie Bar */
	padding-left: 4rem;
	background: url(images/privacyoptions29x14.png) no-repeat left 1rem center;
}



/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {

body {
	background: #ccc;
}

.container {
	background: #f5f5f5;
}

.preheader .container, footer .container, .subfooter .container {
	background: none;
}

.preheader nav.social ul {
	text-align: right;
}

.preheader nav.social ul li a {
	margin-left: 0.5rem;
}

header h2.logo {
	margin: 1rem 0;
	width: 100%;
	max-width: none;
	float: none;
}

header h2.logo a {
	background: url(images/logo_266px.png) no-repeat left top; /* Standard */
	/* background: url(images/logo_ears_266px.png) no-repeat left top; Cat Ears */
	padding-top: 114.286%;
	background-size: cover;
	-moz-background-size: cover;  /* Firefox 3.6 */
	background-position: center;  /* Internet Explorer 7/8 */
}

header nav.primary, header nav.games {
	display: block;
}

header nav ul {
	list-style-type: none;
	margin: 0;
}

header nav ul li {
	margin: 0;
}

header nav ul li a {
	display: inline-block;
}

header nav ul ul {
	display: none;
}

header nav.primary {
	margin: 1rem 0 0 0;
}

header nav.primary ul {
	text-align: right;
}

header nav.primary ul li {
	margin-bottom: 0.3rem;
}

header nav.primary ul li a {
	color: #999;
}

header nav.primary ul li a:hover,  header nav.primary ul.menu > li.current_page_item > a, header nav.primary ul li.current-page-ancestor >  a {
	color: #cf4e28;
	text-decoration: none;
}

header nav.games {
	background: 
		url(images/borderdouble-thick-grey.gif) repeat-x center top,
		url(images/borderdouble-thick-grey.gif) repeat-x center bottom;
	padding: 0;	
}

header nav.games ul {
	text-align: center;
	line-height: 3rem;
}
 
header nav.games ul li {
	display: inline;
}

header nav.games ul li a {
	padding: 1rem 0.5rem;
	color: #546360;
}

header nav.games ul li a:hover, header nav.games ul.menu > li.current_page_item > a, header nav.games ul.menu > li.current-page-ancestor > a {
	color: #cf4e28;
	text-decoration: none;
}

header nav.games ul.menu > li.current-page-ancestor.allgames > a {
	color: #546361;
}

header nav.games ul li:last-child a {
	border-right: none;
}

header nav.mobile, header nav.nav_sub {
	display: none;
}

.main.restrictwidth {
	max-width: 600px;
	margin: 0 auto;
}

.main .content img.alignleft {
	float: left;
	margin-right: 1rem;
}

.main .content img.alignright {
	float: right;
	margin-left: 1rem;
}

.main .content img.aligncenter {
	margin: 0 auto;
}

.main .gamedetails {
	margin-bottom: 2rem;
}

.main .gamedetails .buttons .button.purchase .title {
	display: none;
}

.main .gamedetails .availability p {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.main .gamedetails .prelaunchform form {
	margin: 0;
}

.main .gamedetails ul.subpages {
	display: none;
}

.main.ourgames .game .button {
	overflow: hidden;
}

.main .accessory-filter-form .checkboxes {
	gap: 2%;
}

.main .accessory-filter-form .checkboxes label {
	width: 32%;
}

.main .content .sharing li.facebooklike iframe {
	width: 100% !important;
}

body.page-template-template-barebones .main {
	padding-top: 3rem;
}

body.page-template-template-barebones .main .frm_forms form {
	padding: 3rem;
}

.quiz.container {
	margin: 0 auto 2rem auto;
	border-bottom-right-radius:         10px;
	border-bottom-left-radius:          10px;
}

.quiz.signup.container {
	box-shadow: 0 0 1rem #1111113f;
	max-width: 800px;
}

.quiz.signup.container .embed_form {
	max-width: 400px;
	margin: 0 auto;
}

.giftguide.container .with_frm_style .frm_primary_label {
	margin: 0 0 1rem 0;
}

.giftguide.container .frm_radio.frm_image_option, 
.giftguide.container .frm_form_field .frm_radio.frm_image_option + .frm_radio {
	margin: 0 0 2rem 0;
	width: 30% !important;
}

.giftguide.container .nextlevel ul {
	display: flex;
	flex-flow: column;
	justify-content: center;
	flex-direction: row;
	gap: 4%;
	align-items: flex-end;
}

.giftguide.container .nextlevel ul li {
	margin: 0;
	flex: 1;
	overflow: hidden;
}

.giftguide.container footer {
	margin: 3rem 0 0 0;
	padding: 3rem 0 0 0;
}

.giftguide.container .allgames .row.flex .column {
	width: 30%;
}

footer img {
	max-width: 100%;
	height: auto;
}

footer .three.columns {
	width: 100%;
	margin: 0;
}

.subfooter .byline {
	text-align: right;
}
	
}

/* Larger than tablet */
@media (min-width: 750px) {

header h2.logo a {
	background: url(images/logo_588px.png) no-repeat left top; /* Standard */
	/* background: url(images/logo_ears_588px.png) no-repeat left top; Logo Ears */
	padding-top: 30.272%; /* Standard */
	/* padding-top: 35.034%; Logo Ears */
	background-size: cover;
	-moz-background-size: cover;  /* Firefox 3.6 */
	background-position: center;  /* Internet Explorer 7/8 */
}

header nav ul li {
	display: inline;
	position: relative;
}

header nav ul li a {
	display: inline-block;
	padding: 0 1rem 0.5rem 1rem;
}

header nav ul li:hover ul {
	display: block;
	position: absolute;
	width: 14rem;
}

header nav.primary ul li:hover ul {
	top: 2rem;
	left: 0;
	z-index: 99;
	text-align: left;
	line-height: 1.5;
}

header nav.primary ul li:last-child ul {
	left: auto;
	right: 20px;
}

header nav.games ul li:hover ul {
	top: 2.5rem;
	left: 0rem;
	text-align: left;
	line-height: 2.4rem;
	z-index: 99;
}

header nav.primary ul li ul li a, 
header nav.games ul li ul li a  {
	padding: 0.5rem 1rem;
	background: #546360;
	border-bottom: 1px solid #444;
	width: 100%;
	color: #fff;
}

header nav.primary ul li ul li.secondary a, 
header nav.games ul li ul li.secondary a {
	background: #74807d;
}

header nav ul li ul li:first-child a {
	border-top: 1px solid #444;
}

header nav.primary ul li.current-page-ancestor ul li.current-page-ancestor a {
	color: #eee;
}

header nav.primary ul li ul li a:hover, header nav.games ul li ul li a:hover {
	background: #cf4e28;
	color: #fff;
}

.main h1 {
	margin-bottom: 2rem;
}

.main .content img.size-medium.alignleft, .main .content figure.wp-caption.alignleft {
	float: left;
	margin-right: 2rem;
}

.main .content img.size-medium.alignright, .main .content figure.wp-caption.alignright {
	float: right;
	margin-left: 2rem;
}

.main .content img.size-medium.aligncenter, .main .content figure.wp-caption.aligncenter {
	margin: 0 auto;
}

.main .content figure.gallery-item {
	margin: 0 2rem 2rem 0;
}

.main .content figure.gallery-item img, .main .content figure.gallery-item figcaption {
	width: 135px;
}

.main .featurecols h4 { 
	font-size: 2.7rem; 
}

.main .gamedetails .buttons .button.purchase .title {
	display: inline;
}

.main .gamedetails .prelaunchform form,
.main .newsletter form {
	padding: 2rem;
	margin: 0 0 2rem 0;
}

.page-template-template-quiz, 
.page-template-template-quiz-select,
.page-template-template-giftguide {
	background: #222 url(images/logo_200px_white10pc.png) no-repeat bottom -4rem center;
	padding: 0 0 330px 0;
}

.page-template-template-quiz-select.libertalia {
	background: #b8e6f5 url(images/bodybg14-libertalia2.jpg) no-repeat center top;
}

.page-template-template-quiz-select.vitiworld {
	background: #222 url(images/bodybg15-vitworld.jpg) no-repeat center top;
	background-size: cover;
	padding: 0 0 200px 0;	
}

.main .sidebar ul li.sidebaritem {
	margin: 0 0 2rem 0;
}

.main .progresschart_cont {
	max-width: 550px;
}

.main .progresschart_cont .iconkeylink {
	display: none;
}

.main .progresschart thead, .main .progresschart tfoot {
	display: table-header-group;
}

.main .progresschart th {
	display: table-cell;
	padding: 0 0.5rem 0.5rem 0.5rem;
	border-bottom: 1px solid #eee;
}

.main .progresschart th, .main .progresschart tfoot td {
	line-height: 1;
}

.main .progresschart th span.game, .main .progresschart tfoot span.game {
	display: none;
}

.main .progresschart th span.icon, .main .progresschart tfoot span.icon {
	display: inline-block;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
	width: 20px;
	height: 20px;
	background-position: center top;
	background-repeat: no-repeat;
	margin: 0;
}

.main .progresschart td {
	display: table-cell;
	padding: 0.3rem 0.5rem;
	border-bottom: 1px solid #eee;
}

.main .progresschart td.game {
	display: table-cell;
	padding-right: 0.5rem;
}

.main .progresschart td.icon {
	padding-top: 0;
	background: none;
}

.main .progresschart td.release {
	display: table-cell;
	text-align: center;
	font-size: 90%;
	line-height: 1.4;
	margin: 0;
}

.main .progresschart td.release br {
	display: inline;
}

.main .progresschart td.release::before {
	display: none;
}

.main .progresschart tfoot td {
	border-bottom: none;
	padding-top: 0;
}

.main .progresschart_cont .iconkey h4 {
	margin: 0 0 1rem 0;
	text-align: center;
}

.main .accessory-filter-form .checkboxes label {
	width: 23%;
}

.quiz.container h1 {
	font-size: 3.6rem;
	line-height: 1.25;
	letter-spacing: -.1rem;
}

.giftguide.container .frm_image_options .frm_opt_container {
	gap: 3%;
}

.giftguide.container .frm_radio.frm_image_option, 
.giftguide.container .frm_form_field .frm_radio.frm_image_option + .frm_radio {
	width: 22.75% !important;
}

.giftguide.container .allgames .row.flex .column {
	margin: 0 0 3rem 0;
}

.giftguide.container .with_frm_style .form-field.frm_display_format_buttons {
	margin-bottom: 2.5rem;
	padding-bottom: 2rem;
}

.giftguide.container .allgames .row.flex .column img.boximage {
	margin: 0 auto -2rem auto;
}

footer {
	padding: 2rem 0 1rem 0;
}

footer .three.columns {
	width: 22%;
	margin-left: 4%;
}

footer .three.columns:first-child {
	margin-left: 0;	
}

}

/* Larger than desktop */
@media (min-width: 1000px) {
	
/*

body {
	background: #fff url(images/bodybg03-charterstone.jpg) no-repeat center top fixed;
}
*/

.container {
	background: rgba(255, 255, 255, 0.96);
}

.preheader {
	background: rgba(207, 78, 40, 0.9);
}

.preheader .container, footer .container, .subfooter .container {
	background: none;
}

header nav ul li:hover ul {
	width: 18rem;
}

header nav ul#menu-primary-menu > li {
	background: url(images/navslash.png) no-repeat right top;
	padding-right: 1rem;
}

header nav ul#menu-primary-menu > li:last-child {
	background: none;
	padding-right: 0;
}

header nav.games {
	padding: 0;	
}

header nav.games > ul.menu > li > a {
	height: 36px;
	padding: 1.6rem 1.4rem 1.2rem 3.6rem;
    background-position: 0px 14px;
	background-repeat: no-repeat; 
}

header nav.games > ul.menu > li > a:hover, header nav.games > ul.menu > li.current_page_item > a, header nav.games > ul.menu > li.current-page-ancestor > a, header nav.games > ul.menu > li:hover > a {
	background-position: 0px -86px;
	color: #cf4e28;
}

header nav.games ul.menu > li.current-page-ancestor.allgames > a {
	background-position: 0px 14px;
}

header nav.games ul.menu li.viticulture > a {
	background-image: url(images/icon-game-viticulture-sprite.png);
}

header nav.games ul.menu li.euphoria > a {
	background-image: url(images/icon-game-euphoria-sprite.png);
}

header nav.games ul.menu li.treasure > a {
	background-image: url(images/icon-game-treasure-sprite.png);
}

header nav.games ul.menu li.between > a {
	background-image: url(images/icon-game-between-sprite.png);
}

header nav.games ul.menu li.scythe > a {
	background-image: url(images/icon-game-scythe-sprite.png);
}

header nav.games ul.menu li.charterstone > a {
	background-image: url(images/icon-game-charterstone-sprite.png);
}

header nav.games ul.menu li.littlescythe > a {
	background-image: url(images/icon-game-littlescythe-sprite.png);
}

header nav.games ul.menu li.castles > a {
	background-image: url(images/icon-game-castles-sprite.png);
}

header nav.games ul.menu li.wingspan > a {
	background-image: url(images/icon-game-wingspan-sprite.png);
}

header nav.games ul.menu li.wyrmspan > a {
	background-image: url(images/icon-game-wyrmspan-sprite.png);
}

header nav.games ul.menu li.tapestry > a {
	background-image: url(images/icon-game-tapestry-sprite.png);
}

header nav.games ul.menu li.pendulum > a {
	background-image: url(images/icon-game-pendulum-sprite.png);
}

header nav.games ul.menu li.redrising > a {
	background-image: url(images/icon-game-redrising-sprite.png);
}

header nav.games ul.menu li.rolling > a {
	background-image: url(images/icon-game-rolling-sprite.png);
}

header nav.games ul.menu li.libertalia > a {
	background-image: url(images/icon-game-libertalia-sprite.png);
}

header nav.games ul.menu li.smitten > a {
	background-image: url(images/icon-game-smitten-sprite.png);
}

header nav.games ul.menu li.expeditions > a {
	background-image: url(images/icon-game-expeditions-sprite.png);
}

header nav.games ul.menu li.apiary > a {
	background-image: url(images/icon-game-apiary-sprite.png);
}

header nav.games ul.menu li.vantage > a {
	background-image: url(images/icon-game-vantage-sprite.png);
}

header nav.games ul.menu li.stamp > a {
	background-image: url(images/icon-game-stamp-sprite.png);
}

header nav.games ul.menu li.tokaido > a {
	background-image: url(images/icon-game-tokaido-sprite.png);
}

header nav.games ul.menu li.finspan > a {
	background-image: url(images/icon-game-finspan-sprite.png);
}

header nav.games ul.menu li.origin > a {
	background-image: url(images/icon-game-origin-sprite.png);
}

header nav.games ul.menu li.allgames > a {
	background-image: url(images/icon-game-allgames-sprite.png);
}

header nav.games ul li:hover ul {
	top: 3rem;
}

.main .content img.alignleft, .main .content figure.wp-caption.alignleft {
	margin-right: 2rem;
}

.main .content img.alignright, .main .content figure.wp-caption.alignright {
	margin-left: 2rem;
}

.main .gamedetails {
	padding: 2rem;
}

.main .gamedetails h2 {
  font-size: 3rem;
}

.main .gamedetails p {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  font-size: 1.7rem;
}

.page-id-1704 .main .gamedetails p.designer, .page-id-1282 .main .gamedetails p.designer, .page-id-4582 .main .gamedetails p.designer, .page-id-4773 .main .gamedetails p.designer, .page-id-7837 .main .gamedetails p.designer, .page-id-11662 .main .gamedetails p.designer, .page-id-12216 .main .gamedetails p.designer, .page-id-12882 .main .gamedetails p.designer {
	padding-bottom: 5rem;
}

.main .gamedetails .buttons {
	margin-bottom: 1.5rem;
	padding-bottom: 0.5rem;
}

.main .gamedetails .buttons .button.purchase del {
	display: inline;
}

.main .gamedetails .availability p a {
	margin: 1rem 0 0 0;
}

.main .sidebar ul li.sidebaritem.widget_calendar {
	display: block;
}

.main .sidebar ul li.sidebaritem.widget_calendar table {
	margin: 0 auto;
}

.quiz.signup.container {
	padding-top: 9rem;
	background: #fff url(images/logo_400px.png) no-repeat top 2rem center;
	background-size: 200px 61px;
}

.giftguide.container .with_frm_style .frm_primary_label {
	font-size: 2.4rem;
}

.giftguide.container .frm_display_format_buttons .frm_label_button_container, .giftguide.container .frm_style_formidable-style.with_frm_style .frm_submit button {
	height: 39px;
	font-size: 1.8rem;
}

.giftguide.container .frm_style_formidable-style.with_frm_style .frm-show-form .frm_section_heading .frm_section_spacing {
	font-size: 3rem;
	margin: 1rem 0 2rem 0;
	padding: 2rem 0 0 0;
}

.giftguide.container .with_frm_style .frm_radio label {
	font-size: 1.8rem;
}

.giftguide.container .with_frm_style #frm_field_56_container .frm_opt_container {
	display: block;
}

.giftguide.container .with_frm_style #frm_field_56_container .frm_radio {
	display: inline-block;
	margin: 0 1rem 0 0;
}

.giftguide.container .with_frm_style #frm_field_56_container .frm_radio label {
	display: inline;
}

.giftguide.container .allgames .row.flex .column {
	width: 16%;
}

.giftguide.container .allgames h2 {
	margin: 2rem 0;
}

.giftguide.container .allgames .row.flex .column img.boximage {
	margin: 0 auto 0rem auto;
}

footer {
	background: rgba(68, 68, 68, 0.9);
}

}

/* Final width */
@media (min-width: 1060px) {

.main .content figure.gallery-item:nth-child(4n+4) {
	margin-right: 0;
}

.main .sidebar ul li.sidebaritem {
	padding: 2rem;
}

.main.home .sidebar ul li.sidebaritem {
  min-height: 190px;
}


}