/**
 * @file Contains styling for the main page content.
 */

.smhi-page-main {
    background-color: var(--main-background-color);
}

/* Container around breadcrumbs */
.smhi-page-main>div.sv-layout {
    background-color: var(--breadcrumbs-background-color);
}

.smhi-page-content-padding {
    padding-bottom: 4rem;
    /*padding-top: 1.5rem;*/
    padding-top: 2rem;
}

.smhi-page-content .sv-text-portlet,
.smhi-page-content .sv-toc-portlet {
    max-width: var(--max-text-content-width);
}

.pagecontent .sv-text-portlet+.sv-toc-portlet {
    margin-top: 0;
}

.smhi-page-content-padding .sv-column-9 .pagecontent .sv-row .sv-column-10 {
    max-width: var(--max-text-content-width);
}

/*      Article & page footer spacing       */
.sv-relatedServices + .sv-template-layout .pagecontent ,
.sv-author-card + .sv-template-layout .pagecontent  {
    margin-top: 4rem;
}

.sv-relatedServices + .sv-template-layout .pagecontent  .pagecontent .smhi-section-heading,
.sv-author-card + .sv-template-layout .pagecontent  .pagecontent .smhi-section-heading {
    margin-bottom: 2.25rem;
}


@media (max-width: 64rem) {
    .smhi-page-main>div.sv-layout .sv-column-12 {
        margin: 0;
    }

    .smhi-page-content-padding {
        padding-bottom: 2rem;
        padding-top: 2rem;
    }
}

@media screen and (min-width: 48rem) and (max-width: 64rem) {
    .sv-author-card + .sv-template-layout .pagecontent  {
        margin-top: 3rem;
    }
}

@media screen and (max-width: 48rem) {
    .smhi-page-content-padding {
        padding-top: 2rem;
        padding-bottom: 3rem;
    }

    .sv-relatedServices + .sv-template-layout .pagecontent  .pagecontent .smhi-section-heading,
    .sv-author-card + .sv-template-layout .pagecontent  .pagecontent .smhi-section-heading {
        margin-bottom: 2rem;
    }
}