/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
:root {
	--cnvs-themecolor: #eabe28;
	--cnvs-body-font:	"Anuphan", "Roboto", sans-serif;
	--cnvs-primary-font:	"Anuphan", "Roboto", sans-serif;
	--cnvs-secondary-font:	"Anuphan", "Roboto", sans-serif;
	--cnvs-line-height-base:	1.5;
	--cnvs-line-height-content:	1.65;
	--cnvs-font-size-h1:	2.25rem;
	--cnvs-font-size-h2:	1.875rem;
	--cnvs-font-size-h3:	1.625rem;
	--cnvs-font-size-h4:	1.375rem;
	--cnvs-font-size-h5:	1rem;
	--cnvs-font-size-h6:	0.875rem;
	--bs-link-hover-color: #eabe28;
	--bs-link-hover-color-rgb: 234, 190, 40;
}

#header {
	--cnvs-primary-menu-font-weight: 500;
	--cnvs-primary-menu-font-size: 0.8125rem;
	--cnvs-primary-menu-ls:	0px;
}

#footer {
    --cnvs-footer-top-border: 1px solid rgba(var(--cnvs-contrast-rgb), 0.15);
    --cnvs-copyrights-link-color: var(--cnvs-contrast-500);
    position: relative;
    background-color: var(--cnvs-themecolor);
    border-top: var(--cnvs-footer-top-border);
}

#copyrights {
    padding: calc(var(--cnvs-content-padding)* 0.5) 0;
    background-color: var(--cnvs-themecolor);
    font-size: var(--cnvs-copyrights-font-size);
    line-height: var(--cnvs-line-height-content);
}

body {
    line-height: 1.5;
    font-size: var(--cnvs-font-size-body);
    font-family: var(--cnvs-body-font);
    background: var(--cnvs-body-bg);
}


.slider-caption h2, .slider-caption .h2 {
    font-size: 4.5rem;
    letter-spacing: 0;
    text-transform: none;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 0;
}

.is-expanded-menu .full-header #logo {
    padding-right: 30px;
    border-right: 0px solid var(--cnvs-header-border-color);
}

.is-expanded-menu .full-header .primary-menu .menu-container {
    padding-right: 0.5rem;
    margin-right: 0.5rem;
    border-right: 0px solid var(--cnvs-header-border-color);
}

.team-title h4, .team-title .h4 {
    display: block;
    margin-bottom: 0;
    font-size: var(--cnvs-team-title-font-size);
    text-transform: uppercase;
    letter-spacing: 0px;
    font-weight: 600;
}

.heading-block {
	--cnvs-heading-block-font-size-h1: 2.5rem;
	--cnvs-heading-block-font-size-h2: 2.125rem;
	--cnvs-heading-block-font-size-h3: 1.875rem;
	--cnvs-heading-block-font-size-h4: 1.375rem;
	--cnvs-heading-block-font-weight: 600;
	--cnvs-heading-block-font-spacing: 0;
	--cnvs-heading-block-font-color: var(--cnvs-heading-color);
	--cnvs-heading-block-font-transform: none;
	--cnvs-heading-block-center-container: 700px;
	--cnvs-title-block-border-size: 40px;
	--cnvs-heading-block-border: 2px solid var(--cnvs-themecolor);
	--cnvs-heading-block-span-color: var(--cnvs-contrast-600);
	margin-bottom: 50px;
  }

.text-dark { color: var(--cnvs-contrast-700);}