:root {
	--blue: #C9A961;
	--primary: #C9A961;
  --background-color: #ffffff; /* Background color for the entire website, including individual sections */
  --default-color: #212529; /* Default color used for the majority of the text content across the entire website */
  --heading-color: #5A2F2F !important; /* Color for headings, subheadings and title throughout the website */
  --accent-color: #eb5d1e; /* Accent color that represents your brand on the website. It's used for buttons, links, and other elements that need to stand out */
  --surface-color: #ffffff; /* The surface color is used as a background of boxed elements within sections, such as cards, icon boxes, or other elements that require a visual separation from the global background. */
  --contrast-color: #ffffff; /* Contrast color for text, ensuring readability against backgrounds of accent, heading, or default colors. */
}

.required::after {
	 content: " *";
	 color: #dc3545;
	 font-weight: 600;
}

.datatable-paginate-center ul.pagination {
	 justify-content: center !important;
}

.table-datatables {
	 font-size: .8rem !important;
}

.table-datatables #datatable_paginate ul.pagination {
	 --bs-pagination-font-size: .8rem !important;
}

.datatable-hide-thead thead {
	 position: absolute !important;
	 top: -9999px !important;
	 left: -9999px !important;
}

.datatables_action {
	 display: none;
}

.datatables_with_action:hover > .datatables_action {
	 display: block;
}

.required::after {
	 content: " *";
	 color: red;
	 font-weight: bold;
}

.form-floating .select2-container--bootstrap-5 .select2-selection {
	 height: calc(3.5rem + 2px);
	 padding: 1rem 0.75rem;
}

.form-floating .select2-container--bootstrap-5 .select2-selection>.select2-selection__rendered {
	 margin-top: 0.6rem;
	 margin-left: 0.25rem;
}

.form-check-input-sm {
	height: 1rem;
	width: 1rem;
}

.bg-brand {
	 background-color: #dbaf6c !important;
}

.bg-brand-dark {
	 background-color: #3a1f1f !important;
	 color: #fff !important;
}

thead.bg-brand th {
	 color: #fff !important;
}

/* Form Floating */
.form-control:focus, .form-select:focus {
  border-color: #5a2f2f !important;
}

.form-floating > .form-control:focus ~ label {
  color: #5a2f2f !important;
}

/* Sidebar Layout  */
.bg-menu-theme {
  background-color: #dbaf6c !important;
  color: #5a2f2f;
}

.bg-menu-theme .menu-text {
  color: #fff !important;
}

.bg-menu-theme .menu-inner > .menu-item.active > .menu-link {
  color: #fff !important;
  background-color: #5a2f2f !important;
}

.bg-menu-theme .menu-inner > .menu-item.active::before {
  background: #5a2f2f !important;
}

.layout-wrapper:not(.layout-horizontal) .bg-menu-theme .menu-inner > .menu-item.active::before {
  height: 3.1rem !important;
}

.app-brand .layout-menu-toggle {
  background-color: #5a2f2f !important;
}

.bg-menu-theme .menu-link {
	 color: #fff !important;
}

html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item.open > .menu-link,
html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item .menu-link:not(.active):hover {
	 background-color: rgba(90, 47, 47, 0.3) !important;
}

html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item.open > .menu-link {
	 background-color: #5a2f2f !important;
}

.bg-menu-theme .menu-inner-shadow {
  background: linear-gradient(#dbaf6c 41%, rgba(219, 175, 108, 0.11) 95%, rgba(219, 175, 108, 0));
}

.bg-menu-theme .menu-sub > .menu-item > .menu-link::before {
  background-color: #fff !important;
}

.layout-navbar {
  background-color: rgba(255, 255, 255, 0.95) !important;
}

.bg-menu-theme .menu-inner > .menu-item.open .menu-item.active > .menu-link::before {
  box-shadow: 0 0 0 2px #fff !important;
}

.bg-menu-theme .menu-sub > .menu-item.active > .menu-link:not(.menu-toggle)::before {
  background-color: #fff !important;
  border: 3px solid #5a2f2f !important;
}

/* Status Icon  */
.icon-container {
	 position: relative;
	 width: 40px;
	 height: 40px;
}

.icon-container-sm {
	 width: 20px !important;
	 height: 20px !important;
}

.icon-container-md {
	 width: 30px !important;
	 height: 30px !important;
}

.icon-container-lg {
	 width: 40px !important;
	 height: 40px !important;
}

.icon {
	 display: flex;
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 background-color: #BDC3C7;
	 border-radius: 50%;
	 justify-content: center;
	 align-items: center;
	 color: #FFF;
	 z-index: 1;
}

.icon-container > .icon,
.icon-container-md > .icon {
	 font-size: .75rem;
}

.icon-container-sm > .icon {
	 font-size: .5rem;
}

.icon-container-lg > .icon {
	 font-size: 1rem;
}

.section {
  padding-top: 0px !important;
}

.section-title h1,
.section-title h2,
.section-title h3,
.section-title h4,
.section-title h5,
.section-title h6 {
  padding-top: 60px !important;
  color: #5A2F2F !important;
}

 .navmenu li:hover > a,
 .navmenu .active, 
 .navmenu .active:focus {
  font-weight: 600;
  color: #5A2F2F !important;
}

.page-title .breadcrumbs ol li + li::before {
	color: #fff !important;
}

.post-section {
	 padding-top: 80px;
	 padding-bottom: 80px;
}

.post-title {
	 font-size: 2.75em !important;
	 font-weight: 800 !important;
}

.post-meta {
	 font-size: .875em !important;
	 font-weight: 600 !important;
	 padding-bottom: 30px;
}

.post-content {
	 line-height: 1.8 !important;
	 font-size: 1.1rem;
	 color: #495057;
}

.post-card {
  background-color: #f5f0eb;
}

.post-card-image,
.post-card-image img {
  transition: 0.5s ease;
  overflow: hidden;
}

.post-card:hover > .post-card-image {
  background-color: rgba(240, 240, 240, 1.0);
  transition: 0.5s ease;
}

.post-card:hover > .post-card-image img {
  transform: scale(1.1);
  transition: 0.5s ease;
}

.post-card:hover > .post-card-body {
  background-color: #5A2F2F;
  color: #fff !important;
  transition: 0.5s ease;
}

.post-card:hover > .post-card-body h4,
.post-card:hover > .post-card-body p,
.post-card:hover > .post-card-body i {
  color: #fff !important;
  transition: 0.5s ease;
}

.post-image-container {
	width: 100%;
	height: 300px;
	overflow: hidden;
}

.post-image-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.archive-title {
  max-width: 800px;
}

.badge-brand {
	 background-color: #5A2F2F;
	 color: #fff;
}

.post-meta-term {
	 padding: 8px 25px;
	 border-radius: 50px;
	 background-color: #5A2F2F;
	 color: #fff;
	 font-size: 14px;
	 transition: 0.3s;
}

.text-brand {
	 color: #5A2F2F !important;
}

.text-bg-brand {
	 background-color: #5A2F2F !important;
	 color: #fff !important;
}

a.text-grapefruit {
	color: #ed5565 !important;
}

.badge.badge-dot {
  display: inline-block;
  padding: 0;
  border-radius: 50%;
  margin: 0;
  block-size: .5rem;
  inline-size: .5rem;
}

.accordion-button:not(.collapsed) {
	background-color: #5A2F2F !important;
	color: #fff !important;
}

.accordion-button:not(.collapsed)::after {
	filter: invert(100%);
}

.user-profile-badge-image,
.user-profile-badge-qr {
	 cursor: pointer;
	 transition: box-shadow .3s;
}

.user-profile-badge-image:hover,
.user-profile-badge-qr:hover {
	 box-shadow: 0 0 20px rgba(33,33,33,.3);
}

.user-profile {
	 border-radius: 50%;
	 object-fit: cover;
}

.user-profile-crop-20 {
	 width: 20px;
	 height: 20px;
}

.user-profile-crop-30 {
	 width: 30px;
	 height: 30px;
}

.user-profile-crop-35 {
	 width: 35px;
	 height: 35px;
}

.user-profile-crop-40 {
	 width: 40px;
	 height: 40px;
}

.user-profile-crop-50 {
	 width: 50px;
	 height: 50px;
}

.user-profile-crop-60 {
	 width: 60px;
	 height: 60px;
}

.user-profile-crop-75 {
	 width: 75px;
	 height: 75px;
}

.user-profile-crop-80 {
	 width: 80px;
	 height: 80px;
}

.user-profile-crop-100 {
	 width: 100px;
	 height: 100px;
}

.user-profile-crop-120 {
	 width: 120px;
	 height: 120px;
}

.user-profile-crop-150 {
	 width: 150px;
	 height: 150px;
}

.user-profile-crop-180 {
	 width: 180px;
	 height: 180px;
}

.no-caret::after {
	 display: none !important;
}

.is-hidden {
	display: none;
}

/* Button Brand */
.btn-primary {
  color: #fff;
  background-color: #C9A961 !important;
  border-color: #C9A961 !important;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(201, 169, 97, 0.4) !important;
}

.btn-primary:hover {
	color: #fff;
  background-color: #B8984E !important;
  border-color: #B8984E !important;
}

.btn-brand {
	 background-color: #8C5A3C;
	 border-color: #8C5A3C;
	 color: #FFF;
	 box-shadow: 0 0.125rem 0.25rem 0 rgba(35, 52, 70, 0.4);
}

.btn-brand:hover {
	 background-color: #DBAF6C;
	 border-color: #DBAF6C;
	 color: #FFF;
	 transform: translateY(-1px);
}

.service-icon-box {
	 width: 60px;
	 height: 60px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
}

/* Pagination Button */
.page-item.active .page-link {
  background-color: #8C5A3C !important;
  border-color: #8C5A3C !important;
  color: #FFF !important;
}

.page-link:hover {
	 color: #8C5A3C !important;
}

/* Tempus Dominus Container */
.tempus-dominus-widget {
	 z-index: 1060 !important;
}

/* ---- Counter Breadcrumb ---- */
.counter-breadcrumb {
	display: flex;
	padding: 0;
	margin: 0;
	font-size: .875em;
}

.counter-breadcrumb .counter-breadcrumb-items {
	display: inline;
	align-items: center;
	color: #343a40;
}

.counter-breadcrumb .counter-breadcrumb-items a {
	color: #697a8d;
	transition: color 0.4s ease-out;
}

.counter-breadcrumb .counter-breadcrumb-items a:hover {
	color: #212529;
}

.counter-breadcrumb .counter-breadcrumb-items a.text-grapefruit {
	transition: color 0.4s ease-out;
}

.counter-breadcrumb .counter-breadcrumb-items a.text-grapefruit:hover {
	color: #d50000 !important;
}

.counter-breadcrumb .counter-breadcrumb-items:not(:last-child)::after {
	content: "|";
	margin: 0 0.3rem;
	color: #999;
}

/* ---- stats.js ---- */
.count-particles{
  background: #000022;
  position: absolute;
  top: 48px;
  left: 0;
  width: 80px;
  color: #13E8E9;
  font-size: .8em;
  text-align: left;
  text-indent: 4px;
  line-height: 14px;
  padding-bottom: 2px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.js-count-particles{
  font-size: 1.1em;
}

#stats,
.count-particles{
  -webkit-user-select: none;
  margin-top: 5px;
  margin-left: 5px;
}

#stats{
  border-radius: 3px 3px 0 0;
  overflow: hidden;
}

.count-particles{
  border-radius: 0 0 3px 3px;
}


/* ---- particles.js container ---- */
#particles-js{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #dbaf6c;
  background-image: url('');
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

/* ---- owl carousel ---- */
.owl-carousel .owl-stage {
    display: flex;
    display: -webkit-flex;
}

.owl-carousel .owl-item {
    display: flex;
    display: -webkit-flex;
    height: auto !important; /* Forces items to stretch */
}

.owl-carousel .owl-item .card {
    height: 100%;
}

.owl-body-text {
	font-size: .875em !important;
}

.footer {
  background-color: #3a1f1f;
  color: #fff !important;
}

.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5 {
  color: #fff !important;
}

.footer ul a {
  color: #fff !important;
}

.footer ul a:hover {
  color: #D8B56F !important;
}

.footer .sitename {
  color: #fff !important;
}

.footer-newsletter h4 {
	color: #3a1f1f !important;
}

.footer .social-links a {
	border: 1px solid #fff;
	color: #fff;
}

.animation-up-down {
	animation: up-down 2s ease-in-out infinite alternate-reverse both;
}