body {
  margin: 0;
}

#intro h1{
  font-family: 'Playfair Display', serif;
  font-size:8rem;
  line-height: 8rem;
  color:#ffffff;
  text-align: center;
  padding-top:.675em;
}

#intro span#headline-full::before{
    content: "\A";
    white-space: pre;
}

#main h2.five.columns{
  width:100%
}

#main h2{
  font-family: 'Playfair Display', serif;
  font-size: 11.5rem;
  line-height: 13.5rem;
  color:#121F30;
  font-weight: 700;
  text-align: center;
  padding-right:15px;
  margin-bottom:0;
}

#chapter-three h2,
#chapter-four h2{
  font-size: 9rem;
  line-height:10.875rem
}

#main h3{
  font-family: 'Playfair Display', serif;
  font-size: 4.5rem;
  color:#121F30;
  text-align: center;
  font-weight: 700;
}

#chapter-three h3,
#chapter-four h3{
  line-height:1;
}

#chapter-three h3{
  font-size: 4rem;
}

p{
  font-size: 1.25em;
}

a{
  color:#FFC106;
  text-decoration: none;
}

a:hover,
a:focus{
  color:#cf9c06;
  text-decoration: underline;
}

img.responsive{
  width:100% !important;
}

figure{
    margin: 1em 0px;
}

figcaption{
    color:#808080;
    font-style: italic;
}

figure img,
p img{
    max-width:100% !important;
    height:auto !important;
}

.hidden{
  display: none;
}

blockquote{
    font-size: .75em;
    border-left: #cccccc 7px solid;
    padding-left: 2rem;
    margin-left:0;
}

#intro{
  position:relative;
  background-image: url('../images/pope-chapter-1-illustration.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 400px;
  padding-top:0px;
  padding-bottom:150px;
}

span#headline-full{
    width:100%;
}

span#headline-seal::before{
  content:url('../images/ky-seal-md.png');
}

#trans-layer{
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.subhead{
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 2.125rem;
  color:#ffffff;
  text-align: center;
}

#intro .byline{
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 1.75rem;
  color:#ffffff;
  text-align: center;
}

.section-title h3{
  padding-top:.3em;
}

header{
  z-index: 101;
  height:50px;
  background-color: rgba(18, 31, 48, 0.6);
  font-size: 1.25em;
  position: fixed;
  top: 0;
  width: 100%;
  transition: all 300ms ease;
}

header #nav-toggle {
  position: relative;
  padding-left: 1.25em;
}

header #nav-toggle:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.9em;
  width: 1em;
  height: 0.15em;
  background: #FFC106;
  box-shadow: 
    0 0.25em 0 0 #FFC106,
    0 0.5em 0 0 #FFC106;
}

header a{
  color:#F2AF0D;
}

header .main-nav *{
    vertical-align: middle;
}

header #home-menu-item,
header #home-menu-item img{
    padding:0;
    margin-top:0;
}

header #chapter-heading{
    color:#ffffff;
    font-weight: 800;
}

header nav#audio-nav{
    padding-left:0;
    margin-top:0px;
}

header .main-nav{
    display: none;
}

header #mobile-nav-select #nav-toggle{
    display: inline-block;
    position: absolute;
    top:0;
    right:0;
    padding-top:.75rem;
    padding-right:1rem;
}

header #mobile-nav{
    z-index: 101;
    background-color: rgba(18, 31, 48, 0.9);
    padding:2rem 0;
    max-height: 450px;
    overflow-y: scroll;
}

header #mobile-nav ul li{
    width:100%;
    text-align: center;
    list-style: none;
}

header #mobile-nav ul li a{
    display:block;
    width:100%;
    padding:2rem;
}

header #mobile-nav ul li a:hover,
header #mobile-nav ul li a:focus{
    color:#000000;
    background: #FFC106;
}


#main{
  background: #f2f2e8;
}

.chapter{
  padding-top:2em;
  padding-bottom:2em;
}

.chapter .body-text .donate{
  background:#EBEBDB;
  padding:1em;
  margin-left: 1em;
  text-align: center;
  font-weight: 800;
}

/********************************************************
   EPISODE TYPE
*********************************************************/

#main h2{
    text-transform: uppercase;
}


/********************************************************
   PAGE TYPE
*********************************************************/

#subpage{
    background: #f2f2e8;
    padding-top:8em;
    padding-bottom:4em;
}

#subpage h2{
    color:#121F30;
    /*font-family: 'Playfair Display', serif;
    font-weight: 700;*/
}

.how-reported-row h2{
    margin:4rem 0 2rem 0;
}

#subpage .byline{
    font-style: italic;
}

#subpage .published{
    color:#808080;
}

#subpage a{
    color:#121F30;
    border-bottom: 3px solid #E5E5D9;
    box-shadow: inset 0 -20px 0 #E5E5D9;
    -webkit-transition: background .15s cubic-bezier(.33,.66,.66,1);
    transition: background .15s cubic-bezier(.33,.66,.66,1);
    padding: 0;
    text-decoration: none;
}

#subpage a:hover,
#subpage a:focus,
.chapter .body-text a:hover,
.chapter .body-text a:focus{
    border-bottom: 3px solid #CED0BF;
    box-shadow: inset 0 -20px 0 #CED0BF;
}

.chapter .body-text a{
    color:#121F30;
    border-bottom: 3px solid #E5E5D9;
    box-shadow: inset 0 -30px 0 #E5E5D9;
    -webkit-transition: background .15s cubic-bezier(.33,.66,.66,1);
    transition: background .15s cubic-bezier(.33,.66,.66,1);
    padding: 0;
    text-decoration: none;
}

#subpage a:hover,
#subpage a:focus,
.chapter .body-text a:hover,
.chapter .body-text a:focus{
    border-bottom: 3px solid #CED0BF;
    box-shadow: inset 0 -30px 0 #CED0BF;
}

#contributor-list h2.page-subhead{
    font-family: inherit;
    font-weight: inherit;
    padding-top:1em;
    padding-bottom:1em;
}

#subpage .row{
    margin-top:1em;
    margin-bottom:1em;
}

#subpage h2,
#subpage h3,
#subpage h4{
    margin-bottom:0;
}

.contrib-twitter,
.contrib-email{
    font-size: 1.25em;
}

#subpage .filter-label{
    margin-bottom:0;
}

#subpage form p{
    display:inline-block;
    margin-left:10px;
    margin-right:20px;
}

#subpage form p label{
    font-size: .75em;
    opacity:.5;
}

#subpage span.resource-type{
    text-transform: uppercase;
    font-weight: 800;
    margin-left:10px;
    color: #CC3333;
}


/********************************************************
   AUDIO 
*********************************************************/

.plyr--audio .plyr__controls button.tab-focus:focus, 
.plyr--audio .plyr__controls button:hover, 
.plyr__play-large{
  background:#FFC106;
}

.plyr__progress--played, 
.plyr__volume--display{
  color:#FFC106;
}

.plyr--audio .plyr__progress--buffer{
  color: #121F30;
}

.plyr--audio .plyr__progress--buffer, 
.plyr--audio .plyr__volume--display{
  background:rgba(18,31,48,.66);
}

.plyr--audio .plyr__controls{
    padding:0 0 0 10px;
}

.play-btn{
  width:200px;
  margin:auto;
}

#play-four,
#play-five{
  width:300px;
  margin:auto;
}


/********************************************************
   FOOTER
*********************************************************/

footer {
  background: #121f31;
  padding: 4em 0;
  margin: 0 auto;
}

footer #menu-footer .top-level{
  font-weight: 800;
}

#menu-footer .sub-menu li {
  display: block;
  border-left: 8px solid #8d949c;
  border-bottom: none;
  margin: 0 0 .75em 0;
  padding: 0 0 .125em .25em;
  line-height: 1.125em;
  font-weight: normal;
}


/********************************************************
   BONE.JS 
*********************************************************/

.bone-flex-header {
  position: fixed;
  top: 0;
  width: 100%;
  transition: all 300ms ease;
}

.bone-flex-header-brand {
  line-height: 100px;
}


@media (min-width: 37.5em) { /* 600ish px and up */
  
  #intro{
      padding-top:100px;
      padding-bottom:100px;
  }
  
  #intro h1{
    font-size: 8.5rem;
    line-height: 8.5rem;
    display: block;
  }
  
  #intro span#headline-full::before{
    content: "";
    white-space: none;
  }
  
  .subhead{
    font-size: 3rem;
  }
    
  #intro .byline{
      font-size: 2.25rem;
      color:#ffffff;
    }
  
  span#headline-seal::before{
    content:url('../images/ky-seal-md.png');
  }
  
  blockquote{
    margin-left:5em;
    font-size: 1.25rem;
  }
  
  p img{
    margin-top: 1em;
    margin-bottom: 0;
    margin-left: 40px;
    margin-right: 40px;
  }
  
}


@media (min-width: 60em) { /* 960px and up */
  
  header .main-nav *{
    padding-left:.5em;
  }
  
  header #mobile-nav-select,
  header #mobile-nav{
    display: none;
  }
  
  header .main-nav{
    display:inline-block;
  }
  
  header nav#audio-nav{
    margin-top:0px;
  }
  
  #intro h1{
    font-size: 14rem;
    line-height: 14rem;
    padding-top:0;
  }
  
  span#headline-seal::before{
    content:url('../images/ky-seal-lg.png');
  }
  
  #main h2{
    font-size: 11.5rem;
    line-height: 13.5rem;
    text-align: right;
    margin-right:15px;
    margin-bottom:2rem;
  }
  
  #main h3{
    text-align: left;
  }
  
  #main h2.five.columns{
    width:39.333333333%
  }

  #chapter-three h2,
  #chapter-four h2{
    font-size: 8.125rem;
    line-height:10.875rem;
    margin-right: 30px;
  }
  
   #chapter-two h2{
     line-height:10.5rem;
   }
  
  #chapter-three h3,
  #chapter-four h3,
  #chapter-two h3{
    font-size: 3.75rem;
    line-height:1.25;
  }
  
  #main .container{
    width:60%;
  }
  
  .section-title{
    width:120%;
    margin-left:-5em;
  }

  /*.bone-flex-header-brand {
    line-height: 75px;
  }

  .bone-flex-header.bone-flex {
    height: 100px;
  }

  .bone-flex-header.bone-flex .bone-flex-header-brand {
    line-height: 100px;
    font-size: 45px;
  }*/
  
  figure{
    margin: 1em 40px;
  }

}

@media (min-width: 75em) { /* 1200px and up */
    
}