/*
  Theme Name:   akaiwakodomo
  Template:     frost
  Version:      1.0.0
*/

img {
  max-width: 100%;
}

a img:hover {
  opacity: 0.8;
}

.text-shadow {
  text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.4);
}

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}

/* 管理者バーが表示されている時だけヘッダーを下げる */
#wpadminbar ~ .wp-site-blocks .site-header {
  top: 32px;
}

/* 画面幅が782px以下の場合 (スマホ表示など) */
@media screen and (max-width: 782px) {
  #wpadminbar {
    position: fixed;
  }
  #wpadminbar ~ .wp-site-blocks .site-header {
    top: 46px;
  }

  .sp-reverse {
    display: flex !important;
    flex-direction: column-reverse;
  }
}

.yoast-breadcrumbs {
  font-family: var(--wp--preset--font-family--noto-sans-jp);
  font-size: var(--wp--preset--font-size--small);
}
.yoast-breadcrumbs > span {
  display: flex;
  gap: 1em;
}

.ak-event {
  flex-wrap: nowrap;
}

.ak-event figure {
  flex-grow: unset;
  width: 25%;
}

/* スマホ表示など */
@media screen and (max-width: 782px) {
  .ak-event {
    display: flex;
    flex-direction: column;
  }

  .ak-event figure {
    width: 100%;
  }
}