:root {

   /* Primary colors */

  --atomic-primary: #e5b611;
  --atomic-primary-light: #eccb58;
  --atomic-primary-dark: #a07f0b;
}


body {
  margin: 0;

}

atomic-search-box::part(wrapper) {
  border-radius: 30px;
  border: thin solid #7e8c9a;
}

atomic-search-box::part(submit-button) {
  background-color: white;
  border: thin solid #7e8c9a;
  border-radius: 0px 30px 30px 0px;
}

atomic-search-box::part(submit-icon) {
  color: black;
}

atomic-pager {
  margin-top: 5rem !important;
}

atomic-pager::part(page-button) {
  color: #a6a6a6;
  border: thin solid #a6a6a6;
  border-radius: 0px;
}

atomic-pager::part(active-page-button) {
  background-color: #caa144;
  color: #000;
}

atomic-pager::part(next-button),
atomic-pager::part(previous-button) {
  color: #caa144;
  border: thin solid #a6a6a6;
  border-radius: 0px;
}

atomic-pager::part(next-button):hover,
atomic-pager::part(previous-button):hover,
atomic-pager::part(page-button):hover {
  border-color: #caa144;
  color: #caa144;
  cursor: pointer;
}

atomic-result-section-visual {
    height: 6rem !important;
    width: 3rem !important;
}

atomic-modal#faq-modal::part(header-wrapper) {
  display: none;
}
atomic-modal::part(backdrop){
  grid-template-columns: 1fr min(60%) 1fr;
}
atomic-modal::part(header){
  max-width: none;
}
atomic-modal::part(body-wrapper) {
  padding: 0;
}
atomic-modal::part(body){
  max-width: none;
}

atomic-modal::part(footer),
atomic-modal::part(footer-wrapper) {
  display: none;
}

atomic-modal#faq-modal table {
  width: -moz-available;          /* WebKit-based browsers will ignore this. */
  width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
  width: fill-available;
  border-collapse: collapse;
  font-size: 1.3rem;
}

atomic-modal#faq-modal table tr.question-row {
  border-bottom: 1px solid #a6a6a6;
}

atomic-modal#faq-modal table tr {
  vertical-align: top;
}

atomic-modal#faq-modal table tr td {
  padding: 1.5rem;
}
atomic-modal#faq-modal table tr td:nth-child(2) {
  word-break: break-word;
}
atomic-modal#faq-modal table tr td a {
  color: #caa144;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


atomic-modal#faq-modal #faq-modal-close-button {
  cursor: pointer;
  top: 0;
  right: 1.5rem;
  position: absolute;
}

atomic-search-box::part(recent-query-text), 
atomic-search-box::part(input), 
atomic-search-box::part(query-suggestion-text) {
  font-size: 1.3rem !important
}

atomic-no-results::part(icon){ 
display: none;  
}

atomic-no-results::part(no-results){ 
 font-size: 1.3rem !important;
 padding-bottom: -5px  !important;;
  }
atomic-no-results::part(cancel-button){ 
  margin-right: auto !important;
  background-color: white !important;
  color: #CAA144 !important;
  padding-top: 0px !important;
  padding-left: 0px !important;
  font-size: 1rem !important;
  margin-top:0px !important;
  display: none;
  }
  .align{
    display: flex !important;
    align-items: start !important;
  }
atomic-recs-list::part(previous-button){
  display: none;
}
atomic-recs-list::part(next-button){
  display: none;
}
atomic-recs-list::part(indicators){
  display: none;
}
atomic-recs-list::part(outline){
  border : none;
  padding: 0 1rem;
  padding-top: 0.5rem;
}
atomic-recs-list::part(result-list-grid-clickable-container):hover {
  box-shadow: none;
}
atomic-recs-list::part(result-list-grid-clickable) {
 padding: 10px;
 pointer-events: none;
}

.atomic-recs-layout {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  border: .1rem solid #E2E4E8;
  border-radius: .8rem;
}
atomic-recs-interface {
  border: 1px solid #ffffe0; ; /* Add a border */
  border-radius: 5px; /* Add border radius */
  padding: 15px;
  position: relative;
  width: 300px; /* Adjust as needed */
  background-color: #fff; /* Background color */
}
atomic-recs-list {
  margin-top: 40px; /* Space for the title */
}
.recommendation-title {
width: 100%; /* Make the header span the full width of the parent */
padding: 10px 0; /* Add padding for spacing */
text-align: center; /* Center the text horizontally */
position: absolute;
top: 0;
left: 0;
border-radius: 5px 5px 0 0; /* Optional: rounded top corners */
box-sizing: border-box; /* Ensure padding is included in the element's total width */
font-size: 1.7rem;
color: #CAA144; /* Set text color to red */

}
  /* [part~='outline'][part~='result-list-grid-clickable-container']:hover  */