:root {
    --space-xs: 10px;
    --space-sm: 15px;
    --space-md: 30px;
    --space-lg: 60px;
    --mainfont:'Manrope';
}

/* @import url(https://fonts.googleapis.com/css2?family=PF+Das+Grot:wght@400&display=swap); */
/* .wrap-postbody{margin-inline:auto;max-width:700px} */

.article--meta{justify-content:space-between}

.aem__gem_comments{font-family:var(--mainfont),sans-serif;color:var(--blue);max-width:646px;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:50px}
#comments-section {scroll-margin-top: 6.2rem}
.aem__gem_comments *{-webkit-box-sizing:border-box;box-sizing:border-box}

.aem__gem_comments .column {
    padding: 0;
    display: flex;
    flex-direction: column;
    width:100%;
    box-sizing: border-box;
}
.aem__gem_comments .hidden{display:none!important}
.red-bg {background-color:#FF0000}
.abs {position: absolute}
.abs.top {top: 0}
.abs.left {left: 0}
.abs.right {right: 0}
.abs.bottom {bottom: 0}
.fh {height: 100%}
.fw {width:100%}

.wrap{flex-wrap:wrap}
/* .gap-md{gap:30px} */
.aem__gem_comments .pl-2{padding-left:var(--space-md)!important}
.aem__gem_comments .pt-1{padding-top:var(--space-sm)!important}
.aem__gem_comments .ml-2{margin-left:var(--space-md)!important}
.aem__gem_comments .mt-1{margin-top:var(--space-sm)!important}
.center-center{place-content:center;align-items:center}
.center-end{place-content:flex-end center;align-items:flex-end}
.center-start{place-content:flex-start center;align-items:flex-start}
.center-stretch{place-content:stretch center;align-items:stretch}
.space-between-center{place-content:center space-between;align-items:center}
.space-between-start{place-content:flex-start space-between;align-items:flex-start}
.space-between-end{place-content:flex-end space-between;align-items:flex-end}
.space-between-stretch{place-content:stretch space-between;align-items:stretch}
.space-around-stretch{place-content:stretch space-around;align-items:stretch}
.space-around-center{place-content:center space-around;align-items:center}
.start-start{place-content:flex-start flex-start;align-items:flex-start}
.start-center{place-content:center flex-start;align-items:center}
.start-end{place-content:flex-end flex-start;align-items:flex-end}
.start-stretch{place-content:stretch flex-start;align-items:stretch}
.end-center{place-content:center flex-end;align-items:center}
.end-end{place-content:flex-end flex-end;align-items:flex-end}
.end-start{place-content:flex-start flex-end;align-items:flex-start}
.flex-grow{flex:1 1 100%}
.flex-auto{flex:1 1 auto}
.flex-expand{flex:1}

.comments-form {
    display: flex;
    padding: 16px 0;
    flex-direction: column;
    gap: 7px;
    align-self: stretch;
    border-radius: 0;
    border-top: 1px solid var(--blue);
    background:var(--yellow);
    margin-top:30px;
}
/* .aem__gem_comments .column .row.gap-xs{gap:8px} */
.aem__gem_comments .comments-block-header {
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-top: 2.5px solid var(--blue);
    display: flex;
    border-bottom: 1px dashed var(--blue);
    padding-top: 15px;
}
.aem__gem_comments .comments-block-header .count-container {
    display: flex;
    align-items: center;
    gap:5px;
    width: 100%;
}
.aem__gem_comments .comments-title {
    font-family: var(--mainfont);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: -0.32px;
    color: var(--blue);
}

.comments-list {
    padding: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    gap: 30px;
}

.aem__gem_comments .rel{position:relative}
.comments-form .form-header{margin-bottom:16px;padding-inline:16px}
.comments-form .form-header .form-title {
    color: var(--blue);
    font-family: var(--mainfont);
    font-size: 19px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -0.38px;
}
.comments-form input, .comments-form textarea {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    border-radius: 4px;
    background: rgba(239, 234, 196, 0.50);
    border: none;
    padding: 8px 8px;
    color: #262626;
    font-size: 16px;
    min-height: 36px;
    position: relative;
    font-family: 'Manrope';
    border: 1px solid #262626;
    width: 100%;
    resize: vertical;
    box-sizing: border-box;  
}
.aem__gem_comments .form-field-item{position:relative}
.aem__gem_comments #charCountComment,
.aem__gem_comments #charCountNickname{position:absolute;bottom:10px;right:26px;text-align:right;font-size:12px;font-style:normal;font-weight:400;line-height:155%;letter-spacing:-.12px;color:var(--blue)}
.aem__gem_comments #charCountComment{bottom:10px}
.comments-form textarea{height:124px;margin-top:0}
.submit-button,
.submit-comment {
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    display: block;
    width: 100%;
    border: none;
    border-radius: 4px;
    font-family: var(--mainfont);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    transition: all .3s ease;
    line-height: 18px;
    letter-spacing: 0.48px;
    padding: 8px 16px;
    color:#FFFFFF;
    background-color:var(--blue);
    border: 1px solid var(--blue);
    cursor:pointer;
    
}
.comments-form .disabled .submit-button,
.comments-form .disabled .submit-comment {
    background:#A6A6A6;
    color: #FFF;
    border-color:transparent;
    pointer-events: none;
    font-weight:700;
}
/* .aem__gem_comments .loader {
    text-align: center;
} */
.comments-section .loader-spinner{width:24px;height:24px;border:2px solid #192456;border-bottom-color:transparent;border-radius:50%;box-sizing:border-box;animation:rotation 1s linear infinite;display:block;margin:0 auto 20px}
.submit-comment .loader-spinner{border-color:#fff;border-bottom-color:transparent}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* .comments-form .submit-comment {
    background: var(--blue);
    cursor: pointer;
    font-weight: 700;
    color: #fff;
} */
.comments-form .submit-comment:hover{background-color:var(--darkblue)}
.comments-terms a{text-decoration:underline;color:#555}
.comments-terms{ display: block;color:#555;font-family:var(--mainfont);font-size:12px;font-style:normal;font-weight:400;line-height:155%;letter-spacing:-.11px;margin-top:15px}
.validation-error{color:#FF0000;font-family:var(--mainfont);font-size:11px;font-style:normal;font-weight:500;line-height:155%;letter-spacing:-.11px;position:absolute;margin-top:0;top:100%}
.aem__gem_comments .comment-text {
    color: #4B4A48;
    font-family: var(--mainfont);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
     padding: 6px 0 10px 0;
/*     padding-right: 12px; */
}
/* .aem__gem_comments .column .row:not(.hidden){display:flex}
.aem__gem_comments .column .row.end-end{justify-content:flex-end}
.aem__gem_comments .column .row.wrap{flex-wrap:wrap} */

.aem__gem_comments .comment-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items:flex-start;
}.aem__gem_comments .comment-header .comment-meta {
    display: flex;
    align-items: center;
}

.aem__gem_comments .comment-header .comment-author{color:var(--blue);font-family:var(--mainfont);font-size:16px;font-style:normal;font-weight:700;line-height:110%;letter-spacing:-.64px}
.aem__gem_comments .comment-header time {
    text-align: right;
    font-family: var(--mainfont);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    color:var(--blue);
}
.comment-actions {
    display: flex;
    align-items: center;
    justify-content:space-between
}.comment-actions .reply-toggle-wrapper .toggle-replies-button {
    margin-right: 12px;
}
.aem__gem_comments .comments-list .comment-item .reply-button {
    color: var(--blue);
    font-family: var(--mainfont);
    font-size: 12px;
    font-style: normal;
    line-height: 18px;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    letter-spacing: 0.48px;
}
/* .aem__gem_comments .comments-list .comment-item{padding-bottom:30px} */
.aem__gem_comments .comments-list .comment-item .reply-button:hover{cursor:pointer;color:var(--darkblue)}
.aem__gem_comments .comments-list .comment-item .comment-replies{position:relative;padding-left:0;padding-top:0}

.aem__gem_comments .comments-list .comment-item .reply-button {
    background-color: transparent;
    border-radius: 4px;
    border: 0.5px solid rgba(25, 36, 86, 0.50);
    font-weight: 500;
    padding: 2px 8px;
}

.load-more-replies-button:hover,
.toggle-replies-button:hover{cursor:pointer}

.load-more-replies-button,
.toggle-replies-button {
    font-family: var(--mainfont);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 155%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    background: 0 0;
    border: none;
    padding: 0;
    color:var(--blue);
  letter-spacing: 0.48px;
}
.comment-replies-wrapper {
    margin-top: 15px;
    margin-left: 30px;
    padding-top: 15px;
    padding-left: 30px;
}
.comments-section .comment-replies .comment-reply{position:relative;padding-top:0;margin-bottom:30px}
.comments-section .comment-replies .comment-reply .comment-author:after,
.comments-section .comment-replies .comment-reply .comment-author:before{content:'';position:absolute;display:block;left:-44px;border-left:1px solid #CCC;width:30px}
.comment-replies-wrapper .loader {
    margin-top: -30px;
    line-height: 1;
}

.comments-section .comment-replies .comment-reply .comment-author:before{top:-18px;border-bottom:1px solid  #CCC;height:28px}
.comments-section .comment-replies .comment-reply:not(:last-child) .comment-author:after {top: 0px;height: calc(100% + 12px)}
.comments-section .comment-replies .comment-reply:last-child .comment-author:before{border-radius:0 0 0 8px}

.load-more-button {
    color: #fff;
    font-family: var(--mainfont);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    background-color: var(--blue);
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    width: 100%;
    max-width: 167px;
    margin-inline: auto;
    border: none;
    border-radius: 4px;
    height: 34px;
    display: flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    letter-spacing: 0.48px;
    border: 1px solid var(--blue);
    white-space:nowrap;
    margin-bottom:25px;
    margin-bottom:40px;
}
.load-more-button:hover{cursor:pointer;background-color:#3A6D78;color:#FFFFFF;border-color:#3A6D78}
.load-more-button:focus{cursor:pointer;background-color:#2E7C90;color:#FFFFFF;border-color:#3A6D78}

/* .aem__gem_comments .comment-count{width:60px;height:48px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="61" height="48" viewBox="0 0 61 48" fill="none"><path d="M50.1607 0H10.8403C4.87867 0 0 5.00925 0 11.1304V28.355C0 34.4772 4.87867 39.4855 10.8403 39.4855H12.931L25.6706 48V39.4855H50.1597C56.1223 39.4855 61 34.4762 61 28.355V11.1304C61 5.00825 56.1223 0 50.1607 0Z" fill="%231C4182"/></svg>');color:#fff;display:flex;justify-content:center;color:#fff;text-align:center;font-family:var(--mainfont);font-size:25px;font-style:normal;font-weight:500;line-height:155%;letter-spacing:-.25px} */

.aem__gem_comments .comment-count .comment-count-value {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    color: var(--blue);
    display: flex;
    align-items: end;
    gap: 5px;
}

/* .aem__gem_comments .comment-count .comment-count-value::before {
    content: "";
    width: 14px;
    height: 17px;
    background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="18" viewBox="0 0 15 18" fill="none"><path d="M14 0.5H1C0.723858 0.5 0.5 0.723858 0.5 1V9.90476C0.5 10.1809 0.723858 10.4048 1 10.4048H11.1151C11.2453 10.4048 11.3704 10.4556 11.4637 10.5464L13.6514 12.6744C13.9683 12.9827 14.5 12.7582 14.5 12.3161V1C14.5 0.723858 14.2761 0.5 14 0.5Z" fill="%23192456" stroke="%23192456"/></svg>');
    background-size: 100%;
    background-repeat:no-repeat;
    display: block;
} */

.comments-form .form-feedback {
    border-radius:4px;    color:#FFF;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    font-size: 12px;
    padding: 8px 16px;
/*     display: flex;
    align-items: center;
    justify-content: center; */
}
/* .comments-form .form-feedback .success {color: #FFF} */

.comments-form .form-feedback .form-feedback-text {
    display: flex;
    align-items: center;
    font-weight: 700;
    justify-content: center;
    height: 100%;

}

.comments-form .form-feedback.success {
    background-color:#51A16B;
}.comments-form .form-feedback.failed {
  background-color:#FF0000;
}

#answerParent {
    font-size: 12px;
}
#answerParent #answerParentName {color:var(--blue);padding-left:2px}

.form-field-list {
    gap: 20px;
    padding: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    align-items: stretch;
}span.form-terms {
    display: block;
    margin-top: 16px;
    font-size: 12px;
    color: var(--blue);
    border-top: 1px dashed var(--blue);
    padding-top: 10px;
    padding-inline: 16px;
    font-weight: 500;
}
span.form-terms a {
    color: var(--blue);
    text-decoration: underline;
}
.form-field-list .form-field-container {
    position: relative;
}
.form-field-list .form-field-container {
    padding-inline: 16px;
}

.grecaptcha-badge {display: none !important}

/* .comments-big-bubble-value:before {
    content: "";
    background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" viewBox="0 0 13 12" fill="none"><path d="M12 0.5H1C0.723858 0.5 0.5 0.723857 0.5 1V8.38095C0.5 8.65709 0.723857 8.88095 1 8.88095H9.57152C9.70063 8.88095 9.82473 8.93089 9.91785 9.02032L11.6537 10.6873C11.9715 10.9924 12.5 10.7672 12.5 10.3266V1C12.5 0.723858 12.2761 0.5 12 0.5Z" fill="%23192456" stroke="%23192456"/></svg>');
    display: block;
    width: 12px;
    height: 11px;
    background-repeat: no-repeat;
    background-size:100%;
    margin-right:5px;
} */

.comments-big-bubble .comments-big-bubble-value {
    display: flex;
    color:var(--blue);
    font-family: 'Manrope';
    font-size: 14px;
    font-weight: 500;
    align-items: center;
}

a.comments-big-bubble {
    display: flex;
    align-items: center;
    gap: 5px;
}
a.comments-big-bubble svg {
    margin-top: 4px;
}
.comments-big-bubble-title{font-size:14px;font-weight:500;color:var(--blue)}
.comments-big-bubble-text {
    display: flex;
    gap: 5px;
}


.aem__gem_comments .comments-block-header .count-container .comment-count {
    gap: 5px;
    display: flex;
    align-items: center;
}

.comments-big-bubble:hover .comments-big-bubble-title,
.comments-big-bubble:hover .comments-big-bubble-value{color:#005F8E}
.comments-big-bubble:hover .comments-big-bubble-value:before {filter: initial}

a.comments-big-bubble:hover svg path{fill:#005F8E;stroke:#005F8E}

.gem-bubble-wrap {
    display: flex;
    align-items: center;
    gap:6px;
}

.submit-button-container{position:relative;margin-inline:16px;}
.load-more-replies-button:hover, .toggle-replies-button:hover {
    color:#3A6D78;
}

#answerParentCancel {
    line-height: 0;
}.reply-indicator {
    color: var(--blue);
    font-size: 14px;
    margin-bottom:15px;
    letter-spacing: -0.56px;
    font-weight:500;
    padding-inline:16px;
    gap:8px;display:flex;align-items:center
}.reply-indicator svg {
    width: 8px;
    height: 8px;
/*     opacity: 0.5; */
}#answerParent strong {
    font-weight: 500;
    letter-spacing:initial;
}#answerParent {
    font-size: 14px;
}.reply-indicator svg path {
    fill: var(--blue);
}

.submit-button-container{
    position: relative;
    overflow: hidden;
}
.submit-button-container .overlay{
    background-color: var(--blue);
    position: absolute;
    top: 0;
    width: 100%;
    bottom: 0;
    border-radius: 4px;
    place-content: center;
    align-items: center;
}
.submit-button-container .overlay:not(.hidden){
    display: flex;
}

 .loader-spinner {
    width: 24px;
    height: 24px;
    border: 2px solid var(--contrast);
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}
@keyframes rotation {
    0% {        transform: rotate(0deg);    }
    100% {        transform: rotate(360deg);}
}


.form-field .form-field-label {
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 8px;
    display: block;
    color: var(--blue);
    line-height: 140%;
}.form-field .form-field-label:after {
    content: "*";
    margin-left:3px;
    color: #FF0000;
}

.submit-button:hover {
    border-color:#3A6D78;
    background-color:#3A6D78;
    color: #fff;
}
.submit-button:focus{
    border-color:#3A6D78;  
  background-color:#2E7C90;    color: #fff;
}

.form-field-validation-error input {
    border-color: #FF0000;
}


.aem__gem_comments .comments-list .comment-item .reply-button:focus,
.aem__gem_comments .comments-list .comment-item .reply-button:hover{color:#3A6D78;border-color:#3A6D78}

.comment-actions-end {
    justify-content: flex-end;
    display: flex;
}
.comment-actions .reply-toggle-wrapper {
    line-height: 0;
}

.post-template-insidest .aem__gem_comments .comments-block-header {border-color: #FFF}

.post-template-insidest .form-field .form-field-label,
.post-template-insidest .comments-form .form-header .form-title,
.post-template-insidest .aem__gem_comments .comment-count .comment-count-value,
.post-template-insidest .aem__gem_comments .comment-header .comment-author,
.post-template-insidest .aem__gem_comments .comment-text,
.post-template-insidest .aem__gem_comments .comments-title{color:#FFF}

.post-template-insidest #answerParent strong,
.post-template-insidest #answerParent #answerParentName,
.post-template-insidest .form-field .form-field-label,
.post-template-insidest .aem__gem_comments .comment-header time{color:#CCCCCC}
.post-template-insidest .aem__gem_comments .comments-list .comment-item .reply-button {color: rgba(255, 255, 255, 0.80);border-color: rgba(255, 255, 255, 0.80)}

.post-template-insidest .aem__gem_comments .comments-list .comment-item .reply-button:focus,
.post-template-insidest .aem__gem_comments .comments-list .comment-item .reply-button:hover{color:#FFF;border-color:#FFF}


.aem__gem_comments .comments-block-header .count-container {
    display: flex;
    align-items: center;
    gap: 5px;
    width: 100%;
}.aem__gem_comments .comments-block-header .count-container svg {
    margin-top: 4px;
}


/* .post-template-insidest .aem__gem_comments .comment-count .comment-count-value::before {
    filter: invert(1) brightness(100);
} */

.post-template-insidest .comments-form {
    background-color: var(--blue);
    border-top-color:#FFF;
}


.post-template-insidest .submit-button,
.post-template-insidest .submit-comment{
  background-color:#FAF5D4;color:var(--blue)
}

.post-template-insidest .submit-button:hover {border-color:#FFF;background-color:#FFF}
.post-template-insidest .submit-button:focus{border-color:#FFF;  background-color:#FFF}
.post-template-insidest .comments-form input,
.post-template-insidest .comments-form textarea{background-color:#1A2451;border-color:rgba(250,245,212, 0.5)}

.post-template-insidest .comments-form input::placeholder,
.post-template-insidest .comments-form textarea::placeholder{color:rgba(250,245,212, 0.5)}
.post-template-insidest .reply-indicator svg path,
.post-template-insidest .aem__gem_comments .comments-block-header .count-container svg path {fill: #FFF}


.post-template-insidest .comments-big-bubble-title,
.post-template-insidest .comments-big-bubble .comments-big-bubble-value {color: #FAF5D4}

.post-template-insidest .comments-big-bubble svg path{fill: #FAF5D4}

.post-template-insidest .load-more-button {
    background-color: #FAF5D4;
    color: var(--blue);
}
.post-template-insidest .load-more-button:hover, .post-template-insidest .load-more-button:focus {
    background-color: #FFF;
}

.post-template-insidest .load-more-replies-button:hover,
.post-template-insidest .toggle-replies-button:hover {
    color: #ccc;
}

.post-template-insidest .comments-big-bubble:hover .comments-big-bubble-title,
.post-template-insidest .comments-big-bubble:hover .comments-big-bubble-value{color:#FFFFFF}
.post-template-insidest .comments-big-bubble:hover .comments-big-bubble-value:before {filter: initial}

.post-template-insidest a.comments-big-bubble:hover svg path{fill:#FFFFFF;stroke:#192456}


.post-template-insidest span.form-terms{border-top-color:#FFFFFF}
.post-template-insidest .loader-spinner {
    border: 2px solid #FAF5D4;
    border-bottom-color: transparent;
}


@media (max-width:768px) {
.gem-bubble-wrap .comments-big-bubble-title {display: none}
}