.container.boxrow {
    font-size: 1rem;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.boxrow > .d-flex {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

.boxrow h3.boxHeader {
    font-size: 1.5rem;
}






.boxrow .news h3.boxHeader {
    width: 100%;
}


@media (min-width: 576px) {
}
  
@media (min-width: 768px) {

}
 
@media (min-width: 992px) {
    .boxrow .news h3.boxHeader {
        width: 75%;
    }
}
  
@media (min-width: 1200px) {

}
  
@media (min-width: 1400px) {

}









.boxrow a {
    color: #7C9585;
}
.boxrow a:hover,
.boxrow a:active,
.boxrow a:focus {
    color: #333333;
}

.boxrow .large-text{
    font-size: clamp(1.188rem, 1.25vw + 0rem, 1.25rem);
}




@media (min-width: 576px) {

}
  
@media (min-width: 768px) {

}
 
@media (min-width: 992px) {

}
  
@media (min-width: 1200px) {

}
  
@media (min-width: 1400px) {

}



.boxrow .BG_white {
    background-color: #ffffff;
    color: #333A3F;
}

.boxrow .BG_light_green {
    background-color: rgba(186,216,206,0.33);
    color: #333A3F;
}
.boxrow .BG_light_green_full {
    background-color: rgba(186,216,206,1);
    color: #ffffff;
}
.boxrow .BG_dark_green {
    background-color: #F2F4F3;
    color: #060807;
}
.boxrow .BG_dark_green_full {
    background-color: rgba(134,199,177,1);
    color: #ffffff;
}
.boxrow .BG_dark {
    background-color: #333A3F;
    color: #fff;
}




.boxrow .textContainer {
    background-color: #333A3F;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.boxrow .textContainer > div {
    background-color: #333A3F77;
}

.boxrow .darkenBG {
    background-color: #333A3F77;
}

.boxrow .fillContainer {
    color: #ffffff;
    width: 100%;
    height: 100%;
}




.boxrow .fillContainer > div.boxRowImageWrapper,
.boxrow .fillContainer > div.textContainer {
    min-height: 300px;
    height: 100%;
    max-height: initial;
}

.wp-block-video.container.boxrow.px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

@media (min-width: 576px) {
}
  
@media (min-width: 768px) {

}
 
@media (min-width: 992px) {
    .boxrow .fillContainer > div.boxRowImageWrapper,
    .boxrow .fillContainer > div.textContainer {
        aspect-ratio: auto;
         min-height: 400px;
    }
    .wp-block-video.container.boxrow.px-2 {
        padding-left: initial !important;
        padding-right: initial !important;
    }
}
  
@media (min-width: 1200px) {

}
  
@media (min-width: 1400px) {

}








.boxrow .size-25 .boxRowImageWrapper {
    width: 100%;
    min-height: 300px !important;
    height: 21vw !important;
    max-height: 375px !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.boxrow .size-50 .boxRowImageWrapper {
    width: 100%;
    min-height: 300px !important;
    height: auto !important;
    max-height: initial !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.recruitment-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 250px;
}



.boxrow .size-75 .boxRowImageWrapper {
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (min-width: 576px) {

}
  
@media (min-width: 768px) {

}
 
@media (min-width: 992px) {
    .boxrow .size-50 .boxRowImageWrapper {
        width: 100%;
        min-height: 300px !important;
        height: 31vw !important;
        max-height: 450px !important;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .boxrow .size-75 .boxRowImageWrapper {
        width: 100%;
        min-height: 400px !important;
/*        height: 26vw !important; */
        max-height: 450px !important;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
}
  
@media (min-width: 1200px) {

}
  
@media (min-width: 1400px) {

}






.boxrow .boxRowImageWrapper {
    overflow: hidden;
}