/* General */
.slick-arrow.nsf-arrow {
	display: block;
	aspect-ratio: 1/1;
	width: max(24px, 1.25vw);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
	border: 0;
    padding: 0;
    cursor: pointer;
	background: currentColor;
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
}

.slick-prev.nsf-arrow  {
    left: 6px;
	mask-image: url(../images/chevron-left.svg);
	-webkit-mask-image: url(../images/chevron-left.svg);
}

.slick-next.nsf-arrow  {
    right: 6px;
	mask-image: url(../images/chevron-right.svg);
	-webkit-mask-image: url(../images/chevron-right.svg);
}

/* Social Feed */
.nill-social-feed-wrapper {
    grid-column: span 3;
}

.nill-social-feed {
	display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-gap: max(16px, 1.25vw);
    background: var(--nsf-feed-bg-color);
}

.nill-social-feed.col-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.nill-social-feed.col-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.nill-social-feed.col-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.nill-social-feed.col-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.nill-social-feed.col-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.nill-social-feed.col-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.nill-social-feed.col-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
}

.nill-social-feed.col-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
}

.nill-social-feed .social-feed-item {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    padding: 15px;
    background-color: var(--nsf-post-bg-color);
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    position: relative;
}

.nill-social-feed .social-feed-item .img-container {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
    aspect-ratio: 720/900;
}

.nill-social-feed .social-feed-item .media-container img,
.nill-social-feed .social-feed-item .media-container video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.nill-social-feed .social-feed-item .post-content {
    white-space: break-spaces;
    margin-bottom: 1em;
    color: var(--nsf-text-color);
}

.nill-social-feed .social-feed-item .post-footer {
	display: flex;
	justify-content: space-between;
	font-size: 0.9em;
	margin-top: auto;
	align-items: flex-end;
}

.nill-social-feed .social-feed-item .post-date {
    display: block;
    color: var(--nsf-link-color);
}

.nill-social-feed .social-feed-item .post-platform {
    display: block;
    height: max(24px, 0.7625vw);
    aspect-ratio: 1/1;
    background: var(--nsf-link-color);
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
}

.nill-social-feed .social-feed-item .post-platform:hover {
    background: var(--nsf-hover-color);
}

.nill-social-feed .social-feed-item .post-platform.facebook {
    mask-image: url(../../includes/images/brand-facebook.svg);
    -webkit-mask-image: url(../../includes/images/brand-facebook.svg);
}

.nill-social-feed .social-feed-item .post-platform.instagram {
    mask-image: url(../../includes/images/brand-instagram.svg);
    -webkit-mask-image: url(../../includes/images/brand-instagram.svg);
}

.nill-social-feed .social-feed-item .post-platform.tiktok {
    mask-image: url(../../includes/images/brand-tiktok.svg);
    -webkit-mask-image: url(../../includes/images/brand-tiktok.svg);
}

.nill-social-feed .social-feed-item a.post-date:hover {
    color: var(--nsf-hover-color);
}

/* Layout Grid */

/* Layout Masonry */

/* Layout Polaroid */
.nill-social-feed.layout-polaroid .social-feed-item .post-content {
    display: none;
}

.nill-social-feed.layout-polaroid .social-feed-item .media-container, 
.nill-social-feed.layout-polaroid .social-feed-item .media-item {
    aspect-ratio: 3/4;
    overflow: hidden;
}

.nill-social-feed.layout-polaroid .social-feed-item .post-footer {
    margin: 2em 0 1em;
}
  
/* Layout Slider */