/*
Theme Name: Foodies
Theme URI: https://indigothemes.com/products/foodies-wordpress-theme/
Author: IndigoThemes
Author URI: https://indigothemes.com
Description: Foodies is a clean and fully customizable premium WordPress theme for foodies or food bloggers who want to have blogs on food receipes etc.Though, it is not just limited to food bloggers, Foodies can also be used in developing other types of blogs like creative writing, photography, riding and what not ! It is easily customizable through Customizer. Foodies PRO is a Premium Version of the theme which comes with more powerful features and customization options. Step by Step DOCUMENTATION and DUMMY DATA links of the theme can be found here: https://indigothemes.com/documentation/foodies/
Version: 1.0.6
Tags: food-and-drink, theme-options, custom-logo, custom-colors, custom-background, custom-menu, featured-images, translation-ready,editor-style
License: GNU GENERAL PUBLIC LICENSE, Version 3
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: foodies
*/
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 98.5%;
    /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption p.wp-caption-text {
    font-size: 12px;
    line-height: 17px;
    margin: 0;
    text-align: center;
    padding: 10px 4px 0px;
}
.wp-caption a {
    color: #fff;
}
.wp-caption,
.gallery {
    margin-bottom: 1.6842em;
}
iframe,
embed {
    max-width: 100%;
}
.sticky .entry-date {
    display: none;
}
.gallery-caption {
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
    max-height: 50%;
    opacity: 0;
    padding: 6px 8px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
    width: 100%;
}
.gallery-caption:before {
    content: "";
    height: 100%;
    min-height: 49px;
    position: absolute;
    top: 0;
    left: 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;
}
.bypostauthor {}
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.alignright {
    display: inline;
    float: right;
}
.single-blog-social a[rel~='nofollow'] {
    outline: 0em dotted transperant !important;
    outline-offset: 0em;
}
img {width: auto;max-width: 100%;height:auto;}

/* Wrapper */
.sl-wrapper a {
    border-bottom: 0 !important;
    text-decoration: none !important;
}
.sl-button {
    font-size: 1em;
    line-height: 1;
    font-weight: normal;
}

/* Colors */
a.liked {
    color: #da1b1b;
}
a.liked:hover,
a.liked:active,
a.liked:focus {
    color: #666666;
}
a.liked span.sl-count,
.sl-count {
    color: #666666;
}

/* Icon */
.sl-icon {
    margin-right: 0.3125em;
    font-family: 'Arial Unicode MS', Arial, sans-serif;
    vertical-align: middle;
}
.sl-icon svg {
    fill: currentColor;
    width: 1em;
    height: 1em;
}
.sl-icon svg:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left:0;
}

/* Count */
.sl-count {
    font-size: 0.625em;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    text-transform: uppercase;
    vertical-align: middle;
}

/* Loader */
.loader,
.loader:before,
.loader:after {
  background: rgba(0, 0, 0, 0.2);
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: .2em;
  height: .6em;
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -.375em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader {
  text-indent: -9999em;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  font-size: 1em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:after {
  left: .375em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0 rgba(0, 0, 0, 0.2);
    height: .6em;
  }
  40% {
    box-shadow: 0 -.3em rgba(0, 0, 0, 0.2);
    height: 1em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0 rgba(0, 0, 0, 0.2);
    height: .6em;
  }
  40% {
    box-shadow: 0 -.3em rgba(0, 0, 0, 0.2);
    height: 1em;
  }
}