.g1-content-narrow {
    @include box-sizing( border-box );
    max-width: 758px;
    margin-#{$left}: auto;
    margin-#{$right}: auto;
}


@if ( $has_mq_1025 ) {
    @media only screen and ( min-width: 1025px ) {
        .g1-content-narrow {
            @if ( 'bunchy' == $stack ) {
                padding-#{$left}: 120px;
            } @else {
                padding-#{$left}: 48px;
                padding-#{$right}: 48px;
            }

            .g1-pagination,
            .mashsb-container {
                margin-#{$left}: -48px;
                margin-#{$right}: -48px;
            }


            .quads-location {
                margin-#{$left}: -48px !important;
                margin-#{$right}: -48px !important;
            }

            .adace-slot-wrapper{
                margin-#{$left}: -48px !important;
                margin-#{$right}: -48px !important;
                margin-bottom:1.5rem;
                img{
                    max-width:none;
                    height:auto;
                }
            }
            .adace-slot-wrapper.adace-align-left-wrap{
                margin-#{$left}: 10px !important;
                margin-#{$right}: 10px !important;
                position:relative;
                #{$left}: -48px;
            }
            .adace-slot-wrapper.adace-align-right-wrap{
                margin-#{$left}: 10px !important;
                margin-#{$right}: 10px !important;
                position:relative;
                #{$right}: -48px;
            }
        }
    }
}

.entry-content,
.entry-summary {
    .aligncenter {
        width: 100%;

        img,
        canvas {
            width: 100%;
        }
    }

    video {
        width: 100%;
        margin-bottom: 100px;
    }
}

// clearfix, because anything can happen inside this element.
.entry-content{
    &::after {
        clear: both;
        display: table;
        content: "";
    }
}
