@charset "utf-8";
 /*CSS Document */

a     {
	font-family: ariel, san-serifactiveactive;
	font-size: .65em;
	font-color: pale-blue;
		} 
h1      {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:2.25em;
	color: #BCF3EB;
	text-align: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
		}
h2      {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:1.5em;
	color:#BCF3EB;
	text-align: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2em;
    margin-bottom: 2em;
		}
h3      {
	font-family:ariel, san-serif;
	font-size:1.5em;
	color: #183E13;
	text-align:center;
		}	
h4      {
	font-family:Times, "Times New Roman", "serif";
	font-size:1.2em;
	color: #183E13;
	text-align:center;	
		}


ol     {
    width: 60%;
    margin: auto;
  
}
.customhr    {
  border: none;
    height: 4px;
    background-color: lightcoral;
    width: 100%;
}
p       {
    font-family: "Georga", times, "serif";
    width: 75%;
    margin: auto;
	font-size:1.25em;
    font-color: #e0f6f7;
	margin-bottom:10px;
	line-height: 25px;
   				}
.spacer    {
    height: 100px;
    width: 100%;
    background-color: #426085; 
    }
.txtcolor    {
    color: #e0f6f7;
    text-indent: 2em;
      }

blockquote {
		font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
		font-size: 1.2em;
        width: 70%;
            margin: auto;
			}


/* beginning of global structures */
body   {
	width: 100%;
	height: auto;
	background-color: #426085;
        }
#banner 	{
        width: 100%;
        height:auto;
		}
#navigation  {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        height: auto;
        }   
/*.navwrap	{
		display: flex;
		flex-wrap: wrap;
        justify-content: center;
		height: auto;
		width: 100%;
		margin-left: auto;
        margin-right: auto;
   
			} */

.nav1    {
    display: flex;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    width: 92%;
    height: auto;
}   
.content_wrap {
		width: 100%;	
		margin-top: 50px; 
		margin-left: 40px;
		padding-top: 0px;
		background-color: #426085;
		padding-bottom: 10em;
			} 

/*Article and components */
article        {
		width:70%;	
		padding-top:2em; 
		margin-left:auto;
		margin-right:auto;
		
		padding-bottom: 5px;
		}
.title_image    {
        width: 90%;
        height: auto;
        margin-top: 0px;
        background-color: #bacbcc;
        margin-left: auto;
        Margin-right: auto;
}


.container    {
        
      display: flex;
      width: 75%;
      border: 4px solid #333;
      margin: 20px auto;
      background-color: #f9f9f9;
    }
	.leftbox    {
            max-width:30%; 
            margin: 5px;
          padding: 5px;
          border: 1px solid #000;
          background-color: #e0f6f7;
        
	}
   
   
.rightbox     {
    
            max-width:70%; 
       
          padding: 5px;
          border: 1px solid #000;
          background-color: #e0f6f7;
    
}

.wholebox     {
    
            max-width:100%; 
               padding: 1em;
          border: 1px solid blanchedalmond; ;
         background-color: #426085;
        font-color:blanchedalmond;
    
}


figcaption   {
			font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
			font-size: 1em;
			font-style: strong;
			width: 75%;
             margin: auto;
            }

.story-nav-container 	{
        display:flex;
        flex-direction: column;
                }
.more-story  {
        text-align: center;
        font-size: 2em;
        padding-top: 1em;
        padding-bottom: 2em;
              }






@media screen and (max-width:1000px) {

.content_wrap     {
		width:100%;	
		background-color:#426085;
		}
    a     {
	font-family: ariel, san-serifactiveactive;
	font-size: 1em;
	font-color: pale-blue;
		} 
h1      {
	font-family: Helvetica, Arial, "sans-serif";
	font-size:1.5em;
	color: #BCF3EB;
	text-align: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
		}
h2      {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:1px;
	color:#BCF3EB;
	text-align: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2em;
    margin-bottom: 2em;
		}
h3      {
	font-family:ariel, san-serif;
	font-size:1px;
	color: #183E13;
	text-align:center;
		}	
h4      {
	font-family:Times, "Times New Roman", "serif";
	font-size:1.2em;
	color: #183E13;
	text-align:center;	
		}


ol     {
    width: 60%;
    margin: auto;
  
}
.customhr    {
  border: none;
    height: 4px;
    background-color: lightcoral;
    width: 100%;
}
p       {
    font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
    width: 75%;
    margin: auto;
	font-size:1.25em;
    font-color: #e0f6f7;
	margin-bottom:10px;
	line-height: 25px;
   				}
.spacer    {
    height: 100px;
    width: 100%;
    background-color: #426085; 
    }
.txtcolor    {
    color: #e0f6f7;
    text-indent: 2em;
      }

blockquote {
		font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
		font-size: 1.2em;
        width: 70%;
            margin: auto;
			}
article        {
		width:95%;	
		margin-top:50px; 
        background-color:#426085;
				}
p  	{
		width: 95%;
		height: auto;
		
		}
blockquote {	
		font-size:1em;
		font-family:Times, "Times New Roman", "serif";
		}
	ul 		{	
		font-size:1.25em;
		font-family:Times, "Times New Roman", "serif";
		}
 
.photobox	{
		width: 90%;
		margin: auto;
		height: auto;	
		border: 4px solid ;
		padding: 1em;
		background-color: aliceblue;
		align: center;
	        }	
figcaption   {
		font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
		font-size: 1em;
		font-style: strong;
		padding-left: 0em;
	    padding-right: 0em;
            }

}
.short-related-story  {
		font-family:Times New Roman,"serif";
		font-size: 1.25em;
		color: #274b2b;
        width: 75%;
         margin: auto;
			}