/*
 Theme Name:   Twenty Twenty-One
 Theme URI:    http://example.com/twenty-twenty-one-child/
 Description:  Twenty Twenty-One Child Theme
 Author:       Hylink Group
 Author URI:   https://hylinkgroup.com/
 Template:     twentytwentyone
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         two-column, responsive-layout
 Text Domain:  twentytwentyonechild
*/

:root {
	--font-default: "source-han-sans-simplified-c", sans-serif;
	--text-min: .875rem;
	--text-max: 1rem;
	--body-min: 1rem;
	--body-max: 1.125rem;
	--body-sm: clamp(var(--text-min), .765rem + .294vw, var(--text-max));
	--font-size-1: 1rem;
	--font-size-5: 1.5rem;
	--body-default: clamp(var(--body-min), .89rem + .294vw, var(--body-max));
    --h1-min: 2.5rem;
    --h1-max: 4rem;
    --h2-min: 2rem;
    --h2-max: 2.5rem;
    --h3-min: 1.5rem;
    --h3-max: 2rem;
    --h4-min: 1.125rem;
    --h4-max: 1.5rem;
	--heading--font-family: var(--font-default);
	--h2-default-weight: 500;
	--h3-default-weight: 500;
	--heading-default-color: #003B5C;
	--text-default-color: #2E2E2E;
	
	/* pre-defined in wordpress or elementor but have no values */
	--list--font-family: var(--font-default) !important;
	--heading--font-family: var(--font-default) !important;
}

.custom-font {
	font-family: var(--font-default) !important;
	font-style: normal;
}

.heading-color {
	color: var(--heading-default-color);
}

.text-main-gray {
	color: var(--text-default-color);
}

.custom-font-light {
	font-family: var(--font-default) !important;
	font-weight: 300;
	font-style: normal;
}

.custom-font-regular {
	font-family: var(--font-default) !important;
	font-weight: 400;
	font-style: normal;
}
	
.custom-font-medium {
	font-family: var(--font-default) !important;
	font-weight: 500;
	font-style: normal;
}
	
.custom-font-bold {
	font-family: var(--font-default) !important;
	font-weight: 700;
	font-style: normal;
}

.fluid-body-text {
	font-size: var(--body-default) !important;
	line-height: 1.4;
	overflow-wrap: break-word;
}

/* Not utilized at all. The `section-heading` is enough.*/
.page-title {
	font-size: clamp(2.5rem,1.838rem + 1.765vw,3.25rem) !important;
	font-weight: var(--h2-default-weight) !important;
	line-height: 1.3;
}

h1.section-heading, h2.section-heading, h3.section-heading, .section-heading h1, .section-heading h2, .section-heading h3 {
    font-size: clamp(var(--h2-min), 1.386rem + 1.176vw, var(--h2-max)) !important;
	font-weight: var(--h2-default-weight) !important;
    /*text-wrap: balance;*/
	line-height: 1.2;
}

h2.heading-lg, .heading-lg h2 {
	font-size: clamp(2rem, 1.559rem + 1.176vw, 2.5rem) !important;
	font-weight: var(--h2-default-weight) !important;
	line-height: 1.2;
}

h2.heading-md, h3.heading-md, .heading-md h2, .heading-md h3 {
	font-size: clamp(1.5rem, 1.059rem + 1.176vw, 2rem) !important;
	font-weight: var(--h2-default-weight) !important;
    line-height: 1.25;
}

h2.card-heading, .card-heading h2 {
	font-size: var(--font-size-5) !important;
	font-weight: var(--h2-default-weight) !important;
}

/* MENU ITEMS */
.hfe-nav-menu__layout-horizontal li.menu-item, .hfe-nav-menu__layout-horizontal > li.menu-item {
	font-size: var(--font-size-1) !important;
}


@font-face {
    font-family: "Balboa W01 Medium";
    src: url("https://db.onlinewebfonts.com/t/cbf744f006175e2f7bb1583c91e33882.eot");
    src: url("https://db.onlinewebfonts.com/t/cbf744f006175e2f7bb1583c91e33882.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/cbf744f006175e2f7bb1583c91e33882.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/cbf744f006175e2f7bb1583c91e33882.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/cbf744f006175e2f7bb1583c91e33882.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/cbf744f006175e2f7bb1583c91e33882.svg#Balboa W01 Medium")format("svg");
}

/*html {
	scroll-behavior: smooth;
	font-family: "source-han-sans-simplified-c", sans-serif;
}

body, #page {
	overflow-x: hidden;
	font-family: "source-han-sans-simplified-c", sans-serif;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, ul, ol {
	font-family: "source-han-sans-simplified-c", sans-serif !important;
}
*/

header.page-header.alignwide {
	margin-top: 95px;
}

.error-404.not-found.default-max-width {
    margin-top: 30px;
    margin-bottom: 50px;
}

/* Oncology */
#oncology-tabs .elementor-tabs .elementor-tabs-wrapper,
#lung-cancer-service .elementor-tabs .elementor-tabs-wrapper {
	display: flex;
	justify-content: space-between;
}

#oncology-tabs .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title {
	width: 32%;
	text-align: center;
	background: #005587;
}

#lung-cancer-service .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title {
	width: 49%;
	text-align: center;
	background: #005587;
}


#oncology-tabs .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title:hover,
#lung-cancer-service .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title:hover {
	background: #003B5C;
}

#oncology-tabs #elementor-tab-content-1931,
#oncology-tabs #elementor-tab-content-1932,
#oncology-tabs #elementor-tab-content-1933,
#lung-cancer-service #elementor-tab-content-1421,
#lung-cancer-service #elementor-tab-content-1422 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

#oncology-tabs #elementor-tab-content-1931 .elementor-column-gap-default > .elementor-column > .elementor-element-populated {
	padding: 0 !important;
}

#oncology-tabs .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active,
#lung-cancer-service .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active {
	background: #FCE08D !important;
	color: #003B5C;
}

#oncology-accrdion-content .elementor-accordion .elementor-accordion-item .elementor-tab-content {
	background: #fff !important;
}

#oncology-accrdion-content .elementor-tab-title a.elementor-accordion-title,
#oncology-accrdion-content .elementor-tab-title.elementor-active a.elementor-accordion-title {
	display: flex;
	margin-top: 12px;
    margin-bottom: 12px;
	color: #003B5C;
	font-size: 18px !important;
}

/* Centers */
.faq-slider .slick-dots li button:before,
#centersCarousel .slick-dots li button:before {
	display: none;
}

.faq-slider .slick-dots li button,
#centersCarousel .slick-dots li button {
	font-size: 15px;
	line-height: 7px;
	padding: 18px 30px 25px 20px;
}

.faq-slider .slick-dots li button {
	background-color: #005587 !important;
	color: #fff !important;
}

.faq-slider .slick-dots li.slick-active button {
	background-color: #FCE08D !important;
	color: #003B5C !important;
}

.faq-slider .slick-dots li:not(.slick-active) button:hover {
	background-color: #003B5C !important;
	color: #FFF !important;
}