﻿@media all {
    /* intro */
    #intro .container_row_content { padding-bottom:var(--spacing-1L); }

    #intro .no_announcements { margin-top:var(--spacing-2L); margin-bottom:var(--spacing-2L); font-size:var(--font-size-1L); }

    /* events */
    #events { background: linear-gradient(to bottom, var(--color-salmon) 0%, var(--color-salmon) 30%, var(--color-white) 30%, var(--color-white) 100%); }
    #events:before { content:''; position:absolute; top:0px; right:0px; left:0px; width:100%; height:10vh; background-color:var(--color-salmon); }

    #events .container_row_content { padding-top:var(--spacing-1L); }
}

@media (max-width:1400px) {

}

@media (max-width:1200px) {
    #events  ul.event_list > li .event_group .content_box .body { padding:0px 0px 0px var(--spacing-3L); }
}

@media (max-width:1000px) {

}

@media (max-width:1000px) AND (orientation:portrait) {
    ul.announcement_info { display:block; }
    ul.announcement_info li { margin-bottom:var(--spacing-1S); }

    #events  ul.event_list > li .event_group .content_box .body { padding:0px 0px 0px var(--spacing-2L); }
}

@media (max-width:700px) {
    #events  ul.event_list > li .event_group { display:block; }
    #events  ul.event_list > li .event_group .photo_box { width:100%; }
    #events  ul.event_list > li .event_group .photo_box img { width:80%; margin:0px auto; }

    #events  ul.event_list > li .event_group .content_box { width:100%; }
    #events  ul.event_list > li .event_group .content_box .body { padding:var(--spacing-1S); }
}

@media (max-width:500px) {

}