/* Start : AI search */
.ai-search-container { padding:30px 30px 15px 2px; overflow-y: hidden; }
.ai-search-container .govuk-button--white { border-radius:5px; padding:3px 5px; margin-right:5px; margin-bottom:5px; font-size:1rem; }
.ai-search-container .govuk-button--white:focus { outline:2px solid rgba(0,0,0,0); color:#000; background-color:#fd0; box-shadow:0 -1px #fd0,0 0px #0b0c0c; text-decoration:none }

.ai-search-container .ai-question img, .ai-search-container .ai-answer img { width:32px; margin-right:5px; }
.ai-search-container .ai-content { display: inline-block; width:90%; word-break:break-word; margin-top:3px; vertical-align:top }
.ai-search-container .ai-label { display: inline-block; word-break:break-word; vertical-align:bottom; color:#0b0c0c }
.ai-search-container .ai-links-group { display:block; word-break:break-word; text-align:right; margin-left:21% }
.govuk-grid-column-two-thirds .ai-search-container .ai-links-group { display:block; word-break:break-word; text-align:right; margin-left:0% }
 
.ai-search-container .text-area { width:99%; resize: none; border:none; outline:none; font-family: GDS Transport, arial, sans-serif; font-size:1.1rem; height:26px; margin-top:4px; margin-left:2px; overflow-y: hidden; }  
.ai-search-container .text-area.one-line-area.defaultTextArea { height:26px !important;  }
.ai-search-container .text-area:focus { border:none; outline:none }                      
.ai-search-container .ai-input-container { border:2px solid #0b0c0c; background-color:#fff }
.ai-search-container .ai-input-container:focus-within { border:2px solid #0b0c0c; outline: 3px solid #fd0; outline-offset: 0; box-shadow: inset 0 }
.ai-search-container .ai-input-container ::placeholder { color: #0b0c0c; font-size:1.1rem; font-family: GDS Transport, arial, sans-serif; }
.ai-search-container .ai-linklist { color:#BC0067 }
.ai-search-container .ai-response-outer { margin-bottom:15px; overflow-y: auto; max-height:550px }

.ai-search-container .ai-response:last-child {border-bottom: 1px solid transparent;padding-bottom: 10px;margin-bottom: 15px;}
.ai-search-container .ai-response {border-bottom: 1px solid #B1B4B6;padding-bottom: 10px;margin-bottom: 40px;}
.ai-search-page .ai-search-container .ai-response { overflow-y: none; max-height:none }
.ai-search-container .ai-answer .ai-search-actions { margin:0; padding:0 }
.ai-search-container .ai-answer .ai-search-actions a { margin-right:5px }
.ai-search-container .ai-answer .ai-search-actions img { width:auto }
.ai-input-container .bottom-controls { text-align:right; position: relative; top:-3px; margin-right:0px }
.ai-input-container .bottom-controls button { border:none; cursor:pointer; background:#fff }

.ai-response-container {border-bottom: 1px solid #B1B4B6;margin-bottom: 20px;}

.thumbDownForm { border:1px solid #B1B4B6; padding:15px 15px 0 15px; margin-bottom:25px }

.one-line-area { display:inline-block }
.ai-search-container .text-area.one-line-area { width:94% }  

  @media(max-width: 60em) {
    .ai-search-container .text-area.one-line-area { width: 92%; }
  }

  @media(max-width: 48.0625em) {
      .ai-search-container .ai-links-group { text-align:left; margin-left:0% }
      .ai-search-container .ai-response-outer { margin-bottom:15px; overflow-y: auto; max-height:200px }
      .ai-search-container .text-area.one-line-area { width: 87%; }
  }

span.close-searchfeedback a { color:#000 !important; float:right; margin-right:10px; text-decoration:none }

.ai-content h2 {margin-bottom: 30px;font-size: 1.5em;margin-top: 20px;}
.ai-content h3 {margin-bottom:0px;margin-top: 30px;font-size: 1.1875em;}
.ai-content p, .ai-content ol li {margin-bottom:20px}
.ai-content ol li ul li, .ai-content ol li p {margin-bottom:5px}
.ai-content .ai-linklist { display: inline-block; width: 75%; margin-top:0; vertical-align: top; }
.ai-content p, .ai-content ol li, .ai-content ul li {margin-bottom:10px}
.ai-content ul  {margin-top:5px}
.ai-content ol li ul li, .ai-content ol li p {margin-bottom:5px}
.ai-content .ai-linklist { display: inline-block; width: 75%; margin-top:0; vertical-align: top; }

@media(max-width: 30em) {
    .ai-search-container .text-area.one-line-area { width: 81%; }
}

@media (max-width: 22em) {
    .ai-search-container .text-area.one-line-area {width: 75%;}
}

@media (max-width: 18em) {
    .ai-search-container .text-area.one-line-area {width: 70%;min-height:50px}
}

@media (max-width: 16em) {
    .ai-search-container .text-area.one-line-area {width: 60%;}
}

@media (max-width: 13em) {
    .ai-search-container .text-area.one-line-area {width: 85%;}
}


/* loader */
.loader {
    width: 60px;
    aspect-ratio: 5;
    --_g: no-repeat radial-gradient(circle closest-side,#000 90%,#0000);
    background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;
    background-size: calc(100%/3) 100%;
    animation: l7 2s infinite linear;
    display: inline-block;
}
@keyframes l7 {
    33%{background-size:calc(100%/3) 0%  ,calc(100%/3) 100%,calc(100%/3) 100%}
    50%{background-size:calc(100%/3) 100%,calc(100%/3) 0%  ,calc(100%/3) 100%}
    66%{background-size:calc(100%/3) 100%,calc(100%/3) 100%,calc(100%/3) 0%  }
}

.loader-text {display: inline-block;width: auto;margin-right: 20px;}
/* end loader */

/* End : AI search */

/* Start : Classic search */

.redbridge-search__input[type="search"] {border: 2px solid #000;}
.redbridge-search--on-white .redbridge-search__input[type="search"] { float: left; width: 95%; }

#searchClassicBlock .redbridge-search__item-wrapper, #searchClassicMenuBlock .redbridge-search__item-wrapper {background:none}

@media (max-width: 59em) {
    #searchClassicBlock .redbridge-search--on-white .redbridge-search__input[type="search"], #searchClassicMenuBlock .redbridge-search--on-white .redbridge-search__input[type="search"], #searchClassicStandaloneBlock .redbridge-search--on-white .redbridge-search__input[type="search"] {
        float: left;
        width: 85%;
    }
}
/* End : Classic search */
.ai-answer { margin-top: 20px;}

span.citation-text a { font-size:1rem }
span.citation-text a:hover { color:#89004B}
span.citation-text a:focus { color:#0b0c0c }


