/*/brokerchamp/bc_client/assets/css/bc.base.css*/
@font-face {
  font-family: 'SF';
  src: url('/bc_client/assets/fonts/SF-Pro-Display-Regular.otf') format('opentype');
}
*{box-sizing:border-box;margin:0;padding:0;}
html,body{width:100%;height:100%;}
body{font-family: 'SF', sans-serif;}
.container{max-width:1400px!important;}
.bg-body{background-color:var(--bc-primary, black);}
.bg-body-alt{background-color:white;}
.text-body{color:black;}
.text-body-alt{color:white;}
.text-white{color:white;}
.text-black{color:black;}
.btn-black{color:white;border-radius:0;background-color:var(--bc-primary, black);}
.header-title-logo img{width:18vw;min-width:250px;}
.featured-listing-img{width:100%;height:40vh;background-repeat:no-repeat;background-position:center;background-size:cover;}
.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-column-gap:20px;grid-row-gap:100px;}
.grid-item{display:flex;flex-direction:column;align-items:center;}
.grecaptcha-badge{visibility:hidden}
.grid-item img{width:100%;height:350px;object-fit: cover;}
.grid-item h5{margin:10px 0;}
.grid-item p{margin:10px 0;}
.grid-item a{margin:10px 0;}
.flex-container{display:flex;flex-wrap:wrap;justify-content:center;}
.flex-item{flex:0 0 calc(20% - 20px);margin:10px;text-align:center;margin-bottom:70px;}
.flex-item img{width:120px; max-height:80px;object-fit: cover; object-position:center;}
.follow-icon-container{border-radius: 50%; width:40px; height:40px;}
.follow-icon{font-size:1.3rem}
.nav-link{font-size:1em; white-space:nowrap;}
#contact input[data-rule="ws"]{
 display:none;
}
.loading{
  display:none !important;
}

.error-message{
  display:none !important;
}

.sent-message{
  display:none !important;
}
.grecaptcha-badge {
    /*visibility: hidden;*/
}
.alertify{color:#000 !important;}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem 0 rgba(58, 59, 69, 0.2) !important;
}

.shadow {
  box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

/* Bootstrap button theme overrides - use theme variables */
/* Higher specificity to override form-specific selectors */
.btn.btn-primary,
button.btn-primary,
.btn-primary {
  background-color: var(--bc-primary, #007bff) !important;
  border-color: var(--bc-primary, #007bff) !important;
  color: #fff !important;
}

.btn.btn-primary:hover,
button.btn-primary:hover,
.btn-primary:hover {
  background-color: var(--bc-primary-2, #0056b3) !important;
  border-color: var(--bc-primary-2, #0056b3) !important;
  color: #fff !important;
}

.btn.btn-primary:focus, .btn.btn-primary.focus,
button.btn-primary:focus, button.btn-primary.focus,
.btn-primary:focus, .btn-primary.focus {
  background-color: var(--bc-primary-2, #0056b3) !important;
  border-color: var(--bc-primary-2, #0056b3) !important;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5) !important;
}

.btn.btn-primary:not(:disabled):not(.disabled):active,
button.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn.btn-primary:not(:disabled):not(.disabled).active,
button.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled).active {
  background-color: var(--bc-primary-2, #0056b3) !important;
  border-color: var(--bc-primary-2, #0056b3) !important;
}

.btn.btn-secondary,
button.btn-secondary,
.btn-secondary {
  background-color: #6c757d !important;
  border-color: #6c757d !important;
  color: #fff !important;
}

.btn.btn-secondary:hover,
button.btn-secondary:hover,
.btn-secondary:hover {
  background-color: #5a6268 !important;
  border-color: #545b62 !important;
  color: #fff !important;
}

.btn.btn-secondary:focus, .btn.btn-secondary.focus,
button.btn-secondary:focus, button.btn-secondary.focus,
.btn-secondary:focus, .btn-secondary.focus {
  background-color: #5a6268 !important;
  border-color: #545b62 !important;
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5) !important;
}

.btn.btn-success,
button.btn-success,
.btn-success {
  background-color: #28a745 !important;
  border-color: #28a745 !important;
  color: #fff !important;
}

.btn.btn-success:hover,
button.btn-success:hover,
.btn-success:hover {
  background-color: #218838 !important;
  border-color: #1e7e34 !important;
  color: #fff !important;
}

.btn.btn-success:focus, .btn.btn-success.focus,
button.btn-success:focus, button.btn-success.focus,
.btn-success:focus, .btn-success.focus {
  background-color: #218838 !important;
  border-color: #1e7e34 !important;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5) !important;
}

.btn.btn-warning,
button.btn-warning,
.btn-warning {
  background-color: #ffc107 !important;
  border-color: #ffc107 !important;
  color: #212529 !important;
}

.btn.btn-warning:hover,
button.btn-warning:hover,
.btn-warning:hover {
  background-color: #e0a800 !important;
  border-color: #d39e00 !important;
  color: #212529 !important;
}

.btn.btn-warning:focus, .btn.btn-warning.focus,
button.btn-warning:focus, button.btn-warning.focus,
.btn-warning:focus, .btn-warning.focus {
  background-color: #e0a800 !important;
  border-color: #d39e00 !important;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5) !important;
}

.btn.btn-danger,
button.btn-danger,
.btn-danger {
  background-color: #dc3545 !important;
  border-color: #dc3545 !important;
  color: #fff !important;
}

.btn.btn-danger:hover,
button.btn-danger:hover,
.btn-danger:hover {
  background-color: #c82333 !important;
  border-color: #bd2130 !important;
  color: #fff !important;
}

.btn.btn-danger:focus, .btn.btn-danger.focus,
button.btn-danger:focus, button.btn-danger.focus,
.btn-danger:focus, .btn-danger.focus {
  background-color: #c82333 !important;
  border-color: #bd2130 !important;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5) !important;
}

.btn.btn-info,
button.btn-info,
.btn-info {
  background-color: var(--bc-info, #17a2b8) !important;
  border-color: var(--bc-info, #17a2b8) !important;
  color: #fff !important;
}

.btn.btn-info:hover,
button.btn-info:hover,
.btn-info:hover {
  /* Use color-mix to create a lighter version (80% info color + 20% white) */
  background-color: color-mix(in srgb, var(--bc-info, #17a2b8) 80%, white) !important;
  border-color: color-mix(in srgb, var(--bc-info, #17a2b8) 80%, white) !important;
  color: #fff !important;
}

/* Fallback for browsers that don't support color-mix - use white overlay to lighten */
@supports not (color-mix(in srgb, red, white)) {
  .btn.btn-info:hover,
  button.btn-info:hover,
  .btn-info:hover {
    /* Use white overlay (20% opacity) over theme color to lighten it */
    background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), var(--bc-info, #17a2b8) !important;
    border-color: var(--bc-info, #17a2b8) !important;
    color: #fff !important;
  }
}

.btn.btn-info:focus, .btn.btn-info.focus,
button.btn-info:focus, button.btn-info.focus,
.btn-info:focus, .btn-info.focus {
  background-color: var(--bc-info-2, #138496) !important;
  border-color: var(--bc-info-2, #138496) !important;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5) !important;
}

.btn.btn-dark,
button.btn-dark,
.btn-dark {
  background-color: #343a40 !important;
  border-color: #343a40 !important;
  color: #fff !important;
}

.btn.btn-dark:hover,
button.btn-dark:hover,
.btn-dark:hover {
  background-color: #23272b !important;
  border-color: #1d2124 !important;
  color: #fff !important;
}

.btn.btn-light,
button.btn-light,
.btn-light {
  background-color: #f8f9fa !important;
  border-color: #f8f9fa !important;
  color: #212529 !important;
}

.btn.btn-light:hover,
button.btn-light:hover,
.btn-light:hover {
  background-color: #e2e6ea !important;
  border-color: #dae0e5 !important;
  color: #212529 !important;
}