body {
font-family: 'Open Sans', Arial;
background: #ccc;
}
a:focus,
a:hover {
text-decoration: none;
color: #0099ff;
}
a {
color: #0099ff;
}
img {
max-width: 100%;
height: auto;
}
figure,
select {
max-width: 100%;
}
table {
width: 100%;
}
tr,
td,
th {
border: 2px solid #0099ff;
padding: 5px;
text-align: center;
}
embed,
iframe,
object {
max-width: 100%;
} #primary img,
#secondary img {
max-width: 100%;
height: auto;
}
#content {
padding-top: 40px;
padding-bottom: 40px;
}  .infinite-scroll .post-nav, .infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
} .woocommerce-page tr,
.woocommerce-page td,
.woocommerce-page th {
border: 0;
}
.woocommerce .flex-viewport figure {
max-width: none;
} #page {
background-color: #fff;
} .site-title,
.site-description,
.widget-title,
p,
blockquote,
h1,
h2,
h3,
h4,
h5,
h6,
.comments-title {
font-family: 'Open Sans', Arial;
} .boxed #page {
max-width: 1200px;
margin: 2% auto;
}
.no-sidebar-content-centered #primary {
margin: 0 auto;
float: none;
}
.no-sidebar-full-width #primary {
width: 100%;
}
.left-sidebar #secondary {
float: left;
}
.left-sidebar #primary {
float: right;
} .site-title a {
font-size: 48px;
}
.site-title {
margin-top: 20px;
margin-bottom: 10px;
line-height: 1.1;
}
.site-description {
font-size: 20px;
}
.site-branding {
padding-bottom: 20px;
padding-top: 20px;
}
#logo-and-title {
float: left;
}
#logo-and-title .custom-logo {
margin-right: 10px;
float: left;
}
#logo-and-title .site-info {
float: left;
}
.header-left-area {
float: left;
}
.date-in-header {
background-color: #0099ff;
color: #fff;
float: left;
margin-right: 10px;
padding: 10px;
}
.header-left-area .breaking-news {
float: left;
padding: 10px 0 0 10px;
}
.header-left-area .newsticker {
display: none;
list-style: none outside none;
margin-bottom: 0;
}
.breaking-news-latest {
vertical-align: top;
color: #fff;
}
ul.newsticker {
padding-left: 0;
}
.newsticker a {
color: #0099ff;
}
.header-top-area {
background-color: #222;
}
.header-right-area {
float: right;
padding-top: 7px;
}
#header-sidebar {
text-align: right;
}
.creative-blog-header-image {
text-align: center;
}
.creative-blog-header-image img {
max-width: 100%;
height: auto;
}
#site-navigation {
border-radius: 0;
margin-bottom: 0;
}
.sticky-wrapper #site-navigation {
z-index: 9999;
}
.search-form-top {
background-color: #222;
display: none;
padding: 20px;
text-align: right;
}
.search-top {
cursor: pointer;
}
.newsticker {
visibility: hidden;
} .single-post-navigations .previous .fa {
margin-right: 5px;
}
.single-post-navigations .next .fa {
margin-left: 5px;
} .search-field {
border: 1px solid #0099ff;
padding: 9px;
}
.search-field .fa {
color: #9d9d9d;
}
.searchsubmit {
padding: 10px;
margin-left: -5px;
background-color: #0099ff;
border: none;
} #menu-social li a:before {
display: inline-block;
padding: 0 10px;
font-family: "fontawesome";
vertical-align: middle;
content: "\f005";
color: #0099ff;
font-size: 16px;
}
#menu-social li {
display: inline-block;
list-style: none;
}
ul#menu-social {
padding-left: 0;
text-align: right;
}
#menu-social li a[href*="facebook.com"]:before {
content: '\f09a';
color: #3b5998;
}
#menu-social li a[href*="twitter.com"]:before {
content: '\f099';
color: #00aced;
}
#menu-social li a[href*="plus.google.com"]:before {
content: '\f0d5';
color: #dd4b39;
}
#menu-social li a[href*="youtube.com"]:before {
content: '\f167';
color: #bb0000;
}
#menu-social li a[href*="pinterest.com"]:before {
content: '\f0d2';
color: #cb2027;
}
#menu-social li a[href*="instagram.com"]:before {
content: '\f16d';
color: #517fa4;
}
#menu-social li a[href*="vimeo.com"]:before {
content: '\f194';
color: #44bbff;
}
#menu-social li a[href*="skype.com"]:before {
content: '\f17e';
color: #009cef;
}
#menu-social li a[href*="linkedin.com"]:before {
content: '\f0e1';
color: #007bb6;
}
#menu-social li a[href*="github.com"]:before {
content: '\f09b';
color: #4183c4;
}
#menu-social li a[href*="flickr.com"]:before {
content: '\f16e';
color: #0062dd;
}
#menu-social li a[href*="dribbble.com"]:before {
content: '\f17d';
color: #e24d87;
}
#menu-social li a[href*="stumbleupon.com"]:before {
content: '\f1a4';
color: #ec4823;
}
#menu-social li a[href*="tumblr.com"]:before {
content: '\f173';
color: #45546b;
}
#menu-social li a[href*="wordpress.com"]:before,
#menu-social li a[href*="wordpress.org"]:before {
content: '\f19a';
color: #21759b;
}
#menu-social li a[href*="codepen.io"]:before {
content: '\f1cb';
color: #cccccc;
}
#menu-social li a[href*="digg.com"]:before {
content: '\f1a6';
color: #14589e;
}
#menu-social li a[href*="reddit.com"]:before {
content: '\f1a1';
color: #ff4500;
}
#menu-social li a[href*="xing.com"]:before {
content: '\f168';
color: #026466;
}
#menu-social li a[href*="vk.com"]:before {
content: '\f189';
color: #45668e;
}
#menu-social li a[href*="weibo.com"]:before {
content: '\f18a';
color: #e6162d;
}
#menu-social li a[href*="leanpub.com"]:before {
content: '\f212';
color: #000000;
}
#menu-social li a[href*="renren.com"]:before {
content: '\f18b';
color: #237bc2;
}
#menu-social li a[href$="/feed/"]:before,
#menu-social li a[href*="rss.com"]:before,
#menu-social li a[href*="feedburner.com"]:before{
content: '\f09e';
color: #f26522;
}
#menu-social li a[href*="soundcloud.com"]:before {
content: '\f1be';
color: #ff3a00;
}
#menu-social li a[href*="vine.co"]:before {
content: '\f1ca';
color: #00bf8f;
}
#menu-social li a[href*="delicious.com"]:before {
content: '\f1a5';
color: #2a96ff;
} .post .entry-content,
.search .entry-content {
padding-bottom: 30px;
}
.entry-title {
margin-top: 10px;
font-size: 30px;
}
.post,
.search .page {
border-bottom: 1px solid #0099ff;
margin-bottom: 25px;
overflow: hidden;
}
.single .post,
.single .page {
border-bottom: 0;
}
.related-posts-thumbnail {
text-align: center;
}
.related-post-content .entry-title {
font-size: 18px;
}
.related-post-content .entry-meta {
font-size: 12px;
}
.related-posts-main-title span {
background: #0099ff;
padding: 10px 20px 10px;
color: #fff;
display: inline-block;
}
.related-posts-main-title {
border-bottom: 2px solid #0099ff;
font-size: 24px;
}
.avatar {
border-radius: 50%;
}
.not-found.sidebar-404 {
display: none;
}
.custom-page-header {
border-bottom: 0;
padding-bottom: 0;
margin: 20px 0 25px;
}
.custom-page-header .page-title {
border-bottom: 2px solid #0099ff;
}
.custom-page-header .page-title span {
background: #0099ff;
padding: 10px 20px 10px;
font-size: 24px;
color: #fff;
display: inline-block;
}
.custom-page-header .page-title span span {
padding: 0;
} .sticky .entry-title:after {
font-family: "fontawesome";
float: right;
content: "\f005";
color: #fff;
}
.sticky {
background: #0099ff;
padding: 20px;
color: #fff;
}
.sticky .entry-title a {
color: #fff;
}
.sticky .entry-meta a {
color: #fff;
}
.sticky .entry-meta {
border-top: 1px dotted #fff;
border-bottom: 1px dotted #fff;
}
.sticky .category-links a {
background-color: #fff;
color: #0099ff;
}
.sticky .category-links a:hover {
color: #0099ff;
}
.sticky .entry-content a {
color: #fff;
}
.sticky .entry-content {
padding-bottom: 10px;
}
.sticky .continue-more-link,
.continue-more-link {
background: #0099ff;
border: none;
margin-top: 15px;
border: 1px solid #fff;
text-shadow: none;
box-shadow: none;
}
.sticky .continue-more-link:hover,
.continue-more-link:hover {
border: none;
background: #0099ff;
border: 1px solid #fff;
}
.sticky .featured-image img {
border: 1px solid #fff;
} .entry-meta span {
padding-left: 10px;
}
.entry-meta span span,
.entry-meta span:first-child {
padding-left: 0;
}
.entry-meta .fa {
padding-right: 5px;
}
.entry-meta {
border-bottom: 1px dotted #0099ff;
border-top: 1px dotted #0099ff;
padding: 5px;
margin-bottom: 10px;
overflow: hidden;
}
.category-links a {
background-color: #0099ff;
padding: 5px;
border-radius: 5px;
color: #fff;
margin-bottom: 5px;
display: inline-block;
}
.category-links a:hover {
color: #fff;
}
.tags-links .fa {
color: #0099ff;
padding-right: 5px;
}
.entry-footer span .fa {
padding-right: 5px;
}
.comments-link {
color: #0099ff;
} input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"] {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
}
input[type="tel"],
input[type="number"] {
padding: 10px;
border: 1px solid #ccc;
}
input[type="submit"],
input[type="reset"] {
background-color: #0099ff;
border: 1px solid #0099ff;
color: #fff;
max-width: 100%;
padding: 8px 10px;
border-radius: 5px;
}
input[type="checkbox"],
input[type="radio"] {
vertical-align: top;
display: inline-block;
}
input[type="file"] {
display: block;
background-color: #0099ff;
padding: 10px;
color: #fff;
}
select {
border: 1px solid #ccc;
padding: 10px;
}
textarea {
padding: 10px;
max-width: 100%;
min-width: 100%;
border: 1px solid #ccc;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #222;
} .entry-meta .updated {
display: none;
}
.entry-meta .published.updated {
display: inline-block;
} .comment-form label {
display: block;
}
.comment-respond input,
.comment-respond textarea {
padding: 10px;
}
.comment-respond .form-submit {
max-width: 100%;
}
.comment-respond textarea {
min-width: 100%;
max-width: 100%;
}
.comment-respond .form-submit input[type="submit"] {
background: #0099ff;
color: #ffffff;
border: none;
border-radius: 5px;
}
.comments-area > ol {
padding: 0;
margin-left: auto;
margin-right: auto;
list-style-type: none;
}
ol.children {
list-style-type: none;
margin-left: 20px;
}
.comment-meta {
margin-bottom: 5px;
}
.comment-author .avatar {
display: block;
float: left;
margin-right: 10px;
}
.comment-body {
padding-bottom: 10px;
padding-top: 10px;
border-bottom: 1px solid #ccc;
}
.bypostauthor > .comment-body .fn:before {
font-family: "fontawesome";
content: "\f044";
margin-right: 5px;
}
.comment-author {
color: #0099ff;
}
.comments-area .comment-meta time:before {
font-family: "fontawesome";
content: "\f073";
margin-right: 2px;
}
.comments-area .comment-meta .edit-link:before {
font-family: "fontawesome";
content: "\f044";
margin-right: 5px;
color: #0099ff;
}
.comment-content {
clear: both;
padding: 10px 0 10px;
}
.comment-awaiting-moderation {
max-width: 100%;
background-color: #09F;
color: #FFF;
padding: 10px;
overflow: hidden;
margin-top: 10px;
}
.comments-area .comment-metadata .edit-link {
display: block;
}
.comments-area .comments-title {
margin: 30px 0 30px;
} .author-box {
border: 1px dotted #0099ff;
padding: 10px;
margin: 10px 0 10px;
display: inline-block;
width: 100%;
}
.author-box .author-img {
float: left;
margin-right: 20px;
margin-bottom: 20px;
}
.author-box .author-img img {
border-radius: 50%;
}
.author-box .author-name {
font-weight: bold;
}
.author-box .author-description {
font-style: italic;
} .featured-image {
float: left;
margin-bottom: 20px;
margin-right: 20px;
}
.featured-image img {
padding: 5px;
border: 1px solid #0099ff;
}
.format-image .featured-image {
float: none;
text-align: center;
margin-right: 0;
} .format-gallery #gallery-carousel {
margin-bottom: 20px;
}
.format-gallery #gallery-carousel .carousel-inner img {
margin: 0 auto;
}
.format-aside .category-links {
margin-bottom: 20px;
}
.format-video .fitvids-video {
margin-bottom: 20px;
}
.format-audio iframe {
width: 100%;
height: auto;
}
.format-audio .audio-url {
margin-bottom: 20px;
}
.format-status .status-details {
border-top: 1px solid #0099ff;
border-bottom: 1px solid #0099ff;
padding: 10px;
margin: 10px 0 20px;
display: inline-block;
width: 100%;
}
.format-status .status-details .status-user-avatar {
margin-right: 20px;
margin-bottom: 20px;
float: left;
}
.format-chat .chat-details {
background-color: #0099ff;
padding: 20px;
font-style: italic;
margin-bottom: 20px;
font-size: 18px;
color: #fff;
}
.format-chat .entry-content {
display: none;
}
.format-link .link-details {
margin-bottom: 20px;
background-color: #0099ff;
padding: 20px;
font-size: 20px;
}
.format-link .link-details a {
color: #fff;
}
.format-link .link-details a:before {
font-family: "fontawesome";
content: "\f0c1";
margin-right: 5px;
}
.format-quote .quote-details {
background-color: #0099ff;
padding: 20px;
margin-bottom: 20px;
}
.format-quote .quote-details blockquote {
font-size: 22px;
border-left: 0;
color: #fff;
margin-bottom: 0;
}
.format-quote .quote-details cite,
.format-quote .quote-details cite a {
font-size: 14px;
color: #fff;
float: right;
}
.format-quote .quote-details cite:before {
font-family: "fontawesome";
content: "\f068";
margin-right: 5px;
}
.format-quote .quote-details blockquote p:before {
font-family: "fontawesome";
content: "\f10d";
margin-right: 5px;
margin-left: -18px;
}
.format-quote .quote-details blockquote p:after {
font-family: "fontawesome";
content: "\f10e";
margin-left: 5px;
margin-right: -18px;
} a#scroll-up {
bottom: 20px;
position: fixed;
right: 20px;
display: none;
opacity: 0.5;
filter: alpha(opacity=50); }
a#scroll-up i {
background-color: #222;
color: #0099ff;
font-size: 36px;
padding: 8px;
border-radius: 5px;
}
a#scroll-up:hover {
opacity: 1;
filter: alpha(opacity=100); } footer .site-info {
background-color: #222;
}
.copyright {
color: #fff;
padding: 20px;
text-align: center;
}
#footer-widgets-area {
padding-top: 40px;
background-color: #222333;
padding-bottom: 20px;
} .widget {
padding-bottom: 20px;
}
.widget-title span {
background-color: #0099ff;
color: #fff;
padding: 5px 10px 5px;
display: inline-block;
}
.widget-title {
border-bottom: 2px solid #0099ff;
font-size: 24px;
}
.widget-title span:before {
content: "\f005";
font-family: "fontawesome";
margin-right: 5px;
}
.widget ul li {
list-style: none;
}
.widget ul {
padding-left: 0;
}
.widget ul ul {
padding-left: 6px;
}
.widget ul li ul li {
margin-left: 10px;
}
.widget_nav_menu a,
.widget_pages a,
.widget_recent_comments li,
.widget_recent_entries li {
border-bottom: 2px dotted #0099ff;
display: block;
padding: 5px;
}
.widget_rss .widget-title .rsswidget {
color: #fff;
}
.widget_rss .widget-title span:before {
content: none;
}
.widget_rss .rss-date {
display: block;
font-weight: bold;
}
.widget_rss cite {
display: block;
font-size: 12px;
font-weight: bold;
}
.widget_recent_entries li:before,
.widget_recent_comments li:before,
.widget_archive li:before,
.widget_categories li:before,
.widget_pages li:before,
.widget_nav_menu li:before,
.widget_rss li:before {
display: inline-block;
float: left;
padding-right: 5px;
font-family: "fontawesome";
color: #0099ff;
}
.widget_recent_entries li:before {
content: "\f1da";
}
.widget_recent_comments li:before {
content: "\f075";
}
.widget_archive li:before {
content: "\f187";
}
.widget_categories li:before {
content: "\f02d";
}
.widget_pages li:before {
content: "\f039";
margin-top: 5px;
}
.widget_nav_menu li:before {
content: "\f0c9";
margin-top: 5px;
}
.widget_rss li:before {
content: "\f09e";
}
.widget_rss ul li {
margin-bottom: 12px;
}
.widget select {
max-width: 100%;
}
footer .widget {
color: #fff;
}
footer .widget .search-form {
color: #222;
}
footer select {
color: #222222;
}
.creative-blog-tab-content .active {
border: 1px solid #ddd;
border-top: 0;
padding: 10px 20px;
}
ul.creative-blog-tabs li {
padding: 0;
}
ul.creative-blog-tabs {
margin-left: 0;
}
.popular .fa,
.recent .fa,
.comment .fa {
margin-right: 5px;
}
ul.comments-tab li.comments-tab-widget {
list-style: none;
padding: 15px 0;
border-bottom: 1px solid #ccc;
}
li.comments-tab-widget img {
margin-right: 10px;
float: left;
}
.recent-tab .single-article,
.popular-tab .single-article {
padding: 5px 0;
}
.recent-tab .single-article img,
.popular-tab .single-article img {
float: left;
margin-right: 10px;
}
.recent-tab .entry-title,
.popular-tab .entry-title {
font-size: 18px;
}
.recent-tab .entry-meta,
.popular-tab .entry-meta {
font-size: 12px;
}
.single-article {
clear: both;
}
.no-comments-commented-post {
padding: 10px 0;
}
.random-posts-widget .random-post-wrapper {
border: 1px solid #ddd;
padding: 10px 20px;
}
.random-posts-widget .entry-title {
font-size: 18px;
}
.random-posts-widget .entry-meta {
font-size: 12px;
}
.random-posts-widget .single-article img {
float: left;
margin-right: 10px;
}
.random-posts-widget .single-article {
padding: 5px 0;
}
.content-top-sidebar {
padding-top: 20px;
text-align: center;
border-bottom: 1px solid #0099ff;
}
.content-bottom-sidebar {
padding-top: 20px;
text-align: center;
border-top: 1px solid #0099ff;
} #subscribe-email input {
width: 100% !important;
padding: 10px !important;
}
#subscribe-email input {
color: #000;
} .gist tr,
.gist td,
.gist th {
border: none;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.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; } .alignleft {
display: inline;
float: left;
margin-right: 20px;
margin-bottom: 10px;
}
.alignright {
display: inline;
float: right;
margin-left: 20px;
margin-bottom: 10px;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
margin-top: 10px;
}
.wp-caption {
background: #ccc;
padding: 5px;
border: 1px solid #0099ff;
}
.wp-caption-text {
font-style: italic;
text-align: center;
font-size: 12px;
margin-top: 2px;
}
.gallery .gallery-caption {
font-size: 12px;
padding: 5px;
font-style: italic;
} .gallery-item {
padding: 1%;
text-align: center;
width: 100%;
display: inline-block;
vertical-align: top;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-3 .gallery-item {
width: 33.33%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery-columns-6 .gallery-item {
width: 16.66%;
}
.gallery-columns-7 .gallery-item {
width: 14.28%;
}
.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.gallery-columns-9 .gallery-item {
width: 11.11%;
} .author-box .fa {
font-size: 22px;
vertical-align: middle;
padding: 5px;
}
.author-box .fa-twitter {
color: #00aced;
}
.author-box .fa-google-plus {
color: #dd4b39;
}
.author-box .fa-facebook {
color: #3b5998;
} .breadcrumbs-area {
padding-top: 20px;
} .wp-custom-header {
position: relative;
}
.wp-custom-header-video-button {
position: absolute;
left: 2%;
top: 85%;
background-color: #0099ff;
border: 1px solid #0099ff;
color: #fff;
max-width: 100%;
padding: 10px 15px;
border-radius: 5px;
font-size: 14px;
} @media screen and (max-width: 1200px) {
.boxed #page {
max-width: 96%;
}
}
@media screen and (max-width: 992px) {
#logo-and-title {
clear: both;
width: 100%;
}
#header-sidebar {
clear: both;
padding-top: 10px;
width: 100%;
text-align: left;
}
.header-right-area, .header-left-area {
width: 100%;
clear: both;
}
.header-right-area {
float: left;
}
ul#menu-social {
text-align: left;
}
#logo-and-title .site-title a, #logo-and-title .site-title {
font-size: 30px;
}
#logo-and-title .site-description {
font-size: 10px;
}
}
@media screen and (max-width: 991px) {
.left-sidebar #secondary,
.left-sidebar #primary {
float: none;
}
}
@media screen and (max-width: 600px) {
.header-right-area {
float: none;
text-align: center;
clear: both;
}
.entry-title {
font-size: 24px;
}
.entry-meta {
font-size: 12px;
}
ul#menu-social {
text-align: center;
}
.date-in-header {
width: 100%;
text-align: center;
}
.header-left-area {
float: none;
}
.header-left-area .breaking-news {
clear: both;
float: none;
text-align: center;
}
ul.newsticker {
text-align: left;
}
.widget ul ul {
padding-left: 2px;
}
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
width: 25%;
}
}
@media screen and (max-width: 420px) {
.featured-image {
float: none;
text-align: center;
margin-right: 0;
}
ol.children {
margin-left: 10px;
padding-left: 0;
}
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
width: 33.33%;
}
.related-posts {
width: 100%;
}
.widget-title, .related-posts-main-title {
font-size: 20px;
}
}