article{
    @include shadow(1);
    border-radius: 2px;
    box-sizing: border-box;
    background: $almost-white;
    margin-bottom: 20px;
    position: relative;

    .content-container &{
        padding: 20px;

        p{
            padding: 0;
        }
    }

    .index & h1,
    .index & p,
    .index & span{
        padding: 0 20px;
    }

    img{
        transition: .3s all ease;
    }

    a:hover{
        img{
            opacity: .5;
        }
    }

    .category,
    .tags {
        .index &{
            font-size: .7em;
            opacity: .6;
        }
    }

    .date{
        .index &{
            font-size: .7em;
            opacity: .6;
        }
    }

    ul,
    ol{
        list-style: circle;
        padding: 0 35px;

        li{
            padding-left: 0px;
        }
    }

    ol{
        list-style: decimal;
    }
}

.wrapper{
    width: 100%;
    height: auto;
    box-sizing: border-box;
}

.short{
    width: 100%;

    a{
        display: block;
        width: 100%;
        padding: 10px;

        .shortdate{
            font-size: .8em;
            opacity: .8;
            padding-right: 10px;
            margin-right: 10px;
            border-right: $line;
        }
    }
}
