﻿.layout-full-width .page_wrapper,
.layout-full-width .page_wrapper main {
    overflow: auto;
}

.fullwidth_layout .top_section {
    background-color: #ffffff;
}

.fullwidth_layout .breadcrumb {
    margin-bottom: 7px;
}

.fullwidth_layout .top_section_container,
.fullwidth_layout .bottom_section {
    margin: 0 auto;
    max-width: 1440px;
}

.fullwidth_layout .top_section_container {
    padding: 15px 20px 24px 20px;
}

.fullwidth_layout .top_section h1 {
    font-size: 28px;
    font-weight: bold;
    line-height: normal;
    margin: 0 0 25px 0;
    padding: 0;
    word-break: break-word;
}

.fullwidth_layout .top_section ul.date_container {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .fullwidth_layout .top_section ul.date_container li {
        font-size: 18px;
        line-height: 1.44;
        margin-bottom: 15px;
    }

        .fullwidth_layout .top_section ul.date_container li span:before {
            margin: 0 10px 0 0;
        }

        .fullwidth_layout .top_section ul.date_container li span.icon-calendar:before {
            position: relative;
            top: -1px;
        }

.fullwidth_layout .top_section p {
    font-size: 18px;
    line-height: 1.33;
    padding: 5px 0 0 0;
}

.fullwidth_layout .bottom_section .main_section {
    margin: 15px 20px;
    width: calc(100% - 40px);
}

.fullwidth_layout .main_section .main_content p {
    padding: 0 0 25px 0;
}

.fullwidth_layout aside.related_content {
    margin: 0 20px 20px 20px;
    width: calc(100% - 40px);
}

/* Tablet landscape only */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .fullwidth_layout .top_section_container .top_wrapper {
        width: calc(56% - 20px) !important;
    }
}

/* Desktop up */
@media only screen and (min-width: 1023px) {
    .fullwidth_layout .top_section_container .top_wrapper,
    .fullwidth_layout .bottom_section .main_section {
        width: calc(56% - 20px);
    }

    .fullwidth_layout .bottom_section .main_section {
        margin: 0 20px;
    }

    .fullwidth_layout .top_section_container .top_wrapper {
        margin: 0 auto;
    }

    .fullwidth_layout .top_section h1 {
        font-size: 40px;
        margin: 0 0 20px 0;
    }

    .fullwidth_layout .bottom_section {
        display: flex;
        margin: 30px auto;
    }

        .fullwidth_layout .bottom_section aside.bottom_section_subnav {
            margin: 0 20px;
            min-height: 100px;
            width: calc(22% - 40px);
        }

            .fullwidth_layout .bottom_section aside.bottom_section_subnav .sub_nav {
                margin: 0;
                width: 100%;
            }

        .fullwidth_layout .bottom_section aside.related_content {
            margin: 0 20px;
            min-height: 100px;
            width: calc(22% - 40px);
        }
}

/* Large desktop up */
@media only screen and (min-width: 1280px) {

    .fullwidth_layout .breadcrumb {
        margin-bottom: 20px;
    }

    .fullwidth_layout .top_section_container .top_wrapper,
    .fullwidth_layout .bottom_section .main_section {
        width: calc(61% - 100px);
    }

    .fullwidth_layout .bottom_section .main_section {
        margin: 0 50px;
    }

    .fullwidth_layout .bottom_section aside.bottom_section_subnav {
        width: calc(19.5% - 40px);
    }

    .fullwidth_layout .bottom_section aside.related_content {
        width: calc(19.5% - 40px);
    }
}
