.elementor-1692 .elementor-element.elementor-element-4bb09b5c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--gap:0px 0px;--flex-wrap:wrap;--background-transition:0.3s;}.elementor-1692 .elementor-element.elementor-element-30a75cda{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-1692 .elementor-element.elementor-element-30a75cda.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1692 .elementor-element.elementor-element-2bbbee56 .elementor-heading-title{color:var( --e-global-color-c8fb709 );font-family:"Roboto", Sans-serif;font-weight:600;text-transform:uppercase;text-shadow:5px 0px 9px rgba(40.800000000000004, 39.84097826086956, 39.84097826086956, 0.74);}.elementor-1692 .elementor-element.elementor-element-2bbbee56 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1692 .elementor-element.elementor-element-5bae38d6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-1692 .elementor-element.elementor-element-5bae38d6.e-con{--align-self:flex-end;--flex-grow:0;--flex-shrink:0;}.elementor-1692 .elementor-element.elementor-global-2692 .elementor-icon-box-wrapper{text-align:right;}.elementor-1692 .elementor-element.elementor-global-2692.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-c8fb709 );}.elementor-1692 .elementor-element.elementor-global-2692.elementor-view-framed .elementor-icon, .elementor-1692 .elementor-element.elementor-global-2692.elementor-view-default .elementor-icon{fill:var( --e-global-color-c8fb709 );color:var( --e-global-color-c8fb709 );border-color:var( --e-global-color-c8fb709 );}.elementor-1692 .elementor-element.elementor-global-2692{--icon-box-icon-margin:12px;}.elementor-1692 .elementor-element.elementor-global-2692 .elementor-icon{font-size:27px;}.elementor-1692 .elementor-element.elementor-global-2692 .elementor-icon-box-title{color:var( --e-global-color-c8fb709 );text-shadow:-2px 0px 6px rgba(0, 0, 0, 0.63);}.elementor-1692 .elementor-element.elementor-global-2692 .elementor-icon-box-title, .elementor-1692 .elementor-element.elementor-global-2692 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;}.elementor-1692 .elementor-element.elementor-global-2692.elementor-element{--align-self:flex-end;--flex-grow:1;--flex-shrink:0;}.elementor-1692 .elementor-element.elementor-element-42465bcf{--display:flex;--background-transition:0.3s;}.elementor-1692 .elementor-element.elementor-element-42465bcf:not(.elementor-motion-effects-element-type-background), .elementor-1692 .elementor-element.elementor-element-42465bcf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-1692 .elementor-element.elementor-element-42465bcf, .elementor-1692 .elementor-element.elementor-element-42465bcf::before{--border-transition:0.3s;}.elementor-1692 .elementor-element.elementor-element-5961dd8{columns:1;}.elementor-1692 .elementor-element.elementor-element-76faf33{column-gap:0px;color:var( --e-global-color-c8fb709 );font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;line-height:20px;width:100%;max-width:100%;}.elementor-1692 .elementor-element.elementor-element-76faf33 > .elementor-widget-container{padding:0px 0px 0px 0px;border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-1692 .elementor-element.elementor-element-76faf33.elementor-element{--flex-grow:1;--flex-shrink:0;}@media(max-width:767px){.elementor-1692 .elementor-element.elementor-element-2bbbee56{text-align:left;width:100%;max-width:100%;}.elementor-1692 .elementor-element.elementor-element-2bbbee56 .elementor-heading-title{font-size:31px;}.elementor-1692 .elementor-element.elementor-element-2bbbee56 > .elementor-widget-container{margin:0px 24px 0px 66px;padding:3px 3px 3px 3px;}.elementor-1692 .elementor-element.elementor-element-2bbbee56.elementor-element{--align-self:flex-start;--order:-99999 /* order start hack */;--flex-grow:1;}.elementor-1692 .elementor-element.elementor-global-2692{--icon-box-icon-margin:5px;}.elementor-1692 .elementor-element.elementor-global-2692 .elementor-icon{font-size:26px;}}@media(min-width:768px){.elementor-1692 .elementor-element.elementor-element-30a75cda{--width:73.999%;}.elementor-1692 .elementor-element.elementor-element-5bae38d6{--width:23.998%;}}/* Start custom CSS for text-editor, class: .elementor-element-5961dd8 *//* Gumnut Personalized CSS for Category Layout and Styling */

/* ------------------------------------------
   Category Label Styling
------------------------------------------- */
.wpbdp-categories .category-label {
    font-family: 'Roboto', sans-serif; /* Modern and clean 'Roboto' font */
    font-weight: 600; /* Semi Bold for clarity and emphasis */
    text-transform: uppercase; /* Uppercase for a consistent and impactful look */
    text-shadow: 5px 0px 9px rgba(0,0,0,0.5); /* Shadow for depth and emphasis */
    font-size: 15px; /* Standard font size for desktop view */
}

/* ------------------------------------------
   Category Images Styling and Hover Effects
------------------------------------------- */
/* Base styling for category items */
.wpbdp-categories .category-item {
    position: relative; /* Essential for positioning the hover overlay */
    overflow: hidden; /* Prevents overlay spillage beyond each item */
    float: left; /* Align items side by side */
    box-sizing: border-box; /* Include padding and border in the width */
    padding: 5px; /* Adjust padding as needed */
    width: 33.33%; /* Default to 3 items per row */
}

/* Transition effects for the images */
.wpbdp-categories .category-image {
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth transitions for scaling and shadow */
}

/* Hover effects: scaling and shadow for depth */
.wpbdp-categories .category-image:hover {
    transform: scale(1.1); /* Slight enlargement on hover for interaction feedback */
    box-shadow: 0 10px 20px rgba(0,0,0,0.2); /* Depth shadow for a lifted appearance */
}

/* Overlay visibility on hover */
.wpbdp-categories .category-item:hover::after {
    opacity: 0.7; /* Semi-transparent overlay reveals on hover */
}

@media only screen and (max-width: 768px) {
    /* Assuming we're targeting tablets here, we want two items per row */
    .wpbdp-categories .category-item {
        width: 50%; /* Two items per row */
        float: left;
    }
}

@media only screen and (max-width: 480px) {
    /* This will target smartphones, including the Samsung Galaxy Note series */
    .wpbdp-categories .category-item {
        width: 33.33%; /* Three items per row */
        float: left;
    }

    /* For the last two items, we ensure they take full width of the line, 
       adjusting to 50% width each, and centering them */
    .wpbdp-categories .category-item:nth-last-child(-n+2) {
        width: 50%; /* Two items in the last row */
        margin-right: auto;
        margin-left: auto;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-76faf33 *//* Custom CSS for Gumnut Theme */

/* Universal Link Styles */
a {
    text-decoration: none; /* Removes underline from all links */
    transition: color 0.3s ease; /* Smooth color transition */
}

a:hover {
    color: #269391; /* Teal color on hover */
}

/* Letter Link Styles (assuming these are at the top or in a navigation menu) */
.letter a {
    font-weight: bold;
    color: #0F1240; /* Navy blue */
    font-size: 20px;
    letter-spacing: 2px;
}

/* Tagline Styling (usually appears after navigation or as part of the header) */
.wpbdp-field-tag_line .value {
    font-family: 'Merriweather', serif;
    color: #4A4A4A; /* Dark gray */
    font-size: 12px;
    font-style: italic;
    margin-top: 10px;
}

/* Listing Title Styling (often the main content heading) */
.listing-title h3 a,
.listing-title h3 a:hover {
    font-family: 'Roboto', sans-serif;
    font-weight: 800; /* Bold */
    color: #0F1240; /* Navy blue */
    text-transform: uppercase;
    text-decoration: none;
}

.listing-title h3 a {
    font-size: 15px; /* Smaller font size for desktop */
    transition: color 0.3s ease; /* Transition for hover effect */
}

.listing-title h3 a:hover {
    color: #269391; /* Teal color on hover */
}

/* Category Styling (typically follows the title or is near it) */
.wpbdp-field-category .value {
    font-size: 14px;
    color: #333; /* Dark gray */
    font-style: italic;
    margin-bottom: 5px;
}

.wpbdp-field-category {
    display: inline-block;
    margin-right: 10px;
}

/* Listing Details Styling (presumably part of the main content) */
.listing-details {
    background-color: #eeeeee; /* Grey background */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    padding: 15px;
    border-radius: 5px;
    color: #0F1240; /* Navy blue text */
    font-size: 16px; /* Default font size */
}

/* Adjust Padding for Alphabet Filtering (assuming it's a navigation or filtering tool) */
.wpbdp-abc-filtering {
    padding: 25px 0;
}

/* Responsive Styles for Mobile Devices */
@media (max-width: 768px) {
    .listing-title h3 a {
        font-size: 10px; /* Slightly smaller font size for mobile */
    }

    .listing-details,
    .wpbdp-field-tag_line .value {
        font-size: 14px; /* Smaller font size for details and tagline */
    }

    /* Add additional responsive styles here if needed */


    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-42465bcf *//* Style the search bar */
#wpbdp-main-box-keyword-field {
    border: 2px solid #0F1240; /* Navy blue border */
    background-color: #eeeeee; /* Grey background color */
    font-family: 'Roboto', sans-serif; /* Use Roboto font for consistency */
    font-size: 16px; /* Font size for the search bar */
    color: #0F1240; /* Navy blue font color */
    padding: 10px; /* Adjust padding as needed */
}

/* Style the search bar placeholder text */
#wpbdp-main-box-keyword-field::placeholder {
    color: #0F1240; /* Navy blue font color for placeholder text */
    font-weight: bold; /* Bold placeholder text */
}/* End custom CSS */