/*
BASE (MOBILE) SIZE
*/
/************** WEB FONTS ***************/
@font-face {
  font-family: 'Lola-Light';
  src: url("../fonts/lola/Light/FSLolaWeb-Light.eot");
  /* IE9 */
  src: url("../fonts/lola/Light/FSLolaWeb-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/lola/Light/FSLolaWeb-Light.woff") format("woff");
  /* Modern Browsers */
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Lola-Medium';
  src: url("../fonts/lola/Medium/FSLolaWeb-Medium.eot");
  /* IE9 */
  src: url("../fonts/lola/Medium/FSLolaWeb-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/lola/Medium/FSLolaWeb-Medium.woff") format("woff");
  /* Modern Browsers */
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Lola-Regular';
  src: url("../fonts/lola/Regular/FSLolaWeb-Regular.eot");
  /* IE9 */
  src: url("../fonts/lola/Regular/FSLolaWeb-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/lola/Regular/FSLolaWeb-Regular.woff") format("woff");
  /* Modern Browsers */
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Lola-Bold';
  src: url("../fonts/lola/Bold/FSLolaWeb-Bold.eot");
  /* IE9 */
  src: url("../fonts/lola/Bold/FSLolaWeb-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/lola/Bold/FSLolaWeb-Bold.woff") format("woff");
  /* Modern Browsers */
  font-weight: normal;
  font-style: normal; }
.input-group {
  font-size: 18px; }

/**************** HIDE SECTIONS INITIALLY - REVEALED BY JQUERY *****************/
#monthly-amount {
  display: none; }

#single-amount {
  display: none; }

#collection-amount {
  display: none; }

#spending-info {
  display: none; }

#update-donation {
  display: none; }

#in-mem-relationship {
  display: none; }

#close-relationship {
  display: none; }

#personal-experience {
  display: none; }

#gift {
  display: none; }

#other-reason {
  display: none; }

#raised-reason {
  display: none; }

#gift-in-mem-relationship {
  display: none; }

#other-in-mem-relationship {
  display: none; }

#collection-why {
  display: none; }

#collection-where-more {
  display: none; }

#collection-where-other {
  display: none; }

#title-other {
  display: none; }

#full-address {
  display: none; }

#collection-page {
  display: none; }

#hear-parkrunner {
  display: none; }

#other-hear {
  display: none; }

#hear-success {
  display: none; }

/************** WRAPPING CONTAINERS ******************/
.boldlight-donations {
  background: #f0eff0;
  font-size: 18px;
  line-height: 26px;
  font-family: Arial, Helvetica, sans-serif;
  /**************** GENERAL TEXT STYLES *********************/
  /*********** FADE MIXIN FOR LINKS & BUTTONS ****************/
  /***************** RESPONSIVE IMAGES ****************/
  /****** HIDE « ON MOBILES **********/
  /***************** HEADER AREA ********************/
  /***************** CHOOSE DONATION TYPE ********************/
  /************** MONTHLY SPEECH BUBBLE ****************/
  /***************** DONATION PROMPTS ********************/
  /**************** CHOOSE OWN DONATION AMOUNT *****************/
  /**************** FULL WIDTH TITLES ****************/
  /*********** UPDATE DONATION AMOUNT *************/
  /****************** FORM FIELDS ***************/
  /**************** WHY DONATE FIELDS ***************/
  /************ EMAIL TOOLTIP ***************/
  /********** CUSTOM JS CHECKBOX STYLES ***********/
  /********* GIFT AID ***************/
  /************ DATA PROTECT OPT INs *************/
  /*************** SINGLE PAYMENT DETAILS ******************/
  /*************** MONTHLY PAYMENT DETAILS ******************/
  /******* THANY YOU PAGE LINKS - GREY SECTION ***********/
  /**********  FOOTER BLUE CHARITY FUNDS SECTION **************/
  /**********  THANK YOU **************/
  /**********  FINAL QUESTION **************/
  /**********  THANK YOU VIDEO **************/
  /**********  DIRECT DEBIT CONFIRM **************/
  /******************* FOOTER AREA *******************/ }
  .boldlight-donations #wrapper {
    background: white; }
  .boldlight-donations h1, .boldlight-donations h2, .boldlight-donations h3, .boldlight-donations h4, .boldlight-donations h5 {
    font-family: Lola-Regular, Georgia, "Times New Roman", serif; }
  .boldlight-donations h2 {
    font-size: 28px; }
  .boldlight-donations h3 {
    font-size: 24px;
    color: #48173f; }
  .boldlight-donations h4 {
    font-size: 20px;
    color: #48173f; }
  .boldlight-donations p {
    font-size: 18px;
    line-height: 26px; }
  .boldlight-donations p.small {
    font-size: 16px;
    line-height: 24px; }
  .boldlight-donations .intro {
    font-family: Lola-Regular, Georgia, "Times New Roman", serif;
    font-size: 32px;
    line-height: 38px; }
  .boldlight-donations a {
    -webkit-transition: all 0.5s ease-out, all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out, all 0.5s ease-out;
    -o-transition: all 0.5s ease-out, all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out, all 0.5s ease-out;
    transition: all 0.5s ease-out, all 0.5s ease-out; }
  .boldlight-donations button {
    -webkit-transition: all 0.5s ease-out, all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out, all 0.5s ease-out;
    -o-transition: all 0.5s ease-out, all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out, all 0.5s ease-out;
    transition: all 0.5s ease-out, all 0.5s ease-out; }
  .boldlight-donations img {
    max-width: 100%; }
  .boldlight-donations .laquo {
    display: none; }
  .boldlight-donations .header {
    padding: 30px 0 20px 0; }
    .boldlight-donations .header .logo img {
      max-width: 80%; }
    .boldlight-donations .header .strapline {
      /*display: none;*/ 

    }
    .boldlight-donations .header .strapline {
      display: block;
      margin: 50px 0 0 0;
      text-align: center;
      color: #b1c5cd;
      font-size: 26px;
      font-family: Lola-Medium, Georgia, "Times New Roman", serif; }

  .boldlight-donations .choose-donation .radio {
    margin-left: 30px;
    margin-right: 30px; }
  .boldlight-donations #speech-bubble {
    background: #dad1d9;
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 15px; }
    .boldlight-donations #speech-bubble:before {
      content: "";
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -20px;
      width: 0;
      height: 0;
      border-right: 13px solid transparent;
      border-top: 20px solid #dad1d9;
      border-left: 13px solid transparent; }
    .boldlight-donations #speech-bubble p {
      padding: 20px; }


      .boldlight-donations .donation-box {
    text-align: center;
    padding: 20px 30px;
    color: white;
    background: url("../images/donation-box-bg.jpg") no-repeat bottom right #1a9fde;
    margin-bottom: 30px; }
    .boldlight-donations .donation-boxa {
         background: url("../images/donation-box-bg.jpg") no-repeat bottom right #fabe5d;
    }
     .boldlight-donations .donation-boxb {
         background: url("../images/donation-box-bg.jpg") no-repeat bottom right #1c8978;
    }
      .boldlight-donations .donation-boxc {
         background: url("../images/donation-box-bg.jpg") no-repeat bottom right #82c19e;
    }
       .boldlight-donations .donation-boxd {
         background: url("../images/donation-box-bg.jpg") no-repeat bottom right #2e6181;
    }
    

    .boldlight-donations .donation-box img {
      display: none; }

  .boldlight-donations .donation-boxx img {
      height:300px; }

    .boldlight-donations .donation-box h3 {
      color: white;
      font-size: 250%;
      margin: 0;
      font-family: Lola-Bold, Lola-Medium, Georgia, "Times New Roman", serif; }
    .boldlight-donations .donation-box p {
      padding: 5px 0; }
      

      .boldlight-donations .donation-boxx h3 {
      color: white;
      font-size: 250%;
      margin: 0;
      font-family: Lola-Bold, Lola-Medium, Georgia, "Times New Roman", serif; }
    .boldlight-donations .donation-boxx p {
      padding: 5px 0; }
      .boldlight-donations .donation-boxx p span {
        display: none; }
  .boldlight-donations .how-much-title {
    font-size: 36px;
    margin-bottom: 20px;
    text-align: center; }
  .boldlight-donations .own-amount-title {
    font-size: 36px;
    margin-bottom: 0px;
    margin-top: 30px;
    text-align: center; }
  .boldlight-donations .collection-amount-title {
    font-size: 36px;
    margin-bottom: 0px;
    text-align: center; }
  .boldlight-donations .choose-own-amount {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 50px; }
  .boldlight-donations .choose-own-input {
    text-align: right; }
  .boldlight-donations .choose-own-button {
    text-align: left; }
  .boldlight-donations #collection-where-more {
    margin-top: 15px; }
  .boldlight-donations .top-title {
    margin-bottom: 30px; }
  .boldlight-donations .orange-title {
    background: url("../images/orange-title-bg.jpg") no-repeat center top #e55303;
    color: white;
    padding: 15px 0 3px 0;
    margin: 0; }
  .boldlight-donations .purple-title {
    background: url("../images/purple-title-bg.jpg") no-repeat center top #48173f;
    color: white;
    padding: 15px 0 3px 0;
    margin: 30px 0; }
  .boldlight-donations #about-donation-title {
    font-size: 28px; }
  .boldlight-donations #change-amount {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px; }
  .boldlight-donations #update-donation {
    padding-top: 35px;
    padding-bottom: 25px;
    background: #d1ecf8;
    text-align: center; }
    .boldlight-donations #update-donation .update-radios {
      margin-bottom: 10px; }
      .boldlight-donations #update-donation .update-radios label {
        margin-bottom: 20px; }
  .boldlight-donations .form-control {
    margin: 0 10px 0 0; }
  .boldlight-donations label {
    font-weight: normal;
    color: #444444; }
  .boldlight-donations .btn {
    padding-left: 25px;
    padding-right: 25px;
    border: none;
    white-space: normal; }
  .boldlight-donations .large-label {
    font-family: 'Lola-Medium',Lola-Regular, Georgia, "Times New Roman", serif;
    font-size: 150%;
    color: #48173f; }
  .boldlight-donations textarea.form-control {
    height: 150px;
    line-height: 20px;
    font-size: 16px;
    font-weight: normal;
    padding: 15px; }
  .boldlight-donations .radio {
    padding: 15px 0; }
  .boldlight-donations .pay-in-form {
    text-align: center; }
  .boldlight-donations .help-block {
    color: #b1c5cd; }
  .boldlight-donations .dropdown-menu {
    font-size: 100%;
    background-color: #f0eff0; }
  .boldlight-donations .dropdown-menu > li > a {
    padding: 10px 20px;
    color: #505050;
    background-color: #f0eff0; }
    .boldlight-donations .dropdown-menu > li > a:hover, .boldlight-donations .dropdown-menu > li > a:focus {
      color: white; }
  .boldlight-donations .why-title {
    text-align: center;
    padding-bottom: 15px; }
    .boldlight-donations .why-title span {
      color: #909090; }
  .boldlight-donations .why {
    margin-bottom: 10px; }
  .boldlight-donations .other-in-mem {
    margin-top: 30px; }
  .boldlight-donations #in-mem-relationship .small {
    margin-top: 10px;
    color: #b1c5cd; }
  .boldlight-donations .email-why {
    padding-top: 12px; }
    .boldlight-donations .email-why a:hover {
      color: #1a9fde;
      cursor: pointer; }
    .boldlight-donations .email-why a:focus {
      outline: none;
      color: #1a9fde; }
  .boldlight-donations .popover {
    background: #d1ecf8;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    border-radius: 3px; }
    .boldlight-donations .popover .popover-title {
      background: #bbe3f5;
      padding: 15px 20px;
      border: none; }
    .boldlight-donations .popover .popover-content {
      padding: 15px 20px; }
    .boldlight-donations .popover .arrow {
      border-top-color: #d1ecf8; }
    .boldlight-donations .popover .arrow:after {
      background: #d1ecf8;
      border-color: #d1ecf8;
      border: none; }
  .boldlight-donations .checkbox label {
    padding: 0; }
  .boldlight-donations .cbx {
    background: white; }
    .boldlight-donations .cbx i {
      color: #e55303; }
  .boldlight-donations .form-control-feedback {
    top: 5px;
    right: 25px; }
  .boldlight-donations .panel {
    border-radius: 0; }
  .boldlight-donations .gift-aid .panel-default {
    background: #dad1d9;
    border: none;
    padding: 10px 0;
    margin: 30px 0 0 0;
    text-align: center; }
  .boldlight-donations .gift-aid .logo {
    padding: 20px 20px 20px 0;
    text-align: center; }
    .boldlight-donations .gift-aid .logo img {
      width: 100%;
      max-width: 250px; }
  .boldlight-donations .gift-aid #giftaid-amount span {
    font-family: Lola-Bold, Lol-Medium, Georgia, "Times New Roman", serif; }
  .boldlight-donations .gift-aid .checkbox {
    margin: 20px 0; }
    .boldlight-donations .gift-aid .checkbox strong {
      margin-left: 5px; }
  .boldlight-donations .communications .panel-success {
    background: #d1ecf8;
    border: none;
    margin: 0 0 30px 0;
    text-align: center; }
  .boldlight-donations .communications h3 span {
    display: block;
    padding-top: 20px;
    text-align: center;
    font-family: Lola-Bold, Lol-Medium, Georgia, "Times New Roman", serif; }
  .boldlight-donations .communications .comms-options {
    text-align: left;
    margin: 20px 0 30px 0; }
    .boldlight-donations .communications .comms-options span {
      text-align: left;
      display: block;
      margin: 5px 0; }
  .boldlight-donations .communications .share-opt-in {
    text-align: center;
    margin: 20px 0 10px 0; }
  .boldlight-donations .payment-details h2 {
    margin-bottom: 30px; }
  .boldlight-donations .payment-details .cc-title {
    margin-bottom: 10px;
    font-size: 28px; }
  .boldlight-donations .payment-details .paypal-title {
    font-size: 28px; }
  .boldlight-donations .secure-icons {
    margin-bottom: 30px; }
  .boldlight-donations #credit-card-full {
    display: none;
    margin-bottom: 50px; }
  .boldlight-donations #credit-card-mobile {
    display: block;
    margin-bottom: 50px; }
  .boldlight-donations .btn-pay-cc {
    margin-top: 20px; }
    .boldlight-donations .btn-pay-cc .btn {
      margin-bottom: 20px; }
  .boldlight-donations .direct-debit .panel-default {
    background: #dad1d9;
    border: none;
    padding: 10px 20px;
    margin: 30px 0; }
  .boldlight-donations .direct-debit .logo {
    padding: 0px 20px 20px 0;
    text-align: center; }
    .boldlight-donations .direct-debit .logo img {
      width: 100%;
      max-width: 250px; }
  .boldlight-donations .direct-debit .checkbox {
    margin: 20px 0 20px 20px; }
    .boldlight-donations .direct-debit .checkbox strong {
      margin-left: 5px; }
  .boldlight-donations .direct-debit a {
    color: #505050;
    text-decoration: underline; }
    .boldlight-donations .direct-debit a:hover {
      color: #838383; }
  .boldlight-donations .payment-details .start-date .small {
    color: #b1c5cd;
    padding-top: 5px; }
  .boldlight-donations .grey-section {
    background: url("../images/grey-title-bg.jpg") no-repeat center top #f0eff0;
    margin-top: 50px;
    padding-bottom: 30px;
    text-align: center; }
    .boldlight-donations .grey-section .heading {
      text-align: center;
      padding: 40px 0 30px 0;
      color: #e55303;
      font-size: 200%; }
    .boldlight-donations .grey-section .link-box {
      padding: 0 20px; }
      .boldlight-donations .grey-section .link-box img {
        display: none; }
  .boldlight-donations .blue-section {
    background: url("../images/blue-title-bg.jpg") no-repeat center top #1a9fde;
    color: white;
    margin-top: 50px;
    padding-left: 30px;
    padding-right: 30px; }
    .boldlight-donations .blue-section .heading {
      text-align: center;
      padding: 40px 0 10px 0; }
    .boldlight-donations .blue-section a {
      color: #d1ecf8; }
      .boldlight-donations .blue-section a:hover {
        color: #a5daf1;
        text-decoration: none;
        border-bottom: 2px solid #a5daf1;
        padding-bottom: 3px;
        cursor: pointer; }
    .boldlight-donations .blue-section #spending-info {
      margin: 0 0 40px 0; }
  .boldlight-donations .personalised-thankyou {
    text-align: left; }
    .boldlight-donations .personalised-thankyou h2 {
      color: #e55303;
      font-size: 160%; }
      .boldlight-donations .personalised-thankyou h2 span {
        display: block;
        margin-top: 20px;
        margin-bottom: 20px;
        font-family: Lola-Bold, Lol-Medium, Georgia, "Times New Roman", serif; }
  .boldlight-donations .final-question {
    text-align: left; }
    .boldlight-donations .final-question h3 {
      color: #48173f;
      font-size: 200%; }
  .boldlight-donations #where-hear {
    margin-top: 15px; }
  .boldlight-donations #hear-submit .btn {
    margin-top: 10px; }
  .boldlight-donations #hear-success {
    margin-top: 15px;
    text-align: center; }
  .boldlight-donations .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 10px; }
  .boldlight-donations .video-container iframe,
  .boldlight-donations .video-container object,
  .boldlight-donations .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .boldlight-donations #confirm-surround {
    padding-top: 30px; }
    .boldlight-donations #confirm-surround .row {
      margin-bottom: 20px; }
    .boldlight-donations #confirm-surround .confirm-title {
      font-weight: 700;
      color: #48173f; }
    .boldlight-donations #confirm-surround .confirm-actions {
      margin-top: 0;
      text-align: center; }
    .boldlight-donations #confirm-surround .edit-payment-link {
      display: block;
      margin-top: 0px;
      margin-bottom: 20px;
      text-align: left; }
    .boldlight-donations #confirm-surround .btn {
      margin-top: 20px; }
  .boldlight-donations .footer {
    text-align: center;
    background: #f0eff0;
    color: #909090;
    padding: 50px 0; }
    .boldlight-donations .footer p.small {
      font-size: 14px; }
    .boldlight-donations .footer a {
      margin-right: 20px;
      color: #909090; }
      .boldlight-donations .footer a:hover {
        color: #1a9fde;
        text-decoration: none;
        border-bottom: 2px solid #1a9fde;
        padding-bottom: 3px; }
    .boldlight-donations .footer #boldlight-footer-link {
      margin-top: 50px; }
      .boldlight-donations .footer #boldlight-footer-link a {
        margin-right: 0;
        color: #505050; }
        .boldlight-donations .footer #boldlight-footer-link a:hover {
          color: #1a9fde; }

/*
LARGER MOBILE DEVICES
*/
@media only screen and (min-width: 481px) {
  .boldlight-donations {
    /********  MONTHLY SPEECH BUBBLE **********/ }
    .boldlight-donations #speech-bubble:before {
      content: "";
      position: absolute;
      left: 25px;
      margin-left: 0px; } }
.boldlight-donations .donation-boxx {
    text-align: center;
    padding: 10px 10px;
    color: black;
    /*background: url("../images/donation-box-bg.jpg") no-repeat bottom right #1a9fde;*/
    border-style:solid;
    border-color:lightgray;
    border-width:1px;
    margin-bottom: 30px; 
    /*height:75%;*/
       }
.boldlight-donations .donation-boxx img {
      height:150px;
      width:250px;
      }
/*
TABLET & SMALLER LAPTOPS
*/
@media only screen and (min-width: 768px) {
  .boldlight-donations {
    /********  MONTHLY SPEECH BUBBLE **********/
    /********  DONATION TYPE RADIOS **********/
    /*************** DONATION PROMPTS **************/
    /********  SHOW « FOR DESKTOPS **********/
    /******** GIFT AID **********/
    /******** DATA PROTECT OPT-INs **********/
    /******** DIRECT DEBIT PANEL **********/
    /********  SHOW FULL CREDIT CARD DETAILS (hide mobile button) **********/
    /********  DIRECT DEBIT CONFIRM **********/
    /******** THANK YOU **********/
    /******** FINAL QUESTION **********/
    /******** THANK YOU PAGE LINKS - GREY SECTION **********/
    /******** FOOTER AREA **********/ }
    .boldlight-donations #speech-bubble:before {
      content: "";
      position: absolute;
      left: 100%;
      top: 25px;
      border-top: 13px solid transparent;
      border-left: 20px solid #dad1d9;
      border-bottom: 13px solid transparent; }
    .boldlight-donations .choose-donation {
      margin: 30px 0 0 0; }
      .boldlight-donations .choose-donation .radio {
        margin-left: 0px;
        margin-right: 0px; }
    .boldlight-donations .donation-box {
      margin-bottom: 0px;
      background: none;
      padding: 0px; }
      .boldlight-donations .donation-box img {
        display: block; }
      .boldlight-donations .donation-box .shopping-list-amount {
        position: absolute;
        top: 85px;
        left: 50%;
        margin-left: -40px;
        width: 80px;
        height: 80px;
        background: #e55303;
        border-radius: 100%;
        z-index: 9999; }
        .boldlight-donations .donation-box .shopping-list-amount h3 {
          font-family: 'Lola-Medium',Lola-Regular, Georgia, "Times New Roman", serif;
          font-size: 180%;
          line-height: 80px;
          margin: 0;
          padding: 0; }

        /*box A medium width*/
        .boldlight-donations .donation-box .shopping-lista {
            position: relative;
            top: -8px;
            margin-bottom: -40px;
            width: 100%;
            background: url("../images/donation-box-bg2aa.png") no-repeat top right;
            padding: 75px 20px 20px 20px;
            color: white;
            text-align: center;
            /*height:470px;*/
        }
        .boldlight-donations .donation-box .shopping-lista strong {
                font-size: 160%;
        }
        .boldlight-donations .donation-box .shopping-lista p {
                padding: 0;
                margin-top: 15px;
                min-height: 220px;
                height: auto !important;
                height: 450px;
        }
        .boldlight-donations .donation-box .shopping-lista p span {
                    display: inline;
        }
        .boldlight-donations .donation-box .shopping-lista .btn {
                margin-bottom: 40px;
        }

        /*box B medium width*/
        .boldlight-donations .donation-box .shopping-listb {
            position: relative;
            top: -8px;
            margin-bottom: -40px;
            width: 100%;
            background: url("../images/donation-box-bg2ba.png") no-repeat top right;
            padding: 75px 20px 20px 20px;
            color: white;
            text-align: center;
            /*height:470px;*/
        }
        .boldlight-donations .donation-box .shopping-listb strong {
            font-size: 160%;
        }
        .boldlight-donations .donation-box .shopping-listb p {
            padding: 0;
            margin-top: 15px;
            min-height: 220px;
            height: auto !important;
            height: 450px;
        }
        .boldlight-donations .donation-box .shopping-listb p span {
                display: inline;
        }
        .boldlight-donations .donation-box .shopping-listb .btn {
            margin-bottom: 20px;
        }

        /*box C medium width*/
        .boldlight-donations .donation-box .shopping-listc {
            position: relative;
            top: -8px;
            margin-bottom: -40px;
            width: 100%;
            background: url("../images/donation-box-bg2ca.png") no-repeat top right;
            padding: 75px 20px 20px 20px;
            color: white;
            text-align: center;
            /*height:470px;*/
        }
        .boldlight-donations .donation-box .shopping-listc strong {
                font-size: 160%;
        }
        .boldlight-donations .donation-box .shopping-listc p {
                padding: 0;
                margin-top: 15px;
                min-height: 220px;
                height: auto !important;
                height: 350px;
        }
        .boldlight-donations .donation-box .shopping-listc p span {
                display: inline;
        }
        .boldlight-donations .donation-box .shopping-listc .btn {
                margin-bottom: 20px;
        }

        /*box D medium width*/
        .boldlight-donations .donation-box .shopping-listd {
            position: relative;
            top: -8px;
            margin-bottom: -40px;
            width: 100%;
            background: url("../images/donation-box-bg2da.png") no-repeat top right;
            padding: 75px 20px 20px 20px;
            color: white;
            text-align: center;
            /*height:470px;*/
        }
        .boldlight-donations .donation-box .shopping-listd strong {
                font-size: 160%;
        }
        .boldlight-donations .donation-box .shopping-listd p {
                padding: 0;
                margin-top: 15px;
                min-height: 220px;
                height: auto !important;
                height: 350px;
        }
        .boldlight-donations .donation-box .shopping-listd p span {
                display: inline;
        }
        .boldlight-donations .donation-box .shopping-listd .btn {
                margin-bottom: 20px;
        }

         /*box X medium width*/
        .boldlight-donations .donation-box .shopping-listx {
            position: relative;
            top: -8px;
            margin-bottom: -40px;
            width: 100%;
            /*background: url("../images/donation-box-bg2da.png") no-repeat top right;*/
            padding: 75px 20px 20px 20px;
            color: black;
            text-align: center;
            /*height:470px;*/
        }

        .boldlight-donations .donation-boxx {
    text-align: center;
    padding: 10px 10px;
    color: black;
    /*background: url("../images/donation-box-bg.jpg") no-repeat bottom right #1a9fde;*/
    border-style:solid;
    border-color:lightgray;
    border-width:1px;
    margin-bottom: 30px; 
    height:180px;
       }
        .boldlight-donations .donation-boxx img {
      height:150px;
      width:200px;
      }
        .boldlight-donations .donation-box .shopping-listx strong {
                font-size: 160%;
        }
        .boldlight-donations .donation-box .shopping-listx p {
                padding: 0;
                margin-top: 15px;
                min-height: 220px;
                height: auto !important;
                height: 350px;
        }
        .boldlight-donations .donation-box .shopping-listx p span {
                display: inline;
        }
        .boldlight-donations .donation-box .shopping-listX .btn {
                margin-bottom: 20px;
        }

    .boldlight-donations .laquo {
      display: inline; }
    .boldlight-donations #update-donation .update-radios .radio-inline {
      margin-left: 30px; }
    .boldlight-donations .panel {
      border-radius: 5px; }
    .boldlight-donations .gift-aid .panel-default {
      text-align: left;
      padding: 10px 20px;
      margin: 30px 0 0 0; }
    .boldlight-donations .gift-aid .checkbox {
      margin-left: 20px; }
    .boldlight-donations .communications .panel-success {
      text-align: left;
      padding: 20px;
      margin: 30px 0 30px 0; }
    .boldlight-donations .communications .comms-options {
      text-align: center; }
      .boldlight-donations .communications .comms-options span {
        display: inline-block;
        margin: 5px 20px; }
    .boldlight-donations .direct-debit .panel-default {
      text-align: left;
      padding: 10px 20px;
      margin: 30px 0; }
    .boldlight-donations #credit-card-full {
      display: block; }
    .boldlight-donations #credit-card-mobile {
      display: none; }
    .boldlight-donations #confirm-surround {
      padding-top: 30px; }
      .boldlight-donations #confirm-surround p {
        padding-top: 8px;
        padding-bottom: 8px;
        margin-bottom: 8px; }
      .boldlight-donations #confirm-surround .confirm-title {
        background: #f0eff0;
        color: #505050;
        padding-left: 20px;
        padding-right: 20px; }
      .boldlight-donations #confirm-surround .confirm-actions {
        margin-top: 30px;
        text-align: left; }
      .boldlight-donations #confirm-surround .edit-payment-link {
        display: block;
        margin-top: 10px;
        margin-bottom: 0; }
      .boldlight-donations #confirm-surround .btn {
        margin-top: 0px; }
    .boldlight-donations .personalised-thankyou {
      text-align: center; }
      .boldlight-donations .personalised-thankyou h2 {
        font-size: 200%; }
    .boldlight-donations .final-question {
      text-align: center; }
    .boldlight-donations .grey-section {
      text-align: left; }
      .boldlight-donations .grey-section .heading {
        text-align: center; }
      .boldlight-donations .grey-section .link-boxes a {
        color: #48173f;
        text-decoration: none; }
        .boldlight-donations .grey-section .link-boxes a:hover {
          color: #1a9fde; }
      .boldlight-donations .grey-section .link-box {
        margin-bottom: 30px;
        background: none;
        padding: 0px; }
        .boldlight-donations .grey-section .link-box img {
          display: block; }
        .boldlight-donations .grey-section .link-box .link-details {
          position: relative;
          top: -40px;
          margin-bottom: -40px;
          width: 100%;
          background: url("../images/link-box-bg.png") no-repeat top right;
          padding: 40px 20px 20px 20px;
          text-align: left; }
          .boldlight-donations .grey-section .link-box .link-details strong {
            font-size: 160%; }
          .boldlight-donations .grey-section .link-box .link-details p {
            padding: 0;
            margin: 0;
            margin-top: 5px;
            min-height: 80px;
            height: auto !important;
            height: 80px;
            font-family: 'Lola-Medium',Lola-Regular, Georgia, "Times New Roman", serif;
            font-size: 130%; }
          .boldlight-donations .grey-section .link-box .link-details .lead {
            font-family: 'Lola-Bold',Lola-Medium, Georgia, "Times New Roman", serif;
            font-size: 180%;
            line-height: 1em; }
    .boldlight-donations .footer {
      text-align: left; } }
/*
SMALL DESKTOP
*/
@media only screen and (min-width: 992px) and (max-width:1200px) {
  .boldlight-donations {
    /*************** DONATION PROMPTS **************/
    /*************** HEADER AREA *****************/
    /******** CHANGE DONATION AMOUNT BUTTON **********/
    /******** FOOTER AREA **********/ }
    .boldlight-donations .btn {
      padding-left: 30px;
      padding-right: 30px; }
    .boldlight-donations .donation-box .shopping-list-amount {
      top: 15px;
      left: 30px;
      margin-left: 0px;
      width: 90px;
      height: 90px; }
      .boldlight-donations .donation-box .shopping-list-amount h3 {
        font-size: 200%;
        line-height: 90px; }
          .boldlight-donations .donation-box .shopping-lista {
      position: relative;
      top: -80px;
      margin-bottom: -80px; }
      .boldlight-donations .donation-box .shopping-lista strong {
        font-size: 160%; }
      .boldlight-donations .donation-box .shopping-lista p {
        margin-top: 5px;
        min-height: 160px;
        height: auto !important;
        height: 160px; }
      .boldlight-donations .donation-box .shopping-lista .btn {
        margin-bottom: 20px; }

      .boldlight-donations .donation-box .shopping-list-amount {
      top: 15px;
      left: 30px;
      margin-left: 0px;
      width: 90px;
      height: 90px; }
      .boldlight-donations .donation-box .shopping-list-amount h3 {
        font-size: 200%;
        line-height: 90px; }
    .boldlight-donations .donation-box .shopping-listb {
      position: relative;
      top: -80px;
      margin-bottom: -80px; }
      .boldlight-donations .donation-box .shopping-listb strong {
        font-size: 160%; }
      .boldlight-donations .donation-box .shopping-listb p {
        margin-top: 5px;
        min-height: 160px;
        height: auto !important;
        height: 160px; }
      .boldlight-donations .donation-box .shopping-listb .btn {
        margin-bottom: 20px; }

       .boldlight-donations .donation-box .shopping-list-amount {
      top: 15px;
      left: 30px;
      margin-left: 0px;
      width: 90px;
      height: 90px; }
      .boldlight-donations .donation-box .shopping-list-amount h3 {
        font-size: 200%;
        line-height: 90px; }
    .boldlight-donations .donation-box .shopping-listc {
      position: relative;
      top: -80px;
      margin-bottom: -80px; }
      .boldlight-donations .donation-box .shopping-listc strong {
        font-size: 160%; }
      .boldlight-donations .donation-box .shopping-listc p {
        margin-top: 5px;
        min-height: 160px;
        height: auto !important;
        height: 160px; }
      .boldlight-donations .donation-box .shopping-listc .btn {
        margin-bottom: 20px; }


       .boldlight-donations .donation-box .shopping-list-amount {
      top: 15px;
      left: 30px;
      margin-left: 0px;
      width: 90px;
      height: 90px;
      display:none;
       }
      .boldlight-donations .donation-box .shopping-list-amount h3 {
        font-size: 200%;
        line-height: 90px; 
        display:none;
      }
    .boldlight-donations .donation-box .shopping-listd {
      position: relative;
      top: -80px;
      margin-bottom: -80px; }
      .boldlight-donations .donation-box .shopping-listd strong {
        font-size: 160%; }
      .boldlight-donations .donation-box .shopping-listd p {
        margin-top: 5px;
        min-height: 160px;
        height: auto !important;
        height: 160px; }
      .boldlight-donations .donation-box .shopping-listd .btn {
        margin-bottom: 20px; }


      .boldlight-donations .donation-boxx {
    text-align: center;
    padding: 10px 10px;
    color: black;
    /*background: url("../images/donation-box-bg.jpg") no-repeat bottom right #1a9fde;*/
    border-style:solid;
    border-color:lightgray;
    border-width:1px;
    /*margin-bottom: 30px;*/ 
    height:30%;
       }
      .boldlight-donations .donation-boxx img {
      height:150px;
      width:200px;
      }

    .boldlight-donations .header .strapline {
      display: block;
      margin: 50px 0 0 0;
      text-align: center;
      color: #b1c5cd;
      font-size: 26px;
      font-family: Lola-Medium, Georgia, "Times New Roman", serif; }
    .boldlight-donations #change-amount {
      text-align: right;
      margin-top: 8px;
      margin-bottom: 0px; }
    .boldlight-donations .update-radios {
      padding-top: 10px;
      margin-bottom: 0; }
      .boldlight-donations .update-radios .radio-inline {
        padding-left: 0; }
    .boldlight-donations .footer {
      padding: 100px 0; }
      .boldlight-donations .footer .frsb-logo {
        text-align: right; }
      .boldlight-donations .footer #boldlight-footer-link {
        text-align: right; } }
/*
LARGE VIEWING SIZE
*/
@media only screen and (min-width: 1200px) {
  .boldlight-donations {
    /*************** DONATION PROMPTS **************/ }
    .boldlight-donations .donation-box {
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      border: 1px solid #ddd; }
      .boldlight-donations .donation-box img {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px; }
      .boldlight-donations .donation-box .shopping-list-amount {
        position: absolute;
        top: 15px;
        left: 60px;
        width: 120px;
        height: 120px;
        background: #e55303;
        border-radius: 100%; }
        .boldlight-donations .donation-box .shopping-list-amount h3 {
          font-family: 'Lola-Medium',Lola-Regular, Georgia, "Times New Roman", serif;
          color: white;
          text-align: center;
          font-size: 250%;
          line-height: 120px;
          margin: 0;
          padding: 0; }
      .boldlight-donations .donation-box .shopping-lista {
        position: relative;
        top: 0px;
        margin-bottom: 0px;
        width: 100%;
        background: url("../images/donation-box-bg2aa.png") no-repeat top right;
        padding: 50px 20px 20px 20px;
        color: white;
        text-align: center; }
        .boldlight-donations .donation-box .shopping-lista strong {
          font-size: 160%; }
        .boldlight-donations .donation-box .shopping-lista p {
          margin-top: 5px;
          /*min-height: 110px;*/
          height: auto !important;
          height: 110px; }
        .boldlight-donations .donation-box .shopping-lista .btn {
          margin-bottom: 20px; }

        .boldlight-donations .donation-box .shopping-listb {
        position: relative;
        top: 0px;
        margin-bottom: 0px;
        width: 100%;
        background: url("../images/donation-box-bg2ba.png") no-repeat top right;
        padding: 50px 20px 20px 20px;
        color: white;
        text-align: center; }
        .boldlight-donations .donation-box .shopping-listb strong {
          font-size: 160%; }
        .boldlight-donations .donation-box .shopping-listb p {
          margin-top: 5px;
          /*min-height: 110px;*/
          height: auto !important;
          height: 110px; }
        .boldlight-donations .donation-box .shopping-listb .btn {
          margin-bottom: 20px; }


        .boldlight-donations .donation-box .shopping-listc {
        position: relative;
        top: 0px;
        margin-bottom: 0px;
        width: 100%;
        background: url("../images/donation-box-bg2ca.png") no-repeat top right;
        padding: 50px 20px 20px 20px;
        color: white;
        text-align: center; }
        .boldlight-donations .donation-box .shopping-listc strong {
          font-size: 160%; }
        .boldlight-donations .donation-box .shopping-listc p {
          margin-top: 5px;
          /*min-height: 110px;*/
          height: auto !important;
          height: 110px; }
        .boldlight-donations .donation-box .shopping-listc .btn {
          margin-bottom: 20px; }

         .boldlight-donations .donation-box .shopping-listd {
        position: relative;
        top: 0px;
        margin-bottom: 0px;
        width: 100%;
        background: url("../images/donation-box-bg2da.png") no-repeat top right;
        padding: 50px 20px 20px 20px;
        color: white;
        text-align: center; }
        .boldlight-donations .donation-box .shopping-listd strong {
          font-size: 160%; }
        .boldlight-donations .donation-box .shopping-listd p {
          margin-top: 5px;
          /*min-height: 110px;*/
          height: auto !important;
          height: 110px; }
        .boldlight-donations .donation-box .shopping-listd .btn {
          margin-bottom: 20px; }
    .boldlight-donations .update-radios {
      padding-top: 10px;
      margin-bottom: 0; }
      .boldlight-donations .update-radios .radio-inline {
        padding-left: 20px; }
    .boldlight-donations .hide-lg {
      display: none; } 

   .boldlight-donations .donation-boxx {
    text-align: center;
    padding: 10px 10px;
    color: black;
    /*background: url("../images/donation-box-bg.jpg") no-repeat bottom right #1a9fde;*/
    border-style:solid;
    border-color:lightgray;
    border-width:1px;
    margin-bottom: 30px; 
    height:25%;
       }
   .boldlight-donations .donation-boxx img {
      height:200px; 
   width:200px;}
}

            
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0); /* Black w/ opacity */
 }

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
 .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

 .close:hover,
 .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}