.elementor-16525 .elementor-element.elementor-element-da33310{--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;--padding-top:90px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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 );}.elementor-16525 .elementor-element.elementor-element-94961ef{text-align:center;}.elementor-16525 .elementor-element.elementor-element-94961ef .elementor-heading-title{font-family:"ivypresto-display", Sans-serif;font-size:4.625rem;font-weight:400;text-transform:lowercase;color:var( --e-global-color-a849d55 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-16525 .elementor-element.elementor-element-f67f4f7{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:center;font-family:"Ranade", Sans-serif;font-size:1.125rem;font-weight:300;color:var( --e-global-color-accent );}.elementor-16525 .elementor-element.elementor-element-f67f4f7.elementor-element{--align-self:center;}.elementor-16525 .elementor-element.elementor-element-23ed8df{--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;--padding-top:80px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-16525 .elementor-element.elementor-element-94961ef .elementor-heading-title{font-size:64px;}}@media(max-width:767px){.elementor-16525 .elementor-element.elementor-element-da33310{--padding-top:50px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-16525 .elementor-element.elementor-element-94961ef .elementor-heading-title{font-size:34px;}.elementor-16525 .elementor-element.elementor-element-f67f4f7{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:1rem;}.elementor-16525 .elementor-element.elementor-element-23ed8df{--padding-top:30px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for shortcode, class: .elementor-element-9717b99 */.popup-posts-masonry { 
    display: grid; 
    grid-template-columns: repeat(3, minmax(280px, 1fr)); 
    grid-auto-rows:8px; 
    gap: 20px; 
}
    
.masonry-item { 
    background: #fff; 
    border-radius: 15px; 
    overflow: hidden; 
    box-sizing: border-box; 
    box-shadow: 0px 0px 2px 0px rgba(130, 124, 130, 0.5);
     
}



.masonry-inner{
    padding-bottom: 10px;
}


.featured-image-container img { width:100%; 
    height:auto; 
    border-radius:15px 15px 0px 0px; 
    display:block;
    cursor: pointer !important;
}

.card-header { 
    display:flex; 
    align-items:center; 
    gap:8px; 
    padding: 0px 15px;
}

.card-header .image-logo { 
    width:40px; 
    height:40px; 
    display:block; 
    border-radius:100%; 
}

.card-header h3 { 
    margin:0; 
    font-size:14px; 
    font-weight: 400;
    font-family: 'Ranade' !important;
    color: #000000 !important;
    cursor: pointer !important;
}

.card-meta { 
    display:flex; 
    align-items:center; 
    justify-content:space-between; 
    padding: 10px 15px;
        font-family: "Ranade", Sans-serif;
    font-size: 12px;
}

.card-meta .post-date { 
    font-size:10px; 
}

.platform-icon img { 
    width:15px; 
    height:15px;
    display:block; 
}


#popup-content .card-meta, #popup-content .card-header{
    padding: 0px 15px 0px 0px;
    margin-bottom: 10px;
        font-family: "Ranade", Sans-serif;
    font-size: 12px;
}

#popup-content .card-header h3{
    font-size:18px;
    font-weight: 400;
    font-family: 'Ranade' !important;
    color: #000000 !important;
}


.popup-post-content p{
    font-size: 16px;
    font-weight: 300;
    color: #000000 !important;
}

#popup-overlay { 
    position: fixed; 
    inset: 0; 
    background: rgba(0,0,0,.6);
    z-index: 9998; 
}


#post-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(900px, 100vw);
  max-height: 100vh;
  background: #fff;
  padding: 27px 40px 20px;
  z-index: 9999;

  display: flex;
  flex-direction: column;
  overflow: hidden; /* important */
}

#post-popup .popup-bottom-flex {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  max-height: calc(100vh - 180px);
  overflow-y: auto;
}



#popup-close { 
    position: absolute; 
    top: 10px; 
    right: 14px; 
    font-size: 24px; 
    font-weight: 700; 
    cursor: pointer; 
}

.popup-bottom-flex { 
    display: flex; 
    gap: 20px; 
    align-items: flex-start;
    margin-top: 15px; 
}

.popup-featured-image{
    min-width: 50%;
    max-width: 50%;
}

.popup-featured-image img { 
    max-width: 100%; 
    height:auto; 
}

.popup-post-content{
    width: 100%;
}

.popup-post-content p { 
    font-size: 16px; 
}

.masonry-empty { 
    text-align:center; 
    color:#666; 
    padding:20px; 
}

.masonry-load-more { 
    display:block; 
    margin:20px auto; 
    padding:10px 15px;
    background:#032e27; 
    color:#fff; 
    font-size: 16px;
    font-weight: 400;
    border:none; 
    border-radius:0px !important; 
    cursor:pointer; 
}

.masonry-load-more:hover { 
    background:#032e27; 
    color:#fff; 
    border:none !important;
}

.masonry-load-more[disabled] { opacity:.6; 
cursor:not-allowed; 
}

@media (max-width:1024px) { .popup-posts-masonry { 
    grid-template-columns: repeat(2,1fr); 
} 
}

@media (max-width:768px) { .popup-posts-masonry { 
    grid-template-columns:1fr; } 
    .popup-bottom-flex { 
        flex-direction:column; } 
        .popup-featured-image img { 
            margin-bottom:15px; } 
    #post-popup { 
    padding: 27px 20px 20px; 
}    
#post-popup .popup-bottom-flex {
    max-height: calc(100vh - 140px);
    flex-direction: column;
  }
}


#posts-counter {
    font-size: 13px;
    font-weight: 400;
    color: #000000;
    margin: 15px 10px;
    text-align: left !important;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.loader-spinner {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 4px solid #ccc;
    border-top-color: #333;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    vertical-align: middle;
}

    .popup-posts-masonry{display:none;grid-template-columns:repeat(3,1fr);grid-auto-rows:8px;gap:20px}
    .loader-spinner{display:inline-block;width:30px;height:30px;border:4px solid #ccc;border-top-color:#333;border-radius:50%;animation:spin 1s linear infinite}
    @keyframes spin{to{transform:rotate(360deg)}}


/* Mobile: 1 card per row and popup adjustments */
@media (max-width: 767px) { 
    .popup-posts-masonry { 
        grid-template-columns: 1fr; /* 1 card per row */
    }

    #post-popup {
        padding: 27px 20px 20px;
        width: 95vw; /* almost full width */
    }

    .popup-bottom-flex { 
        flex-direction: column; 
        max-height: calc(100vh - 140px);
        padding-right: 0; /* avoids scrollbar overlap */
    }

    .popup-featured-image {
        width: 100%;
        min-width: unset;
        max-width: unset;
        margin-bottom: 15px;
    }
    
    #post-popup .popup-bottom-flex {
        max-height: calc(90vh - 140px);
        flex-direction: column;
        overflow: scroll;
        padding-bottom: 20px;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Ranade';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://understorey.in/wp-content/uploads/2023/07/Ranade-Thin.eot');
	src: url('https://understorey.in/wp-content/uploads/2023/07/Ranade-Thin.eot?#iefix') format('embedded-opentype'),
		url('https://understorey.in/wp-content/uploads/2023/07/Ranade-Thin.woff2') format('woff2'),
		url('https://understorey.in/wp-content/uploads/2023/07/Ranade-Thin.woff') format('woff'),
		url('https://understorey.in/wp-content/uploads/2023/07/Ranade-Thin.ttf') format('truetype');
}
@font-face {
	font-family: 'Ranade';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://understorey.in/wp-content/uploads/2023/07/Ranade-Light.eot');
	src: url('https://understorey.in/wp-content/uploads/2023/07/Ranade-Light.eot?#iefix') format('embedded-opentype'),
		url('https://understorey.in/wp-content/uploads/2023/07/Ranade-Light.woff2') format('woff2'),
		url('https://understorey.in/wp-content/uploads/2023/07/Ranade-Light.woff') format('woff'),
		url('https://understorey.in/wp-content/uploads/2023/07/Ranade-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Ranade';
	font-style: italic;
	font-weight: 300;
	font-display: auto;
	src: url('https://understorey.in/wp-content/uploads/2023/07/Ranade-LightItalic.eot');
	src: url('https://understorey.in/wp-content/uploads/2023/07/Ranade-LightItalic.eot?#iefix') format('embedded-opentype'),
		url('https://understorey.in/wp-content/uploads/2023/07/Ranade-LightItalic.woff2') format('woff2'),
		url('https://understorey.in/wp-content/uploads/2023/07/Ranade-LightItalic.woff') format('woff'),
		url('https://understorey.in/wp-content/uploads/2023/07/Ranade-LightItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Ranade';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://understorey.in/wp-content/uploads/2023/07/Ranade-Regular.eot');
	src: url('https://understorey.in/wp-content/uploads/2023/07/Ranade-Regular.eot?#iefix') format('embedded-opentype'),
		url('https://understorey.in/wp-content/uploads/2023/07/Ranade-Regular.woff2') format('woff2'),
		url('https://understorey.in/wp-content/uploads/2023/07/Ranade-Regular.woff') format('woff'),
		url('https://understorey.in/wp-content/uploads/2023/07/Ranade-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Ranade';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://understorey.in/wp-content/uploads/2023/07/Ranade-Medium.eot');
	src: url('https://understorey.in/wp-content/uploads/2023/07/Ranade-Medium.eot?#iefix') format('embedded-opentype'),
		url('https://understorey.in/wp-content/uploads/2023/07/Ranade-Medium.woff2') format('woff2'),
		url('https://understorey.in/wp-content/uploads/2023/07/Ranade-Medium.woff') format('woff'),
		url('https://understorey.in/wp-content/uploads/2023/07/Ranade-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Ranade';
	font-style: italic;
	font-weight: 500;
	font-display: auto;
	src: url('https://understorey.in/wp-content/uploads/2023/07/Ranade-Italic.eot');
	src: url('https://understorey.in/wp-content/uploads/2023/07/Ranade-Italic.eot?#iefix') format('embedded-opentype'),
		url('https://understorey.in/wp-content/uploads/2023/07/Ranade-Italic.woff2') format('woff2'),
		url('https://understorey.in/wp-content/uploads/2023/07/Ranade-Italic.woff') format('woff'),
		url('https://understorey.in/wp-content/uploads/2023/07/Ranade-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'Ranade';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://understorey.in/wp-content/uploads/2023/07/Ranade-Bold.eot');
	src: url('https://understorey.in/wp-content/uploads/2023/07/Ranade-Bold.eot?#iefix') format('embedded-opentype'),
		url('https://understorey.in/wp-content/uploads/2023/07/Ranade-Bold.woff2') format('woff2'),
		url('https://understorey.in/wp-content/uploads/2023/07/Ranade-Bold.woff') format('woff'),
		url('https://understorey.in/wp-content/uploads/2023/07/Ranade-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Ranade';
	font-style: italic;
	font-weight: bold;
	font-display: auto;
	src: url('https://understorey.in/wp-content/uploads/2023/07/Ranade-BoldItalic.eot');
	src: url('https://understorey.in/wp-content/uploads/2023/07/Ranade-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('https://understorey.in/wp-content/uploads/2023/07/Ranade-BoldItalic.woff2') format('woff2'),
		url('https://understorey.in/wp-content/uploads/2023/07/Ranade-BoldItalic.woff') format('woff'),
		url('https://understorey.in/wp-content/uploads/2023/07/Ranade-BoldItalic.ttf') format('truetype');
}
/* End Custom Fonts CSS */