.page-single {
  --height: 90vh;
/*  --paddBottom:0;*/
  background-color: var(--wp--preset--color--contrast);
}

.page-single img {
    position: absolute;
    inset: 0;
    object-fit: cover;
    object-position: top center;
    height: 100%;
    width: 100%;
    filter: brightness(0.75);
    -webkit-mask: linear-gradient(180deg, black, rgb(0 0 0 / .5) 100%);
}


.back {
  display: flex;
  align-items: center;
  color:var(--wp--preset--color--light);
  gap:var(--wp--preset--spacing--xxs);
  font-weight: 600;
}

.back:hover {
  color:var(--wp--preset--color--light);
  gap:var(--wp--preset--spacing--s);
}

.card-time      { 
  --space:var(--wp--preset--spacing--xs);
  display:     inline-flex; 
  align-items: self-start; 
  gap:4px;
}

.card-share,
.card-latest {
  --space:var(--wp--preset--spacing--s);
  border-top:1px solid var(--wp--preset--color--lightgrey);
  margin-top:  var(--space);
  padding-top: var(--space)
}


.avatar,
.avatar-text { 
  width:  32px;
    height: 32px;
    border-radius: 100vmin;
}

.avatar-text {
  background: blue;
    font-weight: 900;
    color: white;
    display: grid;
    place-content: center;
    font-size: var(--wp--preset--font-size--s);
}

.blog-last {
  display: flex;
  flex-direction: column;
  gap:var(--wp--preset--spacing--s);
}

.blog-last-card {
/*  border:1px solid black;*/
  display: flex;
  align-items: center;
  gap: var(--wp--preset--spacing--xs);
}

.blog-last-card .last-img {
  --size:60px;
  height: var(--size);
  width: var(--size);
  border-radius: 4px;
  overflow: hidden;
  transition: all 350ms ease;
}

.blog-last-card .last-img img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.blog-last-card:hover .last-img {
  box-shadow: var(--shadow-6);
}

.sidebar {
  --header:70px;
}

.sidebar > *:not(:first-child) {
  --space:var(--wp--preset--spacing--m);
  border-top:1px solid var(--wp--preset--color--lightgrey);
  margin-top:  var(--space);
  padding-top: var(--space);
}

.share-ul {
  display: flex;
  align-items: center;
}

.share-ul a { 
  display: grid;
  place-content: center;
  gap:var(--wp--preset--spacing--xxs);
  padding: var(--wp--preset--spacing--xs);
  color:var(--wp--preset--color--contrast);
} 

.share-ul a:hover {
  color:var(--wp--preset--color--accent);
}

 
.section-nextprev {
  border-top:1px solid var(--wp--preset--color--contrast);
  margin-top:var(--wp--preset--spacing--l);
  padding-top:var(--wp--preset--spacing--l);
}


/* -------------------------------- 
----
---- PAGINATION
----
-------------------------------- */

.wp-block-image :where(figcaption) {
  font-size: var(--wp--preset--font-size--s);
  color:var(--wp--preset--color--contrast);
}
.wp-block-image .aligncenter, .wp-block-image .alignleft, .wp-block-image .alignright, .wp-block-image.aligncenter, .wp-block-image.alignleft, .wp-block-image.alignright {
    display: block;
}
.wp-block-image .aligncenter>figcaption, .wp-block-image .alignleft>figcaption, .wp-block-image .alignright>figcaption, .wp-block-image.aligncenter>figcaption, .wp-block-image.alignleft>figcaption, .wp-block-image.alignright>figcaption {
    display: block;
}

.nextprev,
.nextprev div {
  transition: all 350ms;
}

.nextprev div {
  display: flex;
  align-items: center;
  gap: var(--wp--preset--spacing--xxs);
  font-size: var(--wp--preset--font-size--xs);
  text-transform: uppercase;
  font-weight: 600;
  color: var(--wp--preset--color--contrast);
}

.blog-next div {
  justify-content: flex-end;
}
 

.nextprev p {
  color:var(--wp--preset--color--body);
  transition: all 350ms;
}

 

.blog-next:hover div,
.blog-prev:hover div { color:var(--wp--preset--color--accent); gap: var(--wp--preset--spacing--xs); }
 









