.list-block .done {
   pointer-events: none;
   opacity: 0.4;
  }
pre {
  background-color:#eae0e1 !important;
  color: #000 !important;
  }

.tag--recipe .post-header h1 {
display: block !important;  
  }

.ingredients {
  background-color: #faf7f5;
  padding: 6px;
  }
  
  .ingredients li {
   border-bottom: dotted 1px #c1b4ac;
    list-style-type: none;
  }
  
.ingredients:after {
   content: '';
   display: block;
   width: 100%;
   border-bottom: 10px dotted #fff;
   position: relative;
  top: 12px;
  }
  
.post--you h2 {
  display: none;
  }

.post-full {
  break-inside: avoid;
  display: block;
  width: 100%;
  margin-bottom: 1rem;
  }
 
  .main-bar a {
   font-family: 'Georgia'; 
  }
  
  .main-bar a:hover {
   font-weight: bold; 
    letter-spacing: 4px;
  }
  
  .page--single h2 {
   margin-top: 0px; 
    color: #d38c93 !important
  }
  
input, textarea, dropdown, submit, button {
  color: #c1b4ac;
 border: 1px dotted #ebc4d5;
  }



.main-bar a {
font-style: italic;
}

h1, h2 {
font-family: 'Georgia';
}

.tag--playlist article .tag-chip,
.tag--playlist article .post-full__meta,
.tag--playlist article .post-full__title,
.tag--playlist article .post-full__footer,
.tag--playlist article .post-full__header
{
display: none;
}

.page--single article p {
margin-top: 0px;
}


.post-full__header {
text-align: center;
padding-bottom: 5px;
background-image: url('div.png');
background-repeat: repeat-x;
background-position: bottom left;
font-size: 9px;
margin-bottom: 4px;

}

.post-full__footer {
text-align: center;
border-top: 1px dotted #ebc4d5;
padding-top: 6px;
font-size: 9px;
}


body {
background-image: url('https://wallpapercave.com/wp/wp9465839.jpg');
margin: auto;
font-family: "Kode Mono", monospace;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
font-size: 13px !important;
color: #c1b4ac;
line-height: 18px;

}


.pagination {
text-align: center;
}

/* Initialize the counter on all <pre> tags */
pre {
  counter-reset: line-numbers;
  background: #000; /* Dark theme example */
  color: #f9d5e5;
  padding: 0px;
  overflow-x: auto;
font-family: "Kode Mono", monospace;
}

/* Increment for every <p> inside a <pre> */
pre p {
  counter-increment: line-numbers;
  margin: 0;
  display: block;
  padding: 0px;
  line-height: 1;
font-size: 10px;
}

/* Add the number */
pre p::before {
  content: counter(line-numbers);
  display: inline-block;
  line-height: 1;
  padding: 0px 0px 0px 15px;
  margin: 0px 10px 0px 0px;
  text-align: right;
  color: #5c6370;
  padding-right: 10px;
  -webkit-user-select: none; /* For older browsers */
  user-select: none;
}

.bc-full {
width: 100%;
height: 450px;

}

.container {
width: 100%;
margin: auto;
text-align: center;
outline: 8px dotted #f8f8f8;
outline-offset: -3px;
}

article {
background-color: #fff;
width: 98%;
margin: 0px auto;
border: 1px dotted #ebc4d5;
}

.l-sidebar .content {
border: 1px dotted #ebc4d5;
}

.post-full, .post-single, .guestbook-form-section {
width: 100%;
padding: 10px;
}

.btn {
background: transparent;
border: 0px;
padding: 0px;

}


a img {
margin-bottom: -5px;
}


.hide {
display: none;
}


::-webkit-scrollbar {
  width: 3px;
  height: 4px;
}


::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
body::-webkit-scrollbar-thumb {
  background: #000;
  border: 0px none #ffffff;
  border-radius: 0px;
}

body:hover::-webkit-scrollbar-thumb {
background: #000;
}

::-webkit-scrollbar-thumb:hover {
  background: #fff;
}

::-webkit-scrollbar-thumb{
  background: #e6c6ca;
}

::-webkit-scrollbar-thumb:active {
  background: #000;
}
::-webkit-scrollbar-track {
  background: #f8f8f8;
  border: 0px none #ffffff;
  border-radius: 0px;
}
::-webkit-scrollbar-track:hover {
  background: #fff;
}
::-webkit-scrollbar-track:active {
  background: #fff;
}
::-webkit-scrollbar-corner {
  background: transparent;
}


.body-content b {
color: #000;
}

img {
max-width: 100%;
margin-bottom: 2px;

}

.full {
max-width: 100% !important;
}

.img-center {
display: block;
margin: auto;
}

a {
text-decoration: none;
color: #d38c93 !important
}

a:hover {
color: #000 !important;
}

b {
color: white;
}



.wrapper {
width: 100%;
height: auto;
text-align: center;
margin: auto;
padding-top: 5.5vh;

}

.content {
padding: 8px;
background-color: #fff;
font-size: 11px;
line-height: 16px;
}


iframe {
width: 100%;
border: 0px;
}

.ql-video {
height: 48px;
max-height: 48px;
}

.iframe::-webkit-scrollbar {
opacity: 0 !important;
}


.l-sidebar a:hover {
color: #000 !important;
}





.body-content {
text-align: justify;
width: 98%;

}


.r-sidebar {
position: absolute;
text-align: right;
top: 315px;
right: 40px;
width: 150px;

}

.r-sidebar a {
color: #d38c93 !important
font-size: 18px;
letter-spacing: 8px;
font-family: 'Georgia';
background-color: transparent !important;
line-height: 48px;
width: 100%;
text-transform: uppercase;
}

.r-sidebar a:hover {
background-image:url('line-through.png');
background-position: left center;
background-repeat: repeat-x;
letter-spacing: 12px;
}

.l-sidebar h4 {

text-transform: uppercase;
font-weight: normal;
letter-spacing: 8px;
width: 100%;
font-family: 'Georgia';
text-align: center;
background-color: transparent !important;

}

.l-sidebar a {
background-color: transparent;
letter-spacing: 2px;
font-family: 'Georgia';
color: #d38c93 !important;
}

.l-sidebar a:hover {
color: #000;
}

.body-content a:hover {
background-color: #000 !important;
color: #fff !important;
}

.body-content b:hover {
color: #fff !important;
}


h3 {
width: 100%;
color: #000;
text-transform: uppercase;
letter-spacing: 4px;
font-family: 'Georgia';
font-size: 16px;
font-weight: normal;
}

.img-container {
position: relative;
 transition: visibility 0s, opacity 0.5s linear;
}


.img-container .overlay-text {
visibility: hidden;
opacity: 0;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
overflow: scroll;
background-color: black;
color: #fff;
 transition: visibility 0s, opacity 0.5s linear;
display: flex;
align-items: safe center;
justify-content: safe center;
}

.overlay-text p {
padding: 24px;
}

.img-container:hover .overlay-text {
opacity: 0.9;
overflow: scroll;
visibility: visible;
transition: visibility 0s, opacity 0.5s linear;
}


.big {

font-size: 28px;
font-style: italic;
line-height: 1.24;
text-transform: uppercase;
font-family: 'Georgia';
background-color: #f9d5e5;
}


.excerpt {

font-style: italic;
display: inline;


}

.divider {
border-color: #000;
border-width: 1px;
background-color: #000;
border-style: solid;
margin: auto;
margin: 2rem auto;
}

hr {
border-color: #000;
}

.controller {
position: fixed;
top: 0px;
right: 10px;
z-index: 10000;
background-color: #000;
color: #fff;
border-width: 0px;
font-family: "Kode Mono", monospace;
font-size: 10.5px;
padding: 3px 8px;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: bold;
}


.guestbook-form-section  label.form-label {
display: block;
}


.guestbook-form-section  .form-row {
    display: flex !important;
    flex-direction: column;
}

.guestbook-form-section textarea {
width: 70%;
}


img { opacity: 0; transition: opacity 1s ease; }
img.loaded { opacity: 1; }



article .tag-chip {
border: none;
padding: 0px;
}

.tag-chip {
    background-color: #fff !important;
    border: 1px solid #d38c93;
    padding: 1px 8px;
    border-radius: 40px;
    font-size: 9px; 
font-family: "Kode Mono", monospace !important;
font-weight: bold;
}

@keyframes marquee {
  0% {
    margin-left: 100%;
    transform: translateX(0%);
  }
  100% {
    margin-left: 0;
    transform: translateX(-100%);
  }
}

.section {width: 100%;
  overflow: hidden;

  .marquee {width: 100vw;
    animation: marquee 25s linear infinite;
    display: inline-block;
    white-space: nowrap;

    &:hover {
      animation-play-state: paused;
    }
  }
}

.text-styling {
  background-color: lightblue;
  padding: 1em;
}


.tag--gallery article header {
display: none;
}

.tag--gallery article {
display: flex;
padding: 0px !important;
}

.tag--gallery article p {
display: inline;
align-items: center;
}


.tag--gallery article img {
width: 33%;
margin: 2px;
vertical-align: middle;
}



.post--walks-scenes article {
padding: 0px;
background-color: transparent !important;
}

.post--walks-scenes article header {
display: none;
}



.tag--gallery article img {
  margin: 0px !important;
border: 1px solid #fff;
  }
  
.whatever img {
margin-bottom: 3px;
  }  
  
a img {
transition: ease all 0.2s;
  }

a img:hover {
filter: brightness(50%);
transition: ease all 0.2s;
background-color: transparent !important;
  }

.whatever h2 {
line-height: 1.5;
display: inline;
color: #d38c93;
}
  
.list-block  {
padding-inline-start: 0px !important;
  }

.list-block li {
  display: block;
  border: 1px dotted #d1d1d1;
  border-radius: 40px;
  padding: 1px 6px;
  margin-right: 10px;
  margin-bottom: 2px;
  margin-top: 2px;
  }
  
.list-block li:hover {
background-color: #f8f8f8;  
  letter-spacing: 2px;
font-weight: bold;
  }

.list-block li:hover:before {
content: '\2192';  
}
  
.page--single .post-header h1 {
  display: none;
  }
  
.tag--blog h1 {
  display: block !important;
  }