.fade-background {
    animation: fadeBackground ease 0s 1 !important;
    /* background-color: #f8cca6 !important; */
    -webkit-animation: fadeBackground 2s ease 0s 1 !important;
}

/* Version update test - can be removed after testing */
/* Second test for version increment */
@keyframes fadeBackground {
    0% { background-color: #ffe9d5;}
    100% { background-color: #fff;}
}

@-webkit-keyframes fadeBackground {
    0% { background-color: #ffe9d5;}
    100% { background-color: #fff;}
}

.hidecontent {
    overflow: hidden;
}

.icon-margin {
    margin-right: 6px;
}

.text-icon-margin {
    margin-right: 12px;
}

.modal-header-padding {
    padding: 20px !important;
}

/* Comment content styles */
.comment-content {
    max-width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    hyphens: auto;
}

.comment-content p {
    max-width: 100%;
}

.comment-content a {
    word-break: break-all;
    max-width: 100%;
    display: inline-block;
}

/* Context modal styles */
.context-modal-container {
    position: relative;
}

.context-modal-content {
    max-width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    hyphens: auto;
}

@media (max-width: 639px) {
    .context-modal-content p {
        max-width: 100%;
        font-size: 16px;
        line-height: 1.5;
    }

    .context-modal-content a {
        word-break: break-word;
        display: inline-block;
        max-width: 100%;
    }
}

/* Reset font size for screens larger than 960px */
@media (min-width: 960px) {  /* UIKit's @m breakpoint is 960px */
    .uk-margin-remove-custom-m {
        margin-top: 0 !important;
    }

    .uk-padding-small-left-m {
        padding-left: 15px !important;
    }
}