/*
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.   ***************/

/* --- SVN-Gilroy Fonts --- */

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('fonts/SVN-Gilroy Thin.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SVN-Gilroy';
    src: url('fonts/SVN-Gilroy Thin Italic.otf') format('opentype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('fonts/SVN-Gilroy Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SVN-Gilroy';
    src: url('fonts/SVN-Gilroy Light Italic.otf') format('opentype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('fonts/SVN-Gilroy Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SVN-Gilroy';
    src: url('fonts/SVN-Gilroy Italic.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('fonts/SVN-Gilroy Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SVN-Gilroy';
    src: url('fonts/SVN-Gilroy Medium Italic.otf') format('opentype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('fonts/SVN-Gilroy SemiBold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SVN-Gilroy';
    src: url('fonts/SVN-Gilroy SemiBold Italic.otf') format('opentype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('fonts/SVN-Gilroy Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SVN-Gilroy';
    src: url('fonts/SVN-Gilroy Bold Italic.otf') format('opentype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('fonts/SVN-Gilroy XBold.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SVN-Gilroy';
    src: url('fonts/SVN-Gilroy XBold Italic.otf') format('opentype');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Gilroy';
    src: url('fonts/SVN-Gilroy Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SVN-Gilroy';
    src: url('fonts/SVN-Gilroy Black Italic.otf') format('opentype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

/* Apply SVN-Gilroy to the website */
body, 
p, 
input, 
select, 
textarea, 
button,
h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
.nav > li > a,
.header-nav a,
.widget-title,
.product-title,
.alt-font {
    font-family: 'SVN-Gilroy', sans-serif !important;
}

/* --- Fix Icon Fonts --- */

/* 1. Fix WordPress Admin Bar & Dashicons */
#wpadminbar, #wpadminbar * {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}
#wpadminbar .ab-icon, 
#wpadminbar .ab-icon:before, 
#wpadminbar .ab-item:before, 
#wpadminbar .ab-item:after,
.dashicons, 
.dashicons-before:before {
    font-family: 'dashicons' !important;
}

/* 2. Fix Flatsome Theme Icons */
[class^="icon-"], [class*=" icon-"],
i, 
.icon-search, 
.icon-menu, 
.icon-shopping-cart,
.icon-bag,
.icon-heart {
    font-family: 'fl-icons' !important;
}

/* 3. Fix Font Awesome Icons */
.fa, .fas, .far, .fab, .fontawesome, 
[class^="fa-"], [class*=" fa-"] {
    font-family: 'FontAwesome', 'Font Awesome 5 Free', 'Font Awesome 5 Brands' !important;
}

@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
}