/* .block-editor-block-list__block { color:red; } */

.Gutenberg { margin:3vw auto 0 auto; /*width:100vw;*/ width:100%; }
.Padded { padding-left:12%!important; padding-right:12%!important; }
.PaddedRight { padding-right:4%; }
.Rounded { border-radius:2em; padding:0.5rem 1rem; }
.Centered { margin:auto; }

hr.Padded { margin-left:12%; margin-right:12%; }

.Content.Document h2 { margin:1.5em 0 .75em 0; font-size:2.5rem; font-weight:bold; text-transform:uppercase; }
.Content.Document h3 { margin:1.5em 0 .75em 0; font-size:1.75rem; font-weight:bold; text-transform:uppercase; }
.Content.Document h4 { margin:1.5em 0 .75em 0; font-size:1.5rem; font-weight:bold; text-transform:uppercase; }
.Content.Document ul, .Content.Document ol { padding-left:2em; font-size:var(--font-size-default); }
.Content.Document li { margin-bottom:.5em; }
.Content.Document .ListLowerAlpha { list-style:lower-alpha; }



@media (max-width:767px) {
  .Padded {  }
}

.has-repdata-blue-color { color:#4d4ea1; }
.has-repdata-pink-color { color:#ef24dc; }
.has-repdata-purple-color { color:#9b31cf; }

.wp-block-heading strong { font-weight:inherit; }
/* .wp-block-separator { border:0; color:#ccc; border-top:1px solid; } */
h1.wp-block-heading { font-size:var(--font-size-large); margin-top:0; font-weight:600; line-height:1.5; }
h2.wp-block-heading { margin:0.5em 0; font-size:var(--font-size-xxlarge); font-weight:600; line-height:.95; text-transform:uppercase; }
/* h2.wp-block-heading strong { font-weight:inherit; } */
h3.wp-block-heading { font-size:var(--font-size-xlarge); }
.wp-block-button a { padding:.5vw 1vw!important; border:.2vw solid var(--color-pink)!important; border-radius:0!important; font-size:inherit; font-weight:500; text-transform:uppercase; }


.wp-block-buttons.Fancy { padding:1em 1.5em; border:1px solid gray; border-radius:1em; width:100%; display:flex; flex-direction:row; flex-wrap:nowrap; }
.wp-block-buttons.Fancy .wp-block-button { flex-grow:1; margin-right:2em; width:100%; }
.wp-block-buttons.Fancy .wp-block-button:last-of-type { margin-right:0; }
.wp-block-buttons.Fancy .wp-block-button a {
  padding:1em 7.5em 1em 2em!important; border:0!important; border-bottom-right-radius:1em!important; border-top-left-radius:1em!important;
  width:100%;
  font-weight:500; }
.wp-block-buttons.Fancy .wp-block-button a::after { content: ' +'; }
@media (max-width:767px) {
  .wp-block-buttons.Fancy { flex-direction:column; }
  .wp-block-buttons.Fancy .wp-block-button { margin:0 }
}

.Gutenberg.wide { width:100vw; }

.Hero { font-size:1.1vw; }
.Hero h1, .Hero h1.wp-block-heading { margin-bottom:.5; font-size:var(--font-size-huge); font-weight:600; line-height:.8em; text-transform:uppercase; }
.Hero h2, .Hero h2.wp-block-heading { margin-bottom:.5em; font-size:2rem; font-weight:600; /*line-height:.85;*/ text-transform: uppercase; text-align:left; }
.Hero.Content h1 { margin-bottom:0; }

h3 { margin-bottom:1em; font-size:var(--font-size-xxlarge); font-weight:600; text-transform:uppercase; }
h4 { margin-bottom:1em; font-size:var(--font-size-large); font-weight:600; line-height:1.2em; text-transform:uppercase; }

#statistic .html { margin-bottom:7vw; color:var(--color-purple); /*margin:32% 0 0 0;*/ }
#statistic .html .column { display:flex; flex-direction:column; justify-content:center; }
#statistic .html span { line-height:1; }
#statistic .html span.large { font-size:var(--font-size-xxxxlarge); }
#statistic .html span.huge { margin:0; color:var(--color-purple); font-size:22vw; font-weight:600; text-align:right; }
#statistic .html .column.text { font-weight:600; }
#statistic .html p { margin:0; padding-right:30%; color:var(--color-purple); text-transform:uppercase; }
@media (max-width: 767px) {
  #statistic .html { padding:7.5vw 0 15vw 0 }
  #statistic .html .column:first-of-type { width:45% }
  #statistic .html .column:last-of-type { width:55% }
  #statistic .html span.huge { font-size:10rem; text-align:center; }
  #statistic .html span.large { font-size:3rem; }
  #statistic .html p { padding:0; font-size:.8rem; margin-bottom:0!important }
}

/* CARDS */

  .Cards {  }
  .Cards > .wp-block-group { justify-content:space-between; margin:.5em; padding:1em; }
  .Cards > .wp-block-group.Card { flex-basis:100%; }
  .Cards > .wp-block-group.Card figure { padding:1em; }
  .Cards > .wp-block-group h3 { font-size:var(--font-size-xlarge); font-weight:600; text-transform:none; }
  .Cards > .wp-block-group p { font-size:var(--font-size-medium); }
  .Cards.Spread.NoIcons figure img { }
  .Cards.Spread.BigIcons figure img { padding:10% 10% 0 10%; }
  .Cards.Spread.SmallIcons figure img { padding:0; }
  .Cards.Border { background: linear-gradient(to bottom, #fff 2em, var(--color-purple) 2em, var(--color-purple) 2.2em, #fff 2.2em); }
  .Cards.Border .wp-block-group {
    width:100%;
    border-radius:1em; outline:2px solid var(--color-purple);
    background: url(/wp-content/themes/repdata-theme/assets/images/background-dark-bottom-left.webp) bottom/contain no-repeat; }
  .Cards.Border .Card { height:13rem; }
  .Cards.Borderless { /*border-top:2px solid var(--color-purple-dark);*/ }
  .Cards.Borderless .wp-block-group { width:100%; background-image:url(/wp-content/themes/repdata-theme/assets/images/notch-background.png); background-repeat:no-repeat; background-size:contain; }
  .Cards.Borderless .wp-block-group img { margin:1.5em 0 1em 0; }
  .Cards.Borderless .wp-block-group h3 { margin:1em 0; }
  @media (max-width: 767px) {
    .Cards { flex-direction:row; flex-wrap:wrap!important; }
    .Cards > .wp-block-group.Card { flex-basis:45%; margin:0; width:50%; }
    .Cards > .wp-block-group.Card:last-of-type:nth-of-type(odd) { margin:auto; }
  }

/* CHARTS N SUCH */

  .PieChart { }
  @media (max-width:767px) {
    .PieChart p { text-align:center; }
  }

/* FEATURE BLOCK */

  .Feature.Block .Heading figure { width:fit-content; }
  .Feature.Block .Heading h3 { font-weight:bold; }
  .Feature.Block .Columns { align-items:flex-start; }
  .Feature.Block .Columns > .wp-block-group { width:50%; }
  .Feature.Block .Columns > .wp-block-group figure { width:fit-content; }
  .Feature.Block .Columns > .wp-block-group:last-of-type {
    margin:.5em; padding:1em; border-radius:1em; outline:2px solid var(--color-purple);
    background: url(/wp-content/themes/repdata-theme/assets/images/background-dark-top-right.webp) top/contain no-repeat; }
  .Feature.Block .Columns > .wp-block-group:first-of-type h3 { /*font-size: var(--font-size-xxlarge);*/ text-transform: none; font-weight: 500; line-height: 1.2em; }
  .Feature.Block .Columns > .wp-block-group:last-of-type p strong { font-size: var(--font-size-xlarge); text-transform: uppercase; font-weight: 500; line-height: 1.2em; }
  .Feature.Block .Columns > .wp-block-group:last-of-type h4 {
    margin-bottom:.5em; padding-bottom:.25em; border-bottom:1px solid white;
    font-size: var(--font-size-large); text-transform: uppercase; font-weight: 500; line-height: 1.2em; }
  .Feature.Block .Columns > .wp-block-group:last-of-type ul { list-style-type:disc; padding-left:1em; }
  .Feature.Block .Columns > .wp-block-group:last-of-type .wp-block-columns { gap:0; }
  .Feature.Block .Columns > .wp-block-group:last-of-type .wp-block-columns ul { padding-right:2em; }

  @media (max-width:767px) {
    .Feature.Block .Columns { flex-direction:column; margin-bottom:2em!important; }
    .Feature.Block .Columns > .wp-block-group { width:100%; margin:0!important; }
    .Feature.Block .Columns > .wp-block-group:last-of-type .wp-block-column { margin-bottom:2em; }
    /* .Feature.Block > .wp-block-group:first-of-type { width:60%; } */
    .Feature.Block .Columns > .wp-block-group:last-of-type { /*margin-top:-.8em;*/ /*width:40%;*/ font-size:90%; }
  }

  .wp-block-cover.Contain .wp-block-cover__image-background { object-fit:contain; object-position:bottom; }


/* EXPANDER */

.Expander.Block { padding:2em; background: url(/wp-content/themes/repdata-theme/assets/images/background-dark-top-right.webp) top/contain no-repeat; border:.25rem solid var(--color-purple-light); }
.Expander.Block h3 { display: flex; flex-direction: column; justify-content: center; text-transform:unset; font-weight:bold; }
.Expander.Block hr { margin-top:1em; background: linear-gradient(to right, rgba(0,0,0,.5), var(--color-purple-dark), rgba(0,0,0,.5)); }
.Expander.Block .Faq { margin-top:1em; }
.Expander.Block .Faq .Question::before {
  content:attr(data-expander-icon);
  display: inline-block;
  background-color: unset;
  height: 2em;
  width: 2em;
  line-height: 2em;
  text-align: center;
  color: var(--color-purple-light);
  font-weight: bold;
  border-radius: 1em;
  margin-right:.75em;
}

/* CONTACT INFO */

  .wp-block-group.ContactInfo { width:80%; padding:1em 2em; background:url('/wp-content/themes/repdata-theme/blocks/post-inserter/assets/pattern-purple-halo-bottom-right.webp') bottom right / 150%; }
  /* .wp-block-group.ContactInfo h2 { line-height:1.1; } */
  .wp-block-group.ContactInfo .Columns .Column:first-of-type { width:15%; }
  .wp-block-group.ContactInfo .Columns .Column:first-of-type span[class^='material-symbols-'] { font-size:var(--font-size-xxlarge); }
  .wp-block-group.ContactInfo .Columns .Column:last-of-type { width:85%; }
  .wp-block-group.ContactInfo .Columns .Column:last-of-type h3 { font-size:1.5rem; font-weight:bold; text-transform:capitalize; }
  .wp-block-group.ContactInfo .Columns .Column:last-of-type p { padding:.25em 0; }


/* FAQ */

  .Faq .Question { display:flex; }
  .Faq .Question::before {
    content:attr(data-expander-icon);
    display: inline-block;
    background-color: var(--color-purple-dark);
    height: 2em;
    width: 2em;
    line-height: 2em;
    text-align: center;
    color: white;
    font-weight: bold;
    border-radius: 1em;
    margin-right:.75em;
  }
  .Faq .Question:hover { cursor:pointer; }
  .Faq .Question p { width:100%; }
  .Faq .Answer { padding:0 2.75em; display:block; }
  @media (max-width:767px) {
    /* .Faq .Question::before {
      content:'+';
      display: inline-block;
      background-color: var(--color-purple-dark);
      height: 2em;
      width: 2em;
      line-height: 2em;
      text-align: center;
      color: white;
      font-weight: bold;
      border-radius: 1em;
    } */
    /* .Faq .Answer { padding:0; } */
  }

/* BANNER */

    .Gutenberg .banner { margin:-1.5vw auto 4vw auto; width:76%; border-radius:1vw; box-shadow: 0 .5em 1em 0 rgba(205, 40, 215, 25%); display:flex; }
    .Gutenberg .banner h4 { margin:0; padding:1%; display:flex; flex-direction:column; justify-content:center; font-size:var(--font-size-large); font-weight:200; font-style:italic; }