/* STICKY HEADER (FOR PC ONLY) */
@media screen and (min-width: 2000px) {
#masthead {
    height:288px;
    z-index:170;
    width:100%;
    position:fixed;
    top:0;
    left:0;
    right:0;
}
#primary {
	padding-top: 280px;
}
}

/* BACKGROUND COLOR (DECIMAL IS OPACITY) */
#main.site-main {
    background-color: rgba(0, 0, 0, 0.80);
}
		body {
		background-image: url("https://foursoulsspoiler.net/wp-content/uploads/2021/06/black-background.jpg");
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: center;
		background-repeat: repeat;
}

/* MENU COLOR */
.main-navigation {
    background: #080808;
}
.main-navigation li.menu-item a {
		color: #ededed;
}

/* LINK COLORS */
.entry-content a, .entry-content a:visited {
		color: #B4B4B4;
		text-decoration: none;
}
.entry-content a:hover, .entry-content a:focus, .entry-content a:active {
 		color: #BE1F1C;
}

/* BODY TEXT COLORS */
#content, #content input, #content textarea {
		color: #ededed;
}

/* LATEST POSTS FOOTER COLOR */
.wp-block-latest-posts.wp-block-latest-posts__list {
	color: #ededed;
}

/* PORTFOLIO THUMBNAIL PADDING AND DISPLAY COLUMNS */
#content {
		padding-top: .5em;
}
#projects article {
		background: #000000;
		margin: 4px 0px; 
		width: 20%;
}

project-thumbnail {
		background: none;
}

/* PORTFOLIO THUMBNAIL REMOVE BACKGROUND IMAGE AND CHANGE HEIGHT? */
.project-thumbnail {
		clip-path: inset(1% 4% round 4%);
}

/* EDIT PAGE TITLE */
.page .entry-header {
		text-align: center;
		font-weight: normal;
}

/* EDIT PROJECT PAGE TITLE */
.page-title {
		font-size:  2.00em;
		text-align: center;
    color: #BE1F1C;
		margin: 5px;
}

/* CENTER POST, REMOVE LEFT SIDE BAR TAGS AND DATE */
.single .entry-meta-wrap {
    float: none;
    margin-right: 0%;
    width: 0%;
    display: none;
}
.single .entry-header {
    float: none;
    margin-left: 0;
    width: 100%;
}
.single .entry-content-wrap {
    float: none;
    overflow: hidden;
    width: 80%;
}
.entry-content-wrap{
		margin: auto;
}
.post-navigation {
    display: none;
}

/* CENTER COMMENTS SECTION */
#comments {
		width: 90%;
}

/* CENTER IMAGE/TABLE CAPTIONS*/
figcaption {
    text-align: center;
		font-size:12pt;
}

/* HIDE TITLE CATEGORY ON UPDATES */
.page-title {
		display: none;
}
.entry-title {
		text-align: center;
}
.featured-image img {
		display: none;
}

/* HIDE TITLE ON CARD PAGES */
.single .entry-header {
    display: none;
}

/* MOBILE DEVICE ADJUSTMENTS */
@media screen and (max-width: 800px) {
#projects article {
		margin: 4px 0px 4px; 
		width: 33%;
}
.main-navigation {
    background-color: #252525;
		border: 2px solid #000000;
}
.menu-toggle {
    color: #ededed;
}

.main-navigation li.menu-item {
		background-color: #CC3333 !important;
}
.main-navigation li.menu-item a {
		background-color: #0e0e0e;
    color: #ededed;
}
.main-navigation .current-menu-item a {
		background-color: #252525 !important;
		color:#BE1F1C !important ;
}
}

/* BASIC TABLES DESIGN */
table.basicTable {
		font-size: 16px;
  	border-collapse: collapse;
		line-height: 1.4;
	  table-layout:fixed;
		width: 50%;
		margin-left: auto;
		margin-right: auto;
  	border: 2px solid #303030;
  	border-collapse: collapse;
	  	background-color: #383838;
}
@media screen and (max-width: 800px) {
	table.basicTable {
		width: 100% !important;
	}
}
table.basicTable th {
  	background-color: #181818;
		text-align: center;
}
table.basicTable td {
  	background: #404040;
  	border: 2px solid #303030;
  	padding: 4px;
		vertical-align: middle;
		color: #ededed;
		text-align: center;
}
table.basicTable td:nth-child(1) {
  	background: #383838;
}

/* CARD DESCRIPTION TABLE DESIGN */
table.cardDescription {
		font-size: 16px;
  	border-collapse: collapse;
		line-height: 1.4;
	}
table.cardDescription td, table.cardDescription th {
  	border: 2px solid #303030;
  	padding: 4px;
		vertical-align: middle;
		color: #ededed;
	}
table.cardDescription td:nth-child(odd) {
		width: 40%;
  	background: #383838;
		text-align: center;
	}
table.cardDescription td:nth-child(even) {
		width: 60%;
		text-align: center;
  	background: #404040;
	}

@media screen and (max-width: 800px) {
table.cardDescription {
		font-size: 14px;
	}
table.cardDescription td:nth-child(odd) {
		width: 20%;
	}
table.cardDescription td:nth-child(even) {
		width: 80%;
	}
}

/* DECK RATIO TABLE DESIGN */
table.deckRatios {
		font-size: 16px;
  	background-color: #383838;
  	width: 80%;
  	border-collapse: collapse;
		margin-left: auto;
		margin-right: auto;
}
table.deckRatios td, table.deckRatios th {
  	border: 2px solid #303030;
  	padding: 4px 8px;
		vertical-align: middle;
		color: #ededed;
}
table.deckRatios th {
  	background-color: #181818;
}
table.deckRatios td:nth-child(odd) {
		width: 40%;
  	background: #383838;
		text-align:right;
}
table.deckRatios td:nth-child(even) {
		width: 60%;
		text-align:left;
  	background: #404040;
}
/* CARD HEALTH BOX (CHARACTERS AND MONSTERS) */
span.healthBox {
		display:inline-block;
		margin-top:4px;
		margin-bottom:8px;
		padding-left:4px;
		padding-right:4px;
		border:2px solid #999999;
		font-size:18pt;
}

/* CARD TEXT PADDING */
td.cardText {
		height:100px !important;
		padding-top:20px !important;
		padding-bottom:20px !important;
}

/* CARD REWARD SECTION */
div.rewardSection {
 		display: flex;
  	justify-content: space-between;
		padding-left: 25%;
		padding-right: 25%;
}
@media screen and (max-width: 800px) {
	div.rewardSection {
		padding-left: 10%;
		padding-right: 10%;
	}
}

/* INDIVIDUAL CARD PAGE IMAGES */
.entry-content .wp-block-image.roundedCorners img{
		display: block;
 		margin-left: auto;
  	margin-right: auto;
		margin-bottom:8px;
		clip-path: inset(3% 4.5% round 4%);
}

.wp-block-media-text__media img {
		clip-path: inset(2% 4% round 4%);
}

/* DOUBLE CARD IMAGES */
table.doubleTable td {
		font-size: 14px;
		border: none;
		vertical-align: top;
}
table.doubleTable td:nth-child(odd) {
		width: 50%;
  	background: none;
		border-right: 2px solid #303030;
}

/* CARDS BY SET TITLES */
div.setTitles {
	display:flex;
  justify-content: center;
}
.asp_w_container_5 {
    width: 100%;
}