.bg-dark {
  background-color: #866E3D !important;
  
}
.nav-link {
    font-weight: bold;
    font-size: 1.2rem;
  }

.dropdown-item:hover {
  background-color: #b28b51;
  color:#ffffff;
  font-weight: bold;

}
.dropdown-item.active, .dropdown-item:active {
  background-color: #866E3D ;
  font-weight: bold;
}

div#page-sub-header {
  height: 400px;
}

div#page-sub-header {
 background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
}


div#page-sub-header h1, div#page-sub-header p {
  color:white;
  font-weight: bold;
  text-align: center;
  
}
div#page-sub-header h1{
        font-weight: 800;
        text-shadow: 3px 3px #3c300a,2px 2px #1f5b07;

}
/*// heading font color #9A6B30 */
/*// heading font color #b28b51 */
.heading {

        color: #b28b51;
        text-shadow: 3px 3px #3c300a,2px 2px #1f5b07;

}

.dashicons {
  font-size: 1.8rem;
}

.custom-title, h4 a, .entry-title {
   color: #9A6B30;
   font-weight: bold;
}

.btn-custom, .accordion-button {
  background-color:#b28b51;
  color:#ffffff;
  font-weight: bold;
  border-bottom: 2px solid #ffffff;
}

.accordion-button:not(.collapsed), .accordion-button:not(.collapsed)::after{
  background-color:#ffffff;
  color:#b28b51;
  font-weight: bold;
  border-color:#b28b51;
  box-shadow: 1px 1px #b28b51;
}

.accordion-button::after {
  content: none;
}

.accordion-item:last-child{
  border-bottom: none;
} 

 .container-iframe {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

#footer {
  padding: 2rem 0 0 2rem;
  background-color:#b28b51;
}

.wpcf7-quiz-label, .wpcf7-response-output {
  color:#ffffff;
  font-weight: bold;
}
.wpcf7-submit, .wpcf7-form-control {
  display: flex;
  justify-content: center;
  margin: auto;
  color:#b28b51;
  font-weight: bold;
  
}
.wpcf7-form-control {
  width: 100%;
}

.list-group-item a {
  color:#b28b51;
  font-weight: bold;
}

.btn-custom:hover, .wpcf7-submit:hover {
  background-color: #9A6B30;
  color: #ffffff;
  border: none;
}

h1.entry-title {
  font-size:1.8rem;

}
h2.wp-block-heading {
  font-weight: bold;
}

.widget-area{
   text-align: justify;
  text-justify: inter-word;
}

.elementor-heading-title {
  font-size:1.5rem;
  text-align: center;
  text-justify: inter-word;
}

.elementor-element h3 {

  font-size:1.3rem;
}

.elementer-widget-container h2{
  font-size: 1rem;
}

.video-facade {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  cursor: pointer;
  overflow: hidden;
}

.video-facade img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2rem;
  background: rgba(0,0,0,0.5);
  border: none;
  color: white;
  padding: 1rem;
  border-radius: 50%;
}

.video-facade iframe {
  width: 100%;
  height: 100%;
  border: none;
}


@media (max-width: 576px) { 
    h1.entry-title {
  font-size:1.2rem;
}

.elementor-element h3 {
  font-size:1rem;
}

.elementer-widget-container h2{
  font-size: .8rem;
}
.custom-title, h4 a, .entry-title {
   font-weight: bold;
}


 }

 .breadcrumbs {
    font-size: 14px;
    color: #B28B51;
    font-weight: bold;
}

.breadcrumbs a {
    color: #B28B51;
    text-decoration: none;
}

.breadcrumbs a:hover {
    text-decoration: underline;
}

.breadcrumbs span {
    color: #777;
}