/* Colours */
/* Fluid heading sizes - set your min/max sizes and you're done! */
/* Some device sizes to use with min-width */
/* adjusted breakpoints for above */
/* 100% widths look better than "Snapping" IMO */
/* Utility */
/* Additional Spacers -- don't think you'll need more than 7, but if you do -- maybe just use a custom class  :)  */
#masthead {
  background: #373737 !important; }

#breadcrumb {
  background-color: #f3f3f3;
  padding: 12px 0; }
  #breadcrumb nav {
    line-height: normal; }
    #breadcrumb nav p {
      line-height: normal;
      font-family: "Vend Sans", sans-serif;
      font-size: 16px;
      text-transform: uppercase;
      font-weight: 700;
      margin: 0 !important;
      padding: 0 0;
      color: #7dd449; }
      #breadcrumb nav p a {
        color: #292828; }
        #breadcrumb nav p a:hover {
          color: #7dd449; }
      #breadcrumb nav p .breadcrumb-separator {
        padding: 0 8px; }
        #breadcrumb nav p .breadcrumb-separator i {
          color: #292828;
          line-height: normal;
          font-size: 10px; }

#article {
  background-color: #f9f9f9; }

article h1,
article h2,
article h3,
article h4,
article h5,
article h6,
article .h1,
article .h2,
article .h3,
article .h4,
article .h5,
article .h6 {
  color: #292828; }

article ol,
article ul {
  margin-bottom: 2rem; }

article figure img,
article figure picture {
  border-radius: 10px; }

article .entry-meta {
  margin-bottom: 0.75rem; }
  article .entry-meta span {
    color: #292828;
    font-size: 18px; }

article .entry-content p {
  margin-bottom: 2rem;
  font-size: 18px; }
  article .entry-content p a {
    color: #2a4c79;
    text-transform: none;
    text-decoration: underline; }
    article .entry-content p a:hover {
      color: #7dd449; }

/* Social Share buttons */
.social-share-wrapper hr {
  opacity: 1;
  margin: 0 0 2rem 0;
  border-top: 2px solid #373737; }

.social-share-wrapper p {
  display: inline;
  margin-right: 1rem; }

.social-share-wrapper .share-btns {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block; }
  .social-share-wrapper .share-btns li {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    padding: 8px 8px;
    line-height: 1;
    position: relative;
    top: 0;
    transition: 0.2s all linear;
    margin-right: 15px;
    background-color: #47472d;
    height: 32px;
    width: 32px; }
    .social-share-wrapper .share-btns li i {
      color: white; }
    .social-share-wrapper .share-btns li:last-child {
      margin-right: 0; }
    .social-share-wrapper .share-btns li:hover {
      top: -3px;
      background-color: #2a4c79; }