/* Generic Venue information */

.venueInfo {
    font-family                 : var(--raleway) ;
}

.venueInfo h2,
.venueInfo h3 {
    font-family                 : var(--merriweather) ;
    font-style                  : italic ;
}

.venueUpdated {
    text-align                  : center ;
}

.venueIntro {
    margin                      : 0 0 18px 0 ;
}

.venueJumpLinks {
    display                     : grid ;
    gap                         : 8px ;
    grid-template-columns       : repeat(auto-fit, minmax(170px, 1fr)) ;
}

.venueJumpLinks a {
    background                  : var(--dark-green) ;
    border-radius               : 8px ;
    color                       : white ;
    padding                     : 10px ;
    text-align                  : center ;
    text-decoration             : none ;
}

.venueJumpLinks a:hover {
    background                  : var(--dark-purple) ;
}

.venueNews .changelogContent {
    columns                     : 3 ;
    column-gap                  : 28px ;
}

.venueNews .changelogContent h1,
.venueNews .changelogContent h2,
.venueNews .changelogContent h3,
.venueNews .changelogContent blockquote {
    break-inside                : avoid ;
}

.venueNews .changelogContent ul,
.venueNews .changelogContent ol {
    break-inside                : auto ;
}

.venueNews .changelogContent li {
    break-inside                : avoid ;
}

.venueCard,
.venueResourceGroup {
    border                      : 1px solid rgba(0, 0, 0, 0.10) ;
    border-radius               : 8px ;
    padding                     : 14px ;
}

.venueCard h3,
.venueResourceGroup h3 {
    font-family                 : var(--raleway) ;
    font-size                   : 1rem ;
    font-style                  : normal ;
    font-weight                 : 700 ;
    margin-top                  : 0 ;
}

.venueCardGrid {
    display                     : grid ;
    gap                         : 12px ;
    grid-template-columns       : repeat(2, minmax(0, 1fr)) ;
}

.venueCardContent .bullet {
    margin-bottom               : 0 ;
    padding-left                : 24px ;
}

.venueCardContent .bullet li {
    margin-bottom               : 8px ;
}

.venueResourceGrid {
    display                     : grid ;
    gap                         : 12px ;
    grid-template-columns       : repeat(3, minmax(0, 1fr)) ;
}

.venueResourceList {
    list-style                  : none ;
    margin                      : 0 ;
    padding                     : 0 ;
}

.venueResourceList li {
    border-bottom               : 1px solid rgba(0, 0, 0, 0.08) ;
    padding                     : 8px 0 ;
}

.venueResourceList li:last-child {
    border-bottom               : 0 ;
}

.venueResourceNote {
    background                  : #fff8d8 ;
    border-radius               : 6px ;
    margin-top                  : 8px ;
    padding                     : 10px ;
}

.venueInfo blockquote {
    border-left                 : 4px solid var(--dark-green) ;
    margin                      : 12px 0 ;
    padding                     : 8px 14px ;
}

.venueInfo code {
    font-family                 : var(--roboto-condensed) ;
}

.textCentre {
    text-align                  : center ;
}

@media screen and (max-width: 800px) {
    .venueCardGrid,
    .venueResourceGrid {
        grid-template-columns   : 1fr ;
    }

    .venueNews .changelogContent {
        columns                 : 1 ;
    }
}

.articleContent {
    columns                     : 2 ;
    column-gap                  : 2rem ;
    column-fill                 : balance ;
}

.articleContent h1,
.articleContent h2,
.articleContent h3,
.articleContent blockquote {
    break-inside                : avoid ;
}

.articleContent ul,
.articleContent ol {
    break-inside                : auto ;
}

.articleContent li {
    break-inside                : avoid ;
}

@media screen and (max-width: 800px) {
    .articleContent {
        columns                 : 1 ;
    }
}