body {
	margin: 0;
	padding: 0;
	/*font-family: "Barlow", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1em;
	*/

}
.spacer-row {
	background: #223;
	color: #eee;
	height: 80px;
	padding: 24px;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: .5px;
	font-family: "Barlow", Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 1em;
}

<!-- start partner bio content module -->


a {
	text-decoration: none;
	color: rgba(15, 50, 90, 1);
	border-bottom: 2px solid rgba(15, 50, 90, 1);
	padding-bottom: 2px;
}

a:hover{
	text-decoration: none;
	color: rgba(21, 78, 190, 1);;
	border-bottom: 2px solid rgba(21, 78, 190, 1);
	padding-bottom: 3px;
}

a:visited {
	color: #223;
	text-decoration: none;
	border-bottom: 2px solid rgba(15, 50, 90, 0);
	padding-bottom: 2px;
}

.book-info a {
	text-decoration: none;
	color: rgba(15, 50, 90, 1);
	border-bottom: 2px solid rgba(15, 50, 90, 1);
	padding-bottom: 2px;
}

.book-info a:hover{
	text-decoration: none;
	color: rgba(21, 78, 190, 1);;
	border-bottom: 2px solid rgba(21, 78, 190, 1);
	padding-bottom: 3px;
}

.book-info a:visited {
	color: #223;
	text-decoration: none;
	border-bottom: 2px solid rgba(15, 50, 90, 0);
	padding-bottom: 2px;
}
.lo-parent {
	display: grid;
	grid-template-columns: repeat(3, 1fr); /**/
	grid-template-columns: 25% 46% 1fr;
	grid-template-columns: 280px 46% 1fr;
	grid-template-rows: 1fr;
	grid-column-gap: 24px;
	grid-row-gap: 0px;
	margin: 12px auto 0 auto;
	/*width: 100%; */
	border-top: 0px solid #444;
	padding: 12px 0 24px 0;
	max-width: 1000px;
	border-bottom: 0px solid #eee;
	
	font-family: "Barlow", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1em;
}
.column-background {
	background: #fff;
	padding: 0;
	border-bottom: 0px solid #999;
	position: relative;
}
.lo-parent div h2 {
	color: #000;
	font-family: "Barlow", Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin: 0;
	padding: 0 18px 8px 0px;
}

.lo-parent div h3 {
	color: #333;
	font-family: "Barlow", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin: 0;
	padding: 36px 18px 12px 0px;
}

.lo-parent div h4 {
	color: #333;
	font-family: "Barlow", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 200;
	line-height: normal;
	margin: 0;
	padding: 0 18px 18px 0px;
	
}

.lo-parent div p {
	padding: 0px 16px 24px 0;
	margin: 0;
	line-height: 1.6em;
}

.lo-parent div ul li{
	padding: 0px 0px 8px 0px;
}

.lo-col1 {
	border-top: 0px solid #090;
	border-bottom: 0px solid #ccc;
}

.lo-col1 img{
	padding: 8px 0 0 0;
}

.lo-col2 {
	border-bottom: 0px solid #ccc;
}

.lo-col3 {
	border-top: 0px solid #0cf;
	border-bottom: 0px solid #ccc;
}

.lo-col2 p{
	font-size: 17px;
	font-style: normal;
	line-height: 29px;
}

.lo-col3 ul li{
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
	margin: 0 0 6px -18px;
	padding: 0 0 0 0;
}

.lo-parent .lo-col3 h3{
	color: #223;
	font-family: "Barlow", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin: 0 0 0 0;
	padding: 0px 0px 24px 0px;
}
.limited {
	color: #2750E0;
	font-family: "Barlow", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
}

li {
	margin: 0 0 6px 0;
	padding: 0 0 0 0;
	line-height: 1.2em;
}

.lo-col1,
.lo-col2,
.lo-col3 {
    display: flex; /* Use flexbox */
    flex-direction: column; /* Arrange content vertically */
    padding-bottom: 48px
}

/* bio social links */
.bio-link {
	padding: 6px 0 6px 0;
	margin: 0 0 4px 0;
}

.su-location-icon {
	display: inline;
    height: 20px;
    justify-content: center;
    align-items: center;
    padding: 0 12px 0 0;
    border: 0px solid #f00;
}
.pdf-style svg{
	background: #eee;
	width: 18px;
	height: 26px;
	flex-shrink: 0;
}

.email-style svg{
	background: #eee;
	width: 18px;
	height: 12px;
	flex-shrink: 0;
	padding: 0 0 2px 0;
}

.bio-link .sometext{
	/* display: inline; */
    justify-content: top;
    align-items: top;

    margin: -30px 0 0 0;
    border: 0px solid #f00;
    font-size: 13px;
    line-height: 15px;
    padding: 8px 0 12px 32px;
    font-family: "Barlow", Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.bio-link a, .sometext a{
	text-decoration: none;
	color: #223;
	font-family: "Barlow", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	border-bottom: 0px solid #ccc;
	padding: 0 0 3px 0;
}

.bio-link2 a:hover, .sometext a:hover{
	text-decoration: none;
	color: #0B49A6;
	border-bottom: 2px solid #0B49A6;
	padding: 0 0 3px 0;
}
/* end bio social links */

@media screen and (max-width: 1025px) {
	.lo-parent {
		border: 0px top #f00;
		padding: 0px 24px 24px 24px;
	}
	.hero-headline p {
			width: 75%;
		}
}

@media screen and (max-width: 800px) {
.lo-col1 img{
	padding: 0;
	width: 50%;
}
.lo-col1,
.lo-col2,
.lo-col3 {
    display: flex; /* Use flexbox */
    flex-direction: column; /* Arrange content vertically */
    padding-bottom: 12px
}
	.lo-parent {
		display: grid;
		grid-template-columns: repeat(1, 1fr); /**/
		grid-template-rows: 1fr;
		grid-column-gap: 24px;
		grid-row-gap: 0px;
		max-width: 90vw;
		border-top: 0px solid #d00;
		margin: 12px auto 12px auto;
		}
		
		
		.tall-440 {
			height: 400px;
			padding: 0;
		}
	.lo-parent .lo-col3 h3{
		margin: 8px 0 0 0;
		padding: 0px 0px 12px 0px;
	}
	.lo-col3 {
		padding: 0 0 0 0px;
	}
	.lo-col2 {
		margin: 0px 0 0 0;
	float: left;
	padding: 0;
	}
	.lo-col1 img {
    padding: 0; /* Remove padding */
    margin-bottom: 0; /* Ensure no margin below the image */
}

.lo-col1 p {
    padding: 0; /* Remove padding from the paragraph */
    margin-top: 0; /* Remove margin at the top of the paragraph */
}
}


/* ***************** this class is updated with addition of book covers       */
ul {
	margin: 0 0 36px 0;
	padding: 0 0 0 36px;
}
/* ***************** this class is updated with addition of book covers       */

/* *************************************

see changes to page css with the addition of new book covers in right column-background  
 */

/* start css for publications */
.publications {
	margin: 0px 0 36px 0;
	width: 100%;
	float: left;
	border-bottom: 1px solid #ddd;
	padding: 0 0 24px 0;
}
.entry {
}


.book-cover img{
	width: 32%;
	border: 1px solid #eee;
	box-shadow: 7px 7px 11.3px 2px rgba(0, 0, 102, 0.12);
	float: left;
	margin: 0 12px 16px 0;
	
}

.book-de {
	border-bottom: 0px solid #600;
	float: left;
	color: #222;
	font-family: "Barlow", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.25em;
	padding: 0 0 0 0;

	max-width: 380px;
	
}

.book-info {
	border-top: 0px solid #f00;
	float: left;
	color: #222;
	font-family: "Barlow", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.36em;
	padding: 0 0px 0 0;

	max-width: 380px;
}

.book-de h5{
	float: left;
	color: #333;
	font-family: "Barlow", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.25em;
	margin: 0;
	padding: 0px 0px 6px 0;
}

.lo-col2 strong {
	font-weight: 600;
	color: #1F2B58;
	font-style: normal;
	font-size: 18;
	line-height: 28px;
	
}
.book-de h5 a {
	text-decoration: none;
	border: 0;
	color: rgba(15, 50, 90, 1);
}
.book-de h5 a:visited {
	text-decoration: none;
	border: 0;
	color: #223;
}

@media screen and (max-width: 1000px) {
	.book-de {
		border-bottom: 0px solid #600;
		float: left;
		color: #222;
		font-family: "Barlow", Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 1.25em;
		padding: 0 0 0 12px;
		max-width: 380px;
		}
		
	.book-de h5{
		float: left;
		color: #333;
		font-family: "Barlow", Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-style: normal;
		font-weight: 600;
		line-height: 1.25em;
		margin: 0;
		padding: 0px 0px 6px 0;
		width: 100%;
	}
	
	.book-info {
		border-top: 0px solid #f00;
		float: left;
		color: #222;
		font-family: "Barlow", Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 1.56em;
		padding: 0 0px 0 0;
		max-width: 380px;
	}
	
	.lo-col3 ul li{
	font-size: 16px;
	font-style: normal;
	line-height: 18px;
	margin: 0 0 6px -18px;
	padding: 0 0 0 0;
	}

}

.book-title {
	font-weight: 500;
	color: #2266cc;
	font-style: italic;
}

/* bio left column ************* */
.bio-photo {
	float: left;
	/*width: 300px;*/
}

.bio-photo img{
	width: 100%;
}


.left-grid {
		border-top: 0px solid #0f0;
		display: grid;
		display: contents;
 		grid-template-rows: 1fr auto; /* Row 1 for the photo, row 2 for the columns */
    	grid-template-columns: repeat(5, 1fr); /* 4 equal columns for the second row */
  		gap: 2px; /* Adjust the gap between the grid items as needed */
  		font-size: 14px;
  		margin-top: 24px;
	}

.left-grid div {
	background: 0;
}

.bio-location, .bio-email, .bio-linked, .bio-pdf {
	display: flex;
	align-items: center; 
	width: 90%;
	float: left;
	margin-top: 24px;
}
.bio-location img, .bio-email img, .bio-linked img, .bio-pdf img {
	width: 16px;
	padding: 0 12px 0 0;
}

.bio-location a, .bio-email a, .bio-linked a, .bio-pdf a {
	text-decoration: none;
	padding: 0 0 2px;
	border-bottom: 2px solid #fff;
	color: #333;
}
.bio-location a:hover, .bio-email a:hover, .bio-linked a:hover, .bio-pdf a:hover {
	text-decoration: none;
	padding: 0 0 2px;
	border-bottom: 2px solid #255690;
	color: #255690;
}

.left-grid-center {
	display: none;
}


.bio-data-container {
	display: none;
}

.quote-mobile { 
	display: none;
}

.quote-desktop { 
	display: block;
}

@media screen and (max-width: 800px) {
  .lo-parent:first-child {
    border: 0px solid #090;
    margin-top: -60px;
  }
.quote-mobile { 
	display: block;
}
.quote-desktop { 
	display: none;
}
.book-cover img {
	width: 18%;
}
.bio-data-container {
	display: block;
	width: 100%;
	float: left;
	background: 0;
	border-top: 0px solid #666;
	padding-bottom: 24px;
	padding-top: 0;
	font-family: "Barlow", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.1em;
}
	.left-grid {
		display: none;
    /* display: block;  test */
    background: 0;
	}
	.left-grid-center {
		display: inline;
	}
 

  .bio-photo img {
    width: 100%; 
    padding: 0;
  }

  .bio-location, .bio-email, .bio-linked, .bio-pdf {
    width: 100%;
  }

  
  .bio-left {
  	width: 40%;
  	border-top: 0px solid #009;
  	float: left;
  }
  .bio-right {
  	width: 52%;
  	border-top: 0px solid #060;
  	float: left;
  	padding: 60px 0 0 24px;
  }
	.bio-left{
  		margin: 0 2% 0 0;
  }
  .bio-right div{
			margin: 0px 0px 16px 0px;
		}
}

.left-grid svg {
	width: 28px;
	padding: 0 12px  0 0;
}
.bio-data-container svg {
  width: 28px;
  margin-right: 12px;
}
/* end css for publications */