/*Image Card Container Horizontal*/
 .margin-3 {
	 margin-top: 0;
}
 #dept-image-cards .card, #departments.card {
	 display: flex;
	 flex-direction: row;
	 align-items: center;
	 padding: 20px;
	/*border-radius: 10px;
	*/
	 border-radius: 0px;
	 border: 1px solid #323232;
}
 #dept-image-cards .card-img-container, #departments .card-img-container {
	 flex: 0 0 300px;
	/* Adjust the width as needed */
	 margin-right: 10px;
	 align-self: flex-start;
}
 .image_card_col .card-img-container {
	/* height: 250px;
	 */
	 height: auto;
}
 .image_card_col .card-img-container {
	 background-color: initial;
}
 #dept-image-cards .card-img-container img, #departments .card-img-container img {
	 width: 100%;
	 height: auto;
}
 #dept-image-cards .card-body, #departments .card-body {
	 flex: 1;
	 margin-top: 0;
	 padding-top: 0;
}
 #dept-image-cards .card-title-grid, #departments .card-title-grid {
	 display: flex;
	 align-items: center;
}
 #dept-image-cards .card-title-grid .card-icon, #departments .card-title-grid .card-icon {
	 flex: 0 0 50px;
	/* Adjust the width as needed */
	 margin-right: 10px;
}
 #dept-image-cards .card-title-grid h3, #departments .card-title-grid h3 {
	 flex: 1;
	 margin: 0;
}
 #dept-image-cards .card-text, #departments .card-text {
	 margin-top: 10px;
}
 .row-cols-lg-2>* {
	 flex: 0 0 auto;
	 /*width: auto;*/
	 width: 100%;
}
 .row.h-100.row-cols-1.row-cols-lg-2.row-cols-xl-3.g-4 {
	 margin-top: 0px;
}
 .card-img, .card-img-top {
	 border-radius: 0px;
	 border-top-left-radius: 0px;
	 border-top-right-radius: 0px;
}
 h3.ps-3.d-flex.align-items-center {
	 padding-left: 0 !important;
}
/*mobile 780*/
/* Widths less than 800 for dept image */
 @media only screen and (max-width: 800px) {
	 #dept-image-cards .card {
		 display: flex;
		 flex-direction: column-reverse;
	}
}
/*Icon left */
 .card-icon.border-end.border-2.border-dark-subtle.d-flex.align-items-center.justify-content-center {
	/*justify-content: center !important;
	*/
	 justify-content: flex-start !important;
}


/*More for row 2 */

/*Image Card Container Horizontal*/
.margin-3 {
    margin-top: 0;
}

#dept-image-cards .card,
#dept-image-cards-2 .card,
#departments.card {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 20px;
    border-radius: 0px;
    border: 1px solid #323232;
}

#dept-image-cards .card-img-container,
#dept-image-cards-2 .card-img-container,
#departments .card-img-container {
    flex: 0 0 300px;
    margin-right: 10px;
    align-self: flex-start;
}

.image_card_col .card-img-container {
    height: auto;
    background-color: initial;
}

#dept-image-cards .card-img-container img,
#dept-image-cards-2 .card-img-container img,
#departments .card-img-container img {
    width: 100%;
    height: auto;
}

#dept-image-cards .card-body,
#dept-image-cards-2 .card-body,
#departments .card-body {
    flex: 1;
    margin-top: 0;
    padding-top: 0;
}

#dept-image-cards .card-title-grid,
#dept-image-cards-2 .card-title-grid,
#departments .card-title-grid {
    display: flex;
    align-items: center;
}

#dept-image-cards .card-title-grid .card-icon,
#dept-image-cards-2 .card-title-grid .card-icon,
#departments .card-title-grid .card-icon {
    flex: 0 0 50px;
    margin-right: 10px;
}

#dept-image-cards .card-title-grid h3,
#dept-image-cards-2 .card-title-grid h3,
#departments .card-title-grid h3 {
    flex: 1;
    margin: 0;
}

#dept-image-cards .card-text,
#dept-image-cards-2 .card-text,
#departments .card-text {
    margin-top: 10px;
}

.row-cols-lg-2>* {
    flex: 0 0 auto;
    width: 100%;
}

.row.h-100.row-cols-1.row-cols-lg-2.row-cols-xl-3.g-4 {
    margin-top: 0px;
}

.card-img,
.card-img-top {
    border-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

h3.ps-3.d-flex.align-items-center {
    padding-left: 0 !important;
}

/*mobile 780*/
/* Widths less than 800 for dept image */
@media only screen and (max-width: 800px) {
    #dept-image-cards .card,
    #dept-image-cards-2 .card {
        display: flex;
        flex-direction: column-reverse;
    }
}

/*Icon left */
.card-icon.border-end.border-2.border-dark-subtle.d-flex.align-items-center.justify-content-center {
    justify-content: flex-start !important;
}