#comments-featuredComments-log .coral-timestamp,
.coral-comment-topBar>div:first-child div:last-child time span,
.coral-featuredComment-topBar>div:first-child div:last-child time span,
.coral-myComment-topBar>div:first-child div:last-child time span,
.coral-myComment-timestamp span {
    font-size: 10px;
    color: #212121;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    letter-spacing: .3px;
    margin: 0
}

#comments-featuredComments-log .coral-timestamp p,
.coral-comment-topBar>div:first-child div:last-child time span p,
.coral-featuredComment-topBar>div:first-child div:last-child time span p,
.coral-myComment-topBar>div:first-child div:last-child time span p,
.coral-myComment-timestamp span p {
    margin: 0
}

#comments-featuredComments-log .coral-timestamp:before,
.coral-comment-topBar>div:first-child div:last-child time span:before,
.coral-featuredComment-topBar>div:first-child div:last-child time span:before,
.coral-myComment-topBar>div:first-child div:last-child time span:before,
.coral-myComment-timestamp span:before {
    content: "";
    width: 15px;
    height: 15px;
    display: block;
    margin-right: 6px;
    background-image: url("icon-clock.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

:root {
    --palette-primary-main: $brand-black;
    --font-family-sans-serif: "proximanova-regular", sans-serif;
    --font-family-serif: "proximanova-regular", sans-serif;
    --palette-grey-600: #e1e1e1;
    --palette-grey-500: $brand-black;
    --font-weight-primary-semi-bold: 700;
    --font-weight-secondary-bold: 700;
    --mini-unit: 0;
    --palette-divider: transparent;
    --palette-primary-100: transparent;
    --font-size-4: 15px;
    --font-size-3: 13px;
    --font-size-2: 12px;
    --main-brand-color: #21418d;
    --main-brand-border-radius: 24px;
    --font-family-bold: $font-family-bold;
    --brand-black: #212121
}

.coral-viewerBox,
.coral-createComment-signIn,
.coral-comment-shareButton,
.coral-rte-toolbar,
.coral-sortMenu {
    display: none !important
}

.coral-commentForm {
    border-top: 1px solid var(--palette-grey-300)
}

.coral-tabBar {
    border-bottom-color: #e2e2e2 !important;
    margin: 0 -15px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.coral-tabBar #tab-CONFIGURE {
    position: absolute;
    top: -20px;
    right: 10px
}

.coral-tabBar #tab-CONFIGURE>button {
    width: auto !important;
    border-bottom: 0 !important
}

.coral-tabBar-tab {
    padding: 14px 0;
    width: 150px;
    text-align: center;
    letter-spacing: 1.4px;
    color: rgba(var(--main-brand-color), 0.5);
    border: none;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    border-bottom: 3px solid rgba(0, 0, 0, 0) !important;
    margin-bottom: 0;
    font-family: "raleway-regular", sans-serif;
    background: rgba(0, 0, 0, 0) !important;
    position: relative;
    z-index: 1;
    -webkit-transition: color .2s ease, border .2s ease;
    -moz-transition: color .2s ease, border .2s ease;
    -o-transition: color .2s ease, border .2s ease;
    transition: color .2s ease, border .2s ease
}

.coral-tabBar-tab:before {
    display: none !important
}

.coral-tabBar-tab:hover {
    color: var(--main-brand-color) !important;
    border-bottom: 3px solid var(--main-brand-color) !important
}

@media(min-width: 1024px) {
    .coral-tabBar-tab {
        background-color: #fff;
        padding: 16px 0
    }
}

.coral-tabBar-tab-active {
    color: var(--main-brand-color) !important;
    border-bottom: 3px solid var(--main-brand-color) !important
}

.coral-myComment {
    background-color: #fff;
    padding: 16px;
    margin-bottom: 8px !important;
    text-align: left;
    -o-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
    -ms-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
    -moz-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
    -khtml-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
    -webkit-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
    box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12)
}

@media(min-width: 1024px) {
    .coral-myComment {
        margin-bottom: 16px !important
    }
}

.coral-myComment-story {
    font-size: 13px !important;
    line-height: 18px !important;
    color: #212120 !important;
    margin: 12px 0 !important;
    font-family: var(--font-family-bold) !important
}

.coral-myComment-timestamp span:before {
    background-image: url("")
}

.coral-myComment-viewConversationButton,
.coral-myComment-replies {
    text-decoration: none !important;
    font-size: 11px !important;
    color: #212120 !important;
    margin-right: 8px !important
}

.coral-myComment-viewConversationButton i,
.coral-myComment-replies i {
    margin: 0;
    font-size: 0;
    height: 11px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    background-image: url("")
}

.coral-myComment-viewConversationButton span,
.coral-myComment-replies span {
    font-size: 11px;
    color: #212120
}

.coral-preferences,
.coral-configure {
    background-color: #fff;
    padding: 16px;
    margin-bottom: 8px !important;
    text-align: left;
    -o-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
    -ms-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
    -moz-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
    -khtml-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
    -webkit-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
    box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12)
}

.coral-preferences .coral-emailNotifications-updateButton,
.coral-preferences .coral-mediaPreferences-updateButton,
.coral-preferences .coral-ignoredComments-manageButton,
.coral-preferences .coral-openCommentStream-openButton,
.coral-configure .coral-emailNotifications-updateButton,
.coral-configure .coral-mediaPreferences-updateButton,
.coral-configure .coral-ignoredComments-manageButton,
.coral-configure .coral-openCommentStream-openButton {
    font-size: 15px;
    background-color: #212120;
    color: #fff;
    font-family: "raleway-bold", sans-serif;
    padding: 0 24px;
    display: inline-block;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: background-color .2s ease, color .2s ease;
    -moz-transition: background-color .2s ease, color .2s ease;
    -o-transition: background-color .2s ease, color .2s ease;
    transition: background-color .2s ease, color .2s ease;
    background-color: #212120 !important;
    color: #fff !important;
    border: none !important
}

.coral-preferences .coral-emailNotifications-updateButton:hover,
.coral-preferences .coral-emailNotifications-updateButton:focus,
.coral-preferences .coral-emailNotifications-updateButton:active,
.coral-preferences .coral-mediaPreferences-updateButton:hover,
.coral-preferences .coral-mediaPreferences-updateButton:focus,
.coral-preferences .coral-mediaPreferences-updateButton:active,
.coral-preferences .coral-ignoredComments-manageButton:hover,
.coral-preferences .coral-ignoredComments-manageButton:focus,
.coral-preferences .coral-ignoredComments-manageButton:active,
.coral-preferences .coral-openCommentStream-openButton:hover,
.coral-preferences .coral-openCommentStream-openButton:focus,
.coral-preferences .coral-openCommentStream-openButton:active,
.coral-configure .coral-emailNotifications-updateButton:hover,
.coral-configure .coral-emailNotifications-updateButton:focus,
.coral-configure .coral-emailNotifications-updateButton:active,
.coral-configure .coral-mediaPreferences-updateButton:hover,
.coral-configure .coral-mediaPreferences-updateButton:focus,
.coral-configure .coral-mediaPreferences-updateButton:active,
.coral-configure .coral-ignoredComments-manageButton:hover,
.coral-configure .coral-ignoredComments-manageButton:focus,
.coral-configure .coral-ignoredComments-manageButton:active,
.coral-configure .coral-openCommentStream-openButton:hover,
.coral-configure .coral-openCommentStream-openButton:focus,
.coral-configure .coral-openCommentStream-openButton:active {
    background-color: #070707;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: 0
}

.coral-preferences .coral-emailNotifications-updateButton:disabled,
.coral-preferences .coral-emailNotifications-updateButton [disabled=disabled],
.coral-preferences .coral-mediaPreferences-updateButton:disabled,
.coral-preferences .coral-mediaPreferences-updateButton [disabled=disabled],
.coral-preferences .coral-ignoredComments-manageButton:disabled,
.coral-preferences .coral-ignoredComments-manageButton [disabled=disabled],
.coral-preferences .coral-openCommentStream-openButton:disabled,
.coral-preferences .coral-openCommentStream-openButton [disabled=disabled],
.coral-configure .coral-emailNotifications-updateButton:disabled,
.coral-configure .coral-emailNotifications-updateButton [disabled=disabled],
.coral-configure .coral-mediaPreferences-updateButton:disabled,
.coral-configure .coral-mediaPreferences-updateButton [disabled=disabled],
.coral-configure .coral-ignoredComments-manageButton:disabled,
.coral-configure .coral-ignoredComments-manageButton [disabled=disabled],
.coral-configure .coral-openCommentStream-openButton:disabled,
.coral-configure .coral-openCommentStream-openButton [disabled=disabled] {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none
}

.coral-preferences .coral-emailNotifications-updateButton:hover,
.coral-preferences .coral-mediaPreferences-updateButton:hover,
.coral-preferences .coral-ignoredComments-manageButton:hover,
.coral-preferences .coral-openCommentStream-openButton:hover,
.coral-configure .coral-emailNotifications-updateButton:hover,
.coral-configure .coral-mediaPreferences-updateButton:hover,
.coral-configure .coral-ignoredComments-manageButton:hover,
.coral-configure .coral-openCommentStream-openButton:hover {
    background-color: #070707
}

.coral-preferences .coral-emailNotifications-updateButton:disabled,
.coral-preferences .coral-mediaPreferences-updateButton:disabled,
.coral-preferences .coral-ignoredComments-manageButton:disabled,
.coral-preferences .coral-openCommentStream-openButton:disabled,
.coral-configure .coral-emailNotifications-updateButton:disabled,
.coral-configure .coral-mediaPreferences-updateButton:disabled,
.coral-configure .coral-ignoredComments-manageButton:disabled,
.coral-configure .coral-openCommentStream-openButton:disabled {
    background-color: #a1a19f !important
}

.coral-tabBarMyProfile {
    border-bottom: none !important;
    padding: 16px 0
}

.coral-tabBarMyProfile>li .coral-tabBarSecondary-tab {
    border: 1px solid #212120;
    font-size: 14px;
    color: #212120 !important;
    padding: 4px 16px;
    -webkit-border-radius: 14px;
    -khtml-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius: 14px;
    border-radius: 14px
}

.coral-tabBarMyProfile>li .coral-tabBarSecondary-tab-active {
    background-color: #212120 !important;
    color: #fff !important
}

.coral-guidelines {
    background-color: #dae0ed !important;
    border: 1px solid var(--main-brand-color) !important;
    padding: 8px 12px;
    margin-bottom: 8px !important
}

.coral-guidelines>div {
    font-size: 14px !important;
    text-align: center;
    color: var(--main-brand-color) !important
}

.coral-configureCommentStream-applyButton,
.coral-general-moderateStreamLink {
    border-color: #212120 !important;
    color: #212120 !important
}

.coral-configureCommentStream-applyButton:hover,
.coral-general-moderateStreamLink:hover {
    background-color: #212120 !important;
    color: #fff !important
}

.coral-createComment button[type=submit],
.coral-createComment button[type=submit]:not(:disabled) {
    font-size: 15px;
    background-color: #212120;
    color: #fff;
    font-family: "raleway-bold", sans-serif;
    padding: 0 24px;
    display: inline-block;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: background-color .2s ease, color .2s ease;
    -moz-transition: background-color .2s ease, color .2s ease;
    -o-transition: background-color .2s ease, color .2s ease;
    transition: background-color .2s ease, color .2s ease;
    border-color: var(--brand-black);
    border-radius: var(--main-brand-border-radius) !important;
    line-height: normal
}

.coral-createComment button[type=submit]:hover,
.coral-createComment button[type=submit]:focus,
.coral-createComment button[type=submit]:active,
.coral-createComment button[type=submit]:not(:disabled):hover,
.coral-createComment button[type=submit]:not(:disabled):focus,
.coral-createComment button[type=submit]:not(:disabled):active {
    background-color: #070707;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: 0
}

.coral-createComment button[type=submit]:disabled,
.coral-createComment button[type=submit] [disabled=disabled],
.coral-createComment button[type=submit]:not(:disabled):disabled,
.coral-createComment button[type=submit]:not(:disabled) [disabled=disabled] {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none
}

.coral-createComment button[type=submit]:disabled,
.coral-createComment button[type=submit]:not(:disabled):disabled {
    font-size: 15px;
    background-color: #a1a19f;
    color: #fff;
    font-family: "raleway-bold", sans-serif;
    padding: 0 24px;
    display: inline-block;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: background-color .2s ease, color .2s ease;
    -moz-transition: background-color .2s ease, color .2s ease;
    -o-transition: background-color .2s ease, color .2s ease;
    transition: background-color .2s ease, color .2s ease
}

.coral-createComment button[type=submit]:disabled:hover,
.coral-createComment button[type=submit]:disabled:focus,
.coral-createComment button[type=submit]:disabled:active,
.coral-createComment button[type=submit]:not(:disabled):disabled:hover,
.coral-createComment button[type=submit]:not(:disabled):disabled:focus,
.coral-createComment button[type=submit]:not(:disabled):disabled:active {
    background-color: #888885;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: 0
}

.coral-createComment button[type=submit]:disabled:disabled,
.coral-createComment button[type=submit]:disabled [disabled=disabled],
.coral-createComment button[type=submit]:not(:disabled):disabled:disabled,
.coral-createComment button[type=submit]:not(:disabled):disabled [disabled=disabled] {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none
}

@media(min-width: 10px)and (max-width: 1024px) {

    .coral-createComment button[type=submit],
    .coral-createComment button[type=submit]:not(:disabled) {
        margin-bottom: 8px !important
    }
}

.coral-createComment-closed {
    text-align: center;
    border: 0 !important;
    font-size: 14px;
    margin-bottom: 8px
}

.coral-createComment-closed i {
    display: none
}

.coral-createComment form>div>div:nth-child(1) {
    margin-bottom: 8px !important
}

.coral-createComment form>div>div:nth-child(2) {
    margin-bottom: 8px !important
}

.coral-createComment form>div>div:nth-child(2) div {
    color: #212120 !important
}

.coral-rte-content {
    font-size: 12px;
    color: #212120;
    padding: 8px;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

.coral-rte-placeholder {
    font-size: 12px !important;
    z-index: 1
}

.coral-replyList-showAllButton {
    display: block;
    min-width: 198px;
    width: auto;
    padding: 8px 15px;
    margin: 0 auto !important;
    background-color: #f5f5f5 !important;
    font-size: 11px;
    text-align: center;
    color: #212120 !important;
    border: 0 !important;
    -webkit-border-radius: var(--main-brand-border-radius);
    -khtml-border-radius: var(--main-brand-border-radius);
    -moz-border-radius: var(--main-brand-border-radius);
    -ms-border-radius: var(--main-brand-border-radius);
    -o-border-radius: var(--main-brand-border-radius);
    border-radius: var(--main-brand-border-radius);
    -webkit-transition: background-color .2s ease, color .2s ease;
    -moz-transition: background-color .2s ease, color .2s ease;
    -o-transition: background-color .2s ease, color .2s ease;
    transition: background-color .2s ease, color .2s ease
}

.coral-replyList-showAllButton:hover {
    background-color: #dcdcdc !important
}

.coral-allComments-loadMoreButton {
    display: block;
    min-width: 288px;
    width: auto;
    padding: 8px 15px;
    margin: 20px auto 0 !important;
    background-color: #212120 !important;
    font-size: 15px;
    text-align: center;
    font-family: "raleway-regular", sans-serif !important;
    height: 40px;
    color: #fff !important;
    border: 0 !important;
    font-weight: normal;
    -webkit-border-radius: var(--main-brand-border-radius);
    -khtml-border-radius: var(--main-brand-border-radius);
    -moz-border-radius: var(--main-brand-border-radius);
    -ms-border-radius: var(--main-brand-border-radius);
    -o-border-radius: var(--main-brand-border-radius);
    border-radius: var(--main-brand-border-radius);
    -webkit-transition: background-color .2s ease, color .2s ease;
    -moz-transition: background-color .2s ease, color .2s ease;
    -o-transition: background-color .2s ease, color .2s ease;
    transition: background-color .2s ease, color .2s ease
}

.coral-allComments-loadMoreButton:hover {
    background-color: #070707 !important
}

.coral-tabBarSecondary-tab>div span {
    color: #474753 !important;
    font-size: 16px;
    font-weight: normal;
    font-family: "raleway-regular", sans-serif !important;
    padding: 0;
    box-shadow: none !important
}

.coral-tabBarSecondary-tab>div span:nth-child(1) {
    letter-spacing: -0.5px
}

.coral-tabBarSecondary-tab>div span:nth-child(2) {
    background-color: rgba(0, 0, 0, 0)
}

.coral-tabBarSecondary-tab-active>div span {
    font-weight: bold;
    font-family: var(--font-family-bold) !important
}

.coral-tabBarComments {
    border-bottom: none
}

.coral-tabBarComments-featuredTooltip {
    margin-bottom: 0 !important
}

.coral-tabBarComments li button {
    border-bottom: none !important;
    padding: 0 8px !important;
    font-size: 16px;
    color: #474753 !important;
    font-family: var(--font-family-bold);
    letter-spacing: -0.5px
}

.coral-tabBarComments li button.coral-tabBarComments-featured {
    margin: 0 !important
}

.coral-tabBarComments li button .coral-counter {
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    color: #474753
}

.coral-tabBarComments li button .coral-counter span {
    color: #474753;
    font-size: 16px;
    font-family: var(--font-family-bold)
}

.coral-tabBarComments li button .coral-counter span:before {
    content: "("
}

.coral-tabBarComments li button .coral-counter span:after {
    content: ")"
}

.coral-comment-edited {
    margin-bottom: 8px
}

.coral-createReplyComment-replyTo {
    background-color: rgba(0, 0, 0, 0);
    border: none
}

.coral-createReplyComment-replyTo i {
    margin: 0 8px 0 0;
    font-size: 0;
    height: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("")
}

.coral-createReplyComment-replyToText {
    font-size: 12px;
    letter-spacing: 0
}

.coral-createReplyComment-replyToText span {
    font-size: 12px;
    letter-spacing: 0
}

.coral-createReplyComment button[type=button],
.coral-createReplyComment button[type=button]:not(:disabled) {
    font-size: 15px;
    color: #212120;
    font-family: "raleway-bold", sans-serif;
    padding: 0 24px;
    cursor: pointer;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    border: 1px solid #212120;
    background-color: #fff;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: background-color .2s ease, color .2s ease;
    -moz-transition: background-color .2s ease, color .2s ease;
    -o-transition: background-color .2s ease, color .2s ease;
    transition: background-color .2s ease, color .2s ease;
    border-radius: var(--main-brand-border-radius) !important;
    line-height: normal
}

.coral-createReplyComment button[type=button]:hover,
.coral-createReplyComment button[type=button]:focus,
.coral-createReplyComment button[type=button]:active,
.coral-createReplyComment button[type=button]:not(:disabled):hover,
.coral-createReplyComment button[type=button]:not(:disabled):focus,
.coral-createReplyComment button[type=button]:not(:disabled):active {
    background-color: #212120;
    color: #dededf;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: 0
}

.coral-createReplyComment button[type=button]:disabled,
.coral-createReplyComment button[type=button] [disabled=disabled],
.coral-createReplyComment button[type=button]:not(:disabled):disabled,
.coral-createReplyComment button[type=button]:not(:disabled) [disabled=disabled] {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none
}

.coral-createReplyComment button[type=submit],
.coral-createReplyComment button[type=button]:not(:disabled) {
    font-size: 15px;
    background-color: #212120;
    color: #fff;
    font-family: "raleway-bold", sans-serif;
    padding: 0 24px;
    display: inline-block;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: background-color .2s ease, color .2s ease;
    -moz-transition: background-color .2s ease, color .2s ease;
    -o-transition: background-color .2s ease, color .2s ease;
    transition: background-color .2s ease, color .2s ease;
    border-radius: var(--main-brand-border-radius) !important;
    background-color: #212120 !important;
    border: 0 !important;
    line-height: normal
}

.coral-createReplyComment button[type=submit]:hover,
.coral-createReplyComment button[type=submit]:focus,
.coral-createReplyComment button[type=submit]:active,
.coral-createReplyComment button[type=button]:not(:disabled):hover,
.coral-createReplyComment button[type=button]:not(:disabled):focus,
.coral-createReplyComment button[type=button]:not(:disabled):active {
    background-color: #070707;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: 0
}

.coral-createReplyComment button[type=submit]:disabled,
.coral-createReplyComment button[type=submit] [disabled=disabled],
.coral-createReplyComment button[type=button]:not(:disabled):disabled,
.coral-createReplyComment button[type=button]:not(:disabled) [disabled=disabled] {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none
}

.coral-createReplyComment button[type=submit]:disabled,
.coral-createReplyComment button[type=button]:not(:disabled):disabled {
    font-size: 15px;
    background-color: #a1a19f;
    color: #fff;
    font-family: "raleway-bold", sans-serif;
    padding: 0 24px;
    display: inline-block;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: background-color .2s ease, color .2s ease;
    -moz-transition: background-color .2s ease, color .2s ease;
    -o-transition: background-color .2s ease, color .2s ease;
    transition: background-color .2s ease, color .2s ease
}

.coral-createReplyComment button[type=submit]:disabled:hover,
.coral-createReplyComment button[type=submit]:disabled:focus,
.coral-createReplyComment button[type=submit]:disabled:active,
.coral-createReplyComment button[type=button]:not(:disabled):disabled:hover,
.coral-createReplyComment button[type=button]:not(:disabled):disabled:focus,
.coral-createReplyComment button[type=button]:not(:disabled):disabled:active {
    background-color: #888885;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: 0
}

.coral-createReplyComment button[type=submit]:disabled:disabled,
.coral-createReplyComment button[type=submit]:disabled [disabled=disabled],
.coral-createReplyComment button[type=button]:not(:disabled):disabled:disabled,
.coral-createReplyComment button[type=button]:not(:disabled):disabled [disabled=disabled] {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none
}

.coral-createReplyComment form>div .coral-createReplyComment-replyTo {
    margin: 8px 0 0 8px !important
}

.coral-createReplyComment form>div .coral-createReplyComment-replyTo span {
    color: #212120 !important
}

.coral-createReplyComment form>div>div:nth-child(2) {
    margin: 8px 0 !important
}

.coral-stream {
    background-color: #eceff5;
    padding: 16px;
    width: auto
}

.coral-comment,
.coral-featuredComment,
.coral-myComment {
    margin-bottom: 0 !important
}

.coral-comment-collapse-toggle,
.coral-featuredComment-collapse-toggle,
.coral-myComment-collapse-toggle {
    display: none !important
}

.coral-comment-collapse-toggle-indent,
.coral-featuredComment-collapse-toggle-indent,
.coral-myComment-collapse-toggle-indent {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important
}

.coral-comment-userTag,
.coral-featuredComment-userTag,
.coral-myComment-userTag {
    font-family: var(--font-family-bold);
    font-size: 11px;
    letter-spacing: .6px;
    text-transform: uppercase;
    padding: 4px 16px;
    margin-bottom: 8px;
    color: #fff;
    background-color: #212120;
    -webkit-border-radius: var(--main-brand-border-radius);
    -khtml-border-radius: var(--main-brand-border-radius);
    -moz-border-radius: var(--main-brand-border-radius);
    -ms-border-radius: var(--main-brand-border-radius);
    -o-border-radius: var(--main-brand-border-radius);
    border-radius: var(--main-brand-border-radius)
}

.coral-comment-username span,
.coral-featuredComment-username span,
.coral-myComment-username span {
    font-size: 15px;
    letter-spacing: -0.47px;
    font-family: var(--font-family-bold);
    color: #474753
}

.coral-comment .coral-comment-inReplyTo,
.coral-featuredComment .coral-comment-inReplyTo,
.coral-myComment .coral-comment-inReplyTo {
    margin-top: 8px
}

.coral-comment .coral-comment-inReplyTo i,
.coral-featuredComment .coral-comment-inReplyTo i,
.coral-myComment .coral-comment-inReplyTo i {
    margin: 0;
    font-size: 0;
    height: 11px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("")
}

.coral-comment .coral-comment-inReplyTo .coral-comment-inReplyToText,
.coral-featuredComment .coral-comment-inReplyTo .coral-comment-inReplyToText,
.coral-myComment .coral-comment-inReplyTo .coral-comment-inReplyToText {
    font-size: 11px;
    color: #212120
}

.coral-comment .coral-comment-inReplyTo .coral-comment-inReplyToText span,
.coral-featuredComment .coral-comment-inReplyTo .coral-comment-inReplyToText span,
.coral-myComment .coral-comment-inReplyTo .coral-comment-inReplyToText span {
    font-size: 11px;
    color: #212120
}

.coral-comment-content,
.coral-featuredComment-content,
.coral-myComment-content {
    font-size: 13px;
    line-height: 18px;
    color: #212120;
    margin: 12px 0 !important
}

.coral-comment-topBar>div:first-child,
.coral-featuredComment-topBar>div:first-child,
.coral-myComment-topBar>div:first-child {
    flex-direction: column-reverse;
    align-items: flex-start
}

.coral-comment-topBar>div:first-child div:last-child time,
.coral-featuredComment-topBar>div:first-child div:last-child time,
.coral-myComment-topBar>div:first-child div:last-child time {
    margin-bottom: 8px;
    display: block
}

.coral-comment-topBar>div:first-child div:last-child time span:before,
.coral-featuredComment-topBar>div:first-child div:last-child time span:before,
.coral-myComment-topBar>div:first-child div:last-child time span:before {
    background-image: url("")
}

.coral-comment-actionBar,
.coral-featuredComment-actionBar,
.coral-myComment-actionBar {
    margin-top: 8px
}

.coral-comment-actionBar button,
.coral-comment-actionBar .coral-featuredComment-replies,
.coral-comment-actionBar .coral-featuredComment-goToConversationButton,
.coral-featuredComment-actionBar button,
.coral-featuredComment-actionBar .coral-featuredComment-replies,
.coral-featuredComment-actionBar .coral-featuredComment-goToConversationButton,
.coral-myComment-actionBar button,
.coral-myComment-actionBar .coral-featuredComment-replies,
.coral-myComment-actionBar .coral-featuredComment-goToConversationButton {
    font-size: 11px;
    color: #212120 !important;
    font-family: "raleway-regular", sans-serif !important;
    font-weight: normal;
    flex-direction: row-reverse;
    padding: 0;
    margin-right: 20px !important;
    margin-bottom: 6px !important
}

.coral-comment-actionBar button i,
.coral-comment-actionBar .coral-featuredComment-replies i,
.coral-comment-actionBar .coral-featuredComment-goToConversationButton i,
.coral-featuredComment-actionBar button i,
.coral-featuredComment-actionBar .coral-featuredComment-replies i,
.coral-featuredComment-actionBar .coral-featuredComment-goToConversationButton i,
.coral-myComment-actionBar button i,
.coral-myComment-actionBar .coral-featuredComment-replies i,
.coral-myComment-actionBar .coral-featuredComment-goToConversationButton i {
    margin: 0 4px 0 0;
    font-size: 0;
    height: 17px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.coral-comment-actionBar button:active,
.coral-comment-actionBar button:focus,
.coral-comment-actionBar button:hover,
.coral-comment-actionBar .coral-featuredComment-replies:active,
.coral-comment-actionBar .coral-featuredComment-replies:focus,
.coral-comment-actionBar .coral-featuredComment-replies:hover,
.coral-comment-actionBar .coral-featuredComment-goToConversationButton:active,
.coral-comment-actionBar .coral-featuredComment-goToConversationButton:focus,
.coral-comment-actionBar .coral-featuredComment-goToConversationButton:hover,
.coral-featuredComment-actionBar button:active,
.coral-featuredComment-actionBar button:focus,
.coral-featuredComment-actionBar button:hover,
.coral-featuredComment-actionBar .coral-featuredComment-replies:active,
.coral-featuredComment-actionBar .coral-featuredComment-replies:focus,
.coral-featuredComment-actionBar .coral-featuredComment-replies:hover,
.coral-featuredComment-actionBar .coral-featuredComment-goToConversationButton:active,
.coral-featuredComment-actionBar .coral-featuredComment-goToConversationButton:focus,
.coral-featuredComment-actionBar .coral-featuredComment-goToConversationButton:hover,
.coral-myComment-actionBar button:active,
.coral-myComment-actionBar button:focus,
.coral-myComment-actionBar button:hover,
.coral-myComment-actionBar .coral-featuredComment-replies:active,
.coral-myComment-actionBar .coral-featuredComment-replies:focus,
.coral-myComment-actionBar .coral-featuredComment-replies:hover,
.coral-myComment-actionBar .coral-featuredComment-goToConversationButton:active,
.coral-myComment-actionBar .coral-featuredComment-goToConversationButton:focus,
.coral-myComment-actionBar .coral-featuredComment-goToConversationButton:hover {
    color: #212120;
    border: none;
    outline: 0
}

.coral-comment-actionBar .coral-comment-reactButton i,
.coral-comment-actionBar .coral-featuredComment-reactButton i,
.coral-featuredComment-actionBar .coral-comment-reactButton i,
.coral-featuredComment-actionBar .coral-featuredComment-reactButton i,
.coral-myComment-actionBar .coral-comment-reactButton i,
.coral-myComment-actionBar .coral-featuredComment-reactButton i {
    background-image: url("")
}

.coral-comment-actionBar .coral-comment-replyButton i,
.coral-comment-actionBar .coral-featuredComment-replies i,
.coral-featuredComment-actionBar .coral-comment-replyButton i,
.coral-featuredComment-actionBar .coral-featuredComment-replies i,
.coral-myComment-actionBar .coral-comment-replyButton i,
.coral-myComment-actionBar .coral-featuredComment-replies i {
    background-image: url("")
}

.coral-comment-actionBar .coral-comment-reportButton,
.coral-featuredComment-actionBar .coral-comment-reportButton,
.coral-myComment-actionBar .coral-comment-reportButton {
    background-color: rgba(0, 0, 0, 0) !important;
    border: 0 !important
}

.coral-comment-actionBar .coral-comment-reportButton i,
.coral-featuredComment-actionBar .coral-comment-reportButton i,
.coral-myComment-actionBar .coral-comment-reportButton i {
    background-image: url("")
}

.coral-comment-actionBar .coral-featuredComment-goToConversationButton,
.coral-featuredComment-actionBar .coral-featuredComment-goToConversationButton,
.coral-myComment-actionBar .coral-featuredComment-goToConversationButton {
    margin-right: 0 !important
}

.coral-comment-actionBar .coral-featuredComment-goToConversationButton i,
.coral-featuredComment-actionBar .coral-featuredComment-goToConversationButton i,
.coral-myComment-actionBar .coral-featuredComment-goToConversationButton i {
    background-image: url("")
}

.coral-comment-actionBar>div:nth-child(1)>div button i,
.coral-featuredComment-actionBar>div:nth-child(1)>div button i,
.coral-myComment-actionBar>div:nth-child(1)>div button i {
    background-image: url("")
}

.coral-comment-actionBar>div:nth-child(1)>div .coral-sharePopover,
.coral-featuredComment-actionBar>div:nth-child(1)>div .coral-sharePopover,
.coral-myComment-actionBar>div:nth-child(1)>div .coral-sharePopover {
    padding: 4px 8px !important
}

input[type=checkbox]:checked~label:before {
    border: 1px solid #212120 !important
}

input[type=checkbox]:checked~label:after {
    color: #212120 !important
}

#comments-allComments-log>div>div {
    position: relative !important
}

#comments-allComments-viewNewButton {
    background-color: #000 !important;
    border-color: #000 !important;
    color: #fff !important
}

#comments-allComments-log,
#comments-featuredComments-log,
.coral-permalink .coral-comment {
    text-align: center
}

#comments-allComments-log>div,
#comments-featuredComments-log>div,
.coral-permalink .coral-comment>div {
    background-color: #fff;
    padding: 16px;
    -o-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
    -ms-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
    -moz-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
    -khtml-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
    -webkit-box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
    box-shadow: 0 8px 12px -4px rgba(130, 136, 148, .24), 0 0 4px 0 rgba(141, 141, 148, .16), 0 0 2px 0 rgba(141, 141, 148, .12);
    margin-bottom: 8px !important;
    text-align: left
}

@media(min-width: 1024px) {

    #comments-allComments-log>div,
    #comments-featuredComments-log>div,
    .coral-permalink .coral-comment>div {
        margin-bottom: 16px !important
    }
}

#comments-allComments-log>div>.coral-comment~div>div,
#comments-featuredComments-log>div>.coral-comment~div>div,
.coral-permalink .coral-comment>div>.coral-comment~div>div {
    border-left: 1px solid #e1e1e1;
    padding: 10px 0 10px 16px
}

#comments-allComments-log>div>div>div>div span,
#comments-featuredComments-log>div>div>div>div span,
.coral-permalink .coral-comment>div>div>div>div span {
    margin-right: 8px !important
}

#comments-allComments-log>div>div>div>div time span,
#comments-featuredComments-log>div>div>div>div time span,
.coral-permalink .coral-comment>div>div>div>div time span {
    margin-right: 0 !important
}

#comments-allComments-log>div:last-child,
#comments-featuredComments-log>div:last-child,
.coral-permalink .coral-comment>div:last-child {
    display: none
}

#comments-featuredComments-log>div {
    border: 0 !important;
    padding: 62px 16px 16px;
    position: relative;
    display: flex !important;
    flex-direction: column
}

#comments-featuredComments-log>div:before {
    content: "Top Comment";
    font-size: 10px;
    text-transform: uppercase;
    font-family: var(--font-family-bold);
    position: absolute;
    top: 16px;
    left: 16px;
    color: #dd1f26
}

#comments-featuredComments-log>div>div:nth-child(1) {
    order: 1
}

#comments-featuredComments-log>div .coral-featuredComment-authorBar {
    order: 0;
    margin: 0 0 8px 0 !important
}

#comments-featuredComments-log>div .coral-featuredComment-actionBar {
    order: 2
}

#comments-featuredComments-log .coral-timestamp {
    position: absolute;
    top: 36px;
    left: 16px
}

#comments-featuredComments-log .coral-timestamp:before {
    background-image: url("")
}

.coral-conversationThread>div>div {
    border: 0 !important;
    margin-left: 0 !important;
    padding-left: 0 !important
}

.coral-conversationThread>div>div>div>div {
    display: none
}

.coral-conversationThread>div>div>div>div.coral-comment {
    display: block
}

.coral-conversationThread .coral-comment-featuredTag {
    display: none !important
}

.coral-indent-1 {
    padding: 0;
    margin-left: 0 !important;
    border-left: none !important;
    margin-bottom: 10px !important
}

.coral-indent-2 {
    padding: 0;
    margin-left: 0 !important;
    border-left: none !important;
    margin-bottom: 10px !important
}

.coral-indent-3 {
    padding: 0;
    margin-left: 0 !important;
    border-left: none !important;
    margin-bottom: 10px !important
}

.coral-indent-4 {
    padding: 0;
    margin-left: 0 !important;
    border-left: none !important;
    margin-bottom: 10px !important
}

.coral-indent-5 {
    padding: 0;
    margin-left: 0 !important;
    border-left: none !important;
    margin-bottom: 10px !important
}

.coral-indent-6 {
    padding: 0;
    margin-left: 0 !important;
    border-left: none !important;
    margin-bottom: 10px !important
}

.coral-indent-7 {
    padding: 0;
    margin-left: 0 !important;
    border-left: none !important;
    margin-bottom: 10px !important
}

.coral-indent-8 {
    padding: 0;
    margin-left: 0 !important;
    border-left: none !important;
    margin-bottom: 10px !important
}

.coral-indent-9 {
    padding: 0;
    margin-left: 0 !important;
    border-left: none !important;
    margin-bottom: 10px !important
}

.coral-indent-10 {
    padding: 0;
    margin-left: 0 !important;
    border-left: none !important;
    margin-bottom: 10px !important
}

.coral-indent-11 {
    padding: 0;
    margin-left: 0 !important;
    border-left: none !important;
    margin-bottom: 10px !important
}

.coral-indent-0 {
    padding: 4px 0 20px
}

div[data-viewport-type=window] {
    position: relative !important
}

div[class~=AllCommentsTabContainer-refreshContainer] {
    top: -50px !important;
    background-color: rgba(0, 0, 0, 0) !important;
    box-shadow: none !important
}

div[class~=AllCommentsTabContainer-refreshContainer]>div button {
    background-color: #000 !important;
    border-radius: 0 !important
}

div[class~=AllCommentsTabContainer-refreshContainer] button {
    background-color: #000 !important;
    border-radius: 0 !important
}

div[class^=AllCommentsTabContainer-refreshContainer-] {
    padding: 8px !important;
    border-radius: 6px;
    position: absolute !important;
    z-index: 10
}

div[class^=AllCommentsTabContainer-refreshContainer-]>div button {
    background-color: #000 !important;
    border-radius: 0 !important;
    padding: 6px 8px 4px !important
}

div [class^=AllCommentsTabContainer-refreshButton-] {
    background-color: #000 !important;
    border-radius: 0;
    padding: 6px 8px 4px
}

div [class^=AllCommentsTabContainer-closeButton-] {
    background-color: #000 !important;
    border-radius: 0;
    padding: 6px 8px 4px
}

:root {
    --font-family-sans-serif: "raleway-regular", sans-serif;
    --font-family-serif: "raleway-regular", sans-serif
}

.coral-tabBar-tab {
    color: rgba(33, 33, 32, .5)
}

.coral-tabBar-tab-active,
.coral-tabBar-tab:hover {
    color: #ff3266 !important;
    border-bottom: 3px solid #ff3266 !important
}

.coral-tabBarMyProfile>li .coral-tabBarSecondary-tab {
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.coral-guidelines {
    background-color: #dae0ed !important;
    border: 1px solid #212120 !important
}

#comments-featuredComments-log>div::before {
    content: "Top Kommentaar";
    color: #2cb6dc
}