/* Modern and cutting-edge styles */

.is-style-note {
  background: #fefbee;
  border: 2px dashed #eadfeb;
  border-radius: var(--border-radius);
  padding: 1rem;
  color: #711c46;
}

.is-style-notice {
      background: #f5f9fd;
    border: 1px solid #c5c6d5;
    border-radius: 5px;
    padding: 1rem;
    font-weight:500;
}

.is-style-info {
  background: #f0fff0;
    border: 1px solid #d9f0e3;
    border-radius: 5px;
    padding: 1rem;
    color: #195c1b;
}

.is-style-minimal{
    padding: 1rem;
    border-left: 4px solid #b8ad88;
    border-radius: 0;
}

.is-style-intro {
  font-size: 1.8rem;
  line-height: 1.4;
  margin-bottom: 1rem;
  font-weight: 500;
}

.is-style-serif {
  font-family: var(--font-serif, 'Merriweather', Georgia, 'Times New Roman', serif);
}
.is-style-callout {
  font-weight: 500;
    font-size: 1.5rem;
    padding: 1rem;
    line-height: 1.75;
    border-left: 0;
    background: #080808;
    color: #eee;
    border-radius: 5px;
}
.is-style-callout a{
  color:#ffd700
}
/* Numbered List Styles */
.is-style-numbered {
  counter-reset: rowNumber;
  padding: 10px;
}

.is-style-numbered, .is-style-checked,
.is-style-list-checkmark,
.is-style-list-cross,
.is-style-cancel,
.is-style-list,
.is-style-arrow-square-right {
  list-style: none;
  margin-left:0!important
}

.is-style-numbered li:before {
  float: left;
  background: #080808;
  border-radius: 100%;
  color: #fff;
  content: counter(rowNumber);
  counter-increment: rowNumber;
  display: inline-block;
  font-size: 0.9rem;
  font-weight: 700;
  left: -20px;
  line-height: 1;
  margin-right: 10px;
  padding: 8px 0;
  text-align: center;
  width: 30px;
}


h3.numbered,h3.is-style-numbered { counter-increment: h3; counter-reset: h4; } h2.numbered, h2.is-style-numbered { counter-increment: h2; counter-reset: h3; } h3.numbered::before, h3.is-style-numbered::before { content: counter(h3); } h2.numbered::before, h2.is-style-numbered::before { content: counter(h2); } .numbered::before, .is-style-numbered::before { -ms-flex-align: center; -ms-flex-pack: center; -webkit-box-align: center; -webkit-box-pack: center; align-items: center; background-color: #d0dad2; border-radius: 50px; color: #080808; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 60px; justify-content: center; line-height: 2; margin-left: -10px; margin-right: 15px; width: 60px; }
.is-style-centered-heading {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
}

.is-style-centered-heading::before,
.is-style-centered-heading::after {
    content: "";
    flex-grow: 1;
    border-top: 2px dashed #ddd;
    height: 2px;
    margin: 0 10px;
}
.is-style-colored{background: var(--wp--preset--color--primary); color: var(--wp--preset--color--aliceblue)!important; padding: var(--wp--preset--spacing--20);}
.is-style-colored-green{background: var(--wp--preset--color--secondary); color: var(--wp--preset--color--aliceblue)!important; padding: var(--wp--preset--spacing--20);}
figure.is-style-rounder img{border-radius:10px}
figure.is-style-shadow img{box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);}
figure.is-style-shadow-round img, .wp-block-group.is-style-shadow-round, blockquote.is-style-shadow-round{border-radius:10px; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);}
.is-style-browser-shot, .browser-shot { border-top: 2em solid rgba(230, 230, 230, 0.7); box-shadow: 0 0.1em 1em 0 rgba(0, 0, 0, 0.2); position: relative; border-radius: 3px 3px 0 0; background:#fff; } .is-style-browser-shot:before, .browser-shot:before { display: block; position: absolute; content: ""; top: -1.25em; left: 1em; width: 0.5em; height: 0.5em; border-radius: 50%; background-color: #f44; box-shadow: 0 0 0 2px #f44, 1.5em 0 0 2px #9b3, 3em 0 0 2px #fb5; }
.wp-block-group.is-style-card, .is-style-card{border-radius:8px;border:1px solid #ddd;margin-bottom:1.5em}
.is-style-overlay { position: relative; overflow: hidden; color:#fff; } .is-style-overlay::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); /* Adjust this for your overlay color and opacity */ z-index: 1; /* Keeps the overlay above the background but below the content */ } .is-style-overlay > .wp-block-group { position: relative; z-index: 2; /* Keeps the inner content above the overlay */ }
blockquote.wp-block-quote.is-style-newstyle{ background: #fff2f2; border: 3px dashed #ffd2d2; border-radius: 20px; padding: 50px; position: relative; z-index: 5; font-size:22px; line-height:1.75 } cite{font-size:15px; font-style:initial}
.is-style-link .wp-element-button { border: 0; background: transparent; color: #080808; text-decoration: underline !important; }
@media (min-width: 1366px) {
  .is-style-aside, .is-style-aside-right{
    position: absolute;
    max-width: 200px;
    font-size: 14px;
    color: #555;
    text-align: left;
    margin-top: -10rem;
  }
  .is-style-aside {
    left: 0;
  }
  .is-style-aside-right {
    right: 0;
  }
}