| 1 |
{"version":3,"file":"forum-tab/index.css","mappings":";;;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACCF;;ADEA;;AA+BA;;AAsBA;;EAEE;AClDF;;AClCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADqCF;;ACnCE;EACE;ADqCJ;;AClCE;EACE;EACA;ADoCJ;;AChCQ;EACE;ADkCV;;AC5BE;EACE;AD8BJ;;AC5BI;EACE;EACA;EACA;EACA;EACA;AD8BN;;AC5BM;EACE;EACA;AD8BR;;AC5BQ;EACE;AD8BV;;ACzBI;EACE;EACA;EACA;EACA;AD2BN;;ACvBE;EACE;EACA;EACA;ADyBJ;;ACvBI;EACE;EACA;ADyBN;;ACvBM;EACE;EACA;EACA;ADyBR;;AChCI;EAUE;EACA;EACA;EACA;ADyBN;;ACvBM;EACE;ADyBR;;ACpBE;EACE;ADsBJ;;ACpBI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ADsBN;;ACpBM;EACE;ADsBR;;ACnBM;EACE;ADqBR;;AClBM;EACE;ADoBR;;ACjBM;EACE;ADmBR;;AChBM;EACE;ADkBR;;ACfM;EACE;ADiBR;;ACdM;EACE;ADgBR;;ACbM;EACE,yCF5EM;AC2Fd;;ACZM;EACE;ADcR;;ACXM;EACE;ADaR;;ACRE;EACE;EACA;ADUJ;;ACRI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ADUN;;ACRM;EACE;ADUR;;ACPM;EACE;ADSR;;ACFE;EACE;ADKJ;;ACFM;EACE;ADIR;;ACDM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADGR;;ACDQ;EACE;EACA;EACA;ADGV;;ACGE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ADDJ;;ACGI;EACE;EACA;EACA;ADDN;;ACMA;EACE;EACA;EACA;EACA;EACA;EACA;ADHF;;ACKE;EACE;ADHJ;;ACME;EACE;EACA;ADJJ;;ACOE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ADLJ;;ACQM;EACE;EACA;ADNR;;ACWE;EACE;EACA;EACA;EACA;EACA;ADTJ;;ACWI;EACE;ADTN;;ACYI;EACE;ADVN;;ACaI;EACE;ADXN;;ACgBA;EACE;EACA;EACA;EACA;EACA;EACA;ADbF;;ACgBA;EACE;EACA;EACA;EACA;EACA;ADbF;;ACgBE;EACE;ADdJ;;ACiBE;EAZF;IAaI;EDdF;AACF;;ACgBE;EAhBF;IAiBI;EDbF;AACF;;ACgBA;EACE;EACA;ADbF;;ACeE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADbJ;;ACeI;EACE;EACA;ADbN;;ACgBI;EACE;EACA;ADdN;;ACiBI;EACE;EACA;EACA;ADfN;;ACkBI;EACE;ADhBN;;ACqBA;;AAII;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADrBN;;ACuBM;EACE;ADrBR;;AC2BA;EACE;ADxBF;;AC0BE;EACE;ADxBJ;;AC2BE;EACE;ADzBJ;;AC+BI;EACE;AD5BN;;ACiCA;EACE;EACA;EACA;AD9BF;;ACiCA;EACE;EACA;EACA;EACA;EACA;AD9BF;;ACkCA;EACE;AD/BF;;ACiCE;EACE;EACA;EACA;EACA;EACA;EACA;AD/BJ;;ACiCI;EACE;EACA;EACA;EACA;EACA;EACA;AD/BN;;ACkCI;EACE;ADhCN;;ACqCI;EACE;EACA;EACA;EACA;ADnCN;;ACqCM;EACE;EACA;EACA;EACA;EACA;ADnCR;;AC0CA;EACE;IACE;IACA;EDvCF;EC0CA;IACE;IACA;EDxCF;EC2CA;IACE;IACA;EDzCF;EC4CA;IACE;IACA;ED1CF;AACF,C","sources":["webpack://bbp-core-blocks/./assets/frontend/scss/el-widgets/_variables.scss","webpack://bbp-core-blocks/./src/forum-tab/editor.scss","webpack://bbp-core-blocks/./assets/frontend/scss/el-widgets/_forumTab.scss"],"sourcesContent":[":root {\r\n --rob: \"Roboto\", sans-serif;\r\n --great: \"Great Vibes\", cursive;\r\n --bg_gradient: linear-gradient(45deg, #F5FDFF, #FEEFEC);\r\n --bbpc_brand_color: var(--bbpc_brand_color_opt,#0866ff);\r\n --h_title: #1d2746;\r\n --p_color: #6b707f;\r\n --bs-white: #fff;\r\n --black_25: #f9f9f9;\r\n --black_50: #f2f2f2;\r\n --black_75: #eeeeee;\r\n --black_90: #e0e6f0;\r\n --black_100: #d6d9dc;\r\n --black_150: #c8ccd0;\r\n --black_200: #bbc0c4;\r\n --black_300: #9fa6ad;\r\n --black_350: #9199a1;\r\n --black_400: #848d95;\r\n --black_500: #6a737c;\r\n --black_600: #535a60;\r\n --black_700: #3c4146;\r\n --black_750: #2f3337;\r\n --black_800: #242729;\r\n --black_900: #0c0d0e;\r\n --bbpc_color: #078669;\r\n --baseColor2: #4a6ee0;\r\n --bs_white: #fff;\r\n}\r\n\r\n/*font Variables*/\r\n$rob: var(--rob);\r\n$great: var(--great);\r\n\r\n$h_title: var(--h_title);\r\n$p_color: var(--p_color);\r\n$black_100: var(--black_100);\r\n$black_150: var(--black_150);\r\n$black_200: var(--black_200);\r\n$black_300: var(--black_300);\r\n$black_350: var(--black_350);\r\n$black_400: var(--black_400);\r\n$black_500: var(--black_500);\r\n$black_600: var(--black_600);\r\n$black_700: var(--black_700);\r\n$black_750: var(--black_750);\r\n$black_800: var(--black_800);\r\n$black_900: var(--black_900);\r\n$brand_color: var(--bbpc_brand_color);\r\n$baseColor2: var(--baseColor2);\r\n\r\n// Mixins\r\n@mixin transition(\r\n $property: all,\r\n $duration: 300ms,\r\n $animate: linear,\r\n $delay: 0s\r\n) {\r\n transition: $property $duration $animate $delay;\r\n}\r\n\r\n/**=== Functions ===**/\r\n@function brand_color_rgba($alpha) {\r\n @return rgba(7, 134, 105, $alpha);\r\n}\r\n\r\n// Placeholder Mixins\r\n\r\n@mixin placeholder {\r\n &.placeholder {\r\n @content;\r\n }\r\n &:-moz-placeholder {\r\n @content;\r\n }\r\n &::-moz-placeholder {\r\n @content;\r\n }\r\n &::-webkit-input-placeholder {\r\n @content;\r\n }\r\n}\r\n\r\n.col-md-offset-right-1,\r\n.col-lg-offset-right-1 {\r\n margin-right: 8.33333333%;\r\n}\r\n ",":root {\n --rob: \"Roboto\", sans-serif;\n --great: \"Great Vibes\", cursive;\n --bg_gradient: linear-gradient(45deg, #F5FDFF, #FEEFEC);\n --bbpc_brand_color: var(--bbpc_brand_color_opt,#0866ff);\n --h_title: #1d2746;\n --p_color: #6b707f;\n --bs-white: #fff;\n --black_25: #f9f9f9;\n --black_50: #f2f2f2;\n --black_75: #eeeeee;\n --black_90: #e0e6f0;\n --black_100: #d6d9dc;\n --black_150: #c8ccd0;\n --black_200: #bbc0c4;\n --black_300: #9fa6ad;\n --black_350: #9199a1;\n --black_400: #848d95;\n --black_500: #6a737c;\n --black_600: #535a60;\n --black_700: #3c4146;\n --black_750: #2f3337;\n --black_800: #242729;\n --black_900: #0c0d0e;\n --bbpc_color: #078669;\n --baseColor2: #4a6ee0;\n --bs_white: #fff;\n}\n\n/*font Variables*/\n/**=== Functions ===**/\n.col-md-offset-right-1,\n.col-lg-offset-right-1 {\n margin-right: 8.33333333%;\n}\n\n.single-forum-post-widget {\n box-shadow: 0 1.6px 3.5px 0 rgba(51, 77, 114, 0.1490196078), 0 0.5px 1px 0 rgba(51, 77, 114, 0.1019607843);\n border-radius: 10px;\n background-color: var(--bs-white);\n transition: all 0.3s ease-out;\n padding: 22px 35px 18px 30px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-top: 10px;\n}\n.single-forum-post-widget:first-child {\n margin-top: 0;\n}\n.single-forum-post-widget:hover {\n box-shadow: 0 20px 45px 0 rgba(51, 77, 114, 0.1490196078);\n transform: translateX(2px);\n}\n.single-forum-post-widget:hover .post-title h6 a {\n color: var(--bbpc_brand_color);\n}\n.single-forum-post-widget .post-title {\n margin-bottom: 15px;\n}\n.single-forum-post-widget .post-title h6 {\n margin-bottom: 0;\n line-height: 22px;\n font-size: 16px;\n font-weight: 500;\n text-transform: capitalize;\n}\n.single-forum-post-widget .post-title h6 a {\n color: var(--black_800);\n font-size: 18px;\n}\n.single-forum-post-widget .post-title h6 a:hover {\n text-decoration: none;\n}\n.single-forum-post-widget .post-title i {\n font-size: 15px;\n color: #2ed83f;\n vertical-align: middle;\n margin-left: 6px;\n}\n.single-forum-post-widget .post-info {\n display: flex;\n flex-wrap: wrap;\n margin-bottom: 5px;\n}\n.single-forum-post-widget .post-info > div {\n margin-right: 15px;\n display: flex;\n}\n.single-forum-post-widget .post-info > div img {\n margin-right: 5px;\n height: 15px;\n width: 15px;\n}\n.single-forum-post-widget .post-info > div {\n color: var(--black_600);\n font-size: 14px;\n font-weight: 400;\n line-height: 16px;\n}\n.single-forum-post-widget .post-info > div a {\n color: var(--black_600);\n}\n.single-forum-post-widget .post-tags {\n display: flex;\n}\n.single-forum-post-widget .post-tags .single-tag {\n padding: 3px 9.5px;\n border-radius: 3px;\n font-size: 12px;\n font-weight: 400;\n line-height: 14px;\n color: #fff;\n margin: 12px 10px 0 0;\n}\n.single-forum-post-widget .post-tags .single-tag:last-child {\n margin-right: 0;\n}\n.single-forum-post-widget .post-tags .single-tag.tag-jq {\n background-color: #f7ab40;\n}\n.single-forum-post-widget .post-tags .single-tag.tag-php {\n background-color: #7543e0;\n}\n.single-forum-post-widget .post-tags .single-tag.tag-wp {\n background-color: #6078ce;\n}\n.single-forum-post-widget .post-tags .single-tag.tag-js {\n background-color: #ff7245;\n}\n.single-forum-post-widget .post-tags .single-tag.tag-dvlp {\n background-color: #48a6ea;\n}\n.single-forum-post-widget .post-tags .single-tag.tag-ecmrc {\n background-color: #333333;\n}\n.single-forum-post-widget .post-tags .single-tag.tag-foram {\n background-color: var(--bbpc_brand_color);\n}\n.single-forum-post-widget .post-tags .single-tag.tag-hlp {\n background-color: #2c53df;\n}\n.single-forum-post-widget .post-tags .single-tag.tag-sprt {\n background-color: #0cc72a;\n}\n.single-forum-post-widget .post-reach {\n border-left: 1px solid var(--black_50);\n padding-left: 15px;\n}\n.single-forum-post-widget .post-reach > div {\n font-size: 12px;\n font-weight: 400;\n line-height: 14px;\n color: #848d95;\n margin-top: 10px;\n display: flex;\n align-items: center;\n}\n.single-forum-post-widget .post-reach > div:first-child {\n margin-top: 0;\n}\n.single-forum-post-widget .post-reach > div img {\n margin-right: 5px;\n}\n\n.community-area .nav-tabs {\n border-bottom: 1px solid var(--black_50);\n}\n.community-area .nav-tabs .nav-item:hover button {\n color: var(--bbpc_brand_color);\n}\n.community-area .nav-tabs .nav-item button {\n background-color: transparent;\n font-size: 16px;\n font-weight: 400;\n line-height: 26px;\n color: #535a60;\n padding: 10px 0;\n margin-right: 30px;\n border: none;\n border-bottom: 2px solid transparent;\n cursor: pointer;\n}\n.community-area .nav-tabs .nav-item button.active {\n border-bottom-color: var(--bbpc_brand_color);\n color: #171d24;\n font-weight: 500;\n}\n.community-area .sec-btn-blue {\n border-radius: 26px;\n border: 1px solid rgba(74, 110, 224, 0.4);\n color: #4a6ee0;\n background-color: transparent;\n font-weight: 700;\n font-size: 16px;\n padding: 10px 37px;\n}\n.community-area .sec-btn-blue:hover {\n background-color: #4a6ee0;\n color: #fff;\n box-shadow: none;\n}\n\n.community-topic-widget-box {\n box-shadow: 0 1.6px 3.5px 0 rgba(51, 77, 114, 0.1490196078), 0 0.5px 1px 0 rgba(51, 77, 114, 0.1019607843);\n border-radius: 10px;\n display: flex;\n padding: 40px;\n transition: all 0.3s ease-out;\n background-color: var(--bs-white);\n}\n.community-topic-widget-box:hover {\n box-shadow: 0 20px 45px 0 rgba(51, 77, 114, 0.1490196078);\n}\n.community-topic-widget-box img {\n margin-right: 24px;\n max-width: 48px;\n}\n.community-topic-widget-box h5 {\n font-size: 18px;\n font-weight: 500;\n line-height: 21px;\n color: #171d24;\n margin-bottom: 5px;\n margin-top: 0;\n text-transform: capitalize;\n}\n.community-topic-widget-box h5:hover a {\n color: var(--bbpc_brand_color);\n text-decoration: none;\n}\n.community-topic-widget-box span {\n font-size: 14px;\n font-weight: 400;\n line-height: 22px;\n color: #6a737c;\n display: inline-block;\n}\n.community-topic-widget-box span:nth-child(2) {\n padding-right: 8px;\n}\n.community-topic-widget-box span:nth-child(4) {\n padding-left: 8px;\n}\n.community-topic-widget-box span.vr-line {\n color: var(--black_75);\n}\n\n.nav {\n display: flex;\n flex-wrap: wrap;\n padding-left: 0;\n margin-bottom: 0;\n list-style: none;\n margin-left: 0;\n}\n\n.bbpc-community-topic-widget-main-wrapper {\n --bs-gutter-x: 1.5rem;\n --bs-gutter-y: 0;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n grid-gap: 20px;\n}\n.bbpc-community-topic-widget-main-wrapper .bbpc-community-topic-widget-wrapper {\n display: contents;\n}\n@media (max-width: 1024px) {\n .bbpc-community-topic-widget-main-wrapper {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n@media (max-width: 768px) {\n .bbpc-community-topic-widget-main-wrapper {\n grid-template-columns: repeat(1, 1fr);\n }\n}\n\n.bbpc-show-more-btn-wrapper {\n width: 100%;\n text-align: center;\n}\n.bbpc-show-more-btn-wrapper .show-more-btn {\n display: inline-block;\n box-shadow: 0 1.6px 3.5px 0 rgba(51, 77, 114, 0.1490196078), 0 0.5px 1px 0 rgba(51, 77, 114, 0.1019607843);\n transition: all 0.3s ease-out;\n font-size: 18px;\n font-weight: 400;\n color: #4a6ee0;\n height: 50px;\n border-radius: 5px;\n line-height: 48px;\n padding: 0 40px;\n text-align: center;\n background-color: var(--bs-white);\n margin-top: 50px;\n}\n.bbpc-show-more-btn-wrapper .show-more-btn:hover {\n box-shadow: 0 10px 30px 0 rgba(51, 77, 114, 0.1215686275);\n color: #4a6ee0;\n}\n.bbpc-show-more-btn-wrapper .show-more-btn i {\n color: #4a6ee0;\n vertical-align: middle;\n}\n.bbpc-show-more-btn-wrapper .show-more-btn.show-more-round {\n height: 48px;\n border-radius: 24px;\n line-height: 47px;\n}\n.bbpc-show-more-btn-wrapper .show-more-btn:hover {\n text-decoration: none;\n}\n\n/*------- Forum Tab widget tags --------*/\n.single-forum-post-widget .post-tags a {\n font-weight: 400;\n line-height: 14px;\n font-size: 12px;\n padding: 3px 10px;\n background: #6078ce;\n margin: 12px 10px 0 0;\n border-radius: 3px;\n color: #fff;\n text-decoration: none;\n}\n.single-forum-post-widget .post-tags a:hover {\n background: #4766d5;\n}\n\n.tab-content {\n padding-top: 40px;\n}\n.tab-content .tab {\n display: none;\n}\n.tab-content.active {\n display: block;\n}\n\n.community-area .tab-content:not(.active) {\n display: none;\n}\n\n.alert-warning {\n color: #664d03;\n background-color: #fff3cd;\n border-color: #ffecb5;\n}\n\n.alert {\n position: relative;\n padding: 1rem 1rem;\n margin-bottom: 1rem;\n border: 1px solid transparent;\n border-radius: 0.25rem;\n}\n\n.dbl-arrow-upper {\n display: inline-block;\n}\n.dbl-arrow-upper .arrow-cont {\n cursor: pointer;\n position: relative;\n display: inline-block;\n height: 24px;\n width: 20px;\n margin-right: 3px;\n}\n.dbl-arrow-upper .arrow-cont svg {\n position: absolute;\n bottom: 0;\n margin-left: 0;\n background-size: contain;\n top: 8px;\n left: 0;\n}\n.dbl-arrow-upper .arrow-cont .second {\n margin-top: 5px;\n}\n.dbl-arrow-upper:hover svg {\n animation-name: bounceAlphaUp;\n animation-duration: 1.4s;\n animation-iteration-count: infinite;\n animation-timing-function: linear;\n}\n.dbl-arrow-upper:hover svg.first {\n animation-name: bounceAlphaUp;\n animation-duration: 1.4s;\n animation-delay: 0.2s;\n animation-iteration-count: infinite;\n animation-timing-function: linear;\n}\n\n@keyframes bounceAlphaUp {\n 0% {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n 25% {\n opacity: 0;\n transform: translateY(10px) scale(0.9);\n }\n 26% {\n opacity: 0;\n transform: translateY(-10px) scale(0.9);\n }\n 55% {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n}",".single-forum-post-widget {\r\n box-shadow: 0 1.6px 3.5px 0 #334d7226, 0 0.5px 1px 0 #334d721a;\r\n border-radius: 10px;\r\n background-color: var(--bs-white);\r\n transition: all 0.3s ease-out;\r\n padding: 22px 35px 18px 30px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n margin-top: 10px;\r\n\r\n &:first-child {\r\n margin-top: 0;\r\n }\r\n\r\n &:hover {\r\n box-shadow: 0 20px 45px 0 #334d7226;\r\n transform: translateX(2px);\r\n\r\n .post-title {\r\n h6 {\r\n a {\r\n color: var(--bbpc_brand_color);\r\n }\r\n }\r\n }\r\n }\r\n\r\n .post-title {\r\n margin-bottom: 15px;\r\n\r\n h6 {\r\n margin-bottom: 0;\r\n line-height: 22px;\r\n font-size: 16px;\r\n font-weight: 500;\r\n text-transform: capitalize;\r\n\r\n a {\r\n color: var(--black_800);\r\n font-size: 18px;\r\n\r\n &:hover {\r\n text-decoration: none;\r\n }\r\n }\r\n }\r\n\r\n i {\r\n font-size: 15px;\r\n color: #2ed83f;\r\n vertical-align: middle;\r\n margin-left: 6px;\r\n }\r\n }\r\n\r\n .post-info {\r\n display: flex;\r\n flex-wrap: wrap;\r\n margin-bottom: 5px;\r\n\r\n > div {\r\n margin-right: 15px;\r\n display: flex;\r\n\r\n img {\r\n margin-right: 5px;\r\n height: 15px;\r\n width: 15px;\r\n }\r\n\r\n color: var(--black_600);\r\n font-size: 14px;\r\n font-weight: 400;\r\n line-height: 16px;\r\n\r\n a {\r\n color: var(--black_600);\r\n }\r\n }\r\n }\r\n\r\n .post-tags {\r\n display: flex;\r\n\r\n .single-tag {\r\n padding: 3px 9.5px;\r\n border-radius: 3px;\r\n font-size: 12px;\r\n font-weight: 400;\r\n line-height: 14px;\r\n color: #fff;\r\n margin: 12px 10px 0 0;\r\n\r\n &:last-child {\r\n margin-right: 0;\r\n }\r\n\r\n &.tag-jq {\r\n background-color: #f7ab40;\r\n }\r\n\r\n &.tag-php {\r\n background-color: #7543e0;\r\n }\r\n\r\n &.tag-wp {\r\n background-color: #6078ce;\r\n }\r\n\r\n &.tag-js {\r\n background-color: #ff7245;\r\n }\r\n\r\n &.tag-dvlp {\r\n background-color: #48a6ea;\r\n }\r\n\r\n &.tag-ecmrc {\r\n background-color: #333333;\r\n }\r\n\r\n &.tag-foram {\r\n background-color: $brand_color;\r\n }\r\n\r\n &.tag-hlp {\r\n background-color: #2c53df;\r\n }\r\n\r\n &.tag-sprt {\r\n background-color: #0cc72a;\r\n }\r\n }\r\n }\r\n\r\n .post-reach {\r\n border-left: 1px solid var(--black_50);\r\n padding-left: 15px;\r\n\r\n > div {\r\n font-size: 12px;\r\n font-weight: 400;\r\n line-height: 14px;\r\n color: #848d95;\r\n margin-top: 10px;\r\n display: flex;\r\n align-items: center;\r\n\r\n &:first-child {\r\n margin-top: 0;\r\n }\r\n\r\n img {\r\n margin-right: 5px;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.community-area {\r\n .nav-tabs {\r\n border-bottom: 1px solid var(--black_50);\r\n\r\n .nav-item {\r\n &:hover button {\r\n color: var(--bbpc_brand_color);\r\n }\r\n\r\n button {\r\n background-color: transparent;\r\n font-size: 16px;\r\n font-weight: 400;\r\n line-height: 26px;\r\n color: #535a60;\r\n padding: 10px 0;\r\n margin-right: 30px;\r\n border: none;\r\n border-bottom: 2px solid transparent;\r\n cursor: pointer;\r\n\r\n &.active {\r\n border-bottom-color: var(--bbpc_brand_color);\r\n color: #171d24;\r\n font-weight: 500;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .sec-btn-blue {\r\n border-radius: 26px;\r\n border: 1px solid rgba(#4a6ee0, 40%);\r\n color: #4a6ee0;\r\n background-color: transparent;\r\n font-weight: 700;\r\n font-size: 16px;\r\n padding: 10px 37px;\r\n\r\n &:hover {\r\n background-color: #4a6ee0;\r\n color: #fff;\r\n box-shadow: none;\r\n }\r\n }\r\n}\r\n\r\n.community-topic-widget-box {\r\n box-shadow: 0 1.6px 3.5px 0 #334d7226, 0 0.5px 1px 0 #334d721a;\r\n border-radius: 10px;\r\n display: flex;\r\n padding: 40px;\r\n transition: all 0.3s ease-out;\r\n background-color: var(--bs-white);\r\n\r\n &:hover {\r\n box-shadow: 0 20px 45px 0 #334d7226;\r\n }\r\n\r\n img {\r\n margin-right: 24px;\r\n max-width: 48px;\r\n }\r\n\r\n h5 {\r\n font-size: 18px;\r\n font-weight: 500;\r\n line-height: 21px;\r\n color: #171d24;\r\n margin-bottom: 5px;\r\n margin-top: 0;\r\n text-transform: capitalize;\r\n\r\n &:hover {\r\n a {\r\n color: var(--bbpc_brand_color);\r\n text-decoration: none;\r\n }\r\n }\r\n }\r\n\r\n span {\r\n font-size: 14px;\r\n font-weight: 400;\r\n line-height: 22px;\r\n color: #6a737c;\r\n display: inline-block;\r\n\r\n &:nth-child(2) {\r\n padding-right: 8px;\r\n }\r\n\r\n &:nth-child(4) {\r\n padding-left: 8px;\r\n }\r\n\r\n &.vr-line {\r\n color: var(--black_75);\r\n }\r\n }\r\n}\r\n\r\n.nav {\r\n display: flex;\r\n flex-wrap: wrap;\r\n padding-left: 0;\r\n margin-bottom: 0;\r\n list-style: none;\r\n margin-left: 0;\r\n}\r\n\r\n.bbpc-community-topic-widget-main-wrapper {\r\n --bs-gutter-x: 1.5rem;\r\n --bs-gutter-y: 0;\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n grid-gap: 20px;\r\n //margin-top: 40px;\r\n\r\n .bbpc-community-topic-widget-wrapper {\r\n display: contents;\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n @media (max-width: 768px) {\r\n grid-template-columns: repeat(1, 1fr);\r\n }\r\n}\r\n\r\n.bbpc-show-more-btn-wrapper {\r\n width: 100%;\r\n text-align: center;\r\n\r\n .show-more-btn {\r\n display: inline-block;\r\n box-shadow: 0 1.6px 3.5px 0 #334d7226, 0 0.5px 1px 0 #334d721a;\r\n transition: all 0.3s ease-out;\r\n font-size: 18px;\r\n font-weight: 400;\r\n color: #4a6ee0;\r\n height: 50px;\r\n border-radius: 5px;\r\n line-height: 48px;\r\n padding: 0 40px;\r\n text-align: center;\r\n background-color: var(--bs-white);\r\n margin-top: 50px;\r\n\r\n &:hover {\r\n box-shadow: 0 10px 30px 0 #334d721f;\r\n color: #4a6ee0;\r\n }\r\n\r\n i {\r\n color: #4a6ee0;\r\n vertical-align: middle;\r\n }\r\n\r\n &.show-more-round {\r\n height: 48px;\r\n border-radius: 24px;\r\n line-height: 47px;\r\n }\r\n\r\n &:hover {\r\n text-decoration: none;\r\n }\r\n }\r\n}\r\n\r\n/*------- Forum Tab widget tags --------*/\r\n.single-forum-post-widget {\r\n .post-tags {\r\n\r\n a {\r\n font-weight: 400;\r\n line-height: 14px;\r\n font-size: 12px;\r\n padding: 3px 10px;\r\n background: #6078ce;\r\n margin: 12px 10px 0 0;\r\n border-radius: 3px;\r\n color: #fff;\r\n text-decoration: none;\r\n\r\n &:hover {\r\n background: #4766d5;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.tab-content {\r\n padding-top: 40px;\r\n\r\n .tab {\r\n display: none;\r\n }\r\n\r\n &.active {\r\n display: block;\r\n }\r\n}\r\n\r\n.community-area {\r\n .tab-content {\r\n &:not(.active) {\r\n display: none;\r\n }\r\n }\r\n}\r\n\r\n.alert-warning {\r\n color: #664d03;\r\n background-color: #fff3cd;\r\n border-color: #ffecb5;\r\n}\r\n\r\n.alert {\r\n position: relative;\r\n padding: 1rem 1rem;\r\n margin-bottom: 1rem;\r\n border: 1px solid transparent;\r\n border-radius: 0.25rem;\r\n}\r\n\r\n// show more button icon style\r\n.dbl-arrow-upper {\r\n display: inline-block;\r\n\r\n .arrow-cont {\r\n cursor: pointer;\r\n position: relative;\r\n display: inline-block;\r\n height: 24px;\r\n width: 20px;\r\n margin-right: 3px;\r\n\r\n svg {\r\n position: absolute;\r\n bottom: 0;\r\n margin-left: 0;\r\n background-size: contain;\r\n top: 8px;\r\n left: 0;\r\n }\r\n\r\n .second {\r\n margin-top: 5px;\r\n }\r\n }\r\n\r\n &:hover {\r\n svg {\r\n animation-name: bounceAlphaUp;\r\n animation-duration: 1.4s;\r\n animation-iteration-count: infinite;\r\n animation-timing-function: linear;\r\n\r\n &.first {\r\n animation-name: bounceAlphaUp;\r\n animation-duration: 1.4s;\r\n animation-delay: 0.2s;\r\n animation-iteration-count: infinite;\r\n animation-timing-function: linear;\r\n }\r\n }\r\n }\r\n}\r\n\r\n\r\n@keyframes bounceAlphaUp {\r\n 0% {\r\n opacity: 1;\r\n transform: translateY(0) scale(1)\r\n }\r\n\r\n 25% {\r\n opacity: 0;\r\n transform: translateY(10px) scale(.9)\r\n }\r\n\r\n 26% {\r\n opacity: 0;\r\n transform: translateY(-10px) scale(.9)\r\n }\r\n\r\n 55% {\r\n opacity: 1;\r\n transform: translateY(0) scale(1)\r\n }\r\n}"],"names":[],"ignoreList":[],"sourceRoot":""} |
