/*
 Theme Name:   Actions
 Theme URI:    http://www.wpdevhq.com/themes/actions
 Description:  Simple, clean and actionable WordPress theme built around Actions.
 Author:       WP DevHQ
 Author URI:   http://www.wpdevhq.com/
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready, translation-ready
 Text Domain:  actions

 
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Actions is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Some of the CSS is borrowed from the default theme Twenty Sixteen.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}


/**
 * 4.0 - Elements
 */

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

.header-area,
.main-content-area {
	background: #fff;
	color: #404040;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
table,
th,
td {
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
}
table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.6em;
	table-layout: fixed; /* Prevents HTML tables from becoming too wide */
	width: 100%;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
th {
	border-width: 0 1px 1px 0;
	font-weight: 700;
}
td {
	border-width: 0 1px 1px 0;
}
th, td {
	padding: 0.4em;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	font-style: italic;
	quotes: "" "";
}
a img {
	border: 0;
}

	

/*--------------------------------------------------------------
Structure
--------------------------------------------------------------*/
.full {
	width: 100%;
}
.main {
	margin: 0 auto;
	width: 100%;
	max-width: 1240px;
}
.inner {
	position: relative;
	padding: 32px 0;
}
#primary {
	float: left;
	padding-right: 50px;
	width: 66.5%;
}
#secondary {
	float: left;
	width: 33.5%;
}

a,
.header-menu a:hover  {
	color: #3498db;
}

input[type="submit"],
input[type="button"],
.main-navigation,
.main-navigation ul li:hover > ul {
	background: #323a45;
}

.main-navigation a:hover {
	background: #3498db;
}

/*--------------------------------------------------------------
Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.6em;
}
h1, h2, h3, h4, h5, h6,
.site-title {
	clear: both;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight: 300;
	line-height: 1.6em;
	margin-bottom: .4em;
}
h1, h2 {
	font-size: 36px;
}
h3, h4 {
	font-size: 28px;
}
h5, h6 {
	font-size: 22px;
}
h4, h6 {
	color: #757575;
}
p {
	margin-bottom: 1.5em;
}
b, strong {
	font-weight: bold;
}
dfn, cite, em, i {
	font-style: italic;
}
blockquote {
	margin: 0 1.5em;
}
address {
	margin: 0 0 1.5em;
}
pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 13px;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 16px;
	border-radius: 3px;
}
code, kbd, tt, var {
	font: 16px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: 75%;
}
big {
	font-size: 125%;
}

/*--------------------------------------------------------------
Elements
--------------------------------------------------------------*/
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
ul, ol {
	margin: 0 0 1.5em 3em;
}
ul {
	list-style: disc;
}
ul > li > ul {
	list-style: circle;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 1.5em;
	padding-left: 16px;
	padding: 0 0 0 16px;
}
figure {
	margin: 0;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
th {
	font-weight: bold;
}

/*--------------------------------------------------------------
Inputs and buttons
--------------------------------------------------------------*/
button,
input,
select,
textarea {
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	padding: 8px;
}
#secondary .widget input[type="text"],
#secondary .widget input[type="email"],
#secondary .widget input[type="url"],
#secondary .widget input[type="password"],
#secondary .widget input[type="search"] {
	display: block;
	width: 100%;
}
textarea {
	overflow: auto;
	padding-left: 3px;
	vertical-align: top;
	width: 100%;
}
input[type="submit"],
input[type="button"] {
	color: #fff;
	padding: 8px;
	border: none;
	cursor: pointer;
}
input[type="submit"]:hover,
input[type="button"]:hover {
	background: #404040;
}

/*--------------------------------------------------------------
Links
--------------------------------------------------------------*/
a {
	text-decoration: none;
}
a:hover {
	color: #404040;
}

body, 
blockquote, 
q, 
code, 
kbd, 
tt, 
var, 
.header-menu a, 
.navigation a, 
.comment-navigation a, 
.page-title, 
.entry-meta, 
.paging-navigation, 
.post-navigation, 
.comment-navigation, 
.social-links a, 
.response-title, 
.comment-meta, 
.site-footer, 
.entry-content div.sharedaddy div.sd-block, 
.entry-summary div.sharedaddy div.sd-block {
    color: #8F9EB8;
}

**
 * 9.0 - Clearings
 */

.clear:before,
.clear:after,
blockquote:before,
blockquote:after,
.entry-content:before,
.entry-content:after,
.entry-summary:before,
.entry-summary:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.site-main > article:before,
.site-main > article:after,
.primary-menu:before,
.primary-menu:after,
.social-links-menu:before,
.social-links-menu:after,
.textwidget:before,
.textwidget:after,
.content-bottom-widgets:before,
.content-bottom-widgets:after {
	content: "";
	display: table;
}

.clear:after,
blockquote:after,
.entry-content:after,
.entry-summary:after,
.comment-content:after,
.site-content:after,
.site-main > article:after,
.primary-menu:after,
.social-links-menu:after,
.textwidget:after,
.content-bottom-widgets:after {
	clear: both;
}

.site-title {
	margin-bottom: 1.6em;
}

/*--------------------------------------------------------------
Menus
--------------------------------------------------------------*/
.main-menu-container {
	padding: 0;
}
.main-navigation {
	clear: both;
	display: block;
	color: #fff;
	padding-left: 12px;
	border-radius: 3px;
	margin-bottom: 32px;
	width: 100%;
}
.header-menu {
	position: absolute;
		right: 0;
		top: 32px;
}
.main-navigation ul,
.header-menu ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.main-navigation li,
.header-menu li {
	float: left;
	position: relative;
	transition: all 1.2s;
}
.header-menu li:not(:last-child) {
	padding-right: 24px;
}
.main-navigation a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 12px;
}
.main-navigation ul ul li:last-child a:hover {
	border-radius: 0 0 3px 3px;
}
.header-menu a {
	font-size: 13px;
}
.skip-link.screen-reader-text {
	padding: 0;
}
.main-navigation ul ul {
	display: none;
	float: left;
	left: 0;
	position: absolute;
	top: 49px;
	z-index: 99999;
	border-radius: 0 0 3px 3px;
}
.header-menu ul ul {
	display: none;
}
.main-navigation ul ul ul {
	left: 100%;
	top: 0;
}
.main-navigation ul ul a {
	width: 260px;
}
.main-navigation ul ul li {
}
.main-navigation li:hover > a {
	transition: all 1.2s;
}
.main-navigation ul ul :hover > a {
}
.main-navigation ul ul a:hover {
}
.main-navigation ul li:hover > ul {
	display: block;
}
.main-navigation .current_page_item a,
.main-navigation .current-menu-item a {
}
/* Small menu */
.menu-toggle {
	cursor: pointer;
	display: none;
	padding: 12px;
}

.navigation a:hover,
.page-numbers.current,
.comment-navigation a:hover {
	color: #404040;
}


.pagination .page-numbers {
    letter-spacing: 0.0131579em;
    line-height: 1;
    margin: 0px 0.736842em 0px -0.736842em;
    padding: 0.815789em 0.736842em 0.394737em;
    text-transform: uppercase;
}

.pagination .nav-links {
	position: relative;
	text-align: center;
}

/*--------------------------------------------------------------
Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/*--------------------------------------------------------------
Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/*--------------------------------------------------------------
Clearings
--------------------------------------------------------------*/
.inner:before,
.inner:after,
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: '';
	display: table;
}

.inner:after,
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}


/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/
.site-header {
	padding: 0;
}
.header-elements {
	padding: 32px 0;
}
.site-title a {
	color: #404040;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	font-size: 26px;
	font-size: 1.75rem;
	font-weight: 700;
}
.site-title a:focus, 
.site-title a:hover {
	color: #007acc;
}

/*--------------------------------------------------------------
Content
--------------------------------------------------------------*/
.site-content {
	padding-top: 0;
}
.error404 #primary {
	padding: 0;
	width: 100%;
}
.error404 #content {
	margin: 0 auto;
	max-width: 700px;
	min-height: 300px
}
.page-title {
	font-size: 22px;
}
.sticky {
}
.hentry {
	margin: 0 0 1em;
}
.entry-header {
	margin-bottom: 0.5em;
}
.entry-title,
.widget-title {
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	font-size: 26px;
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1.25;
	margin-bottom: 0.5em;
}

.entry-title {
	margin-top: 1.5em;
}

.entry-title a {
	color: #1a1a1a;
}

.entry-title a:hover,
.entry-title a:focus {
	color: #007acc;
}


.updated {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.entry-content .entry-meta, 
footer.entry-meta, 
.content-area .paging-navigation, 
.navigation.post-navigation, 
.comments-area .comment-navigation {
    font-size: 13px;
    padding: 10px 0px;
    border-width: 0px 0px;
}

.byline,
.posted-on {
	margin-right: 2em;
}
.featured-image {
	margin-bottom: 1.2em;
}
.single-post-footer {
	margin-bottom: 1.2em;
}
.comments-link {
	float: right;
}
.entry-content .entry-meta .fa,
.entry-meta .tax-links .fa {
	margin-right: 6px;
}


footer.entry-meta {
	border: none;
	padding: 0;
}
.single-post-footer {
	padding: 32px;
	border-radius: 3px;
}
.single-post-footer .post-footer-author {
	position: relative;
	border-width: 1px 0;
}
.post-footer-author-bio {
	margin-top: 1.5em;
}
.post-footer-author-bio p:last-child {
	margin-bottom: 0;
}
.post-footer-author .avatar {
	border-radius: 50%;
	margin: 6px 6px 6px 0;
}
.author-name {
	display: inline-block;
	font-size: 18px;
}
.social-links {
	position: absolute;
		top: 10px;
		right: 0;
}
.social-links a {
	margin-left: 6px;
}
.social-links a:hover {
	color: #404040;
}

.comments-area {
	margin: 0 3.6923% 1.5em 0;
}

.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
	padding-top: 1.75em;
}

.comments-title,
.comment-reply-title {
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	font-size: 23px;
	font-size: 1.4375rem;
	font-weight: 700;
	line-height: 1.3125;
	padding-top: 1.217391304em;
}

.comments-title {
	margin-bottom: 1.217391304em;
}

.comment-list {
	list-style: none;
	margin: 0;
}

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
	padding: 1.75em 0;
}

.comment-list .children {
	list-style: none;
	margin: 0;
}

.comment-list .children > li {
	padding-left: 0.875em;
}

.comment-author {
	color: #1a1a1a;
	margin-bottom: 0.4375em;
}

.comment-author .avatar {
	float: left;
	height: 28px;
	margin-right: 0.875em;
	position: relative;
	width: 28px;
}

.bypostauthor > article .fn:after {
	content: "\f304";
	left: 3px;
	position: relative;
	top: 5px;
}

.comment-metadata,
.pingback .edit-link {
	color: #686868;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.6153846154;
}

.comment-metadata {
	margin-bottom: 2.1538461538em;
}

.comment-metadata a,
.pingback .comment-edit-link {
	color: #686868;
}

.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .comment-edit-link:hover,
.pingback .comment-edit-link:focus {
	color: #007acc;
}

.comment-metadata .edit-link,
.pingback .edit-link {
	display: inline-block;
}

.comment-metadata .edit-link:before,
.pingback .edit-link:before {
	content: "\002f";
	display: inline-block;
	opacity: 0.7;
	padding: 0 0.538461538em;
}

.comment-content ul,
.comment-content ol {
	margin: 0 0 1.5em 1.25em;
}

.comment-content li > ul,
.comment-content li > ol {
	margin-bottom: 0;
}

.comment-reply-link {
	border: 1px solid #d1d1d1;
	border-radius: 2px;
	color: #007acc;
	display: inline-block;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1;
	margin-top: 2.1538461538em;
	padding: 0.5384615385em 0.5384615385em 0.4615384615em;
}

.comment-reply-link:hover,
.comment-reply-link:focus {
	border-color: currentColor;
	color: #007acc;
	outline: 0;
}

.comment-form {
	padding-top: 1.75em;
}

.comment-form label {
	color: #686868;
	display: block;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	font-size: 13px;
	font-size: 0.8125rem;
	letter-spacing: 0.076923077em;
	line-height: 1.6153846154;
	margin-bottom: 0.5384615385em;
	text-transform: uppercase;
}

.comment-list .comment-form {
	padding-bottom: 1.75em;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
	color: #686868;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.6153846154;
	margin-bottom: 2.1538461538em;
}

.no-comments {
	border-top: 1px solid #d1d1d1;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	font-weight: 700;
	margin: 0;
	padding-top: 1.75em;
}

.comment-navigation + .no-comments {
	border-top: 0;
	padding-top: 0;
}

.form-allowed-tags code {
	font-family: Inconsolata, monospace;
}

.form-submit {
	margin-bottom: 0;
}

.required {
	color: #007acc;
	font-family: Merriweather, Georgia, serif;
}

.comment-reply-title small {
	font-size: 100%;
}

.comment-reply-title small a {
	border: 0;
	float: right;
	height: 32px;
	overflow: hidden;
	width: 26px;
}

.comment-reply-title small a:hover,
.comment-reply-title small a:focus {
	color: #1a1a1a;
}

.comment-reply-title small a:before {
	content: "\f405";
	font-size: 32px;
	position: relative;
	top: -5px;
}

/*--------------------------------------------------------------
Sidebar
--------------------------------------------------------------*/
#secondary aside {
	padding: 12px 32px;
	border-radius: 3px;
}

#secondary aside.widget_text {
	background: none;
	padding: 0;
}
.widget {
	margin: 0 0 1em;
}
.widget-title {
	margin-bottom: 16px;
}
.widget ul {
	margin: 0;
}
.widget ul ul {
	margin-top: 10px;
	border-top: 1px solid rgba(0,0,0,.05);
	padding-top: 10px;
}
.widget li {
	list-style: none;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(0,0,0,.05);
	margin-bottom: 10px;
}
.widget li:last-child {
	padding-bottom: 0;
	border: none;
	margin-bottom: 0;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/
.site-footer {
	font-size: 13px;
}

/*--------------------------------------------------------------
Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
.gallery {
	margin: 0 -1.1666667% 1.75em;
}

.gallery-item {
	display: inline-block;
	max-width: 33.33%;
	padding: 0 1.1400652% 2.2801304%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-icon img {
	margin: 0 auto;
}

.gallery-caption {
	color: #686868;
	display: block;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	line-height: 1.6153846154;
	padding-top: 0.5384615385em;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
Plugin support
--------------------------------------------------------------*/
/* Jetpack */
.content-area .entry-content div.sharedaddy div.sd-block,
.content-area .entry-summary div.sharedaddy div.sd-block {
	font-size: 13px;
	padding: 6px 0 0;
	border-width: 1px 0 0;
	margin: 1.5em 0;
}
#content .entry-content div.sharedaddy h3.sd-title,
#content .entry-summary div.sharedaddy h3.sd-title {
	display: block;
	float: none;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 8px;
	width: 100%;
}
#content .entry-content div.sharedaddy .sd-content,
#content .entry-summary div.sharedaddy .sd-content {
	display: block;
	float: none;
	width: 100%;
}

@media screen and (max-width: 1040px) {
	.inner {
		padding-right: 20px;
		padding-left: 20px;
	}
	.top-bar {
		padding-right: 100px;
	}
	.header-menu,
	.top-bar .social-links {
		right: 20px;
	}
}

@media screen and (max-width: 767px) {
	.site-header,
	.top-bar {
		text-align: center;
	}
	.header-menu,
	.top-bar .social-links {
		position: static;
	}
	.top-bar {
		padding-right: 20px;
	}
	.header-menu ul {
		text-align: center;
		margin-top: 16px;
	}
	.site-header .header-menu li {
		display: inline-block;
		float: none;
		padding: 0 10px;
	}
	.main-navigation {
		padding-left: 0;
	}
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
		text-align: center;
	}
	.main-navigation ul {
		display: none;
	}
	.main-navigation ul ul {
		display: block;
		float: none;
		position: static;
		box-shadow: none;
	}
	.main-navigation li {
		float: none;
	}
	.main-navigation ul ul a {
		width: 100%;
	}
	#primary,
	#secondary {
		float: none;
		padding: 0;
		width: 100%;
	}
	.widget {
		margin-bottom: 1.5em;
	}
}

@media screen and (max-width: 550px) {
	.entry-title {
		font-size: 24px;
	}
	.comments-link {
		display: inline-block;
		float: none;
	}
}

	/* 
	 * subtle body text color 
	 */
	body,
	blockquote, 
	q, code, kbd, tt, var,
	.header-menu a,
	.navigation a,
	.comment-navigation a,
	.page-title,
	.entry-meta,
	.paging-navigation,
	.post-navigation,
	.comment-navigation,
	.social-links a,
	.response-title,
	.comment-meta,
	.site-footer,
	.entry-content div.sharedaddy div.sd-block,
	.entry-summary div.sharedaddy div.sd-block {
		color: #8F9EB8;
	}
		

/* 
 * element background/border design color 
 */

dd {
	border-left: 3px solid #F2F3F5;
}
.entry-meta,
.paging-navigation,
.post-navigation,
.comment-navigation,
.entry-content div.sharedaddy div.sd-block,
.entry-summary div.sharedaddy div.sd-block {
	border: 1px solid #F2F3F5;
}


	/* 
	 * border for above background color 
	 */
	input[type="text"],
	input[type="email"],
	input[type="url"],
	input[type="password"],
	input[type="search"],
	textarea,
	.wp-caption {
		border: 2px solid #E1E6F0;
	}
	.post-footer-author {
		border: 1px solid #E1E6F0;
	}