/* =====================================
   FEATURED POSTS
===================================== */


.fp-layout {

    display:grid;
    grid-template-columns:3fr 2fr;
    gap:35px;
    align-items:stretch;

}


.fp-left-column {

    display:flex;
    flex-direction:column;

}


.fp-side-column {

    display:flex;
    flex-direction:column;
    justify-content:space-between;

}

.fp-featured-column,
.fp-side-column {

    display:flex;
    flex-direction:column;

}

.fp-side-column .fp-card {

    flex:1;

}

/* CARDS */

.fp-card {

    display:flex;
    flex-direction:column;

}


/* IMAGE */

.fp-image {

    display:block;
    overflow:hidden;
    margin-bottom:18px;

}


.fp-image img {

    width:100%;
    height:100% !important;
    object-fit:cover;
    display:block;
    transition:transform .35s ease;

}


.fp-image:hover img {

    transform:scale(1.03);

}


.fp-main .fp-image {

    aspect-ratio:3 / 2;

}


.fp-small .fp-image {

    aspect-ratio:3 / 2;

}



/* CONTENT */

.fp-content {

    display:flex;
    flex-direction:column;

}



/* CATEGORY */

.fp-category, .di-category {

    font-size:.75rem;
    letter-spacing:.12em;
    text-transform:uppercase;
	color:#FF9671;
    margin-bottom:10px;

}



/* TITLE */

.fp-title {

    margin:0 0 12px;
    line-height:1.2;

}


.fp-title a {

    text-decoration:none;

}


.fp-main .fp-title {

    font-size:2rem;

}


.fp-small .fp-title {

    font-size:1.25rem;

}



/* EXCERPT */

.fp-excerpt {

    line-height:1.6;
    margin-bottom:5px;

}



/* LINK */

.fp-link {

    text-decoration:underline !important;
    transition:opacity .25s ease;

}


.fp-link:hover {

    opacity:.65;

}



/* DATE */

.fp-date {

   
    align-self:flex-end;
    color:#999;
    font-size:.85rem;
    padding-top:9px;

}



/* SUGGESTIONS */

.fp-suggestions {

    margin-top:40px;
    padding:15px 25px;
    background:#FFF0EB;

}


.fp-suggestions h3 {

    margin-top:0;
    margin-bottom:25px;
	width: 100%;
	padding-bottom: 5px;
	border-bottom: 0.5px solid #000;
	font-style:italic;
	font-weight:600;

}


.fp-suggestions-grid {

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;

}


.fp-suggestion {

    position:relative;
    min-height:130px;

}


.fp-suggestion-category {

    font-size:.7rem;
    letter-spacing:.12em;
    margin-bottom:10px;

}


.fp-suggestion h4 {

    margin:0;
    font-size:1rem;

}


.fp-suggestion h4 a {

    text-decoration:none;

}


.fp-suggestion time {

    position:absolute;
    right:0;
    bottom:0;
    color:#999;
    font-size:.75rem;

}

/* =====================================
   DAILY IMAGE
   ===================================== */

.di-wrapper{
    width:100%;
    /*margin:80px 0;*/
}

.di-image{
    display:block;
    aspect-ratio:3 / 2;
    overflow:hidden;
    margin-bottom:18px;
}

.di-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
    transition:transform .35s ease;
}

.di-image:hover img{
    transform:scale(1.03);
}

.di-content{
    display:flex;
    flex-direction:column;
}



.di-title{
    margin:0 0 12px;
    line-height:1.2;
    font-size:2rem;
}

.di-title a{
    text-decoration:none;
}

.di-caption{
    line-height:1.6;
    margin-bottom:15px;
}

.di-date{
    margin-top:auto;
    align-self:flex-end;
    color:#999;
    font-size:.85rem;
}

/* RESPONSIVE */

@media(max-width:900px){


.fp-layout {

    grid-template-columns:1fr;

}


.fp-main .fp-title {

    font-size:1.7rem;

}


.fp-suggestions-grid {

    grid-template-columns:1fr;

}


}



@media(max-width:600px){


.fp-title,
.fp-main .fp-title,
.fp-small .fp-title {

    font-size:1.3rem;

}


}