:root {
    --header-line-color: #ffb077;
}

html {
    font-size: 18px !important;
}

body {
    font-size: 1rem !important;
}

.taxcomm-personnel:nth-of-type(odd) {
    flex-direction: row-reverse;
}

.taxcomm-personnel img {
    border: 10px solid #B00001;
    border-radius: 16px;
    height: 350px;
    width: 300px;
    display: block;
    object-fit: cover;
    object-position: center;
}

.navbar-brand img {
    content: url('https://resources.columbusga.gov/city-wide/logo-white.png');
    max-width: 200px;
}

#kiosk-locations i.fa-solid {
    padding-right: 1rem;
}

.taxcomm-splitimg img {
    max-width: 450px;
}

#taxcomm-hero .row div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.grid {
    display: grid;
    grid: minmax(0, 1fr) / min-content;

    min-height: 250px;
}

.carousel-grid {
    --nbr-grid-cols: 5;
    --nbr-grid-rows: 1;
    grid-template-columns: repeat(var(--nbr-grid-cols), 1fr);
    grid-template-rows: repeat(var(--nbr-grid-rows), 1fr);
}

@media screen and (max-width: 768px) {
    .carousel-grid {
        --nbr-grid-cols: 1;
        --nbr-grid-rows: 3;
    }
}



@media screen and (min-width: 768px) {
    .carousel-grid {
        --nbr-grid-cols: 2;
        --nbr-grid-rows: 2;
    }
}

@media screen and (min-width: 1024) {
    .carousel-grid {
        --nbr-grid-cols: 3;
    }
}

.taxcomm-carousel .taxcomm-quicklink {
    transition: all .15s cubic-bezier(.11,.65,1,1.69);
    background-color: #003249;
}

/*.quick-link-item-action span {
    border-radius: 100%;
    display: inline-block;
    position: relative;
    z-index: -1;
    width: 100px;
    height: 100px;
}*/

h2.text-tc-primary {
  color: #003249;
  display:block;
}
h2.text-tc-primary:before,h2.text-tc-primary:after{
    content:'';
}

a.btn:visited{
    color:#fff;
}

.text-highlight{
    color:#FFB077;
}
/* override green with red for Tax Commissioner page only. */
header .bg-green{
    background-color:#B00001;
}
footer.bg-green{
    background-color:#B00001;
}