.krs-filter-bar{
    margin:0 0 3vh 0;
    display: flex;
    flex-wrap: wrap;          
    justify-content: center;     
    gap: 2vw;             
}

@supports not (gap: 1rem) {
    .krs-filter-bar {
        margin: -1vw;
    }

    .krs-filter-btn {
        margin: 1vw;
    }
}

.krs-filter-btn{
    background-color: rgba(245, 127, 4, .8);
    color: white!important;
    border: 1px solid white;
    border-radius: 5px!important;
    text-transform: uppercase!important;
    transition: all .3s ease!important;
}

/* desktop */
@media (min-width: 600px){
    .krs-filter-btn{
        flex: 0 1 auto;
        padding: .3em 1em!important;
        font-size: 1.1rem!important;
    }
}

/* mobile */
@media (max-width: 599px){
    .krs-filter-btn{
        flex: 0 1 48%;
        padding: .3em .1em!important;
        font-size: 1rem!important;
    }
}


.krs-filter-btn:hover{
		cursor: pointer!important;
		border-radius: 10px!important;		
		background-color:#F57F04!important;
		color: white!important;		
		border: 1px solid rgba(0,0,0,1)!important;
	}
	
.krs-filter-btn.active {
		border-radius: 10px!important;    
		background-color:#F57F04!important;    
		border: 1px solid rgba(0,0,0,1)!important;		
}	

/* base variables */
.krs-posts-container{

}

/* tablet */
@media (max-width: 1024px){
    .krs-posts-container{

    }
}

/* mobile */
@media (max-width: 767px){
    .krs-posts-container{

    }
}

.krs-skeleton {
    background: #073B4C;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}

.krs-skeleton::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,0.1),
        transparent
    );
    animation: shimmer 1.2s infinite;
}

.krs-skeleton .krs-thumb{
    aspect-ratio: 1.91 / 1;
}

.krs-skeleton .krs-title-wrap{
    height: 3.5rem;
}

@keyframes shimmer {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}

.krs-posts-container{
    transition: min-height .35s ease;
}

.krs-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
  margin-bottom: 2vh;
}

.krs-posts-wrapper,
.krs-posts-container,
.krs-grid{
    border:none!important;
    outline:none!important;
    box-shadow:none!important;
    background:transparent;
}

/* TABLET */
@media (max-width: 1024px) {
  .krs-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* MOBILE */
@media (max-width: 767px) {
  .krs-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

/* =========================================
   ROW MODE GRID OVERRIDE
========================================= */

.krs-posts-wrapper[data-display-style="rows"] .krs-grid{
    grid-template-columns: 1fr;
    gap: 1rem;
    border: none;
}

                                                            /* CARDS */
                                                            
.krs-card-link{
    display:block;
    height:100%;
    color:inherit;
    text-decoration:none;
}

.krs-post-item{
    display:flex;
    flex-direction:column;
    background-color:var(--krs-post-bg);

    border-style:solid;
    border-color:var(--krs-post-border-color);
    border-top-width:var(--krs-post-border-top);
    border-right-width:var(--krs-post-border-right);
    border-bottom-width:var(--krs-post-border-bottom);
    border-left-width:var(--krs-post-border-left);
    border-radius:var(--krs-post-border-radius);

    overflow:hidden;
    width:100%;
    margin-bottom:0;

    opacity:0;

    transform:translate3d(0,10px,0);
    backface-visibility:hidden;
}

.krs-posts-wrapper .krs-post-item.show{
    opacity: 1;
    transform: translateY(0);
    transition: opacity .7s ease-out, transform .7s cubic-bezier(.2,.8,.2,1);
}

                                    /* IMAGES */

.krs-post-item .krs-thumb {
    aspect-ratio: 1.91 / 1;
    overflow: hidden;
    width: 100%!important;
    border-radius:5px 5px 0 0!important;
}

/* image base */
.krs-thumb img {
    opacity: 0;
    transition: opacity .4s ease;
    border-radius: 5px 5px 0 0;    
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* fade-in */
.krs-thumb img.loaded {
    opacity: 1;
}


/* fallback for browsers without aspect-ratio */
@supports not (aspect-ratio: 1 / 1) {

    .krs-thumb {
        position: relative;
    }

    .krs-thumb::before {
        content: "";
        display: block;
        padding-top: calc(100% / 1.91);
    }

.krs-posts-wrapper .krs-thumb img {
        position: absolute;
        top: 0;
        left: 0;
    }
}


.krs-photo-meta{
    padding: 1vh 1vh 0 1vh; 
}

.krs-photo-caption,
.krs-photo-alt,
.krs-photo-description{
    color: var(--krs-excerpt-color);
    font-size: .9rem;
    line-height: 1.2em;
    margin: 0 0 .2rem 0;
    padding:0;
    text-align: left;
}

                        /* TEXT */
                        
.krs-title-wrap {
    min-height: 3.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1vh;
}

.krs-meta-row{
    width: 100%;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content: space-between;
    gap:0;
}

.krs-category{
    width: 49%;
    text-align: left;
    text-transform: uppercase;
    font-size: .8rem;
    color:var(--krs-category-color);
    font-weight: 400;
    margin:0 0 1vh 0;
    padding:0;
    line-height: 1em;
}

.krs-reading-time{
    width: 49%;
    text-align: right;
    color:var(--krs-reading-time-color);
    font-size: .8rem;
    font-weight: 400;
    margin:0 0 1vh 0;
    padding:0;
    line-height: 1em;
}

.krs-title{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:var(--krs-title-justify, center);
    color:var(--krs-title-color);    
    font-size:1.1rem;
    font-weight:600;
    line-height:1.1em;
    min-height:2.2em;
    margin:0 0 .5vh 0;
    padding:0;
    text-transform:uppercase;
    text-align:var(--krs-title-align, center);
}


.krs-excerpt{
    width: 100%;
    text-align: left;
    font-size: 1rem;
    font-weight: 400;
    color:var(--krs-excerpt-color);    
    margin:0;
    padding:0;
    line-height: 1.1em;    
}

                                            /* NON */
.krs-nuggets-form{
    width:100%;
    margin:1.4rem 0;
    padding: 2vw;
    border-style: solid;
    background-color:var(--krs-post-bg);    
    border-color:var(--krs-post-border-color);
    border-top-width:var(--krs-post-border-top);
    border-right-width:var(--krs-post-border-right);
    border-bottom-width:var(--krs-post-border-bottom);
    border-left-width:var(--krs-post-border-left);
    border-radius:var(--krs-post-border-radius);    
}

                                        /* GRID */
#gform_fields_82{
    align-items:center;
    grid-column-gap: 2px!important;
}

#field_82_17{
    grid-column: span 7;
    -ms-grid-column-span: 7;  
}

#field_82_2{
    grid-column: span 3;
    -ms-grid-column-span: 3;      
}

#field_submit{
    grid-column: span 2;
    -ms-grid-column-span: 2;    
}

                                        /* MOBILE GRID */
@media (max-width: 767px){

    #field_82_17{
        grid-column: span 12;
        -ms-grid-column-span: 12;
    }

    #field_82_2{
        grid-column: span 7;
        -ms-grid-column-span: 7;
    }

    #field_submit{
        grid-column: span 5;
        -ms-grid-column-span: 5;
    }

}

.krs-nuggets-form h3{
    color:var(--krs-title-color);
    margin:0;
    font-size:1.5rem;
    line-height:1.3;
    font-weight:600;
    text-align:left;      
}

.krs-nuggets-form p{
    margin:0;
    font-size:1rem;
    line-height:1.1;
     color:var(--krs-excerpt-color);  
    text-align:left;
}

.krs-nuggets-form label.gfield_label.gform-field-label{
      color:var(--krs-excerpt-color);   
}

#gform_submit_button_82{
         transition: opacity .3s ease;
        display:flex;
        width:100%;
        margin:0;
        align-items:center;
        justify-content:center;
		background-color:#F57F04;
		color: white;
		border: none!important;
		border-radius: 5px;
		padding: .5em 0!important;
		font-size: 1.1rem;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;   
}

#gform_submit_button_82:hover, #gform_submit_button_82:focus{
		cursor: pointer;
		border-radius: 5px!important;		
		background-color:#F57F04;
		color: white;		
		border: none!important;
		text-decoration: none;		
	}


                                             /* LOAD MORE  */
button.krs-load-more{
    opacity:0;
    visibility:hidden;
}

a.krs-view-button{
    opacity:1;
    visibility:visible;
}

button.krs-load-more,
a.krs-view-button{
        transition: opacity .3s ease;
        display:flex;
        width:fit-content;
        margin:0 auto;
        align-items:center;
        justify-content:center;
		background-color:#F57F04;
		color: white;
		border: none!important;
		border-radius: 5px;
		padding: .5em 1.5em;
		font-size: 1.1rem;
		text-decoration: none;
		text-transform: uppercase;
	}
	
button.krs-load-more:hover, button.krs-load-more:focus, a.krs-view-button:hover, a.krs-view-button:focus{
		cursor: pointer;
		border-radius: 5px!important;		
		background-color:#F57F04;
		color: white;		
		border: none!important;
		text-decoration: none;		
	}


/* =========================================
   ROW LAYOUT
========================================= */

.krs-row-item .krs-card-link{
    display:flex;
    flex-direction:row;
    align-items:flex-start;
    gap:1vh;
}

.krs-row-item .krs-thumb{
    flex:0 0 320px;
    width:320px;
    height:auto;
    align-self:stretch;
    overflow:hidden;
    border-radius:0!important;
    margin-bottom:0!important;
}

.krs-row-item .krs-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    border-radius:0!important;
}

.krs-row-item .krs-row-content{
    flex:1;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    text-align:left;
    padding:2vh;
}

.krs-row-content .krs-meta-row{
    justify-content: flex-start!important;
    margin-bottom: 1vh;
}

.krs-row-content .krs-row-divider{
    margin: 0 1vh;
}

.krs-row-content .krs-category,
.krs-row-content .krs-reading-time{
    width:auto!important;
    margin:0!important;
    padding:0!important;
    text-align:left;
}

.krs-row-item .krs-title{
    width:100%;
    display:block;
    justify-content:flex-start;
    align-items:flex-start;
    text-align:left;
    margin-bottom:2vh;
    min-height: 1.1em!important;
}

.krs-row-item .krs-excerpt{
    margin-bottom:2vh;
    line-height:1.3em;
}

.krs-read-more{
    margin-top:auto;
    font-size:.95rem;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.03em;
    width:100%;
    text-align:left;
    color:var(--krs-title-color);
}

/* MOBILE */
@media (max-width: 767px){

    .krs-row-item .krs-card-link{
        flex-direction:column;
        gap:0;
    }

    .krs-row-item .krs-thumb{
        width:100%;
        flex:none;
    }

    .krs-row-item .krs-row-content{
        padding:1.25rem;
    }
}