// Pages Greeting Component
// Centers content inside greeting component
.tile-greeting-component .grid-stack-item-content .content-block {
    display: flex;
    height: 100%;
    .content-block-body {
        display: flex;
        width: 100%;
        .greeting-wrapper {
            display: flex;
            justify-content: center;
        }
    }
}

// Sets max width of profile picture in greeting component
.greeting .greeting-profile-img {
    max-width: 80px;
}

// Shrinks profile picture in greeting component
@media only screen and (max-width:400px) {
    .greeting .greeting-profile-img {
        max-width: 60px;
    }
}

// Light colored text when greeting component background is transparent
.greeting-light {
    .greeting-text {
        color: #fff !important;
        text-shadow: 0 1px 2px rgba(0,0,0,0.2);
    }
}
