/* [fp-posts] : FRONTPAGE RECENT POSTS */
.frontpage-recent-parent {margin: 5px; padding: 5px; padding-bottom: 30px; border: 1px solid #DCDCDC; box-shadow: 0px 1px 1px #CDCDCD; transition: box-shadow 1s; height: 100%; position: relative; }
.frontpage-recent-parent:hover{ box-shadow: 0px 2px 2px grey; }
.frontpage-recent-image-container { border-bottom: 1px solid #cdcdcd; width: calc(100% + 10px); padding-top: 50%; position: relative; left: -5px; top: -5px; }
.frontpage-recent-header-container::after{ content: ""; clear: both; display: table; }
.frontpage-recent-image-container span, .frontpage-recent-image-container img{ display: block;  text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.frontpage-recent-image-container img {width: 100%; height: 100%; }
.frontpage-recent-image-container span i {font-size: 10em; color: #DCDCDC; }

.frontpage-recent-date{ position: absolute; width: 50px; top: 10px; left: 10px; float: left; border: 1px solid #CDCDCD; margin-top: 3px; margin-right: 20px; box-shadow: 0px 1px 1px gray; }
.frontpage-recent-date-day{ font-family: 'Karla', sans-serif; font-size: 1.5em; font-weight: bold; color: gray; padding: 6px 3px 6px 3px; background-color: white; }
.frontpage-recent-date-month{ font-family: Verdana; font-size: 7pt; text-transform: uppercase; color: black; background-color: #CDCDCD; padding: 3px; text-shadow: 1px 1px white; }
.frontpage-recent-date-year{ position: absolute; bottom: -20px; left:12px; font-family: 'Karla', sans-serif; font-size: 8pt; color: #CDCDCD; }

.frontpage-recent-title{ border-bottom: 1px solid #DCDCDC; width: 100%; float: left; margin-bottom: 10px; font-size: 0.8em; text-transform: uppercase; text-align: left; font-family: 'Karla', sans-serif; font-size: 1.1em;}

.frontpage-recent-desc{ font-size: 0.7em; color: grey; text-align: justify; }

.frontpage-recent-link{ text-align: center; background-color: #edf6ff; position: absolute; left: 0px; bottom: 0px; padding: 5px; width: 100%; }
.frontpage-recent-link a{ display: inline-block; width: 100%; font-family: 'Karla', sans-serif; font-size: 8pt; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 5px 10px 5px 10px; color: #197feb; border-radius: 10px; border-bottom: 1px solid transparent; transition-property: 'border,background'; transition-duration: 1s;  }
.frontpage-recent-link a i{ margin-right: 10px; }