/* MESSAGE  - message.css*/

/* Wrapper inside container to handle flex layout */
.message-wrapper {
    display: flex;
    justify-content: space-between; /* Space sections evenly */
    align-items: stretch; /* Allows children to align differently */
	padding: 0 1.25rem;
	height: 2.5rem;
	box-sizing: border-box;
}

/* Left Section (Email) */
.message-left {
    flex: 1;
    text-align: left;
   	color: var(--whitecolor);
    font-size: 1rem;
	padding: 0 0 0.4rem 2.0rem;
	align-self: flex-end; /* Align bottom */
}

.message-left span {
    font-size: 1.0rem; /* Standard font size */
    font-weight: 500;
	font-family: 'Rubik-Regular';
}

/* Center Section (Main Message) */
.message-content {
    flex: 2;
    color: var(--whitecolor);
    font-size: 1.6rem;
    align-items: top;
	text-align: center;
    font-weight: 400;
	font-family: 'Rubik-Regular';
	align-self: center; /* Align bottom */
}

/* Right Section (Social Media Icons) */
.message-right {
    flex: 1;
    text-align: right;
    color: var(--whitecolor);
    padding: 0 2.0rem 0.4rem 0;
	align-self: flex-end; /* Align bottom */
}

.message-right span {
    font-size: 1.0rem; /* Standard font size */
    font-weight: 500;
	font-family: 'Rubik-Regular';
}

/* Hide left and right sections on small screens */
@media (max-width: 75rem) {
    
	.message-left, 
    .message-right {
        display: none;
    }

	.message-wrapper {
        justify-content: center;  /* hrozontal allignment */
    }

}