/*
Theme Name: Finland
Author: Modina Theme
Author URI: https://themeforest.net/user/modinatheme/
Description: Multi-Purpose Business HTML5 Template
Version: 1.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 */


/* --------------------------------------------------------------------------
   Site logo (assets/images/logo.png) — responsive in any header / sidebar slot
   -------------------------------------------------------------------------- */

.main-logo a,
.logo-1 a,
.sticky-logo a,
.menu-sidebar-logo a {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    max-width: 100%;
    line-height: 0;
}

.main-logo,
.logo-1,
.sticky-logo,
.menu-sidebar-logo {
    max-width: 100%;
}

img.site-logo {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: min(3.75rem, 14vw);
    object-fit: contain;
    object-position: left center;
}

img.site-logo.site-logo--sidebar {
    max-height: min(4.5rem, 22vw);
}

@media (max-width: 991.98px) {
    img.site-logo {
        max-height: min(3.25rem, 18vw);
    }

    img.site-logo.site-logo--sidebar {
        max-height: min(4rem, 26vw);
    }
}

@media (max-width: 575.98px) {
    img.site-logo {
        max-height: min(2.75rem, 20vw);
    }
}

/*
 * Desktop (xl) bar: .main-logo is hidden below 1900px and .logo-1 is hidden above 1199px,
 * so the only logo was .sticky-logo — which main.css keeps display:none until scroll.
 * Show the in-menu logo on first paint for the same range main.css hides .main-logo.
 */
@media (min-width: 1200px) and (max-width: 1899.98px) {
    .header-menu-area .header-menu-items .menu {
        display: flex;
        align-items: center;
        gap: 70px;
    }

    .header-menu-area .sticky-logo {
        display: block;
    }
}

/* Brand logo strip: wider title block, no decorative lines overlapping copy */
.brand-section .section-title--brand-strip {
    max-width: min(56rem, 100%);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3.5rem;
}

@media (max-width: 991.98px) {
    .brand-section .section-title--brand-strip {
        margin-bottom: 2.5rem;
    }
}