wp-rdnyc/assets/css/app.scss

/* Fonts */
@import "fonts";

/* Load Bootstrap v5 and customizations */
@import "bs-load";

/*SVG ICON SYSTEM*/
@import "svg-icons";

/* Basic style additions */
@import "basic-additions";

/* Navbar toggler icon override */
@import "nav-burger";

/* Navbar & Main layout styling */
@import "layout-top-navbar-main";

/* Navbar & Main layout styling */
@import "rolling-mandala";

/* main */
html,
body {
  height: 100%;
}
body {
  display: flex;
  flex-direction: column;
  @include media-breakpoint-down(md) {
    padding-top: 1.25rem !important;
  }
  @include media-breakpoint-up(md) {
    padding-top: 3rem !important;
  }
  &.front-page {
    height: 100vh !important;
    overflow-x: hidden;
  }
}

/* links */
a {
  &:hover, &:focus {
    text-decoration-color: $gray-200 !important;
  }
}


/* post styling */
article.post.sticky,
.rpwwt-widget li.rpwwt-sticky {
  border-radius: .25rem !important;
  background-color: rgba(0, 0, 0, 0.50);
  border-bottom: inherit !important;
  margin-bottom: inherit !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-bottom: 0.5rem !important;
  &.mb-4-2 {
    margin-bottom: 2rem !important;
  }
  header.post-header {
    flex: 1 1 auto !important;
    padding: 1rem 1rem 0 1rem !important;
  }
  div.post-body {
    flex: 1 1 auto !important;
    padding: 0 1rem 1rem 1rem !important;
    &:last-child {
      padding-bottom: 0 !important;
      margin-bottom: .25rem !important;
    }
  }
}
header.post-header {
  h1, h2, h1 a, h2 a {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
  }
}
.article.post-body {
  h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    padding-top: 0.5rem;
  }
}

.more-link-outer {
  text-align: right !important;
  margin-bottom: 0 !important;
  .more-link {
    text-decoration: none !important;
    font-family: $font-family-handbrush;
  }
}


/* blockquote handling */
blockquote,
blockquote.wp-block-quote {
  background-color: tint-color($spaceblue-800, 5%) !important;
  border-left-width: 5px !important;
  border-left-style: solid !important;
  border-left-color: tint-color($spaceblue-800, 15%) !important;
  margin-right: 0 !important;
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
  padding: .5rem 1rem !important;
  font-size: 1.4rem;
  p {
    margin-top: 0;
    &:last-of-type {
      margin-top: 0 !important;
      margin-bottom: 0 !important;
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
  }
  &.is-style-large {
    p {
      font-size: 1.7rem;
    }
    cite {
      font-size: 1.125rem;
    }
  }
  cite {
    margin-top: -1rem;
    margin-bottom: 1rem;
    color: $gray-300;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-size: 0.875rem;
    font-style: normal;
    &::before {
      content: "— ";
    }
  }
  &:last-child {
    padding-bottom: .25rem !important;
  }
}
figure.wp-block-pullquote {
  margin: 2em !important;
  padding: 3rem !important;
  &:not(.is-style-solid-color) {
    background-color: tint-color($spaceblue-800, 5%) !important;
    border-top-width: 5px !important;
    border-top-style: solid !important;
    border-bottom-width: 5px !important;
    border-bottom-style: solid !important;
    border-top-color: tint-color($spaceblue-800, 15%) !important;
    border-bottom-color: tint-color($spaceblue-800, 15%) !important;
    & blockquote {
      background-color: none !important;
      border: none !important;
    }
  }
  & blockquote {
    margin: 0 !important;
    padding: 0 !important;
    background-color: inherit !important;
    border: inherit !important;
  }
}

/* other wp styling */
img,
figure.wp-caption {
  max-width: 100%;
  height: auto;
}
.wp-block-image figcaption {
  margin-bottom: 1.5rem;
  text-align: center;
  font-style: italic;
  font-size: smaller;
  color: $text-muted;
}
.btn-primary {
  color: $dark;
  box-shadow: inherit !important;
}
.has-drop-cap:not(:focus)::first-letter {
  font-size: 5em;
  margin: 0.05em 0.05em 0 0;
}
.wp-block-button {
  margin-bottom: .5rem !important;
}
.wp-block-button__link,
.wp-block-search .wp-block-search__button {
  @extend .btn;
  @extend .btn-primary;
}
.is-style-outline > .wp-block-button__link {
  @extend .btn;
  @extend .btn-outline-primary;
}
.wp-caption-text {
  color: $text-muted !important;
}
.alignleft {
  text-align: left !important;
}
.aligncenter {
  text-align: center !important;
}
.alignright {
  text-align: right !important;
}

/* tables */
.wp-block-table table,
.wp-block-calendar {
  @extend .table;
  @extend .table-dark;
  caption {
    color: $text-muted !important;
  }
}
.wp-block-table.is-style-stripes {
  border-bottom: none;
  table {
    @extend .table-striped;
  }
}
.wp-block-calendar table tbody { color: $text-muted !important; }
.wp-block-calendar table th { background-color: tint-color($dark, 5%) !important; }
.wp-block-calendar th, .wp-block-calendar tbody td {
  border: 1px solid $spaceblue-600 !important;
}
.wp-block-calendar > .wp-calendar-nav > span > a {
  background-color: inherit !important;
}

/* post page pagination */
.post-page-numbers {
  text-decoration: none !important;
  @extend .page-item;
  &.current {
    @extend .page-item, .active;
  }
}


/* forms and search */
label,
div.wpforms-container-full .wpforms-form .wpforms-field-label {
  @extend .form-label;
}
div.wpforms-container-full .wpforms-form .wpforms-required-label {
  color: $red !important;
}
input, textarea,
div.wpforms-container-full .wpforms-form input[type="text"],
div.wpforms-container-full .wpforms-form input[type="email"],
div.wpforms-container-full .wpforms-form textarea {
  @extend .form-control;
}
.wpforms-submit-container {
  text-align: right;
}
div.wpforms-container-full .wpforms-form button[type="submit"] {
  @extend .btn;
  @extend .btn-primary;
  font-family: $font-family-handbrush;
}
div.wpforms-container-full div.wpforms-confirmation-container-full {
  color: $input-focus-color;
  background-color: rgba(21,28,40,0.85);
  border-color: $input-border-color;
}
select {
  @extend .form-select;
}
.wp-block-search .wp-block-search__input {
  border-color: $input-border-color !important;
}
.wp-block-calendar,
.wp-block-categories-dropdown {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

/* Meetings plugin styling changes */
@import "meetings-plugin";


/* Front page layout */
.rpwwt-widget ul li img { margin: .5em .75em .75em 0 !important; }
main#fp-main > div.fp-grid {
  display: grid !important;
  grid-template-columns: 1fr;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  @include media-breakpoint-up(md) {
    grid-template-columns: auto 20rem;
  }
  h2.widgettitle {
    font-size: 1.75rem;
    font-weight: 300 !important;
    color: $text-muted;
    margin-bottom: 0.5rem;
    @include media-breakpoint-up(sm) {
      margin-bottom: 1rem;
    }
  }
  .rpwwt-widget {
    li.rpwwt-sticky {
      padding: 0.75rem !important;
    }
    .rpwwt-post-title {
      font-size: 1.4rem;
    }
    .rpwwt-post-date {
      color: $text-muted;
      font-size: smaller;
    }
    .rpwwt-post-excerpt {
      clear: both;
    }
  }
  .tsml-widget-upcoming.widget_tsml_widget_upcoming.widget p {
    text-align: right;
    a {
      @extend .btn;
      @extend .btn-primary;
      font-family: $font-family-handbrush;
    }
  }
}
#tsml #meetings table tbody tr td.name small {
  color: orange;
}