/*
Theme Name: SanJuanDelSurMLS Child
Theme URI: https://woocommerce.com/storefront/
Template: storefront
Author: Automattic
Author URI: https://woocommerce.com/
Description: Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooCommerce Core developers, it features a bespoke integration with WooCommerce itself plus many of the most popular customer-facing WooCommerce extensions.
Version: 4.3.0
*/


@media (max-width: 768px) {
    .searchform {
        transform: scale(0.5); /* Scale the form to half its size */
        margin-top: 20px; /* Move it down by 20px */
        transform-origin: top center; /* Adjust the origin for scaling */
    }

    .searchform .inputwidth, 
    .searchform .inputbutton {
        font-size: 0.8rem; /* Optional: Adjust font size if needed */
    }
}



body.home .wrapelements {
    display: none;
}


.sidebar-button {
/*border: 5px solid #ff0000;*/
max-height:180px;
position:relative;
top:-140px;
font-size:.8em;
}

#block-121 > div {
    border-top-left-radius:15px;
    border-top-right-radius:15px;
}


/* Position the search form in the top-right corner */
.searchform {
    position: absolute; /* Allow positioning within the header */
    top: 10px; /* Adjust vertical placement */
    right: 10px; /* Adjust horizontal placement */
    display: flex;
    align-items: center; /* Vertically center items */
    z-index: 10; /* Ensure it's above other elements */
}

/* Style the input field */
.searchform .inputwidth {
    width: 200px; /* Adjust width */
    padding: 6px 10px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 5px 0 0 5px; /* Rounded left corners */
    box-sizing: border-box;
    outline: none;
}

/* Style the search button */
.searchform .inputbutton {
    padding: 6px 10px;
    font-size: 12px;
    color: #fff;
    background-color: #1e73be;
    border: 1px solid #1e73be;
    border-radius: 0 5px 5px 0; /* Rounded right corners */
    cursor: pointer;
    transition: background-color 0.3s ease;
}

/* Button hover effect */
.searchform .inputbutton:hover {
    background-color: #0056b3;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .searchform {
        top: 5px;
        right: 5px;
    }

    .searchform .inputwidth {
        width: 150px;
        font-size: 12px;
    }

    .searchform .inputbutton {
        font-size: 10px;
    }
}




/* Reduce gap under breadcrumb for 768px and wider */
@media (min-width: 768px) {
    .storefront-breadcrumb {
        margin-bottom: 10px; /* Adjust this value as needed */
        padding-bottom: 10px; /* Adjust this value as needed */
    }
}



#block-140 > div, .su-animate .bounceIn .animated {padding:6px;background-color:#eee;position:relative;top:-50px;border-bottom-left-radius:15px;border-bottom-right-radius:15px;}

search__input-1:hover {
    outline-color: #ddd!important;
}

@media (max-width: 368px) {
    #masthead > div.col-full > div.site-branding > div {font-size:1.4em;}
  #block-150 > h3 {font-size:1.0em!important;}
  #block-150 {max-height:20px;}
}

@media (min-width: 768px) {
  .main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {
    padding: .2em 1em;
    border:1px solid #ddd;
  }
}

#sidebartitle {
  font-size: 1.2em; /* Default size for very small screens (below 400px) */
}

@media screen and (min-width: 382px) and (max-width: 767px) {
  #sidebartitle {
    font-size: 2.5em; /* Medium size for screens between 400px and 768px */
  }
  #block-150 > h3 {font-size:1.0em!important;}
}

@media screen and (min-width: 768px) and (max-width: 815px) {
  #sidebartitle {
    font-size: 1.5em; /* Size for screens between 768px and 939px */
  }
}
@media screen and (min-width: 815px) and (max-width: 939px) {
  #sidebartitle {
    font-size: 1.65em; /* Size for screens between 768px and 939px */
  }
}

@media screen and (min-width: 939px) and (max-width: 949px) {
  #sidebartitle {
    font-size: 1.70em; /* Slightly smaller size to prevent wrapping */
  }
}

@media screen and (min-width: 950px) {
  #sidebartitle {
    font-size: 1.7em; /* Larger font for screens above 950px */
  }
}


@media screen and (min-width: 768px) and (max-width: 1020px) {
    .wc-block-attribute-filter {font-size:.7em;}
     #block-150 > h3 {font-size:.7em!important;}
}

@media screen and (max-width: 768px) {
    h3.has-background {padding-top:2px;padding-bottom:2px;border-top-left-radius:10px;border-top-right-radius:10px;}
    h3 {font-size:2em!important;}
    .wc-block-attribute-filter {font-size:1.5em;}
}

@media screen and (min-width: 1024px) {
    h3.has-background {padding-top:2px;padding-bottom:2px;border-top-left-radius:10px;border-top-right-radius:10px;}
    h3 {font-size:1.5em!important;}
    .wc-block-attribute-filter {font-size:1.1em;}
     #block-150 > h3 {font-size:1.0em!important;}
}

#sidebartitle, .wc-blocks-filter-wrapper {
    /*font-size:24px;*/
    margin-bottom:0px; 
    font-family: 'Exo 2', sans-serif;
    border:1px solid #ddd;
    border-radius:10px;
}

.wc-block-attribute-filter {padding:5px;}

.wp-block-woocommerce-filter-wrapper { border-bottom-right-radius:20px; border-bottom-left-radius:20px;}

.wc-block-price-slider {padding:20px;}
.wc-block-components-price-slider__range-text {font-size:1.6em;font-family:'Exo 2', sans-serif;}

#nicamlslink {
    text-decoration:none;
}
#animationwrap {
    width:100%;
}

#masthead {
    margin: 0;
    padding: 0;
}
#masthead .col-full:empty,
#masthead .my-custom-header-div:empty,
#masthead .site-branding:empty {
    display: none;
}
#masthead .col-full {
    padding: 0;
}
.site-header {
    border-bottom: none !important; /* Removes the border for all views */
}

.site-header {
    border-bottom: none !important; /* Removes the border for all views */
}


.my-custom-header-div {display:none;}



/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Exo+2&family=Marvel:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/* General Font and Styling */
body {
    font-family: 'Exo 2', sans-serif;
}

/* Product Title Font Size */
.product-title {
    font-size: 18px;
}

/* Responsive Font Adjustments for Smaller Screens */
@media (max-width: 480px) {
    .summary.entry-summary > h1 {
        font-size: 25px;
    }
}

/*a .whiteit, .site-footer {text-decoration:none!important; }*/
.whiteit {color: #fff!important;text-decoration:none!important; }

h1, .alpha {
  /*font-size: 2.2em; [> Default for most devices <]*/
  /*line-height: 1.214;*/
  /*letter-spacing: -1px;*/
  /*white-space: nowrap; [> Prevent wrapping <]*/
}

@media screen and (max-width: 1024px) {
  h1, .alpha {
    font-size: 2em; /* Slightly smaller for tablets */
  }
}

@media screen and (max-width: 768px) {
  h1, .alpha {
    font-size: 1.8em; /* Smaller for mobile devices */
  }
}

@media screen and (max-width: 480px) {
  h1, .alpha {
    font-size: 1.5em; /* Smallest for very small screens */
  }
}

.woocommerce-products-header__title {
  font-size: 1.6em; /* Default for larger screens */
}

@media screen and (max-width: 767px) {
  .woocommerce-products-header__title {
    font-size: 1.0em; /* Smaller font size for mobile devices */
  }
}

@media screen and (min-width: 768px) and (max-width: 938px) {
  .su-heading-inner > a:nth-child(1) {
    font-size: .9em; /* Adjust font size as needed */
  }
}


/* Custom Block Styling */
#block-148 > div > div {
    /*color: #1e73be !important;*/
    text-align: center;
}

/* Statistics Links Styling */
.statslinks {
    font-size: 0.6em;
    color: #000;
}

/* WooCommerce Additional Information Tab */
#tab-additional_information > table > tbody > tr.woocommerce-product-attributes-item.woocommerce-product-attributes-item--attribute_filename {
    display: none;
}

/* Responsive Search Form Adjustments */
@media (max-width: 480px) {
    .wrapelements {
        display: flex !important;
        flex-wrap: wrap;
    }
    .wrapelements input[type="search"] {
        width: 50% !important;
        margin-bottom: 2px;
    }
    .wrapelements button {
        width: 30% !important;
    }
}

/* Highlight Search Outline */
.inputwidth:focus, .inputwidth:hover {
    outline-color: #1e73be !important;
}

/* WooCommerce Product Search Field Outline */
#woocommerce-product-search-field-0:focus, #wp-block-search__input-1:hover {
    outline-color: #1e73be;
}

/* Sidebar Background Styling */
#secondary {
    background-color: #fff;
    padding: 5px;
}

/* Product Image Styling */
.product-image {
    position: relative;
    float: left;
    margin-right: 10px;
}
.product-image img {
    max-width: 200px;
}

/* Buttons Styling */
.sellerbutton {
    width: 100%;
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    text-align: center;
    border: none;
    border-radius: 2px;
    background-color: #1e73be;
    color: #fff;
    transition: all 0.5s ease-out;
    text-decoration: none !important;
}
.sellerbutton:hover {
    background-color: #0056b3;
    cursor: pointer;
    color: #fff;
}

/* Price Filter Font Styling */
.pricefilter {
    font-family: 'Anton';
}

/* Mobile Menu Dropdown Styling */
#site-navigation .handheld-navigation ul li {
    background-color: #ffffff;
    border: 1px solid #d3d3d3;
    color: #000000;
    padding-left: 10px;
}
#site-navigation .handheld-navigation ul li a {
    color: #000000;
}

/* Responsive Adjustments for Site Branding */
@media (min-width: 615px) and (max-width: 1154px) {
    .site-branding {
        font-size: 0.6em;
    }
}
@media (min-width: 1154px) and (max-width: 1440px) {
    .site-branding {
        font-size: 1em;
    }
}

/* WooCommerce Price Slider Styling */
.wc-block-components-price-slider__range-input-progress, .rtl .wc-block-components-price-slider__range-input-progress {
    --range-color: #1e73be;
}

/* Footer Styling */
.site-footer {
    background-color: #1e73be;
    color: #fff;
}

/* Responsive Product Grid */
ul.products li.product {
    width: 46.411765%;
    float: left;
    margin-right: 5.8823529412%;
}
ul.products li.product:nth-of-type(2n) {
    margin-right: 0;
}
@media (min-width: 768px) {
    ul.products li.product:nth-of-type(2n) {
        margin-right: 5.8823529412%;
    }
}

/* Hide Specific Elements */
.add_to_cart_button, 
.button.product_type_simple,
form.woocommerce-ordering > select > option:nth-child(-n+2),
.site-header .site-search,
#site-header-cart,
.site-title-tagline,
#top-header-phone-number {
    display: none;
}

/* Specific Adjustments */
.highlight-search {
    background-color: yellow;
}

/* Ensure Links Have No Text Decoration */
a {
    text-decoration: none;
}




.sue-panel {
    padding: 5px;
    box-sizing: border-box;
    overflow: hidden;
}

.wpcf7-form-control {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.wpcf7-form p {
    margin: 0;
}

@media (max-width: 768px) {
    .wpcf7-form-control {
        width: 100%;
    }
}




.header-widget-region:empty,
.header-widget-region > .col-full:empty {
    display: none;
}

.header-widget-region {
    padding: 0;
    margin: 0;
}