#issue-nav {
    width: 300px;
    height: 100vh;
    position: fixed;
    right: -300px;
    top: 0;
    z-index: 1;
}

body {
    font-size: 1.2rem;
}

h2 {
    font-size: 1.4rem;
}

.page-content * p {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

#issue-nav.open {
    right: 0;
}

#navbar-page-name {
    padding-left: 0.65rem;
}

.richtext-image {
    display: block;
    margin: 0 auto;
}

.article-buttons {
    display: flex;
    justify-content: space-between;
}

.article-buttons .next {
    align-self: flex-end;
}
.article-buttons .previous {
    align-self: flex-start;
}

.page-content .block-RichText {
    padding: 1rem;
}

.calendar {
    display: grid;
    grid-template-columns: repeat(80, 1fr);
    grid-template-rows: repeat(40, 1fr);
    width: 100%;
    height: 100vh;
    background-size: cover;
    position: relative;
}

.calendar-header{
    position: absolute;
}

/*media querey for mobile*/
@media only screen and (max-width: 600px) {
    .calendar {
        grid-template-columns: repeat(40, 1fr);
        grid-template-rows: repeat(80, 1fr);
    }
}

.date {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: black;
    color: white;
    border-radius: 2rem;
    text-decoration: none;
    border: 1px solid white;
    width: 100%;
    height: 100%;
    max-width: 2.2rem;
    max-height: 2.2rem;
    text-align: center;
    line-height: 1.2;
}

.date:nth-child(1) {
    grid-row: 12 / span 3;
    grid-column: 24 / span 3;
}

.date:nth-child(2) {
    grid-row: 21 / span 3;
    grid-column: 67 / span 3;
}

.date:nth-child(3) {
    grid-row: 32 / span 3;
    grid-column: 20 / span 3;
}

.date:nth-child(4) {
    grid-row: 11 / span 3;
    grid-column: 45 / span 3;
}

.date:nth-child(5) {
    grid-row: 21 / span 3;
    grid-column: 26 / span 3;
}

.date:nth-child(6) {
    grid-row: 8 / span 3;
    grid-column: 54 / span 3;
}

.date:nth-child(7) {
    grid-row: 34 / span 3;
    grid-column: 73 / span 3;
}

.date:nth-child(8) {
    grid-row: 30 / span 3;
    grid-column: 4 / span 3;
}

.date:nth-child(9) {
    grid-row: 36 / span 3;
    grid-column: 16 / span 3;
}

.date:nth-child(10) {
    grid-row: 21 / span 3;
    grid-column: 50 / span 3;
}

.date:nth-child(11) {
    grid-row: 25 / span 3;
    grid-column: 35 / span 3;
}

.date:nth-child(12) {
    grid-row: 15 / span 3;
    grid-column: 61 / span 3;
}

.date:nth-child(13) {
    grid-row: 3 / span 3;
    grid-column: 4 / span 3;
}

.date:nth-child(14) {
    grid-row: 4 / span 3;
    grid-column: 60 / span 3;
}

.date:nth-child(15) {
    grid-row: 5 / span 3;
    grid-column: 45 / span 3;
}

.date:nth-child(16) {
    grid-row: 21 / span 3;
    grid-column: 5 / span 3;
}

.date:nth-child(17) {
    grid-row: 8 / span 3;
    grid-column: 76 / span 3;
}

.date:nth-child(18) {
    grid-row: 10 / span 3;
    grid-column: 14 / span 3;
}

.date:nth-child(19) {
    grid-row: 36 / span 3;
    grid-column: 46 / span 3;
}

.date:nth-child(20) {
    grid-row: 10 / span 3;
    grid-column: 3 / span 3;
}

.date:nth-child(21) {
    grid-row: 5 / span 3;
    grid-column: 17 / span 3;
}

.date:nth-child(22) {
    grid-row: 9 / span 3;
    grid-column: 35 / span 3;
}

.date:nth-child(23) {
    grid-row: 30 / span 3;
    grid-column: 50 / span 3;
}

.date:nth-child(24) {
    grid-row: 20 / span 3;
    grid-column: 17 / span 3;
}

.date:nth-child(25) {
    grid-row: 17 / span 3;
    grid-column: 36 / span 3;
}

.date:nth-child(26) {
    grid-row: 2 / span 3;
    grid-column: 9 / span 3;
}

.date:nth-child(27) {
    grid-row: 3 / span 3;
    grid-column: 28 / span 3;
}

.date:nth-child(28) {
    grid-row: 31 / span 3;
    grid-column: 65 / span 3;
}

.date:nth-child(29) {
    grid-row: 36 / span 3;
    grid-column: 64 / span 3;
}

.date:nth-child(30) {
    grid-row: 31 / span 3;
    grid-column: 36 / span 3;
}

/*media querey for mobile*/
@media only screen and (max-width: 600px) {
    .date:nth-child(1) {
        grid-row: 24 / span 3;
        grid-column: 12 / span 3;
    }
    
    .date:nth-child(2) {
        grid-row: 42 / span 3;
        grid-column: 34 / span 3;
    }
    
    .date:nth-child(3) {
        grid-row: 64 / span 3;
        grid-column: 10 / span 3;
    }
    
    .date:nth-child(4) {
        grid-row: 22 / span 3;
        grid-column: 23 / span 3;
    }
    
    .date:nth-child(5) {
        grid-row: 42 / span 3;
        grid-column: 13 / span 3;
    }
    
    .date:nth-child(6) {
        grid-row: 16 / span 3;
        grid-column: 27 / span 3;
    }
    
    .date:nth-child(7) {
        grid-row: 68 / span 3;
        grid-column: 37 / span 3;
    }
    
    .date:nth-child(8) {
        grid-row: 60 / span 3;
        grid-column: 2 / span 3;
    }
    
    .date:nth-child(9) {
        grid-row: 72 / span 3;
        grid-column: 8 / span 3;
    }
    
    .date:nth-child(10) {
        grid-row: 42 / span 3;
        grid-column: 25 / span 3;
    }
    
    .date:nth-child(11) {
        grid-row: 50 / span 3;
        grid-column: 18 / span 3;
    }
    
    .date:nth-child(12) {
        grid-row: 30 / span 3;
        grid-column: 31 / span 3;
    }
    
    .date:nth-child(13) {
        grid-row: 6 / span 3;
        grid-column: 2 / span 3;
    }
    
    .date:nth-child(14) {
        grid-row: 8 / span 3;
        grid-column: 30 / span 3;
    }
    
    .date:nth-child(15) {
        grid-row: 10 / span 3;
        grid-column: 22 / span 3;
    }

    .date:nth-child(16) {
        grid-row: 42 / span 3;
        grid-column: 3 / span 3;
    }

    .date:nth-child(17) {
        grid-row: 16 / span 3;
        grid-column: 37 / span 3;
    }

    .date:nth-child(18) {
        grid-row: 20 / span 3;
        grid-column: 6 / span 3;
    }

    .date:nth-child(19) {
        grid-row: 72 / span 3;
        grid-column: 23 / span 3;
    }

    .date:nth-child(20) {
        grid-row: 20 / span 3;
        grid-column: 3 / span 3;
    }

    .date:nth-child(21) {
        grid-row: 10 / span 3;
        grid-column: 15 / span 3;
    }

    .date:nth-child(22) {
        grid-row: 18 / span 3;
        grid-column: 18 / span 3;
    }

    .date:nth-child(23) {
        grid-row: 60 / span 3;
        grid-column: 30 / span 3;
    }

    .date:nth-child(24) {
        grid-row: 37 / span 3;
        grid-column: 15 / span 3;
    }

    .date:nth-child(25) {
        grid-row: 34 / span 3;
        grid-column: 18 / span 3;
    }

    .date:nth-child(26) {
        grid-row: 4 / span 3;
        grid-column: 7 / span 3;
    }

    .date:nth-child(27) {
        grid-row: 6 / span 3;
        grid-column: 15 / span 3;
    }

    .date:nth-child(28) {
        grid-row: 62 / span 3;
        grid-column: 35 / span 3;
    }

    .date:nth-child(29) {
        grid-row: 68 / span 3;
        grid-column: 32 / span 3;
    }

    .date:nth-child(30) {
        grid-row: 62 / span 3;
        grid-column: 18 / span 3;
    }

}

#luukkuvote {
    text-align: center;
    margin: 2rem auto -1rem auto;
}