olneyhymn/westminster-daily

$font-family-sans-serif: 'Open Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
$font-family-monospace:  Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
$font-family-base:       $font-family-sans-serif ;
$headings-font-family:  'Alegreya', "Times New Roman", serif;

$white:    #fff;
$gray-100: #f8f9fa;
$gray-200: #F8F5F0;
$gray-300: #DFD7CA;
$gray-400: #ced4da;
$gray-500: #98978B;
$gray-600: #8E8C84;
$gray-700: #495057;
$gray-800: #3E3F3A;
$gray-900: #212529;
$black:    #000;

$blue:    #325D88;
$indigo:  #6610f2;
$purple:  #6f42c1;
$pink:    #e83e8c;
$red:     #d9534f;
$orange:  #F47C3C;
$yellow:  #ffc107;
$green:   #93C54B;
$teal:    #20c997;
$cyan:    #29ABE0;

$theme-colors: (
    primary:       $blue,
    secondary:     $gray-600,
    success:       $green,
    info:          $cyan,
    warning:       $orange,
    danger:        $red,
    light:         $gray-200,
    dark:          $gray-800
) !default;

.q {
    font-size: 120%;
    color: rgba(0,0,0,.6);
    font-family: $headings-font-family;
}

.image {
    background-color: white;
    border-left: 20px solid darkgray;
}

// Better spacing for foonotes
div.esv > h5 {
    margin-bottom: 0em;
}

div.esv-text {
    margin-bottom: .5em;
}

 /* Style the button that is used to open and close the collapsible content */
 .collapsible {
    background-color: #fff;
    color: #666;
    cursor: pointer;
    padding: 8px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
  }

  /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
  .active, .collapsible:hover {
    background-color: #ccc;
  }

  /* Style the collapsible content. Note: hidden by default */
  .collapsible-content {
    padding: 0 18px;
    padding-bottom: 18px;
    display: none;
    overflow: hidden;
    background-color: #f1f1f1;
  }