section.dir_section {
	margin: 0 0 34px 0;
  padding: 34px 55px;
  background: #efefef;
	border-radius: 21px;
}

div.col-md-4 section.dir_section,
div.flex-item section.dir_section,
div.relatedPublications section.dir_section {
  padding: 21px;
}

p + section.dir_section {
	margin: 34px 0;
}

.dir_listtop {
	width: 100%; 
	box-sizing:border-box; 
	margin:0; 
	padding:0;
}

figure.dir_listtop_fig { 
	display:block; 
	padding:0; 
	box-sizing: border-box; 
	overflow: hidden; 
  float: left;
  width: 30%;
  border: 2px solid #02478e;
}

div.col-md-4 figure.dir_listtop_fig,
div.flex-item figure.dir_listtop_fig,
div.relatedPublications figure.dir_listtop_fig { 
	width: 50%;
	float: none;
	margin: 0 auto 34px!important;
}

.dir_text {
	float: right;
	width: 65%;
}

div.col-md-4 .dir_text,
div.flex-item .dir_text,
div.relatedPublications .dir_text {
	float: none;
	width: 100%;
}

figure.dir_listtop_fig a { text-decoration: none; border:none; pointer-events: none; }

figure.dir_listtop_fig img { width:100%; height:auto; border:none; transition: transform .3s ease; }

figure.dir_listtop_fig figcaption { display: none;}

.dir_listtop_main { margin:0; padding:0; }

h1.dir_listh1 {
	margin:0 0 15px 0; padding:0; border:none; vertical-align:baseline; background:transparent; font-size: 30px;
}

div.col-md-4 h1.dir_listh1,
div.flex-item h1.dir_listh1,
div.relatedPublications h1.dir_listh1 {
	font-size: 26px;
}

h2.dir_listh2 {
	margin:0 0 10px 0; padding:0; border:none; vertical-align:baseline; background:transparent; 
}

h3.dir_listh3 {
	margin:0 0 10px 0; 
	padding:0; 
	border:none; 
	vertical-align:baseline; 
	background:transparent; 
	display: none;
}

h4.dir_listh4 {
	text-transform: uppercase;
	font-size 		: 22px;
	color 				: #02478e;
  margin: 0 0 21px !important;
  border-bottom: 0 !important;
}

div.col-md-4 h4.dir_listh4,
div.flex-item h4.dir_listh4,
div.relatedPublications h4.dir_listh4 {
	margin: 0 0 21px!important;
	text-align: center;
	}

div.dir_listdesc h5 {
	margin-bottom: 20px;
}

p.dir_listsubtitle { 
 	font-weight: bold; 
}

.dir_listdesc p {
	margin: 0 0 20px 0; 
	padding:0;  
}

div.col-md-4 div.dir_listdesc p,
div.flex-item div.dir_listdesc p,
div.relatedPublications div.dir_listdesc p {
	display: none;
}

div.col-md-4 div.dir_listdesc p:first-of-type:not(.dir_listsubtitle), 
div.col-md-4 div.dir_listdesc p:nth-of-type(2),
div.flex-item div.dir_listdesc p:first-of-type:not(.dir_listsubtitle), 
div.flex-item div.dir_listdesc p:nth-of-type(2),
div.relatedPublications div.dir_listdesc p:first-of-type:not(.dir_listsubtitle), 
div.relatedPublications div.dir_listdesc p:nth-of-type(2) {
	display: block;
}

div.relatedPublications {
	display: flex;
	justify-content: space-between;
}

div.relatedPublications section.dir_section {
	flex: 30% 0 0;
}



ul.dir_ul { margin:0!important; padding:0; overflow: hidden; }
/*ul.dir_ul:not(:first-of-type) {
	margin-bottom: 10px!important;
}*/

ul.dir_ul li {
	margin:0 13px 3px 0; 
  display: inline-block;
	border:none!important; 
	padding: 0!important;
	text-indent:0; 
}

ul.dir_ul:not(:first-of-type) li {
	display: table;
}
	
ul.dir_ul li:before {
	content: ''!important;
}

ul.dir_ul li a {
	margin-bottom: 21px!important;
}

ul.dir_ul li a:before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 1.3em;
    content: "\f019 \0020"!important;
}

ul.dir_ul li span { 
	display:table-cell; 
	min-width:200px; 
	font-weight:bold; 
}

div.col-md-4 ul.dir_ul li span,
div.flex-item ul.dir_ul li span,
div.relatedPublications ul.dir_ul li span {
	display: inline;
	min-width: 0;
}

.dir_listgallery { margin:0 0 40px 0; padding:0; }

.dir_gallery {
	display: flex; justify-content: space-between; gap: 15px; width: 100%; box-sizing:border-box; flex-wrap: wrap; 
	margin:0; padding:0; flex-direction: row; align-items: stretch;
}

.dir_gallery figure {
	display:block; flex:1 1 22%; margin:0; padding:0; box-sizing: border-box; overflow: hidden; 
	min-width: 160px; max-width: 500px;
}

.dir_gallery figure a { text-decoration: none; border:none; }
.dir_gallery figure img { width:100%; height:auto; border:none; transition: transform .3s ease; }
.dir_gallery figure img:hover { transform: scale(1.2); }

.dir_ytvideo { margin:0 0 40px 0; }
.dir_ytvideo iframe { aspect-ratio: 16 / 9; width:100%; height:auto; }



@media only screen and (max-width: 1279px) {
figure.dir_listtop_fig {
	float: none;
	width: 50%;
	margin: 0 auto 34px;
}
.dir_text {
	float:  none;
	width: 100%;
}
}


@media only screen and (max-width: 991px) {

div.relatedPublications {
	display: block;
}

section.dir_section {
	margin: 0;
	padding: 0;
	background: none;
	border-radius: 0;
}

div.col-md-4 section.dir_section,
div.flex-item section.dir_section,
div.relatedPublications section.dir_section {
	margin: 0 0 34px 0;
  padding: 34px 55px;
  background: #efefef;
	border-radius: 21px;
}

}