@media screen and (max-width: 600px) {
.adminbar {
position: fixed !important;
}
} .comments-area {
margin: 30px 0;
}
.comment-content h1, .comment-content h2, .comment-content h3, 
.comment-content h4, .comment-content h5, .comment-content h6 {
margin: 10px 0;
}
.entry-content h1, .entry-content h2, .entry-content h3, 
.entry-content h4, .entry-content h5, .entry-content h6 {
margin: 15px 0 10px;
}
.comments-area ol li {
list-style: none;
}
.comment-content ul li {
list-style: disc;
}
.comment-content ol li {
list-style: decimal;
}
article ul li {
list-style: disc;
list-style-position: inside;
}
article ol li {
list-style: decimal;
list-style-position: inside;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 1.75em;
}
.comments-title,
.comment-reply-title {
border-top: 1px solid #CCC;
font-size: 23px;
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 {
border-top: 1px solid #d1d1d1;
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 {
left: 3px;
position: relative;
top: 5px;
}
.comment-metadata,
.pingback .edit-link {
color: #686868;
font-size: 13px;
font-size: 0.9rem;
line-height: 1.6153846154;
margin-top: -7px;
}
.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-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: 0.75em;
}
.comment-form label {
display: block;
font-size: 14px;
line-height: 1.6153846154;
margin-bottom: 0.5384615385em;
}
.comment-list .comment-form {
padding-bottom: 1.75em;
}
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
color: #686868;
font-size: 13px;
line-height: 1.6153846154;
margin-bottom: 2.1538461538em;
}
.no-comments {
border-top: 1px solid #d1d1d1;
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: 15px 0 0 0;
}
.required {
color: #007acc;
}
.comment-reply-title small {
font-size: 100%;
}
.comment-reply-title small a {
border: 0;
float: right;
height: 32px;
overflow: hidden;
width: auto;
font-size: 12px;
margin-top: 5px;
}
.comment-reply-title small a:hover,
.comment-reply-title small a:focus {
color: #1a1a1a;
}
.comment-reply-title small a:before {
content: "\f057";
font-family: fontawesome;
font-size: 14px;
position: relative;
padding-right: 5px;
}
.comments-area input[type=text], .comments-area input[type=email], .comments-area input[type=url], .comments-area textarea { 
width:100%;
border:1px solid #CCC;
padding:10px
}
#commentform .submit {
background:#1c1c1c;
border-radius:5px;
color: #fff;
display: inline-block;
font-size: 15px;
text-transform: capitalize;
padding:12px 20px;
transition:all 0.2s linear 0s;
}
#commentform .submit:hover {
background:#0798bc;
}
#comments .comment-reply-link { 
background:#1c1c1c;
border-radius:30px;
color: #fff;
display: inline-block;
font-size: 12px;
text-transform: capitalize;
padding:10px 15px;
transition:all 0.2s linear 0s;
}
#comments .comment-reply-link:hover {
background:#0798bc;
} .post-navigation { border-bottom: 1px solid #CCC;
clear: both;
margin:30px 0;
}
.post-navigation .screen-reader-text {
display:none;
}
.post-navigation .nav-previous {
float:left;
width:50%;
}
.post-navigation .nav-next {
float:right;
width:50%;
text-align:right;
}
.post-navigation a {
color: #1a1a1a;
display: block;
padding: 1.75em 0;
}
.post-navigation span {
display: block;
}
.post-navigation .meta-nav {
color: #686868;
font-size: 13px;
font-size: 0.9rem;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
margin-bottom: 0.5384615385em;
text-transform: uppercase;
}
.post-navigation .post-title {
display: inline;
font-size: 16px;
font-size: 1rem;
font-weight: 700;
line-height: 1.2173913043;
text-rendering: optimizeLegibility;
}
.post-navigation a:hover .post-title,
.post-navigation a:focus .post-title {
}
.post-navigation div + div {
border-top: 1px solid #CCC;
}
.pagination {
border-top: 1px solid #CCC;
font-size: 16px;
font-size: 1rem;
margin: 0 7.6923% 2.947368421em;
min-height: 56px;
position: relative;
width:100%;
}
.pagination .screen-reader-text {
display:none;
}
.pagination span.page-numbers {
padding: 5px 10px;
border: 1px solid #CCC;
margin: 20px 5px 20px 0;
display: inline-block;
}
.pagination span.page-numbers.current {
background-color: #CCC;
}
.pagination a.page-numbers {
padding: 5px 10px;
border: 1px solid #CCC;
margin: 70px 5px 20px 0;
display: inline-block;
}
.pagination:after,.pagination:before {
display:none;
}
.pagination:before,
.pagination:after {
background-color: #1a1a1a;
content: "";
height: 52px;
position: absolute;
top:0;
width: 52px;
z-index: 0;
}
.pagination:before {
right: 0;
}
.pagination:after {
right: 54px;
}
.pagination a:hover,
.pagination a:focus {
color: #1a1a1a;
}
.pagination .nav-links {
padding-right: 106px;
position: relative;
}
.pagination .nav-links:before,
.pagination .nav-links:after {
color: #fff;
font-size: 32px;
line-height: 51px;
opacity: 0.3;
position: absolute;
width: 52px;
z-index: 1;
}
.pagination .nav-links:before {
content: "\f429";
right: -1px;
}
.pagination .nav-links:after {
content: "\f430";
right: 55px;
} .alignright { text-align:right; float:right; }
.post-password-form input[type=password] { border:1px solid #cfcfcf; border-radius:50px; padding:5px; }
.post-password-form input[type=submit] {
padding: 6px 20px;
display: inline-block;
transition: all 0.5s linear 0s;
border: transparent;
border-radius: 25px;
background: #333;
color: #fff;
cursor: pointer;
}
.post-password-form input[type=submit]:hover {
background: #f1c30f;
}
table td {
padding: 10px;
border: 1px solid #f1f1f1;
}
table th {
background: #f1f1f1;
padding: 10px;
border: 1px solid #f1f1f1;
}
table {
width: 100%;
padding: 10px;
margin-bottom: 30px;
}
ul li {
list-style: disc;
list-style-position: inside;
}
ul li ul {
margin-left:20px;
}
ol li {
list-style: circle;
list-style-position: inside;
}
ol li ol {
margin-left:20px;
}
figure { 
max-width:100%;
margin-bottom:20px !important;
}
.blog img { 
max-width:100%;
height:auto;
}
.wp-caption .wp-caption-text {
color: #686868;
font-size: 13px;
font-size: 1rem;
font-style: italic;
line-height: 1.6153846154;
padding-top: 0.5384615385em;
}
.alignright {
float: right;
margin: 0.375em 0 1.75em 1.75em;
}
.alignleft {
float: left;
margin: 0.375em 1.75em 1.75em 0;
}
.blog .padding-bottom {
padding-bottom:50px;
}
.page-header {
margin-top:0px !important;
}
.author-bio {
clear: both;
margin: 0;
overflow: hidden;
padding: 25px 0 0 0;
position: relative;
border-top:1px solid #cecece;
margin-top: 25px;
}
.author-bio img {
float: left;
margin: 0 25px 0 0;
width:50px;
height:50px;
border-radius:50px;
}
.authorp {
float: left;
width: 82%;
padding:10px 0 0 0;
}
.authorp h2 {
color:#c7c7c7;
font-size:20px;
}
.tag-title {
background-image: none;
float: left;
line-height: 18px;
margin: 10px 20px 0px 0;
}
ul.tags li {
display: inline;
float: left;
height: 16px;
line-height: 20px;
margin: 10px 2px 5px 0;
}
ul.tags a {
color: #c7c7c7;
padding:none;
border:none;
}
ul.post-categories li {
display: inline;
float: left;
height: 16px;
line-height: 20px;
margin: 10px 20px 5px 0;
}
ul.post-categories a {
color: #c7c7c7;
padding:none;
border:none;
}
ul.post-categories a:hover {
color: #ff3332;
}
.share-options h6 {
float: left;
margin: 0 20px 30px 0;
padding: 5px 0 0 0;
}
.share-options {
margin: 10px 0 0 0;
}
.share-options a {
font-size: 16px;
color: #ddd;
width: 24px;
height: 24px;
display: inline-block;
float: left;
margin-right: 10px;
text-align: center;
margin-bottom: 10px;
margin-top: 4px;
}
.share-options a:hover {
}
.post-bottom-content {
margin-top: 30px;
} .widget ul li ul { 
margin-left:10px;
}
.widget ul li ul li:last-child { 
border-bottom:none;
}
.widget select {
padding: 5px;
width:100%;
}
.widget img {
height: auto;
max-width:100%;
} article img {
max-width: 100%;
max-height: 100%;
}
.blog_item h1, .blog_item h2, .blog_item h3, .blog_item h4, .blog_item h5, .blog_item h6 {
margin: 20px 0 10px 0 !important;
clear: both;
}
.blog_item table { margin-bottom:30px; }
figcaption a { color: #337ab7; }
.page-links span {
border: 1px solid #999;
padding: 0px 5px;
margin: 0 2px;
}
.page-links span:first-of-type {
margin-left: 0;
}
.page-links a span {
border: 1px solid #0798BC;
padding: 0px 5px;
background-color:#0798BC;
color:#FFF;
}
.page-links { clear: both; }
span.page-links-title { border:none; padding: 0 5px 0 0; }
span.screen-reader-text { display: none; } article.format-chat .blog_item p { padding:5px; }
article.format-chat .blog_item p:nth-child(even) { background:rgba(245, 244, 214, 0.72); border-radius:5px; padding:5px; }
.gallery {
margin: 0 -1.1666667% 1.75em;
}
.gallery-item {
display: inline-block;
max-width: 33.33%;
padding: 0 1.1400652% 2.2801304%;
text-align: left;
vertical-align: top;
width: 100%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-caption {
color: #686868;
display: block;
font-size: 13px;
font-size: 1.1rem;
font-style: italic;
line-height: 1.6153846154;
padding-top: 0.5384615385em;
}
.image-navigation, .comment-navigation {
border-top: 1px solid #d1d1d1;
border-bottom: 1px solid #d1d1d1;
color: #686868;
font-size: 13px;
font-size: 1.2rem;
line-height: 1.6153846154;
padding: 1.0769230769em 0;
}
.image-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before, .comment-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before {
content: "\002f";
display: inline-block;
opacity: 0.7;
padding: 0 0.538461538em;
}
.image-navigation a {
color: #007acc;
text-decoration: none;
}
.image-navigation .nav-next, .image-navigation .nav-previous { display:inline-block; }
.single-attachment .entry-attachment img { margin:20px 0;}