/* ###################
    AFFILIATE BANNER
######################*/
#affiliate_banner button {
	background: rgba(0,0,0,0.6);
	color: #fff;
}


/* ###############
    VIDEO PLAYER
##################*/

div[id^="video_player"] .hdm-preview-main {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}

div[id^="video_player"] .hdm-preview-main iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

div[id^="video_player"] .hdm-preview-overlay-text {
  font-size: 10em;
}


/* ###############
    IPHONE STYLE 
##################*/
.iphone-style div[id^="chat_with_me"] .hdm-chat-panel {
  background: #fff;
}

.iphone-style div[id^="chat_with_me"] .hdm-chat-panel-content {
  background: #fff;
  border-radius: 5px;
  border: 2px solid #e8e8ea;
}

.iphone-style div[id^="chat_with_me"] .hdm-chat-actions .hdm-button {
  font-family: "Gill Sans", sans-serif;
  width: 100%;
  background: #64cd49;
  color: #000;
  font-weight: bold;
}

.iphone-style div[id^="chat_with_me"] .hdm-chat-message-bubble {
  font-family: "Gill Sans", sans-serif;
  background: #e8e8ea;
  color: #000;
  font-size: 1.3em;
}

.iphone-style div[id^="chat_with_me"] .hdm-chat-message svg {
  color: #e8e8ea;
}

.iphone-style div[id^="chat_with_me"] .hdm-chat-message-avatar img {
  border-radius: 50%;
  border: 2px solid #e8e8ea;
  width: 50px;
  height: 50px;
}

/* #################
    WHATSAPP STYLE 
####################*/
.whatsapp-style div[id^="chat_with_me"] .hdm-chat-panel {
  background: #fff;
}
.whatsapp-style div[id^="chat_with_me"] .hdm-chat-panel-content {
  background: url("https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png");
  border-radius: 5px;
  border: 2px solid #f7f7f7;
}
.whatsapp-style div[id^="chat_with_me"] .hdm-chat-actions .hdm-button {
  font-family: "Gill Sans", sans-serif;
  width: 100%;
  background: #dcf7c7;
  color: #1d1d1d;
  font-weight: bold;
}
.whatsapp-style div[id^="chat_with_me"] .hdm-chat-message-bubble {
  font-family: "Gill Sans", sans-serif;
  background: #f7f7f7;
  color: #1d1d1d;
  font-size: 1.3em;
}
.whatsapp-style div[id^="chat_with_me"] .hdm-chat-message svg {
  color: #f7f7f7;
}
.whatsapp-style div[id^="chat_with_me"] .hdm-chat-message-avatar img {
  border-radius: 50%;
  border: 2px solid #f7f7f7;
  width: 50px;
  height: 50px;
}