/* pfizer-hcp-quicklink.css */

.quicklink.transparent {
  overflow: hidden;
  position: relative;
}

.quicklink.transparent .content {
  margin: 10%;
  padding: 10%;
  position: relative;
}

.quicklink.transparent .background {
  background-color: #fff;
  height: 100%;
  left: 0;
  position: absolute;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE 8 */
  opacity: 0.70;
  top: 0;
  width: 100%;
}

.quicklink.transparent .foreground {
  position: relative;
}

.quicklink.transparent .title {
  font-size: 1.857em; /*26px*/
  margin: 0 0 20px 0;
}

.quicklink.transparent .text {
  margin: 0 0 20px;
}
.quicklink.transparent .field-type-text-long {
  padding: 0;
}

.quicklink.transparent .actions {
  background: none !important; /* Override brand colors */
}

.quicklink.transparent .actions a {
  background-color: #fff;
  border-bottom: 3px solid #0088ce;
  color: #0088ce !important;
  display: inline-block;
  font-size: 1em; /*14px*/
  padding: 10px;
}

/* Personalisation */
.panel-pane.pane-quicklink-default {
  position: relative;
}

.panels-ipe-editing .panels-ipe-portlet-content {
  margin: 0;
}

.personalisation.wrapper {
  margin: 0 0 20px 0;
  min-height: 100px;
}

.personalisation .overlay {
  background: #000;
  height: 100%;
  left: 0;
  margin: 0;
  opacity: 0.7;
  filter: alpha(opacity=70); /*IE8*/
  position: absolute;
  top: 0;
  width: 100%;
}

.personalisation .overlay .wrapper {
  display: table;
  height: 100%;
  width: 100%;
}

.personalisation .overlay .message {
  color: #fff;
  display: table-cell;
  padding: 20px;
  text-align: center;
  vertical-align: middle;
}

/* Quicklink (transparent hero) */
.quicklink.thero .title,
.quicklink.thero .text {
  display: none;
}

.quicklink.thero img {
  width: 100%;
}

.quicklink.thero .content {
  bottom: auto;
  padding: 0;
  position: relative;
  top: auto;
  width: 100%;
}

.quicklink.thero .content .foreground {
  bottom: 0;
  padding: 0;
  position: absolute;
  width: 100%;
}

.quicklink.thero .content .actions {
  background: url(../images/quicklink/bg-actions.png);
  min-height: 60px;
  position: relative;
}

.quicklink.thero .content .actions .actions-wrapper {
  height: auto;
}

.quicklink.thero .content .actions a {
  background: none;
  border-bottom: 0;
  color: white !important;
  display: block;
  font-size: 1em; /*14px*/
  padding: 10px;
  width: 100%;
}

.quicklink.thero .content .actions a:hover {
  text-decoration: none;
}

/* Carousel fallback */
.brand .quicklink.carousel .actions {
  color: #fff !important;
}

.quicklink.carousel .actions {
  padding: 20px;
}

/* Quicklink (single) */
.quicklink.single {
  cursor: pointer;
}