@font-face {
  font-family: 'icomoon';
  font-weight: normal;
  font-style: normal;
  src: url('../fonts/IcoMoon-Free.ttf');
}

/* CTA Bean */
.block-bean .bean-cta {
  position: fixed;
  top: 45%;
  right: 0;
  transform: translateY(-50%);
  width: 170px;
  z-index: 9999;
}

.block-bean .bean-cta .paragraphs-item-cta a {
  background-color: #FEE600;
  color: #000 !important;
  display: block;
  padding: 16px 10px;
  position: relative;
  text-align: center;
}

.block-bean .bean-cta .download a {
  padding-top: 50px;
}

.block-bean .bean-cta .download a:before {
  content: '\e960';
  /*content: '\e922'; - enquire
  content: '\e973'; - register
  */
  font-family: "icomoon";
  font-size: 1.5em;
  position: absolute;
  top: 20px;
  left: 45%;
}

.block-bean .bean-cta .enquire a {
  padding-top: 50px;
}

.block-bean .bean-cta .enquire a:before {
  content: '\e922';
  font-family: "icomoon";
  font-size: 1.5em;
  position: absolute;
  top: 15px;
  left: 45%;
}

.block-bean .bean-cta .register a {
  padding-top: 50px;
}

.block-bean .bean-cta .register a:before {
  content: '\e973';
  font-family: "icomoon";
  font-size: 1.5em;
  position: absolute;
  top: 15px;
  left: 45%;
}

.block-bean .bean-cta .paragraphs-item-cta a:after {
  content : "";
  position: absolute;
  left    : 25%;
  bottom  : 0;
  height  : 1px;
  width   : 50%;
  border-bottom:1px solid #000;
}

.block-bean .bean-cta .field-items .field-item:last-child .field-items .field-item a:after {
  content : "";
  position: absolute;
  left    : 25%;
  bottom  : 0;
  height  : 1px;
  width   : 50%;
  border-bottom: 0px solid #000;
}

.block-bean .bean-cta .paragraphs-item-cta a:hover,
.block-bean .bean-cta .paragraphs-item-cta a:focus {
  filter: brightness(85%);
  text-decoration: none;
}

@media (max-width: 640px) {
  .block-bean .bean-cta {
    top: auto;
    bottom: 0;
    left: 0;
    transform: none;
    width: 100%;
  }
  .field-name-field-bean-cta-paragraph > .field-items {
    display: flex;
    flex-wrap: wrap;
  }
  
  .field-name-field-bean-cta-paragraph > .field-items > .field-item {
    flex: 0 50%;
  }
}


/* Callout Bean */
#block-bean-callout-block {
  display: none;
}

.paragraphs-item-callout {
  position: fixed;
  top:35%;
  right:0;
  transform: translateY(-50%);
  color:#FEE600;
  /*max-width: 45%;
  min-width: 25%;*/
  width: 280px;
  z-index: 9999;
  display: none;
  background-color:#FEE600;
}

.paragraphs-item-callout  .paragraph_callout_close_button {
  color:#000;
  font-weight: bold;
  font-size:1.5em;
  cursor: pointer;
  width: 60px;
  background: #ffcd00 url("../images/cross-bold.png") no-repeat center center;
  background-size: 14px 14px;
}
.paragraphs-item-callout  .paragraph_link_carat {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
  color:#000;
  z-index: -1;
}

.paragraphs-item-callout  .field-name-field-paragraph-callout-cta a {
  display: block;
  font-weight:bold;
  font-size: 1.3em;
  color:#383838;
  height:100%;
  padding: 20px 50px 20px 20px;
  text-decoration: none;
  width: 150px;
  line-height: 1.2em;
}