/*
Theme Name: Flame and Smoke
Author: Modina Theme
Author URI: https://themeforest.net/user/modinatheme/
Description: Fast Food Restaurant Html
Version: 2.0.0
*/

/*
=================================
|***    Table of contents:   ***|
=================================

Main Style file-> assets/css/main.css 

All the SCSS File in SCSS Folder of Assets Folder. You can read the doc file also for better understand.

// BASIC
@import 'basic';

// MIXIN
@import 'variables';

// TYPOGRAPHY
@import 'typography';

// MIX
@import 'mix';

// HELPER
@import 'helper';

// ICON FONTS
@import 'icon';

// ANIMATION
@import 'animation';

// Button 
@import 'btn';

// Colors 
@import 'colors';

// Preloader 
@import 'preloader';

/* ----------------------------------
    Template Section Styles
 ------------------------------------*/

 /* // Menu - Header Section 
 @import 'header';
 
 // Hero Slide - Section 
 @import 'hero';
 
 // Section Title - Heading 
 @import 'section';
 
 // About - Section 
 @import 'about';
 
 // Features - Section 
 @import 'features';
 
 // services - Section 
 @import 'services';
 
 // testimonial - Section 
 @import 'testimonial';
 
 // Portfolio - Cases - Section 
 @import 'project';
 
 // Price Table - Section 
 @import 'price';
 
 // Call To Action - Section 
 @import 'cta';
 
 // Content Block - Section 
 @import 'contentblock';
 
 // team - Section 
 @import 'team';
 
 // funfact - Section 
 @import 'funfact';
 
 // Download - Section 
 @import 'carousel';
 
 // FAQ - Section 
 @import 'faq';
 
 // Blog - Section 
 @import 'blog';
 
 // Contact Us - Section 
 @import 'contact';
 
 // footer - Section 
 @import 'footer';n facts */





/* ---------------------------------------------------------------
   Flame & Smoke brand lockup

   The client's master artwork (assets/img/logo/flame & smoke logo-04.png)
   is a 3000x2000 canvas that is ~70% empty, so it is trimmed to its ink
   and scaled to flame-smoke-lockup.png (900x305, aspect 2.95).
   The site uses flame-smoke-lockup-line.png (1402x305, aspect 4.60): the
   same pixels re-set with FLAME & SMOKE on one line, (R) after SMOKE.

   The wordmark is solid black, so it is used on every light surface the
   site has - header, offcanvas and footer (white and --n-50 neutral).
   flame-smoke-lockup-light.png is the same artwork with the wordmark
   reversed to white and the emblem untouched, held for any dark ground.
   Height is the control; width is always auto so the ratio is fixed.
   --------------------------------------------------------------- */
.brand-lockup {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}
.brand-lockup .brand-lockup__img {
    display: block;
    height: 36px;
    width: auto;
    max-width: 100%;
}
@media (max-width: 991px) {
    .brand-lockup .brand-lockup__img { height: 36px; }
}
/* Two lines of text inside a 2.95:1 lockup, so height cannot drop much
   before the wordmark stops being readable - 40px keeps each line ~12px. */
@media (max-width: 575px) {
    .brand-lockup .brand-lockup__img { height: 34px; }
}

/* The footer widget column is narrow (col-lg-3 == 216px at 1024px), so the
   lockup is stepped down there - 44px tall renders 130px wide, well inside
   the column. */
.single-footer-widget .brand-lockup .brand-lockup__img {
    height: 40px;
}

/* ---------------------------------------------------------------
   Footer: head-office block and legal list
   --------------------------------------------------------------- */
.footer-address {
    font-style: normal;
    margin: 0 0 18px;
    line-height: 1.7;
}
.footer-contact {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-contact li {
    position: relative;
    padding-left: 26px;
    margin-bottom: 10px;
    line-height: 1.6;
}
.footer-contact li:last-child {
    margin-bottom: 0;
}
.footer-contact li i {
    position: absolute;
    left: 0;
    top: 6px;
    font-size: 14px;
    color: var(--theme2);
}
.footer-contact a {
    color: inherit;
    word-break: break-word;
}
.footer-contact a:hover {
    color: var(--theme2);
}
/* legal items are plain text until the pages exist */
.footer-legal li span {
    cursor: default;
}

/* The basket trigger is styled as a system component in
   assets/css/fs-theme.css (.fs-basket-open). Nothing page-specific here. */

/* ---------------------------------------------------------------
   Preloader wordmark
   The theme shipped 13 unspaced letters that wrapped mid-word on
   narrow screens, with a green flip overlay that is not a brand
   colour. This keeps it on one line at any width and recolours the
   animation to the Flame & Smoke palette.
   --------------------------------------------------------------- */
.preloader .animation-preloader .txt-loading {
    display: flex;
    align-items: baseline;
    justify-content: center;
    flex-wrap: nowrap;              /* never break the wordmark */
    white-space: nowrap;
    max-width: 100vw;
    padding: 0 12px;
    font-size: clamp(1.6rem, 8.5vw, 5rem);
    letter-spacing: 2px;
    line-height: 1.05;
}
/* word gap, scaled with the type */
.preloader .animation-preloader .txt-loading .letters-gap {
    display: inline-block;
    width: .28em;
    flex: 0 0 auto;
}
/* resting glyph: brand red */
.preloader .animation-preloader .txt-loading .letters-loading {
    color: var(--theme2);
}
/* the flipping overlay: near-black instead of the theme green */
.preloader .animation-preloader .txt-loading .letters-loading::before {
    color: var(--header);
}
/* the theme's own mobile override is superseded by the clamp above */
@media (max-width: 767px) {
    .preloader .animation-preloader .txt-loading {
        font-size: clamp(1.5rem, 8vw, 2.6rem);
        letter-spacing: 1px;
    }
}
@media (max-width: 360px) {
    .preloader .animation-preloader .txt-loading {
        font-size: clamp(1.3rem, 7.4vw, 2.1rem);
        letter-spacing: .5px;
    }
}