*, *:before, *:after {
  box-sizing: border-box; }

html, body, div, span, object, iframe, figure, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, tt, b, u, i, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td, main, canvas, embed, footer, header, nav, section, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  text-size-adjust: none; }

footer, header, nav, section, main {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

input {
  -webkit-appearance: none;
  border-radius: 0; }

@font-face {
  font-family: "Swiss721";
  src: url("/wp-content/themes/planed-theme/fonts/swiss-721.ttf") format("truetype");
  font-style: normal; }

@font-face {
  font-family: "Swiss721";
  src: url("/wp-content/themes/planed-theme/fonts/swiss-721-italic.ttf") format("truetype");
  font-style: italic; }

body > aside .logos {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 2em;
  transform: scale(0.7) transformY(-20%); }
  body > aside .logos img {
    padding: 1em 0;
    max-width: 100%; }

body > aside > .sticky-wrapper > h2 {
  font-size: 1.5em;
  padding-bottom: 1em; }

body > aside > .sticky-wrapper > nav {
  padding-top: 1em; }
  body > aside > .sticky-wrapper > nav .sub-menu {
    padding: 1em 0; }
  body > aside > .sticky-wrapper > nav .menu > li > a {
    color: black;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none; }
  body > aside > .sticky-wrapper > nav .sub-menu > li {
    margin: 0.2em 0; }
    body > aside > .sticky-wrapper > nav .sub-menu > li > a {
      color: black;
      text-decoration: none; }

body > aside {
  background-color: #fff; }
  body > aside:before {
    position: absolute;
    background-color: #fff;
    content: " ";
    left: 0;
    right: 0;
    top: -4em;
    height: 4em; }

body > aside.menu-hidden {
  position: relative;
  padding: 0 1em;
  min-width: 75px; }
  body > aside.menu-hidden label {
    position: fixed;
    font-size: 5em;
    cursor: pointer; }

body > aside.menu-display {
  position: absolute;
  z-index: 1;
  top: 2em;
  bottom: 0;
  padding: 0 2.5em 0 2em;
  pointer-events: none;
  opacity: 0;
  transition: opacity 250ms ease-in-out;
  min-width: 300px;
  border-right: 1px solid #e2e2e2; }
  body > aside.menu-display > .sticky-wrapper {
    position: fixed; }

body > #menu-toggle {
  display: none; }
  body > #menu-toggle:checked + label.hide-menu {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  body > #menu-toggle:checked + label.hide-menu + aside.menu-display {
    pointer-events: initial;
    opacity: 1; }

@media (min-width: 720px) {
  body > aside.menu-hidden {
    display: none; }
  body > label.hide-menu {
    display: none;
    pointer-events: none; }
  body > aside.menu-display {
    position: initial;
    pointer-events: initial;
    opacity: 1;
    border-right: none; }
  body > main {
    padding-left: 15px; } }

body.category > main > .landing-screen, body.home > main > .landing-screen {
  margin-top: -2em;
  margin-right: -2em;
  margin-bottom: 4em;
  height: calc(100vh + 2em);
  width: 100%; }
  body.category > main > .landing-screen > img, body.home > main > .landing-screen > img {
    height: 100%;
    width: calc(100% + 1em);
    object-fit: cover;
    object-position: center center; }

body.category > main > .post-list > .post, body.home > main > .post-list > .post {
  display: block;
  text-decoration: none;
  color: black;
  vertical-align: top; }
  body.category > main > .post-list > .post > img, body.home > main > .post-list > .post > img {
    width: 100%;
    height: auto;
    object-fit: cover; }

@media (min-width: 720px) {
  body.category > main > .landing-screen, body.home > main > .landing-screen {
    height: 100vh;
    margin-top: -3em; }
    body.category > main > .landing-screen > img, body.home > main > .landing-screen > img {
      width: calc(100% + 2em); }
  body.category > main > .post-list > .post, body.home > main > .post-list > .post {
    display: inline-block;
    padding: 0 10px 50px 0;
    width: calc(50% - 10px); }
    body.category > main > .post-list > .post:nth-child(2n):after, body.home > main > .post-list > .post:nth-child(2n):after {
      content: " ";
      clear: both; }
    body.category > main > .post-list > .post > img, body.home > main > .post-list > .post > img {
      height: 20vw; } }

@media (min-width: 1024px) {
  body.category > main > .post-list > .post, body.home > main > .post-list > .post {
    display: inline-block;
    padding: 0 10px 50px 0;
    width: calc(33.33333% - 10px); }
    body.category > main > .post-list > .post:nth-child(3n):after, body.home > main > .post-list > .post:nth-child(3n):after {
      content: " ";
      clear: both; } }

body.single-post > main h1 {
  font-size: 2em; }

body.single-post > main p, body.single-post > main figure {
  margin-bottom: 2em; }

body.single-post > main figure.wp-block-image img {
  width: 100%; }

body.single-post > main figure.wp-block-image.eclaircir {
  filter: brightness(1.4); }

.infinite-scroll-loading-hint {
  --s: 25px;
  --_d: calc(0.353*var(--s));
  width: calc(var(--s) + var(--_d));
  aspect-ratio: 1;
  display: grid;
  margin: 0 auto; }
  .infinite-scroll-loading-hint:before, .infinite-scroll-loading-hint:after {
    content: "";
    clip-path: polygon(var(--_d) 0, 100% 0, 100% calc(100% - var(--_d)), calc(100% - var(--_d)) 100%, 0 100%, 0 var(--_d));
    background: conic-gradient(from -90deg at var(--s) var(--_d), #fff 135deg, #666 0 270deg, #aaa 0);
    animation: loading4 1.2s infinite; }
  .infinite-scroll-loading-hint:before {
    z-index: 1;
    margin-bottom: calc(var(--_d)/-2 - 1px); }
  .infinite-scroll-loading-hint:after {
    margin-top: calc(var(--_d)/-2 - 1px);
    animation-delay: 0.6s; }

@keyframes loading4 {
  0% {
    transform: translate(0); }
  16.67% {
    transform: translate(-10px); }
  33.33% {
    transform: translate(10px); }
  50%,
  100% {
    transform: translate(0); } }

nav.pagination {
  text-align: center;
  font-size: 1.2em; }
  nav.pagination .page-numbers {
    border: 1px solid black;
    padding: 5px 10px;
    text-decoration: none; }
    nav.pagination .page-numbers:hover {
      border-color: lightgray; }
    nav.pagination .page-numbers.current {
      border-color: transparent; }
    nav.pagination .page-numbers.prev:before {
      content: "<"; }
    nav.pagination .page-numbers.next:after {
      content: ">"; }

article.page.post-10 {
  text-align: justify; }

html, body {
  width: 100%;
  font-family: "Swiss721"; }

body {
  position: relative;
  display: flex;
  flex-direction: row;
  padding: 2em 1em 2em 0; }
  body > main {
    flex-grow: 1; }
  @media (min-width: 720px) {
    body {
      padding: 3em 2em; } }

p {
  line-height: 22px;
  margin-bottom: 2em; }

strong {
  font-weight: bold; }

@media (max-width: 1024px) {
  .wp-block-columns {
    flex-wrap: wrap !important; }
    .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
      flex-basis: 100% !important; } }
