/*
 * This CSS contains all style informations for news and events
 * (CSS style for small screens is on the bottom of this file)
 */

.pageRightContainer
{
    width: 20%;

    margin: 10px;

    background-color: rgb(255, 255, 255);
}

.pageRightContainer > .extraToolBoxContainer
{
    display: flex;
}

.pageRightContainer > .extraToolBoxContainer > a > .extraToolBoxSymbol
{

    width: 40%;
}

.pageRightContainer > .newsAndSeminarContainer
{
    color: black;

    font-weight: bolder;
    text-decoration: underline;
}

.pageRightContainer > .newsAndSeminarContainer > .newsContainer,
.pageRightContainer > .newsAndSeminarContainer > .seminarContainer
{

    margin-top: 20px;
    margin-bottom: 20px;

    font-weight: normal;
    text-decoration: none;
}

.pageRightContainer > .newsAndSeminarContainer >.newsContainer > .newsEvent > .newsTime,
.pageRightContainer > .newsAndSeminarContainer >.seminarContainer > .newsEvent > .newsTime
{
    color: black;
}

.pageRightContainer > .newsAndSeminarContainer > .newsContainer > .newsEvent > .newsName,
.pageRightContainer > .newsAndSeminarContainer > .seminarContainer > .newsEvent > .newsName
{
    color: white;
}

/**
 * Highlight the complete new line (date and header) when single news container is hover by mouse
 */
.pageRightContainer > .newsAndSeminarContainer > .newsContainer > .newsEvent:hover .newsName,
.pageRightContainer > .newsAndSeminarContainer > .newsContainer > .newsEvent:hover .newsTime,
.pageRightContainer > .newsAndSeminarContainer > .seminarContainer > .newsEvent:hover .newsName,
.pageRightContainer > .newsAndSeminarContainer > .seminarContainer > .newsEvent:hover .newsTime
{
    cursor: pointer;
    color: #E36C0A;
}

@media only screen and (max-width: 820px)
{
    .pageRightContainer
    {
        width: auto;
    }
}