.page-middle {
	background-color: #f0ede8;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center right;
	background-attachment: fixed;
}

/***
*     .o88b.  .d88b.  db    db d88888b d8888b.      .d8888. d888888b  .d88b.  d8888b. db    db 
*    d8P  Y8 .8P  Y8. 88    88 88'     88  `8D      88'  YP `~~88~~' .8P  Y8. 88  `8D `8b  d8' 
*    8P      88    88 Y8    8P 88ooooo 88oobY'      `8bo.      88    88    88 88oobY'  `8bd8'  
*    8b      88    88 `8b  d8' 88~~~~~ 88`8b          `Y8b.    88    88    88 88`8b      88    
*    Y8b  d8 `8b  d8'  `8bd8'  88.     88 `88.      db   8D    88    `8b  d8' 88 `88.    88    
*     `Y88P'  `Y88P'     YP    Y88888P 88   YD      `8888Y'    YP     `Y88P'  88   YD    YP    
*                                                                                              
*                                                                                              
*/

.homepage-cover-story {

}

.homepage-cover-story a {
	text-decoration: none;
	display: block;
}

.homepage-cover-story a img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
	border: none;
}

.homepage-cover-story a .headline,
.homepage-cover-story a .sub-head,
.homepage-cover-story a .byline {
	position: absolute;
	color: rgba(0,0,0,0);
	left: 0px;
	top: 0px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	pause: 0.5;
}

/***
*    db   db  .d88b.  .88b  d88. d88888b d8888b.  .d8b.   d888b  d88888b      db   db d88888b  .d8b.  d8888b. d888888b d8b   db  d888b  .d8888. 
*    88   88 .8P  Y8. 88'YbdP`88 88'     88  `8D d8' `8b 88' Y8b 88'          88   88 88'     d8' `8b 88  `8D   `88'   888o  88 88' Y8b 88'  YP 
*    88ooo88 88    88 88  88  88 88ooooo 88oodD' 88ooo88 88      88ooooo      88ooo88 88ooooo 88ooo88 88   88    88    88V8o 88 88      `8bo.   
*    88~~~88 88    88 88  88  88 88~~~~~ 88~~~   88~~~88 88  ooo 88~~~~~      88~~~88 88~~~~~ 88~~~88 88   88    88    88 V8o88 88  ooo   `Y8b. 
*    88   88 `8b  d8' 88  88  88 88.     88      88   88 88. ~8~ 88.          88   88 88.     88   88 88  .8D   .88.   88  V888 88. ~8~ db   8D 
*    YP   YP  `Y88P'  YP  YP  YP Y88888P 88      YP   YP  Y888P  Y88888P      YP   YP Y88888P YP   YP Y8888D' Y888888P VP   V8P  Y888P  `8888Y' 
*                                                                                                                                               
*                                                                                                                                               
*/

.homepage-heading {
	font-size: 32px;
	margin: 16px 16px;
	margin-top: 64px;
	line-height: 1.3em;
	font-weight: normal;
	color: rgba(0,0,0,0.5);
}

@media (max-width: 719px) {
	.homepage-heading {
		margin-top: 32px;
	}
}


/***
*    d88888b d88888b  .d8b.  d888888b db    db d8888b. d88888b .d8888. 
*    88'     88'     d8' `8b `~~88~~' 88    88 88  `8D 88'     88'  YP 
*    88ooo   88ooooo 88ooo88    88    88    88 88oobY' 88ooooo `8bo.   
*    88~~~   88~~~~~ 88~~~88    88    88    88 88`8b   88~~~~~   `Y8b. 
*    88      88.     88   88    88    88b  d88 88 `88. 88.     db   8D 
*    YP      Y88888P YP   YP    YP    ~Y8888P' 88   YD Y88888P `8888Y' 
*                                                                      
*                                                                      
*/


.homepage-features {
	margin: 16px;
	margin-bottom: 32px;
}

.homepage-features .feature .image-wrapper {
}

.homepage-features .feature .image-wrapper img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
	border: none;
}

.homepage-features .feature a {
	display: block;
	text-decoration: none;
	padding-bottom: 30px;
	padding: 10px;
	background-color: #FFF;
	margin-bottom: 16px;
	box-shadow: 0px 2px 3px rgba(0,0,0,0.25);
	-o-box-shadow: 0px 2px 3px rgba(0,0,0,0.25);
	-ms-box-shadow: 0px 2px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.25);
}

.homepage-features .feature a .headline {
	display: block;
	font-weight: bold;
	font-size: 24px;
	color: #555;
	margin-top: 0.5em;
}

.homepage-features .feature a .sub-head {
	display: block;
	font-size: 15px;
	line-height: 1.3em;
    min-height: 2.6em;
	color: #777;
	pause: 0.5;
}

@media (min-width: 1024px) {
	.homepage-features .feature {
		float: left;
		width: 32%;
		margin-right: 2%;
	}
	.homepage-features .feature:nth-child(3n+1) {
		clear: left;
	}
	.homepage-features .feature:nth-child(3n+0) {
		margin-right: 0px;
	}
}

@media (min-width: 720px) and (max-width: 1023px) {
	.homepage-features .feature {
		float: left;
		width: 49%;
		margin-right: 2%;
	}
	.homepage-features .feature:nth-child(2n+1) {
		clear: left;
	}
	.homepage-features .feature:nth-child(2n+0) {
		margin-right: 0px;
	}
}


/***
*    db   db d88888b  .d8b.  d8888b. db      d888888b d8b   db d88888b .d8888. 
*    88   88 88'     d8' `8b 88  `8D 88        `88'   888o  88 88'     88'  YP 
*    88ooo88 88ooooo 88ooo88 88   88 88         88    88V8o 88 88ooooo `8bo.   
*    88~~~88 88~~~~~ 88~~~88 88   88 88         88    88 V8o88 88~~~~~   `Y8b. 
*    88   88 88.     88   88 88  .8D 88booo.   .88.   88  V888 88.     db   8D 
*    YP   YP Y88888P YP   YP Y8888D' Y88888P Y888888P VP   V8P Y88888P `8888Y' 
*                                                                              
*                                                                              
*/

.homepage-headlines {
	margin: 16px;
	margin-bottom: 32px;
	margin-left: 0px;
}

.homepage-headlines .story a {
	display: block;
	color: #000;
	text-decoration: none;
	margin: 10px 0px;
	overflow: hidden;
	padding: 10px;
	background-color: #FFF;
	box-shadow: 0px 2px 3px rgba(0,0,0,0.25);
	-o-box-shadow: 0px 2px 3px rgba(0,0,0,0.25);
	-ms-box-shadow: 0px 2px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.25);
}

.homepage-headlines .story a .image-wrapper {
	width: 30%;
	float: left;
}

.homepage-headlines .story a .image-wrapper img {
	width: 100%;
	height: auto;
	border: none;
	vertical-align: bottom;
}

.homepage-headlines .story a .headline {
	display: block;
	margin-left: 30%;
	padding-left: 10px;
	font-size: 20px;
	font-weight: bold;
	color: #555;
}


@media (min-width: 1200px) {
	.homepage-headlines .story {
		float: left;
		width: 33.33%;
	}
	.homepage-headlines .story a {
		margin-left: 16px;
	}
	.homepage-headlines .story:nth-child(3n+1) {
		clear: left;
	}
	.homepage-headlines .story:nth-child(3n+0) {
		margin-right: 0px;
	}
}

@media (min-width: 720px) and (max-width: 1199px) {
	.homepage-headlines .story {
		float: left;
		width: 50%;
	}
	.homepage-headlines .story a {
		margin-left: 16px;
	}
	.homepage-headlines .story:nth-child(2n+1) {
		clear: left;
	}
	.homepage-headlines .story:nth-child(2n+0) {
		margin-right: 0px;
	}
}

@media (max-width: 719px) {
	.homepage-headlines .story a {
		margin-left: 16px;
	}
	.homepage-headlines .story a .headline {
		font-size: 16px;
		font-weight: normal;
	}
}


/***
*    d8888b.  .d88b.  d888888b d888888b  .d88b.  .88b  d88.       .d8b.  d8888b. d88888b  .d8b.  
*    88  `8D .8P  Y8. `~~88~~' `~~88~~' .8P  Y8. 88'YbdP`88      d8' `8b 88  `8D 88'     d8' `8b 
*    88oooY' 88    88    88       88    88    88 88  88  88      88ooo88 88oobY' 88ooooo 88ooo88 
*    88~~~b. 88    88    88       88    88    88 88  88  88      88~~~88 88`8b   88~~~~~ 88~~~88 
*    88   8D `8b  d8'    88       88    `8b  d8' 88  88  88      88   88 88 `88. 88.     88   88 
*    Y8888P'  `Y88P'     YP       YP     `Y88P'  YP  YP  YP      YP   YP 88   YD Y88888P YP   YP 
*                                                                                                
*                                                                                                
*/

ul.read-more {
	list-style-type: none;
	margin: 0em;
	padding: 0em;
	padding-right: 16px;
}

ul.read-more:before,
ul.read-more:after {
	display: table;
	height: 1px;
	overflow: hidden;
	content: " ";
	clear: both;
}

ul.read-more>li a,
.lasting-lessons a, 
.full-issue a {
	display: block;
	color: #000;
	text-decoration: none;
	margin: 10px 0px;
	overflow: hidden;
	padding: 10px;
	background-color: #FFF;
	box-shadow: 0px 2px 3px rgba(0,0,0,0.25);
	-o-box-shadow: 0px 2px 3px rgba(0,0,0,0.25);
	-ms-box-shadow: 0px 2px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.25);
	margin-left: 16px;
	margin-right: 16px;	
	font-size: 32px;
}

ul.read-more>li a {
	margin: 0px;
	margin-left: 16px;
	width: auto;
}

.read-more a .image-wrapper,
.lasting-lessons a .image-wrapper,
.full-issue a .image-wrapper {
	display: block;
	float: left;
	width: 30%;
	overflow: hidden;
}

.read-more a .image-wrapper img,
.lasting-lessons a .image-wrapper img,
.full-issue a .image-wrapper img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
	border: none;
}

.read-more a .headline,
.read-more a .sub-head,
.lasting-lessons a .headline,
.lasting-lessons a .sub-head,
.full-issue a .headline,
.full-issue a .sub-head {
	display: block;
	margin-left: 30%;
	padding-left: 16px;
}

.read-more a .headline,
.lasting-lessons a .headline,
.full-issue a .headline {
	font-size: 1em;
	line-height: 1.3em;
	font-weight: bold;
	color: #555;
}

.read-more a .sub-head,
.lasting-lessons a .sub-head,
.full-issue a .sub-head {
	font-size: 0.7em;
	line-height: 1.3em;
	color: #555;
}

@media (min-width: 720px) {
	.lasting-lessons, .full-issue {
		width: 50%;
		float: left;
	}

	.lasting-lessons a {
		margin-right: 8px;
	}

	.full-issue a {
		margin-left: 8px;
	}

	ul.read-more>li {
		margin: 0em;
		float: left;
	}

	ul.read-more>li:first-child:nth-last-child(1) { width: 100%;}

	ul.read-more>li:first-child:nth-last-child(2),
	ul.read-more>li:first-child:nth-last-child(2) ~ li { width: 50%; }

	ul.read-more>li:first-child:nth-last-child(3),
	ul.read-more>li:first-child:nth-last-child(3) ~ li { width: 33.333333%; }

}

@media (min-width: 720px) and (max-width: 999px) {
	ul.read-more>li a,
	.lasting-lessons a,
	.full-issue a {
		font-size: 26px;
	}	
}

@media (max-width: 719px) {
	ul.read-more>li a,
	.lasting-lessons a,
	.full-issue a {
		font-size: 22px;
	}
	
	ul.read-more>li {
		margin: 1em 0em;
	}
}

.other-sections {
	clear: both;
	font-size: 20px;
	margin: 16px;
	margin-left: 0px;
	list-style-type: none;
	padding: 0px;
}

.other-sections li {
	display: block;
}

.other-sections li a {
	display: block;
	padding: 10px;
	color: rgb(85,85,85);
	text-decoration: none;
	margin: 0.5em 0em;
	margin-left: 16px;
	font-weight: bold;
	background-color: #FFF;
	box-shadow: 0px 2px 3px rgba(0,0,0,0.25);
	-o-box-shadow: 0px 2px 3px rgba(0,0,0,0.25);
	-ms-box-shadow: 0px 2px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.25);
}

@media (min-width: 1000px) {
	.other-sections li {
		float: left;
		width: 33.333%;
	}
	.other-sections li:nth-child(3n+0) {
		margin-right: 0%;
	}
	.other-sections li:nth-child(3n+1) {
		clear: both;
	}
}

@media (min-width: 720px) and (max-width: 999px) {
	.other-sections li {
		float: left;
		width: 50%;
	}
	.other-sections li:nth-child(2n+0) {
		margin-right: 0%;
	}
	.other-sections li:nth-child(2n+1) {
		clear: both;
	}
}
