﻿/* PB custom link style */
.PBLink {
  color: #ED7D31;
  text-decoration: none;
  transition: color 0.2s, text-decoration 0.2s;
}
    .PBLink:hover {
        color: #CD7F32;
        text-decoration: underline;
    }
/* Verification container for verified business name and similar effects */
.verification-container {
  display: inline-flex;
  align-items: center;
  padding: 0em 0em;
  border-radius: 0.25em;
  background: #ffffff;
  transition: background 0.2s;
  cursor: pointer;
  gap: 0em;  
}
.verification-container:hover {
  background: #f3f3f3;
}

.custom-tooltip {
    --bs-tooltip-bg: var(--bs-success);
    --bs-tooltip-color: var(--bs-white);
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

/* Container needed to position the button. Adjust the width as needed */
.image-container {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}

    .image-container img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

.button-container {
    position: absolute;
    bottom: 20px;
    right: 20px;
    transform: translateX(-50%);
}

.navbar .nav-linkpb {
    color: #224c5a;
    font-weight: 500;
    /*padding: 0.8rem 1.2rem;*/ /*
    border-radius: 0.375rem;*/
    transition: background 0.2s, color 0.2s;
}

    .navbar .nav-linkpb:focus, .navbar .nav-linkpb:hover {
        /*background: var(--bs-success-bg-subtle);*/
        color: var(--bs-success);
        font-weight: 600;
        text-decoration: none;        
    }

    .navbar .nav-linkpb.active {
        /*background: var(--bs-success-bg-subtle);*/
        color: var(--bs-success);
        font-weight: 600;
        text-decoration: none;
        border-bottom: 2px solid var(--bs-success);
    }

.nav-pills-new {
    --bs-nav-pills-border-radius: var(--bs-border-radius);
}

    .nav-pills-new .nav-link {
        border-radius: var(--bs-nav-pills-border-radius);
        color: #ED7D31;
    }

        .nav-pills-new .nav-link.active,
        .nav-pills-new .show > .nav-link {
            color: #fff;
            background-color: #ED7D31;
        }

/*New Nav Tab*/ 
.nav-tabs .nav-linkpb {
    color: #ED7D31;
    font-weight: 500;
    padding: 0.8rem 1.2rem;
    border-radius: 0.375rem;
    transition: background 0.2s, color 0.2s;
}       

.btn-lightnew {
    color: #000; /* Text color */
    background-color: transparent; /* Background color */
    border-color: transparent; /* Border color */
}

    .btn-lightnew:hover {
        color: #000;
        background-color: #e2e6ea;
        border-color: #dae0e5;
    }

    .btn-lightnew:focus,
    .btn-lightnew.focus {
        color: #000;
        background-color: #e2e6ea;
        border-color: #dae0e5;
        box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); /* Focus outline */
    }

    .btn-lightnew.disabled,
    .btn-lightnew:disabled {
        color: #000;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
    }

    .btn-lightnew:not(:disabled):not(.disabled):active,
    .btn-lightnew:not(:disabled):not(.disabled).active,
    .show > .btn-light.dropdown-toggle {
        color: #000;
        background-color: #dae0e5;
        border-color: #d3d9df;
    }

        .btn-lightnew:not(:disabled):not(.disabled):active:focus,
        .btn-lightnew:not(:disabled):not(.disabled).active:focus,
        .show > .btn-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
        }