/** Color Palette
Rich Black       #001021
BabyPowder       #FDFFFC
B'dazzled Blue   #235789
Rhythm           #7E7F9A    ~Light Purple
Dark Purple      #372248
**/
/** Fonts
font-family: 'Cinzel Decorative', cursive;
font-family: 'Lato', sans-serif;
**/

/********************************************
	Main Body
 ********************************************/
 .content {
	 align-items: center;
	 top: 260px;
	 position: relative;
 }
 .page-post {
	 background-color: #D1E0EA;
	 position: relative;
	 align-items: center;
	 /*top: 260px;*/
	 left: 25%;
	 width: 50%;
	 /*min-height: 60vh;*/
	 border-style: solid;
	 border-top: none;
	 border-color: #235789;
   border-width: 2px;
	 margin-bottom: 20px;
 }
 .page-post img {
	 float: left;
 }
 .page-post h3 {
	 font-weight: bold;
 }
 .page-post h4 {
	 font-weight: bold;
	 text-decoration: underline;
	 padding-top: 10px;
 }
 .page-post h5 {
	 padding-top: 5px;
 }
 .page-post h5, h6 {
	 text-decoration: underline;
	 font-weight: bold;
 }
 .page-post h7 {
	 text-decoration: none;
	 font-weight: bold;
 }
 .page-post a {
	 text-decoration: underline;
	 color: #235789;
 }
 .page-post a:hover {
	 color: #7E7F9A;
 }
 .post-header {
	 min-height: 60px;
 }
 .post-title {
	 padding-top: 35px;
	 padding-left: 5px;
	 font-family: 'Cinzel Decorative', cursive;
	 font-weight: bold;
 }
 .highlight-container {
	 background-color: #235789;
	 height: 7px;
 }
 .post-details {
	 padding: 5px 15px 15px 15px;
 }
 .post-details p {
	 font-family: 'Calibri', 'Arial', sans-serif;
 }
 ul.post-list {
	 font-size: .9em;
 }
 h5.no-underline {
	 text-decoration: none !important;
 }
 span.no-underline {
	 text-decoration: none !important;
 }
 span.bold-text {
	 font-weight: bold;
 }
 span.italic-text {
	 font-style: italic;
 }
 span.underline-text {
	 text-decoration: underline;
 }
 span.larger {
	 font-size: 1.25rem;
 }
 a.anchor-point {
 	display: block;
 	position: relative;
 	top: -210px;
 	visibility: hidden;
 }
 a.top-link {
 	font-size: 10px;
 }

 .not-active {
   color: black !important;
 }
 div.no-space p{
	 margin-bottom: 0;
	 line-height: 1.25;
 }
 div.no-space p:last-of-type {
	 margin-bottom: 16px;
	 line-height: 1.25;
 }

 div.reduce-space p{
 	margin-bottom: 8px;
 	line-height: 1.25;
 }
 .page-post.water {
   background-color: #D1E0FA !important;
 }
 .page-post.lightning {
   background-color: hsl(235, 37.3%, 86.9%) !important;
 }
 .page-post.earth {
   background-color: hsl(35, 37.3%, 86.9%) !important;
 }
 .page-post.ice {
   background-color: hsl(195, 37.3%, 86.9%) !important;
 }
 .page-post.light {
   background-color: hsl(204, 17.3%, 100%) !important;
 }
 .page-post.wood {
   background-color: hsl(130, 37.3%, 86.9%) !important;
 }
 .page-post.air {
   background-color: hsl(90, 37.3%, 86.9%) !important;
 }
 .page-post.fire {
   background-color: hsl(0, 37.3%, 86.9%) !important;
 }
 .page-post.darkness {
   background-color: #AcB5Bd !important;
 }

 div.AlphaGrid {
   display: grid;
   grid-template-columns: repeat(25,auto);
   column-gap: 0;
 }

 p.credit-line {
	 font-size: .75rem;
	 font-style: italic;
 }
/********************************************
	Post Tables
 ********************************************/
.post-table {
		border: 1px solid black;
		margin-bottom: 16px;
	  background-color: #E5F4F9;
}
th, td {
		border: 1px solid black;
		padding: 1px 10px 1px 5px;
}
th {
		background-color: rgba(0,0,0,25%)
}
td {
	font-size: .8em;
}


.ironclast-figure {
  display: grid;
  grid-template-columns: 245px auto
}
.ironclast-image {
  width: 245px;
  height: 355px;
  margin-right: 5px;
}
.confidential {
  background-color: rgb(243 231 192);
}
/********************************************
	Media Queries
 ********************************************/
@media (max-width: 785px) {
		.page-post {
			width: 84%;
			left: 8%;
			transform: translateX(0);
		}
		.post-details{
			font-size: .8rem;
		}
		.post-title {
			padding-top: 5px;
			font-size: 1.5rem;
		}
    .ironclast-figure {
      display: grid;
      grid-template-columns: 100%;
      grid-template-rows: auto auto;
    }
}