/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


/* ==========================================
   Global Typography
========================================== */

:root{
    --base-font: "niveau-grotesk", sans-serif;
    --heading-font: "niveau-grotesk", sans-serif;
}

/* ==========================================
   Base
========================================== */

html{
    font-size:16px;
}

body{
    font-family:var(--base-font);
    font-size:16px;
    font-weight:400;
    line-height:1.7;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

/* ==========================================
   Body Typography
========================================== */

p,
div,
li,
ul,
ol,
a,
label,
small,
blockquote,
input,
select,
textarea,
button{
    font-family:inherit;
}

/* ==========================================
   Headings
========================================== */

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.section-title-main,
.banner h1,
.banner h2,
.page-title,
.entry-title,
.widget-title,
.elementor-heading-title{
    font-family:var(--heading-font) !important;
    font-weight:700;
    line-height:1.15;
}

/* ==========================================
   EVERYTHING INSIDE HEADINGS
========================================== */

h1 *,
h2 *,
h3 *,
h4 *,
h5 *,
h6 *,
.heading-font *,
.section-title-main *,
.banner h1 *,
.banner h2 *,
.page-title *,
.entry-title *,
.widget-title *,
.elementor-heading-title *{
    font-family:inherit !important;
    font-weight:inherit !important;
    font-style:inherit;
    line-height:inherit;
    letter-spacing:inherit;
}

/* Force common inline elements */

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span,

h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong,

h1 em,
h2 em,
h3 em,
h4 em,
h5 em,
h6 em,

h1 b,
h2 b,
h3 b,
h4 b,
h5 b,
h6 b,

h1 mark,
h2 mark,
h3 mark,
h4 mark,
h5 mark,
h6 mark,

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small{
    font-family:inherit !important;
}

/* ==========================================
   Navigation
========================================== */

.header .nav > li > a,
.nav > li > a,
.mobile-sidebar-levels-2 .nav > li > ul > li > a,
.off-canvas-center .nav-sidebar.nav-vertical > li > a{
    font-family:var(--base-font) !important;
    font-weight:600;
    letter-spacing:.3px;
}

/* ==========================================
   Buttons
========================================== */

.button,
button,
input[type="submit"],
input[type="button"],
input[type="reset"]{
    font-family:var(--base-font) !important;
    font-weight:600;
}

/* ==========================================
   Forms
========================================== */

input,
select,
textarea{
    font-family:var(--base-font);
}

/* ==========================================
   Flatsome
========================================== */

.alt-font{
    font-family:var(--base-font) !important;
}

/* ==========================================
   Links
========================================== */

a:focus,
a:active{
    outline:none;
}

/* ==========================================
   Mobile
========================================== */

@media (max-width:768px){

html{
    font-size:15px;
}

}