/*
 Theme Name:   WpResidence child theme
 Theme URI:    https://themeforest.net/item/wp-residence-real-estate-wordpress-theme/7896392
 Description:  WpResidence child theme
 Author:       WpEstate
 Author URI:   http://wpestate.org
 Template:     wpresidence
 Version:      5.0.7
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/********************* Custom CSS *********************/

/*
================================================================================
Custom Child Theme CSS Documentation
================================================================================

This stylesheet customizes the appearance and layout of the Texas Ranch Company
WordPress site, extending the WP Residence theme. It includes targeted styles
for fonts, sliders, forms, headers, footers, property cards, agent profiles,
and responsive/mobile layouts.

--------------------------------------------------------------------------------
Sections Overview:
--------------------------------------------------------------------------------

1. Fonts
  - Sets global font family for body and paragraphs.

2. Slider Revolution
  - Adjusts slider module positioning.

3. Contact 7 Form
  - Styles input fields, radio buttons, and form controls for consistency.

4. WP Bakery
  - Customizes heading colors and listing wrapper layout.

5. Top Bar
  - Styles contact info, links, and social icons in the top navigation bar.

6. Social Widget
  - Defines hover effects for social sidebar icons.

7. Header
  - Sets header background and phone number styling.

8. Footer
  - Styles footer widgets, disclaimer, and copyright sections.

9. Property Unit Card
  - Customizes property card appearance, category tags, and price display.

10. Homepage V4
   - Hides specific listing link wrappers.

11. Our Team
   - Styles team member images and links.

12. Property Details
   - Adjusts navigation, labels, description panels, and price area.

13. Agent
   - Styles agent profile sections and contact forms.

14. Classic Slider Autoplay
    - Customizes autoplay behavior and indicator synchronization for property sliders.

15. Mobile Responsiveness
   - Provides responsive adjustments for top bar, footer, property details,
    and agent sections at various breakpoints (1200px, 768px, 480px).

--------------------------------------------------------------------------------
Variables Used:
--------------------------------------------------------------------------------
- --wp-estate-footer-social-widget-back-color-option
- --wp-estate-top-menu-hover-font-color-option
- --wp-estate-top-bar-back-option
- --wp-estate-menu-font-family-option
- --wp-estate-mobile-header-background-color-option

--------------------------------------------------------------------------------
Notes:
--------------------------------------------------------------------------------
- Many styles use !important for specificity and to override parent theme styles.
- Responsive sections ensure usability and readability on tablets and mobile devices.
- Custom classes are used for unique site features (e.g., property cards, agent details).

================================================================================
*/


/********** Fonts **********/
body, p {
  font-family: "Noto Sans" !important;
}

/********** Slider Revolution **********/
rs-module-wrap{
  left: auto !important;
}

/********** Contact 7 Form **********/
input[type=text], input[type=password], input[type=email], input[type=url], input[type=number], textarea{
  font-size: 13px;
  padding: 9px 0 9px 9px;
  color: #8593a9;
  border: 1px solid #dde4e9;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.wpcf7-form-control.wpcf7-radio{
  padding: 8px !important;
}
.wpcf7-form-control.wpcf7-radio input[type="radio"] {
  width: unset !important;
}
.wpcf7-form-control{
  padding: 3px 5px 5px 3px;
  font-size: 13px;
  color: #768082;
  border: 1px solid #f0f0f0;
  border-radius: 3px;
  background-color: #fff;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{
  max-width: 303px !important;
}
.footer-widget-area .wpcf7-form input[type=submit]{
    background-color: var(--wp-estate-footer-social-widget-back-color-option) !important;
    margin-top: 0.5rem;
}


/********** WP Backery **********/
h2.vc_custom_heading, h3, .price_area {
  color: #000000 !important;
  font-weight: 500 !important;
}
.vc_custom_1728914806877 .listing_wrapper {
  display: flex;
  justify-content: center;
}

/********** Top Bar *********/
.topbar-contact {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  font-size: 13px;
  font-weight: 400;
  color: #b5a87d;
}
.topbar-contact span {
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  font-family: var(--wp-estate-menu-font-family-option);
  color: rgb(59, 53, 34);
}
.topbar-contact a {
  text-transform: lowercase;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}
.topbar-contact a:hover {
  text-decoration: underline;
  color: var(--wp-estate-top-menu-hover-font-color-option) !important; 
}

/********** Social Widget **********/
.top_bar .social_sidebar_internal a:hover i{
  color: var(--wp-estate-top-menu-hover-font-color-option) !important;
  background: var(--wp-estate-top-bar-back-option);
}

/********** Header **********/
.header_wrapper {
  background-color: #8b877c;
}
.header_phone {
  position: absolute;
  font-size: 22px !important;
  background-color: #8b877c;
  font-weight: bold !important;
  color: #fff;
  text-align: right;
  padding-right: 10px;
  margin-top: 5px !important;
}
#menu-home{
  padding-top: 20px;
}

/********** Footer **********/
.widget-title-footer {
  text-align: left !important;
}
#footer-widget-area .wpcf7-form p {
  margin-bottom: 0;
  font-size: 15px;
}
.custom_sub_footer {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
}
.custom_sub_footer > .disclaimer {
  width: 100%;
  color: #fff;
  text-align: left;
  unicode-bidi: normal;
  font-size: 12pt;
  margin-bottom: 7px;
  margin-top: 1.5rem;
}
.custom_sub_footer > .disclaimer a {
  font-weight: bold;
  color: var(--wp-estate-top-menu-hover-font-color-option);
  display: inline-block;
  margin-right: 2rem; 
}
.custom_sub_footer > .copyright {
  width: 30% !important;
  font-size: 12px;
  margin-left: 45px;
  float: left;
  line-height: 60px;
  margin-top: 1.5rem;
}

/********** Social Widget **********/
#colophon .social_sidebar_internal a:hover,
#colophon .social_sidebar_internal a:hover i{
    background-color: var(--wp-estate-footer-social-widget-back-color-option, var(--wp_estate_footer_social_widget_back_color));
    color: var(--wp-estate-top-menu-hover-font-color-option)
}

/********** Property Unit Card **********/
.property_location{
  color: #ffffff !important;
  font-weight: bold !important;
  background-color: #3f403e !important;
  border: 0 !important;
 }
.property_card_default{
  border: 1px solid #000000 !important;
  border-radius: 4px !important;
  background-color: #c9c5bd !important;
}
.listing_unit_price_wrapper{
  cursor: pointer !important;
  margin-bottom: 0 !important;
  color: #ffffff !important;
}
.property_listing .property-unit-information-wrapper{
  padding-top: 0 !important;
  background-color: #c9c5bd !important;
}
.property_card_categories_wrapper{
  padding-left: 0 !important;
}
.property_card_categories_wrapper a {
  width: auto;
  overflow: hidden;
  position: relative;
  color: #fff;
  float: left;
  clear: both;
  padding: 2px 15px;
  line-height: 19px;
  font-size: 12px;
}
.custom-term-tag-sold{
  background-color: rgba(189, 36, 24, 1) !important;
  border-bottom: 1px solid rgb(13, 13, 13);
  border-right: 1px solid rgb(0, 0, 0);
  font-weight: 600;
  letter-spacing: .1em;
  text-shadow: 1px 2px 1px rgb(2, 2, 2);
}
.custom-term-tag-for-sale{
  background-color: rgb(4, 137, 41);
  border-bottom: 1px solid rgb(13, 13, 13);
  border-right: 1px solid rgb(0, 0, 0);
  font-weight: 600;
  letter-spacing: .1em;
  text-shadow: 1px 2px 1px rgb(2, 2, 2);
}
.custom-term-tag-reduced{
  background-color: rgb(0, 116, 217) !important;
  border-bottom: 1px solid rgb(13, 13, 13);
  border-right: 1px solid rgb(0, 0, 0);
  font-weight: 600;
  letter-spacing: .1em;
  text-shadow: 1px 2px 1px rgb(2, 2, 2);
}
.property_card_categories_wrapper a:hover {
  color: #fff;
}
.property_location .share_list{
  color: #ffffff !important;
}
.listing_details{
  text-align: justify !important;
}
.property-unit-information-wrapper h4{
  text-align: center;
}
.share_unit{
  z-index: 99 !important;
  color: #ffffff !important;
  background-color: #3c90be !important;
}
.share_unit a:hover{
  color: #ffffff !important;
  background-color: #3c90be !important;
}
.share_unit::after{
  border-top: 8px solid #3c90be !important;
}

/********** Homepage V4 **********/
.listinglink-wrapper_sh_listings{
    display: none;
}

/********** Theme Slider **********/
.theme_slider_3 .slide_cont_block .h2, .theme_slider_3 .slide_cont_block h2 {
  font-size: var(--wp-estate-h1-font-size-option, var(--wp-estate-h1-font-size)) !important;
}
.theme_slider_3_gradient{
  opacity: 0 !important;
}

.theme_slider_3 .slide_cont_block{
  top : 75%;
}

/********** Our team **********/
.boximg{
  border: 5px solid rgb(152, 119, 76);
  box-shadow: 2px 2px 2px 3px rgb(83, 60, 42);
}
.single-content p a{
    color: #4da5ff !important;
}

/********** Property Details **********/
.nav-prev-wrapper, .nav-prev-wrapper a,
.nav-next-wrapper, .nav-next-wrapper a{
  background: #2b2937 !important;
  color: #fff !important;
}
.propertyid_display,
.single_property_labels,
.wpestate_property_description .panel-title,
.ribbon-wrapper-FOR-SALE,
.ribbon-wrapper-SOLD,
#slider_enable_slider{
  display: none !important;
}
.wpresidence_property_page_title_area{
  margin-top: 30px !important;
}
.wpestate_property_description{
  background-color: #ebe7e4 !important;
}
#wpestate_property_description_section{
  padding-inline: 0 !important;
}
.single-content p {
  font-size: 15px !important;
  text-align: justify;
  margin-bottom: 15px;
  word-break: break-word;
}
.property-panel .accordion-button {
  background-color: #827c76 !important;
  background-image: none;
  height: 40px;
  padding: 6px 0 9px 0;
  border-radius: 4px;
}
.property-panel .accordion-body{
  font-size: 18px !important;
  padding-top: 30px !important;
}
.single-estate_property .listing_detail strong{
  font-weight: bold !important;
}
.custom-mt-agent-property-details{
  margin-top: 2rem !important;
}
.price_area{
  color: #38271D !important;
  font-weight: 500 !important;
  font-size: 22px !important;
  padding: 16px 0 3px 0;
}
.entry-title{
  font-family: "NotoSans" !important;
  font-weight: 300 !important;
}

/********** Agent **********/
.custom_details_container,
.realtor-contact-buttons{
    display: none !important;
}
.wpestate_single_agent_details_wrapper.custom_property_page_agent{
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
  background-color: #c9c5bd !important;
}
.lazyload.img-responsive.wp-post-image.agentpict{
  height: auto !important;
}
.single-estate_agent .wpestate_agent_details_wrapper .agentpic-wrapper{
  padding: 0 !important;
}
.agentpic-wrapper.property_listing.property_card_default{
  border: 0 !important;
}
.agentpic-wrapper.custom_property_page_agent{
  width: 100% !important;
}
.agent_details.custom_property_page_agent{
  width: 100% !important;
}
.agent_details.custom_property_page_agent h3{
  text-align: center !important;
}
#wpestate_single_agent_details_custom_form_wrapper{
  background-color: #b3bbbd !important;
}
.agent_detail a{
  color: #000000 !important;
}
.agent_position{
  color: #38271D !important;
}
#wpestate_single_agent_details_custom_form_wrapper .wpestate_single_agent_details_header_wrapper{
  padding: 15px 13px 13px 13px;
  justify-content: center;
  font-size: 16px;
  color: #000000;
  background-color: #fdfdfd;
  width: auto;
}
#wpestate_single_agent_details_custom_form_wrapper .contact_form_flex_wrapper{
  padding: 5px 15px !important;
}
#wpestate_single_agent_details_custom_form_wrapper .contact_form_flex_input_wrapper{
  flex-direction: column;
}
#wpestate_single_agent_details_custom_form_wrapper .agent_submit_class{
  width: 100%;
}
#wpestate_single_agent_details_custom_form_wrapper .agent_submit_class:hover {
  background-color: #4da5ff !important;
  color: #ffffff !important;
  border-color: #4da5ff !important;
}
#wpestate_single_agent_details_custom_form_wrapper input[type="text"]::placeholder,
#wpestate_single_agent_details_custom_form_wrapper textarea{
  color: #5c727d !important;
}
.vertical-wrapper span.active{
  display: none !important;
}

/********** Classic Slider Autoplay **********/

.wpresidence-classic-slider-autoplay .carousel-inner{
  margin-bottom: 90px;
}

.wpestate_property_carousel.wpresidence-classic-slider-autoplay .carousel-indicators {
  bottom: 6px !important;
}

.caption_on_slide{
  display: none;
}

/********** Mobile **********/

@media screen and (max-width: 1200px){
  /********* Top Bar *********/
  .topbar_show_mobile_yes.d-none.top_bar_wrapper  {
    background-color: var(--wp-estate-top-bar-back-option, --wp-estate-mobile-header-background-color-option);
  }
}

@media only screen and (max-width: 768px) {
  /********* Top Bar *********/
  .topbar_show_mobile_yes.d-none.top_bar_wrapper  {
    background-color: var(--wp-estate-top-bar-back-option, --wp-estate-mobile-header-background-color-option);
  }
  .topbar-contact {
    line-height: 1;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.3rem;
    padding: 1rem 0;
  }
  .navigational_links {
    display: none !important;
  }

  /********** Footer **********/
  .sub_footer_content > .copyright{
    padding-top: 1rem;
  }
  .custom_sub_footer {
    flex-direction: column !important;
    padding-top: 1rem !important;
  }
  .custom_sub_footer > .disclaimer,
  .custom_sub_footer > .copyright {
    width: 100% !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    font-size: calc(12pt - 6px) !important;
  }
  .custom_sub_footer > .disclaimer a {
    display: block !important;
    margin: 0 0 5px 0 !important;
  }

  /********* Property *********/
  .custom-mt-agent-property-details {
    margin-top: 0 !important;
  }
  .wpestate_property_description {
    padding-inline: 10px !important;
  }
  .wpestate_property_description iframe {
    width: 100% !important;
  }
  .agent_details.custom_property_page_agent {
    padding: 10px 30px !important;
  }
}


@media only screen and (max-width: 480px) {
  /********* Top Bar *********/
  .topbar_show_mobile_yes.d-none.top_bar_wrapper {
    background-color: var(--wp-estate-top-bar-back-option, --wp-estate-mobile-header-background-color-option);
  }
  .topbar-contact {
    line-height: 1;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.3rem;
    padding: 1rem 0;
  }
  
  /********* Footer *********/
  .sub_footer_content > .copyright{
    padding-top: 1rem;
  }
  .custom_sub_footer > .disclaimer {
    font-size: calc(12pt - 7px) !important;
  }
}