/* Colors
Bold Coral:  #F26553
Red: #D92D20
Blue: #2F80ED;
Text: #171415
Grey Text: #727272
Light grey: #E0E0E0
*/

/* Page max width: 1200 */

@media screen and (min-width: 768px) {
    body:not(.front-page) {
        margin-top: 0;
    }
}

/* General page layout & styles */

body.section-user:not(.page-user-register) main,
body.section-users main {
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.05);
    padding: 45px 30px 20px 30px;
    margin: 0 auto;
}

body.section-users main,
body.section-user:not(.page-user-register) main,
body[class*="change-password"] main {
    max-width: 500px;
}

/*.main--wrapper {
    padding-top: 40px;
    padding-bottom: 80px;
}*/

body.page-node-type-component-page .main--wrapper {
    padding-top: 0;
}

.main--container {
    max-width: 1260px;
    margin: 0 auto;
}

.main--container {
    padding-left: 15px;
    padding-right: 15px;
}

@media all and (min-width: 790px) {
    .main--container {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.region-first .block {
    padding: 0;
}

body.page-library .page--layout-content .block {
    margin-bottom: 20px;
}

@media all and (min-width: 980px) {
    .main--wrapper.sidebar-first {
        display: flex;
        flex-wrap: wrap;
        gap: 40px;
    }

    .main--wrapper.sidebar-first main {
        flex: 1 1 calc(70% - 20px);
        order: 2;
    }

    .main--wrapper.sidebar-first aside {
        flex: 1 1 calc(30% - 20px);
        align-self: flex-start;
        order: 1;
    }
}

body:not(.page-civicrm-contribute) aside:has(#block-donatetotim) {
    background: #B3433B url(../../images/swirl--white--half-right-lg--centre.svg) no-repeat center right;
    background-size:initial;
    color: #fff;
    padding: 40px 2%;
}

body.page-civicrm-contribute .page--layout-content aside.aside--sidebar-first h2,
aside:has(#block-donatetotim) h2 {
    color: #fff;
    text-align: left;
}