/*!
Theme Name: DHO Consulting: Lakeview Dentistry
Theme URI: https://lakeviewdentistrydds.com/
Author: Dan Ho
Author URI: https://dhoconsulting.com
Description: Wordpress Theme by DHO Consulting
Version: 1.0.0
License: Copyright
License URI: LICENSE
Text Domain: dho
Tags: dho
*/
@import url('https://fonts.googleapis.com/css2?family=Muli:ital,wght@0,500;0,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Comfortaa&display=swap');
@import url('//cdn.materialdesignicons.com/5.0.45/css/materialdesignicons.min.css');
@import "dist/css/app.css";
/*@import "dist/css/chunk-vendors.css";*/


/* Variables */
:root {
    /* rgb(255, 105, 0) */
    --color-dark: #294bbc;
    --color-hilight: #70c5e9;
    --color-blue: #004680;
    --color-black: #333333;
    --color-white: #ffffff;


    --font-family-comfortaa: 'Comfortaa', cursive;
    --font-family-muli: 'Muli', sans-serif;
    /* Fonts */
    --font-display: var(--font-family-comfortaa);
    --font-title: var(--font-family-comfortaa);
    /*--font-title: 'Montserrat', sans-serif;*/
    --font-body: var(--font-family-muli);
    --font-menu: var(--font-family-comfortaa);
    --font-thai: 'Kanit', sans-serif;

    --font-size-body: 14pt;

    --font-size-lg-heading: 2.0em;
    --font-size-lg-body: 1.5em;
    --font-size-md-heading: 1.8em;
    --font-size-md-body: 1.2em;
    --font-size-sm-heading: 1.4em;
    --font-size-sm-body: 1em;
    --font-size-menu: 12pt;
    --font-size-section-title: 24pt;

    --font-size-contact-name: 18pt;
    --font-size-contact-position: 16pt;

    /* Theme */

    --theme-section-white-heading-color: var(--color-dark);
    --theme-section-white-text-color: var(--color-black);
    --theme-section-white-background-color: var(--color-white);
    --theme-section-hilight-heading-color: var(--color-dark);
    --theme-section-hilight-text-color: var(--color-white);
    --theme-section-hilight-background-color: var(--color-hilight);
    --theme-section-dark-heading-color: var(--color-white);
    --theme-section-dark-text-color: var(--color-white);
    --theme-section-dark-background-color: var(--color-dark);
}

/* Theme classes */
.section-dark {
    background-color: var(--theme-section-dark-background-color);
    color: var(--theme-section-dark-text-color);
}

.section-dark h1, .section-dark h2, .section-dark h3, .section-dark h4 {
    color: var(--theme-section-dark-heading-color);
}

.section-hilight {
    background-color: var(--theme-section-hilight-background-color);
    color: var(--theme-section-hilight-text-color);
}

.section-hilight h1, .section-hilight h2, .section-hilight h3, .section-hilight h4 {
    color: var(--theme-section-hilight-heading-color);
}

.section-white {
    background-color: var(--theme-section-white-background-color);
    color: var(--theme-section-white-text-color);
}

.section-white h1, .section-white h2, .section-white h3, .section-white h4 {
    color: var(--theme-section-white-heading-color);
}

.dho-theme-section-dark-heading-color {
    color: var(--theme-section-dark-heading-color);
}

.dho-theme-section-hilight-heading-color {
    color: var(--theme-section-hilight-heading-color);
}

.dho-theme-section-white-heading-color {
    color: var(--theme-section-white-heading-color);
}

.dho-theme-section-dark-text-color {
    color: var(--theme-section-dark-text-color);
}

.dho-theme-section-hilight-text-color {
    color: var(--theme-section-hilight-text-color);
}

.dho-theme-section-white-text-color {
    color: var(--theme-section-white-text-color);
}

.dho-theme-section-dark-bg {
    background-color: var(--theme-section-dark-background-color);
}

.dho-theme-section-hilight-bg {
    background-color: var(--theme-section-hilight-background-color);
}

.dho-theme-section-white-bg {
    background-color: var(--theme-section-white-background-color);
}

/* fixing the top */

/* Global Classes */
.font-size-menu {
    font-size: var(--font-size-menu);
}

.font-size-lg-heading {
    font-size: var(--font-size-lg-heading);
}

.font-size-lg-body {
    font-size: var(--font-size-lg-body);
}

.font-size-md-heading {
    font-size: var(--font-size-md-heading);
}

.font-size-md-body {
    font-size: var(--font-size-md-body);
}

.font-size-sm-heading {
    font-size: var(--font-size-sm-heading);
}

.font-size-sm-body {
    font-size: var(--font-size-sm-body);
}

.font-display {
    font-family: var(--font-display);
}

.font-title {
    font-family: var(--font-title);
}

.font-body {
    font-family: var(--font-body);
}

.dho-bg-white {
    background-color: var(--color-white);
}

.dho-bg-dark {
    background-color: var(--color-dark);
}

.dho-bg-hilight {
    background-color: var(--color-hilight);
}

.dho-text-black {
    color: var(--color-black);
}

.dho-text-dark {
    color: var(--color-dark);
}

.dho-text-white {
    color: var(--color-white);
}

/* Core */
body {
    font-family: var(--font-body);
    font-size: var(--font-size-body);
}

p {
    margin-bottom: 8px;
}