/*--------------------------------------------------------------
# VI Stuff
--------------------------------------------------------------*/
/*
element {
	layout(position)

	content(text)

	design(background)

	other(z-index)
}

.galant  {
    text-align: center !important;
	color: #404040;
}

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Main Structure
# Thumbnail
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Main Structure
--------------------------------------------------------------*/

.include-post-by-container .include-post-by.card:nth-child(2n) {
    background: rgba(0,0,0,.1);
}

/*--------------------------------------------------------------
# Thumbnail
--------------------------------------------------------------*/

/* forced aspect ratios 2.0 */
.aspect-ratio {
    display: inline-block;
    height:0px;
    margin:0;
    padding:0 0 45% 0;
    position: relative;
    width: 45%;
    background-color:#cccccc;
    background-size:cover;
    background-position:center center;
}
.aspect-ratio.ar-1-1 {
    /*default aspect ratio */
    padding-bottom: 100%; /* 1:1; aspect ratio */
}
.aspect-ratio.ar-4-3 {
    padding-bottom: 75%; /* 4:3 aspect ratio */
}
.aspect-ratio.ar-16-9 {
    padding-bottom: 56.25%; /* 16:9; aspect ratio */
}
.aspect-ratio.ar-3-4 {
    padding-bottom: 125%; /* 3:4; aspect ratio */
}
.aspect-ratio.ar-9-16 {
    padding-bottom: 177.7%; /* 9:16; aspect ratio */
}
.aspect-ratio * {
    /*edit all children */
    bottom:0px;
    height:100%;
    left:0px;
    position:absolute;
    right:0px;
    top:0px;
    width:100%;
}