body {
  background-color: #BBCDE5;
  
}

h1, h2, h3, h4 {
  color: #639FAB;
  margin: 1.414em 0 0.5em;
  font-weight: 700;
  line-height: 1.2;
}

h1 {
  margin-top: 0;
  
}


h1 {
  font-size: 2.074rem;
  font-family: 'Noto Serif', serif;
}

h2 {
  font-size: 1.728rem;
  font-family: 'Noto Serif', serif;
}
h3 {
    font-size: 1.44rem;
    font-family: 'Noto Serif', serif;
}
h4 {
  font-size: 1.2rem;
  font-family: 'Noto Serif', serif;
}
h5{
  font-size: 1.1rem;
  font-family: 'Noto Serif', serif;
}
h6 {
  font-size: 1rem;
  font-family: 'Noto Serif', serif;
}

.post-meta {

    font-size: 0.9375rem;
    color: #999;

}

.entry-title, .series-select-title {
  text-align:center; 
  margin-bottom: 2.5rem;
}

span.button > a {
  color:#fff; 
}

.add-top {
  margin-top: 1rem; 
}

.top-bar-section ul li > a {
  font-size: 1rem;
  font-weight: bold;
}

body > header.contain-to-grid {
    margin-bottom: 0rem;
}


.website-header {
   color: #ffffff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1C5D99+0,1e3f00+9,1e3f00+44,1C5D99+100 */
background: #1C5D99; /* Old browsers */
}

.website-header {
  padding-top: 1rem;
  padding-bottom: 1rem;
}



span.dropcap {
    display: inline;
    margin: 0;
    padding: .25em .08em 0 0;
    _padding: 0.25em 0.08em 0.4em 0.00em;
    line-height: .4em;
    font-size: 3.2em;
    font-family: "Georgia", "Times New Romans", "Trebuchet MS", "Lucida Grande";
    text-transform: capitalize;
    color: #c30;
    float: left;
}


form#category-select {
    display: inline-block;
}

.category-select-title {
  display:inline-block;
}
#categories {
  padding: 1rem;
  background-color: #eee;
}



footer.full-width {
    background-color: #1C5D99;
        color: #fff;
}



.article-grid.series > li > div.card {
  min-height: 19rem;
  position: relative;
}
.article-count {
    max-width: 100% !important;
    position: absolute;
    bottom: 0;
    right: .5rem;
    left: .5rem;
    margin-right: 1.5rem;
    padding-right: 1rem;
    /* text-align: right; */
    display: block;
    border-top: 1px solid #e8e8e8;
}


.pullquote:before {
    content: open-quote;
    position:relative;
    font-size: 2rem;
}
.pullquote {
    width: 200px;
    float: right;
    border-top: 3px #868686 solid;
    border-bottom: 3px #868686 solid;
    background: top left no-repeat url(../images/quote.png);
    text-indent: 10px;
    padding: 6px;
    margin: 10px 0 10px 10px;
    -webkit-box-shadow: 7px 7px 8px 0px rgba(129,129,129,1);
    -moz-box-shadow: 7px 7px 8px 0px rgba(129,129,129,1);
    box-shadow: 7px 7px 8px 0px rgba(129,129,129,1);
  
}

.button {
	background-color: #1C5D99;
}
.button:hover {
	background-color: #639FAB;
}
a {
	color: #1C5D99;
}

.logo {
	padding-top: .5rem;
}


/* Navigation */

.contain-to-grid {
    background: #222222;
}
.top-bar {
    background: transparent;
}

.top-bar-section li:not(.has-form) a:not(.button) {
    background: transparent;
}

.top-bar-section ul li {
    background: transparent;
}
.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {

    border-right: solid 1px #142900;
   
}

.top-bar-section li:not(.has-form) a:not(.button):hover {
    background: #1C5D99;
}

.top-bar-section .dropdown li:not(.has-form) a:not(.button) {
    background: #1C5D99;
}
/* hover dropdown */
.top-bar-section .dropdown li:not(.has-form) a:not(.button) {
    background: #3a3a3a;
}
.top-bar-section .dropdown li:not(.has-form):hover > a:not(.button) {
    color: white;
    background: #1C5D99;
}

.tabs dd.active a, .tabs .tab-title.active a {
  background: white;
  color: #fff;
}

.top-bar-section ul li:hover:not(.has-form) > a {
  background: transparent;
  color: white;
} 
.top-bar.expanded .title-area {
    background: transparent;
}

/* active */
.top-bar-section li.active:not(.has-form) a:not(.button) {
    background: #1C5D99;
}

.top-bar-section li.active:not(.has-form) a:not(.button):hover {
    background: #2768a5;
}

span.dropcap {
    display: inline;
    margin: 0;
    padding: .25em .08em 0 0;
    line-height: .4em;
    font-size: 3.2em;
    font-family: "Georgia", "Times New Romans", "Trebuchet MS", "Lucida Grande";
    text-transform: capitalize;
    color: #1c5d99;
}

div.row.series-nav {
    margin-top: -2rem;
    margin-bottom: 2rem; 
    background-color: #f2f7fd;
    padding: .4rem;
}

div.row.series-nav .button {
    margin:0px; 
}

/* end Navigation */

.card {
 
  overflow: hidden;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  color: #272727;
  border-radius: 2px; }
  .card .title {
    line-height: 3rem;
    font-size: 1.5rem;
    font-weight: 300; }
  .card .content {
    padding: .5rem;
    font-weight: 300;
    border-radius: 0 0 2px 2px; }
  .card p {
    margin: 0; }
  .card .action {
    border-top: 1px solid rgba(160, 160, 160, 0.2);
    padding: 1.3rem; }
    
  .card .image {
    position: relative; }
    .card .image .title {
      position: absolute;
      bottom: 0;
      left: 0;
      padding: 1.3rem;
      color: #fff; }
    .card .image img {
      border-radius: 2px 2px 0 0; }
    .card h2 {
    font-size: 1.2rem;
    font-weight:bold;
}


.slick-prev:after {
 
  color: red;
 
}

.slick-next:before {
 
  color: red;
 
}

a:hover, a:focus {
    color: #639FAB;
}


.page-numbers {
    background: none;
}

.page-numbers li span.current {
    background: #053f25;
}


.page-numbers.current:hover {
   
    background: #639FAB;

}


.seriesmeta {
    background-color: #f9f2d7;
    padding: 1rem;
}
.home-featured {
  margin-bottom: 1rem;
}

.slick-initialized .slick-slide {
    display: block;
    background-color: #fff;
}


.seriesbox {
    display: block;
    float: none;
    background: #F8F8F8;
    color: #777;
    text-align: left;
    font: .8em Arial, Tahoma, Verdana, Sans-Serif;
    margin: 0 0px 0px 0px;
    padding: 1rem 1rem 1rem 2rem;
    border: none;
    border-bottom: 2px solid #f9f2d7;
    min-width: 125px;
}

li.serieslist-li-current {
    background: #f9f2d7;
    color: #053f25;
}

ul.serieslist-ul {
      font-size: .8rem;
    margin: 0;
    padding: 0;
    list-style-type: decimal;
}

.seriesbox .center {
    text-align: center;
    font-size: 1.5rem;
    padding-bottom: 1rem;
}

li.serieslist-li a:hover {
    display: block;
    color: #639FAB;
    background-color: #fff;
}

li.serieslist-li a {
    display: block;
    color: #b9b9b9;
}

button:hover, button:focus, .button:hover, .button:focus {
    background-color: #639FAB;
}



.donate_btn a {
    background: rgba(0,0,0,0.2);
    padding: 5px 15px;
    float: left;
    margin-left: 15px;
    display: inline-block;
    color: #fff;
    border-radius: 3px;
    margin-top: -5px;
    text-decoration: none;
}

.donate_btn a:hover {
    background: #639FAB;
}

@media only screen and (min-width: 40.063em) {
 


li.name {
  display: none;
}


}