/* BACKGROUNDS */
.bg-white {
  background: #fff; }

.bg-grey {
  background: #f0f0f0; }

.bg-light-grey {
  background: #f9f9f9; }

.bg-blue {
  background: #3c89c6; }

.bg-lighter-blue {
  background: #5897ca; }

.bg-dark-blue {
  background: #1B75BC; }

.bg-dark {
  background: #111; }

.bg-aqua {
  background: #a4d8e5; }

.bg-light-yellow {
  background: #fff2bd; }

.bg-white-blue {
  background: #f0f5f9; }

.bg-green {
  background: #8cc63f; }

.bg-red {
  background: #d91c5c; }

/* TEXT COLOUR */
.text-black {
  color: #000; }

.text-orange {
  color: #f8941e; }

.text-blue {
  color: #3c89c6; }

.text-grey {
  color: #ccc; }

.text-green {
  color: #8cc63f; }

#block-bashfaqcategoriesbanner {
  padding-top: 15px;
  padding-bottom: 30px;
  background: #3f8bc6; }
  @media (min-width: 992px) {
    #block-bashfaqcategoriesbanner {
      padding-top: 50px; } }
  #block-bashfaqcategoriesbanner .heading p {
    line-height: 1.5rem;
    font-size: 14px; }
    @media (min-width: 768px) {
      #block-bashfaqcategoriesbanner .heading p {
        line-height: 1.7rem;
        font-size: 15px; } }
  #block-bashfaqcategoriesbanner .question-link {
    color: #2d6088;
    margin-bottom: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    letter-spacing: 0.4px;
    transition: background 0.3s;
    cursor: pointer;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    box-shadow: 0px 15px 15px rgba(16, 30, 54, 0.15);
    border-radius: 0;
    background: #fff;
    font-weight: bold !important;
    padding: 6px 6px 6px 15px; }
    @media (min-width: 576px) {
      #block-bashfaqcategoriesbanner .question-link {
        padding: 8px 9px 8px 20px; } }
    @media (min-width: 992px) {
      #block-bashfaqcategoriesbanner .question-link {
        padding: 9px 10px 9px 25px;
        margin-bottom: 27px; } }
    #block-bashfaqcategoriesbanner .question-link:hover {
      text-decoration: none; }
    #block-bashfaqcategoriesbanner .question-link .question-icon {
      padding-right: 3px;
      transition: padding-right 0.3s;
      font-size: 19px; }
      @media (min-width: 576px) {
        #block-bashfaqcategoriesbanner .question-link .question-icon {
          font-size: 20px; } }
      @media (min-width: 768px) {
        #block-bashfaqcategoriesbanner .question-link .question-icon {
          font-size: 21px; } }
      @media (min-width: 992px) {
        #block-bashfaqcategoriesbanner .question-link .question-icon {
          font-size: 22px; } }
      @media (min-width: 1200px) {
        #block-bashfaqcategoriesbanner .question-link .question-icon {
          font-size: 23px; } }
    #block-bashfaqcategoriesbanner .question-link:hover .question-icon, #block-bashfaqcategoriesbanner .question-link:active .question-icon, #block-bashfaqcategoriesbanner .question-link:focus .question-icon {
      padding-right: 0;
      color: #f8941e; }

#most-viewed-questions {
  min-height: 210px;
  padding-left: 0;
  background: url("../../../images/svg-loaders/puff.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80px auto;
  margin: 16px 0 21px; }
  @media (min-width: 576px) {
    #most-viewed-questions {
      margin: 16px 0 28px; } }
  @media (min-width: 768px) {
    #most-viewed-questions {
      margin: 16px 0 35px; } }
  @media (min-width: 992px) {
    #most-viewed-questions {
      margin: 16px 0 44px; } }
  #most-viewed-questions li {
    list-style-type: none; }
    #most-viewed-questions li a {
      text-transform: none;
      color: #3e3e3e;
      width: 100%;
      text-align: left;
      border-radius: 0;
      background: #f2f2f2;
      text-decoration: none !important;
      margin-bottom: 10px;
      display: flex;
      align-items: stretch;
      font-weight: bold !important; }
      #most-viewed-questions li a:hover .icon, #most-viewed-questions li a:active .icon, #most-viewed-questions li a:focus .icon {
        opacity: 0.6; }
      #most-viewed-questions li a .text {
        padding: 7px 9px 9px 14px;
        font-size: 14px;
        line-height: 23px; }
        @media (min-width: 576px) {
          #most-viewed-questions li a .text {
            padding: 14px 14px 15px 23px;
            font-size: 15px; } }
        @media (min-width: 768px) {
          #most-viewed-questions li a .text {
            padding: 17px 14px 18px 23px;
            font-size: 16px; } }
        @media (min-width: 992px) {
          #most-viewed-questions li a .text {
            padding: 19px 14px 20px 23px;
            font-size: 17px; } }
        @media (min-width: 1200px) {
          #most-viewed-questions li a .text {
            padding: 21px 14px 19px 23px;
            font-size: 18px; } }
      #most-viewed-questions li a .icon {
        background: #3c89c6;
        color: #fff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0 7px;
        font-size: 9px; }
        @media (min-width: 576px) {
          #most-viewed-questions li a .icon {
            padding: 0 9px;
            font-size: 10px; } }
        @media (min-width: 768px) {
          #most-viewed-questions li a .icon {
            padding: 0 12px;
            font-size: 12px; } }
        @media (min-width: 992px) {
          #most-viewed-questions li a .icon {
            padding: 0 14px;
            font-size: 13px; } }
        @media (min-width: 1200px) {
          #most-viewed-questions li a .icon {
            padding: 0 15px;
            font-size: 14px; } }
  #most-viewed-questions.loaded {
    background: none; }

#block-bashfaqcategoriesbanner-modal h4 {
  font-size: 1.1rem; }
  @media (min-width: 576px) {
    #block-bashfaqcategoriesbanner-modal h4 {
      font-size: 1.2rem; } }
  @media (min-width: 768px) {
    #block-bashfaqcategoriesbanner-modal h4 {
      font-size: 1.3rem; } }
  @media (min-width: 992px) {
    #block-bashfaqcategoriesbanner-modal h4 {
      font-size: 1.4rem; } }
  @media (min-width: 1200px) {
    #block-bashfaqcategoriesbanner-modal h4 {
      font-size: 1.5rem; } }

#block-bashfaqcategoriesbanner-modal h3 {
  font-size: 1.1rem; }
  @media (min-width: 576px) {
    #block-bashfaqcategoriesbanner-modal h3 {
      font-size: 1.2rem; } }
  @media (min-width: 768px) {
    #block-bashfaqcategoriesbanner-modal h3 {
      font-size: 1.3rem; } }
  @media (min-width: 992px) {
    #block-bashfaqcategoriesbanner-modal h3 {
      font-size: 1.4rem; } }
  @media (min-width: 1200px) {
    #block-bashfaqcategoriesbanner-modal h3 {
      font-size: 1.5rem; } }

/*# sourceMappingURL=../../maps/component/block/faq-categories-banner-block.css.map */