.taccontainer {
    width: 85%;
    max-width: 1000px;
    background-color: #ffffff7f;
    font-family: Optimistic, Aptos, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.tactext {
    
    font-size: 0.9rem;
}

.taccards {
    
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    
}

.taccard {
    width: 33%;
}

/*
.taccard .card-body {
    display: flex;
    flex-direction: row;

}
    */

.tacicon {

    width: 128px;
    height: 128px;

    /*
    max-width: 45%;
    max-height: 45%%;
    min-width: 64px;
    min-height: 64px;
    */
    
}

.tacinfo {
    font-size: 0.95rem;
    text-align: center;
    width: 45%;
}

.tactitle {
    font-family: 'Eras ITC', 'Arial Narrow', Arial, sans-serif;

}


    #tacidfaq::after {
        content: "Feedback and Questions";
    }



.tacnobtn {
    padding: 0;
    margin: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;

    
}



.tacdocheader 
{
    width: 100%;
    text-align: center;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid goldenrod;

}

.tacdocheader .tacicon 
{
    height: 128px;
    width: auto;
}


.tacdoc 
{
     padding-top: 5px;
}



.tacdoctoc {
    
    height: 75dvh;
    overflow-y: auto;
}

.tacdoctoc li 
{
    border: none;
    padding: 3px;
}

.tacdocbody {
    
    height: 75dvh;
    overflow: auto;
}



.tacdocsectionheader {
    font-size: 1.3rem;
    
    font-weight: 550;
    padding-bottom: 0.5rem;
}

.tacsubheader1
{
    font-size: 1.1rem;
    padding-left: 0.75rem;
    color: var(--gpdarkgreen);

}



.tacsubtext1 {
    font-size: 0.9rem;
    padding-left: 0.75rem;
}


.tacsubheader2 {
    font-size: 1.0rem;
    padding-left: 1.5rem;
    color: var(--gpdarkgreen);
}

.tacsubtext2 {
    font-size: 0.9rem;
    padding-left: 1.5rem;
}


.tacindent1 
{
    margin-left: 0.75rem;
}


.tacindent2
{
    margin-left: 1.5rem;
}

.tacbulletlist {
    font-size: 0.9rem;
}


.tacdocsection {
text-wrap: balance;    
}


.tacdownload {
    font-size: 1.0rem;
}



/* *****  Media Queries  *************/


@media (max-width : 700px)
{
    .taccard {
        width: 75%;
    }

    

}


@media only screen and (max-width : 450px) {

    .tactitle {
        font-size: 0.8rem;
        font-weight: 500;
    }

    .tacinfo {
        font-size: 0.7rem;
        text-align: center;
        width: 90%;
        text-wrap: pretty;
    }

    .taccard {
        width: 75%;
        
    }

    .tactoccol
    {
        display:none;
    }


    .tacicon
    {
        width: 96px;
        height: 96px;
    }

    .tacdownload 
    {
        font-size: 0.85rem;
    }

    #tacidfaq::after {
        content: "Feedback / Questions";
    }
}