@font-face {
    font-family: 'Open Sans';
    src: url('https://www.clearpoint.org/fonts/open-sans.eot');
    src: url('https://www.clearpoint.org/fonts/open-sans.eot?#iefix') format('embedded-opentype'),
         url('https://www.clearpoint.org/fonts/open-sans.woff2') format('woff2'),
         url('https://www.clearpoint.org/fonts/open-sans.woff') format('woff'),
         url('https://www.clearpoint.org/fonts/open-sans.ttf') format('truetype'),
         url('https://www.clearpoint.org/fonts/open-sans.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('https://www.clearpoint.org/fonts/open-sans-italic.eot');
    src: url('https://www.clearpoint.org/fonts/open-sans-italic.eot?#iefix') format('embedded-opentype'),
         url('https://www.clearpoint.org/fonts/open-sans-italic.woff2') format('woff2'),
         url('https://www.clearpoint.org/fonts/open-sans-italic.woff') format('woff'),
         url('https://www.clearpoint.org/fonts/open-sans-italic.ttf') format('truetype'),
         url('https://www.clearpoint.org/fonts/open-sans-italic.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Open Sans';
    src: url('https://www.clearpoint.org/fonts/open-sans-bold.eot');
    src: url('https://www.clearpoint.org/fonts/open-sans-bold.eot?#iefix') format('embedded-opentype'),
         url('https://www.clearpoint.org/fonts/open-sans-bold.woff2') format('woff2'),
         url('https://www.clearpoint.org/fonts/open-sans-bold.woff') format('woff'),
         url('https://www.clearpoint.org/fonts/open-sans-bold.ttf') format('truetype'),
         url('https://www.clearpoint.org/fonts/open-sans-bold.svg#open_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('https://www.clearpoint.org/fonts/open-sans-bold-italic.eot');
    src: url('https://www.clearpoint.org/fonts/open-sans-bold-italic.eot?#iefix') format('embedded-opentype'),
         url('https://www.clearpoint.org/fonts/open-sans-bold-italic.woff2') format('woff2'),
         url('https://www.clearpoint.org/fonts/open-sans-bold-italic.woff') format('woff'),
         url('https://www.clearpoint.org/fonts/open-sans-bold-italic.ttf') format('truetype'),
         url('https://www.clearpoint.org/fonts/open-sans-bold-italic.svg#open_sansbold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Merriweather';
    src: url('https://www.clearpoint.org/fonts/merriweather.eot');
    src: url('https://www.clearpoint.org/fonts/merriweather.eot?#iefix') format('embedded-opentype'),
         url('https://www.clearpoint.org/fonts/merriweather.woff2') format('woff2'),
         url('https://www.clearpoint.org/fonts/merriweather.woff') format('woff'),
         url('https://www.clearpoint.org/fonts/merriweather.ttf') format('truetype'),
         url('https://www.clearpoint.org/fonts/merriweather.svg#merriweatherregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Merriweather';
    src: url('https://www.clearpoint.org/fonts/merriweather-italic.eot');
    src: url('https://www.clearpoint.org/fonts/merriweather-italic.eot?#iefix') format('embedded-opentype'),
         url('https://www.clearpoint.org/fonts/merriweather-italic.woff2') format('woff2'),
         url('https://www.clearpoint.org/fonts/merriweather-italic.woff') format('woff'),
         url('https://www.clearpoint.org/fonts/merriweather-italic.ttf') format('truetype'),
         url('https://www.clearpoint.org/fonts/merriweather-italic.svg#merriweatheritalic') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Merriweather';
    src: url('https://www.clearpoint.org/fonts/merriweather-bold.eot');
    src: url('https://www.clearpoint.org/fonts/merriweather-bold.eot?#iefix') format('embedded-opentype'),
         url('https://www.clearpoint.org/fonts/merriweather-bold.woff2') format('woff2'),
         url('https://www.clearpoint.org/fonts/merriweather-bold.woff') format('woff'),
         url('https://www.clearpoint.org/fonts/merriweather-bold.ttf') format('truetype'),
         url('https://www.clearpoint.org/fonts/merriweather-bold.svg#merriweatherbold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Merriweather';
    src: url('https://www.clearpoint.org/fonts/merriweather-bold-italic.eot');
    src: url('https://www.clearpoint.org/fonts/merriweather-bold-italic.eot?#iefix') format('embedded-opentype'),
         url('https://www.clearpoint.org/fonts/merriweather-bold-italic.woff2') format('woff2'),
         url('https://www.clearpoint.org/fonts/merriweather-bold-italic.woff') format('woff'),
         url('https://www.clearpoint.org/fonts/merriweather-bold-italic.ttf') format('truetype'),
         url('https://www.clearpoint.org/fonts/merriweather-bold-italic.svg#merriweatherbold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Genericons';
    src: url('https://www.clearpoint.org/fonts/genericons.eot');
    src: url('https://www.clearpoint.org/fonts/genericons.eot?#iefix') format('embedded-opentype'),
         url('https://www.clearpoint.org/fonts/genericons.woff') format('woff'),
         url('https://www.clearpoint.org/fonts/genericons.ttf') format('truetype'),
         url('https://www.clearpoint.org/fonts/genericons.svg#genericonsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {font-family: 'Open Sans', sans-serif;}
#header button::before {content: '\f419'; font: 34px/1 'Genericons'; position: absolute; top: 0; right: 0; display: block; color: #fff; background: none; padding: 12px 8px 13px; width: 41px; text-align: center;} 
#logo-header {font-family: 'Merriweather', serif;}
a#nav-services {font-family: 'Merriweather', serif;}
#search::before {content: '\f400'; font: 24px/1 'Genericons'; color: #fff;}
.social li a::before {display: block; font: 24px/1 'Genericons'; padding: 6px 0 6px; width: 34px; max-width: 34px; text-align: center;}
.social li a.twitter::before {content: '\f202';}
.social li a.facebook::before {content: '\f204';}
.social li a.googleplus::before {content: '\f218';}
.social li a.linkedin::before {content: '\f207';}
.social li a.pinterest::before {content: '\f209';}
.social li a.youtube::before {content: '\f213';}
h1, section#feed h1, h2, h3, h4, #post-meta, .feed-meta, .feed-categories, a.read-this, figcaption {font-family: 'Merriweather', serif;}
p, #content li {font-family: 'Open Sans', sans-serif;}
hr {border: none; border-top: 2px solid #95979a; margin: 0 0 30px;}
table {margin-bottom: 20px; border-collapse: collapse; width: 100%; }
table, td, th {border: 1px solid #fff; vertical-align: middle;}
th, tfoot td {background-color: #bce8e5; color: #222; font: bold 16px/1 'Merriweather', serif; padding: 12px 8px 8px; text-align: center;}
thead th, tfoot td {background-color: #009f9b; color: #fff;}
thead td {background-color: #f8f8f8; text-align: center;}
thead td p {margin-bottom: 0; line-height: 1.4;}
table, thead td p, tbody th, tfoot td {font-size: 14px;}
table.col-five th {font-size: 12px;}
td {background-color: #e5f5f5; padding: 8px; text-align: right;}
td.center {text-align: center;}
td.left, th.left {text-align: left;}
td.right, th.right {text-align: right;}
table.left td {text-align: left;}
table.center td {text-align: center;}
p.editor-note {font-style: italic;}
p.editor-note em {font-style: normal;}
aside, blockquote {position: relative; background-color: #e5f5f5; padding: 24px 40px 12px 52px; margin: 0 0 20px;}
aside::before, blockquote::before {position: absolute; display: block; top: 22px; left: 7px; width: 42px; color: #009f9b; font: bold 62px/1 'Merriweather', serif; content: '\201C';}
aside p, blockquote p {font: bold 18px/1.5 'Merriweather', serif; font-style: italic; color: #333; margin-bottom: 12px;}
aside p.byline, blockquote p.byline {font-size: .8em; color: #009f9b; font-style: normal;}
article#post div.center, article#post div.left, article#post div.right {text-align: center;}
article#post div small {display: block;}
article#post div.center img, article#post div.left img, article#post div.right img {display: inline-block; width: auto; height: auto; max-width: 100%; margin-bottom: 16px;}
article#post iframe, article#post video {margin-bottom: 20px;}
article#post div.center object {display: inline-block; max-width: 100%; height: auto;}
article#post div.center iframe {max-width: 100%;}
article#post div.center table {margin-left: auto; margin-right: auto;}
div.embed {text-align: center; font-size: 14px;}
div.embed textarea {display: block; width: 70%; margin: 8px auto;}
.button, a#cancel-comment-reply-link, #respond .button:active {font-family: 'Merriweather', serif;}
#author-bio {border-top: 2px solid #797979; margin: 35px 0 4px; padding-top: 28px;}
#author-bio p {font: 15px/1.6 'Merriweather', serif; color: #58595b; margin-bottom: 0; font-style: italic;}
#subscribe {background-color: #009f9b; padding: 42px 20px 0; /* (Pre-Silverpop) padding: 22px 20px 36px; */ text-align: center;}
.feed-content #subscribe {margin: 0 -18px 40px;}
#subscribe h2 {color: #a6dedc; font: normal 32px/1.2 'Merriweather', serif; font-style: italic; margin: 0 0 12px;}
#subscribe p {color: #fff; font: bold 16px/1.4 'Merriweather', serif; margin-bottom: 8px; border-bottom: 1px solid #7ed1d5; padding-bottom: 12px; margin-bottom: 12px;}
#subscribe div {width: 90%; width: calc(100% - 42px); padding: 13px 21px 12px 19px; font-size: 16px; font-weight: bold; line-height: 1.5; -moz-border-radius: 4px; border: 1px solid #ff0000; color: #ff0000; -webkit-border-radius: 4px; border-radius: 4px; background-color: #fadbdb; margin-bottom: 8px;}
#subscribe div.thanks {border: 1px solid #009900; color: #009900; background-color: #ccffcc;}
#comments textarea,#comments input[type="text"],#subscribe input[type="email"] {display: block; border: 1px solid #f3f3f3; width: 90%; width: calc(100% - 22px); font: normal 16px/1 'Merriweather', serif;  padding: 6px 10px 5px; margin-bottom: 12px; text-align: center;}
#comments input[type="text"]::-webkit-input-placeholder,
#subscribe input[type="email"]::-webkit-input-placeholder {padding-top: 2px;}
#comments input[type="text"]::-moz-placeholder,
#subscribe input[type="email"]::-moz-placeholder {padding-top: 2px;}
#comments input[type="text"]:-moz-placeholder,
#subscribe input[type="email"]:-moz-placeholder {padding-top: 2px;}
#comments input[type="text"]:-ms-input-placeholder,
#subscribe input[type="email"]:-ms-input-placeholder {line-height: 1.1;}
#comments textarea,#comments input[type="text"] {border-color: #aaa; text-align: left; line-height: 1.5;}
#subscribe .button {border-color: #fff; background-color: #ff5822; font-weight: bold; padding-top: 7px; display: inline-block; margin-bottom: 26px;}
#subscribe .button:active {padding-top: 8px;}
#search-content form input[type="text"] {font-family: 'Merriweather', serif;}

/* Hide reply button from comments */
#comments .comment div.reply, #comments .comment div.reply .comment-reply-link {display: none !important;}

/* Recipes */
#content .recipe {border: 1px solid #999; padding: 20px 20px 0;}
#content .recipe h2 {font-size: 22px; margin: 0 0 6px; color: #000;}
#content .recipe h3 {font-size: 18px; margin-bottom: 10px;}
#content .recipe p {margin-bottom: 20px;}
#content .recipe .details {margin-bottom: 16px;}
#content .recipe .details p {float: left; font-size: 12px; font-style: italic; border-right: 1px solid #ccc; padding-right: 8px; margin: 0 8px 4px 0;}
#content .recipe .details p:last-of-type {border: none; padding-right: 0; margin-right: 0;}
#content .recipe .details::after {content: ''; display: block; clear: both;}
#content .recipe ul {border-top: 1px solid #ccc; margin-bottom: 20px; padding: 0;}
#content .recipe li {border-bottom: 1px solid #ccc; margin: 0; padding: 10px 0 10px 26px; position: relative; font-size: 16px; list-style-type: none;}
#content .recipe li:before {content: '\2610'; display: inline-block; position: absolute; left: 0; color: #bbb;}

@media only screen and (max-width: 359px) {
#logo-header {font-size: 20px; padding: 20px 17px 17px 45px; background-position: 17px 17px; background-size: 24px 24px;}
}
@media only screen and (max-width: 309px) {
#logo-header {font-size: 18px; padding-left: 43px; background-position: 17px 17px; background-size: 22px 22px;}
}
@media only screen and (max-width: 1149px) {
#single #subscribe {background-color: #f2f2f2;}
#single #subscribe h2 {color: #ff5822;}
#single #subscribe p {color: #000; border-bottom: none; padding-bottom: 0;}
#single #subscribe .button {color: #fff; background-color: #009f9b;}
#subscribe input[type="email"] {border-color: #c0c0c0;}
}
#read-more {text-align: center; padding: 26px 20px 28px;}
#read-more ul {padding: 0; margin: 0;}
#read-more li {list-style-type: none; margin-bottom: 14px; font: 14px/1.2 'Merriweather', serif;}
#read-more a {color: #000;}

#comments {border-top: 1px solid #f2f2f2; padding: 0 20px 38px; text-align: center;}
#comments h2 {color: #ff5822; font-size: 32px; font-weight: normal; margin-bottom: 2px;}
#comments header p {color: #b2b2b2; font: bold 15px/1.2 'Merriweather', serif; margin-bottom: 16px;}
#comments h3 {font-size: 22px;}
#comments h3.number {background-color: #e9f9f9; padding: 20px; margin: 0 -10px 30px; font: normal 16px/1.4 'Merriweather', serif;}
#comments .button.add {padding-left: 20px; padding-right: 20px; margin-bottom: 30px; max-width: 250px;}
#comments .button.add::before {content: '+';}
#comments .author {margin-top: -3px;}
#comments h4 {margin: 0; font-size: 16px; text-transform: capitalize;}
#comments p {margin-bottom: 20px;}
.comment-date {margin-bottom: 20px; font: bold 14px 'Merriweather', serif;}
.comment-date a {color: #BBB;}
.comment-date a:hover, .comment-date a:active {text-decoration: none;}
.comment-date a.comment-edit-link {color: #30b7c3;}
#comments ul {padding: 0; margin: 0;} 
#comments li {text-align: left; list-style-type: none; margin-top: 60px;}
#comments .depth-2 {padding-left: 30px;}
#comments .depth-3 {padding-left: 60px;}
#comments .depth-4 {padding-left: 90px;}
.reply a {font-size: 14px; padding: 8px 18px;}
.reply a:active {padding: 9px 17px 7px 19px;}
.show-comment-form.hide, .comment-form.hide {display: none;}

#pagination {text-align: center; list-style-type: none;  padding: 0;}
#pagination li {display: inline-block; padding: 0 4px;}
#pagination li a {display: inline-block; padding: 4px; font-size: 16px; color: #000;} 
#pagination li.active a {color: #30b7c3;}

footer.page {padding: 20px 20px 28px; background-color: #cceceb;}
#footer {width: 100%; max-width: 625px; margin: 0 auto;}
#logo-clearpoint {display: block; margin: 29px 0 30px;}

#social-footer p {font: bold 16px/1 'Merriweather', serif; margin-bottom: 8px;}
#social-footer li {margin-right: 4px; margin-bottom: 4px;}
#social-footer ul {margin: 0 0 46px;}

#copyright {margin-top: 10px; max-width: 430px;}
#copyright p {margin: 0 0 8px; font-size: 10px; line-height: 1.3; color: #222;}
@media only screen and (min-width: 450px) {
article#post div.left {float: left; margin-right: 16px; width: 50%;}
article#post div.right {float: right; margin-left: 16px; width: 50%;}
}
@media only screen and (min-width: 550px) {
table.col-two td {width: 50%;}
table.col-three td {width: 33%;}
table.col-four td {width: 25%;}
table.col-five td {width: 20%;}
th, tfoot td {font-size: 18px}
table, thead td p, tbody th, tfoot td, table.col-five th {font-size: 16px;}
}
@media only screen and (min-width: 700px) {
header.page {height: 68px;}
#logo-header {font-size: 34px; padding: 20px 17px 8px 64px; background-position: 17px 15px; background-size: 40px 40px;}
#header button {height: 68px; width: 78px;}
#header button::before {font-size: 44px; padding: 11px 7px 13px; width: 64px;}
#menu {top: 68px;}
article#post {padding: 0 0 40px; margin-top: 68px;}
section#feed {margin-top: 68px;}
section#feed header h1, section#feed header p {max-width: 960px; margin-left: auto; margin-right: auto;}
section#feed h1 {font-size: 22px;}
section#feed header p {margin-bottom: 12px; font-size: 16px;}
.feed-content, #search-content {max-width: 960px; margin: 0 auto; padding-top: 28px;}
.feed-content #subscribe {margin: 0 0 40px;}
#image-featured {text-align: center; height: 225px; width: 100%; padding: 0; margin: 0;}
#image-featured img {height: 300px; margin: 65px 0 0;}
#content, #subscribe form, #read-more, #comments {width: 625px; margin: 0 auto;}
#post-meta {font-size: 14px;}
#post-meta .author {height: 60px; width: 60px; margin-top: 0; border-radius: 50%; background-size: 60px 60px;}
.post-author, .post-date {padding-top: 12px;}
#content ul#social-top.social {margin-top: 32px;}
h1 {font-size: 40px;}
article#post h1 {margin-top: 160px;}
article#post img {display: block; margin-bottom: 40px; width: 100%; height: auto;}
article#post div.left {width: 35%;}
article#post div.right {width: 35%;}
h2 {font-size: 28px;}
h3 {font-size: 22px;}
h4 {font-size: 18px;}
h2, h3, h4 {margin: 30px 0 20px;}
h5 {font-size: 16px;}
a {color: #30b7c3; text-decoration: none;}
a:hover, a:active {text-decoration: underline;}
p, #content li {font-size: 18px; margin: 0 0 30px;}
#content li {margin-bottom: 20px;}
#content ul, #content ol {padding-bottom: 0;}
aside, blockquote {margin-bottom: 30px;}
figcaption {font-size: 14px; font-weight: normal;}
#author-bio p {font-size: 18px;}
#subscribe form::after {content: ''; display: block; clear: both;} 
#subscribe p {font-size: 20px;}
#subscribe input[type="email"] {width: 470px; float: left; margin-bottom: 0; text-align: left;}
#read-more li {list-style-type: none; margin-bottom: 24px; font: 18px/1.2 'Merriweather', serif;}
#comments h2 {font-size: 36px;}
#comments .author {margin-top: -10px;}
.comment-meta {margin-left: 50px;}
#comments h4 {margin-bottom: 20px; font-size: 18px; float: left; width: 60%;}
.comment-date {float: right; font-size: 16px; width: 40%; padding-top: 2px; text-align: right;}
.comment-meta::after {content: ''; display: block; clear: both;}
#comments p {font-size: 17px;}
#comments .button.add {font-size: 19px;}
#comments .depth-2 {padding-left: 60px;}
#comments .depth-3 {padding-left: 120px;}
#comments .depth-4 {padding-left: 180px;}
.feed-content article {width: 48%; float: left;}
.feed-content article.post-1, .feed-content article.post-3, .feed-content article.post-5, .feed-content article.post-7 {clear: left; margin-right: 4%;}
.feed-content::after {content: ''; display: block; clear: both;}
.feed-meta {font-size: 12px;}
.feed-content .author {margin-top: -32px;}
.feed-date {display: inline;}
.feed-date::before {content: '|'; display: inline-block; color: #777; padding: 0 3px 0 0;}
.feed-content h2 {font-size: 18px; clear: left; margin-top: 12px;}
#pagination {text-align: right; margin: 0 auto 20px; max-width: 960px;}
#search-content {text-align: left;}
#search-content .button {width: 300px;}
#search-content form input[type="text"] {margin-left: 0; max-width: 400px;}
#social-footer {float: right; margin-top: -105px;}
#social-footer p {font-size: 20px; margin-bottom: 12px;}
#accreditation {float: left; clear: both; margin-top: -15px;}
#copyright {float: left;}
#footer::after {content: ''; display: block; clear: both;}
}
@media only screen and (min-width: 960px) {
* {margin: 0;}
html, body {height: 100%;}
#wrapper {min-height: 100%; margin: 0 0 -247px; padding-top: 1px;}
#wrapper::after {content: ""; display: block; height: 247px;}
footer.page {height: 199px;}
header.page {text-align: center;}
#header {max-width: 996px; margin: 0 auto; text-align: left;}
.toggle-button {display: none;}
#menu {display: block; top: 57px; left: 18px; width: 95%; height: 35px; padding: 0; margin: 0; background: none;}
#menu li, #menu a {color: #000; display: inline-block; font-size: 13px; text-transform: uppercase;}
#menu ul, #menu ul ul {display: inline-block; margin: 0; height: 35px;}
#menu ul ul {margin-top: 11px;}
#menu ul ul li:first-of-type {padding-left: 16px;}
#menu li {padding: 0 6px; margin-bottom: 0; height: 35px; position: relative;}
#menu a {padding: 11px 12px; text-transform: none;}
#menu a:hover, #menu a:active, a#search:hover::before, a#search:active::before {color: #ff5822; text-decoration: none;}
a#nav-services {position: absolute; right: -20px; top: -44px; font-size: 22px; padding: 14px 18px 13px; border-width: 2px; color: #fff;}
a#nav-services:active {padding: 15px 17px 12px 19px; color: #fff;}
a#nav-services:hover {color: #fff;}
a#search:link {position: absolute; top: 8px; left: 0; margin-left: 0;}
#search::before {font-size: 22px; color: #000;}
article#post, section#feed {margin-top: 105px;}
section#feed header {border-top: 1px solid #59c1be;}
#content header::after {content: ''; display: block; clear: both; margin-bottom: 12px;}
#content {position: relative;}
#image-featured {border-top: 1px solid #6cc8c5;}
#content ul#social-top.social {position: absolute; top: -160px; left: -130px; width: 46px;}
.social li a {height: 46px;}
.social li a::before {font: 34px/1 'Genericons'; width: 46px; max-width: 46px;}
ul#social-top.social li {margin: 0 0 10px;}
#footer {max-width: 960px;}
#copyright {margin-left: 15px; margin-top: -16px;}
}
@media only screen and (min-width: 1150px) {
a#nav-services {margin-right: -8%;}
#cta {position: absolute; top: 370px; right: 0; width: 20%; width: calc(50% - 332px); background: none; padding: 0; border: none; text-align: left;}
#cta div {width: 90%; max-width: 210px; margin-left: 6%; margin-right: 4%; float: left; text-align: center; border: 2px solid #95979a; border-left: none; border-right: none; padding: 20px 0 25px;}
#cta h2 {color: #ff5822; font-size: 32px; line-height: 1.2; margin-top: 0;}
#cta p {color: #000; margin-bottom: 16px; font-size: 17px;}
#cta .button {background-color: #009f9b;}
}