.gm-article {
	font-size: 1rem;
	margin-bottom: 1rem;
	padding-left: 0.5em;
	padding-right: 0.5em;
}
.gm-article h1, .gm-article h2, .gm-article h3, .gm-article h4 {
	display: block;
	margin-top: 1rem;
}
.gm-article sup {
	font-size: smaller;
}
.gm-article ol {
	list-style: decimal;
	margin-left: 1.5em;
}
.gm-article ul {
	list-style: disc;
	margin-left: 1.5em;
}
.gm-article audio {
	width: 100%;
}
.gm-article header {
	margin-bottom: 1.5rem;
}
.gm-article header h1 {
	margin-bottom: 1rem;
}
.gm-article header img {
	height: 60px;
	width: 60px;
}
.gm-article h2 {
	font-size: 24px;
	border: none !important;
}
.gm-article p {
	margin: 0.6rem auto;
}
.gm-article a {
	word-break: break-word;
}
.gm-article em {
	font-style: italic;
}
.gm-article table {
	margin: 0;
}
.gm-article table tbody td {
	padding: 2px;
}
.gm-article .cardimg {
	margin: 1rem;
}
.gm-article td>.cardimg {
	margin: 0;
}
.gm-article .aligncenter {
	display: block;
	margin: 1rem auto;
}
.gm-article hr {
	border-top: 1px solid lightgray;
	color: #fff;
	background-color: #fff;
	margin: 1rem auto;
}
.gm-article a.card-tip {
	white-space: pre;
	position: relative;
	padding: 1px;
}
.gm-article a.card-tip:hover {
	border: 1px dashed grey;
	border-radius: 5px;
	padding: 0px;
}
.gm-article .spoiler { background: gray; cursor: pointer; color: transparent; }
.gm-article .spoiler > * { opacity: 0; }

.gm-article-title {
	font-size: 3rem;
	/* text-transform: uppercase; */
	line-height: 48px;
}
.gm-article-byline {
	display: block;
	font-size: smaller;
	font-weight: bold;
	font-size: 18px;
}
.gm-article-byline img {
	border: 1px solid lightgray;
}
.gm-article section h4 {
	font-size: 2rem;
}
.gm-article .mana-symbols img {
	padding: auto 1px;
}
.gm-article section .gm-deck h4 {
	font-size: 18pt;
}
.gm-article section .gm-deck div {
	display: inline-block;
	vertical-align: top;
}
.gm-article section .gm-deck.row, .gm-article section .gm-deck div.row {
	display: block;
}
.gm-article section .gm-deck .card-list {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}
.gm-article section .gm-deck .card-list, .gm-article section .gm-deck .card-display-column {
	min-height: 350px;
}
.gm-article section .gm-deck .card-list ul {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
	list-style: none;
	margin: 0;
	display: inherit;
	padding-left: 0;
}
.gm-article section .gm-deck .card-list ul:not(:first-of-type) {
	margin-top: 0.4rem;
}
.gm-article section .gm-deck .card-list li:not(.card-type) {
	padding-left: 1rem;
	text-indent: -0.8rem;
}
.gm-article section .gm-deck .card-type {
	margin: 0.2rem;
	display: inline;
	font-weight: bold;
}
.gm-article section .gm-deck .card-display {
	margin-left: 1rem;
	width: 223px;
	height: 310px;
	/*background: #fff url(http://s3.gatheringmagic.com/images/card-223.jpg) no-repeat center center;*/
	position: sticky;
	top: 5px;
}
.gm-article section .gm-deck .card-display-column .card-display {
	width: unset;
}
.gm-article section .gm-deck .deck-action-buttons {
	display: grid;
	grid-template: "a a a";
	text-align: left;
	width: 50%;
	margin-left: 0;
}
.gm-article section .gm-deck .deck-action-buttons > * {
	margin-right: 0.3rem;
}
.gm-article-tags {
	background-color: #f8f8f8;
	border: 1px solid lightgray;
	padding: 0.5rem;
}
.gm-article-tags a {
	text-transform: capitalize;
}
.gm-article-tags span:first-child  {
	text-transform: uppercase;
	font-weight: bold;
	color: #00303f;
	margin-right: 1rem;
}
.gm-article-sidebar {
	z-index: 1;
}
.gm-article-sidebox {
	background-color: #f8f8f8;
	border: 1px solid lightgray;
	/*border-top: none;*/
	margin-bottom: 1.2em !important;
}
.gm-article-sidebox .blue-bar {
	margin-bottom: 0px;
}
.gm-article-sidebox .blue-bar.blue-alt {
	background-color: #00303F;
}
/*
.gm-article-sidebox>h1:first-of-type,
.gm-article-sidebox>h1:last-of-type {
	display: block;
	background-color: #1087ad;
	color: white;
	padding: 0.3em;
	padding-left: 0.5em;
}
*/
.gm-article-sidebox>h1:last-child {
	font-size: 1.1em;
	padding-top: 0;
	padding-bottom: 0;
}
.gm-article-sidebox>h1:last-child a {
	color: white;
}
.gm-article-sidebox .gm-article-preview-list {
	background-color: white;
	padding-bottom: 0;
}
.gm-article-sidebox .gm-article-preview-list li:nth-of-type(even) {
	background-color: #f8f8f8;
}
.gm-article-sidebox .gm-article-preview-list li {
	padding-top: 0.7rem;
	padding-left: 0.6em;
}
.gm-article-follow-buttons {
	font-size: 2em;
}
.gm-article-share-buttons {
	display: flex;
	justify-content: left;
	margin-top: 5px;
}
.gm-article-share-buttons > span {
	margin-right: 5px;
}
.gm-article-share-buttons .reddit {
	margin-top: 3px;
}
.gm-article-share-buttons .reddit a {
	color: white;
	background-color: #ff4500;
	line-height: 12px;
	font-size: 10pt;
	border-radius: 3px;
	padding: 1px 5px;
}
.gm-article-share-buttons .reddit a:hover {
	background-color: #c93600;
}

#gm-search-box {
	width: 90%;
	margin: 1rem auto;
}
#gm-search {
	background: linear-gradient(to right, #1293b3 0%,#10739d 100%);
	border-radius: 5px;
	padding: 0.1rem 0.7rem;
	margin: 0.3rem auto;
}
#gm-search label {
	color: white;
	display: block;
	font-weight: bold;
	font-size: 120%;
}
#gm-search input, #gm-search select {
	border-radius: 5px;
}
#gm-search button {
	margin: 0 0;
	width: 100% !important;
}
#gm-search .select2-selection {
	height: 28px;
}

.fb-comments {
	z-index: 2;
}

.article-search-results {
	margin: 1rem auto;
	min-height: 20rem;
}
.card-tip-display {
	background-color: white;
	border: 5px solid white;
	border-radius: 4px;
	box-shadow: 1px 1px 5px 1px gray;
	text-align: center;
}

.page-listing {
	margin: 1rem auto;
	text-align: center;
}
.page-listing a, .page-listing span {
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
}

.p { margin: 1rem auto; }

span.author, span.date-published { color: #707070; }

#copydecklistmodal {
	height: 60%;
	width: 500px;
}
#copydecklistmodal textarea {
	resize: none;
	height: calc(100% - 55px);
}