/*
Theme Name: Flatsome Child
Theme URI: https://topnhakhoa.com
Description: This is a TopNhaKhoa child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0.4
*/

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

@import url("../flatsome/style.css");

/* Set CSS custom properties and typography */
:root {
    --text-primary-color: #293568;
}

/* Set site font family to Helvetica Neue and font size with higher specificity */
body.flatsome-theme, 
body, 
html {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: var(--text-primary-color);
}

body h1,
.page h1,
.post h1,
h1 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: var(--text-primary-color);
    font-size: 26px;
    font-weight: bold;
}

body h2,
.page h2,
.post h2,
h2 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: var(--text-primary-color);
    font-size: 24px;
    font-weight: bold;
}

body h3, body h4, body h5, body h6,
.page h3, .page h4, .page h5, .page h6,
.post h3, .post h4, .post h5, .post h6,
h3, h4, h5, h6 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: var(--text-primary-color);
}

body p, body a, body li, body td, body th, body figcaption,
.page p, .page a, .page li, .page td, .page th, .page figcaption,
.post p, .post a, .post li, .post td, .post th, .post figcaption,
p, a, li, td, th, figcaption {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: var(--text-primary-color);
}

body input, body textarea, body select, body button,
input, textarea, select, button {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Breadcrumbs styling */
.breadcrumbs {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: var(--text-primary-color);
    margin-top: 16px;
}

body .breadcrumbs a,
.page .breadcrumbs a,
.post .breadcrumbs a,
.breadcrumbs a {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: var(--text-primary-color);
    text-decoration: none;
}

body .breadcrumbs a:hover,
.page .breadcrumbs a:hover,
.post .breadcrumbs a:hover,
.breadcrumbs a:hover {
    color: var(--text-primary-color);
    text-decoration: underline;
}

.breadcrumbs span {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: var(--text-primary-color);
}

.breadcrumbs p {
    margin-bottom: 0;
}

/* Entry meta styling */
body .entry-meta,
.page .entry-meta,
.post .entry-meta,
.entry-meta {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: var(--text-primary-color);
}

body .entry-meta a,
.page .entry-meta a,
.post .entry-meta a,
.entry-meta a {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: var(--text-primary-color);
    text-decoration: none;
}

body .entry-meta a:hover,
.page .entry-meta a:hover,
.post .entry-meta a:hover,
.entry-meta a:hover {
    color: var(--text-primary-color);
    text-decoration: underline;
}

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


}