/* Content */

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content p {
  margin-top: 0;
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5 {
  margin-top: 48px;
  margin-bottom: 28px;
  font-weight: 600;
  letter-spacing: -0.2px;
  line-height: 170%;
  font-family: "Open Sans", sans-serif !important;
}

.content h1 {
  font-size: 32px;
}

.content h2 {
  font-size: 24px;
}

.content h3 {
  font-size: 20px;
}

.content h4 {
  font-size: 18px;
}

.content h5 {
  font-size: 15px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.content h6 {
  font-size: 18px;
  font-weight: 400;
  font-style: italic;
  margin-bottom: 28px;
  margin-top: 48px;
}

.content a {
  color: #48639c;
  text-decoration: underline;
  word-break: break-all;
}

.content p,
.content p span,
.content .blockquotes,
.content .blockquotes-line,
.content li {
  font-size: 18px !important;
  line-height: 165% !important;
  letter-spacing: -0.04px !important;
}

.content p,
.content p span {
  margin-bottom: 24px !important;
}

.content p:nth-child(4) {
  font-size: 21px;
  line-height: 36px;
}

.content p:last-child {
  margin-bottom: 0;
}

.content b,
.content strong {
  font-weight: 600;
}

.content ul,
.content ol {
  font-size: 18px;
  line-height: 24px;
  padding-left: 27px;
}

.content ol {
  list-style-type: decimal;
}

.content li {
  margin-bottom: 24px;
  list-style-position: outside;
  padding-left: 8px;
}

.content ul li {
  list-style-image: url("data:image/svg+xml,%3Csvg width='6' height='11' viewBox='0 0 6 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.545455 0.0932203L0.0711462 0.565537C-0.0237154 0.689831 -0.0237154 0.888701 0.0711462 0.988136L4.36364 5.48757L0.0711462 10.0119C-0.0237154 10.1113 -0.0237154 10.3102 0.0711462 10.4345L0.545455 10.9068C0.664032 11.0311 0.83004 11.0311 0.948617 10.9068L5.92885 5.7113C6.02372 5.58701 6.02372 5.41299 5.92885 5.2887L0.948617 0.0932203C0.83004 -0.0310734 0.664032 -0.0310734 0.545455 0.0932203Z' fill='%23111111'/%3E%3C/svg%3E%0A");
}

.content table,
.content tbody,
.content tr,
.content td {
  border-spacing: 0;
}

.content td[align="center"] {
  vertical-align: middle;
}

.content figure {
  margin-bottom: 48px !important;
}

.content figure::after {
  content: "";
  width: 24px;
  margin: 24px 0 0;
  height: 1px;
  background: #cfcfcf;
  display: block;
}

.content figure img {
  border-radius: 0 !important;
}

.content figure img.large-image {
  margin: 0 -52px;
  width: calc(100% + 104px) !important;
  max-width: none !important;
}

.content figcaption {
  margin-top: 16px;
  margin-bottom: 24px;
  font-size: 15px;
  line-height: 24px;
  text-align: left !important;
  font-style: italic;
  opacity: 0.75;
}

.content blockquote {
  font-style: italic;
  margin: 48px 16px;
  border-left: 2px solid #48639c;
  padding-left: 40px;
}

.content blockquote,
.content blockquote span {
  font-size: 23px !important;
  line-height: 40px !important;
}

.content hr {
  width: 24px;
  margin: 45px 0;
  border-width: 0;
  height: 1px;
  background: #cfcfcf;
}

.content br {
  display: block;
  content: "";
  margin-bottom: 24px;
}

.content .email-button {
  cursor: pointer;
  font-size: 18px;
  font-weight: 600;
}

.content .email-button:hover {
  opacity: 0.85;
}

.paywall-wrapper {
  margin-bottom: 20px;
}

.paywall-wrapper .content {
  height: 100%;
  max-height: 155px;
  overflow: hidden;
}

.paywall-box {
  background: #edeff5;
  height: 300px;
}

.paid-filter {
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.8),
    rgba(255, 255, 255, 1)
  );
}

/* Sections */

div[data-section-block-id] table {
  background-color: transparent !important;
  max-width: none !important;
  padding: 0;
}

div[data-section-block-id] .ck-section-td {
  padding: 0 !important;
}

div[data-section-block-id] * {
  color: red !important;
}

.hide-on-public-posts {
  display: none !important;
}

/* Layouts */

.ck-layout-block-template,
.ck-layout-block-template table {
  background-color: transparent !important;
}

/* Bandsintown */

.content .ck-bandsintown-block {
  background: none !important;
}

.content .ck-bandsintown-block a {
  background: #000000 !important;
  color: #ffffff !important;
}

@media screen and (max-width: 767px) {
  .paywall-wrapper {
    margin-bottom: 0;
  }

  .paywall-wrapper .content {
    height: 100%;
    max-height: 125px;
    overflow: hidden;
  }

  .paywall-box {
    min-height: 330px;
  }

  .paid-filter {
    height: 125px;
  }
}

.dark
  :where(.content p, .content p span, .content .blockquotes, .content
    .blockquotes-line) {
  color: #ffffff !important;
}

.dark
  :where(.content h1, .content h1 span, .content h2, .content h2 span, .content
    h3, .content h3 span, .content h4, .content h4 span, .content h5, .content
    h5
    span, .content h6, .content h6 span, .content li) {
}

.dark :where(.content ul li) {
  list-style-image: url("data:image/svg+xml,%3Csvg width='6' height='11' viewBox='0 0 6 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.545455 0.0932203L0.0711462 0.565537C-0.0237154 0.689831 -0.0237154 0.888701 0.0711462 0.988136L4.36364 5.48757L0.0711462 10.0119C-0.0237154 10.1113 -0.0237154 10.3102 0.0711462 10.4345L0.545455 10.9068C0.664032 11.0311 0.830039 11.0311 0.948617 10.9068L5.92885 5.7113C6.02372 5.58701 6.02372 5.41299 5.92885 5.2887L0.948617 0.0932203C0.830039 -0.0310735 0.664032 -0.0310735 0.545455 0.0932203Z' fill='white'/%3E%3C/svg%3E%0A");
}

.dark :where(.content a, .content p a span) {
  color: #a4ceff !important;
}

.dark :where(.paywall-box) {
  background: #161616;
}

.dark :where(.paid-filter) {
  background: linear-gradient(
    to bottom,
    rgba(17, 17, 17, 0.8),
    rgba(17, 17, 17, 1)
  );
}

.dark :where(div[data-section-block-id] *) {
  color: #ffffff !important;
}

.dark :where(div.ck-layout-block-template *) {
  color: #ffffff !important;
}

.dark :where(.content .ck-bandsintown-block *) {
  color: #ffffff !important;
}

.dark :where(.content .ck-bandsintown-block a) {
  background: #ffffff !important;
  color: #000000 !important;
}

.ck-section,
.ck-section center {
  width: 100% !important;
  max-width: 100% !important;
}