/* 
Theme Name: Dr. Zhao Law
Description: Dr. Zhao Theme
Author: Sunny Sundays
Author URI: https://sunnysundays.de
Template: hello-elementor
Version: 2.0.0
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* =========================
   FONT FACE (Variable Font)
   ========================= */

@font-face {
  font-family: "JostVariable";
  src: url("/wp-content/fonts/Jost-VariableFont_wght.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "JostVariable";
  src: url("/wp-content/fonts/Jost-Italic-VariableFont_wght.woff2") format("woff2");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}


/* =========================
   ROOT VARIABLES
   ========================= */

:root {

  /* FONT */
  --font-primary: "JostVariable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;

  /* WEIGHTS */
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 600;

  /* FLUID FONT SIZES */
  --fs-h1: clamp(2.8rem, 2rem + 3vw, 4.0625rem);     /* ~45px → 65px */
  --fs-h2: clamp(2.2rem, 1.6rem + 2vw, 3.125rem);    /* ~35px → 50px */
  --fs-h3: clamp(1.4rem, 1.1rem + 0.8vw, 1.5625rem); /* ~22px → 25px */
  --fs-h4: clamp(1.2rem, 1rem + 0.5vw, 1.375rem);    /* ~19px → 22px */
  --fs-h5: clamp(1.1rem, 0.95rem + 0.4vw, 1.25rem);  /* ~18px → 20px */
  --fs-h6: clamp(1rem, 0.9rem + 0.3vw, 1.125rem);    /* ~16px → 18px */

  --fs-body: clamp(1rem, 0.95rem + 0.2vw, 1.125rem); /* ~16px → 18px */
  --fs-small: clamp(0.9rem, 0.85rem + 0.2vw, 1rem);

  /* LINE HEIGHTS */
  --lh-tight: 1.1;
  --lh-heading: 1.2;
  --lh-body: 1.6;

}


/* =========================
   GLOBAL BASE
   ========================= */

body {
  font-family: var(--font-primary);
  font-weight: var(--fw-regular);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* =========================
   HEADINGS
   ========================= */

h1, .h1 {
  font-size: var(--fs-h1);
  font-weight: var(--fw-light);
  line-height: var(--lh-tight);
}

h2, .h2 {
  font-size: var(--fs-h2);
  font-weight: var(--fw-light);
  line-height: var(--lh-tight);
}

h3, .h3 {
  font-size: var(--fs-h3);
  font-weight: var(--fw-medium);
  line-height: var(--lh-heading);
}

h4, .h4 {
  font-size: var(--fs-h4);
  font-weight: var(--fw-regular);
  line-height: var(--lh-heading);
}

h5, .h5 {
  font-size: var(--fs-h5);
  font-weight: var(--fw-regular);
  line-height: var(--lh-heading);
  margin: 0 0 0.9em;
}

h6, .h6 {
  font-size: var(--fs-h6);
  font-weight: var(--fw-regular);
  line-height: var(--lh-heading);
  margin: 0 0 1em;
}

html[lang="zh-CN"] {
	--fs-h1: clamp(2.4rem, 1.8rem + 2.6vw, 3.6rem)!important;
	--fs-h2: clamp(2rem, 1.45rem + 1.8vw, 2.75rem)!important;
}


/* =========================
   TEXT / COPY
   ========================= */

p {
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  margin: 0 0 1.2em;
}

small {
  font-size: var(--fs-small);
}


/* =========================
   EMPHASIS
   ========================= */

strong, b {
  font-weight: var(--fw-bold);
}

em, i {
  font-style: italic;
  font-weight: inherit;
}

/* H2 underline */

h2::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:5rem;
  height: 2px;
  background:#021651;
}

.head-white h2{
	color: white!important;
}

.head-white h2::after{
	background:white!important;
}


/* =========================
   Design
   ========================= */

/***menu + footer width***/

@media (min-width: 768px) {
    .elementor-1018 .elementor-element.elementor-element-7481eab {
        --content-width: 100%;
    }
}

@media (min-width: 1920px) and (max-width: 2559px) {
    .elementor-1018 .elementor-element.elementor-element-7481eab,
    .elementor-1027 .elementor-element.elementor-element-419ec59,
    .elementor-1027 .elementor-element.elementor-element-4ffd95b,
    .elementor-1589 .elementor-element.elementor-element-b92134f,
	.elementor-1027 .elementor-element.elementor-element-15975c7,
	.elementor-1027 .elementor-element.elementor-element-7246b2e
	{
        --content-width: 85%;
    }
}

@media (min-width: 2560px) {
    .elementor-1018 .elementor-element.elementor-element-7481eab,
    .elementor-1027 .elementor-element.elementor-element-419ec59,
    .elementor-1027 .elementor-element.elementor-element-4ffd95b,
    .elementor-1589 .elementor-element.elementor-element-b92134f,
	.elementor-1027 .elementor-element.elementor-element-15975c7,
	.elementor-1027 .elementor-element.elementor-element-7246b2e
	{
        --content-width: 80%;
    }
}

/***start***/

@media only screen and (max-width: 498px) {.head-mobile h1{
	font-size: var(--fs-h2);
  font-weight: var(--fw-light);
  line-height: var(--lh-tight);
	}}

.elementor-widget-n-accordion .e-n-accordion-item{background:white!important;padding:0.5rem!important;}

.head-spec h1, .head-spec h3 {font-size: clamp(1.8rem, 1.4rem + 1.2vw, 2.1875rem);
	font-weight: var(--fw-light);}


.elementor-post__excerpt p{
	font-size: var(--fs-body)!important;
  line-height: var(--lh-body)!important;}

/***profile***/

.bio p {
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  margin: 0;
}

/***insights***/

.cat-item {
	list-style: none;
  padding-left: 0;
  margin-left: 0;
	margin-bottom: 0.5em;
}

.wp-block-categories-list{
	padding-left: 0;
	margin: 0;
}

.article h2{
	font-size: var(--fs-h3);
  font-weight: var(--fw-bold);
  line-height: var(--lh-heading);margin-top:3rem;}

  .article h2::after{
	  display:none;}

.article h3{
	font-size: var(--fs-h5);
  font-weight: var(--fw-medium);
  line-height: var(--lh-heading);margin-top:1rem;}

.article ul,
.article ol {
  margin-bottom: 2rem;
}

.article li {
  margin-bottom: 0.6em;
}

.article ol {
  padding-left: 1.5em!important;
}

.article ol li::marker {
  font-weight: var(--fw-bold);
}