.dark {
h1,
h2,
h3 { text-transform: uppercase;
}
.form-flat input:not([type="submit"]),
.form-flat select,
.form-flat textarea {
background-color: #fff !important;
border: 0px;
color: #000 !important;
font-family: Cormorant, sans-serif;
font-style: italic;
text-transform: uppercase;
}
}
.mfp-wrap {
backdrop-filter: blur(12px);
}
#wrapper,
#main,
#main.dark {
background: none !important;
}
.tags-links > a {
font-size: 0.8em;
display: inline-block;
background: var(--fs-color-secondary);
padding: 0 4px;
border-radius: 3px;
text-transform: lowercase;
}
#post-list .box{
background: rgba(0,0,0,0.4);
backdrop-filter: blur(12px);
border-radius: 10px;
overflow: hidden;
}
.entry-title{
text-shadow: 0 0 10px #000;
margin:0;
}
.entry-content .entry-meta {
margin-bottom: 13px;
}
footer.entry-meta {
border: 0;
padding: 20px 0 0;
}
.blog-archive .entry-image, 
.blog-single .entry-image {
border-radius: 10px 10px 0 0;
overflow: hidden;
}
.blog-single article.post {
padding-top:30px;
border-radius: 10px;
}
.blog-single article.post .article-inner {
backdrop-filter: blur(10px);
background-color: rgba(0,0,0,.7);
padding: 0 6%;
border-radius: 0 0 10px 10px;
}
.blog-archive .entry-content {
padding: 20px;
background-color: rgba(0,0,0,0.4);
backdrop-filter: blur(15px);
border-radius: 0 0 10px 10px;
}
.blog-archive .entry-image img {
width: 100%;
aspect-ratio: 16/9;
object-fit: cover;
object-position: 50% 50%;
}
.wp-block-image {
position: relative;
margin-bottom:2em;
}
.wp-block-image .wp-element-caption,
.post-thumbnail-caption {
position: absolute;
z-index: 10;
bottom: 1%;
right: 6%;
font-size: 0.7em;
text-shadow: 1px 1px 0px black;
background: rgba(0,0, 0, 0.4);
padding: 4px;
line-height: 1;
border-radius: 3px;
}
.wp-block-image .wp-element-caption {
bottom: 10px;
right: 10px;
margin:0;
}
.archive-notice {
padding: 20px;
margin-bottom: 20px;
display: grid;
grid-template-columns: 1fr 9fr;
gap: 20px;
position: relative;
background: var(--fs-color-primary);
color:white;
border-radius: 10px;;
}
.archive-notice i {
align-self: center;
justify-self: center;
}
.archive-notice i,
.archive-notice small {
z-index: 10;
position: relative;
}
.badge.post-date {
top: 20px;
}
#cmplz-document {
max-width: none;
}
.page-template .entry-content {
backdrop-filter: blur(10px);
background-color: rgba(0,0,0,.7);
padding: 6%;
border-radius: 10px;
}
@media only screen and (max-width: 48em) { .archive-notice {
display: block;
text-align: center;
}
.archive-notice::before {
transform: none;
}
}