/* Global
==================================== */

.btn {
	font-family: 'SassoonInfantMedium';
	font-size: 24px;
	background: #86d261;
	color: #fff;
	text-shadow:
	-1px -1px 0 #002c5e,  
	1px -1px 0 #002c5e,
	-1px 1px 0 #002c5e,
	1px 1px 0 #002c5e;
	}
	a.btn{
		color: #ffffff!important;
		white-space: normal;
		}

.btn:hover, .btn:focus {
	color: #fff;
	background-color: #f15c4f;
	}


/* Page Body
==================================== */

.page-body {
	background-color: #fff;
	max-width: 1080px;
	border-radius: 5px;
	padding: 30px;
	}

	.page-body.content h2{
		font-size: 22px;
		}

	.page-body.content h3, .page-body.content h4, .page-body.content h5, .page-body.content h6{
		font-size:18px;
		font-weight: bold;
		}

	.page-body.content a, .page-body.content h4, .page-body.content h5, .page-body.content h6{
		color: #f15c4f;
		}

	.page-body.content a{
		color: #f15c4f;
		font-weight: bold;
		word-wrap: break-word;
		}

.body-text {
	font-weight: 300;
	line-height: 24px;
	word-wrap: break-word;
}

.body-text-strong {
	font-weight: 600;
	line-height: 24px;
	color: #002c5e;
}

.body-text-strong a {
	font-weight: 600;
	line-height: 24px;
	color: #002c5e;
	text-decoration: underline;
}

.page-body table {
	width:100%;
	border:none;
	margin-bottom: 20px;
	}
	.page-body table th,
	.page-body table td{
		text-align: left;
		padding:7px;
		vertical-align: middle;
		}

.page-body.content ol {
    counter-reset: item;
}
.page-body.content ol li {
    display: block;
    position: relative;
}
.page-body.content ol li:before {
    content: counters(item, ".")".";
    counter-increment: item;
    position: absolute;
    margin-right: 100%;
    right: 10px; /* space between number and text */
}

#teaching-guides img a, #handwriting-activities a{
	display: block;
	}

#teaching-guides, #handwriting-activities img{
	max-width: 100%;
	height: auto;
	max-height: 90px;
	margin: 0 auto;
	display:block;
	margin-bottom: 10px;
	}

	#handwriting-activities img{
		max-height:none;
		margin-bottom: 20px;
		}


/* Blog Only
==================================== */

.body-text.blog h1,
.body-text.blog h2,
.body-text.blog h3,
.body-text.blog h4{
	color: #002c5e!important;
	}

.panel-news .excerpt{
	word-break: break-all;
	}


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

	.page-body{
		border-radius: 0;
		}

}