/* HERO SECTION */ 
.heroSection { color:#fff; padding-top:9rem; padding-bottom:7rem } 
.heroSection p { font-size:1.125rem; color:#fff } 
.heroSection .communityImg { border-radius:1rem } 
.bigFont { font-size:4rem; line-height:4rem } 
.communityTags span { font-size:.875rem; display:inline-block; padding:.5rem 1rem; background-color:#464646; color:#fff; border-radius:2rem; margin-right:.3rem } 
.communityCard { box-shadow:0 0 14px rgba(0, 0, 0, .09); border-radius:10px; padding:1rem; background:#fff } 
.communityCard a { color:#0393ef } 
.communitySocialShare svg { width:20px; margin:0 auto } 
.communityTabs span { font-size:.875rem; display:inline-block; padding:.5rem 1rem; background-color:transparent; color:#0d1630; border-radius:2rem; margin-right:.3rem; cursor:pointer; transition:all .3s } 
.communityTabs span.active, .communityTabs span:hover { background-color:#ff008a; color:#fff } 
.communityDetail { background-color:#f0f2f5 } 
.communityDetail .communitySidebar { margin-top:-9rem } 
.communityDetail .communitySidebar aside .communityCard { padding:2rem } 
.memberRowList .memberRowListImg { width:60px; height:60px } 
.memberRowList .md-fab { background-color:rgba(255, 0, 138, .15) } 
.memberRowList .md-button.md-raised:not([disabled]) { box-shadow:none } 
.memberRowList .md-fab .material-icons { color:#ff008a; font-size:20px; line-height:14px } 
.memberRowList .md-fab .material-icons.profileIcon { font-size:24px } 
/* POST */ 
.communityPost { margin-top:2rem; background-color:#fff } 
.communityPost hr { border-bottom:1px solid #f0f0f2 } 
.postHeader img { width:60px; height:60px } 
.postFooter { padding-top:.875rem } 
.postFooter .liked .material-icons { color:#ff008a } 
.postFooter .material-icons { color:#acacac } 
.seeMore { text-align:center; cursor:pointer } 
.actionBtn { text-transform:capitalize; color:#ff008a; margin:0 } 
/* EVENT CARD ROW */ 
.eventRowCard { flex-direction:row; padding:1rem; margin:0 0 1rem 0; position:relative; box-shadow:0 0 14px rgba(0, 0, 0, .09); border-radius:10px } 
.eventRowCard .md-card-image { width:260px; min-width:260px; height:130px; object-fit:cover } 
.eventRowCard md-card-icon-actions { position:absolute; bottom:1.5rem; left:11.4rem } 
.eventRowCard .md-button.md-fab { color:#b3b9bd } 
.eventRowCard .md-button.md-fab.liked { color:#fff; background-color:#ff259b } 
.eventRowCard .md-button.md-fab:hover, .eventRowCard .md-button.md-fab:hover svg path { color:#1a2d39; fill:#1a2d39 } 
.eventRowCard .md-button.md-fab.liked:hover { color:#fff } 
.eventRowCard .md-button.md-fab svg { vertical-align:text-top } 
.eventRowCard .md-headline { font-size:1.125rem; line-height:1.6rem; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden } 
.attendeesJoined { display:flex; align-items:center } 
.attendeesJoined img { width:36px; height:36px; border-radius:50%; border:2px solid #fff; display:inline-block } 
.attendeesJoined img:nth-child(2) { margin-left:-1rem } 
.attendeesJoined img:nth-child(3) { margin-left:-1rem } 
/* DISCUSSIONS */ 
.communityDiscussions { height:600px; overflow:auto; scroll-behavior:smooth } 
.cardDiscussions { background:rgba(240, 242, 245, .51); padding:1rem; margin-top:.785rem; border-radius:4px; max-width:94% } 
.cardDiscussions.selfMsg { margin-left:auto } 
.cardDiscussions .userDiscussions { width:64px; height:64px; border-radius:50% } 
.sendMessage img { width:48px; height:48px; border-radius:50% } 
.sendMessage md-input-container { width:100%; background:#f7f8fa; margin-top:0; padding:.5rem 1rem } 
.sendMessage md-input-container textarea { border-bottom:none; max-height:120px; overflow:auto } 
/* CTA */ 
.joinCommunitySidebarCTA { text-align:center; position:relative; color:#fff; padding:3rem 2rem; z-index:1 } 
.joinCommunitySidebarCTA:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(13, 22, 48, .8); z-index:-1 } 
.joinCommunitySidebarCTA .communityStars { color:#ffe53c } 
.joinCommunitySidebarCTA .communityStars .material-icons { font-size:3rem } 
/* TAB */ 
.tabs md-pagination-wrapper { min-width:340px } 
.tabs md-content img { filter:none } 
/* MEMBERS */ 
.allMembers .memberRowList { border-bottom:1px solid #f1f1f1 } 
.allMembers .memberRowList:last-child { border-bottom:1px solid transparent } 
.memberRowList { text-align:left } 
/* PAGINATION */ 
.eventPagination { display:flex; align-items:center; justify-content:center; margin:0; list-style:none } 
.eventPagination li { display:flex; list-style:none } 
.eventPagination .md-button { text-transform:capitalize; border-radius:4px } 
.eventPagination .md-button.active { background-color:#00cafd; color:#fff } 
.eventPagination .md-button:hover, .eventPagination .md-button.active:focus { background-color:#e6e8e9 !important } 
/* COMMUNITY INFO */ 
.communityInfo { position:relative; z-index:1; overflow:hidden } 
.communityInfo:after { content:''; position:absolute; bottom:-2rem; left:0; width:100%; height:200px; background:transparent; background:linear-gradient(90deg, rgba(255,0,138,0) 0%, rgba(255,0,138,1) 100%); z-index:-1; transform:skewY(-2deg ) } 
.cardStyle { padding:2rem; transition:all .3s } 
.cardStyle img { height:100px } 
.easyCommunity .cardStyle:nth-child(2) { box-shadow:0 0 18px rgba(0, 0, 0, .09) } 
.easyCommunity .cardStyle:hover { box-shadow:0 0 18px rgba(0, 0, 0, .09) } 
.easyCommunity:hover .cardStyle:not(:hover) { box-shadow:none } 
.forCommunityMembers { background:#0d1630; color:#fff } 
.forCommunityMembers svg { width:60px; min-width:60px } 
.communityCta { background-color:#f1faff; position:relative; overflow:hidden; padding:4rem 0 } 
.communityCta h2 { font-weight:500 } 
.communityCta .btn.md-button.md-raised { background:#001623 } 
.communityCta .btn.style2 { border:1px solid #001623; color:#001623 } 
.communityCta:before { content:''; background-image:url(../../Images/case-studies/circle-shape.svg); background-repeat:no-repeat; position:absolute; bottom:calc(100% - 390px); left:10%; display:inline-block; width:190px; height:190px } 
.communityCta:after { content:''; background-image:url(../../Images/case-studies/dotted-shape.svg); background-repeat:no-repeat; position:absolute; top:-14%; right:10%; display:inline-block; width:92px; height:138px } 
/* MORE DROPDOWN */ 
.moreDropdown { display:inline-block; position:relative } 
.moreDropdown ul { position:absolute; right:0; top:4rem; width:220px; background:#fff; box-shadow:0 5px 14px rgba(0, 0, 0, .1); display:none; z-index:999; transition:all .3s; list-style:none; border-radius:4px } 
.moreDropdown:hover ul { display:inline-block } 
.moreDropdown ul li a { padding:1rem; font-size:14px; color:#001623; display:inline-block; width:100%; transition:all .3s } 
.moreDropdown ul li a:hover { background:rgba(0,0,0, .06) } 
.svgWd { width:40px; } 
.text-start { text-align:justify !important;}

/* RESPONSIVE */ 
@media screen and (max-width:767px) { 
    .heroSection { padding-top:7rem; padding-bottom:5rem } 
    .cardStyle { box-shadow:none !important } 
    .eventRowCard { flex-direction:column; padding:0 } 
    .eventRowCard .md-card-image { width:100%; min-width:100%; height:130px; object-fit:cover } 
    .eventRowCard md-card-icon-actions { top:10px; right:10px; bottom:inherit; left:inherit } 
    .communityDetail .communitySidebar { margin-top:0 } 
} 
@media screen and (max-width:579px) { 
    .cardDiscussions .userDiscussions { width:48px; height:48px } 
    .communityTabs span { margin-bottom:1rem } 
}