/* Bar D.S. Custom Styles */

/* Theme Colors */
:root {
  --primary-color: #9F886E;
  --secondary-color: #C5B8A8;
  --hover-color: #73604A;
  --text-color: #666666;
  --white: #FFFFFF;
}

/* Headline Font */
.headline-font-type {
  font-family: "Times New Roman", "Yu Mincho", "YuMincho", "Hiragino Mincho Pro", "MS PMincho", serif;
  font-weight: 500;
}

/* Color Overrides */
.content02-button:hover,
.button a:hover,
.global-nav .sub-menu a:hover,
.footer-bar01,
.copyright,
.nav-links02-previous a,
.nav-links02-next a,
.pagetop a,
#submit_comment:hover,
.page-links a:hover,
.page-links > span {
  background: var(--primary-color);
}

.archive-title,
.article01-title a,
.article02-title a,
.content01-title,
.content02-button,
.content03-title,
.content04-title,
.global-nav a:hover,
.global-nav .current-menu-item > a,
.headline-primary,
.post-title,
.breadcrumb a:hover,
.post-content a,
.color_headline {
  color: var(--primary-color);
}

.content02,
.global-nav .sub-menu a,
.headline-bar,
.pagetop a:hover {
  background: var(--secondary-color);
}

.article01-title a:hover,
.article02-title a:hover,
.post-content a:hover {
  color: var(--hover-color);
}

.global-nav > ul > li > a {
  color: var(--text-color);
}

.footer-nav-wrapper:before {
  background-color: rgba(159, 136, 110, 0.8);
}

/* Thumbnail hover effect */
a:hover .thumbnail01 img,
.thumbnail01 img:hover {
  transform: scale(1.2);
}

/* Responsive */
@media only screen and (max-width: 991px) {
  .copyright {
    background: var(--primary-color);
  }
}

@media only screen and (max-width: 1200px) {
  .global-nav a,
  .global-nav a:hover {
    background: var(--secondary-color);
  }
  .global-nav .sub-menu a {
    background: var(--primary-color);
  }
}

/* Hide gallery category */
.gallery-category {
  display: none;
}

/* Site loader */
#site-loader-overlay {
  display: none;
}

/* Google Maps iframe */
.map-container {
  width: 100%;
  max-width: 600px;
  margin: 20px auto;
}

.map-container iframe {
  width: 100%;
  height: 450px;
  border: 0;
}
