@font-face {
	font-family: 'XTypewriter';
	src: url('../fonts/XTypewriter-Regular.woff2') format('woff2')
}

@font-face {
  font-family: 'Archivo Black';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/archivo-black-v17-latin/archivo-black-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/archivo-black-v17-latin/archivo-black-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/archivo-black-v17-latin/archivo-black-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/archivo-black-v17-latin/archivo-black-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/archivo-black-v17-latin/archivo-black-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/archivo-black-v17-latin/archivo-black-v17-latin-regular.svg#Aclonica') format('svg'); /* Legacy iOS */
}

.brand-logo {
  font-family: Roboto;
  text-decoration: none;
  font-weight: 700;
}

.mod-footer {
  font-size: 0.6rem;
}

.dmlisting_floppy {
	display: none;
}
.container-topbar,
.container-below-top {
  color: white;
  background-color: #a51f18;
}

.container-topbar div {
  margin-left: 1rem;
  margin-right: 1rem;
}

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote:after {
  content: no-close-quote;
}
blockquote p {
  display: block;
  font-size: larger;
  font-family: serif;
  font-style: italic;
}
table td {
  padding: 0.5rem;
  border: 1px solid;
}
p.dropcap {} /* Used by the Styles list to create an entry */

p.dropcap:first-child:first-letter {
    color: #903;
    float: left;
    font-family: Georgia;
    font-size: 75px;
    line-height: 60px;
    padding-top: 4px;
    padding-right: 8px;
    padding-left: 3px;
}

.com-content-article a[href^="http"]::after,
.com-content-article a[href^="https://"]::after
{
  content: "";
  width: 11px;
  height: 11px;
  margin-left: 4px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}

.tagscloud .tag-name {
  text-decoration: none;
  background-color: #30638d;
  color: #ffffff;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
  border-radius: 0.25rem;
}
.tagscloud a.tag-name:link {
  color: #fff !important;
}
.tagscloud a.tag-name:visited  {
  color: #fff !important;
}
.tagscloud a.tag-name:hover {
  color: #fff !important;
  background-color: #295478;
}
.tagscloud a.tag-name:active {
  color: #fff !important;
}
figure {
	display: table;
}
figure img {
	display: table-row;
}
figure figcaption {
	display: table-caption; caption-side: bottom ;
}

.sidebar-search, .stats-module  {
	display: none;
}

.collapsible {
  background-color: #777;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.collapseactive, .collapsible:hover {
  background-color: #555;
}

.collapsequizcontent {
  padding: 0 18px;
  display: none;
  overflow: hidden;
}
/* Index Card Style for item-content */
.item-content {
    font-family: 'XTypewriter', 'Courier New', 'Courier', monospace !important;
    
    /* Card appearance */
    background-color: #fff8dc; /*fefef8 Slightly off-white/cream */
    border: 1px solid #e8e5d9;
    border-radius: 3px;
    
    /* Shadow for depth */
    box-shadow: 
        0 2px 4px rgba(0, 0, 0, 0.1),
        0 1px 2px rgba(0, 0, 0, 0.05);
    
    /* Spacing */
    padding: 24px;
    margin: 16px 0;
    line-height: 1.5em;
	font-size: 16px;
	
    /* Subtle texture effect */
    background-image: linear-gradient(#e8e5d9 1px, transparent 1px);
	background-size: 100% 1.5em;
    
    /* Line height for typewriter effect */
    line-height: 1.6;
    
    /* Subtle aging effect on hover */
    transition: all 0.2s ease;
}

.item-content:hover {
    box-shadow: 
        0 4px 8px rgba(0, 0, 0, 0.12),
        0 2px 4px rgba(0, 0, 0, 0.08);
    transform: translateY(-1px);
}

/* Make sure the container has relative positioning for the margin line */
.item-content {
    position: relative;
}

/* Style the paragraph inside */
.item-content p {
    margin: 0 0 1.5em 0;
    color: #2c3e50;
	line-height: 1.5em;
}

.item-content p:last-child {
    margin-bottom: 0;
}