/* style.css */

.views-field-hcp22-subtitle {
  margin: 0;
}

.views-field-hcp22-event-date-time {
  margin: 0 0 20px 0;
}

.views-field-hcp22-thumbnail-image {
  margin: 0 0 20px 0;
  position: relative;
}

.view-id-hcp_support_page .views-field-hcp22-thumbnail-image,
.views-field-hcp22-thumbnail-image img {
  width: 100%;
}

.views-field-hcp22-thumbnail-image a {
  display: block;
  position: relative;
}

.view-pfizer-hcp2-webinar-related .views-field-hcp22-thumbnail-image {
  max-width: 100%;
  width: 100%;
}

#content .related-content .views-row .views-field.views-field-hcp22-thumbnail-image .field-content {
  margin: 20px 20px 0 20px;
}

#content .related-content .views-row .views-field.views-field-hcp22-thumbnail-image {
  float: none;
  margin: 0;
}

.pfizer-webinar-thumbnail .overlay-icon {
  background: url(../img/icon-play.png) no-repeat center center;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.views-field-bid,
.field-name-hcp22-content-tabs {
  clear: left;
}

.views-field-hcp22-event-description,
.views-field-hcp22-paywall-description {
  display: none;
}

@media only screen and (min-width: 480px) {
  .views-field-hcp22-thumbnail-image {
    margin: 0 auto 20px auto;
    width: 290px;
  }
}

@media only screen and (min-width: 640px) {
  .views-field-hcp22-thumbnail-image {
    float: left;
    width: 40%;
  }

  .views-field-hcp22-event-description,
  .views-field-hcp22-paywall-description {
    display: block;
    float: left;
    padding-top: 0;
    width: 60%;
  }

  .views-field-hcp22-event-description .field-content,
  .views-field-hcp22-paywall-description .field-content {
    padding-left: 20px;
  }

}

@media only screen and (min-width: 1365px) {
  .views-field-hcp22-thumbnail-image {
    width: 30%;
  }

  .views-field-hcp22-event-description,
  .views-field-hcp22-paywall-description {
    width: 70%;
  }
}