/* font */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anuphan:wght@400;700&display=swap');
/* variable */
:root {     
    --base-color: #084336;
    --sub-color: #c0b458;
    --bg1-color: #F4F4F4;
    --bg2-color: #FAFAFA;
    --alt-font: 'Playfair Display', serif;
    --thai-alt-font: 'Anuphan';
}  

.navbar .navbar-nav .nav-link {
  font-size: 16px;
  font-weight: 300;
}

.navbar-toggler-line {
  background: var(--white);
}

/* header.sticky.sticky-active [data-header-hover=dark] {
  background-color: var(--dark-gray) !important;
} */

/* #contact-info .elements-social ul li a {
  display: inline;
} */

.elements-social .line:hover {
  color: #00B900;
}
.social-icon-style-04 ul li a.line span {
  background-color: #00B900;
}

.text-sub-color {
  color: var(--sub-color);
}

footer a {
  color: var(--sub-color);
}
footer a:hover {
  color: var(--white);
}

.bg1-color {
  background-color: var(--bg1-color);
}

.bg2-color {
  background-color: var(--bg2-color);
}

.th-alt-font {
  font-family: var(--thai-alt-font);
}

.border-color-light-gray {
  border-color: #dcd7d4 !important;
}

.tab-style-08 ul .nav-item {
  border-color: #dcd7d4;
}


.tab-style-08 ul .nav-item .nav-link {
  padding: 24px 18px;
}

@media (max-width: 1199px) {
  .tab-style-08 ul .nav-item .nav-link {
    padding: 24px 18px;
  }
}