/*
Theme Name:           Flatsome
Theme URI:            http://flatsome.uxthemes.com/
Author:               UX-Themes
Author URI:           http://www.uxthemes.com/
Description:          Multi-Purpose Responsive WooCommerce Theme
Version:              3.15.6
Requires at least:    5.0.0
Requires PHP:         5.6.20
WC requires at least: 4.4.0
Text Domain:          flatsome
License:              http://themeforest.net/licenses
License URI:          http://themeforest.net/licenses
*/


/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/

:root {
    --primary-color: #446084;
}

html {
    background-color: #dfe1df !important;
}

.header-main {
    height: 207px;
}

#logo img {
    max-height: 207px;
}

#logo {
    width: 786px;
}

.header-bottom {
    min-height: 64px;
}

.header-top {
    min-height: 30px;
}

.transparent .header-main {
    height: 30px;
}

.transparent #logo img {
    max-height: 30px;
}

.has-transparent+.page-title:first-of-type,
.has-transparent+#main>.page-title,
.has-transparent+#main>div>.page-title,
.has-transparent+#main .page-header-wrapper:first-of-type .page-title {
    padding-top: 80px;
}

.header.show-on-scroll,
.stuck .header-main {
    height: 70px !important;
}

.stuck #logo img {
    max-height: 70px !important;
}

.search-form {
    width: 10%;
}

.header-bg-color {
    background-color: rgba(255, 255, 255, 0.9);
}

.header-bottom {
    background-color: #222222;
}

.stuck .header-main .nav>li>a {
    line-height: 50px;
}

.header-bottom-nav>li>a {
    line-height: 18px;
}

@media (max-width: 549px) {
    .header-main {
        height: 70px;
    }

    #logo img {
        max-height: 70px;
    }
}

@media (max-width: 856px) {
    .product-info {
        overflow-x: scroll;
    }
}

body {
    font-family: "Lato", sans-serif;
}

body {
    font-weight: 400;
}

.nav>li>a {
    font-family: "Lato", sans-serif;
}

.mobile-sidebar-levels-2 .nav>li>ul>li>a {
    font-family: "Lato", sans-serif;
}

.nav>li>a {
    font-weight: 700;
}

.mobile-sidebar-levels-2 .nav>li>ul>li>a {
    font-weight: 700;
}

.header-wrapper > .nav-dark .nav>li>a {
	color: #fff;
}

.max-height {
  max-height: 240px !important;
}