/*
 * This CSS file will be automatically loaded when the block runs.
 */
.block-boilerplate {
    position: relative;;
    min-height: 100px;
    background: #eee;
    border-radius: 3px;
}

.block-boilerplate span {
    display: block;
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
}

.ccm-page article .message-block-message { 
    padding: 2rem 6rem 3rem;
    background: #f8f8f8;
    text-align: center;
    color: #3b86c5;
}

.ccm-page article .message-block-message h1 { font-size: 14px; font-weight: bold; }
.ccm-page article .message-block-message p { font-size: 26px; line-height: 36px; font-weight: 300; }

.ccm-page article .message-block-message.red { color: #E15554; }
.ccm-page article .message-block-message.red h1 { color: #E15554; }

.ccm-page article .message-block-message.green { color: #3BB273; }
.ccm-page article .message-block-message.green h1 { color: #3BB273; }

.ccm-page article .message-block-message.orange { color: #E1BC29; }
.ccm-page article .message-block-message.orange h1 { color: #E1BC29; }