/*
Theme Name: Delish
Theme URI: https://wpneon.com/delish-wordpress-theme/
Author: WPNeon.com
Author URI: http://wpneon.com/
Description: Delish is a free WordPress theme that comes with clean, modern, minimal and fully responsive design well suited for blogs and magazine websites. Theme can be used for personal, photography, fashion, nature, health or any other creative and minimalistic style website. Delish theme is highly customizable with unlimited color options, several widgets and much more that can be adjusted via Theme Customizer. It features SEO friendly structure, logo upload, social media icons, popular post widget and translation ready setup.
Version: 1.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: delish
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.
*/
/**
* Table of Contents:
*
* 1.0 - Reset
* 2.0 - Repeatable Patterns
* 3.0 - Basic Structure
* 4.0 - Header
* 4.1 - Site Header
* 4.2 - Navigation
* 5.0 - Content
* 5.1 - Entry Header
* 5.2 - Entry Meta
* 5.3 - Entry Content
* 5.4 - Galleries
* 5.5 - Post Formats
* 5.6 - Attachments
* 5.7 - Post/Paging Navigation
* 5.8 - Author Bio
* 5.9 - Archives
* 5.10 - Search Results/No posts
* 5.11 - 404
* 5.12 - Comments
* 5.13 - Multisite
* 6.0 - Sidebar
* 6.1 - Widgets
* 7.0 - Footer
* 8.0 - Media Queries
* 9.0 - Print
* ----------------------------------------------------------------------------
*/
/**
* 1.0 Reset
* ----------------------------------------------------------------------------
*/
/*@import url('css/base.css');
@import url('css/main.css');*/
@import url('css/single.css');
@import url('fonts/stylesheet.css');
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, nav, section, summary {
display: block;
}
audio, canvas, video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden] {
display: none;
}
html {
font-size: 100%;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body, button, input, select, textarea {
font-size:1rem;
font-family: 'Lato', sans-serif;
line-height:1.5;
max-width:100%;
}
body {
margin:0;
background:#FFF;
font-family: 'Lato', sans-serif;
color:#555;
font-weight:300;
}
h1, h2, h3, h4, h5, h6 {
margin:0; margin-bottom:10px;
padding:0;
font-family: 'Lato', sans-serif;
}
h1 {
font-size:38px;
}
h1 a {
color:#4f7091;
text-decoration:none;
}
h1 a:hover {
color:#00c744;
}
h2 {
font-size:34px;
}
h3 {
font-size:28px;
}
h4 {
font-size:24px;
}
h5 {
font-size:22px;
}
h6 {
font-size:20px;
font-weight:normal;
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
line-height:1.5;
}
.entry-content p, .entry-summary p{ font-size:17px; line-height:1.8;}
#site-title, .loop-title, .singular .hfeed .entry-title {
font-size:40px;
font-size:2.5rem;
}
address {
font-style: italic;
margin: 0 0 24px;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
mark {
background: #ff0;
color: #000;
}
p {
margin: 0 0 24px;
}
code, kbd, pre, samp {
font-family: 'Lato', sans-serif;
font-size: 14px;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
pre {
background: #f5f5f5;
color: #666;
font-family: 'Lato, sans-serif';
font-size: 14px;
margin: 20px 0;
overflow: auto;
padding: 20px;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
blockquote, q {
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
content: none;
}
blockquote {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border-left: 4px solid #00c744;
font-size: 1.1em;
font-style: italic;
margin: 1.5em 0;
overflow: hidden;
padding: 0 1.5em 0 1em;
}
blockquote blockquote {
margin-right: 0;
}
blockquote cite, blockquote small {
font-size: 14px;
font-weight: normal;
text-transform: uppercase;
}
blockquote em, blockquote i {
font-style: normal;
font-weight: 300;
}
blockquote strong, blockquote b {
font-weight: 400;
}
small {
font-size: smaller;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
dl {
margin: 0 20px;
}
dt {
font-weight: bold;
}
dd {
margin: 0 0 20px;
}
ul li {
padding:0;
}
ul {
margin:0;
padding:20px;
}
ul.social-icons{padding:0px;}
nav ul, nav ol {
list-style: none;
list-style-image: none;
}
li > ul, li > ol {
margin: 0;
}
#sidebar li > ul, li > ol {
margin: 0; display:none;
}
img {
-ms-interpolation-mode: bicubic;
border: 0;
vertical-align: middle;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
form {
margin: 0;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
white-space: normal;
}
button, input, select, textarea {
font-size: 100%;
margin: 0;
max-width: 100%;
vertical-align: baseline;
}
button, input {
line-height: normal;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], input[disabled] {
cursor: default;
}
input[type="checkbox"], input[type="radio"] {
padding: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
padding-right: 2px; /* Don't cut off the webkit search cancel button */
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button {
/* Remove default */
-webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
table {
border-bottom: 1px solid #ededed;
border-collapse: collapse;
border-spacing: 0;
font-size: 14px;
line-height: 2;
margin: 0 0 20px;
width: 100%;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
caption {
font-size: 16px;
margin: 20px 0;
}
th {
font-weight: bold;
text-transform: uppercase;
}
td {
border-top: 1px solid #ededed;
padding: 6px 10px 6px 0;
}
del {
color: #333;
}
ins {
background: #fff9c0;
text-decoration: none;
}
hr {
background: url(images/dotted-line.png) repeat center top;
background-size: 4px 4px;
border: 0;
height: 1px;
margin: 0 0 24px;
}
/**
* 2.0 Repeatable Patterns
* ----------------------------------------------------------------------------
*/
.genericon:before, .menu-toggle:after, .featured-post:before, .date a:before, .entry-meta .author a:before, .format-audio .entry-content:before, .comments-link a:before, .tags-links a:first-child:before, .categories-links a:first-child:before, .edit-link a:before, .attachment .entry-title:before, .attachment-meta:before, .attachment-meta a:before, .comment-awaiting-moderation:before, .comment-reply-link:before, .comment-reply-login:before, .comment-reply-title small a:before, .bypostauthor > .comment-body .fn:before, .error404 .page-title:before {
-webkit-font-smoothing: antialiased;
display: inline-block;
font: normal 16px/1 Genericons;
vertical-align: text-bottom;
}
/* Clearing floats */
.clear:after, .attachment .entry-header:after, .site-footer .widget-area:after, .entry-content:after, .page-content:after, .navigation:after, .nav-links:after, .gallery:after, .comment-form-author:after, .comment-form-email:after, .comment-form-url:after, .comment-body:after {
clear: both;
}
.clear:before, .clear:after, .attachment .entry-header:before, .attachment .entry-header:after, .site-footer .widget-area:before, .site-footer .widget-area:after, .entry-content:before, .entry-content:after, .page-content:before, .page-content:after, .navigation:before, .navigation:after, .nav-links:before, .nav-links:after, .gallery:before, .gallery:after, .comment-form-author:before, .comment-form-author:after, .comment-form-email:before, .comment-form-email:after, .comment-form-url:before, .comment-form-url:after, .comment-body:before, .comment-body:after {
content: "";
display: table;
}
/* Assistive text */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
}
.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;
line-height: normal;
padding: 15px 23px 14px;
position: absolute;
left: 5px;
top: 5px;
text-decoration: none;
width: auto;
z-index: 100000; /* Above WP toolbar */
}
/* Form fields, general styles first. */
button, input, textarea {
border: 2px solid #eeeeee;
font-family: inherit;
padding: 5px;
}
input, textarea {
color: #555;
}
input:focus, textarea:focus {
border: 2px solid #c3c0ab;
outline: 0;
}
/* Buttons */
button, input[type="submit"], input[type="button"], input[type="reset"] {
background: #00c744; /* Old browsers */
background: -webkit-linear-gradient(top, #00c744 0%, #00c744100%); /* Chrome 10+, Safari 5.1+ */
background: linear-gradient(to bottom, #e05d22 0%, #00c744100%); /* W3C */
border:none;
border-radius: 2px;
color: #fff;
display: inline-block;
padding: 7px 25px 7px;
text-decoration: none;
}
button:hover, button:focus, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus {
background: #00c744; /* Old browsers */
background: -webkit-linear-gradient(top, #00c744 0%, #00c744100%); /* Chrome 10+, Safari 5.1+ */
background: linear-gradient(to bottom, #00c744 0%, #00c744100%); /* W3C */
outline: none;
}
button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active {
background: #555; /* Old browsers */
background: -webkit-linear-gradient(top, #00c7440%, #e05d22 100%); /* Chrome 10+, Safari 5.1+ */
background: linear-gradient(to bottom, #00c7440%, #e05d22 100%); /* W3C */
}
.post-password-required input[type="submit"] {
padding: 7px 24px 4px;
vertical-align: bottom;
}
.post-password-required input[type="submit"]:active {
padding: 5px 24px 6px;
}
/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
color: #7d7b6d;
}
:-moz-placeholder {
color: #7d7b6d;
}
::-moz-placeholder {
color: #7d7b6d;
}
:-ms-input-placeholder {
color: #7d7b6d;
}
/*
* Responsive images
* Fluid images for posts, comments, and widgets
*/
.entry-content img, .entry-summary img, .comment-content img, .widget img, .wp-caption {
max-width: 100%;
}
/* Make sure images with WordPress-added height and width attributes are scaled correctly. */
.entry-content img, .entry-summary img, .comment-content img[height], img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] {
height: auto;
}
img.size-full, img.size-large, img.wp-post-image {
height: auto;
max-width: 100%;
}
/* Make sure videos and embeds fit their containers. */
embed, iframe, object, video {
max-width: 100%;
}
/* Override the Twitter embed fixed width. */
.entry-content .twitter-tweet-rendered {
max-width: 100% !important;
}
/* Images */
.alignleft {
float: left;
}
.alignright {
float: right;
}
.alignright2 { float:right; text-align:right;}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
figure.wp-caption.alignleft, img.alignleft {
margin: 5px 20px 5px 0;
}
.wp-caption.alignleft {
margin: 5px 10px 5px 0;
}
figure.wp-caption.alignright, img.alignright {
margin: 5px 0 5px 20px;
}
.wp-caption.alignright {
margin: 5px 0 5px 10px;
}
img.aligncenter {
margin: 5px auto;
}
img.alignnone {
margin: 5px 0;
}
.wp-caption .wp-caption-text, .entry-caption, .gallery-caption {
color: #220e10;
font-size: 18px;
font-style: italic;
font-weight: 300;
margin: 0 0 24px;
}
div.wp-caption.alignright img[class*="wp-image-"] {
float: right;
}
div.wp-caption.alignright .wp-caption-text {
padding-left: 10px;
}
img.wp-smiley, .rsswidget img {
border: 0;
border-radius: 0;
box-shadow: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.wp-caption.alignleft + ul, .wp-caption.alignleft + ol {
list-style-position: inside;
}
.content_begin {margin-top: 41px;
border-top: 3px solid #eee;}
.fa-folder, .fa-edit, .fa-comment-dots, .fa-minus-square, .fa-wrench {margin-right:5px; color: #555; opacity:0.7; }
/*--------------- Header Style ----------------*/
a {
color:#00c744;
text-decoration:none;
}
.entry-summary p a, .entry-content p a, .entry-summary ul li a, .entry-content ul li a {
text-decoration:underline;
}
.entry-summary p a:hover,.entry-content p a:hover , .entry-summary ul li a:hover, .entry-content ul li a:hover {
text-decoration:none;
}
.entry-summary ul li, .entry-content ul li { padding-bottom:0px;}
a:hover {
text-decoration:none;
}
#header {
border-bottom: 2px solid #eee;
background: none repeat scroll 0 0 #1D1D1D;
}
#site-title {
font-size: 30px;
font-weight: bold;
line-height: 1.5;
margin: 0;
word-wrap: normal; font-family:'Lato', sans-serif;
}
#site-title a {
color: #eeeeee;
font-weight: 400;
line-height: 3.2rem;
display:inline-block;
text-decoration:none;
transition: all 0.5s ease 0s;
margin-top:10px;
}
#site-title a:hover {
/*border-bottom:5px solid #00c744; */
color:#fff;
}
/*------------- Navigation Menu --------------*/
/* -------------------------------------------------------------------------------- */
/* Top Navigation
/* -------------------------------------------------------------------------------- */
.top-nav { background: #26272B; }
/* primary Menu ------------------------------------ */
.mobile-menu, .nav-toggle-text {display:none;}
.primary-menu {
float: left;
font-size: 0.9rem; padding:0px;
}
.primary-menu li { position: relative; }
.primary-menu > li { float: left; display:block; }
.primary-menu > li > a {
display: block;
padding: 21px 15px;
color: rgba(206, 198, 198, 0.92);
}
.primary-menu > li.menu-item-has-children > a { padding-right: 30px; }
.primary-menu > li.menu-item-has-children > a:after {
content: "";
display: block;
border: 4px solid transparent;
border-top-color: #777;
position: absolute;
top: 50%;
margin-top: -1px;
right: 15px;
}
.primary-menu > li:hover > a,
.primary-menu li.current-menu-item > a { color: #fff; }
.primary-menu > li:hover > a { background: #1D1D20; }
.primary-menu > li.menu-item-has-children:hover > a:after { border-top-color: #fff; }
/* Sub Menus --------------------------------------- */
.primary-menu ul {
display: block;
opacity: 0;
position: absolute;
z-index: 999;
left: -9999px;
top: 50px;
-webkit-transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out;
}
.primary-menu ul .menu-item-has-children::after {
content: "";
display: block;
border: 4px solid transparent;
border-left-color: #666;
position: absolute;
z-index: 1001;
right: 6px;
top: 50%;
margin-top: -4px;
}
.primary-menu ul li {
width: 200px; display:block;
background: #1D1D20;
}
.primary-menu ul li + li { border-top: 1px solid #333; }
.primary-menu ul a {
display: block;
padding: 15px;
line-height: 130%;
color: #999;
}
.primary-menu ul li:hover > a { color: #fff; }
.primary-menu ul .menu-item-has-children:hover::after { border-left-color: #fff; }
.primary-menu > li:hover > ul {
opacity: 1;
left: 0px;
top: 55px; padding:0px;
}
/* Deep Down --------------------------------------- */
.primary-menu ul ul {
padding-top: 0;
top: 5px;
}
.primary-menu li > ul > li:hover > ul {
opacity: 1;
left: 200px;
top: 0;
margin-left: 0; padding:0px;
}
/* Social Menu --------------------------------------- */
.social-menu {
float: right;
padding: 0px;
}
.social-menu li {
float: left;
margin-left: 10px;
position: relative; display:block;
}
.social-menu li:first-child { margin-left: 0; }
.screen-reader-text {
position: absolute;
top: -9999em;
left: -9999em;
}
.social-menu a {
display: block;
width: 36px;
height: 36px;
border: 2px solid rgba(206, 198, 198, 0.92);
color: #fff;
border-radius: 999px;
}
.social-menu a:hover , .social-menu li a:hover{
border-color: #fff !important;
color: #fff !important;
}
.search-toggle:hover, .search-toggle:active {color:#fff !important;}
.social-menu li a::before {
content: '\f408';
display: inline-block;
font-family: 'FontAwesome';
font-size: 16px;
text-align: center;
position: absolute;
top: 50%;
margin-top: -11px;
left: 0;
right: 0;
}
/*
.social-menu .active:after {
content: "";
display: block;
border: 6px solid transparent;
border-bottom-color: #fff;
position: absolute;
bottom: -13px;
right: 10px;
} */
.social-menu li a[href*="codepen.io"]::before { content: '\f1cb'; }
.social-menu li a[href*="dribbble.com"]::before { content: '\f17d'; }
.social-menu li a[href*="facebook.com"]::before { content: '\f09a'; }
.social-menu li a[href*="flickr.com"]::before { content: '\f16e'; }
.social-menu li a[href*="github.com"]::before { content: '\f09b'; }
.social-menu li a[href*="instagram.com"]::before { content: '\f16d'; }
.social-menu li a[href*="linkedin.com"]::before { content: '\f0e1'; }
.social-menu li a[href*="pinterest.com"]::before { content: '\f0d2'; }
.social-menu li a[href*="plus.google.com"]::before { content: '\f0d5'; }
.social-menu li a[href*="tumblr.com"]::before { content: '\f173'; }
.social-menu li a[href*="twitter.com"]::before { content: '\f099'; }
.social-menu li a[href*="vimeo.com"]::before { content: '\f194'; }
.social-menu li a[href*="feedburner.com"]::before { content: '\f09e'; }
.social-menu li a[href*="wordpress.org"]::before,
.social-menu li a[href*="wordpress.com"]::before { content: '\f19a'; }
.social-menu li a[href*="youtube.com"]::before { content: '\f167'; }
.social-menu li a[href*="mailto"]::before { content: '\f0e0'; }
.social-menu li a.search-toggle::before {
content: '\f002';
margin-top: -12px;
}
.no-js .social-menu li:last-child { display: none; } /* hide the search toggle icon if there's no javascript support */
/* -------------------------------------------------------------------------------- */
/* Search Container
/* -------------------------------------------------------------------------------- */
.search-container {
display: none;
background: #1d1d1d; border-bottom:2px solid #fff;
}
.search-container .section-inner { position: relative; }
.search-container .search-field {
display: block;
border: none;
background: none;
width: 100%;
padding: 35px 92px 35px 0;
margin-right: 50px;
font-family: 'Lato', sans-serif;
font-size: 1.5em;
font-style: italic;
color: #fff;
}
.search-container .search-field:focus { outline: none; }
.search-container .search-button {
display: block;
background: none;
position: absolute;
top: 50%;
margin-top: -21px;
right: 0; border:none;
}
.search-container .search-button .fa { font-size: 40px; }
.search-container .search-button:hover {
cursor: pointer;
color: #2c94f2;
}
/* -------------------------------------------------------------------------------- */
/* Header
/* -------------------------------------------------------------------------------- */
.header-wrapper { }
.header { padding-top:10px; }
.blog-title {
font-size: 1.5em;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 2px;
text-shadow: 0 1px 0 #555; float:left;
}
.blog-title a { color: #fff; }
.blog-title a:hover { color: #2c94f2; }
.blog-description {
margin: 11px 0 0 0;
font-family: 'Merriweather', Georgia, serif;
font-size: 0.9em;
line-height: 115%;
font-style: italic;
color: #999;
}
.blog-logo,
.blog-logo img {
display: block; float:left;
}
/*-------------- content styles ------------------*/
#feature h2 {
border-bottom: 2px solid #eee;
color: #9fa3ad;
font-size: 1.5em;
font-style: italic;
font-weight: 600;
padding: 2em 0;
text-align: center;
text-transform: capitalize;
}
#content article .col-md-11 {
padding:0;
}
.main #content {
padding-top:2.5%;
}
.main > .col-md-7 {
padding-left:0;
}
.entry-meta {
font-family: 'Lato', Sans-serif;
font-size: 0.75rem;
font-style: italic;
font-weight: 500;
margin: 0.5em 0 1em;
color:#555;
letter-spacing:0.6px;
}
.entry-meta a {
color:#00c744;
}
.entry-meta a:hover {
text-decoration:underline;
}
a.more-link, .more-link {
background: none repeat scroll 0 0 #fff;
border: 3px solid #eeeeee;
color: #00c744;
display: block;
font-weight: 400;
margin: 1em 0;
padding:0.5rem 1rem;
text-align: center;
text-decoration: none;
transition: all 0.2s ease 0s;
}
.more-link
{
padding:1em 2em 0em; margin-top:40px;
}
a.more-link:hover {
border:2px solid #eeeeee;
background:#eeeeee;
color:#de4b11;
text-decoration:none;
}
.comment-reply-title {
font-style: normal;
}
.comment-form label {
width:100%;
display:inline-block;
font-weight:lighter;
}
.comment-form input {
width:52%;
}
.comment-form textarea {
width:85%;
}
.form-allowed-tags {
display:none;
}
.form-submit #submit {
font-size: 1rem;
padding: 12px 16px;
width: 28%;
}
#sidebar {
border-left: 3px solid #eee;
padding: 0;
}
#sidebar .widget {
padding: 5% 10%;
border-bottom: 3px solid #f0f3f4;
border-right: 10px solid #f0f3f4;
}
.widget_rss li {margin-bottom:20px;}
.widget_rss a{ font-size:15px;}
#sidebar .post-title {
font-size: 1.5rem;
line-height: 1.15;
margin-bottom: 1em;
font-style:normal;
font-weight: 300;
word-wrap: normal;
font-family:'Lato', sans-serif;
}
#sidebar .post-title a {
color: #1D1D1D;
}
#sidebar a.feature-link.blue {
background:#009ffb;
border: medium none;
color: #fff;
font-weight: 300;
display: block;
margin: 1em 0;
padding: 0.5rem 1rem;
text-align: center;
text-decoration: none;
}
a.fade, .fade a {
transition: all 0.3s ease 0s;
}
.ad-cell {
border: 1px solid #e5e5e5;
margin-bottom: 20px;
padding-bottom: 15px;
}
.ad-cell:last-child {
margin-bottom: 10px;
}
.ft-fimg {
text-align:center;
}
.ft-sbcategory {
font-size: 13px;
font-weight: 500;
margin: 0 0 5px 15px;
text-transform: uppercase;
line-height:3;
}
.ft-sbcategory a {
color: #999;
text-decoration: none;
}
.ft-sbcategory a:hover {
color:#77cc6d;
}
.ft-wpost .post-title {
font-size: 18px;
line-height: 24px;
}
.ft-wpost .post-title {
margin: 0 15px;
}
.ft-wpost .post-title a {
color:#222;
}
#sidebar ul li {
list-style:none;
}
/* --------------- footer style -----------------*/
#colophon .copyright {
padding: 1rem 0;
text-align: left;
}
#colophon .credit {
padding: 1rem 0;
}
.icon-fonts > li {
float: left;
list-style-type: none;
padding: 16px 10px 0;
}
.icon-fonts {
float:right;
}
#colophon .utility-wrap ul li a {
padding: 1rem 0;
}
.blog .hfeed .hentry, .archive .hfeed .hentry, .search .hfeed .hentry, .custom-archive .hentry, .hentry {
border-bottom: 3px solid #eeeeee;
}
.hentry, .singular .custom-archive .hentry {
margin: 0 0 1.25rem;
padding: 0 0 1.75rem;
}
/******comments Area*********/
ol {
list-style:none; list-style-type:decimal;
}
.comment-list li {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
padding: 1.5rem 1.5rem 0;
}
.comment-list, .comment-list ol {
border-top: 1px solid #eee;
list-style: none outside none;
margin: 0 0 1.5em;
padding: 0;
}
.meta-nav {
color: #ccc;
font-size: 14px;
margin: 0 auto;
padding: 0.5em 1em;
text-transform: uppercase;
font-family: 'Lato', serif;
font-style: italic;
}
.nav-links a {
font-style: italic; font-weight:bold;
color: #00c744; font-size:18px;
}
.more-link:hover {
background:#eee;
}
.single .hentry
{
border-bottom:none;
}
.reply {
margin-bottom: 15px;
}
.comment-meta { background-color:#fff;}
.comment-metadata {
margin: 10px 0;
}
.archive-title
{
margin-bottom:12px;
color: #00c744;
padding: 0 10px;
display: inline-block;
border: 4px solid #00c744;
}
.nav-previous{ float:left; width:50%;}
.nav-previous a:hover{text-decoration:underline;}
.nav-next{ float:right; width:50%}
.nav-next a{ float:right;}
.nav-next a:hover{ text-decoration:underline;}
/**
* 5.0 Content
* ----------------------------------------------------------------------------
*/
.hentry {
padding: 10px 0;
}
.entry-header,
.entry-content,
.entry-summary,
.entry-meta {
margin: 0 auto;
max-width: 604px;
width: 100%;
}
.sidebar .entry-header,
.sidebar .entry-content,
.sidebar .entry-summary,
.sidebar .entry-meta {
max-width: 1040px;
padding: 0 376px 0 60px;
}
/**
* 5.1 Entry Header
* ----------------------------------------------------------------------------
*/
.sidebar .entry-header .entry-meta {
padding: 0;
}
.entry-thumbnail img { border-radius:5px; width:100%;
display: block;
margin: 0 auto 10px;
}
.entry-header {
margin-bottom: 30px;
}
.entry-title {
font-weight: bold;
margin: 0;
word-wrap:break-word;
}
.entry-title a {
color: #555;
}
.entry-title a:hover {
color: #00c744;
}
/**
* 5.3 Entry Content
* ----------------------------------------------------------------------------
*/
.entry-content {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
}
.entry-content img{border-radius: 5px;
width: 100%;
display: block;
margin: 0 auto 10px;}
.entry-content a,
.comment-content a {
}
.entry-content a:hover,
.comment-content a:hover {
}
.entry-content blockquote {
font-size: 24px;
}
.entry-content blockquote cite,
.entry-content blockquote small {
font-size: 16px;
}
.entry-content img.alignleft,
.entry-content .wp-caption.alignleft {
margin-left: 0px; /* -60px; */
}
.entry-content img.alignright,
.entry-content .wp-caption.alignright {
margin-right: 0px;
}
footer.entry-meta {
margin-top: 24px;
}
.format-standard footer.entry-meta {
margin-top: 0;
}
/* Page links */
.page-links {
clear: both;
font-size: 16px;
font-style: italic;
font-weight: normal;
line-height: 2.2;
margin: 20px 0;
text-transform: uppercase;
}
.page-links a,
.page-links > span {
background: #fff;
border: 1px solid #fff;
padding: 5px 10px;
text-decoration: none;
}
.format-status .entry-content .page-links a,
.format-gallery .entry-content .page-links a,
.format-chat .entry-content .page-links a,
.format-quote .entry-content .page-links a,
.page-links a {
background: #e63f2a;
border: 1px solid #e63f2a;
color: #fff;
}
.format-gallery .entry-content .page-links a:hover,
.format-audio .entry-content .page-links a:hover,
.format-status .entry-content .page-links a:hover,
.format-video .entry-content .page-links a:hover,
.format-chat .entry-content .page-links a:hover,
.format-quote .entry-content .page-links a:hover,
.page-links a:hover {
background: #fff;
color: #e63f2a;
}
.format-status .entry-content .page-links > span,
.format-quote .entry-content .page-links > span {
background: none;
}
.page-links .page-links-title {
background: transparent;
border: none;
margin-right: 20px;
padding: 0;
}
/* Mediaelements */
.hentry .mejs-mediaelement,
.hentry .mejs-container .mejs-controls {
background: #220e10;
}
.hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
background: #fff;
}
.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
background: #ea9629;
}
.hentry .mejs-controls .mejs-time-rail .mejs-time-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
background: #595959;
}
.hentry .mejs-controls .mejs-time-rail span,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
border-radius: 0;
}
.nav-links p {
float: left;
padding-right: 4%;
vertical-align: top;
width: 50%;
}
/**
* 5.4 Galleries
* ----------------------------------------------------------------------------
*/
.gallery {
margin-bottom: 20px;
margin-left: -4px;
}
.gallery-item {
float: left;
margin: 0 4px 4px 0;
overflow: hidden;
position: relative;
}
.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail {
display: table;
margin: 0 auto 20px;
}
.gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery-columns-2 .gallery-item {
width: 48%;
}
.gallery-columns-1 .gallery-item,
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item {
text-align: center;
}
.gallery-columns-4 .gallery-item {
max-width: 23%;
max-width: -webkit-calc(25% - 4px);
max-width: calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
max-width: 19%;
max-width: -webkit-calc(20% - 4px);
max-width: calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
max-width: 15%;
max-width: -webkit-calc(16.7% - 4px);
max-width: calc(16.7% - 4px);
}
.gallery-columns-7 .gallery-item {
max-width: 13%;
max-width: -webkit-calc(14.28% - 4px);
max-width: calc(14.28% - 4px);
}
.gallery-columns-8 .gallery-item {
max-width: 11%;
max-width: -webkit-calc(12.5% - 4px);
max-width: calc(12.5% - 4px);
}
.gallery-columns-9 .gallery-item {
max-width: 9%;
max-width: -webkit-calc(11.1% - 4px);
max-width: calc(11.1% - 4px);
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right: 0;
}
.gallery-caption {
background-color: rgba(0, 0, 0, 0.7);
box-sizing: border-box;
color: #fff;
font-size: 14px;
line-height: 1.3;
margin: 0;
max-height: 50%;
opacity: 0;
padding: 2px 8px;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
-webkit-transition: opacity 400ms ease;
transition: opacity 400ms ease;
width: 100%;
}
.gallery-caption:before {
box-shadow: 0 -10px 15px #000 inset;
content: "";
height: 100%;
min-height: 49px;
position: absolute;
left: 0;
top: 0;
width: 100%;
}
.gallery-item:hover .gallery-caption {
opacity: 1;
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
/**
* 5.5 Post Formats
* ----------------------------------------------------------------------------
*/
/* Aside */
.format-aside {
background-color: #eeeeee;
}
.blog .format-aside:first-of-type,
.single .format-aside:first-of-type,
.format-aside + .format-aside,
.format-aside + .format-link,
.format-link + .format-aside {
box-shadow: inset 0 2px 2px rgba(173, 165, 105, 0.2);
}
.format-aside .entry-meta {
margin-top: 0;
}
.format-aside blockquote {
font-size: 100%;
font-weight: normal;
}
.format-aside cite {
font-size: 100%;
text-transform: none;
}
.format-aside cite:before {
content: "\2014";
margin-right: 5px;
}
/* Widget search --------------------------------------- */
.widget_search #searchform, .page-content #searchform{border:0px; height:33px;}
.widget_search .search-form, .page-content .search-form { position: relative; }
.widget_search .search-form input, .page-content .search-form input { height: 30px; }
.widget_search .search-form input#s, .page-content .search-form input#s {
display: block;
width: 100%;
padding: 0px 60px 0px 20px;
-moz-padding: 0px !important;
height:42px;
margin: 0;
background: #fff;
border: 1px solid #ddd;
border-radius: 0;
font-family: 'Lato', Helvetica, sans-serif;
font-size: 1rem;
cursor:text;
}
.widget_search .search-form input#s::-moz-focus-inner {
padding: 0 !important;
border: 0
}
.widget_search .search-form button, .page-content .search-form button{display: block;
height: 100%;
border-bottom:none; border-top:none;
background: none;
border-left: 1px solid #ddd;
color: #999;
text-align: center;
position: absolute;
top: 0;
right: 0;}
.widget_search .search-form #s:focus, .page-content .search-form #s:focus {
outline: none;
background: #EEE;
color: #444;
}
.widget_search .search-form #searchsubmit, .page-content .search-form #searchsubmit { display:none !important;}
.widget_search .search-form #searchsubmit, .page-content .search-form #searchsubmit {
-webkit-appearance: none;
position: absolute;
right: 0;
top: 0;
width: 85px;
line-height: 1;
border: none;
background: #00c744;
border: 1px solid #00c744;
color: #FFF;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 0.8rem;
font-family: 'Varela Round', sans-serif;
border-radius: 0 3px 3px 0;
}
.widget_search .search-form #searchsubmit:hover {
cursor: pointer;
background-color: #089D80;
border-color: #089D80;
}