/* post components prefixed with 'p-' */

/* date banner */
.p-date {
    box-sizing: border-box;
    padding: 15px 20px;
    width: fit-content;
    border-radius: 10px;
    background-color: #003282;
    position: absolute;
    top: -65px;
    right: 43px;
    z-index: 1;
}

.p-date > p {
    margin: 0;
    color: #FFFFFF;
    font-weight: 600;
    letter-spacing: 0;
    text-align: center;
}

.p-date > p:nth-of-type(1) { font-size: 36px; line-height: 44px; }
.p-date > p:nth-of-type(2) { font-size: 15px; line-height: 19px; }





/* social share buttons */
.p-social-group {
    display: flex;
    width: fit-content;
    height: fit-content;
    flex-direction: column;
}
.p-social-group.alt-row { flex-direction: row;}

.p-social-group > .social-btn {
    width: 40px;
    height: 40px;

    padding: 11px;
    box-sizing: border-box;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 10px;
    background-color: #FFFFFF;
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.07);
    transition: 0.25s;
    cursor: pointer;
}

.p-social-group > .social-btn:not(:last-of-type) { margin: 0 0 10px; }
.p-social-group.alt-row > .social-btn:not(:last-of-type) { margin: 0 10px 0 0; }

.p-social-group > .social-btn > svg {
    width: auto;
    height: 100%;
    fill: #A5A5BE;
    transition: 0.2s;
}

.p-social-group > .social-btn:hover > svg {
    fill: #1C6BFF;
}

.p-social-group.alt-row > p { margin: 0 15px 0 0; line-height: 40px; }

@media screen and (max-width: 900px) {
    .p-social-group {
        display: none;
    }
}





/* Other */
@media screen and (max-width: 900px) {
    .p-hide-on-mobile {
        display: none;
    }    
}