/*
Theme Name: wha
Theme URI: walhouse.org
Description: A responsive theme built on Bootstrap 5.
Author: Mandile Web Design
Body Classes: desktop-menu-child-indicator-3 desktop-menu-current-link-style-0 desktop-menu-dropdown-style-2 desktop-menu-hover-style-0 header-0 mobile-nav-option-2 mobile-nav-parent-toggle-style-1 newsletter-style-3 search-button-desktop-0 search-button-mobile-0 search-type-1
Version: 20250201
Tags: responsive, bootstrap, bootstrap 5, theme options, customizable, clean, grid
*/

@import url('css/vars.css');
@import url('css/doc.css');
@import url('css/animations.css');
@import url('css/elements.css');
@import url('css/header.css');
@import url('css/footer.css');
@import url('css/blog.css');
@import url('css/cpt.css');
@import url('css/swiperjs/swiper-bundle.min.css');

/* Widgets */
@import url('css/widget-accordion.css');
@import url('css/widget-anchored-headlines.css');
@import url('css/widget-facts-labels.css');
@import url('css/widget-gallery.css');
@import url('css/widget-page-thumbs-menu.css');
@import url('css/widget-recent-posts.css');
@import url('css/widget-social.css');
@import url('css/widget-video.css');

/* ***** ADD ALL CUSTOM STYLES BELOW THIS LINE *****  */
#header-links {background: #3f5950;}
#logo a {color: #353535; text-transform: none; letter-spacing: 0;}
#logo a .logo-main {display: block; color: #353535; line-height: 1em; font-weight: 600;}
#logo span.subtitle {
  display: block;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  color: #979797;
  text-align: left;
  font-family: "Noto Serif", sans-serif;
}
.header-contact {width: 100%;}
  .header-contact ul {
    display: flex;
    gap: 20px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
    .header-contact ul li {
      display: block;
      margin: 0;
      padding: 0;
      list-style: none;
    }
      .header-contact ul li a {
        display: flex;
        gap: 20px;
        font-size: 16px;
        font-weight: 400;
        text-decoration: none;
        color: #353535;
      }
      .header-contact ul li a strong {font-weight: 600;}
      .contact-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 58px;
        height: 58px;
        border-radius: 50%;
        color: #3f5950;
        font-size: 24px;
        background: #fff;
      }
.footer-logo-text a {
  text-decoration: none;
  display: block;
  font-size: 24px;
  line-height: 1em;
}

.custom-home-slider .gb-content-desc {
  text-shadow: 1px 1px 3px #000;
}

.fancy .elementor-heading-title {
  padding-bottom: 35px;
  margin-bottom: 0;
  position: relative;
}
.fancy .elementor-heading-title:before {
  bottom: 14px;
  content: "";
  display: block;
  height: 3px;
  left: calc(50% - 35px);
  margin: 0;
  position: absolute;
  width: 70px;
  background: #3f5950;
}
.fancy .elementor-heading-title:after {
  background: rgba(133, 133, 133, 0.5);
  content: "";
  position: absolute;
  display: block;
  height: 1px;
  margin: 25px auto 15px;
  width: 270px;
  bottom: 0;
  left: calc(50% - 135px);
}

.home-rp .cxis-recent-post {
  padding: 20px;
  text-align: center;
  border-left: 2px solid #1f9ad6;
  background: #f5f5f5;
}
.home-rp .cxis-recent-post + .cxis-recent-post {
  margin-top: 20px;
}
.home-rp .recent-post-readmore {margin-top: 20px;}
.home-rp h3 a {
  font-size: 20px;
  font-style: italic;
  font-weight: 600;
  color: #232a34;
}
.home-rp .recent-post-content {margin-top: 20px;}

@media only screen and (min-width: 992px) {
  #logo a .logo-main {font-size: 50px;}
  .footer-logo-text a {font-size: 40px;}
  .home-posts h5 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 767.98px) {
  .mobile-toggle {padding-left: 20px;}
  .contact-icon {
    width: 32px;
    height: 32px;
    font-size: 16px;
  } 
  #logo span.subtitle {font-size: 12px;}
}


.btn.btn-secondary, input.btn.btn-secondary, body .elementor-element.elementor-button-success .elementor-button {
  border-radius: 0 !important;
  color: #fff !important;
  padding: 15px 35px !important;
  font-size: 16px !important;
  font-weight: normal !important;
  border-color: #306943 !important;
  background: #306943 !important;
}

.btn.btn-secondary:hover, input.btn.btn-secondar:hover, body .elementor-element.elementor-button-success .elementor-button:hover {
  border-color: #002d04 !important;
  background: #002d04 !important;
}




body:not(.elementor-editor-active) .card-inner {
  position: relative;
  overflow: hidden;
  height: 250px;
}
body:not(.elementor-editor-active) .card-inner .card-hover {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transition: all 500ms ease;
}
body:not(.elementor-editor-active) .card-inner:hover .card-hover {
  top: 0;
  opacity: 1;
  z-index: 1;
  visibility: visible;
}

.sohotext table {width: 100%;}

ul.propinfo {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.propinfo li {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.propinfo li + li {margin-top: 5px;}