@font-face {
    font-family: "Roboto";
    src: url("fonts/Roboto-Regular.woff") format("woff");
}

@font-face {
    font-family: "Roboto-RegularItalic";
        src: url("fonts/Roboto-Italic.woff") format("woff");
}

@font-face {
font-family: "Roboto-Medium";
    src: url("fonts/Roboto-Medium.woff") format("woff");
}

@font-face {
font-family: "Roboto-MediumItalic";
    src: url("fonts/Roboto-MediumItalic.woff") format("woff");
}

@font-face {
font-family: "Caladea";
    src: url("fonts/Caladea-Regular.woff") format("woff");
}

@font-face {
    font-family: "Caladea-Italic";
        src: url("fonts/Caladea-Italic.woff") format("woff");
    }
    
@font-face {
font-family: "Caladea-Bold";
    src: url("fonts/Caladea-Bold.woff") format("woff");
}

@font-face {
    font-family: "Caladea-BoldItalic";
        src: url("fonts/Caladea-BoldItalic.woff") format("woff");
}


a:link {
color: black;
text-decoration: none;
} 
a:visited
{
color: black;
text-decoration: none;
} 

a:hover {
color: blue;
text-decoration: none;
display: inline-block;
} 

a:active {
color:black;
text-decoration: none;
} 

a:hover, a:active {
background-color:cyan;
}



html {
box-sizing: border-box;
padding: 0px;
 }

 *, *:before, *:after {
    box-sizing: inherit;
  }
  


.nav-container {
max-width: 90%;
margin-right: auto;
margin-left: auto;
background: white;
font-family: Roboto-Medium;
font-size: 1.2rem;
line-height: 1.8rem;
}

.nav-flex {
display: flex; 
flex-flow: row wrap;
list-style: none;
justify-content: center;
align-items: center;
padding: 0;
border-top: 0.2rem solid blue;
border-bottom: 0.2rem solid blue;
}

.nav-flex-item {
display: inline-block;
flex: .05 0 auto;
background: white;
line-height: 40px;
text-align:center;
}

 
.framework {
     display: block;
     width: 60%;
     margin: 0 auto 1rem auto;
     max-width: 80rem;
 }
 
 .seventy-percent {
    display: block;
    width: 70%;
    margin: 0 auto 1rem auto;
 }

 .eighty-percent {
    display: block;
    width: 80%;
    margin: 0 auto 1rem auto;
 }

 .ninety-five-percent {
    width: 95%;
 }

  .ninety-eight-percent {
    width: 98%;
 }



 .alignleft {float: left;}
.alignright {float: right;}


 @media screen and (max-width: 40em) {
   .framework {
     width: 94%;
   }
 }
 
 h1 {
text-align: center; 
font-family: Caladea-Bold;
 font-weight:100;
 font-size: 2rem;
 line-height: 2.4rem;
 }

 .serif-medium {
    text-align: center; 
    font-family: Caladea-Bold;
    font-size: 1.4rem;
    line-height: 1.8rem;
    color:blue;
    
     }

     .serif-medium-left {
        text-align: left; 
        font-family: Caladea-Bold;
        font-size: 1.4rem;
        line-height: 1.8rem;
        
         }



.text {
     font-family: Roboto;
     font-size: 1.2rem;
     line-height: 1.8rem;
 }
  
 .text {
    font-family: Roboto;
    font-size: 1.2rem;
    line-height: 1.8rem;
}

.text-small {
    font-family: Roboto;
    font-size: 1rem;
    line-height: 1.4rem;
}

 .source {
     font-family: Roboto-MediumItalic;
 }
 
.medium  {
    font-family: Roboto-Medium;
}

.medium-larger
{font-family: Roboto-Medium;
    font-size: 1.5rem;
    line-height: 2.1rem;
}

 img {
     display: block;
     max-width: 100%;
     height: auto;
     margin-right: auto;
     margin-bottom: 0;
     margin-left:auto;
     border: thin solid black;
 }
 
 figure {
     display: block;
     margin-bottom: 0;
    max-width: 1024px;
     margin-right: auto;
     margin-left:auto;
 }



 figure p {
     margin-top:0;
     font-family: Caladea, Georgia, 'Times New Roman', Times, serif;
     font-weight:400;
     font-size: 1.2rem;
     line-height: 1.8rem;
 }

 figcaption {
    font-family: Roboto;
    font-size: .9rem;
    /* line-height: 2rem; */
    line-height: 1.2rem;
    text-align: right;
    margin-top: 4px;
    margin-bottom: 0;
}

.more-line-height {
   line-height: 1.8rem;
}

.a-little-space-before {

    padding-top:0;
    padding-bottom:0;
    margin-top:.2rem;
    margin-bottom:-1rem;

}
.space-before {
    margin-top:.8rem;
}

.more-space-before {
    margin-top:5.4rem;
}

.no-space-after {
    padding-bottom:0;
    margin-bottom:0;
}

.no-space-before {
    padding-top:0;
    margin-top:0;

}

.less-space-after {
   padding-top:0;
    padding-bottom:.5rem;
    margin-top:0;
    margin-bottom:0;
}

.more-space-after {
    padding-top:0;
     padding-bottom:1.2rem;
     margin-top:0;
     margin-bottom:0;
 }

.borderthin {
    border: thin solid black;   
   }

   .no-border {
    border-style: none;   
   }

   .border-dots-bottom {
    padding-bottom: .4em;  
    border: 0;
    border-bottom: 2px solid blue;
}

   
 .ellipsis 
{
    font-family: Roboto-Medium;
    line-height: .8rem;
    text-align: center;
    width: 100%;
    
}

/* .center {
    display: flex;
    justify-content: center;
} */


p.center {
    text-align: center;
}


p.right {
    text-align: right;
}

.keeptogther {
    white-space: nowrap;
    hyphens: none;
  }
  .capitals {
    font-family: Roboto;
    font-size: 1.1rem;
    line-height: 1.8rem;
}

.framework-content-centered {
display: flex;
justify-content: center;
}

.centering {

	padding: 12px;
	margin-right: 4px;
	display: inline-block;
  }

  .congregations {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    top: 15px; 
  }

  .places-left {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    position: relative;
    top: 15px; 
  }

  .congregation {
      padding: 5px;
  }

  .congregation img {
    height: 96px;
    width: 144px;
    margin: 10px;
    display: block;
  }

.congregation span {
    display: block;
    max-width: 144px;
    padding: 5px;
}

.color-background {background-color:aquamarine;}

.location {
    text-align: center;
    padding-top:0;
    margin-top:0;
    margin-bottom:2rem;
}
.citations {
    padding-top:0;
    margin-top:0;
    margin-bottom:2rem;
}

a.textdecoration {
text-decoration: underline;

}

p.library {
font-style: italic;
}


    .first-line-then-indent{
        padding-left: 22px;
        text-indent: -22px;
      }