/* Hide the original text */
.jbd-alert-success {
    font-size: 0 !important;
}

/* Inject your new text */
.jbd-alert-success::after {
    content: "A user account has been created. PLEASE CHECK YOUR SPAM FOLDER IF YOU DON'T SEE THE EMAIL.";
    font-size: 16px !important;
    display: block;
    color: #000;
}


#system-message-container joomla-alert {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 9999 !important;
    width: 80% !important;
    max-width: 500px !important;
    font-size: 30px;
    height: 300px;
    /* background: #fff; */
    padding: 20px;
    border: 1px solid #ccc;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}



.jbd-container .result-item .item-image-cover {
    width: 230px !important;           /* Adjust this to match your desired width */
    height: 230px!important;           /* Forces a perfect square container */
    overflow: hidden;       /* Ensures nothing spills out */
    border-radius: 5px;     /* Your signature minimalist look */
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fcfcfc; /* Subtle light grey background for white logos */
}

.jbd-container .result-item .item-image-cover img{
    width: 100%;
    height: 100%;
    object-fit: contain;    /* This is the key: it shows the WHOLE image inside the box */
    padding: 10px;          /* Adds "breathing room" (negative space) around the logo */
}




/*
.jbd-container img {
 max-width: 180px !important;
    max-height: 180px !important;

 } */

/* Ensure the wrapper is the positioning context */
.jbd-container .jitem-card .jitem-img-wrap {
    position: relative!important;
    display: flex!important;
    justify-content: center!important; /* Centers horizontally */
    align-items: center!important;    /* Centers vertically */
    /* ... existing styles ... */
}

/* Ensure the image inside doesn't fight the flexbox */
.jbd-container .jitem-card .jitem-img-wrap img {
width: 167px!important;
    height: 160px!important;
	 position: relative!important;
}



.jbd-container .jitem-card .jitem-body {
    border-top: 1px solid rgba(0, 0, 0, 0.125)!important;
	
}

.jbd-container .result-item .item-image-cover img {
    position: relative!important;
    max-height: 300px;
}


.jbd-container .jitem-card .jitem-img-wrap .card-hoverable {
    background-color: rgb(0 58 159 / 25%) !important;

}




















.jbd-container .item-header-photo {

border-radius: 5px !important; 

}























#sp-header {
    height: 120px;
    padding-top: 20px;
}
#sp-main-body {
    padding: 0px 0 !important;
}

.jbd-container .listing-style-8 .listing-actions .btn-outline {
    background: hsl(174.94deg 100% 21.73% / 54%);
}


.jbd-container .listing-style-9 .company-style-9-header-image .header-column-3 a {
    padding: 12px 21px;
    background: #001572;
}

.jb-listing-address, 
.jb-item-address,
.jb-address-line,
.business-item-address-info {
    display: none !important;
}


.fa-medal {
    --fa: "";
    color: #ed0020 !important;
}

.center-top-banner {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 20px 0;
}
.center-left-banner {
    display: flex;
    justify-content: center;
}

.mod-banners__item.banneritem {
   
    width: 100%;
    border: 1px solid #0075c3 !important;
}


.bannerheader {
    font-size: 13px !important;
}

.jbd-container .listing-style-9 .company-style-9-header-image {
    background-color: #ffffff!important;
    /* height: 530px !important; 
height: 640px !important; */
height: 700px !important;
}


.jbd-container .listing-style-9 .company-style-9-header-image .header-body {
    padding: 26px 16px !important;
 }



.header-body {
    max-height: 150px !important;
}







.jbd-container .listing-style-9 .company-style-9-header-image .header-logo
 {
    border-radius: 5px !important;
}