/**

* Site header
*/

.site-header {

margin: $base-global-margin;
min-height: $spacing-unit * 1.865;
line-height: $base-line-height * $base-font-size * 2.25;

// Positioning context for the mobile navigation icon
position: relative;

}

/**

* Site footer
*/

.site-footer {

margin: $base-global-margin;
padding: $spacing-unit * 0.5 0;
text-align: center;

}

/**

* Page content
*/

.page-content {

padding: $spacing-unit 0;
// Let footer keeping fixed on bottom
flex: 1 0 auto;

}

/**

* Links
*/
a {
 color: $link-base-color;
 text-decoration: none;

 &:visited {
   color: $link-visited-color;
 }

 &:hover {
   color: $text-color;
 }

}

/**

* Post links
*/

.post-link {

display: block;
@include relative-font-size(1.5);

}

/**

* Post badge
*/
.post-badge {
 float: right;
 font-size: 50% !important;

}

/**

* Clean links
*/
.clean-link {
 // Clean the underline from paperCSS 
 background-image: none;

}

/**

* Post subtitles
*/

.post-subtitle{

@include relative-font-size(0.8);

}

/**

* Button to page top
*/

.to-top-btn {

padding: .6em 1em;
background: #fff;
position: fixed;
right: 1.5rem;
bottom: 1.5rem;
z-index: 1;

}

/**

* works card container
*/

.works-card-container {

display: -webkit-flex; /* Safari */
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content:space-between;
-webkit-justify-content: space-evenly !important;
-moz-justify-content:space-evenly;

}

.works-card{

width: 20rem;
margin: 1rem 0;

}

/**

* links container
*/

.friend-links-container{

display: -webkit-flex; /* Safari */
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content:space-between;
-webkit-justify-content: space-evenly !important;
-moz-justify-content:space-evenly;

}

.friend-links{

transform: rotate(-5deg);
min-width: 10rem;
margin: 1rem 0;
display: -webkit-flex; /* Safari */
display: flex;
justify-content: center;

}