footer{background:color-mix(var(--dark) 50%, var(--primaryDark));}
table tr td p {margin: 0;}
/***NAVLE PAGES***/
.text-primary{color:var(--primary) !important;}
.text-accent{color:var(--accent);}
.text-secondary{color:var(--secondary)  !important;}
.bg-primary{background:var(--primary)  !important;}
.bg-gray{background:var(--gray)  !important;}
.bg-lightGray{background:var(--lightGray);}

.styledList{margin:0; padding:0; list-style:none;
    li{display:flex;font-size:0.90em;margin-bottom:7px;align-items: center;
        &:before{content:"\f26b";font-family:bootstrap-icons!important;color:var(--primary);font-size: 12px;margin-right: 10px;}  
    } 
    &.blocks{ counter-reset: custom-counter;
        li{counter-increment: custom-counter;
            &:before{content: counter(custom-counter);width: 30px;height: 30px;background:var(--primary);font-size: 1.2em;text-align:center;color:var(--white);line-height: 25px;margin-right: 10px;}
        }
    }
    &.listCols{ display:flex;flex-wrap:wrap;
        li{min-width:30%;margin: 10px;}
    }
}
.bottomBGBlock {position:relative;
    & .container{position:relative; z-index:1;}    
    &:after{content:'';display:none;width:100%;height: 150px;position:absolute;background: var(--primary) url(/image/cache/mono_logomark.svg) no-repeat center;background-position-x: 100px;background-blend-mode: soft-light;bottom: 0;z-index: 0;}            
}

.NAVLEProcess{display:flex;height: 100%;flex-direction: column;padding: 15px;border:1px solid var(--border);background:var(--light);justify-content: space-around;
    img{display: none;max-height: 100px;} 
    & .link{font-weight:500;font-size:0.9em;border-bottom: 1px solid var(--dark); 
        &:after{content:"\f285";font-family:bootstrap-icons;font-weight: 600;font-size: 9px;padding-left: 5px;}       
    }              
}
.bgSection{padding: 30px 0;margin-top: 3rem!important;background: var(--lightGray) url(/image/cache/mono_logomark.svg) no-repeat center;background-position-x: 90%;background-blend-mode: soft-light;}
.CycleTables{border:2px solid var(--accent);b;border-radius: 10px;padding: 25px;x;background:var(--white);margin:30px 0;
    > strong{color:var(--accent); text-align:center;display:block;}            
}
.contentBlocks{/* margin: 5em 0; */}
.NAVLEContentBlok{height: 100%;background: var(--primary);display: flex;flex-direction: column;padding-bottom: 30px;
    img{padding: 0 48px;background: var(--white);}
    & .details{margin: 0 3em;padding: 15px;background: var(--white);height: 100%;
        &  strong{color:var(--primary);}
        & .button{background:none;color:var(--secondary);padding: 10px 0;}          
    }                 
}

.processStep{position:relative;border: 1px solid var(--primary); background:var(--light);height: 100%;padding: 15px;padding-top: 0;
    span{position: relative;display:block;width:40px;height:40px;background:var(--primary);margin:3px;right: -15px;color:var(--white);text-align:center;line-height:40px;font-size:1.2em;font-weight:600;order: 1;}
}
.ExamSchedule {
    .processStep{
        span{right:auto; left:-15px;}
    }
}

.applicationReminders {
    .verifyBlock {text-align:center;height: 100%;padding: 15px;
        &.bg-primary{ color:var(--white);}
        img{max-width: 60px;}             
    }
}
.verifyInfo {position:relative;}
.speciesSpecificExaminations{
    & .NAVLEContentBlok{background:none;
        & .details{border:1px solid var(--border);}
    }
}
.exploreBlock{
    & .linksBlock{padding: 15px;border:1px solid var(--border);height:100%;background:var(--light);
        a{ color:var(--dark);
            & .title{font-weight:500; color:var(--primaryDark);font-size: 1.25rem;}
            & .desc{margin:10px 0;}
            & .link{font-weight:500;font-size:0.9em;border-bottom: 1px solid var(--dark); 
                &:after{content:"\f285";font-family:bootstrap-icons;font-weight: 600;font-size: 9px;padding-left: 5px;}       
            }
        }
        &:hover{ background:var(--boder);}
    }    
}

.resourcesLinksBlock{
    & .resourcesLinksWrapper{
        & .ResourcesLinksBlock{display:flex;align-items: center;
            a{display:flex;align-items:center;padding:5px 0;padding-right: 15px;
                &:before{content:"\f287";font-family:bootstrap-icons;font-weight:600;font-size: 6px;padding: 0 5px;} 
            }
            span[data=""]{display:none;}
        }
    }
}

.preFooterBlock{background: var(--primaryDark);color: #FFF;padding: 30px;margin-top: 4em;
    a{color: var(--highlight);}               
}