/*
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
Tags: translation-ready,two-columns,right-sidebar,left-sidebar,footer-widgets,blog,custom-logo,custom-background,custom-menu,rtl-language-support,editor-style,threaded-comments,custom-colors,featured-images,wide-blocks,full-width-template,theme-options,e-commerce
Version: 1.2.16.1738684819
Updated: 2025-02-04 16:00:19

*/
@import url('css/satoshi.css');
/* Custom Login Page Styles */
.custom-login-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 50vh;
}

.custom-login-card {
  background: white;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  width: 600px;
  text-align: center;
}

.custom-login-header h2 {
  font-size: 24px;
  margin-bottom: 60px !important;
  font-weight:400 !important;
  font-family: 'Barlow Condensed', sans-serif;
}

.custom-login-form input {
  width: 100%;
  padding: 12px;
  margin: 10px 0;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.custom-login-btn {
  width: 100%;
  background: #012E40;
  color: white;
  padding: 12px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.custom-login-btn:hover {
  background: #52C9CA;
}

.custom-login-footer {
  margin-top: 15px;
}

.custom-register-link, .custom-forgot-link {
  display: block;
  margin: 5px 0;
  font-size: 16px;
  color: #0073aa;
}

.custom-register-link:hover, .custom-forgot-link:hover {
  text-decoration: underline;
}

.custom-social-login {
  margin-top: 20px;
}

.form-check {
  display: inline-flex !important;    
  align-items: left !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 4px !important;            
}


.form-check-input {
  transform: scale(0.8);
-webkit-transform: scale(0.8); /* for Safari */
-moz-transform: scale(0.8);    /* for Firefox */
  float: none !important;            
  position: static !important;        
  margin: 0 !important;               
}


.form-check-label,
.form-label {
  margin: 0 !important;
  padding: 0 !important;
}
[data-argument="remember_me"].mb-3 {
  text-align: left !important;
}
/* Main profile card */
.user-profile-card {
  border: none;
  border-radius: 10px;
  margin-bottom: 20px;
  overflow: hidden; /* ensures banner edges are clipped */
}

/* Banner image */
.uwp-banner-image {
  width: 100%;
  object-fit: cover;
  max-height: 450px;
}

/* Avatar overlaps the banner by using negative margin or absolute positioning. 
   Adjust to taste. */
   .avatar-img {
    width: 150px !important;
    height: 150px !important;
    display: flex;             
    align-items: center !important;
    justify-content: center !important;
    object-fit: contain;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 12px 0px,
                rgba(0, 0, 0, 0.08) 0px 0px 0px 1px !important;
    margin: 0;
    transform: translateY(-30px);
    border-radius: 0% !important;
  }

/* Profile name heading */
.profile-username {
  margin-bottom: 0.2rem;
  font-weight: 600;
}

/* If your theme centers all text, override here */
.profile-info {
  text-align: left !important;
}

/* If you want to add padding to the card body specifically for the profile header */
.profile-header-body {
  padding: 1.5rem;
}

/* If you want a subtle box shadow on the avatar */
.avatar-img {
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Position the "change banner" camera icon in the top-right corner */
.card-img-overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: auto;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  pointer-events: none; /* so it doesn't block clicks on banner if needed */
}

.uwp-banner-change-icon {
  pointer-events: auto; /* re-enable clicking on the icon itself */
}

/* Add a light gradient overlay on the banner (optional) */
.bg-shadow-bottom-dd {
  background: linear-gradient(to top, rgba(0,0,0,0.3), transparent);
}

/* Adjust spacing around the second row of actions (optional) */
.profile-actions {
  margin-top: 1rem;
}

/* Fine-tune button group alignment if needed */
.uwp-button-group .btn {
  margin: 0 5px 5px 0; /* small gap between buttons */
}

/* Example of a subtle hover effect on the avatar */
.avatar-img:hover {
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
  transition: box-shadow 0.2s ease-in-out;
}
/* Ensure each card has a modern, clean appearance */
.uwp-profile-cpt-loop .card {
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  overflow: hidden;
}

/* =========================================
 Base Card Styles (Desktop/General)
 ========================================= */

/* Card styling for a clean modern look */

.uwp-profile-cpt-loop .col {
  padding: 0 1rem; /* horizontal spacing */
}
/* Card image styling: fixed height + object-fit cover for nice cropping */
 .card-img-top {
  width: auto;
  height: 220px !important; /* Adjust as needed for desktop */
  object-fit: cover;
  image-rendering: auto;
}

/* Card body expands naturally */
.uwp-profile-cpt-loop .card-body {
  flex: 1 1 auto;
}

/* Card footer styling */
.uwp-profile-cpt-loop .card-footer {
  background-color: transparent;
  border-top: none;
  padding: 0.75rem 1.25rem;
  white-space: nowrap; /* prevents line breaks on wider screens */
}

/* Adjust the view button style */
.uwp-profile-cpt-loop .btn-outline-primary {
  font-size: 0.875rem;
  padding: 0.375rem 0.75rem;
}

/* Style the "days ago" meta text */
.uwp-profile-cpt-loop .card-footer .text-muted {
  font-size: 1.8rem !important;
  font-weight: 400;
  margin-bottom: 1rem;
  border-bottom: 2px solid #eaeaea;
  padding-bottom: 0.5rem;
  color: #333;
  font-family: 'Barlow Condensed', sans-serif !important;
  white-space: nowrap; /* Prevents wrapping */
}

/* Spacing between grid items */
.row.g-4 > [class*="col-"] {
  padding-bottom: 1rem;
}

/* Optional: toolbar spacing */
.btn-toolbar {
  margin-bottom: 20px;
}
.profile-info > h2.text-muted.mb-2 {
  font-size: 2.25rem;
  font-weight: 400;
  color: #333 !important; /* Override Bootstrap's text-muted if desired */
  margin-bottom: 1rem;
  font-family: 'Barlow Condensed', sans-serif;
  line-height: 1.2;
}
  /* ------------------------------
 Business Listings Card Styling
------------------------------ */

/* Outer card body (the section containing the header "Business Listings") */
.card-body h4 {
margin-bottom:40px !important;
}
.card-body {
background-color: #fff;
padding: 1.5rem;
}

.card-body h5 {
font-size: 1.8rem !important;
font-weight: 400;
margin-bottom: 1rem;
border-bottom: 2px solid #eaeaea;
padding-bottom: 0.5rem;
color: #333;
font-family: 'Barlow Condensed', sans-serif !important;
}
/* =========================================
   Mobile Adjustments
   ========================================= */

   @media (max-width: 768px) {


  /* Reduce the card image height on small screens for a better fit */
  .uwp-profile-cpt-loop .card-img-top {
    height: 250px; /* Adjust as needed for mobile */
  }
  .user-profile-card {
    border: none;
    border-radius: 0px !important;
    margin-bottom: 20px;
    overflow: hidden; /* ensures banner edges are clipped */
  }
  .card-body {
    background-color: #fff;
    padding: 10px !important;
  }
  /* Let the footer text wrap if needed on narrow screens */
  .uwp-profile-cpt-loop .card-footer {
    white-space: normal; /* Allows line breaks */
  }
  
  /* If you have a .uwp-post-meta container, allow wrapping */
  .uwp-post-meta {
    flex-wrap: wrap;
  }

  /* Remove forced 100% width on text-muted to avoid weird wrapping */
  .uwp-profile-cpt-loop .text-muted {
    width: auto !important;
    white-space: nowrap; /* Prevents wrapping */
  }
  .uwp-profile-cpt-loop .card {
    border-radius: 0px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    overflow: hidden;
}

  /* Slight spacing tweak for the button on narrow screens */
  .uwp-profile-cpt-loop .btn-outline-primary {
    margin-bottom: 0.5rem;
  }
  .uwp-banner-image,
.profile-banner img,
.card .uwp-banner-image {
border-radius: 0 !important;
display: block;
width: 100%;
object-fit: cover;
height: 320px; /* adjust as needed */
}
  .profile-info > h2.text-muted.mb-2 {
    font-size: 1.75rem !important;
    font-weight: 400;
    color: #333 !important; /* Override Bootstrap's text-muted if desired */
    margin-bottom: 1rem;
    font-family: 'Barlow Condensed', sans-serif;
    line-height: .8 !important;
  }
  .avatar-img {
    width: 100px !important;
    height: 100px !important;
    transform: translateY(-20px);
  }
  
  .profile-info {
    text-align: left !important;
  }
  .uwp-profile-tabs{
    padding-left:10px;
    padding-right:10px;
  }
  .text-muted.mb-1 {
    text-align:left;
  }
  h2.text-muted.mb-2 {
    text-align: left;
  }
}