/*!
	Topic Tables CSS
*/

a:link { 
  text-decoration: none; 
} 
a:visited { 
  text-decoration: none; 
} 
a:hover { 
  text-decoration: none; 
} 
a:active { 
  text-decoration: none; 
}

.content-table {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.content-table-title{
    text-align: center;
    align-content: center;
    margin-left: auto;
    margin-right: auto;
}

.conntent-table-main{
    text-align: center;
    align-content: center;
    margin-left: auto;
    margin-right: auto;
}

.content-table-data {
    height: auto;
    width: 240px;
    padding: 20px;
    border: none;
    border-radius: 8px;
    background: linear-gradient(135deg, #ffffff, #f8f9fa);
    text-align: center;
    margin: 15px auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: background 0.3s, transform 0.3s;
}

.content-table-data:hover {
    background: linear-gradient(135deg, #007BFF, #00D4FF); /* Gradient on hover */
    color: #fff; /* Invert text color */
    transform: translateY(-5px); /* Lift effect */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.content-table-title-text {
    font-size: 1.2em;
    font-weight: bold;
    color: #007BFF;
    transition: color 0.3s;
}

.content-table-data:hover .content-table-title-text {
    color: #fff;
}

.content-table-description-text {
    font-size: 0.9em;
    color: #555;
    transition: color 0.3s;
}

.content-table-data:hover .content-table-description-text {
    color: #f0f8ff;
}

.content-table-description-text {
    font-size: 0.9em;
    color: #777;
}

.content-view-title {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.content-view-content {
    text-align: left;
    float: left;
    text-align: left;
    left: 0px;
    margin-left: 0px;
}

.content-table-padder{
    width: 20px;
    height: 20px;
}

.content-table-data p{
    color: #000000;
}

.topic-link{
    color: #000000;
}