/*Google Pagespeed rec to reduce LCP */
@font-face {
    font-family: 'Bootstrap Icons';
    src: url('/css/fonts/bootstrap-icons.woff2') format('woff2');
    font-display: swap;
}

html {
    scroll-behavior: smooth;
    }

#mainNav {
    font-weight: 500;
}

ul#mainNavDropdown li > a.dropdown-item {
  font-weight: 450;
}

/*modal backdrop*/
.modal-backdrop {
    background-color: black !important; /* Ensures a darker background */
    opacity: 0.5 !important; /* Adjust opacity for a stronger effect */
}

/*pagefind site search styling overrides*/
.pagefind-ui__result-thumb {
  /*max-width: calc(120px * var(--pagefind-ui-scale));*/
  /*same width as site.Params.pagefindThumbnail.width*/
  max-width: calc(415px * var(--pagefind-ui-scale)) !important;
}
.pagefind-ui__result-tag {
  display: none !important;
}
/*End pagefind*/

.navbar {
    /*background-color: #0099CC;*/ /*Table tennis color*/
	/*background-color: #A23E48;*/ /*Paprika Red same as logo color*/
	background-color: #E2725B; /*Terracotta*/

    }

.social-icons-footer {
    padding:6px;
    }

.social-icons-footer a {
    color: black;
    }

.social-icons-footer a:hover {
    color: rgb(158, 157, 157);
    }

/*tocbot css overrides*/
.toc-link::before {
    background-color: #fff;
}
.is-active-link {
    font-weight: normal;
}
.is-active-link::before {
    background-color: #fff;
}
/*end tocbot css overrides*/

#TableOfContents ul li a {
    text-decoration: none; /* Remove underline */
    color: #333; /* Change link color */
    display: block; /* Make links block-level for full width */
    padding: 5px; /* Add padding for clickable area */
    /*padding: 12px;*/ /* Add padding for clickable area */
    }
  
#TableOfContents ul li a:hover {
    background-color: #ddd; /* Add hover background color */
    border-radius: 5px; /* Add border radius for rounded corners */
    }
/* Fade-in animation for the rating widget & Buy button */
.star-rating, .buy-button {
    opacity: 0;
    animation: fadeIn 0.8s ease-in forwards;
  }
  
  @keyframes fadeIn {
    to { opacity: 1; }
  }
  
  /* Add consistent spacing between all star icons */
  .star-rating i {
    margin-right: 0.25rem;
  }
  
  /* Remove the extra right margin from the last star */
  .star-rating i:last-child {
    margin-right: 0;
  }

/* TT Paddle icons in Toc, Pros & Cons, Features Lists */

/* List containers: remove standard bullets */
.pros ul,
.cons ul,
.features ul,
#tableOfContents ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Apply a hanging indent by adding left padding to each li */
.pros ul li,
.cons ul li,
.features ul li  {
  position: relative;
   margin-bottom: 1em;
  /* The padding reserves space for the icon */
  padding-left: calc(var(--icon-size, 1em) + var(--gutter, 1em));
}

#tableOfContents ul li {
  position: relative;
  margin-bottom: 0.5em;/* Optional: add spacing between list items */
  padding-left: calc(var(--icon-size, 1em) + var(--gutter, 0.5em)); /* The padding reserves space for the icon */
  align-items: center; /* Vertically center the icon and text */
}

/* Shared styles for list marker pseudo-elements */
.pros ul li::before,
.cons ul li::before,
.features ul li::before  {
  content: "";
  /* Use absolute positioning so the marker stays in the left reserved area */
  position: absolute;
  left: 0;
  top: 2px;
  transform: none;
  width: var(--icon-size, 1em);
  height: var(--icon-size, 1em);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

#tableOfContents ul li::before {
  content: "";
  /* Use absolute positioning so the marker stays in the left reserved area */
  position: absolute;
  left: 2px;
  top: 7px;
  transform: none;
  width: var(--icon-size, 1em);
  height: var(--icon-size, 1em);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

/* For the pros list: using success color (#198754) */
/*.pros ul li::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23198754' d='M416 288c-50.1 0-93.6 28.8-114.6 70.8L68.9 126.3l.6-.6 60.1-60.1c87.5-87.5 229.3-87.5 316.8 0c67.1 67.1 82.7 166.3 46.8 248.3C471.8 297.6 445 288 416 288zM49.3 151.9L290.1 392.7c-1.4 7.5-2.1 15.3-2.1 23.3c0 23.2 6.2 44.9 16.9 63.7c-3 .2-6.1 .3-9.2 .3l-2.7 0c-33.9 0-66.5-13.5-90.5-37.5l-9.8-9.8c-13.1-13.1-34.6-12.4-46.8 1.7L88.2 501c-5.8 6.7-14.2 10.7-23 11s-17.5-3.1-23.8-9.4l-32-32C3.1 464.3-.3 455.7 0 446.9s4.3-17.2 11-23l66.6-57.7c14-12.2 14.8-33.7 1.7-46.8l-9.8-9.8C45.5 285.5 32 252.9 32 219l0-2.7c0-22.8 6.1-44.9 17.3-64.3zM416 320a96 96 0 1 1 0 192 96 96 0 1 1 0-192z'/></svg>");
}/*

/* For the Pros list: using cutlery emojii with green circle bg */
.pros  ul li::before {
  content: "🍴";
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  text-align: center;
  border-radius: 50%;
  background-color: green; /* or red */
  color: white;
  font-size: 1em;
}

/* For the cons list: using danger color (#dc3545) */
/*.cons ul li::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23dc3545' d='M416 288c-50.1 0-93.6 28.8-114.6 70.8L68.9 126.3l.6-.6 60.1-60.1c87.5-87.5 229.3-87.5 316.8 0c67.1 67.1 82.7 166.3 46.8 248.3C471.8 297.6 445 288 416 288zM49.3 151.9L290.1 392.7c-1.4 7.5-2.1 15.3-2.1 23.3c0 23.2 6.2 44.9 16.9 63.7c-3 .2-6.1 .3-9.2 .3l-2.7 0c-33.9 0-66.5-13.5-90.5-37.5l-9.8-9.8c-13.1-13.1-34.6-12.4-46.8 1.7L88.2 501c-5.8 6.7-14.2 10.7-23 11s-17.5-3.1-23.8-9.4l-32-32C3.1 464.3-.3 455.7 0 446.9s4.3-17.2 11-23l66.6-57.7c14-12.2 14.8-33.7 1.7-46.8l-9.8-9.8C45.5 285.5 32 252.9 32 219l0-2.7c0-22.8 6.1-44.9 17.3-64.3zM416 320a96 96 0 1 1 0 192 96 96 0 1 1 0-192z'/></svg>");
}*/

/* For the Cons list: using cutlery emojii with green circle bg */
.cons  ul li::before {
  content: "🍴";
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  text-align: center;
  border-radius: 50%;
  background-color: red; /* or red */
  color: white;
  font-size: 1em;
}

/* For the features list: using info color (#0dcaf0) */
/*.features ul li::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%230dcaf0' d='M416 288c-50.1 0-93.6 28.8-114.6 70.8L68.9 126.3l.6-.6 60.1-60.1c87.5-87.5 229.3-87.5 316.8 0c67.1 67.1 82.7 166.3 46.8 248.3C471.8 297.6 445 288 416 288zM49.3 151.9L290.1 392.7c-1.4 7.5-2.1 15.3-2.1 23.3c0 23.2 6.2 44.9 16.9 63.7c-3 .2-6.1 .3-9.2 .3l-2.7 0c-33.9 0-66.5-13.5-90.5-37.5l-9.8-9.8c-13.1-13.1-34.6-12.4-46.8 1.7L88.2 501c-5.8 6.7-14.2 10.7-23 11s-17.5-3.1-23.8-9.4l-32-32C3.1 464.3-.3 455.7 0 446.9s4.3-17.2 11-23l66.6-57.7c14-12.2 14.8-33.7 1.7-46.8l-9.8-9.8C45.5 285.5 32 252.9 32 219l0-2.7c0-22.8 6.1-44.9 17.3-64.3zM416 320a96 96 0 1 1 0 192 96 96 0 1 1 0-192z'/></svg>");
}*/

/* For the features list: using cutlery emojii with green circle bg */
.features  ul li::before {
  content: "🍴";
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  text-align: center;
  border-radius: 50%;
  background-color: grey; /* or red */
  color: white;
  font-size: 1em;
}


/* For the TOC list: using secondary color (#6c757d) TT Tables */
/*#tableOfContents ul li::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%236c757d' d='M416 288c-50.1 0-93.6 28.8-114.6 70.8L68.9 126.3l.6-.6 60.1-60.1c87.5-87.5 229.3-87.5 316.8 0c67.1 67.1 82.7 166.3 46.8 248.3C471.8 297.6 445 288 416 288zM49.3 151.9L290.1 392.7c-1.4 7.5-2.1 15.3-2.1 23.3c0 23.2 6.2 44.9 16.9 63.7c-3 .2-6.1 .3-9.2 .3l-2.7 0c-33.9 0-66.5-13.5-90.5-37.5l-9.8-9.8c-13.1-13.1-34.6-12.4-46.8 1.7L88.2 501c-5.8 6.7-14.2 10.7-23 11s-17.5-3.1-23.8-9.4l-32-32C3.1 464.3-.3 455.7 0 446.9s4.3-17.2 11-23l66.6-57.7c14-12.2 14.8-33.7 1.7-46.8l-9.8-9.8C45.5 285.5 32 252.9 32 219l0-2.7c0-22.8 6.1-44.9 17.3-64.3zM416 320a96 96 0 1 1 0 192 96 96 0 1 1 0-192z'/></svg>");
} */

/* For the TOC list: using secondary color Cuisinet single fork (#6c757d) */
/*#tableOfContents ul li::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%236c757d' d='M64 0c17.7 0 32 14.3 32 32v160h32V32c0-17.7 14.3-32 32-32s32 14.3 32 32v160h32V32c0-17.7 14.3-32 32-32s32 14.3 32 32v192c0 35.3-28.7 64-64 64h-32v192c0 17.7-14.3 32-32 32s-32-14.3-32-32V288h-32c-35.3 0-64-28.7-64-64V32c0-17.7 14.3-32 32-32z'/></svg>");
}*/

/* For the TOC list: using utf-8 emoji cutlery */
#tableOfContents ul li::before {
	content: "🍴";
	margin-right: 1em;
}

/*END custom list markers*/

/*iFrame Manager Button Colors*/
/*Youtube Button Color*/
div[data-service="youtube"] .cll .c-l-b {
  background: rgb(255 0 0 / 84%) !important;
}
 /*Google Maps Button Color*/
div[data-service="googlemaps"] .cll .c-l-b {
  background: rgb(15 157 88 / 84%) !important;
}
/*End iFrame Manager Button Colors */

/*cookieconsent banner overrides*/
/*sizes*/
#cc-main .cm__title {
  font-size: 1em;
}
#cc-main .cm__desc {
  font-size: 0.8em;
}
#cc-main .cm__btns, #cc-main .cm__links {
  padding: 0.5rem 0.5rem;
}
#cc-main .cm__footer {
  padding: 0 0 0;
}
#cc-main .cm__btn {
  font-size: .7em;
  min-height: 30px;
  padding: .5em 1em;
}
/*dark mode */
#cc-main {
  --cc-bg: #161a1c;
  --cc-primary-color: rgb(239, 244, 246);
  --cc-secondary-color: #b1bdc3;
  /*contact us link in preferences center*/
  --cc-contact-link: #b1bdc3;
  /*--cc-btn-primary-bg: #60fed2; */
  /*--cc-btn-primary-bg: #5CB8E7;*/
  --cc-btn-primary-bg: #4dd4ae;
  /*--cc-btn-primary-color: #000;*/
  --cc-btn-primary-color: #000;
  --cc-btn-primary-hover-bg: #198754;
  /*--cc-btn-primary-hover-bg: #4488aa;*/
  --cc-btn-primary-hover-color: rgb(239, 244, 246);;

  --cc-btn-secondary-bg: #242c31;
  --cc-btn-secondary-color: var(--cc-primary-color);
  --cc-btn-secondary-hover-bg: #d4dae0;
  --cc-btn-secondary-hover-color: #000;

  --cc-cookie-category-block-bg: #1e2428;
  --cc-cookie-category-block-border: #1e2428;
  --cc-cookie-category-block-hover-bg: #242c31;
  --cc-cookie-category-block-hover-border: #242c31;
  --cc-cookie-category-expanded-block-hover-bg: #242c31;
  --cc-cookie-category-expanded-block-bg: #1e2428;
  --cc-toggle-readonly-bg: #343e45;
  --cc-overlay-bg: rgba(4, 6, 8, .85) !important;

  --cc-toggle-on-knob-bg: var(--cc-bg);
  --cc-toggle-readonly-knob-bg: var( --cc-cookie-category-block-bg);

  --cc-separator-border-color: #222a30;

  --cc-footer-border-color: #212529;
  --cc-footer-bg: #0f1112;
}
/*cc footer links*/
#cc-main .cm__footer {
  color:#b1bdc3;
}
/*End cookieconsent banner overrides*/