﻿body {
    overflow-y: hidden;
}

p {
    font-size: 1.125rem !important;
}

@media (min-width: 1500px) {
    .footer .row {
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .footer__wrapper {
        max-width: 33.333% !important;
        padding: 0;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

.footer__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    max-width: 100%;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 1rem 0;
    width: 100%;
}

a {
    color: unset;
}

    a:hover {
        color: white;
    }

.nav-footer__item > a, .footer__wrapper > .footer__text > a {
    text-decoration: none !important;
}

.nav-footer__item > a:hover, .footer__wrapper > .footer__text > a:hover {
    text-decoration: underline !important;
    color: white;
}

.toggle__label {
    display: none;
}

.divMenuSteps {
    margin-top: 85px;
    text-align: center;
    width: unset;
}

.StepsContainer {
    background-color: unset;
}

.ActiveButton, .ActiveButton:hover {
    border-bottom: 1px solid black;
}

#h2PageTitle {
    display: inline-block;
    line-height: 5.1rem;
    padding: 4px 4.3rem;
    margin: 0;
    color: #ffffff;
    font-family: "MarwellBold", sans-serif;
    margin-top: .5rem;
    font-size: 3.125rem;
    mask-image: url(../images/MZ2021/headline-bg.svg);
    background-color: #4E2C16;
    mask-size: 100% 100%;
}

@media (max-width: 767px) {
    #h2PageTitle {
        font-size: 2.125rem !important;
        line-height: 3.1rem;
    }
}

@media (max-width: 500px) {
    #h2PageTitle {
        padding: 4px 1.3rem;
        width: 100%;
    }
}

.ActiveButton, .InactiveButton {
    font-size: 1.2rem;
}

#aspnetForm {
    min-height: 39.78rem;
}

.card-header {
    background-color: #054731;
    color: white;
    font-family: "MarwellBold", sans-serif;
}

.k3increment-btn {
    background-color: #d95e16;
}

.k3_decrement-btn {
    background-color: #4E2C16;
}

    .k3_decrement-btn:hover, .k3increment-btn:hover {
        background-color: #00b8e4;
        border: .0625rem solid #00b8e4;
    }

.btnContinue {
    background-color: #d95e16;
    border: .0625rem solid #d95e16;
    font-family: MarwellBold, sans-serif !important;
    font-weight: 400;
    display: inline-block;
    border-radius: .3125rem;
    color: #fff;
    font-family: AvantGarde-Bold, sans-serif;
    text-transform: uppercase;
    padding: 0.625rem 1.875rem;
    white-space: nowrap;
    position: relative;
    z-index: 1;
    height: 46px;
}
    .btnContinue:hover {
        background-color: #00b8e4;
        border: .0625rem solid #00b8e4;
    }

    .btnContinue:disabled {
        background-color: #adb5bd;
        color: #6c757d;
        cursor: not-allowed;
        opacity: 0.65;
    }

/*CALENDAR START*/
#ctl00_cphMainPage_calAvailability > tbody > tr:nth-child(1) > td > table {
    border: 0px;
    background: white;
}

    #ctl00_cphMainPage_calAvailability > tbody > tr:nth-child(1) > td > table > tbody > tr > td {
        border-top: 0px;
    }

    #ctl00_cphMainPage_calAvailability > tbody > tr:nth-child(1) > td > table > tbody > tr > td {
        color: #054731 !important;
        font-family: "MarwellBold", sans-serif;
    }

.calNextPrev a {
    text-decoration: none;
    color: rgb(23 72 61);
    border: 1px solid rgb(204 204 204);
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    justify-content: center;
    align-items: center;
    display: flex;
    width: 3rem;
    height: 3rem;
    -webkit-appearance: button;
    margin: 0 auto;
    color: #ccc !important;
    font-weight: 800 !important;
    padding-left: 2px;
    padding-right: 2px;
}

.calNextPrev {
    background-color: unset !important;
}

.calHeader {
    color: #054731 !important;
    background: white !important;
}

@media (min-width: 576px) {
    .calHeader {
        font-size: 1rem;
    }
}

#ctl00_cphMainPage_calAvailability > tbody > tr:nth-child(1) > td {
    padding: 0px;
}

    #ctl00_cphMainPage_calAvailability > tbody > tr:nth-child(1) > td > table {
        margin: 0px;
    }

.entry-content tr td {
    padding: 0px;
}

.entry-content thead th, .entry-content tr th {
    padding: 0px;
    background: white;
}

#ctl00_cphMainPage_calAvailability > tbody > tr:nth-child(2) {
    background: white;
}

.calSession, .calAvailability {
    max-width: 100% !important;
    width: 470px;
    margin: 0 auto;
    border: 0 !important;
}

@media (min-width: 991px) and (max-width: 1064px) {
    .calSession, .calAvailability {
        width: 420px !important;
    }
}

@media (max-width: 520px) {
    .calSession, .calAvailability {
        width: 100% !important;
        margin: 0 auto;
        border: 0 !important;
    }

    .divDateAndCal .card-body, .divDateAndCal .calHeader {
        padding: 5px;
    }
}

@media (min-width: 570px) and (max-width: 768px) {
   .divDateAndCal .calHeader {
        padding: 5px;
    }
}

.calSession tr, .calAvailability tr {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    grid-template-rows: repeat(1, minmax(0, 1fr));
    column-gap: 0rem;
    font-size: 1rem;
    font-weight: normal;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-right: 10px;
    padding-left: 10px;
    background: white;
}

.calUnavailable, .calDays, .calSelected, .calToday {
    text-align: center;
    margin: 0 auto;
    border: 1px solid #ccc;
    border-radius: 9999px;
    width: 2.2rem !important;
    height: 2.2rem;
    background-color: white;
    display: block;
    padding-top: 0.865rem;
}

td.calDays {
    font-weight: bold;
    border: 1px solid #CCCCDD;
    /* border-right-width: 0px; */
    font-weight: normal !important;
    padding: 8px;
    white-space: nowrap;
}

.calSelected {
    background-color: rgb(114 85 74);
    background-clip: initial;
    text-shadow: none;
    padding-top: 9px !important;
}

.calUnavailable {
    padding-top: 0.3rem !important;
}

/*.calDays a {
    border-radius: 9999px;
    width: 2.2rem !important;
    height: 2.2rem !important;
    padding: 0.5rem !important;
    color: white !important;
    background-color: #e05b20 !important;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    display: inline-block;
    position: relative;
    top: calc(0.135rem - 12px) !important;
    left: -9px !important;
}*/

#ctl00_cphMainPage_calSession > tbody > tr > td > a {
    top: calc(0.135rem - 8px) !important;
    left: -1px !important;
    text-wrap: nowrap;
}

.calSession > tbody > tr:not(:has(table)) > td:has(a):hover, .calSession > tbody > tr > td > a:hover {
    background-color: none !important;
}

#ctl00_cphMainPage_calAvailability > tbody > tr > td {
    color: black !important;
}

.calTitle td {
    color: rgb(23 72 61) !important;
    border: 0;
    font-weight: normal;
    font-size: 1.3rem;
}

.calNextPrev a, .calNextPrev a:active, .calNextPrev a:link, .calNextPrev a:visited {
    font-weight: normal;
    color: #CCC;
    padding-left: 2px;
    padding-right: 2px;
}

.calNextPrev a {
    text-decoration: none;
    color: rgb(23 72 61);
    border: 1px solid rgb(204 204 204);
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    justify-content: center;
    align-items: center;
    display: flex;
    width: 3rem;
    height: 3rem;
    -webkit-appearance: button;
    margin: 0 auto;
    color: #ccc !important;
    font-weight: 800 !important;
}

#ctl00_cphMainPage_calAvailability > tbody > tr:nth-child(1) > td {
    width: 100%;
}

#ctl00_cphMainPage_calAvailability > tbody > tr:nth-child(1) {
    display: flex !important;
    padding-bottom: 0px;
    padding-top: 0px;
}

.entry-content tr td {
    border-top: 0px !important;
}

.calToday {
    padding-top: 7px !important;
    background-color: white !important;
}

#ctl00_cphMainPage_calAvailability {
    margin-top: 10px;
}


#ctl00_cphMainPage_calSession > tbody > tr:nth-child(1) > td {
    width: 100%;
}

#ctl00_cphMainPage_calSession > tbody > tr:nth-child(1) {
    display: flex;
}

    #ctl00_cphMainPage_calSession > tbody > tr:nth-child(1) > td > table {
        border: 0px;
    }

        #ctl00_cphMainPage_calSession > tbody > tr:nth-child(1) > td > table > tbody > tr > td:nth-child(3), #ctl00_cphMainPage_calSession > tbody > tr:nth-child(1) > td > table > tbody > tr > td:nth-child(1) {
            background: none;
        }

#ctl00_cphMainPage_calSession {
    margin: auto;
}

@media (min-width: 576px) {
    .calSession.table > :not(caption) > * > * {
        padding: unset
    }
}

#ctl00_cphMainPage_calSession > tbody > tr > td {
    padding-top: 0.3rem !important;
}

.divCal#cphMainPage_divCal, .calAvailability {
    max-width: unset;
}

td.calSelected {
    background-color: #00a8de !important;
    text-wrap: nowrap;
    padding: 0.5rem;
}

td.calToday {
    border: 2px solid #00a8de;
    color: black !important;
    white-space: nowrap;
}

td.calToday > a {
    color: black !important;
}

#ctl00_cphMainPage_calSession > tbody > tr:nth-child(4) > td.calSelected > a:hover {
    background-color: unset !important;
}

/*END CALENDAR */

.divBuySpace {
    width: 0px;
}

#divMeracBuyDateTickets {
    text-align: center;
    margin-top: 30px;
}

.divGridTitle {
    height: 170px;
    margin-top: 10px;
}

#divSalesGrid .card-body {
    padding: 0px;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
    font-family: "MarwellBold", sans-serif;
}

.GenericButton {
    font-size: 1rem;
}

#ctl00_cphMainPage_divSessionGiftAid {
    padding: 1.25rem;
}

.fsGiftAid {
    padding: 0.25rem
}

#ctl00_cphMainPage_chkGiftAid2, #ctl00_cphMainPage_chkNoGiftAid2 {
    margin-right: 7px;
}

#ctl00_cphMainPage_cbTimeSlots {
    width: 100%;
}

.cblTimeSlots span, #ctl00_cphMainPage_cbTimeSlots span {
    width: 100%;
}

.divSessionTimeSlot .btn-outline-dark {
    background-color: #e05b20 !important;
    border-color: #e05b20 !important;
    color: white !important;
    width: 100%;
    text-align: left;
}

#ctl00_cphMainPage_cbTimeSlots tbody {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    gap: 0.5rem;
}

#ctl00_cphMainPage_cbTimeSlots tr {
    flex-basis: 275px;
}

#ctl00_cphMainPage_cbTimeSlots td {
    display: flex;
}

.cblTimeSlots label, #ctl00_cphMainPage_cbTimeSlots label {
    background-color: #e05b20;
    border-color: #e05b20;
    color: white;
    width: 100%;
}

    .cblTimeSlots label:hover {
        background-color: #00a8de !important;
        border-color: #00a8de !important;
        color: white !important;
    }

.btn-check:checked + .btn {
    color: var(--bs-btn-active-color) !important;
    background-color: #00a8de !important;
    border-color: #00a8de !important;
}

:not(.btn-check) + .btn:active {
    color: var(--bs-btn-active-color);
    background-color: #e05b20 !important;
    border-color: #e05b20 !important;
}

    .btn-check:checked + .btn:hover, :not(.btn-check) + .btn:active:hover {
        color: var(--bs-btn-active-color);
        background-color: #00a8de !important;
        border-color: #00a8de !important;
    }

.divGridTitle {
    display: none;
}

.divSalesGrid {
    width: 100%;
}

.divGiftAidSelectedPopup {
    height: 275px;
}

.divGiftAidPopup, .divGiftAidSelectedPopup, .divAvailDateMsg {
    width: 335px;
}

h4 > span, h4 > div {
    font-family: "MarwellBold", sans-serif;
    margin-top: 10px;
    display: block;
}

@media (max-width: 768px) {
    #ctl00_cphMainPage_btnView, #ctl00_cphMainPage_btnAdd {
        width: 100%;
        margin-top: 5px;
    }

    #ctl00_cphMainPage_grdSales > tbody, .basketHeader {
        font-size: 0.8rem;
    }
}

@media (max-width: 768px) {
    .k3_quantity-input {
        gap: 2px;
    }

    .k3_quantity {
        font-size: 14px;
        width: 16px;
    }

    .k3_decrement-btn, .k3increment-btn {
        height: 20px;
        width: 20px;
    }

        .k3_decrement-btn svg, .k3increment-btn svg {
            height: 10px;
            width: 10px;
        }

    .tblMerac > tbody > tr.SessionHeader > td, .tblMerac > tbody > tr > td {
        padding: 5px 5px 5px 5px;
    }
}

@media (max-width: 680px) {
    #ctl00_cphMainPage_divMeracAddToBasket > table > tbody > tr {
        display: flex;
        flex-direction: column;
    }

        #ctl00_cphMainPage_divMeracAddToBasket > table > tbody > tr > td:nth-child(1), #ctl00_cphMainPage_divMeracAddToBasket > table > tbody > tr > td:nth-child(2) {
            width: 100%;
        }
}

#ctl00_cphMainPage_calSession > tbody > tr:nth-child(1) > td > table {
    background: none;
}

#ctl00_cphMainPage_divMemberCC {
    margin-top: 10px;
}

#MembershipSteps::after {
    content: none;
}

.k3-memdets-v2 .nav-tabs .nav-link.active {
    box-shadow: 0 0 0 2px #d95e16;
}

.divRenewalLookup label {
    width: 200px;
    text-align: left;
    font-size: 1rem;
}

#ctl00_cphMainPage_lblTitle {
    font-size: 1rem;
    font-family: AvantGarde-Book, sans-serif;
}

@media (max-width: 590px) {
    .divRenewalLookup label {
        width: 140px;
        text-align: left;
    }

    .divRenewalLookup input {
        width: 11rem;
    }
}

#ctl00_cphMainPage_gvSC > tbody > tr > td {
    border: none;
}

.k3-required svg {
    top: -0.3rem;
    right: -3px;
    /*background-color: #ed1c24 !important;*/
    display: none;
}

.bg-danger {
    background-color: unset !important;
    display: none;
}



.form-check:has(input:checked[type=checkbox]) {
    box-shadow: none;
}

.pc-content .card-header div.float-end {
    top: -4.25rem;
}

#ctl00_cphMainPage_btnEditBasket {
    color: #FFFFFF !important;
    background-color: #e05b20;
    border: 0px;
}

    #ctl00_cphMainPage_btnEditBasket:hover {
        background-color: #00b8e4;
    }

.site-header {
    z-index: 999 !important;
}

#ctl00_cphMainPage_Step1ExtraInfo {
    display: none;
}

#ctl00_cphMainPage_Step1Inner {
    justify-content: center;
}

/*#ctl00_cphMainPage_divMemPhone {
    display: none;
}*/

#ctl00_cphMainPage_ddlSpecies {
    max-width: unset;
}

#ctl00_cphMainPage_lblSubtitle {
    font-family: "MarwellBold", sans-serif;
    margin-top: 10px;
    display: block;
    text-align: center;
    display: none;
}

#ctl00_cphMainPage_lblPageInst, #ctl00_cphMainPage_lblPageTitle, #ctl00_cphMainPage_lblSubtitle {
    display: none;
}

div#ctl00_cphMainPage_divMemEmail > div.row > div > div.row:has(input#ctl00_cphMainPage_txtEmailConf) {
    display: none;
}

/*#ctl00_cphMainPage_divDonationChoice > div:nth-child(1), #ctl00_cphMainPage_divDonationChoice > div:nth-child(2) {
    display: none;
}*/

#ctl00_cphMainPage_gvSC > thead > tr {
    display: none;
}

#ctl00_cphMainPage_gvSC2 > tbody > tr.tblMeracRows > td {
    border: 0px;
}

#ctl00_cphMainPage_gvSC2 > tbody > tr.tblMeracFooter > td {
    border: 0px;
    border-top: 1px solid #dee2e6 !important;
}

#ctl00_cphMainPage_MemberDetails {
    margin-top: 25px;
}

#modAdoptionDetails > div > div > div.modal-body {
    overflow-y: unset;
}

#modAdoptionDetails > div > div > div.modal-footer.justify-content-start > div > div:nth-child(1), #modAdoptionDetails > div > div > div.modal-footer.justify-content-start > div > div:nth-child(2) {
    max-width: unset;
}

@media (max-width: 550px) {
    #modAdoptionDetails > div > div > div.modal-footer.justify-content-start > div {
        display: flex;
        gap: 5px;
        justify-content: center !important;
    }

        #modAdoptionDetails > div > div > div.modal-footer.justify-content-start > div > div:nth-child(1),
        #modAdoptionDetails > div > div > div.modal-footer.justify-content-start > div > div:nth-child(2) {
            max-width: unset;
            width: 100%;
        }
}

#ctl00_cphMainPage_divGABlurbAbove {
    /*display: none !important;*/
}

.divDateAndCal-selected {
    margin-bottom: 20px;
}

#ctl00_cphMainPage_calSession > tbody > tr > td.calSelected > a {
    display: contents !important;
}

#ctl00_cphMainPage_calSession > tbody > tr > td.calDays {
    color: #054731 !important;
    padding-right: 3px;
}

#ctl00_cphMainPage_gvSC > tbody > tr.tblMerac > th {
    display: none !important;
}

@media (max-width: 767px) {
    #ctl00_cphMainPage_udpBasket > div > div.card-footer > div {
        flex-direction: column;
        gap: 10px;
    }

    #ctl00_cphMainPage_btnContinue, #ctl00_cphMainPage_btnShopping {
        width: 100% !important;
    }
}

@media (min-width: 767px) {
    #ctl00_cphMainPage_btnShopping, #ctl00_cphMainPage_btnContinue {
        width: 225px;
    }
}

#ctl00_cphMainPage_gvSC2 > tbody > tr.tblRowAlter > td {
    border: 0px !important;
}

.basket table.tblMerac tr.tblMeracRows:has(td.tdCaptureQuestion):not(:has(td.tdCaptureAnswer)), .basket table.tblMerac tr.tblRowAlter:has(td.tdCaptureQuestion):not(:has(td.tdCaptureAnswer)) {
    grid-template-areas:
        "desc desc desc desc remove"
        "price price qty qty total"
        "capq capq capa capa .";
}

.basket table.tblMerac tr.tblMeracRows > td.tdCaptureQuestion, .basket table.tblMerac tr.tblRowAlter > td.tdCaptureQuestion {
    grid-area: unset;
}

#ctl00_cphMainPage_ctl15 > div.card-footer.d-flex.justify-content-between > div:nth-child(2) {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

@media(min-width: 767px) {
    #ctl00_cphMainPage_btnEditBasket::after {
        content: "Edit Basket";
    }
}

.DDMembers tr.tblMeracRows > td, .DDMembers tr.tblRowAlter > td {
    border: 0;
}

    .DDMembers tr.tblMeracRows > td:nth-child(5), .DDMembers tr.tblRowAlter > td:nth-child(5) {
        text-align: left;
    }

    .DDMembers tr.tblMeracRows > td:nth-child(6), .DDMembers tr.tblRowAlter > td:nth-child(6) {
        width: 100%;
    }

#ctl00_cphMainPage_divMemberPayMethod .text-start, #ctl00_cphMainPage_divPaymentInterval .text-start {
    text-align: center !important;
    font-size: 1rem;
    font-family: "ITC Avant Garde Gothic W01 Boo", sans-serif;
}


#ctl00_cphMainPage_divMemberPayMethod select, #ctl00_cphMainPage_divPaymentInterval select {
    margin: 4px auto 12px;
}

.card-body {
    font-size: 1rem;
    font-family: "ITC Avant Garde Gothic W01 Boo", sans-serif;
}

#ctl00_cphMainPage_crdMembershipDetails {
    margin-bottom: 1.5rem;
}

#ctl00_cphMainPage_ctl15:has(#ctl00_cphMainPage_btnPayNow) button#ctl00_cphMainPage_btnOpenAdoptionDets {
    display: none;
}

label#lblPaymentDate {
    margin-left: 1rem;
}

.divDDDetails {
    font-size: 1rem;
    font-family: "ITC Avant Garde Gothic W01 Boo", sans-serif;
}

span#ctl00_cphMainPage_lblDDInst {
}

li:has(span.lblDDHeader) {
    margin-bottom: 0.75rem;
}

.lblMeracRegister {
    font-family: "AvantGardeGothicITCW02B_737103", sans-serif;
}

span#ctl00_cphMainPage_lblDDInfo {
    font-family: "AvantGardeGothicITCW02B_737103", sans-serif;
}

#divK3DirectDebits > h4 {
    font-family: "AvantGardeGothicITCW02B_737103", sans-serif;
}

label#ctl00_cphMainPage_bnkDetails_lblCustDetSurname {
    font-family: "AvantGardeGothicITCW02B_737103", sans-serif;
    font-size: 0.77rem;
    padding: 1rem 0.75rem:;
    padding: 1rem 0.75rem;
    color: black;
    border-radius: 0.25rem 0 0 0.25rem;
}

input#ctl00_cphMainPage_bnkDetails_txtSortCode1, input#ctl00_cphMainPage_bnkDetails_txtSortCode2, input#ctl00_cphMainPage_bnkDetails_txtSortCode3 { /* padding-top: 1.625rem; */ /* padding-bottom: 0.625rem; */
    height: calc(3.5rem + 2px);
    line-height: 1.25;
}

input#ctl00_cphMainPage_bnkDetails_txtSortCode3 {
    border-radius: 0 0.25rem 0.25rem 0;
}

#divDDBankInstruction ul {
    font-size: 0.8rem;
    font-family: "ITC Avant Garde Gothic W01 Boo", sans-serif;
}

div#divDDConfirmPopup .modal-header {
    font-family: "AvantGardeGothicITCW02B_737103", sans-serif;
}

div#divDDConfirmPopup .modal-body, .pc-content .card-footer {
    font-family: "ITC Avant Garde Gothic W01 Boo", sans-serif;
}

.pc-content .card-footer {
    font-size: 1rem;
}
/* Gifting PC page */

.divMeracCustDetName li {
    display: flex;
}

.divMeracCustDetName li {
    display: flex;
}

.divMeracCustDetName label {
    width: 140px;
    text-align: left;
}

.divMeracCustDetName input, .divMeracCustDetName select {
    width: 200px !important;
}

.divMeracCustDetName li img {
    height: 10px;
    width: 10px;
}

#ctl00_cphMainPage_ctl04_divMeracCustDet .form-floating {
    display: flex;
}

    #ctl00_cphMainPage_ctl04_divMeracCustDet .form-floating img {
        display: none;
    }

#ctl00_cphMainPage_ctl04_rfvCusDetPostcode, #ctl00_cphMainPage_ctl04_revCusDetPostcode {
    display: none;
}

#ctl00_cphMainPage_ctl04_divMeracCustDet {
    padding-right: 30px;
    margin-bottom: 3rem;
    border-bottom: 1px solid
}

#ctl00_cphMainPage_ctl04_txtadd2, #ctl00_cphMainPage_ctl04_txtadd1a {
    margin-right: 14px;
}

#ctl00_cphMainPage_chkGiftAddress {
    margin-right: 5px;
}

div#ctl00_cphMainPage_divAllowGifting {
    padding-bottom: 2rem;
}

#ctl00_cphMainPage_gvSC > tbody > tr.tblMerac > th {
    display: none !important;
}

.meracBasketRemove {
    text-align: right !important;
}

.remove-button {
    color: red !important;
}

    .remove-button:hover {
        color: white !important;
    }

@media (max-width: 1025px) {
    body > div.elementor.elementor-957.elementor-location-header > div.elementor-element.elementor-element-761bd6c.e-con-full.elementor-hidden-mobile.e-flex.e-con.e-parent.e-lazyloaded {
        display: none;
    }
}

@media(max-width: 767px) {
    #ctl00_cphMainPage_Step1Inner > div.col-12.pb-3 > div > div.col-md-3.text-end.d-flex.justify-content-end.align-items-center {
        text-align: left !important;
        justify-content: flex-start !important;
    }

    .donation-text {
        width: 100%;
    }
}

#ctl00_cphMainPage_cboTitle {
    max-width: 100% !important;
}

.donation-text {
    width: 70%;
    text-align: left;
    margin: auto;
    margin-top: 20px !important;
}

#divMeracSessionPage > div.container > div.row.donation-text > p:nth-child(1),
#ctl00_cphMainPage_udpBuyTickets > div.row.donation-text > p:nth-child(1) {
    margin-bottom: 5px;
    font-weight: bold;
}



@media(max-width: 767px) {
    .donation-text {
        width: 100%;
        text-align: left;
    }
}

td.calToday, td.calSelected {
    padding-left: 6px;
}

#ctl00_cphMainPage_divMeracAddToBasket {
    margin-top: 20px;
}

#ctl00_cphMainPage_grdSales > tbody > tr.basketfooter.meracGrdSalesFooter > td:nth-child(4) {
    text-align: right;
}

a {
    color: #d95e16;
}

    a:hover {
        color: #00b8e4;
    }

    @media (max-width: 767px) {
        .divSessionTickets .card-body {
            padding-left: 5px;
            padding-right: 5px;
        }
    }

td.meracBasketQTY {
    gap: 5px;
}

td.grdRight.meracBasketTotalPrice {
    align-self: center !important;
}

.dgMemberships > tbody > tr {
    display: flex !important;
    flex-direction: column;
    width: 60%;
}

@media (max-width: 767px) {
    .dgMemberships > tbody > tr {
        width: 80%;
    }
}

#ctl00_cphMainPage_divDOB > div.col-md-12.d-flex.pb-3 {
    padding-left: 0px;
    padding-right: 0px;
}

    #ctl00_cphMainPage_Step1Inner > div.col-12.col-md-6 > div > div > div.flex-grow-0,
    #ctl00_cphMainPage_divDOB > div.col-md-12.d-flex.pb-3 > div > div:nth-child(6) {
        display: none;
    }

#ctl00_cphMainPage_divSavingsText {
    padding-left: 1.25rem !important;
}

.basket #ctl00_cphMainPage_gvSC > tbody > tr > td.meracBasketDesc,
.basket #ctl00_cphMainPage_gvSC > tbody > tr > td.meracBasketDesc > small {
    font-size: 18px !important;
}

.tblMerac, #ctl00_cphMainPage_divGiftAidBlurb2 > p,
#ctl00_cphMainPage_divGiftAid2 > fieldset > div > p:nth-child(1) > label,
#ctl00_cphMainPage_divGiftAid2 > fieldset > div > p.pMeracNoGA > label,
#divMeracSessionPage > div.optionalHeader > p {
    font-size: 18px;
}

@media (max-width: 767px) {
    .tblMerac, .divExtDesc {
        font-size: 15px !important;
    }
}

.divCalKey {
    border: 2px solid #054731;
}

.divCalKey {
    width: 300px;
}

.divBookingSource {
    display: block;
}

#ctl00_cphMainPage_cboBookingSource {
    max-width: unset;
}

.k3_quantity {
    width: unset !important;
}

.k3_quantity-input-field {
    width: 40px;
    text-align: center;
    border: 1px solid #d95e16;
    border-radius: 10px;
    height: 100%;
}

#ctl00_cphMainPage_divMeracAddDonation > div.gift-aid-text-container > img.imgGiftAid {
    margin-bottom: 10px;
}

#ctl00_cphMainPage_divMeracAddDonation > div.gift-aid-text-container > p:nth-child(4) {
    margin-bottom: 0px;
}

td.calSelected {
    padding: 3px !important;
}

#ctl00_cphMainPage_calSession > tbody > tr > td.calSelected,
#ctl00_cphMainPage_calSession > tbody > tr > td,
#ctl00_cphMainPage_calSession > tbody > tr > td > a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px !Important;
}

#ctl00_cphMainPage_calSession > tbody > tr > td > a {
    color: white !important;
}

    #ctl00_cphMainPage_calSession > tbody > tr > td.calToday > a {
        color: #054731 !important
    }

#ctl00_cphMainPage_calSession > tbody > tr:nth-child(3):not(:has(> td:not(.calunavailable))),
#ctl00_cphMainPage_calSession > tbody > tr:nth-child(8):not(:has(> td:not(.calunavailable))) {
    display: none;
}







#ctl00_cphMainPage_calAvailability > tbody > tr > td.calSelected,
#ctl00_cphMainPage_calAvailability > tbody > tr > td,
#ctl00_cphMainPage_calAvailability > tbody > tr > td > a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px !Important;
}


    #ctl00_cphMainPage_calAvailability > tbody > tr > td > a {
        color: white !important;
    }


    #ctl00_cphMainPage_calAvailability > tbody > tr > td.calToday > a {
        color: #054731 !important
    }


#ctl00_cphMainPage_calAvailability > tbody > tr:nth-child(3):not(:has(> td:not(.calunavailable))),
#ctl00_cphMainPage_calAvailability > tbody > tr:nth-child(8):not(:has(> td:not(.calunavailable))) {
    display: none;
}






button svg {
    margin: 0px;
}

.valError {
    text-align: center;
    display: block;
    font-weight: bold;
    font-size: 16px;
    margin-top: 10px;
}

.basketQuestion {
    display: inline;
}

#divMeracDonationPopup {
    position: fixed;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
}

.donation-popup-buttons input {
    width: 100%;
}

#divMeracGAMiniArrow {
    margin-bottom: 5px;
}

#divUpdateProgress > div.modal > div > div {
    z-index: 99999999999;
}

#divMeracDonationPopup {
    z-index: 2;
}

#divWholeSection > div.divMeracDDDetails > div:nth-child(5) {
    display: flex;
    justify-content: center;
    gap: 10px;
}

#ctl00_cphMainPage_btnAddWithDonation, #ctl00_cphMainPage_btnAddNoDonation {
    font-size: 1rem;
}


/*Adoptions fixes*/
/*#ctl00_cphMainPage_ucLeaderLookup_txtadd2, #ctl00_cphMainPage_ucLeaderLookup_txtTown {
    margin-top: 20px;
}*/

@media(max-width: 400px) {
    #ctl00_cphMainPage_dlstUpcoming_ctl00_grdSales > tbody, .divExtDesc {
        font-size: 12px !important;
    }
}

#ctl00_cphMainPage_divDonationChoice {
    display: none;
}

.was-validated .form-select:invalid,
.form-select.is-invalid {
    border-color: #ed1c24;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ed1c24' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23ed1c24' stroke='none'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important;
}

@media (max-width: 767px) {
    #ctl00_cphMainPage_AdopteesDatepicker {
        margin-top: 1rem;
    }
}

@media only screen and (max-width: 767px) {
    #ctl00_cphMainPage_ucLeaderLookup_divPickAddress::after {
        content: "Please Select Address";
        pointer-events: none;
        font-size: 16px;
        font-weight: bold;
        white-space: nowrap;
        position: relative;
        color: red;
        top: 5px;
    }

    #ctl00_cphMainPage_ucLeaderLookup_divPickAddress select {
        width: 100% !important;
        height: auto !important;
    }
}

.k3_decrement-btn:disabled:hover, .k3increment-btn:disabled:hover {
    background-color: #bfc1c3;
    border: .0625rem solid #bfc1c3;
}

.k3_decrement-btn:disabled, .k3increment-btn:disabled {
    background: #bfc1c3;
}

#ctl00_cphMainPage_gvSC2 > tbody > tr.tblMeracFooter > td:nth-child(3) {
    text-align: right;
}

.personal-message-container {
    display: flex;
    flex-direction: column;
}

    .personal-message-container textarea {
        border: 1px solid #ced4da;
        border-radius: 0.375rem;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        padding: 0.375rem 2.25rem 0.375rem 0.75rem;
        font-size: 1rem;
        font-weight: 400;
        color: #212529;
    }

        .personal-message-container textarea:focus {
            border-color: #86b7fe;
            outline: 0;
            box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
        }

    .personal-message-container label {
        text-align: left;
        opacity: 0.65;
        font-size: 14px;
    }

#ctl00_cphMainPage_dgMembershipsDD > tbody > tr > td:nth-child(5) > select {
    display: none;
}

#ctl00_cphMainPage_dgMembershipsDD > tbody > tr > td:nth-child(5) {
    text-align: right;
}

#ctl00_cphMainPage_dgMembershipsDD > tbody > tr.basketfooter.RenewalHeaderFooter.border-top > td:nth-child(6) {
    text-align: right;
}

.GenericButton {
    background-color: #4E2C16;
    border: 0.0625rem solid #4E2C16;
    border-radius: 0.3125rem;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 0.625rem 1.875rem;
    color: #ffffff;
    font-family: MarwellBold, sans-serif !important;
    text-transform: uppercase;
    white-space: nowrap;
    margin: auto;
    display: inline-block;
    cursor: pointer;
}

input[type="submit"] {
    background-color: #d95e16;
    border: .0625rem solid #d95e16;
    font-family: MarwellBold, sans-serif !important;
    font-weight: 400;
    display: inline-block;
    border-radius: .3125rem;
    color: #fff;
    font-family: AvantGarde-Bold, sans-serif;
    text-transform: uppercase;
    padding: 0.625rem 1.875rem;
    white-space: nowrap;
    position: relative;
    z-index: 1;
    height: 46px;
}

        input[type="submit"]:hover, .GenericButton:hover {
            background-color: #00b8e4;
            border: .0625rem solid #00b8e4;
        }

#ctl00_cphMainPage_btnBack, #btnConfirm {
    margin: 0px;
    width: 150px;
}

/*go-back buttons */
#ctl00_cphMainPage_btnBack,
#ctl00_cphMainPage_btnGoBack,
#ctl00_cphMainPage_btnShopping {
    background-color: #4E2C16;
    border: 0.0625rem solid #4E2C16;
}

/*active-next buttons*/
#btnConfirm,
#ctl00_cphMainPage_ctl03 > div.card-footer.d-flex.justify-content-between > div:nth-child(2) > button,
#ctl00_cphMainPage_ctl10 > div.card-footer.d-flex.justify-content-between > div:nth-child(2) > button,
#ctl00_cphMainPage_Step3Next,
#ctl00_cphMainPage_btnOpenAdoptionDets2,
#ctl00_cphMainPage_btnOpenAdoptionDets {
    background-color: #d95e16;
    border: .0625rem solid #d95e16;
}

/*hover effects for both buttons */
    #ctl00_cphMainPage_btnBack:hover,
    #btnConfirm:hover,
    #ctl00_cphMainPage_ctl03 > div.card-footer.d-flex.justify-content-between > div:nth-child(2) > button:hover,
    #ctl00_cphMainPage_btnGoBack:hover,
    #ctl00_cphMainPage_ctl10 > div.card-footer.d-flex.justify-content-between > div:nth-child(2) > button:hover,
    #ctl00_cphMainPage_Step3Next:hover,
    #ctl00_cphMainPage_btnOpenAdoptionDets2:hover,
    #ctl00_cphMainPage_btnAddNoDonation:hover,
    #ctl00_cphMainPage_btnDonateNo:hover,
    #ctl00_cphMainPage_btnRemoveAll:hover,
    #ctl00_cphMainPage_btnAddWithDonation:hover,
    #ctl00_cphMainPage_btnDonateYes:hover,
    #ctl00_cphMainPage_btnShopping:hover,
    #ctl00_cphMainPage_btnOpenAdoptionDets:hover {
        background-color: #00b8e4;
        border: .0625rem solid #00b8e4;
    }

.divFindBankDetails {
    margin-left: 1.3em;
}

#ctl00_cphMainPage_btnRemoveAll {
    background: #4E2C16;
    border: .0625rem solid #4E2C16;
}

/*greyed out buttons*/
#ctl00_cphMainPage_btnAddNoDonation, #ctl00_cphMainPage_btnDonateNo {
    background: #c8ccd3;
    border-color: #c8ccd3;
}

/*donation buttons pink*/
#ctl00_cphMainPage_btnAddWithDonation, #ctl00_cphMainPage_btnDonateYes {
    background: #ec168c;
    border-color: #ec168c;
}

.divSessionCalendarContainer  {
    padding: 0px;
}

.divBasketGiftAidMessage {
    text-align: center !important;
    font-size: 1.5rem;
}

#ctl00_cphMainPage_rblGiftAid > tbody > tr > td > label {
    font-size: 1.125rem !important;
}

#ctl00_cphMainPage_rblGiftAid_0, #ctl00_cphMainPage_rblGiftAid_1 {
    transform: scale(1.4);
}

#ctl00_cphMainPage_udpBasket > div > div.card-body {
    background:#fafafa;
}

.accordion-item {
    margin-bottom: 10px;
    border-radius: 0px;
 
}

    .accordion-item:first-of-type {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

    .accordion-item:not(:first-of-type) {
        border-top: 1px solid #dee2e6;
    }

/*.DDMembers tr.tblMeracRows > td:nth-child(4)::before, .DDMembers tr.tblRowAlter > td:nth-child(4)::before {
    content: 'Annually: ';
}*/

#ctl00_cphMainPage_lblVoucherTitle {
    font-size: 18px;
}

@media (max-width: 767px) {
    #ctl00_cphMainPage_lblVoucherTitle {
        font-size: 16px;
    }
}

td.tdMeracGridSaving:not(:empty)::before {
    /*content: "Saving:";*/
    font-weight: bold;
    margin-right: 0.5rem;
}

table.ResImage:not(.CCMembers):not(.DDMembers) tr:not(:last-child) td:nth-child(3) {
    grid-area: qty;
    text-align: left;
}

.divExtDesc {
    font-size: 18px;
}

#ctl00_cphMainPage_dgMemberships > tbody > tr > td.text-center.w-auto > select {
    display: none;
}

/*
#ctl00_cphMainPage_dgMemberships > tbody > tr > td.text-center.w-auto {
    text-align: right !important;
}*/


.CCMembers tr.tblMeracRows, .CCMembers tr.tblRowAlter {
        grid-template-areas:
        "desc desc desc total total"
        "price price qty qty qty";
}

#ctl00_cphMainPage_bnkDetails_txtSortCode1, #ctl00_cphMainPage_bnkDetails_txtSortCode2, #ctl00_cphMainPage_bnkDetails_txtSortCode3 {
    font-size: 1rem;
}

.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-control-plaintext ~ label, .form-floating > .form-select ~ label {
    opacity: 1;
}

.callout-info {
    display: none;
}

/*hides date of birth*/ 
/*.dgMemberships .tblMeracRows td:nth-child(4), .dgMemberships .tblMeracRows td:nth-child(5), .dgMemberships .tblRowAlter td:nth-child(4), .dgMemberships .tblRowAlter td:nth-child(5),
.dgMemberships thead th:nth-child(4), .dgMemberships thead th:nth-child(5) {
    display: none;
}*/

/*hides gender*/
/*.dgMemberships > tbody > tr > td.grdRight {
    display: none;
}*/

#ctl00_cphMainPage_divMemTemplateHeader, #ctl00_cphMainPage_lblTemplateName {
    display: none;
}

.divRenewalPage > #h2PageTitle {
    margin-bottom: 20px;
}

.divRenewal, .divRenewalResult {
    width: 100%;
    max-width: 800px;
}

@media(max-width: 767px) {
    #ctl00_cphMainPage_divResult > table > tbody > tr {
        display: flex;
        flex-direction: column;
    }

    .dgMemberRenewal > tbody > tr > td:nth-child(4) > input{
        padding: 5px;
        width: 76px !important;
        font-size: 12px;
        white-space: break-spaces;
    }

    .dgMemberRenewal td {
        padding: 5px;
    }
}

.divCardInner {
    width: 100%;
}

.divCardDetails, .divMemberDetails {
    position: fixed;
    top: 10%;
    left: 50%; 
    margin-left: 0px;
    transform: translateX(-50%); 
    width: 100%;
    max-width: 400px; 
    background-color: #ffffff;
    padding: 10px;
    border: 2px solid #888888;
    z-index: 1001;
    -webkit-box-shadow: 0px 0px 10px 0px #555;
    box-shadow: 0px 0px 10px 0px #555;
}

.tdCaptureQuestion {
    width: 100%;
    flex-direction: column;
}

@media(max-width: 480px) {
    .tdCaptureQuestion {
        width: 100%;
    }

    #ctl00_cphMainPage_udpBasket > div > div.card-body {
        padding: 0.25rem;
    }

    .divQuestionAnswer select {
        width: 100%;
    }
}

.tblMerac tr:has(> td.tdCaptureQuestion) {
    display: flex !important;
}

.divQuestion, .divQuestionAnswer {
    padding-right: 0px;
}

#ctl00_cphMainPage_repRenewals_ctl00_chkRenew {
    margin-right: 5px;
}

#ctl00_cphMainPage_lblWhatIsGiftAidTitle2 {
    display: none;
}

