@font-face { font-family:'Bariol'; src:local('Bariol Regular'), url('/css/fonts/Bariol-Regular.ttf') format('truetype'); font-weight:normal; font-style:normal; font-display:swap;}
@font-face { font-family:'Bariol'; src:local('Bariol Italic'), url('/css/fonts/Bariol-RegularItalic.ttf') format('truetype'); font-weight:normal; font-style:italic; font-display:swap;}
@font-face { font-family:'Bariol'; src:local('Bariol Bold'), url('/css/fonts/Bariol-Bold.ttf') format('truetype'); font-weight:bold; font-style:normal; font-display:swap;}
@font-face { font-family:'Bariol'; src:local('Bariol Bold Italic'), url('/css/fonts/Bariol-BoldItalic.ttf') format('truetype'); font-weight:bold; font-style:italic; font-display:swap;}
@font-face { font-family:'RecoletaAlt'; src:local('RecoletaAlt-Medium'), url('/css/fonts/RecoletaAlt-Medium.ttf') format('truetype'); font-weight:bold; font-style:normal; font-display:swap;}

body { font-family:'Bariol', sans-serif; color:#565656; background-color:#FFFFFF; margin:0; font-size:100%;}
h1, h2, h3, h4, h5, h6 { font-family:'RecoletaAlt', sans-serif;}
a { color:#0073aa; text-decoration:none;}
a:hover { text-decoration:underline;}
p { font-size:120%; line-height:130%;}
li { font-size:120%; line-height:130%;}
header { width:100%; position:relative; padding:0; margin:5px 0;}
input { border:1px solid #d9d9d9; padding:5px;}
hr {height: 6px; background: url('../../images/hr.png') repeat-x 0 0; border: 0;}
textarea { font-family:inherit; padding:5px; resize:none; border:1px solid #d9d9d9; font-size:110%;}
h1 { font-size:240%;}
h2 { font-size:190%;}
h3 { font-size:160%;}

figure { float:right; background-color:#F7F7F7; border:1px solid #E9E9E9; padding:5px; margin:5px; text-align:center; max-width:260px;}

.wrap { padding:0; margin:0 auto;}

header { background-color:#FFFFFF; padding:5px 0; margin:0;}
header .logo { display:inline-block; padding:0; float:left; margin:0;}
header .logo img { width:127px; padding:0;}
header nav { padding:0; text-align:right; margin:0; color:#1e7694;}
nav .navicon { background-color:#65cbc9; border-radius:5px; height:20px; margin:10px; padding:8px; width:20px;}
nav ul { padding:0;}
nav ul li { display:inline-block; margin:0; padding:0 10px;}
nav ul li:last-child { border-right:0;}
nav ul li a { color:#4db0b2; text-decoration:none; font-size:120%;}
nav ul li a:hover { color:#248c8f;}
nav ul li a.upgrade { background-color:#f58634; color:#FFFFFF; font-weight:bold; padding:5px 12px; margin:3px; height:25px; border-radius:15px; line-height:25px; color:#FFFFFF; text-decoration:none;}

.middle h3 a { text-decoration:none;}
.middle h3 a:hover { text-decoration:underline;}
.middle .content p { line-height:170%; font-size:125%;}
.middle .content a { text-decoration:underline; color:#1a63d2;}
.middle .content ol { counter-reset:item;}
.middle .content ol li { display:block;}
.middle .content ol li:before { content:counter(item) ". "; counter-increment:item; font-weight:bold;}

.middle .content li { line-height:170%; font-size:125%;}
.middle .content li ul { line-height:170%; font-size:100% !important;}
.middle .content li ul li { line-height:170%; font-size:100% !important;}
.middle .content h2 { margin:40px 0 0 0;}
.middle .content h3 { margin:40px 0 0 0;}
.middle .content .column1 h3 { margin:15px 0 10px 0;}

.nav { margin:15px 0; padding:15px 0; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;}
.nav span { font-size:18px;}
.prev, .next { display:inline-block; position:relative;}
.prev p, .next p { margin:0 10px; font-weight:bold; color:#333333;}
.next { float:right;}
.prev a, .next a { margin:10px 0; color:#168eea; border:0;}
.prev a:hover, .next a:hover { cursor:hand;}

.embed { margin:30px 0; padding:10px; background-color:#F7F7F7;}
.embed h3 { margin:10px 0;}
.embed textarea{ width:98%; min-height:80px; margin-bottom:10px;}
.leaveareply { width:98%;}

.socialbar { margin:0; z-index:100px; padding:5px 0;}
.socialbar .socialbtn { border-radius:3px; display:inline-block; width:31.5%; height:45px; margin-right:5px; text-align:center; vertical-align:top;}
.socialbar .socialbtn  a { color:#FFFFFF !important; text-decoration:none; font-size:120%; font-weight:bold; text-align:center;}
.socialbar .socialbtn .fbbtn { background:#3e5d9c url('images/facebook-icon.png') no-repeat left; background-size:48px 48px; padding:10px 0; border-radius:3px;}
.socialbar .socialbtn .xbtn { background:#000000 url('images/x-icon.png') no-repeat left; background-size:48px 48px; padding:10px 0; border-radius:3px;}
.socialbar .socialbtn .linkedinbtn { background:#0173b2 url('images/linkedin-icon.png') no-repeat left; background-size:48px 48px; padding:10px 0; border-radius:3px;}
.socialbar .socialbtn .linkbtn { background:#0173b2 url('images/link-icon.png') no-repeat left; background-size:48px 48px; padding:10px 0; border-radius:3px;}

.btn { color:#FFFFFF; background-color:#65cbc9; border-radius:4px; padding:5px 12px; font-size:110%;}
.btn:hover { color:#FFFFFF; background-color:#2db9b6; text-decoration:none;}
.btn:focus { color:#FFFFFF; background-color:#2db9b6; text-decoration:none;}

.breadcrumb { font-size:90%; padding:0; margin:20px 0;}
.breadcrumb a { text-decoration:none;}
.breadcrumb a:hover { text-decoration:underline;}
.breadcrumb div { display:inline-block;}
.breadcrumb ol { padding:0;}
.breadcrumb ol li { display:inline-block;}

.headline { border-top:1px solid #d9d9d9; margin:15px 0; padding:15px 0;}
.headline h3 { margin:10px 0 5px 0; }
.headline .entry { display:block; margin-left:160px; vertical-align:top;}

.post-featured { display:inline-block; width:380px; height:285px; margin-bottom:15px;}
.post-featured img{ display:block; width:380px; height:285px;}
.post-featured p { margin-top:10px;}

.middle .column1 .post-thumbnail { display:inline-block; float:left; width:150px; height:150px; margin:15px 0 0 0;}
.middle .column1 .post-thumbnail img{ width:150px; height:auto; margin:0;}

.middle .column2 .post-thumbnail { display:inline-block; width:150px; height:150px;}
.middle .column2 .post-thumbnail img{ width:150px; height:auto;}

.headline p { line-height:150%; margin-top:5px;}

.sidebar .post-thumbnail { display:block; width:100px; height:67px; float:left; margin:10px 10px 10px 0;}
.sidebar .post-thumbnail img { display:block; width:100px; height:67px;}

.post .author { margin-bottom:20px;}
.middle .author img { vertical-align:middle; height:64px; width:64px; border-radius:48px;}
.headline .author img { vertical-align:middle; height:48px; width:48px; border-radius:16px;}
.author a { color:#000000; text-decoration:none;}
.author a:hover { color:#fa9e5a;}

p.published, p.updated { font-size:100%; margin:4px 0;}

.adobe { background:url('../../images/adobe.png') no-repeat left; background-size:48px 48px; padding:10px 0 10px 55px; color:#ae1622 !important; text-decoration:none !important; font-size:90% !important;}
.adobe:hover { color:#ea4c3a;}

.content .alignnone { max-width:100%; height:auto;}
.content .size-medium { max-width:80%; height:auto; display:block;}
.content .alignleft { float:left; margin:0 10px 10px 0;}
.content .alignright { float:right; margin:0 0 10px 10px;}
.content .toc { background-color:#e9f1f7; width:258px; border:1px solid #d5e5f1; font-size:85%; padding:10px 0;}
.content .toc .toc_title { text-align:center; font-weight:bold;}
.content .toc li { margin:2px 0;}
.content .toc a { text-decoration:none;}
.content .example { background-color:#fefee1; width:85%; border:1px solid #f2f2b3; padding:10px; margin:10px 0;}
.worksheet .alignright { float:right; margin:0 0 10px 10px; width:50%; height:auto;}
h3.explanation { margin:0 0 15px 0; background:url('images/question-mark.png') no-repeat left center; padding:0 0 0 20px; font-size:15px; font-weight:normal; font-style:italic;}

.adbox {
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: flex-start;
	margin: 0 auto;
	background-color:#FAFAFC;
}

.adboxs > div {
	z-index: 1;
}

.adbox::before, .adbox::after {
	position: absolute;
	display: block;
	text-align: center;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing:1px;
}

.adbox::before {
	content: "";
	z-index: -1;
}

.adbox::after {
	content: "Advertisement";
}

.paigetstage1 { background: url('images/baby-bottle.png') no-repeat left; background-size:48px 48px; padding:10px 0 10px 60px; margin-bottom:0;}
.paigetstage2 { background: url('images/teddy-bear.png') no-repeat left; background-size:48px 48px; padding:10px 0 10px 60px; margin-bottom:0;}
.paigetstage3 { background: url('images/classroom.png') no-repeat left; background-size:48px 48px; padding:10px 0 10px 60px; margin-bottom:0;}
.paigetstage4 { background: url('images/books.png') no-repeat left; background-size:48px 48px; padding:10px 0 10px 60px; margin-bottom:0;}

.browse { margin:0; padding:0;}
.browse li { width:13.5%; margin:5px 0; padding:0; display:inline-block;}

.recent { padding:20px 0;}
.recent h3 {margin:15px 0 30px 0; font-size:24px; text-align:center;}
.recent ul {margin:0; padding:0; border-top:1px solid #e9e9e9;}
.recent ul li {list-style-type:none; margin:0; padding:10px 0; width:100%; font-size:16px; border-bottom:1px solid #e9e9e9;}
.recent ul li span { float:right; font-size:11px;}
.recent ul li a {font-size:16px;}

.otherposts { width:100%;}
.otherposts .big-post { max-width:230px; display:inline-block; }
.otherposts .big-post img { width:230px; height:auto;}
.otherposts .small-post { max-width:150px;}
.otherposts .small-post img { width:150px;}
.otherpost { margin:15px; display:inline-block; vertical-align:top;}
.otherpost p { margin-top:0;}
.otherpost a { font-weight:bold; font-size:115%;}

.pagination { clear:both; padding:20px 0; position:relative; font-size:13px; line-height:13px;}
.pagination span, .pagination a { display:block; float:left; margin:2px 2px 2px 0; padding:8px 10px; text-decoration:none; width:auto; color:#FFFFFF; background:#555555;}
.pagination a:hover { color:#FFFFFF; background:#0073aa;}
.pagination .current { padding:8px 10px;; background:#0073aa; color:#FFFFFF;}

.sidebar { display:inline-block; vertical-align:top; margin-top:15px;}
.sidebar ul { padding:0;}
.sidebar ul li { list-style-type:none; background: url('images/leaf.png') no-repeat left center; background-size:16px 16px; padding-left:20px; margin:5px 0;}

.search { margin:10px 0;}
.search form { display:flex;}
.search #s { border:1px solid #d9d9d9; padding:10px; margin-right:0; flex:1;}
.search #searchsubmit { border:1px solid #fa9e5a; background:#fa9e5a url('images/search.png') no-repeat center center; background-size:24px 24px; color:#FFFFFF; padding:10px; min-width:38px; margin-left:0; border-radius:0 3px 3px 0;}

.sidebar .entry { font-size:80%;}
.sidebar .entry h3 a { font-size:90%; color:#fa9e5a; text-decoration:none;}
.sidebar .entry h3 a:hover { text-decoration:underline;}

p.catname { margin:10px 0 5px 0 !important;}
p.catname a { color:#fb964c;}
.readmore { background-color:#65cbc9; color:#FFFFFF; padding:5px 15px; border-radius:15px;}
.readmore:hover { background-color:#4eb2b4; text-decoration:none;}

.found h1 { margin-bottom:0;}
.found p { margin-top:0;}

h3.acc_trigger {}
h3.acc_trigger a { text-decoration:none; display:block; text-align:left;}
h3.active {background-position:left center;}
.acc_container { margin:5px 0; padding: 0; overflow: hidden; font-size:14px; width:100%; background:#f0f0f0;}
.acc_container .block { padding:20px 0; margin:0 15px;}

.aligncenter { text-align:center; margin:0 auto;}
.bold { font-weight:bold;}
.left { float:left;}
.right { float:right;}
.clear { clear:both;}
.none { display:none;}

/** Comments **/
.comments-box {zoom: 1; clear:both; margin: 30px 0 0 0; width:100%;}
.comments-box img {vertical-align: middle;}
.comments-box h3 { }
#respond { clear:both; margin:10px 0; padding:5px;}
h3#comments { background: url('images/comment.png') no-repeat left; background-size:32px 32px; padding:10px 0 10px 40px; margin-bottom:0;}
#respond h3 { background: url('images/comments.png') no-repeat left; background-size:32px 32px; padding:10px 0 10px 40px; margin-bottom:0;}
#respond p { line-height: 1.4em; margin: 10px 0 0 0;}

.cancel-comment-reply {padding: 5px 0 0 0; text-decoration:underline;}
.cancel-comment-reply a { }
.text {border: 1px solid #DDDDDD; padding:2px; color:#777777; width:200px;}

/* framework for comments */
ol.commentlist { margin: 10px 0 0 0; padding: 0; background:#FFFFFF; line-height:170%; font-size:110%;}
ol.commentlist a:link {text-decoration:none;}
ol.commentlist li div.vcard cite.fn a.url:hover { text-decoration:none;}
ol.commentlist li { margin:10px 0; padding:10px; list-style-type:none; border:1px solid #e9e9e9; border-radius:3px; font-size:inherit; }
ol.commentlist li.alt {background: #efefef;}
ol.commentlist .vcard img { display:inline-block; vertical-align:middle; margin-right:5px; border-radius:3px;}
ol.commentlist .vcard a { display:inline-block; vertical-align:middle;}
ol.commentlist li div.vcard cite.fn {font-style:normal; font-weight:bold; font-size:110%;}
ol.commentlist li div.vcard cite.fn a.url {color:#222;}
ol.commentlist li div.vcard img.avatar { }
ol.commentlist li div.vcard span.says {color: #888;}
ol.commentlist li div.comment-meta {margin:0; }
ol.commentlist li div.comment-meta a {color: #aaa; text-decoration:none;}
ol.commentlist li p { margin:15px 0 0 0; }
ol.commentlist li div.reply a { display:inline-block; margin:10px 0 0 0; line-height:16px;}
ol.commentlist li div.reply a:hover { text-decoration:none;}
ol.commentlist li ul.children li { margin:10px 0 0 0; background:#FFFFFF; border: 1px solid #e9e9e9; border-radius:3px;}
ol.commentlist li ul.children li li.alt { background:#FFFFFF;}
ol.commentlist .bypostauthor { border:1px solid #fbf94c !important; background-color:#ffffe1 !important;}
ol.commentlist .comment-meta { display:inline-block; vertical-align:middle;}

/* comment form */
#commentform {margin-top: 5px; font-size:120%;}
#commentform input {width:210px; margin: 5px 5px 10px 0; padding:5px; border:1px solid #abadb3; border-radius:3px; color:#333333; display:block; font-size:inherit;}
#commentform input:focus {border: 1px solid #191919;}
#commentform label { display:block;}
#commentform .author {padding:5px; border:1px solid #a1a1a1;}
#commentform .email {padding:5px; border:1px solid #a1a1a1;}
#commentform .url {padding:5px; border:1px solid #a1a1a1;}
#commentform textarea { width:80%; height:150px; padding:5px; margin:5px 0 10px 0; border:1px solid #a1a1a1; font-size:120%; color:#333333; font-family:inherit; border-radius:3px; resize:none;}
#commentform textarea:focus {border:1px solid #191919;}
#commentform .submit, #commentform #afcp-preview { margin:0; padding:5px; color:#FFFFFF; font-weight:bold; border:0; background:#fb964c; border-radius:3px;}
#commentform .submit :hover {background:#333; border:1px solid #191919; text-decoration:underline; color:#FFFFFF;}
/* comment form */

footer { width:100%; border-top:1px solid #d9d9d9; text-align:center; padding:20px 0; margin-top:20px; font-size:85%; color:#6e6e6e;}
footer ul { padding:0; margin:0 0 15px 0;}
footer ul li { display:inline-block; margin:10px;}
footer .social ul li { padding:0; margin:5px;}
footer img { margin:0; height:48px; width:48px;}
footer a { color:#6e6e6e; margin:0; text-decoration:none;}
footer a:hover { color:#0792b4; text-decoration:underline;}