/* AI Answers Banner */
.aia-banner {
    background: #1a2838;
    bottom: 0;
    color: #fff;
    padding: 1rem 1rem; /* May require adjustment, this used in CTDS demo, may not be required in others */
    left: 0;
    position: fixed;
    right: 0;
    z-index: 400;
    font-family: inherit;
}

.aia-banner p {
    font-size: 18px;
    margin: 0;
    padding: .875rem 2rem .875rem .75rem;
    font-family: inherit;
}

.aia-banner p a {
    color: #fff;
    font-family: inherit;
}

.aia-banner p a:focus,
.aia-banner p a:hover {
    color: #b3ffff;
}

.aia-banner .aia-close {
    background: transparent;
    border: none;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-family: Arial, sans-serif; /* just the × symbol */
    font-size: 3rem;
    font-weight: 400;
    height: 45px;
    line-height: 1;
    padding: 0;
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
    transition: background-color .2s ease;
    width: 45px;
}

.aia-banner .aia-close:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.aia-banner .aia-close:focus {
    background-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 0 2px #fff;
    outline: 0;
}

/* AI Answers Rescue Section */
.aia-rescue {
    margin: 1rem 0; /* May require adjustment, "3rem 0 0 0" used in CTDS demo */
    font-family: inherit;
}

.aia-rescue p {
    margin: 0;
    padding: .5rem 0 .5rem .75rem;
    font-size: 16px;
    font-family: inherit;
}

/* flexbox utilities */ 
.d-flex { 
display: flex !important; 
} 

.align-items-center { 
align-items: center !important; 
}

/* Body class when banner is visible - adds space for fixed banner */
body.aia-banner-visible #wb-info {
    margin-bottom: 3.375rem; /* 6rem used in CDTS demo - may require adjustments */
}

/* Mobile responsive styles */
@media screen and (max-width: 767px) {
    .aia-banner p {
        font-size: 16px;
        padding-left: .5rem;
    }
    
    .aia-banner p a {
        display: block;
    }
    
    body.aia-banner-visible #wb-info {
        margin-bottom: 5rem;
    }
}
