/* Q AND A SECTION */

/* Swap q to riske grey - background colors to contrast font colors */

/* .q-a-pair{
    margin: 1rem;
} */

/* .question{
    text-align: start;
    font-weight: 600;
    display:flex;
    justify-content: flex-start;
    align-items: center;
    font-size:calc(1rem + 0.5vw);
    padding: 1rem 0 1rem; 
} */
tr{
    /* box-shadow: 0 0 2px 2px #89DADE; */
    border-bottom: 2px solid var(--rts-blue);
}
.q{
    font-size:calc(1rem + 4vw); 
    /* padding: 0 1rem 0; */
    padding: 0 0.5rem 0;
    font-family: Copperplate Gothic, courier, monospace;
    font-weight: 600;
}


/* .answer{
    text-align: start;
    font-weight: 600;
    display:flex;
    justify-content: flex-start;
    align-items: center;
    background-color: rgba(71,71,71);
    font-size:calc(1rem + 0.15vw);
    padding: 1rem 0 1rem; 
    
} */


.a{
    font-size:calc(1rem + 4vw); 
    /* padding: 0 1rem 0; */
    padding: 0 0.5rem 0;
    font-family: Copperplate Gothic, courier, monospace;
    color:var(--rts-blue);
}

.pair{
    display:flex;
    justify-content: flex-start;
    align-items: center;
}

.table-text{
    text-align: start;
    font-size:calc(1rem + 0.25vw); 
}

.darker-bg{
    background-color: rgba(71,71,71);
    font-weight: 600;
}

.align-start{
    text-align: start;
    padding: 0.5rem;
}

.qa-table{
    max-width: 1200px;
    margin: 0 auto;
}

.loading-text{
    display: none;
}

.search-input{
    display: block;
    border: var(--dark-grey) 3px solid;
    border-radius: 10px;
    padding: 0.75rem;
    margin: 1.5rem auto;
    width: 60%;
    max-width: 500px;
  
}

.search-text{
 
        font-size: calc(1rem + 0.25vw);
        padding: 1rem;
        font-weight: 600;
        /* text-align: justify;
        text-justify: inter-word; */
        background-color: white;
        color: black;
        max-width: 500px;
        margin: 0 auto;
        border: var(--dark-grey) 3px solid;
        border-radius: 10px;
  
}
/* 
MEDIA QUERY FOR SMALL VIEWPORT H1 BUG */
@media(min-width: px){
.page-header h1{
    font-size: calc(1.5rem + 1vw);
    font-weight: 600;
    background-color: white;
    width: 65%;
    max-width: 800px;
    margin: 5% auto;
    padding: 3vw;
    border-radius: 10px;
    border: solid 3px var(--dark-grey);
    }}