table {
    border-collapse: collapse;
}

td {
    padding: 0.5rem;
}


td a {
    color: var(--text-col);
    text-decoration: none;
}

td a:hover {
    text-decoration: underline;
}

p {
    background-color: red;
}


#sections {
	display: flex;
	flex-direction: horizontal;
	gap: 1rem;
	flex-wrap: wrap;
	max-width: 1500px;
	margin-bottom: 4rem;
}

#sections div {
	padding: 1rem;
}



.day-container {
    padding: 2rem 0;
    font-weight: bold;
    border: none;
}

.section-row {
    color: rgb(26, 183, 26);
    text-align: center;
    font-weight: bold;
}

.event-label {
    color: rgb(0, 106, 255);
    text-align: center;
}

.rep-title {
    cursor: pointer;
}

.rep-title:hover {
    text-decoration: underline;
}


.smaller-text {
    padding-top: 0.5rem;
    font-size: 0.85rem;
    font-style: italic;
    
}

.report-last td {
    padding: 0rem 0.5rem;
}

.page-title {
    font-size: 1.5rem;
    padding: 1.5rem 0;
    font-weight: bold;
}

.section-item {
    padding: 0.1rem 0;
}

.part-link {
    font-weight: bold;
    font-size: 1.5rem;
}

.part-link:hover {
    text-decoration: underline;
}

@media (max-width: 500px) {

    td div {
        text-align: left;
    }

    td {
        border: none;
    }


    .name-full {
        display: none;
    }

    .name-initials {
        display: inline;
    }

    .report-single {
        display: none;
    }

    .report-multiple {
        display: table-row;
        
    }

    .report-multiple td {
        background-color: var(--caca-col);
        border: 2px solid var(--bg-col);
    }

    .report-last {
        display: table-row;
    }

    .report-last td {
        background-color: var(--bg-col);
        border: none;
    }

    .affiliation {
        display: none;
    }

    .part-single {
        display: none;
    }

    .part-multiple {
        display: table-row;
        
    }

    .part-multiple td {
        background-color: var(--caca-col);
        border: 2px solid var(--bg-col);
    }

    .part-last {
        display: table-row;
    }

    .part-last td {
        background-color: transparent;
        border: none;
        padding: 0px;
    }


}


@media (min-width: 500px) {

    td {
        border: 1px solid #ccc;
        border-collapse: collapse;
    }


    .name-full {
        display: inline;

    }

    .name-initials {
        display: none;
    }

    .report-single {
        display: table-row;
    }

    .report-multiple {
        display: none;
    }

    .part-single {
        display: table-row;
    }

    .part-multiple {
        display: none;
    }
}