section.project_list_section{
  margin: 0 0 2.4em 0;
  padding: 0.4em 0.8em 0.8em 0.8em;
  background-color: #FAFAFA;
  border: 1px solid #DDD;
  border-radius: 0.24em;
}

h2.project_list_section_title{
  margin: 0.0em 0 0.0em 0;
  padding: 0;
  font-size: 2.4em;
  font-style: italic;
  text-indent: 0.6em;
}

a.project_list_section_title_link{
  text-decoration: none;
  color: #000;
}

a.project_list_section_title_link:hover{
  color: #666;
  text-decoration: underline;
}

div.project_list_items_container{
  margin: 0.8em 0 0 0;
  padding: 0;
}

/*
*
Project List Item: Full Info
*
*/

section.projectList_fullItem_section{
  margin: 1.2em;
  padding: 1.2em;
  background-color: #FFF;
  border-width: 1px;
  border-style: solid;
  border-color: #999;
  outline: 4px solid #EEE;
}

div.projectList_fullItem_mainThumbnail_container{
  float:right;
  margin: 0 0 2.4em 2.4em;
}

a.projectList_fullItem_mainThumbnail_link{
  outline: 0.24em solid #DDD;
  padding: 0;
  margin: 0 0 0 2.4em;
  display: inline-block;
}

img.projectList_fullItem_mainThumbnail_image{
  border:0;
  padding:0;
  display: block;
  max-width: 20em;
  object-fit:cover;
}

section.projectList_fullItem_infoSection{
  border: 0px solid #8FA;
}

.projectList_fullItem_title {
  margin: 0 0 0.4em 0;
  padding: 0;
  font-size: 2.2em;
  font-style: normal;
  font-weight: bolder;
  display: inline-block;
}

/*
a.projectList_fullItem_title_link{
margin: 0;
}

a.projectList_fullItem_title_link:hover{
color: #066;
text-decoration: underline;
}
*/

p.projectList_fullItem_info_p{
  margin: 0 0 1.2em 0;
}

span.projectList_fullItem_info_date{
  display: inline-block;
  margin-right: 0.24em;
}

a.projectList_fullItem_info_link{
  display: inline-block;
  margin-right: 0.24em;
}

a.projectList_fullItem_info_link:hover{
}

span.projectList_fullItem_info_linkMarker{
  display: inline-block;
  margin: 0 0.24em;
  text-decoration: none;
  font-size: 140%;
  font-weight: bold;
}

span.projectList_fullItem_info_linkText{
  text-decoration: underline;
  font-size: 140%;
  font-weight: bold;
  font-style: italic;
}

span.projectList_fullItem_info_description{
}

span.projectList_fullItem_info_tagsList{
  font-style: italic;
  font-size: 100%;
}

span.projectList_fullItem_info_tag{
  display: inline-block;
  margin-right: 0.24em;
}

a.projectList_fullItem_info_tag{
  display: inline-block;
  text-decoration: underline;
  margin-right: 0.24em;
}

/*
*
Project List Item: Thumbnail
*
*/

div.projectList_tumbnailItem_container{
  position: relative;
  display: inline-block;
  width: 244px;
  margin: 0px 12px 24px 0px;
  padding: 0;
  vertical-align: top;
  text-align: center;
  border: 0px solid #BBB;
  background-color: #BBB;
  font-size: normal;
}

a.projectList_tumbnailItem_link{
  text-decoration: none;
  display: block;
  margin:0;
  padding:0;
  outline:1px solid #BBB;
}

a.projectList_tumbnailItem_link:hover{
  outline:0.16rem solid #999;
}

span.projectList_tumbnailItem_label{
  padding:0;
  margin:0;
  font-size: normal;
  color: #FFF;
  font-weight: normal;
  display: block;
}

div.projectList_tumbnailItem_imageContainer{
  margin:0 auto;
  padding:0;
  width: 244px;
  height: 187px;
  overflow: hidden;
}

img.projectList_tumbnailItem_image{
  border: none;
  padding: 0px;
  margin: 0px;
  position: relative;
  width: 244px;
  height: 187px;
  left: 0px;
  top: 0px;
  object-fit: cover;
  transition: 0.4s;
}

a.projectList_tumbnailItem_link:hover img.projectList_tumbnailItem_image{
  width: 320px;
  height: 245px;
  position: relative;
  left: -36px;
  top: -28px;
  transition: 1.2s;
}

/*
*
tooltip
*
*/

div.projectList_tumbnailItem_container div.tooltip_1 {
  visibility: visible;
  background-color: #FFFFFFFF;
  border: 1px solid #000000B0;
  color: #000;
  text-align: left;
  border-radius: 10px;
  padding: 3px 10px;
  position: absolute;
  z-index: 5;
  top: 12px; /* Position the tooltip above the text */
  left: -48px;
  margin-left: 60px; /* Center the tooltip */
  opacity: 0.0; /* Make the tooltip invisible initially */
  transition: opacity 1.2s;
  font-size: 14px;
  pointer-events: none;
}

div.projectList_tumbnailItem_container:hover div.tooltip_1 {
  visibility: visible;
  opacity: 1.0;
  transition: opacity 0.32s;
}

div.projectList_tumbnailItem_container div.tooltip {
  visibility: visible;
  background-color: #FFFFFFFF;
  color: #000;
  text-align: left;
  border-radius: 10px;
  padding: 3px 10px;
  position: absolute;
  z-index: 5;
  top: 12px; /* Position the tooltip above the text */
  left: -48px;
  margin-left: 60px; /* Center the tooltip */
  opacity: 1.0; /* Make the tooltip invisible initially */
  font-size: 14px;
  pointer-events: none;
  border: 1px solid #000000B0;
  transition: border 1.2s;
  /*
  transition: background-color 1.2s;
  transition: color 1.2s;
  */

}

div.projectList_tumbnailItem_container:hover div.tooltip {
  border: 1px solid #FFFFFFFF;
  transition: border 0.4s;
}


div.project_asset_image img{
  max-width: 360px;
  border: 0px;
  outline: 0.24em solid #DDD;
}