/* 스토리 대사 백업용 */
.wp-block-quote.is-style-plain > p {
  text-indent: 0!important;
}
.story-bub-box1 {
  font-family: 'EliceDigitalBaeum_Regular' , sans-serif;
  margin-top: 0;
  display: inline-block;
  text-align: justify;
  min-width: 30%;
  border-radius: 0px 15px 5px 15px;
  background: #eeeeee;
  color: #222222;
  padding: 20px 15px;
  box-shadow: 3px 3px 2px var(--wp--preset--color--accent-6);
}
.story-bub-box1::after{
  display: none;
}
.story-bub-outside {
  font-weight: bold;
  display: inline-block;
  position: relative;
  min-width: 20%;
  background: #eeeeee;
  color: #222222;
  margin: 0;
  border-radius: 5px 0 0 0;
  padding: 6px 10px;
  filter: drop-shadow(3px 3px 2px var(--wp--preset--color--accent-6));
}
.story-bub-outside::before {
  content: ' ';
  display: inline-block;
  height: var(--wp--preset--font-size--x-large);
  width: 5px;
  background-color: darkseagreen;
  margin-right: 10px;
  vertical-align: middle;
}
.story-bub-outside::after {
  content: '';
  position: absolute;
  background: #eeeeee;
  -webkit-clip-path: polygon(0 0, 30% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 30% 0, 100% 100%, 0 100%);
  right: -15px;
  top: 0;
  width: 1em;
  height: calc(var(--wp--preset--font-size--x-large) + 15px);
}
.story-bub-outside.main-chara {
  background: #22355D;
  color: #eeeeee;
}

.story-bub-box1.main-chara {
  padding: 20px 10px;
  border : 5px solid #22355d;
  background: linear-gradient(135deg, #22355D 5%,#eeeeee 0%, #eeeeee 95%, #22355D 5%);
  color: #333333;
}
.story-bub-outside.main-chara::after {
  background: #22355D;
}
.story-bub-box1.another {
  margin-top: 1.2rem;
  background: linear-gradient(135deg, #22355D 5%, #2D5D81 0%, #2D5D81 95%, #22355D 5%);
  color: #eeeeee;
  padding: 20px 10px;
  border: 5px solid #22355d;
  border-radius: 5px 15px 5px 15px;
}

/* 이미지 스타일 */
.wp-block-post-content :is(img:not([class*="emoji"])) {
  border-radius: 5px 25px 5px 25px;
  box-shadow: 3px 3px 2px var(--wp--preset--color--accent-6);
}

/* 헤딩 스타일 */
:is(.wp-block-post-content,.has-heading) > :is(h1,h2,h3,h4,h5,h6,[class*="custom-style-h"]) {
  font-size: var(--wp--preset--font-size--x-large);
  font-family: 'EliceDigitalBaeum_Regular';
  font-weight: bold;
  text-indent: 0!important;
}

:is(.wp-block-post-content,.has-heading) > :is(h1,h2,h3,h4,h5,[class*="custom-style-h"]) {
  padding: 0.5em 0.2em;
  color: #333333;
  background: white;
  border-radius: 5px 25px 0 0;
}

:is(.wp-block-post-content,.has-heading) > :is(h1,.custom-style-h1) {
  padding: 0.5em 0.2em 0.5em 0.5em;
  background: linear-gradient(90deg, #363B59 40%, #345E84);
  color: white;
  text-shadow: 0 0 5px #428FC2, 0 0 15px #428FC2, 0 0 25px #428FC2;
}

:is(.wp-block-post-content,.has-heading) > :is(h1,.custom-style-h1)::before {
  content: ' ';
  display: inline-block;
  height: var(--wp--preset--font-size--x-large);
  width: 5px;
  background-color: greenyellow;
  margin-right: 15px;
  vertical-align: middle;
  vertical-align: middle;
  translate: 0px -2px;
}

:is(.wp-block-post-content,.has-heading) > :is(h2,h3,.custom-style-h2,.custom-style-h3) {
  margin-top: 100px;
}

:is(.wp-block-post-content,.has-heading) > :is(h2,h3,.custom-style-h2,.custom-style-h3)::before {
  content: '!';
  display: inline-grid;
  place-items: center;
  font-size: var(--wp--preset--font-size--x-large);
  line-height: 1;
  height: var(--wp--preset--font-size--x-large);
  width: calc(var(--wp--preset--font-size--x-large)*0.9);
  background: #f1b911;
  color: white;
  padding: 0.25em;
  -webkit-clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  border-radius: 4px;
  margin-right: 5px;
}

:is(.wp-block-post-content,.has-heading) > :is(h3,.custom-style-h3) {
  background: #0B8D9E;
  color: white;
}
:is(.wp-block-post-content,.has-heading) > :is(h3,.custom-style-h3)::before {
  border-radius: 50%;
  background: white;
  color: #0B8D9E;
  width: var(--wp--preset--font-size--x-large);
  -webkit-clip-path: none;
  clip-path: none;
}

:is(.wp-block-post-content,.has-heading) > :is(h4,.custom-style-h4) {
  background: #3B3D54;
  color: white;
}

:is(.wp-block-post-content,.has-heading) > :is(h4,.custom-style-h4)::before,
:is(.wp-block-post-content,.has-heading) > :is(h5,.custom-style-h5)::before {
  content: '';
  display: inline-block;
  position: relative;
  top: 0.12em;
  padding-right: 0.25em;
  background: no-repeat center/contain;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23ffffff" viewBox="0 -960 960 960"><path d="M160-120v-80h640v80H160Zm160-160q-66 0-113-47t-47-113v-400h640q33 0 56.5 23.5T880-760v120q0 33-23.5 56.5T800-560h-80v120q0 66-47 113t-113 47H320Zm400-360h80v-120h-80v120Z"/></svg>');
  color: inherit;
  width: var(--wp--preset--font-size--x-large);
  height: var(--wp--preset--font-size--x-large);
}

:is(.wp-block-post-content,.has-heading) > :is(h5,.custom-style-h5) {
  background: linear-gradient(90deg, #984589 40%, #285FA5);
  color: white;
  text-shadow: 0 0 5px #F60F7D, 0 0 15px #F60F7D, 0 0 25px #F60F7D;
}

:is(.wp-block-post-content,.has-heading) > :is(h5,.custom-style-h5)::before {
  filter: drop-shadow(0 0 5px #F60F7D) drop-shadow(0 0 3px #F60F7D);
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23ffffff" viewBox="0 -960 960 960"><path d="M200-160v-80h560v80H200Zm0-140-51-321q-2 0-4.5.5t-4.5.5q-25 0-42.5-17.5T80-680q0-25 17.5-42.5T140-740q25 0 42.5 17.5T200-680q0 7-1.5 13t-3.5 11l125 56 125-171q-11-8-18-21t-7-28q0-25 17.5-42.5T480-880q25 0 42.5 17.5T540-820q0 15-7 28t-18 21l125 171 125-56q-2-5-3.5-11t-1.5-13q0-25 17.5-42.5T820-740q25 0 42.5 17.5T880-680q0 25-17.5 42.5T820-620q-2 0-4.5-.5t-4.5-.5l-51 321H200Z"/></svg>');
}

:is(.wp-block-post-content,.has-heading) > :is(h1,h2,h3,h4,h5,h6,[class*="custom-style-h"]) + :is(h1,h2,h3,h4,h5,h6,[class*="custom-style-h"]) {
  margin-top: 0 !important;
  border-radius: 0 0 5px 25px !important;
}

:is(.wp-block-post-content,.has-heading) > :is(h1,h2,h3,h4,h5,h6,[class*="custom-style-h"]) + :is(figure, img),
:is(.wp-block-post-content,.has-heading) > :is(h1,h2,h3,h4,h5,h6,[class*="custom-style-h"]) + figure img {
  margin-top: 0;
  border-radius: 0 0 5px 25px!important;
}

:is(.wp-block-post-content,.has-heading) > :is(h1,h2,h3,h4,h5,h6,[class*="custom-style-h"]) + :is(h1,h2,h3,h4,h5,h6,[class*="custom-style-h"]) + :is(figure, img),
:is(.wp-block-post-content,.has-heading) > :is(h1,h2,h3,h4,h5,h6,[class*="custom-style-h"]) + :is(h1,h2,h3,h4,h5,h6,[class*="custom-style-h"]) + figure img {
  margin-top: revert;
  border-radius: 5px 25px 5px 25px!important;
}