/**
 * Theme Name:         CAPH
 * Description:        Custom theme
 * Version:            1.0
 * Author:             Jota Studio
 * Author URI:          https://jotastudio.org
 * Tags:                blog,
 * Text Domain:        caph
 * Tested up to:       6.8.3
 * Requires at least:  6.8
 * Requires PHP:       8.2
 * License:            Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International
 * License URI:        https://creativecommons.org/licenses/by-nc-nd/4.0/
 */
/*
Normalize
*/
body.jotatheme {
  max-width: 100vw;
  margin: 0;
  background-color: #cef;
}
body.jotatheme *:not(h1, h2, h3, h4, h5, h6) {
  font-family: "Josefin Sans", Optima, Candara, "Trebuchet MS", sans-serif;
  font-size: 98%;
}
body.jotatheme *:not(a, button, figure > img) {
  cursor: default;
}
body.jotatheme div,
body.jotatheme dl,
body.jotatheme dt,
body.jotatheme dd,
body.jotatheme ul,
body.jotatheme ol,
body.jotatheme li,
body.jotatheme h1,
body.jotatheme h2,
body.jotatheme h3,
body.jotatheme h4,
body.jotatheme h5,
body.jotatheme h6,
body.jotatheme pre,
body.jotatheme form,
body.jotatheme fieldset,
body.jotatheme input,
body.jotatheme textarea,
body.jotatheme p,
body.jotatheme blockquote,
body.jotatheme th,
body.jotatheme td {
  margin: 0;
  padding: 0;
}
body.jotatheme table {
  border-collapse: collapse;
  border-spacing: 0;
}
body.jotatheme fieldset,
body.jotatheme img {
  border: 0;
}
body.jotatheme fieldset,
body.jotatheme img {
  border: 0;
}
body.jotatheme address,
body.jotatheme caption,
body.jotatheme cite,
body.jotatheme dfn,
body.jotatheme th,
body.jotatheme var {
  font-style: normal;
  font-weight: normal;
}
body.jotatheme caption,
body.jotatheme th {
  text-align: left;
}
body.jotatheme q:before,
body.jotatheme q:after {
  content: "";
}
body.jotatheme abbr,
body.jotatheme acronym {
  border: 0;
}
body.jotatheme main a, body.jotatheme footer a {
  text-decoration-color: transparent;
  transition: 0.5s;
  color: #77a;
  font-weight: inherit;
}
body.jotatheme main a:hover, body.jotatheme footer a:hover {
  color: #c03;
  text-decoration-color: #c03;
}
body.jotatheme h1,
body.jotatheme h1 * {
  font-size: 120%;
  font-family: "Condiment", Garamond, Bodoni, Didot, serif;
  text-decoration: none;
}
body.jotatheme h2,
body.jotatheme h3,
body.jotatheme h4,
body.jotatheme h5,
body.jotatheme h6 {
  font-size: 120%;
  font-weight: normal;
  font-family: "Zen Antique Soft", Garamond, Bodoni, Didot, serif;
}
body.jotatheme h2 *,
body.jotatheme h3 *,
body.jotatheme h4 *,
body.jotatheme h5 *,
body.jotatheme h6 * {
  font-size: 107%;
  font-weight: normal;
  font-family: "Zen Antique Soft", Garamond, Bodoni, Didot, serif;
}
body.jotatheme header {
  position: fixed;
  top: 0;
}
body.jotatheme header nav * {
  font-family: "Zen Antique Soft", Garamond, Bodoni, Didot, serif;
  font-size: 108%;
}
body.jotatheme main {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  line-height: 1.1rem;
  min-height: 100vh;
}
body.jotatheme a[class^=wp-block-button] {
  color: #eef;
  background-color: #c03;
  padding: 0.5rem 1rem;
  border-radius: 1rem;
  transition: color 0.3s, background-color 0.3s, box-shadow 0.3s;
  box-shadow: 0.05rem 0.05rem 0.1rem transparent;
}
body.jotatheme a[class^=wp-block-button]:hover {
  background-color: #333;
  color: #c03;
  box-shadow: 0.05rem 0.05rem 0.1rem #77a;
}
body.jotatheme figure > img[class^=wp-image] {
  width: 100vw;
}
body.jotatheme div.scrim {
  background-color: #cef !important;
}

body.jotatheme header {
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 200;
  width: calc(100vw - 3rem);
  height: 10vh;
  padding: 2vh 1.5rem;
  color: #eef;
  background-color: #039;
  box-shadow: 0.1rem 0.1rem 0.1rem #333;
}
body.jotatheme header a {
  color: #eef;
}
body.jotatheme header h1 {
  padding: 1vh 0;
  font-size: clamp(1.25rem, 1.1607rem + 0.2857vw, 1.375rem);
}
body.jotatheme header > * {
  flex-grow: 1;
  width: 100%;
  text-align: center;
}
body.jotatheme header > * ul {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: clamp(1rem, 0.8214rem + 0.5714vw, 1.25rem);
}
body.jotatheme header > * ul li {
  list-style-type: none;
  flex-grow: 1;
}
body.jotatheme header > * ul li a {
  text-decoration-color: rgba(238, 238, 255, 0);
  transition: text-decoration-color 0.5s;
}
body.jotatheme header > * ul li a::after {
  content: "";
  width: 100%;
  background: #c03;
  display: block;
  height: 0.1rem;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
body.jotatheme header > * ul li:hover a::after {
  transform: scaleX(1);
}
body.jotatheme header + * {
  margin: 17vh 15vw 8vh;
}
@media screen and (min-width: 600px) {
  body.jotatheme header {
    flex-direction: unset;
    justify-content: space-between;
    height: 3rem;
  }
  body.jotatheme header > * {
    width: unset;
    flex-grow: 0;
  }
  body.jotatheme header > * ul {
    gap: 1rem;
  }
}

body.jotatheme footer {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  width: calc(100vw - 0.4rem);
  font-size: 70%;
  padding: 0.5rem 0.2rem;
  background-color: #c03;
  color: #eef;
  font-size: clamp(0.625rem, 0.5156rem + 0.4375vw, 0.84375rem);
}
body.jotatheme footer > * {
  display: flex;
  justify-content: center;
}
body.jotatheme footer > *.left {
  align-items: baseline;
  gap: 0.2rem;
}
body.jotatheme footer a {
  color: #cef;
}
body.jotatheme footer a:hover {
  text-decoration-color: #cef;
}

body.jotatheme main.fpage div:has(> p) {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem 1rem;
  background: #eef;
  border-radius: 0.7rem;
  box-shadow: 0.2rem 0.2rem 0.3rem #77a;
}
body.jotatheme main.fpage > h1, body.jotatheme main.fpage > h2, body.jotatheme main.fpage > h3, body.jotatheme main.fpage > h4, body.jotatheme main.fpage > h5, body.jotatheme main.fpage > h6 {
  color: #c03;
  font-weight: bold;
}
@media screen and (min-width: 600px) {
  body.jotatheme main.fpage {
    display: grid;
    gap: 1vmax;
    align-content: flex-start;
    margin: 27vh 15vw 27vh;
    min-height: 0;
  }
  body.jotatheme main.fpage > div {
    grid-area: 1/2/2/4;
    height: -moz-max-content;
    height: max-content;
  }
  body.jotatheme main.fpage > figure {
    grid-area: 1/1/2/2;
    height: -moz-max-content;
    height: max-content;
  }
  body.jotatheme main.fpage > h2 {
    grid-area: 2/1/3/4;
    margin-top: 7vh;
  }
}

body.jotatheme main.index figure:has(figure) {
  scrollbar-color: #c03 #77a;
  scrollbar-width: thin;
  overflow-x: scroll;
  width: 100%;
  height: auto;
  position: relative;
  display: grid;
  gap: 1rem;
}
body.jotatheme main.index figure:has(figure) figcaption {
  order: -1;
  grid-row: 1/2;
  position: sticky;
  left: 0;
  text-align: left;
  font-size: clamp(0.9375rem, 0.8482rem + 0.2857vw, 1.0625rem);
}
body.jotatheme main.index figure:has(figure) figure {
  height: 100%;
  width: 100% !important;
  grid-row: 2/3;
}
body.jotatheme main.index figure:has(figure) figure img {
  max-width: initial;
  width: -moz-fit-content;
  width: fit-content;
  height: 14rem;
  -o-object-fit: contain;
     object-fit: contain;
}
body.jotatheme main.index p {
  font-size: clamp(1rem, 0.8214rem + 0.5714vw, 1.25rem);
}/*# sourceMappingURL=style.css.map */