/* This CSS Rule contains 1) styles for the video-chat-wrapper markup
   and 2) the content of  tags removed from Embedder 2020.
   */
   
.node-type-moment #main #content,
.node-type--v-nement-en-direct-calme #main #content {
  width: 95%;
  max-width: 1600px;
}
.node-type-moment .iflychat-embed,
.node-type--v-nement-en-direct-calme .iflychat-embed {
  height: auto;
}
.node-type-moment .event-actions,
.node-type--v-nement-en-direct-calme .event-actions {
    clear: both;
    padding-top: 20px;
}
.video-chat-wrapper {
  display: grid;
  grid-template-columns: 2fr 1fr;
}
.video-chat-wrapper .left-column {
  background: black;
}
.video-chat-wrapper .right-column {
  border: 2px solid black;
}
.ifc-chat-window-header-user-count {
  display: none !important;
}

/* for smaller screens */
@media (max-width: 768px) {
  .video-chat-wrapper {
        grid-template-columns: 1fr;
  }
}

/* center the video for certain sizes */
.video-chat-wrapper .left-column {
    background: black;
    display: flex;
    align-items: center;
    justify-content: center;
}
.video-chat-wrapper .left-column > .field {
  width: 100%;
}

/** Embedder styles for Moments CT.
  */
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

/** Embedder styles for Tech Support CT.
  */
.node-type-tech-support #main #content{
width:60%;
max-width:1920px;
}

/* On screens that are 992px wide or less, the background color is blue */
@media screen and (max-width: 1922px) {
.node-type-tech-support #main #content{
width:60%;
max-width:1280px;

}

/* On screens that are 600px wide or less, the background color is olive */
@media screen and (max-width: 600px) {
.node-type-tech-support #main #content{
width:100%;
//max-width:400px;
}