#post_tabs {box-sizing: border-box;}

/* Style the tab */
.post_tabs-tab {
  float: left;
  width: 100%;
}

/* Style the buttons inside the tab */
.post_tabs-tab button {
  display: block;
  background-color: #e7e7ea;
  color: black;
  padding: 18px 16px;
  margin: 0px 0px 10px 0px;
  width: 100%;
  border: none;
  border-radius: 0px;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
}
.pt_tab_read_more {
  font-size: .7em;
  float: right;
  margin-top: .7em;
  text-transform: uppercase;
}

/* Create an active/current "tab button" class */
.post_tabs-tab button.active {
  background-color: #1c8b9d;
  color: #fff;
}

/* Style the tab content */
.postTabContent {
  padding: 0px 12px;
  width: 100%;
  min-height: 425px;
  background-color: #e7e7ea;
}
.postTabContent img {
  max-height: 338px;
  width: auto;
  display: block;
  margin: 0px auto;
}
.postTabContent h3 {
  margin-top: 15px;
}
.pt_content_exerpt {
  padding-bottom: 10px;
}

#pt_content span.caption-container {
  background-color: #fff;
  color: #b7b9c1;
  padding: 5px 15px 6px 15px;
  text-transform: uppercase;
  font-size: 12px;
  box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}
.postTabContent .caption {
  display: none;
}
.postTabContent.sponsored .caption {
  display: block;
  z-index: 10000;
  position: relative;
  margin-top: 20px;
  margin-bottom: -44px;
}
.postTabContentsponsored .caption .caption-container {
  background-color: #fff;
  color: #b7b9c1;
  padding: 5px 15px 6px 15px;
  text-transform: uppercase;
  font-size: 12px;
  box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}


/* stack content on mobile */
@media screen and (max-width: 768px) {
  #pt_tabs {
    display: none;
  }
  .postTabContent {
    padding: 10px;
    display: block !important;
    margin-bottom: 20px;
  }
}