/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

html,
button,
input,
select,
textarea {
    color: #222;
}

.s3 button:focus, .s4 button:focus { border: none; outline: 0; outline: none; }
.s3 button::-moz-focus-inner, .s4 button::-moz-focus-inner { border: 0; }



html {
    font-size: 1em;
    line-height: 1.4;
}
html.boxshadow { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
/*
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}
*/
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body { font: 400 14px/1.3 Helvetica, Arial, sans-serif; color: #666; }
.grid-container { max-width: none; }
header, section {  margin: 0 auto; position: relative; }
a { text-decoration: none; }
.content { max-width: 1400px; margin: 0 auto; }
.tar { text-align: right }
.tal { text-align: left }
.tac { text-align: center }
.ttu { text-transform: uppercase; }
.hide-text { text-indent: 100%; overflow: hidden; white-space: nowrap; }
.onload .sticky-wrapper { height: auto !important; }
.table { display: table; height: 100%; width: 100%; }
.stall { position: absolute !important; top: 0; left: 0; }
.cloak { visibility: hidden; }
.zup { z-index: 1 !important; }
.ts{ text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7); }
.dt { display: table; }
.dtc { display: table-cell; }
.vam { vertical-align: middle; }

.s0 { background: #222; border-bottom: 1px solid #000; } 
.s0 .content { position: relative; height: width: 100%; max-width: 100%; overflow: hidden; }
.s0 .copy { background: url(../_i/ajax-loader-dark.gif) center center no-repeat; height: 60px; }


.s1 { background: #222; border-bottom: 1px solid #000; color: #f9f9f9; padding: 5px 0 0 0; display: none; }
.s1 .content { position: relative; height: width: 100%; max-width: 100%; overflow: hidden; }
.s1 .copy { margin: 0 auto; max-width: 1024px; position: relative; z-index: 2; height: 100%; }
.s1 .copy #selector { display: inline-block; padding: 7px 12px; }
.s1 .copy .options { display: inline-block; padding: 7px 12px; }
.s1 .copy .options ul li { display: inline-block; padding: 0 5px 0 0; }
.s1 .copy .triggers { padding: 7px 12px 12px; color: #888; }
.s1 h3 { font: 400 14px/1.3 Helvetica, Arial, sans-serif; margin: 0 0 5px 0; }
.s1 label { padding: 5px 0 0 1px; }
.s1 a { color: #eaab4e; }
.s1 a:hover { color: #fff; }

.s1 #ppform { position: absolute; top: 7px; right: 7px; }

.s1 .buttons { float: right; }


.s2 { background: #fff; color: #222; }
.s2 .content { position: relative; height: width: 100%; max-width: 100%; overflow: hidden; }
.s2 .copy { margin: 0 auto; max-width: 1024px; position: relative; z-index: 2; height: 100%; padding: 12px; }
.s2 th, .s2 td { padding: 6px 9px; font-weight: normal; }

#total { font-weight: bold; border-bottom: 1px solid #222; margin: 0 0 6px 0; display: none !important; }


#footer { clear: both; margin: 0 auto; max-width: 1024px; position: relative; padding: 14px 0; color: #222; border-top: 1px solid #222; }
#footer p { padding: 4px 12px; }
	

.text-grid-inner { display: flex; flex-wrap: wrap; }
.grq {
    width: calc(33% - 50px);
    padding: 23px;
    border: 1px solid #ddd;
    margin: -1px;

}
.grq .card-text-mana-cost { display: block; }
.grq div { padding: 8px 0; }

/* transitions */


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media screen and (min-width: 1680px) {
}
@media screen and (min-width: 1440px) {
}
@media screen and (max-width: 1440px) {
}
@media screen and (min-width: 1401px) {
}
@media screen and (max-width: 1199px) {
}
@media screen and (max-width: 1023px) {
}
@media screen and (max-width: 980px) {
}
@media screen and (max-width: 938px) {
}
@media screen and (max-width: 850px) {
	.grq {
		width: calc(50% - 50px);
	}
}
@media screen and (max-width: 825px) {
}
@media screen and (max-width: 767px) {
	.s1 .copy { padding: 20px 0 0 0; }
	.s1 .copy #selector, .s1 .copy .options { display: block; }
	select#edition { width: 100% !important; }
	table thead, table tr:first-child { display: none; }
	table tr { border-bottom: 5px solid #fff; }
    table.mobile td {
      display: block;
      text-align: right;
    }
	table.mobile td:before {
		content: attr(data-label);
		float: left;
	}

}
@media screen and (max-width: 680px) {
}
@media screen and (max-width: 620px) {
}
@media screen and (max-width: 510px) {
}
@media screen and (max-width: 480px) {
	.s1 .copy .options ul li { display: block; padding: 0 0 8px 0; }
	.s2 { font-size: 88%; }
	.grq {
		width: calc(100% - 50px);
	}
}
@media screen and (max-width: 370px) {
}
@media screen and (min-width: 0px) {
    .no-touch *:focus { outline: 0; box-shadow: none; }
    .touch *:focus { outline: 0; box-shadow: none; }
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;

    }
	#setJustGot, #setJustGot  *, iframe, body, div {
		font-family: Helvetica, Arial, sans-serif !important;
	}
    a,
    a:visited {
        text-decoration: underline;
		text-decoration: none !important;
		color: #000 !important;
    }

    a[href]:after {
        content: " (" attr(href) ")";
		content: "";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
		content: "";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
	.text-grid-inner { display: block; }
	.grq {
		width: 100%;
		padding: 0;
		border: none;
		margin: 20px;
		display: block;
	}
}