// ESTRUTURA
//------------------------------------
.internal-wrapper {
    margin-top: 30px;
    margin-bottom: 30px;

    > .content {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    @media screen{
        @media (min-width:960px){
            margin-top: 60px;
            margin-bottom: 260px;

            article.news-content{
                padding-bottom: 200px;
            }
        }
    }
    
    
}

.internal-content {
    .flex(12);
    padding:0 15px;

    @media screen{
        @media (min-width:960px){
            .flex(9);
        }
    }
}

.internal-article {
    .flex(12);
    padding: 0 15px;

    > img {
        max-width:100%;
    }

    &.flex {
        display: flex;
        align-items: flex-start;
        padding: 0;

        &.wrap{
            flex-wrap:wrap;
        }
    }

    &.w-marg,
    &:not(:first-child) {
        margin-top: 30px;
    }

    @media screen{
        @media (min-width:960px){
            &.w-marg,
            &:not(:first-child) {
                margin-top: 60px;
            }
        }
    }
}


// Navega��o
//------------------------------------
.internal-nav {
    display:none;

    @media screen{
        @media (min-width:960px){
            .flex(3,0);
            padding:0 15px;
            display:block;
            position: sticky;
            top: 30px;
        }
    }
}

.internal-nav--link {
    @media screen{
        @media (min-width:960px){
            font-size: 14px;
            font-weight: 500;
            display: block;
            position: relative;
            padding-left: 20px;

            &:before {
                content: '';
                position: absolute;
                width: 10px;
                height: 10px;
                border-radius: 50%;
                border: 2px solid @color-dblue;
                background: transparent;
                left: 0;
                top: 0;
                bottom: 0;
                margin: auto;
                transition: .3s background;
            }

            &:hover:before {
                background: @color-dblue;
            }

            & + & {
                margin-top: 20px;
            }
        }
    }
}


// Imagens
//------------------------------------
.content-gallery {
    margin: -10px -15px 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap:wrap;
}

.content-gallery--link {
    padding: 0 15px;
    .flex(6);
    margin-top:30px;

    img {
        display: block;
        max-width: 100%;
        margin:0 auto;
    }

    @media screen{
        @media (min-width:800px){
            .flex(3);
        }
    }
}