/* ----------------------------------------------------------------------------------------------------------
Media queries -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
@media (prefers-reduced-motion) {
    main                                        { animation:none; }
    a                                           { transition:none; }
    button, button[type="reset"],
    input[type="submit"], .button,
    input[type="reset"]                         { transition:none; }
    *[data-animation="fade-up"]                 { opacity:1; transition:none; transform:none; }
    #mainSidebar                                { transition:none; }
}

@media screen and (max-width: 1200px) {
    #headerBanner .topMenu                      { display:none; }
    #mainSidebar .topMenu                       { display:block; }
}

@media screen and (max-width: 1000px) {
    :root, html                                 { font-size:14px; }

    h1                                          { font-size:3rem; }

    article, .article                           { padding:2.5rem; column-gap:2.5rem; }
    .home .banner .article                      { padding:2.5rem; column-gap:2.5rem; }
    .content                                    { padding:2.5rem; }

    #pageContent .row                           { flex-direction:column; }
    .metaSectionContainer                       { flex-direction:inherit !important; }
    #pageHeader .column                         { flex:1 1 100%; }
    #pageHeader .column:last-child .content     { min-height:15rem; }
    #pageHeader .content                        { padding:2.5rem; }
    .single #pageHeader .content                { padding:2.5rem; }
    #pageHeader header                          { row-gap:1.375rem; }
    #pageHeader figure img                      { margin:auto; }
    .single #pageHeader h1                      { font-size:2.25rem; }

    .article .column                            { flex:auto; }

    *[data-section-type="module"] article.featured .content,
    #pageHeader .content                                { min-height:15rem; }

    #pageContent section[data-section-type="module"] .row           { flex-direction:row; align-self:flex-start; }
    #pageContent section[data-section-type="module"] .row.featured  { flex-direction:column; }
    #pageContent section[data-section-type="module"] .column        { flex:1 1 33%; }



    #mainFooter .row:first-of-type .column:nth-child(1) { flex:1 1 100%; }
    #mainFooter .row:first-of-type .column:nth-child(2),
    #mainFooter .row:first-of-type .column:nth-child(3),
    #mainFooter .row:first-of-type .column:nth-child(4) { flex:1 1 45%; }
}

@media screen and (max-width: 600px) {
    body                                                { font-size:0.75rem; }
    section[data-section-type="module"] .column         { flex:1 1 100%; }

    *[data-module-style="List-style"] article.featured,
    *[data-module-style="List-style"] .listing          { flex:1 1 100%; }

    .single *[data-post-type="post"] .categoryStripe,
    .single *[data-post-type="event"] .categoryStripe   { display:none; }

    #headerBanner .button                               { padding: 0.75rem 1.25rem !important; }

    #userControls section                               { min-width:15rem; left:50%; transform: translateX(-50%); }

    #pageContent                                        { flex-direction:column; }
    #pageContent .article .content                      { flex:1 1 100%; }

    #pageSidebar                                        { position:relative; top:0; flex-grow:1; order:-1; }
}