/* /// */
/* /// @description Styles for any custom components. */
/* /// @author Bruce Bentley */
/* /// @link https://brucebentley.io/ */
/* /// @access public */
/* /// @group components */
/* /// */

/* /// */
/* /// - - - - - - - - - - - - - - - - - - - - - - - - - */
/* /// BLOCKQUOTE STYLES */
/* /// - - - - - - - - - - - - - - - - - - - - - - - - - */
/* /// */
/* /// @description styles for the example <blockquote> component. */
/* /// @author Bruce Bentley */
/* /// @link https://brucebentley.io/ */
/* /// @require */
/* /// @access public */
/* /// @group components */
/* /// */

.blockquote {
  font-size: 1.25rem;
  border: 1px solid rgba(222, 226, 230, 0.54);
  border-left: 0.5rem solid rgba(0, 123, 255, 0.54);
/*  color: #6c757d;*/
  font-family: "Open Sans", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: italic;
  line-height: 1.6;
  margin: 1.875rem auto;
/*  max-width: 60%;*/
  padding: 4.6875rem 1.875rem 1.875rem 4.6875rem;
  position: relative;
  width: 100%;
}
.blockquote:before {
  font-size: 6.875rem;
  color: rgba(0, 123, 255, 0.54);
  content: "“";
  font-family: "Noto Serif", "Georgia", "Times New Roman", "Times", serif;
  font-size: 5.5rem;
  height: 3.75rem;
  left: 0.9375rem;
  line-height: 1;
  max-width: 3.75rem;
  position: absolute;
  text-align: inherit;
  top: 0.9375rem;
  width: 100%;
}
.blockquote:after {
  content: "";
}
.blockquote-footer {
  font-size: 80%;
  color: #eee;
  display: block;
  font-style: normal;
  font-weight: 700;
  margin-top: 1rem;
  padding: 0;
}
.blockquote-footer:before {
  content: "— ";
}
.blockquote .wow {
	font-size: 2rem;
}

.blockquote a, .blockquote a:visited, .blockquote a:active, .blockquote a:hover  {
	text-decoration: none;
}

.motherfuckers img {
    max-width: 200px;
    max-height: 200px;
}