.pims-listing__select-chevron{
    right: var(--spacing-xs);
}

.pims-api-error{
    text-align:center;
}

@media screen and (62rem <= width) {
    .pims-listing__field--sort .pims-listing__select-wrap {
        
         width: auto; 
    }
}

.pims-listing__field--sort .pims-listing__select {
    
    padding-right: 2rem;
}

.search-results__listing{
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}
.search-concierge__suggestion{
    cursor:pointer;
    gap:5px;
}
.search-concierge__suggestion:hover .icon-link-arrow {
    transform: translate(5px);
}
.search-concierge__suggestion .icon-link-arrow{
    height:30px;
        transition: transform .3s ease-in-out;
}

input[type="search"]::-webkit-search-cancel-button {
  display: none;
}



.centered-text-block.component p:last-of-type{
    margin-bottom: 0;
}


/* ============================================================
   Main nav mega menu
   ============================================================ */
@media screen and (min-width: 75rem) {
  .main-nav__level-2.only-child {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 var(--gutter);
  }
}


.main-nav__mega-menu{
    z-index: 5;
}
.main-nav__mega-menu .btn-sub-nav {
  border-bottom: solid 1px #c2bdbb;
  border-top: solid 1px #c2bdbb;
}

.tip__panel{
    position: absolute;
    width: 100vw;
    z-index: 4;
}

.suggestions-dropdown{
    padding: 0 10px;
    background-color: white;
    box-shadow: 0 0 5px rgba(0 0 0 / 60%);
    margin: 0 5px 20px;
    border-radius: 0 0 5px 5px;
}

.suggestion-item{
    border-bottom: 1px solid grey;
    padding: 7px 5px;
    cursor:pointer;
    &:first-of-type{
        padding: 15px 5px 10px;
    }
    &:last-of-type{
        border-bottom: none;
        padding: 10px 5px 10px;
    }
    &:hover{
        text-decoration: underline;
    }
}
.filters-panel__toolbar.filters-panel__toolbar--pims-dates{
    grid-column: 1 / -1;
}
.datatable-container{
    overflow: auto;
}

.tip__calendar tbody .tip__cal-day {
    padding:0;
}

/* ============================================================
   Form
   ============================================================ */
form[id^='form_email'][id^='form_email'] {
    max-width: none;
}
html:has([id^='form_email']) {
   scroll-behavior: auto;
}
.sq-form-error {
    color: var(--peach);
}
input[readonly] {
    background: var(--dove-grey-light);
    opacity: .6;
}
.supporter-section__fieldset {
    border-bottom: 5px solid #ccc;
    margin: 3rem 0;
    padding-bottom: 2rem;
}
.supporter-section__legend {
    font-family: var(--font-bodytext);
    font-weight: 800;
    line-height: 1.5;
    margin-bottom: 0.5rem;
}
.sq-form-question-answer li {
    width: fit-content;
    padding: 0.75rem 1rem 0.75rem calc(38 / var(--px-base) * var(--px-to-rem));
}
.sq-form-question-answer li:has([type='checkbox']:hover),
.sq-form-question-answer li:has([type='radio']:hover) {
    background: var(--half-solitaire);
}
[type="checkbox"], 
[type="radio"] {
    margin: 0 var(--gutter-xs) 0 1rem;
    vertical-align: center;
    cursor: pointer;
}
select.sq-form-field {
  background: transparent var(--icon-chevron-down);
  background-position: calc(100% - var(--gutter-sm)) 50%;
  background-repeat: no-repeat;
  background-size: var(--spacing-md);
  cursor: pointer;
}
select.sq-form-field:open {
  background-image: var(--icon-chevron-up);
}
.sq-form-submit:hover {
    cursor: pointer;
}
.sq-form-submit[disabled] {
    pointer-events: none;
    opacity: 0.5;
}
.btn-group {
    display: flex;
    gap: 1rem;
}
.btn-group .btn-pill {
    display: inline-block;
    width: fit-content;
    line-height: 2rem;
}
.btn-group  .btn-pill [class*="icon-"] {
    margin-left: 0.5rem;
    transform: translateY(0.4rem);
}

.btn-pill .icon-link-arrow {
    transform: translate(10px, 5px);
}
.formthankyoupage-wrapper {
    padding: var(--component-spacing) var(--spacing-sm) 80px;
}
.feedback-box,
.thankyou {
    padding: 3rem;
    margin: 1rem auto 3rem;
    background-color: var(--oatmeal);
    max-width: 770px;
}
.thankyou--center {
    text-align: center;
}
.thankyou .btn-group{
    justify-content: flex-start;
    
}

@media (max-width: 767px) {
    .feedback-box,
    .thankyou {
        padding: 1.5rem;
        .icon-link-arrow{
            display:none;
        }
    }
}


.sq-form-question-answer li {
    margin: 0;
}

.grecaptcha-badge{
    visibility: hidden !important;
}

.sq-form-question-tickbox-list:has(li:only-child) .sq-form-question-title {
    display: none;
}

.sq-form-question-tickbox-list [type='checkbox'][required] + label::after {
    content: " *";
    font-weight: var(--font-bold);
    color: var(--peach);
}

.btn-pill--previous,
.btn-pill--next,
.btn-pill--first {
    display: inline-flex;
    align-items: center;
    padding-block: 14px;
    line-height: 1;
    gap: 10px;
    border-width: 1px;
    border-color: transparent;
    
    &:hover {
        background: var(--half-solitaire);
        color: var(--black);
        border-color: transparent;
        transform: none;
    }
}

.btn-pill--previous {
    padding-inline: 24px 32px;
    background: var(--white);
    color: var(--black);
    border-color: var(--black);
}

.btn-pill--next {
    padding-inline: 32px 24px;
    background: var(--black);
    color: var(--white);
}

.btn-pill--first {
    background: var(--black);
    color: var(--white);
}

/* ============================================================
   Hack to avoid nesting of confirmation inside page content of custom form on failed submission
   ============================================================ */
   
.epetition:has(.epetition) {
    max-width: none;
    margin: 0;
    padding: 0;
}

.epetition:has(.epetition) > .sq-form-page-list,
.epetition:has(.epetition) > h2,
.epetition:has(.epetition) > .sq-form-errors-message,
.epetition:has(.epetition) > .sq-form-errors,
.epetition:has(.epetition) > p {
    display: none;
}

/* ============================================================
   Style from Sign ePetition page #19937
   ============================================================ */
.epetition {
    max-width: 720px;
    margin: 0 auto;
    padding: 1.5rem;
}

.epetition h1 {
    font-size: 1.75rem;
    line-height: 1.3;
    margin: 0 0 1rem;
}

.epetition-text {
    font-size: 1.05rem;
    line-height: 1.6;
    margin: 0 0 1.5rem;
}

.epetition-status {
    color: #555;
    font-style: italic;
    margin: 0;
}
.keydetails {
    margin-bottom: var(--component-spacing);
}
.keydetails__tbody {
    border: 1px solid var(--pims-muted-border);
    border-radius: var(--radius-tight);
}
.keydetails__caption {
    text-align: left;
    font-family: var(--font-serif);
    font-size: var(--font-size-xl);
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 1rem;
}
.keydetails__row:first-child th,
.keydetails__row:first-child td {
    padding-top: 1.25rem;
}
.keydetails__row:last-child th,
.keydetails__row:last-child td {
    padding-bottom: 1.25rem;
}
.keydetails__th {
    text-align: left;
    padding: 0.5rem 0.5rem 0.5rem 1.25rem;
    font-weight: normal;
    width: 13rem;
}
.keydetails__td {
    border-bottom: 0px;
    padding: 0.5rem 1.25rem 0.5rem 0.5rem;
}

/** Override colors so if house is undetermined h1 is black **/
.pims-bill-banner--light.page-banner .pims-bill-banner__title {
    color: var(--black);
}
.pims-bill-banner.pims-bill-banner--light.pims-bill-banner--lc .pims-bill-banner__title {
    color: var(--lc);
}
.pims-bill-banner.pims-bill-banner--light.pims-bill-banner--la .pims-bill-banner__title {
    color: var(--la);
}
/** style for lodge a submission **/
#form_email_20410{
    .sq-form-page-list{
        justify-content: flex-start;
        gap: 50px;
    }
    .sq-form-page-list li:after{
        width: 50px;
    }
    .sq-form-page-list li:last-of-type:after{
        width: 0;
    }
}
.sq-form-page-list strong{
    line-height: 1.4;
}
.sq-form-upload {
    /*display:flex;*/
    gap: 5px;
    padding-bottom: 10px;
    position: relative;
}
.clear-file-upload {
    position: absolute;
    right: 7.5px;
    top: 7.5px;
    border: 1px solid #CCC;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 3px;
    background-color: #fff;
    display: none;
}
.clear-file-upload:hover,
.clear-file-upload:focus {
    box-shadow: 0px 0px 6px 0px rgba(200, 200, 200, 0.8);
}
.sq-form-upload.is-filled .clear-file-upload {
    display: block;
}
/*
.sq-form-upload-delete-button{
    font-size: 2rem;
}
.sq-form-upload-add-btn-wrapper{
    text-align: right;
}
.sq-form-upload-add-btn{
    font-size: 1.2rem;
}
.sq-form-upload-add-btn, .sq-form-upload-delete-button{
    width: 60px;
    color: white !important;   
    background-color: black !important;
    border-radius: calc(48 / var(--px-base) * var(--px-to-rem));
    flex-shrink: 0;
    padding-left: 22px;
}
.sq-form-upload-add-btn:hover, .sq-form-upload-delete-button:hover{
    background-color: color-mix(in srgb, var(--black), transparent 30%) !important;
    transform: translateY(-1px);
    cursor:pointer;
}
*/
img[src$="pdf_icon-030894a3.png"] {
    width: auto !important;
    height: auto !important;
    max-width: max-content;
}

.today-in-parliament{
    z-index = 2;
}

main > ol, main > ul {
  padding-left: 48px !important;
}

/** Styles for Member agree /disagree form 20666 **/
.member-confirmation {
    max-width: 720px;
    margin: 0 auto;
    padding: 2rem 1.5rem;
    background: var(--half-solitaire);
}
/** Styles for Member agree /disagree form 20666 and Supporter Confirmation form 20305 **/
.confirmation-form li {
    list-style-type: none;
}

.confirmation-form ul {
    padding-left: 0px;
}