.genre-widget i { margin-right: 4px; }
.genre-widget a { display: block; padding: 8px 0; color: inherit; text-decoration: none; }
.genre-widget a:hover { margin: 0 -12px; padding: 8px 12px; background-color: #f7f7f7; }
.genre-widget span { display: inline-block; float: right; width: 78px; margin-top: 2px; font-size: 12px; color: #a78529; opacity: 0.6; }
.genre-widget a:hover span { opacity: 1.0; }
.separate { font-size: 12px; text-align: right; }


.intro { margin-bottom: 16px; padding: 2%; font-size: 14px; line-height: 1.5em; color: #555; background-color: #ddd ;}
.intro h1 { margin-bottom: 4px; font-size: 18px; font-weight: bold; }
/* .intro h1:after { content: ', '; }
.intro h1, .intro p { display: inline; font-size: 13px; line-height: 1.25em; } 
.intro p + p { display: block; margin-top: 8px; }*/

.home-ad { margin-bottom: 1.5%; padding: 16px 0; text-align: center; background-color: #fff; }

.home-educational, .home-printable { position: relative; display: inline-block; vertical-align: top; width: 47.5%; }
.home-educational p, .home-printable p { line-height: 1.5em; }
.home-educational:before, .home-printable:before { position: absolute; opacity: .25; top: 50%; left: 50%; margin: -50px 0 0-72px; font-size: 100px; font-family: 'FontAwesome'; color: #4eb99f; }
.home-educational:before { content: '\f19d'; }
.home-printable:before  { content: '\f02f'; margin: -50px 0 0 -64px; }
.home-educational { margin-right: 5%; }

.widget-featured-completed h3 span { float: right; text-transform: none; font-weight: normal; color: #555; }
.widget-featured-completed span.title { display: block; margin: 4px 0 12px 0; font-size: 15px; font-weight: bold; }
.widget-featured-completed p { line-height: 1.5em; }
.widget-featured-completed .button-link { float: right; margin: 0 0 16px 32px; }

.slick-slider button { position: absolute; z-index: 10; top: 60px; padding: 8px 14px; font-size: 18px; color: #1e4f6a; border: 0; border-radius: 50%; background-color: rgba(255,255,255,.5); outline: none !important; cursor: pointer; transition: opacity .5s; }
.slick-slider button.visible { opacity: 1.0; }
.slick-slider button:hover { background-color: rgba(255,255,255,.8); }
.slick-slider button.slick-prev { left: 16px; padding: 9px 14px 7px 11px; }
.slick-slider button.slick-next { right: 16px; padding: 9px 11px 7px 14px; }


@media all and (max-width: 800px) {
	.genre-widget a { padding: 16px 8px; }
	.genre-widget a:hover { padding: 16px 12px; }
	.story-list li a { padding: 8px; }

	.slick-slider button.slick-prev { left: 14px; top: 40px; }
	.slick-slider button.slick-next { right: 14px; top: 40px; }
}

@media all and (max-width: 600px) {
	.home-ad { max-height: 60px; margin-bottom: 2%; padding: 0; background: none; }
	.home-educational, .home-printable { display: block; width: 100%; margin: 0 0 16px 0; }
	.home-educational:before, .home-printable:before { content: ''; }
	
	.widget-featured-completed .button-link { float: none; margin: 0 0 16px 0; }	
}

@media all and (max-width: 350px) {
	.widget-featured-completed .button-link { font-size: 14px; }	
}


@-webkit-keyframes discMeter {
    0% {
        width: 0;
    }
    75% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}