/* #C59E56 */

:root,
[data-bs-theme=light] {
    --bs-body-font-size: 0.875rem;
    --bs-body-font-weight: 300;
    --bs-body-line-height: 1.5;
    --bs-color-2: 204, 213, 174;
    --bs-color-3: 252, 170, 30;
}

:root {
    --cnvs-themecolor: #C59E56;
    --cnvs-secondarycolor: #316778;
    --cnvs-themecolor-rgb: 121, 78, 145;
    --cnvs-orange: #B7872D;
    --bs-link-color: var(--cnvs-themecolor);
    --bs-link-color-rgb: var(--cnvs-themecolor-rgb);
    --bs-link-hover-color: var(--cnvs-heading-color);
    --cnvs-white: #fff;
    --cnvs-black: #000;
    --cnvs-headings-font-weight: 600;
    --cnvs-link-color: var(--cnvs-secondarycolor);
    /* Font Families */
    --cnvs-body-font: "Poppins", "IBM Plex Sans Thai", san-serif;
    --cnvs-primary-font: "Poppins", "IBM Plex Sans Thai", san-serif;
    --cnvs-secondary-font: "Poppins", "IBM Plex Sans Thai", san-serif;
    --cnvs-line-height-base: 1.5;
    --cnvs-line-height-content: 1.5;
    --cnvs-topbar-bg: #316778;
    /* Margins */
    --cnvs-copyrights-font-size: 0.75rem;
    /* font size */
    --cnvs-font-size-h1:	2.5rem;
    --cnvs-font-size-h2:	2.25rem;
    --cnvs-font-size-h3:	1.875rem;
    --cnvs-font-size-h4:	1.625rem;
    --cnvs-font-size-h5:	1.375rem;
    --cnvs-font-size-h6:	1.125rem;
    --cnvs-font-size-small:	calc(var(--cnvs-font-size-body) * 0.875);
}

:root,
.not-dark {
    --cnvs-body-bg:#EFECE2;
    --cnvs-footer-bg: var(--cnvs-contrast-100);
    --cnvs-heading-color: var(--cnvs-contrast-900);
    --cnvs-header-bg: #EFECE2;
}

#top-bar {
    --cnvs-topbar-height: 40px;
    --cnvs-topbar-font-size: 0.75rem;
    --cnvs-topbar-font-weight: 300;
    --cnvs-topbar-font-transform: none;
    --cnvs-topbar-color: var(--cnvs-contrast-0);
    --cnvs-topbar-border-size: 1px;
    --cnvs-topbar-border-color: rgba(var(--cnvs-contrast-rgb), 0.1);
    --cnvs-topbar-social-icon-color: var(--cnvs-contrast-600);
    --cnvs-topbar-submenu-padding: 0.625rem;
    --cnvs-topbar-submenu-font-size: 0.75rem;
    position: relative;
    border-bottom: var(--cnvs-topbar-border-size) solid var(--cnvs-topbar-border-color);
    font-size: var(--cnvs-topbar-font-size);
    background-color: var(--cnvs-topbar-bg);
  }

#header {
    --cnvs-primary-menu-font-weight: 500;
    --cnvs-primary-menu-font-size: 0.85rem;
    --cnvs-primary-menu-tt:	uppercase;
    --cnvs-primary-menu-ls:	0px;
    --cnvs-primary-menu-submenu-font: var(--cnvs-primary-font);
    --cnvs-primary-menu-submenu-font-size: 0.75rem;
    --cnvs-primary-menu-submenu-font-weight: 500;
    --cnvs-primary-menu-submenu-hover-font-weight: 600;
}

#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-body-bg);
    border-top: var(--cnvs-footer-top-border);
    font-family: var(--cnvs-body-font);
}

#copyrights {
    padding: calc(var(--cnvs-content-padding) * 0.25) 0;
    background-color: var(--cnvs-secondarycolor);
    color: var(--cnvs-contrast-300);
    font-family: var(--cnvs-body-font);
}

#gotoTop {--cnvs-gotoTop-border-radius: 25px;}

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

#page-title,
.page-title {
    --cnvs-page-title-parallax-font-size: calc(2.25rem);
}

.feature-box {
    --cnvs-featured-box-font-size: 1.5rem;
    --cnvs-featured-box-font-weight: 500;
}

#posts,
.posts,
.entry,
[class*=entry-] {
    --cnvs-post-title-font-size: 1.75rem;
    --cnvs-post-title-font-weight: 500;
    --cnvs-post-content-margin: 1rem;
}

.posts-md .entry-content, .posts-sm .entry-content {
    margin-top: calc(var(--cnvs-post-content-margin) / 1);
}

.posts-md .entry-image + .entry-title {
    margin-top: 2rem;
}

.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);
}

.media-box p {
    margin-top: 1rem;
    font-size: 1rem;
}

.entry-meta {
    position: relative;
    overflow: hidden;
    margin-top: 0.25rem;
    font-size: 0.875rem;
}

.entry-meta li {
    font-size: var(--cnvs-post-meta-fontsize);
    margin: 0 var(--cnvs-post-meta-margin) 0.75rem 0;
    color: var(--cnvs-secondarycolor);
    font-style: italic;
}

.heading-block {
    --cnvs-heading-block-font-size-h1: 3rem;
    --cnvs-heading-block-font-size-h2: 2.5rem;
    --cnvs-heading-block-font-size-h3: 2.125rem;
    --cnvs-heading-block-font-size-h4: 1.5rem;
    --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: uppercase;
    --cnvs-heading-block-center-container: 700px;
    --cnvs-title-block-border-size: 40px;
    --cnvs-heading-block-border: 2px solid var(--cnvs-invert-contrast-600);
    --cnvs-heading-block-span-color: var(--cnvs-contrast-600);
    margin-bottom: 50px;
  }

.heading-block h2 + span, .heading-block .h2 + span,
.heading-block h3 + span,
.heading-block .h3 + span,
.heading-block h4 + span,
.heading-block .h4 + span {
  font-size: calc(var(--cnvs-heading-block-font-size-h2) / 2);
}

.fbox-content p {color: var(--cnvs-contrast-900);}

.media-box .fbox-media {
    margin: 0 0 2.5rem;
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}

.fbox-content h3 span.subtitle, .fbox-content .h3 span.subtitle {
    display: block;
    margin-top: 5px;
    color: var(--cnvs-heading-color);
    font-weight: 400;
    text-transform: none;
    font-size: 1.125rem;
}

.fbox-content h3, .fbox-content .h3 {
    font-size: var(--cnvs-featured-box-font-size);
    font-weight: var(--cnvs-featured-box-font-weight);
    font-family: var(--cnvs-primary-font);
    text-transform: var(--cnvs-featured-box-font-tt);
    margin-bottom: 10px;
    color: var(--cnvs-featured-box-font-color);
}

.fbox-plain .fbox-icon i, .fbox-plain .fbox-icon img {
    border: none;
    background-color: transparent;
    color: var(--cnvs-secondarycolor);
    border-radius: 0;
}

.entry-title.title-sm h3, .entry-title.title-sm .h3 {--cnvs-post-title-font-size: 1.5rem; line-height: 1.4;}

.bg-color-2 {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-color-2), var(--bs-bg-opacity)) !important;
  }

.button-green { --cnvs-btn-color: #35a333;}
.button.button-dark {background-color: var(--cnvs-secondarycolor);}

.top-links-item:hover {background-color: var(--cnvs-orange);}

.top-links-item > a {font-family: var(--cnvs-body-font);}

.i-style,
.i-bordered,
.i-plain {
  --cnvs-i-fontsize: calc( var(--cnvs-i-size) / 2.15 );
}
.i-small.i-style {--cnvs-i-size: 2rem;}

.widget p {line-height: 1.4;}
.team {--cnvs-team-title-font-size: 1.5rem;}

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

.widget_nav_menu:not(.widget-li-noicon) li::before, .widget_links:not(.widget-li-noicon) li::before, .widget_meta:not(.widget-li-noicon) li::before, .widget_archive:not(.widget-li-noicon) li::before, .widget_recent_comments:not(.widget-li-noicon) li::before, .widget_recent_entries:not(.widget-li-noicon) li::before, .widget_categories:not(.widget-li-noicon) li::before, .widget_pages:not(.widget-li-noicon) li::before, .widget_rss:not(.widget-li-noicon) li::before {
    content: "\f231";
    font-family: "bootstrap-icons";
    display: inline-flex;
    align-self: center;
    justify-self: center;
    position: relative;
    font-size: 0.75rem;
    line-height: inherit;
    left: 0;
    color: var(--cnvs-themecolor);
}

.widget_nav_menu li, .widget_links li, .widget_meta li, .widget_archive li, .widget_recent_comments li, .widget_recent_entries li, .widget_categories li, .widget_pages li, .widget_rss li {
    display: flex;
    padding: 0.25rem 0;
    font-size: 0.875rem;
}

.promo h3, .promo .h3 {
    font-weight: 500;
    margin-bottom: 0;
}

.promo-mini h3, .promo-mini .h3 {font-size: var(--cnvs-promo-uppercase-font-size);}

small, .small {font-size: 0.85rem;}

.green {color: #35a333!important;}
.blue {color: #316778!important;}

/*-----------------------------------------------------------------------------------
	typography.scss
-----------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Basic
-----------------------------------------------------------------*/
  em {
    font-family: var(--cnvs-secondary-font);
    font-size: var(--cnvs-font-size-small);
  }