@charset "UTF-8";


/**
Custom CSS to override styles.css
**/

:root {
    --bs-primary: #66001d;
    --bs-primary-rgb: 102, 0, 29;
    --bs-secondary: #d3ae86;
    --bs-link-color: #66001d;
    --bs-link-hover-color: #b73232;
    --bs-nav-link-color: #66001d;
    --bs-nav-link-hover-color: #66001d;
}

.bg-primary {
    background-color: var(--bs-primary) !important;
}

.bg-secondary {
    background-color: var(--bs-secondary) !important;
}

.btn-custom-fixed {
    min-width: min(100%, 300px);
}

.btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: #b73232;
  --bs-btn-hover-border-color: #b73232;
  --bs-btn-active-bg: #892828;
  --bs-btn-active-border-color: #b73232;
  --bs-btn-disabled-bg: #aaaaaa;
  --bs-btn-disabled-border-color: #aaaaaa;
}

.btn-secondary {
  --bs-btn-bg: var(--bs-secondary);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-hover-bg: #eccdab;
  --bs-btn-hover-border-color: #eccdab;
  --bs-btn-active-bg: #d2b698;
  --bs-btn-active-border-color: #eccdab;
  --bs-btn-disabled-bg: #aaaaaa;
  --bs-btn-disabled-border-color: #aaaaaa;
  --bs-btn-color: #000;
  --bs-btn-hover-color: #000;
}

.btn-primary:active {
  color: #fff !important;
}

.btn-secondary:active {
  color: #000 !important;
} 

#mainNav.navbar-shrink .navbar-brand {
    color: #212529 !important;
}

#mainNav.navbar-shrink .navbar-brand:hover {
    color: #b73232 !important;
}

#mainNav.navbar-shrink .navbar-nav .nav-item .nav-link {
    color: #212529 !important;
}

#mainNav.navbar-shrink .navbar-nav .nav-item .nav-link:hover {
    color: #b73232 !important;
}

#mainNav .navbar-nav .nav-item .nav-link:hover, #mainNav .navbar-nav .nav-item .nav-link:active {
  color: #e66262 !important;
}

#mainNav .navbar-nav .nav-item .nav-link.active {
  color: #66001d !important;
}

hr.divider {
    background-color: var(--bs-primary);
}

#portfolio .container-fluid .portfolio-box .portfolio-box-caption, #portfolio .container-sm .portfolio-box .portfolio-box-caption, #portfolio .container-md .portfolio-box .portfolio-box-caption, #portfolio .container-lg .portfolio-box .portfolio-box-caption, #portfolio .container-xl .portfolio-box .portfolio-box-caption, #portfolio .container-xxl .portfolio-box .portfolio-box-caption {
    background: rgba(0, 0, 0, 0.8);
}

.img-team {
    object-fit: cover;
    display: block;
    width: 100%;
    height: 100%;
}

.img-float {
    transition: transform 0.3s ease-in-out;
}

.img-float:hover {
    transform: scale(1.05);
}

.img-100h-contain {
    height: 100px;
    width: auto;
    object-fit: contain;
}

.page-section {
    height: auto;
    min-height: min(90vh, 800px);
    display: flex;
    align-items: center;
    justify-content: center;
}


header.masthead {
    height: auto;
    padding-bottom: calc(10rem - 4.5rem);
    background: url("https://res.cloudinary.com/browntulstar/image/upload/s--eVDkSSpm--/f_webp/f_webp/v1/brownieval/brownievalx/web-background.png?_a=BAAAV6E0"), #66001d;
    background-repeat: repeat-x;
    animation: scroll 30s linear infinite;
    /* Render each tile at its source width so the shift distance
       in the keyframes can match the image width (1600px) exactly. */
    background-size: 1655px auto;
    background-position: 0 0;
}

@keyframes scroll {
    0% {
        background-position: 0 0;
    }
    100% {
        /* move by the image's natural width so the repeated tile
           aligns perfectly at the loop point */
        background-position: -1655px 0;
    }
}

ul.dropdown-menu li {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;

    a {
        color: #000 !important;
    }
}

footer.footer {
    /* Sticky footer */
    position: sticky;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #ccc;
}