/* =========================================================
   TES IP & TECHNOLOGY PRODUCTS TABLE
   TYPO3 content element: #c2566
   ========================================================= */


/* TABLE */

#c2566 table.contenttable {
    width: 100% !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    table-layout: auto !important;
    border: 1px solid #b5b5b5 !important;
    background: #ffffff !important;
}


/* ALL CELLS */

#c2566 table.contenttable td,
#c2566 table.contenttable th {
    border: 1px solid #b5b5b5 !important;
    padding: 12px 16px !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
}


/* =========================================================
   HEADER
   ========================================================= */

#c2566 table.contenttable tr.ip-table__header th {
    background: #ffffff !important;
    color: #111111 !important;

    font-weight: 700 !important;
    font-size: 22px !important;

    text-align: center !important;
    vertical-align: middle !important;

    padding: 16px !important;
    line-height: 1.3 !important;
}


/* =========================================================
   COLUMN 1 — MAIN CATEGORY
   Graphics IPs, etc.
   ========================================================= */

#c2566 table.contenttable td.ip-table__category {
    width: 14% !important;
    min-width: 140px !important;

    background: #f3f3f5 !important;
    color: #111111 !important;

    font-weight: 700 !important;

    text-align: center !important;
    vertical-align: middle !important;

    line-height: 1.3 !important;

    position: static !important;
}


/* =========================================================
   COLUMN 2 — GROUP
   GPU IPs, Graphics Rendering IPs, etc.
   ========================================================= */

#c2566 table.contenttable td.ip-table__group {
    width: 14% !important;
    min-width: 140px !important;

    background: #f3f3f5 !important;
    color: #111111 !important;

    font-weight: 700 !important;

    text-align: center !important;
    vertical-align: middle !important;

    line-height: 1.3 !important;

    position: static !important;
}


/* =========================================================
   COLUMN 3 — PRODUCT
   ========================================================= */

#c2566 table.contenttable td.ip-table__product {
    width: 20% !important;

    background: #ffffff !important;

    font-weight: 700 !important;

    text-align: left !important;
    vertical-align: middle !important;
}


/* PRODUCT LINKS */

#c2566 table.contenttable td.ip-table__product a {
    color: #54227c !important;

    font-weight: 700 !important;

    text-decoration: none !important;
}


#c2566 table.contenttable td.ip-table__product a:hover {
    color: #3f175f !important;
    text-decoration: underline !important;
}


/* =========================================================
   COLUMN 4 — DESCRIPTION
   ========================================================= */

#c2566 table.contenttable td.ip-table__description {
    width: 52% !important;

    background: #ffffff !important;
    color: #111111 !important;

    font-weight: 400 !important;

    text-align: left !important;
    vertical-align: middle !important;

    line-height: 1.5 !important;
}


/* =========================================================
   REMOVE TYPO3/RTE PARAGRAPH SPACING
   ========================================================= */

#c2566 table.contenttable td p,
#c2566 table.contenttable th p {
    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   CLEAN UP HEADINGS INSIDE CELLS
   ========================================================= */

#c2566 table.contenttable h1,
#c2566 table.contenttable h2,
#c2566 table.contenttable h3,
#c2566 table.contenttable h4,
#c2566 table.contenttable h5,
#c2566 table.contenttable h6 {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.3 !important;
}


/* =========================================================
   ABSOLUTELY NO STICKY BEHAVIOR
   ========================================================= */

#c2566 table.contenttable td,
#c2566 table.contenttable th,
#c2566 table.contenttable .ip-table__category,
#c2566 table.contenttable .ip-table__group,
#c2566 table.contenttable .ip-table__sticky-label {
    position: static !important;
    top: auto !important;
    left: auto !important;
}


/* In case the older sticky HTML is still present */

#c2566 table.contenttable .ip-table__sticky-label {
    display: block !important;

    padding: 0 !important;

    font-weight: 700 !important;

    text-align: center !important;

    line-height: 1.3 !important;
}


/* =========================================================
   HOVER
   ========================================================= */

#c2566 table.contenttable tr:hover td.ip-table__product,
#c2566 table.contenttable tr:hover td.ip-table__description {
    background: #fafafa !important;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 768px) {

    #c2566 {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    #c2566 table.contenttable {
        min-width: 900px !important;
    }

    #c2566 table.contenttable td,
    #c2566 table.contenttable th {
        padding: 10px 12px !important;
    }

    #c2566 table.contenttable td.ip-table__category {
        min-width: 130px !important;
    }

    #c2566 table.contenttable td.ip-table__group {
        min-width: 140px !important;
    }

    #c2566 table.contenttable td.ip-table__product {
        min-width: 190px !important;
    }

    #c2566 table.contenttable td.ip-table__description {
        min-width: 380px !important;
    }
}