.singlePost{background:#f5f5f5;min-height:100vh}.postWithComment{background-color:#fff;margin-top:15px;border-radius:10px;margin-bottom:50px}.viewMoreComments{border-top:1.41px solid #cfcfcf;padding:15px;display:flex;align-items:center;justify-content:center;color:#e64a19;cursor:pointer}.postContainer{display:flex;flex-direction:column;width:52%;margin-left:8%;padding:0 1% 1%;margin-top:75px}.relatedPostContainer{margin-top:80px;margin-left:70%;width:40%;height:100%;display:flex;flex-direction:column;right:0;top:0;position:fixed;padding:2%;overflow-y:auto;scrollbar-width:none;overflow-x:hidden}.relatedPostContainer .headingAndCTA{display:flex;justify-content:space-between;width:90%}.relatedPostContainer .relatedPostHeading{font-size:1.4rem;font-weight:600;color:#153843}.relatedPostContainer .getPremiumCTA{display:flex;align-items:center;justify-content:center;color:#fff;background-color:#e64a19;border-radius:30px;padding:8px 20px;font-size:.9rem;font-weight:500;cursor:pointer}.relatedPostContainer::-webkit-scrollbar{display:none}.relatedPostContainer .relatedPostInner{display:flex;align-items:center;justify-content:center;width:90%;flex-direction:column;margin-bottom:100px}.relatedPostContainer .relatedPostInner .posts{width:100%;border:1px solid #ddd;border-radius:10px;margin:20px;background-color:#f9f9f9}.postContainer .goBackOption{display:none;padding:3% 2%;border-bottom:1px solid #e0e1e2;position:-webkit-sticky;position:sticky;top:0;background-color:#fff;z-index:10;cursor:pointer;width:100%}.postContainer .goBackOption svg{margin-right:10px}.postContainer .postBox{width:100%;display:flex;flex-direction:column}.postContainer .postBox .userPosted{display:flex;padding:20px 20px 0}.postContainer .postBox .commentOnPost{margin-bottom:10px}.postContainer .postBox .commentOnPost .userPosted{display:flex;padding:5px 5px 0}.postContainer .postBox .userPosted .userDisplay{border-radius:10px;margin-right:10px;display:flex;align-items:center;justify-content:center;padding:0;width:60px;height:60px;background-color:brown;color:#fff;font-weight:900;font-size:1.4rem}.postBox .userPosted .userDisplay h1{display:flex;align-items:center;justify-content:center;margin:0;padding:0}.postBox .userPosted .postDetail{display:flex;flex-direction:column;align-self:center}.postBox .userPosted .postDetail .postUserName{color:#153843;font-weight:600;max-width:150px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.postBox .userPosted .postDetail .postTime{color:#455a64;font-size:.8rem}.postBox .post_inner{display:flex;flex-direction:column;padding:20px}.postBox .post_inner .post_heading{margin-bottom:10px;color:#153843;font-weight:600}.postBox .post_inner .post_heading h1{font-size:1.4rem;font-weight:600}.postBox .post_inner .post_paragraph{font-size:1rem;color:#455a64;margin-bottom:15px;word-wrap:break-word}.postBox .post_inner .postImage{width:100%;margin:10px 0;align-items:center;justify-content:center;display:flex}.postBox .post_inner .postImage img{max-width:100%;object-fit:contain;border-radius:10px;max-height:700px}.postBox .comments{padding:20px}.postBox .commentsCountOnPost{display:flex;color:#455a64;font-size:1.2rem;padding:10px 0 20px;font-weight:600}.postBox .comments .commentOnPost .userPosted .userDisplay{width:45px;height:45px;background-color:brown;border-radius:50%;margin-right:10px;font-size:1.2rem;font-weight:600}.postBox .comments .commentOnPost .post_inner{padding:2% 2% 0}.postBox .comments .commentOnPost .post_inner,.post_comment_inner{display:flex;width:90%;flex-direction:column;border-bottom:none;cursor:pointer}.post_comment_inner{padding:2% 1% 0;color:#455a64}.comment_reaction{padding:2% 1%;display:flex;color:#153843}.comment_reaction svg{margin-right:5px;cursor:pointer}.postContainer .postBox .reactionSection{background-color:#fff;padding:20px}.reactionSection .comments{padding:0 20px 20px;max-height:400px;overflow-y:auto;position:relative}.reactionSection .commentsCountOnPost{display:flex;align-items:center;justify-content:space-between;color:#455a64;font-size:.8rem;padding-bottom:20px;position:-webkit-sticky;position:sticky;top:0;z-index:10;background-color:#fff}.reactionSection .comments .commentOnPost .userPosted .userDisplay{width:45px;height:45px;background-color:brown;border-radius:50%;margin-right:10px;font-size:.7rem}.reactionSection .comments .commentOnPost .post_inner{display:flex;width:90%;flex-direction:column;border-bottom:none;padding:20px 20px 0}.closeNavInSinglePost{display:none}.closeNavInSinglePost svg{margin-right:10px}.postBox .reactionSection .reactionCount{align-items:center;margin-bottom:20px}.postBox .reactionSection .reactionCount .iconOuter{border:1px solid #ffd8cc;border-radius:50%;width:35px;height:35px;align-items:center;justify-content:center;display:flex;margin-right:10px;background-color:#fcefeb}.postBox .reactionSection .reactionCount svg{font-size:20px;color:#e64a19;align-self:center;margin-left:20px}.postContainer .postBox .reactionSection .newComment{display:flex;align-items:center;justify-content:space-between;width:100%}.postBox .reactionSection .newComment .addComment{display:flex;border:1px solid #e7e7e7;background-color:#fff;border-radius:10px;justify-content:center;align-items:center;padding:2%;width:77%}.postBox .reactionSection .newComment .commentSubmitButton{width:20%;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;background-color:#e64a19;padding:2% 0;border-radius:10px;justify-content:center;display:flex;align-items:center}.postBox .reactionSection .newComment .addComment textarea{border:none;resize:none;width:100%;min-height:24px;max-height:160px;overflow:hidden;line-height:1.4}.postBox .reactionSection .newComment .addComment textarea::-webkit-scrollbar{width:0;height:0}.postBox .reactionSection .newComment .addComment textarea:focus{border:none;outline:none}.postBox .reactionSection svg{font-size:2rem;color:#153843;margin-right:20px;cursor:pointer}.postBox .reactionSection .reactionCount{font-size:.9rem;color:#e64a19;display:flex}.communityPromotion{width:28%;right:0;top:0}.communityNav,.communityPromotion{background-color:#f9f9f9;position:fixed;height:100vh;z-index:1}.communityNav{width:22%;display:flex;flex-direction:column}.postLoader{display:flex;align-items:center;justify-content:center;width:100%;height:100vh}.loadMoreButton{display:flex;padding:3%;cursor:pointer;color:#153843}.loadMoreButton svg{margin-right:10px}.goBackIcon{cursor:pointer}.relatedPostInner .noPostFound{display:flex;text-align:left;margin-top:15px;font-size:1.2rem;font-weight:600;width:100%}@media(max-width:1200px){.communityNav{display:none}.singlePostMain .postContainer{width:90%;padding:0}.drawer{width:350px;display:flex;z-index:10000;height:100vh}.singlePostMain .postContainer{width:48%;margin-top:75px;margin-left:10%}.relatedPostContainer{width:42%}.relatedPostContainer .headingAndCTA,.relatedPostContainer .relatedPostInner{width:100%}.communityPromotion{width:40%;margin-top:75px}.topNavBar{display:flex;align-items:center;justify-content:center}.postContainer .postBox .reactionSection{width:100%;margin-left:0;margin-right:0;background-color:#fff;padding:20px;position:-webkit-sticky;position:sticky}.postContainer .goBackOption{top:75px;width:100%;z-index:1;padding:5% 2%}}@media (max-width:700px){.relatedPostContainer{margin-top:0;margin-left:15%;width:80%;height:100%;display:flex;flex-direction:column;right:0;top:0;position:relative;overflow-y:auto;scrollbar-width:none;overflow-x:hidden;padding:20px}.singlePostMain .postContainer{width:80%;margin-top:75px;margin-left:15%}}@media(max-width:600px){.singlePostMain{display:flex}.singlePostMain,.singlePostMain .postContainer{width:100%;margin-left:0;padding:0}.postContainer .goBackOption{padding:5% 2%;display:flex;width:100%}.singlePostMain .postContainer .postBox{width:100%}.relatedPostContainer{width:100%;margin-left:0}.relatedPostContainer .headingAndCTA{width:100%}.relatedPostContainer .relatedPostInner .posts{width:100%;border:1px solid #ddd;border-radius:10px;margin:20px;background-color:#f9f9f9}.postBox .post_inner{display:flex;flex-direction:column;width:100%}.drawer{width:280px}.communityPromotion{display:none}.downloadPromotion{display:flex;top:0;flex-direction:column;position:-webkit-sticky;position:sticky;z-index:10000;transition:top .3s;align-items:center;justify-content:center;background-color:#f9f9f9;width:100%}}