/* override default breakpoints */
.overlay-0 {
  background-color: rgba(0, 0, 0, 0); }

.overlay-dark.overlay-0 {
  background-color: rgba(0, 0, 0, 0); }

.overlay-light.overlay-0 {
  background-color: rgba(255, 255, 255, 0); }

.overlay-10 {
  background-color: rgba(0, 0, 0, 0.1); }

.overlay-dark.overlay-10 {
  background-color: rgba(0, 0, 0, 0.1); }

.overlay-light.overlay-10 {
  background-color: rgba(255, 255, 255, 0.1); }

.overlay-20 {
  background-color: rgba(0, 0, 0, 0.2); }

.overlay-dark.overlay-20 {
  background-color: rgba(0, 0, 0, 0.2); }

.overlay-light.overlay-20 {
  background-color: rgba(255, 255, 255, 0.2); }

.overlay-30 {
  background-color: rgba(0, 0, 0, 0.3); }

.overlay-dark.overlay-30 {
  background-color: rgba(0, 0, 0, 0.3); }

.overlay-light.overlay-30 {
  background-color: rgba(255, 255, 255, 0.3); }

.overlay-40 {
  background-color: rgba(0, 0, 0, 0.4); }

.overlay-dark.overlay-40 {
  background-color: rgba(0, 0, 0, 0.4); }

.overlay-light.overlay-40 {
  background-color: rgba(255, 255, 255, 0.4); }

.overlay-50 {
  background-color: rgba(0, 0, 0, 0.5); }

.overlay-dark.overlay-50 {
  background-color: rgba(0, 0, 0, 0.5); }

.overlay-light.overlay-50 {
  background-color: rgba(255, 255, 255, 0.5); }

.overlay-60 {
  background-color: rgba(0, 0, 0, 0.6); }

.overlay-dark.overlay-60 {
  background-color: rgba(0, 0, 0, 0.6); }

.overlay-light.overlay-60 {
  background-color: rgba(255, 255, 255, 0.6); }

.overlay-70 {
  background-color: rgba(0, 0, 0, 0.7); }

.overlay-dark.overlay-70 {
  background-color: rgba(0, 0, 0, 0.7); }

.overlay-light.overlay-70 {
  background-color: rgba(255, 255, 255, 0.7); }

.overlay-80 {
  background-color: rgba(0, 0, 0, 0.8); }

.overlay-dark.overlay-80 {
  background-color: rgba(0, 0, 0, 0.8); }

.overlay-light.overlay-80 {
  background-color: rgba(255, 255, 255, 0.8); }

.overlay-90 {
  background-color: rgba(0, 0, 0, 0.9); }

.overlay-dark.overlay-90 {
  background-color: rgba(0, 0, 0, 0.9); }

.overlay-light.overlay-90 {
  background-color: rgba(255, 255, 255, 0.9); }

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

/* function to convert the calc function in to rem based
$first- should be in % */
/** Slick Carousel Starts **/
/** Slick Carousel Ends **/
/* Embedded images styles for: Basic Page, Blog, Landing page
    ========================================================================== */
.menu-item-focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none; }
  .menu-item-focus::before {
    content: '';
    position: absolute;
    border: 0.0625rem solid #8f8f8f;
    border-radius: 0.25rem;
    top: 0.25rem;
    bottom: 0.25rem;
    left: 0.25rem;
    right: 0.25rem; }

.social-icons-focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none; }
  .social-icons-focus::before {
    content: '';
    position: absolute;
    border: 0.0625rem solid #8f8f8f;
    border-radius: 50%;
    top: -0.25rem;
    bottom: -0.25rem;
    left: -0.25rem;
    right: -0.25rem; }

.brand-logo-focus-dark {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: 0.0625rem solid #fff;
  border: none; }

.footer-links-focus-dark {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  position: relative; }
  .footer-links-focus-dark::after {
    content: '';
    position: absolute;
    border: 0.0625rem solid #fff;
    border-radius: 0.25rem;
    top: 0rem;
    right: 0rem;
    bottom: 0rem;
    left: 0rem; }

.brand-logo-focus-light {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: 0.0625rem solid #8f8f8f;
  border: none; }

.footer-links-focus-light {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  position: relative; }
  .footer-links-focus-light::after {
    content: '';
    position: absolute;
    border: 0.0625rem solid #8f8f8f;
    border-radius: 0.25rem;
    top: 0rem;
    right: 0rem;
    bottom: 0rem;
    left: 0rem; }

.search-focus-light {
  -webkit-box-shadow: 0 0 0 0.1875rem #fff, 0 0 0 0.25rem #8f8f8f;
          box-shadow: 0 0 0 0.1875rem #fff, 0 0 0 0.25rem #8f8f8f;
  outline: none; }

.search-focus-dark {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  outline: solid 0.0625rem #fff;
  outline-offset: 0.25rem; }

.header-logo-focus {
  outline: none;
  position: relative;
  outline-offset: 0rem; }
  .header-logo-focus::after {
    content: '';
    position: absolute;
    border: 0.0625rem solid #8f8f8f;
    border-radius: 0.25rem;
    top: -0.25rem;
    right: -0.25rem;
    bottom: -0.25rem;
    left: -0.25rem; }

.tooltip-focus-light {
  outline: none;
  position: relative; }
  .tooltip-focus-light::before {
    content: '';
    position: absolute;
    border: 0.0625rem solid #8f8f8f;
    border-radius: 50%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

.tooltip-focus-dark {
  outline: none;
  position: relative; }
  .tooltip-focus-dark::before {
    content: '';
    position: absolute;
    border: 0.0625rem solid #fff;
    border-radius: 50%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

.recipe-blog-content {
  margin-top: 0.5rem; }
  .recipe-blog-content .breadcrumb-item + .breadcrumb-item::before {
    display: none; }
  .recipe-blog-content .breadcrumb-item a {
    text-transform: capitalize; }
  .recipe-blog-content .breadcrumb {
    margin-bottom: 0; }

@media (min-width: 768px) {
  .recipe-blog-featured-content .featured-content-container {
    margin: 0; } }