.views-row {
display: grid;
grid-template-columns: auto auto;
grid-template-areas:
"picture speaker  " 
"picture title    " 
"picture body     " 
"picture date     " 
"picture piccredit";
grid-row-gap: 10px;
grid-column-gap: 10px;
}

.view .view-content .views-row.videoplaying, .view .view-content .views-row.podium.videoplaying {
grid-template-areas:
"title title  " 
"video video" 
"speaker speaker";
padding: 10px;
}

.view .view-content .views-row.podium {
grid-template-areas:
"picture title" 
"picture speaker" 
"picture body" 
"picture date";
}

.view .view-content .views-row.podium ul {
list-style: disc;
}

.main-wrapper .view-content .views-row h3 {
  margin: 0;
}


.main-wrapper .view-content .views-row h3 a {
color: black!important;
}

.moderation {
font-weight: 500;
}

.speakersWrapper {
grid-area: speaker;
font-size: 16px;
  line-height: 22px;
}

.views-field-field-vimeo-iframe {
grid-area: video;
display: grid;
grid-template-areas:
"video     " 
"buttonwrap";
grid-row-gap: 10px;
}


.paragraph--type--speakers-fc {
  display: flex;
  flex-wrap: wrap;
}

.paragraph--type--speakers-fc .field__label {
display: none;
}

/*.views-field-field-speakers-fc .paragraph--type--speakers-fc .field--name-field-firstname .field__item::after {
  content: "\00A0";
}*/

/*.views-field-field-speakers-fc .paragraph--type--speakers-fc .field--name-field-lastname .field__item::after {
  content: ",\00A0";
}*/

.views-field-field-speakers-fc .paragraph--type--speakers-fc .paragraph--type--functioninstitution {
display: flex;
}

/*.views-field-field-speakers-fc .paragraph--type--speakers-fc .paragraph--type--functioninstitution .field--name-field-function .field__item::after {
  content: ",\00A0";
}*/

.views-field-field-speakers-fc .paragraph--type--speakers-fc .field__item::after {
  content: "";
}

.paragraph--type--speakers-fc .field--name-field-functioninstitution::after {
  content: "";
}

/*.paragraph--type--speakers-fc .field__item::after {
  content: ",\00A0";
}*/

/*.paragraph--type--speakers-fc .field--name-field-lastname {
  order: 2;
}*/

/*.paragraph--type--speakers-fc .field--name-field-functioninstitution {
  order: 3;
}*/


.playbutton {
display: none;
  background: transparent url(/themes/custom/b5_infoclio/images/playbutton_new.png) no-repeat center;
    background-size: auto;
  background-size: auto 50%;
  opacity: 0.9;
  width: 220px;
  max-width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  pointer-events: all;
  cursor: pointer;
  padding: 0;
  margin: 0 auto;
}

.views-field-field-image:hover .playbutton {
display: block;
}


.wrapbutton {
display: grid;
justify-content: right;
margin: 0 auto;
color: black;
width: 480px;
grid-column-gap: 10px;
grid-template-columns: auto auto;
}

.wrapbutton > a {
display: flex;
  width: 40px;
  background-color: #b0b0b0;
  border-radius: 5px;
  justify-content: center;
  align-content: center;
  cursor: pointer;
  text-decoration: none;
height: 40px;
  grid-column-gap: 10px;
cursor: pointer;
}

.wrapbutton > a > span {
align-content: center;
}


.wrapbutton >a  i {
font-size: 40px;
color: black;
}