:root {
    --accent: #a6a57c;
}

/** commento specific **/
.commento-root .commento-round-check input[type=checkbox]:checked+label:before,
.commento-root .commento-round-check input[type=radio]:checked+label:before {
  background: var(--accent) !important;
  border: 1px solid var(--accent) !important;
}

.commento-root .commento-markdown-help tr td pre {
  padding: 0 !important;
}

.commento-button {
  color: white !important;
  background: var(--accent) !important;
}

.commento-google-button:before {
   content: "\f1a0";
   font-family: FontAwesome;
   display: inline-block;
   padding-right: 3px;
   vertical-align: middle;
}
.commento-github-button:before {
   content: "\f09b";
   font-family: FontAwesome;
   display: inline-block;
   padding-right: 3px;
   vertical-align: middle;
}
.commento-twitter-button:before {
   content: "\f099";
   font-family: FontAwesome;
   display: inline-block;
   padding-right: 3px;
   vertical-align: middle;
}

.commento-oauth-buttons button {
  width: auto !important;
}

.commento-root a,
.commento-email-button {
  color: var(--accent) !important;
}

.commento-name {
  font-size: 14pt !important;    
}

.commento-root .commento-card .commento-body p,
.commento-root textarea {
  font-size: 12pt !important;  
}

.commento-root *,
.commento-root-font * {
  line-height: 1.7 !important;
  color: #333;
  text-align: left !important;
}

.commento-root .commento-card .commento-name {
  font-size: 14pt !important;
}


/* pm wiki conversion styles */

.rfloat {
	float: right;
}

/* hugo theme custom stuff */

img.full {
	width: 100% !important;
}

html, body {
	height: 100%;
}

body {
	background-color: #f1f4dd;
	line-height: 1.7;
}

.content-column-content {
	font-size: 14pt;
}

#csslink {
	position: absolute;
	right: 0;
	z-index: 99;
	visibility: hidden;
}

footer {
	position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
    height: 140px;
    visibility: hidden;
}

@media only screen and (min-width: 1200px) {
	footer, #csslink {
		visibility: visible;
	}
}

footer .img-responsive {
	margin: 0;
}

.content-column, .sidebar-content {
	padding-top: 30px;
}

body, .content-column-content p, .content-column-content li, .box-masonry .box-masonry-text p {
	color: #363636;
}

.sidebar-menu li {
	padding-top: 8px;
	padding-bottom: 8px;
	border: 1px solid #d7d7a3;
	padding-left: 20px;
	margin: 0;
	cursor: pointer;
}

a.internal {
	cursor: pointer;
}

.sidebar-menu li:hover {
	/* background randomly set in script */
	border: 1px solid #a6a57c;
}

.sidebar-game-platform {
	position: absolute;
	top: 0px;
	border: 1px solid black;
}

.sidebar-header {
	font-weight: bold;
	padding-top: 10px;
	padding-left: 10px;
}

.sidebar-date {
	color: grey;
	font-size: 9pt;
}

.sidebar-header img {
	float: right;
}

.content-column-content img {
	cursor: pointer;
	border: 1px solid black;
}

.content-column-content a:hover {
	text-decoration: none;
}

.content-column-content a:not([href]) {
	padding-right: 0;
	background-image: none;
}

.content-column-content a {
    background-image: url(/img/external.png);
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 13px;
    border-bottom: 1px dotted #526A43;
}

.modal-header {
	display: none;
}

.content-column-content p {
	text-align: justify !important;
}

a, .box-masonry h4 a {
    color:#c7532d;
    text-decoration: none;
}

a:hover, .box-masonry h4 a:hover {
    color:#c7532d;
    background-color: #d1d3bd;
} 

.container-fluid {
	padding-left: 0;
	height: 100%;
}

.sidebar-content {
	border-right: 5px solid #a6a57c;
	position: unset;
	width: 100%;
}

#sidebar {
	padding: 0;
	height: 100%;
	overflow: auto;
	vertical-align: top;
	display: inline-block;
	padding-left: 10px;
}

.content-column.white-background {
	height: 100%;
	display: inline-block;
	overflow: auto;
	background: none;
}

.content-column {
	padding-left: 30px;
}

.content-column div.row {
	padding-bottom: 14px;
}

#sidebar, .sidebar-content {
	background-color: #d7d7a3;
}

#sidebar hr {
	border-top: 1px solid #a6a57c;
}

.sidebar-game-info {
	background-color: #e6ecb2;
	border: 1px solid #a6a57c;
}

.box-masonry {
	background-color: #d9e7ac;
	border: 1px solid #a6a57c;
}

.img-inactive {
	display: block;
}

.img-active {
	display: none;
}

.box-masonry:hover {
  box-shadow: 0 0 5px black;
}
.box-masonry:hover .box-masonry-hover-text-header {
  opacity: 1;
}
.box-masonry:hover .box-masonry-hover-center {
  opacity: 1;
}
.box-masonry .box-masonry-image {
	background: none;
	padding-top: 10px;
}
.box-masonry:hover .box-masonry-image.with-hover-overlay:before {
  opacity: 0.3;
}
.box-masonry:hover .box-masonry-image.with-hover-icon:after {
  opacity: 1;
}