.elementor-1166 .elementor-element.elementor-element-7884eea{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-1166 .elementor-element.elementor-element-6f1fe81{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:9px 9px 9px 9px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1166 .elementor-element.elementor-element-07e5825{text-align:center;}.elementor-1166 .elementor-element.elementor-element-bdd9053.elementor-element{--align-self:center;}.elementor-1166 .elementor-element.elementor-element-233992f{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:9px 9px 9px 9px;}.elementor-1166 .elementor-element.elementor-element-7a46e98{text-align:center;}.elementor-1166 .elementor-element.elementor-element-d8427f4{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:9px 9px 9px 9px;}.elementor-1166 .elementor-element.elementor-element-2622136{text-align:center;}.elementor-1166 .elementor-element.elementor-element-fef6e09{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:9px 9px 9px 9px;}.elementor-1166 .elementor-element.elementor-element-b36eae7{text-align:center;}/* Start custom CSS for html, class: .elementor-element-bdd9053 */.sk-post-body-full{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
}
/* === 0. Keep just the first 9 posts === */
.sk-posts-masonry .sk-post-item:nth-of-type(n + 10) {
    display: none !important;
}

/* === 1. Reset Masonry-JS absolute layout so CSS can take over === */
.sk-posts-masonry .sk-post-item {
    position: static !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    break-inside: avoid;
    border-radius: 9px!important;
    margin-bottom: 10px;            /* vertical gutter = 10 px */
}

/* === 2. CSS-only masonry via multi-column layout (responsive) === */
.sk-posts-masonry {
    /* ❶ size naturally instead of the huge inline height Masonry injects */
    height: auto !important;        /* fit exactly the content height   */
    max-height: none !important;    /* cancel any plugin max-height     */

    /* ❷ masonry columns & gap */
    column-gap: 10px;               /* horizontal gutter = 10 px        */
}

/* — Desktop ≥ 1024 px : 3 columns — */
@media (min-width: 1024px) {
    .sk-posts-masonry { column-count: 3; }
}

/* — Tablet 640-1023 px : 2 columns — */
@media (min-width: 640px) and (max-width: 1023.98px) {
    .sk-posts-masonry { column-count: 2; }
}

/* — Mobile < 640 px : 1 column — */
@media (max-width: 639.98px) {
    .sk-posts-masonry { column-count: 1; }
}

/* === 3. Make media fit neatly === */
.sk-posts-masonry .sk-post-media img,
.sk-posts-masonry .sk-post-media video {
    width: 100%;
    height: auto;
    object-fit: cover;
}
.sk_branding, .sk-posts-loadmore, .sk-header-visit-btn{
    display: none!important;
    visibility: hidden!important;
    width: 0px!important;
    height: 0px!important;
}
.sk-ww-linkedin-page-post .sk-post-item{
    padding: 10px!important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7030225 */.fts-jal-fb-user-name a{
font-weight: 600!important;
}
.fts-jal-fb-message {
  display: -webkit-box;
  -webkit-line-clamp: 3; /* limit to 3 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  max-height: 4.5em; /* rough height for 3 lines */}
 .fts-jal-fb-top-wrap {
  padding: 10px!important;
}

.fts-jal-single-fb-post {
    border-radius: 9px!important;
}
.fts-likes-shares-etc-wrap{
    padding: 0 10px!important; 
}

/* Masonry container */
.fts-simple-fb-wrapper {
    column-count: 3; /* Number of columns */
    column-gap: 20px; /* Space between columns */
}

/* Each post behaves like a block in the masonry grid */
.fts-jal-single-fb-post, .fts-fb-photo-post-wrap {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    break-inside: avoid; /* Prevent post from breaking between columns */
    background: #fff;
    border: 1px solid #ddd;
    box-sizing: border-box;
    padding: 10px;
}
.elementor-shortcode .fts-simple-fb-wrapper .fts-fb-photo-post-wrap {
    margin-top: 10px !important;
}

/* Optional: Make images scale properly */
.fts-jal-fb-picture img {
    width: 100%;
    height: auto;
    display: block;
}
@media (max-width: 1024px) {
    .fts-simple-fb-wrapper {
        column-count: 2;
    }
}

@media (max-width: 600px) {
    .fts-simple-fb-wrapper {
        column-count: 1;
    }
}/* End custom CSS */