:root :where(p) {
    --wp--custom--line-height--normal: 1.65;
}

.overflow-hidden {
  overflow: hidden;
}

.position-relative {
  position: relative;
}

/***************************************************
**** INDIVIDUAL SETTINGS
***************************************************/

.is-style-mk_group_rounded1,
.is-style-mk_cover_hero {
  border-radius: 1.75em .5em 1.75em 1.75em;
}
.is-style-mk_group_rounded2 {
  border-radius: .85em .25em .85em .85em;
}

.wp-block-image.is-style-rounded-corners img {
  border-radius: 1.5em .4em 1.5em 1.5em;
}

.is-style-mk_headline_style {
  font-family: var(--wp--preset--font-family--bai-jamjuree);
  font-style: italic;
  font-weight: 700;
  letter-spacing: -1px;
  line-height: 1.1;
  text-transform: uppercase;
}

@media(min-width: 768px) {
  .is-style-mk_cover_hero {
    position: relative;
  }
  .is-style-mk_cover_hero:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    height: 220px;
    width: 220px;
    background-image: url("data:image/svg+xml,%3Csvg width='210' height='210' viewBox='0 0 210 210' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M122.846 0C156.917 0.000131756 187.747 14.0105 210 36.6367V210H34.2305C13.0315 187.704 0 157.426 0 124.073C0.000228618 55.5494 55.0003 0 122.846 0Z' fill='%23E63A0D'/%3E%3Cpath d='M177.496 83.1826H108.01L102.908 111.681H156.33L152.636 132.791H99.2139L93.7598 164.104H163.247L159.377 185.214H82.6777C78.2212 185.214 74.7022 184.041 72.1221 181.695C69.5423 179.233 68.252 176.008 68.252 172.021C68.252 171.434 68.3699 170.32 68.6045 168.678L75.0039 132.434H0V112.778H78.4736L87.4268 62.0723H181.19L177.496 83.1826Z' fill='white'/%3E%3C/svg%3E%0A");
    background-size: contain;
  }
}

.wp-block-query.is-style-mk_query_inline ul {
  display: flex !important;
  flex-wrap: wrap;
  gap: 5px;
}

@media(min-height: 800px) {
  .wp-block-query.is-style-mk_query_sticky ul li {
    position: sticky;
    top: var(--wp--preset--spacing--large);
  }
}

/***************************************************
**** BUTTON STYLING
***************************************************/

.button {
  text-align: left;
  font-style: italic;
}

.button:hover {
  transform: scale(1.04);
}

.button:hover span[class="arrow_right"]:before {
  transform: rotate(-45deg);
}


.button span[class*="arrow"],
.button span[class*="icon"] {
  width: 2.1em;
  position: relative;
}
.button span[class*="arrow"]:before,
.button span[class*="icon"]:before {
  transition: all .2s ease;
  background: var(--wp--preset--color--primary);
  border-radius: 999px;
  width: 2.4em;
  height: 2.4em;
  position: absolute;
  left: -.8em;
  top: -1.2em;
  padding-top: .7em;
  font-size: 1.1em;
  font-weight: bold;
  color: white;
  text-align: center;
}
.button.is-style-sec span[class*="arrow"]:before,
.button.is-style-sec span[class*="icon"]:before {
  background: white;
  color: var(--wp--preset--color--primary);
}
.button.is-size-small span[class*="arrow"],
.button.is-size-small span[class*="icon"] {
  width: 1.75em;
}
.button.is-size-small span[class*="arrow"]:before,
.button.is-size-small span[class*="icon"]:before {
  width: 2em;
  height: 2em;
  left: -.5em;
  top: -1em;
  padding-top: .5em;
}

/***************************************************
**** Listen
***************************************************/

.wp-block-greyd-list .list_icon {
  background: var(--wp--preset--color--primary);
  color: white;
  border-radius: 999px;
  width: 1.4em;
  height: 1.4em;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  margin-top: -.1em;
  margin-right: .75em;
}
.wp-block-greyd-list .list_icon:before {
  font-size: .8em;
  font-weight: bold;
}

/***************************************************
**** Accordion Settings
***************************************************/

.wp-block-greyd-accordion {
  --accord-content-margin-bottom: 10px;
  --accord-padding: .6em .6em .6em 1.1em;
}
.wp-block-greyd-accordion-item {
  border-radius: 8px;
}
.wp-block-greyd-accordion__title-heading {
  text-transform: none;
  font-weight: bold !important;
}
.wp-block-greyd-accordion__title-heading .icon {
  background: var(--wp--preset--color--primary);
  border-radius: 999px;
  width: 2.45em;
  height: 2.45em;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.wp-block-greyd-accordion__title-heading .icon:before {
  font-size: 1.3em;
  font-weight: bold;
}