Ticket #4870: _helphub.scss

.three-up {

        &.helphub-front-page {

                p,
                ul {
                        text-align: left;
                }

                > div {

                        margin-bottom: 5rem;
                }

                .icon-wrapper {

                        a {

                                color: inherit;
                                text-decoration: none;
                        }
                }
        }
}

#helphub-forum-link {

        margin-top: 5rem;

        span {
                display: inline-block;
                width: 100%;
                max-width: 335px;
        }

        a {

                margin-top: 0.5rem;
                display: inline-block;
        }
}

body.helphub-with-sidebar {

        .left-sidebar {

                font-size: 0.9rem;

                h2 {
                        font-size: 1.1rem;
                        font-weight: 600;
                        color: $color__text-main;
                }

                ul {
                        list-style: none;
                        margin: 0;

                        li {
                                margin-bottom: 0.8rem;

                                ul {
                                        margin-left: 1rem;
                                }
                        }
                }

                @include breakpoint( $sm ) {
                        float: left;
                        padding-right: 3rem;
                        width: $size__site-sidebar;

                        & + #main-content {
                                float: right;
                                width: ( 100 - $size__site-sidebar );

                                .entry-content .container {
                                        width: 100%;
                                }
                        }
                }
        }
}

.helphub-page {
        .entry-header {
                .entry-title {
                        @media screen and ( min-width: $ms-breakpoint ) {
                                margin: 0;
                                width: 65%;
                        }
                }
        }

        .entry-content {
                section {
                        .container {
                                 @media screen and ( min-width: $ms-breakpoint ) {
                                         margin: 0;
                                         width: 65%;
                                 }
                         }
                 }
         }
}