#fcat-blog-post-comments,.fcat-blog-comment-form form{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}#fcat-block-comments>*,#fcat-blog-post-comments,.fcat-blog-comment-form{width:100%}.blog-comment-title{font-size:22px;color:#000;font-weight:600;line-height:40px}.fcat-blog-comment-form form{margin:20px 0;gap:15px}.input-container{position:relative;padding:20px 0 0;width:100%}.form-row{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:20px}.form-col,.form-row{width:100%}.form-input{font-family:inherit;width:100%;border:0;border-bottom:2px solid #9b9b9b;outline:0;font-size:17px;color:#000;padding:7px 0;background:0 0;transition:border-color .2s;resize:none}.form-input::placeholder{color:transparent}.form-input:placeholder-shown~.form-label{font-size:17px;cursor:text;top:20px}.form-label{position:absolute;top:0;display:block;transition:.2s;font-size:17px;color:#9b9b9b;font-weight:600;pointer-events:none}.form-input:focus{padding-bottom:6px;border-color:#000}.form-input:focus~.form-label{position:absolute;top:0;display:block;transition:.2s;font-size:17px;color:#000}.form-input:invalid,.form-input:required{box-shadow:none}.form-note{font-size:14px;color:#000;font-weight:600}.f-end-col{justify-content:flex-end}.f-end-col,.submit-btn,.submit-btn .icon{display:flex;align-items:center}.submit-btn{background:#000;color:#fff;font-family:inherit;font-weight:500;border-radius:.9em;border:0;box-shadow:inset 0 0 1.6em -.6em #000;overflow:hidden;position:relative;height:2.8em;padding:.35em 3.3em .35em 1.2em;cursor:pointer}.submit-btn .icon{background:#fff;margin-left:1em;position:absolute;justify-content:center;height:2.2em;width:2.2em;border-radius:.7em;box-shadow:.1em .1em .6em .2em #000;right:.3em;transition:all .3s}.submit-btn:hover .icon{width:calc(100% - .6em)}.submit-btn .icon svg{width:1.1em;transition:transform .3s;color:#000}.submit-btn:hover .icon svg{transform:translateX(.1em)}.submit-btn:active .icon{transform:scale(.95)}.blog-comments-item,.blog-comments-wrapper{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.blog-comments-wrapper{margin:20px 0;gap:40px}.blog-comments-item{gap:10px;padding-bottom:40px;border-bottom:1px solid #ccc}.blog-comments-item:last-child{border:0}.blog-comment{width:100%}.blog-comment>*{max-width:70%;padding:10px 15px;border-radius:15px;gap:5px}.incoming-comment{display:flex;flex-direction:column;align-items:flex-start;border-top-left-radius:0}.outgoing-comment{display:flex;flex-direction:column;align-items:flex-end;border-top-right-radius:0}.user-comment-bg{background-color:#f5f5f5;box-shadow:0 2px 3px #ddd}.admin-comment-bg{background-color:#eaf3fb;box-shadow:0 2px 3px #c9d4de}.blog-comment .name{font-size:15px;font-weight:600;color:#555}.blog-comment .date{font-size:12px;font-weight:400;color:#666}.blog-comment .comment-text{margin:5px 0;color:#000;line-height:25px}@media screen and (max-width:768px){.fcat-blog-comment-form form{margin-top:0}.form-input,.form-input:placeholder-shown~.form-label,.form-label{font-size:14px!important}.form-input:placeholder-shown~.form-label{top:27px}.form-input:focus~.form-label{top:0}.form-submit-row{flex-direction:column}.f-end-col{justify-content:flex-start}.blog-comment-title{font-size:20px}.blog-comments-wrapper{gap:30px;margin:20px 0 0}.blog-comments-item{padding-bottom:30px}.blog-comment .name{font-size:14px}.blog-comment>*{max-width:85%;padding:10px}.blog-comment .comment-text{line-height:22px}}