/* === Custom Block Styling === */
.pageGridBlock{
    padding: var(--CB-padding-top) var(--CB-padding-right) var(--CB-padding-bottom) var(--CB-padding-left);
    margin: var(--CB-margin-top) var(--CB-margin-bottom);
    background-color: var(--CB-background-color);
    background-image: var(--CB-background-image);
    background-position: var(--CB-background-position);
    background-size: cover;
}

.pageGrid__headerRow{
    padding-bottom: 25px;
    border-bottom: solid 1px var(--FC-tertiary-color);
}

.pageGrid__gridRow{
    padding-top: 25px;
}

.pageGrid__innerCol{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.pageGrid__pageLink{
    border: solid 1px var(--FC-secondary-color);
    padding: 8px 16px;
    border-radius: 50px;
    color: var(--FC-primary-color) !important;
    transition: var(--FC-default-transition);
    width: fit-content;
}

.pageGrid__pageLink:hover{
    background-color: var(--FC-secondary-color);
    color: var(--FC-white) !important;
    transition: var(--FC-default-transition);
}

.pageGrid__linkArrow{
    stroke: var(--FC-secondary-color);
    transition: var(--FC-default-transition);
}

.pageGrid__pageLink:hover .pageGrid__linkArrow{
    stroke: var(--FC-white);
    transition: var(--FC-default-transition);
}

.pageGrid__pageImage{
    padding-bottom: 200px;
    background-size: cover;
    background-position: center;
    border-radius: 20px;
    margin-bottom: 25px;
}

.pageGrid__pageTitle{
    width: 100%;
    padding-bottom: 8px;
}

.pageGrid__mobileLink{
    display: none;
}

.pageGrid__pageExcerpt{
    /* padding-bottom: 16px; */
    width: 100%;
}

.pageGrid__mobileImageWrapper{
    display: none;
}

.fadeInDown.active:nth-child(3n+1) {
    transition-delay: 0s;
}
  
.fadeInDown.active:nth-child(3n+2) {
  transition-delay: 0.3s;
}

.fadeInDown.active:nth-child(3n+3) {
    transition-delay: 0.6s;
}

.fadeInDown.active:nth-child(3n+1) {
    transition-delay: 0s;
}
  
.fadeInDown.active:nth-child(3n+2) {
  transition-delay: 0.3s;
}

.fadeInDown.active:nth-child(3n+3) {
    transition-delay: 0.6s;
}

.fadeInDown.active:nth-child(4n+4) {
    transition-delay: 0.9s;
}

.hideMobileImage .pageGrid__mobileImageWrapper{
    display: none;
}

@media screen and (max-width: 1199.98px){
    .pageGrid__pageTitle{
        width: 85%
    }
}

@media screen and (max-width: 991.98px){
    .pageGrid__pageTitle{
        width: 90%
    }
}

@media screen and (max-width: 767px){
    .pageGrid__pageExcerpt{
        padding-bottom: 0px;
    }
}

@media screen and (max-width: 575px){
    .pageGrid__pageImage, .pageGrid__pageTitle, .pageGrid__pageExcerpt, .pageGrid__desktopLink{
        display: none;
    }
    .pageGrid__mobileLink{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        border-color: var(--FC-secondary-color);
        width: 100%;
    }
    .pageGrid__mobileLink:hover{
        border-color: var(--FC-secondary-color);
    }
    .pageGrid__mobileLink .pageGrid__linkArrow{
        stroke: var(--FC-secondary-color);
    }
    .pageGrid__mobileImageWrapper{
        display: block;
        padding-top: 50px;
    }
    .pageGrid__mobileImage{
        padding-bottom: 200px;
        background-size: cover;
        background-position: center;
    }
    .pageGridBlock{
        padding-bottom: 0px;
    }
}