/* SCSS Framework boilerplate from Ristretto: https://github.com/kylelarkin/ristretto */
* {
  box-sizing: border-box; }

body, select, input, textarea {
  color: #333; }

::-moz-selection {
  background: #ccc;
  color: #000;
  text-shadow: none; }

::selection {
  background: #ccc;
  color: #000;
  text-shadow: none; }

a:link {
  -webkit-tap-highlight-color: transparent; }

ins {
  background-color: #ccc;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ccc;
  color: #000;
  font-style: italic;
  font-weight: bold; }

.callout {
  background: #D3BA95;
  padding: 1.5rem 1.5rem .5rem 1.5rem; }
  @media (min-width: 768px) {
    .callout {
      padding: 2.5rem 3rem 1.5rem 3rem; } }
  .callout .detail {
    color: #222;
    font-size: 0.8125rem; }
  .callout p {
    font-family: franklin-gothic-urw, Helvetica, Arial, sans-serif;
    font-size: 0.8125rem; }
  .callout h6 {
    font-family: franklin-gothic-urw, Helvetica, Arial, sans-serif;
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 2px;
    margin: 0;
    margin-bottom: .25rem; }
  .callout:nth-child(1) h6:first-child, .callout:nth-child(1) p:first-child {
    border-top: 2px solid #BAA27F;
    padding-top: 1.5rem; }
  .callout .date {
    font-size: 1.25rem; }
  .callout .note {
    border-top: 1px solid #BAA27F;
    padding-top: 1rem; }
    * + .callout .note {
      margin-top: 3rem; }
  .callout .wp-block-button__link {
    background: #222;
    color: #D3BA95;
    font-family: franklin-gothic-urw, Helvetica, Arial, sans-serif;
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase; }
    .callout .wp-block-button__link a {
      color: #fff; }
    .callout .wp-block-button__link:hover .fa-caret-right {
      left: .25rem; }
    .callout .wp-block-button__link .fa-caret-right {
      position: relative;
      left: 0;
      transition: all .25s ease-out; }
  .callout .transcript-list {
    list-style: none;
    margin: 0;
    padding-left: 0;
    margin: .5rem 0 1.5rem 0; }
    .callout .transcript-list li {
      margin: 0; }
  .callout .transcript {
    color: #222;
    font-family: franklin-gothic-urw, Helvetica, Arial, sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.25; }
    .callout .transcript .fa-caret-right {
      font-size: 0.9375rem;
      margin-left: .25rem;
      position: relative;
      top: 1px; }