/* * pandoc bash blog */

/* ** distro settings */

body {
	font-family: "Source Sans Pro", sans-serif;
}

code {
	font-family: "Source Code Pro", monospace;
}

:not(pre, a) > code {
	color: #d33682;
}

div.index-date {
	background: url("images/calendar.svg") left center/.9em no-repeat;
	color: #7e7e7e;
	font-size: 90%;
	font-style: italic;
	margin: 1em 1.2em 0 0;
	padding: 0 1.2em;
}

div.index-title {
	font-size: 1.2em;
}

div.index-date p,
div.index-title p {
	margin: initial;
}

h1.title {
	font-size: 2.2em;
	text-wrap: balance;
}

a {
	outline: none;
	-wekbit-tap-highlight-color: transparent;
	text-decoration: none;
}

a:link {
	color: #268bd2;
}

a:visited {
	color: #6c71c4;
}

a:focus {
	text-shadow: 0 .25em .2em #666;
}

a:hover {
	text-shadow: .25em .25em .17em #666;
}

a:active {
	text-shadow: -.25em .25em .16em #666;
}

figcaption,
table > caption {
	color: #7e7e7e;
	font-size: 90%;
	font-style: italic;
}

figure {
	border: 1px solid #eee;
	margin: 1em auto;
	padding: 5px;
	text-align: center;
	width: -moz-fit-content; /* stylelint-disable-line */
	width: fit-content;
}

#blogtitle {
	color: black;
	font-size: 3.4rem;
	font-weight: bold;
	text-align: center;
	text-shadow: none;
}

#blogtitle a:link,
#blogtitle a:visited,
#blogtitle a:focus,
#blogtitle a:hover,
#blogtitle a:active {
	color: black;
	text-shadow: inherit;
}

/* #blogtitle a:focus { */
/* 	outline: black auto 1px; */
/* } */

p.date {
	background: url("images/calendar.svg") left center/1em no-repeat;
	color: #7e7e7e;
	font-size: 90%;
	font-style: italic;
	margin-left: 1em;
	padding: 0 1.2em;
	text-align: left;
}

div.sourceCode { /* stylelint-disable-line */
	padding: 9px;
}

table td,
table th {
	border: 1px solid #dfe2e5;
}

table tr:nth-child(even) {
	background-color: #f6f8fa;
}

/* ** billw: additions and overrides */

h1 {font-size: 120%;}

.colophon {
    margin-top: 3em;
    font-size: 0.8em;
    line-height: 2em;
    color: #666;
    text-align: center;
}
.colophon a {
    color: #666;
}
.colophon hr {
    margin-bottom: 2em;
}

/* Width classes for different content types */
body.narrow-width {
    max-width: 36em; /* Current default */
    margin: 0 auto;
}

body.medium-width {
    max-width: 48em;
    margin: 0 auto;
}

body.wide-width {
    max-width: 64em;
    margin: 0 auto;
}

body.full-width {
    max-width: 90%;
    margin: 0 auto;
}

/* Remove the fixed width from the general body rule */
body {
    font-family: serif;
    font-size: large;
    touch-action: manipulation;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    body.wide-width, 
    body.medium-width, 
    body.full-width {
        max-width: 95%;
        padding-left: 15px;
        padding-right: 15px;
    }
}

p {
    text-align: justify;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

a:focus {
	  text-shadow: none;
}

a:hover {
	  text-shadow: none;
}

a:active {
	  text-shadow: none;
}

div.index-title {
	  margin-top: 0.5em;
}

#blogtitle {
	  /* color: #fff; */
	  font-size: 3.4rem;
	  font-weight: bold;
	  text-align: center;
	  text-shadow: none;
}

.grid-container p {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
}

.grid-container, grid-container-footnote {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 3em;
}
.grid-container-footnote {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 3em;
    font-size: smaller;
}

/* Media query for mobile devices */
@media screen and (max-width: 768px) {
    .grid-container, grid-container-footnote {
        display: block; /* Change to block display instead of grid */
    }
    
    .grid-child-german, .grid-child-english {
        width: 100%; /* Full width */
        margin-bottom: 1rem; /* Space between language blocks */
    }
    
    /* Remove bottom margin from English blocks that precede German blocks */
    .grid-child-english + .grid-container .grid-child-german {
        margin-top: 2rem; /* Extra space between different paragraphs */
        font-size: 0.8em;
    }
}

/* .child { */
/*     width: 100vw; */
/*     position: relative; */
/*     left: calc(-50vw + 50%); */
/* } */

.grid-title-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 35px;
    font-size: larger;
    font-weight: bold;
    text-align: left;
}

.grid-title1-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 35px;
    font-size: larger;
    text-align: left;
}

.grid-center-container {
    display: grid;
    /* grid-template-columns: 1fr 1fr; */
    /* grid-gap: 20px; */
    /* font-size: larger; */
    text-align: center;
}

.grid-child-russian p {
    /* font-size: smaller; */
    text-align: justify;
    hyphens: auto;
}

.grid-child-russian-rightalign p {
    /* font-size: smaller; */
    text-align: right;
}

.grid-child-russian-leftalign p {
    /* font-size: smaller; */
    text-align: left;
}

.grid-child-russian-center p {
    /* font-size: smaller; */
    text-align: center;
}

.grid-child-french p {
    /* font-size: smaller; */
    text-align: justify;
    hyphens: auto;
}

.grid-child-french-rightalign p {
    /* font-size: smaller; */
    text-align: right;
}

.grid-child-french-leftalign p {
    /* font-size: smaller; */
    text-align: left;
}

.grid-child-french-center p {
    /* font-size: smaller; */
    text-align: center;
}

.grid-child-english p {
    /* font-size: larger; */
    text-align: justify;
    hyphens: auto;
}

.grid-child-english-leftalign p {
    /* font-size: larger; */
    text-align: left;
}

.grid-child-english-rightalign p {
    /* font-size: larger; */
    text-align: right;
}

.grid-child-english-center p {
    /* font-size: larger; */
    text-align: center;
}

.grid-child-german p {
    /* font-size: larger; */
    text-align: justify;
    hyphens: auto;
}

.grid-child-german-leftalign p {
    /* font-size: larger; */
    text-align: left;
}

.grid-child-german-rightalign p {
    /* font-size: larger; */
    text-align: right;
}

.grid-child-german-center p {
    /* font-size: larger; */
    text-align: center;
}

.redbox {
    background-color: red;
    color: white;
}

/* ---------------------------------------------------------------------- */

.gibel-shahmat-poster {
    font-family: serif; /* Using serif as it looks like a serif font in the image */
    background-color: #e4e4e4; /* Slightly lighter background */
    padding: 20px;
    border: 1px solid #ccc; /* Light border */
    max-width: 600px; /* Adjust as needed */
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    border: 2px dashed #000; /* Or border: 2px dotted #ccc; */
    margin: 2em 0em;
}

.gibel-shahmat-poster .title {
    font-size: 120%; /* Larger font for title */
    font-weight: bold;
    margin-bottom: 10px;
}

.gibel-shahmat-poster .poster-date, 
.gibel-shahmat-poster .event-announce {
    font-size: 100%;
    margin-bottom: 5px;
}

.gibel-shahmat-poster .event-title {
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 10px;
}

.gibel-shahmat-poster .event-details, 
.gibel-shahmat-poster .description, 
.gibel-shahmat-poster .invitation, 
.gibel-shahmat-poster .admin {
    font-size: 1em;
    line-height: 1.5;
    margin-bottom: 10px;
}

.gibel-shahmat-chapter {
    font-size: x-large;
    font-weight: bold;
    margin-top: 40px;
    text-align: left;
    hyphens: none;
    text-justify: none;
}

.gibel-shahmat-poster * {
    text-align: center;
}