.picture-row .block{
	border-radius:20px !important;
	overflow: hidden !important;
}


/* PROJECTS */
.project-wrapper:nth-child(even){
	background-color:rgba(0, 48, 87,0.1);

}
.project-wrapper{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	transition: 0.5s;
}
.project-wrapper:hover{
	background-color:#bfb37c;
}

.project-wrapper:hover > h5 a{
	color: black !important;	
}

.project-wrapper:hover > div:nth-of-type(2) a{
	margin-left: 10px !important;
	transition: 0.5s;
}

/* other project related to images */


.page-node-235 .field--name-field-project-image {
    width: 100%; /* Ensure it fills the container's width */
    height: 240px; /* Set the height to show the top part */
    overflow: hidden;
    position: relative;
}

.page-node-235 .field--name-field-project-image img {
    width: 100%;
    height: auto; /* Ensure the image maintains its aspect ratio */
    position: absolute;
    top: 0;
    left: 0;
}

.page-node-235 .project-content {
    display: flex;
    flex-direction: row-reverse; /* Ensures the image is on the right side */
    align-items: flex-start;
    justify-content: space-between; /* Space between text and image */
}

.page-node-240 .project-text {
    flex: 1;
}

.page-node-240 .field--name-field-project-image {
    width: 40%; /* Adjust width as needed */
    margin-left: 20px; /* Space between image and text */
}

.page-node-240 .field--name-field-project-image img {
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
    left: 0;
}

/* Apply styles specifically to the front page */
.page-front .field--name-field-project-image {
    width: 100%; /* Ensure it fills the container's width */
    height: 240px; /* Set the height to show the top part */
    overflow: hidden;
    position: relative;
}

.page-front .field--name-field-project-image img {
    width: 100%;
    height: auto; /* Ensure the image maintains its aspect ratio */
    position: absolute;
    top: 0;
    left: 0;
    clip: rect(0px, auto, 240px, 0px); /* Crop the image to show only the top 240px */
}




/* staff page fixes */
#block-views-block-main-staff-rounded-student-block{
	margin-top:50px;
}
.staff-image{
	width:150px !important;
	height:150px !important;
}

.sl-staff-page .view-content .view-content-wrap.row{
	justify-content: flex-start;
}

/* 2026 pager */
.pager {
    margin-top: 40px;
}