/********************************************
Custom CSS
Keep this separate from foundation.css for easier upgrades
********************************************/ 


/********************************************
Style the main elements
********************************************/ 
body {
  color: #666;
}

abbr {
  color: #666;
  font-size: inherit;
  line-height: inherit;
}


/********************************************
Establish basic and special list settings
********************************************/ 
ul {
    margin-left: 1rem;
    list-style-position: outside;
}

ul.expanded li {
  padding-bottom: 1rem;
}


/********************************************
Ensure menu and breadcrumb list items don't 
inherit standard list stylings.
********************************************/ 
ul.menu li,
.breadcrumbs li {
  padding: 0px;
}


/********************************************
Override heading font sizes
so that small is the same as large
********************************************/ 
  h1 {
    font-size: 3rem; }
  h2 {
    font-size: 2.5rem; }
  h3 {
    font-size: 1.9375rem; }
  h4 {
    font-size: 1.5625rem; }
  h5 {
    font-size: 1.25rem; }
  h6 {
    font-size: 1rem; }

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #2199E8;
  font-family: 'Pathway Gothic One', sans-serif;
  }
h1,
h2 {
  line-height: 100%;
  }


/********************************************
Style the Lead paragraph
********************************************/   
.lead {
  color: #888;
  font-style: italic;
  margin-top: 1.2rem;
}


/********************************************
Put some space between the images in the Logo Band
********************************************/ 
.logo-band {
  vertical-align: middle;
  text-align: center;
  }
.logo-band img {
  padding: 4px;
  height: 40px;
  width: auto;
  }

  
/********************************************
SPECIAL BACKGROUNDS
********************************************/ 
.beige {
  background-color: beige;
  margin: 0;
  padding: 1rem 0;
  }
.charcoal {
  background-color: #444;
  color: #eee;
  margin: 0;
  padding: 1rem 0;
  }
  

/********************************************
Customize Title Bar
********************************************/ 
.top-bar {
  padding: 0.5rem; }
  .top-bar::before, .top-bar::after {
    content: ' ';
    display: table; }
  .top-bar::after {
    clear: both; }
  .top-bar, .top-bar ul, .top-bar ul li {
    background-color: #222;
    color: #eee; }
  .top-bar input {
    width: 200px;
    margin-right: 1rem; }


/********************************************
Rounded corners
********************************************/
.round {
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 10px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 10px; 
  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 10px; 
  
  /* Prevent background color leak outs */
  -webkit-background-clip: padding-box; 
  -moz-background-clip:    padding; 
  background-clip:         padding-box;
}


/********************************************
Floated images
********************************************/ 
.img-left {
  float: left;
  margin: 0 1rem 1rem 0;
  }
  
/* Breadcrumbs */
.dark-breadcrumbs {
  background-color: #333;
  color: #eee;
  border-top: 1px solid #555;
  }
.dark-breadcrumbs nav {
  margin: 1rem 0.5rem;
  background-color: transparent;
  }

  
/********************************************
BLOCKQUOTE
********************************************/
blockquote {
  border-left: 1px solid #2199E8; 
  border-top: 1px solid #2199E8; 
  }
blockquote p {
  color: #666;
  }
blockquote footer {
  color: #555;
  font-size: .8rem;
  font-weight: bold;
  font-style: italic;
  }


/* Customize Footer */
footer nav {
  color: #eee;
  }
footer p {
  line-height: .25rem;;
  }
footer a:hover {
  text-decoration: underline;
  }

/* Figures */
figcaption {
  margin: -1rem 0;
  padding: 0.125rem;
  color: #666;
  font-size: 85%;
  }
  
/* MailChimp Customizations */
#mc_embed_signup .indicates-required {
  font-size: .75rem;
  color: red;
}
#mc_embed_signup .asterisk {
  color: red;
}

/* Override forced color in new update of foundation */
.callout {
  color: inherit;
}

/********************************************
Vertical spacer between sections
********************************************/
.spacer {
  height: 1rem;
}

/********************************************
BOOK TITLE
Until Foundation changes <cite> from block
to inline, use the following for book titles:
<span class="booktitle" property="title">
********************************************/
.booktitle {
  font-style: italic;
}
h1 span.booktitle,
h2 span.booktitle,
h3 span.booktitle,
h4 span.booktitle {
  font-style: normal;
}

/********************************************
BLOG STYLINGS
********************************************/
h2.blogtitle{
  margin: 2rem 0 0 0; 
  padding-top: 0.72rem; 
  border-top: 3px solid #eee;
}
.byline {
  font-size: 1rem; 
  font-weight: normal; 
  color: #cacaca; 
  font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; 
  margin: 0.8rem 0 0.2rem 0;
}