/* ----- START _ VEGAN ITEM FONT ----- */
@font-face {
  src: url(fonts/FrederickatheGreat-Regular.ttf);
  font-family: frederica;
  font-display: swap;
}
/* ----- END _ VEGAN ITEM FONT ----- */

/* Font */
/*body {
  font-family: 'EB Garamond', serif;
   font-size: 20px; 
}*/

/* ----- START _ TEXT FONT & SIZE ----- */
.navbar-nav li {
  font-size: 20px;
}

h1 {
  font-family: frederica;
}

h2 {
  font-size: 25px;
}

h2 .span {
  color: #6eca98;
}

h3 {
  font-size: 20px;
}

.v1 {
  color: #6eca98;
  font-weight: bold;
}

.top-list h2 span {
  color: #6eca98;
}

.to-buy {
  color: #6eca98;
}
.to-not-buy {
  color: #e6006f;
}
.to-not-buy {
  color: #e6006f;
}
.extraInfo {
  color: #6b6666;
}
/* ----- END _ TEXT FONT & SIZE ----- */

/* ----- START _ ACCORDION _ TEXT FONT & SIZE ----- */
button h2 {
  font-size: 18px;
  color: #ff9900;
}
.multipleFlavourSpan {
  font-weight: bold;
  color: #ff9900;
}

ul li {
  font-size: 18px;
}

.logo-section {
  padding-top: 10px;
}

.where-to-buy a {
  font-size: 18px;
  color: white;
  background-color: #257cfd;
  padding: 3px 10px;
  border-style: solid;
  border-radius: 12%;
}
.where-to-buy a:hover {
  background-color: #0a58ca;
}

.where-to-buy {
  max-width: 350px;
}
.item-nutrition table {
  max-width: 380px;
}

.accordion-button {
  padding-top: 10px;
  padding-bottom: 0px;
}
/* ----- END _ ACCORDION _ TEXT FONT & SIZE ----- */

/* ----- START _ PAGE LINE BREAKERS ----- */
hr.style5 {
  background-color: #fff;
  border-top: 2px dashed black;
  opacity: 50%;
}

hr.style1 {
  border-top: 1px solid black;
  opacity: 50%;
}
/* ----- END _ PAGE LINE BREAKERS -----*/

/* ----- START _ RESPONSIVE IMAGE ----- */
/* successful media break[points for page vegan items pics */
.post-thumbnail img {
  max-width: 80%;
}

/* X-Small devices (portrait phones, less than 576px) */
@media (min-width: 576px) {
  .post-thumbnail img {
    max-width: 80%;
  }
}

/* Small devices (landscape phones, less than 768px) */
@media (min-width: 768px) {
  .post-thumbnail img {
    max-width: 60%;
  }
}

/* Medium devices (tablets, less than 992px) */
@media (min-width: 992px) {
  .post-thumbnail img {
    max-width: 50%;
  }
}

/* Large devices (desktops, less than 1200px) */
@media (min-width: 1200px) {
  .post-thumbnail img {
    max-width: 40%;
  }
}

/* X-Large devices (large desktops, less than 1400px) */
@media (min-width: 1400px) {
  .post-thumbnail img {
    max-width: 40%;
  }
}
/* ----- END _ RESPONSIVE IMAGE ----- */

/* ----- START _ VEGAN ITEMS NUTRITION TABLE ----- */
/* .table-2 td {
  background-color: whitesmoke;
  color: #373737;
} */
/* ----- END _ VEGAN ITEMS NUTRITION TABLE ----- */

a.anchor {
  display: block;
  position: relative;
  top: -150px;
  visibility: hidden;
}

/* ----- START _ NUTRITION TABLE ----- */

.end {
  text-align: right;
}

.end,
.nobr {
  white-space: nowrap;
}

/* START _ TABLE WIDTH */
.compare-table .table th {
  min-width: 170px;
}

/* @media screen and (max-width: 520px) {
  .compare-table .table th {
    min-width: 140px;
  }
} */
/* END _ TABLE WIDTH */

/* START _ TABLE STICKY & BACKGROUND COLOUR */
.compare-table .table th:first-child,
.compare-table .table td:first-child {
  position: sticky;
  left: 0;
  background-color: #f0f9f4;
  color: #373737;
}

/* START _ BOOTSTRAP TABLE STYLING */
.compare-table .table {
  --bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: #212529;
  --bs-table-striped-bg: rgba(0, 0, 0, 0.04);
  --bs-table-active-color: #212529;
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: #212529;
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
  vertical-align: top;
  border-color: #dee2e6;
  font-size: 14px;
}
/* START _ BOOTSTRAP TABLE STYLING */

/* START _ BOOTSTRAP TABLE STYLING */
.ItemTable .table {
  --bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: #212529;
  --bs-table-striped-bg: rgba(0, 0, 0, 0.02);
  --bs-table-active-color: #212529;
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: #212529;
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
  vertical-align: top;
  border-color: #dee2e6;
  font-size: 16px;
}
/* START _ BOOTSTRAP TABLE STYLING */

/* START _ TABLE DATA STYLING */
td {
  padding: 80px;
  font-weight: 600;
  /* font-size: px; */
}
/* END _ TABLE DATA STYLING */

/* START _ ADDITIONAL TABLE STYLING */
.table-responsive {
  padding-left: 0px;
}

.table-responsive th {
  padding-left: 0px;
  padding-right: 0px;
}

.table-responsive td,
th {
  border-left: 0px;
}

.table-responsive tr {
  border-top: 0px;
}

.table-responsive tr {
  border-bottom: 15px red;
}

.table-responsive {
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 0px !important;
}
/* END _ ADDITIONAL TABLE STYLING */

/* TESTING TABLE AUTO SCROLL CODE -- START */

.table-responsive:hover {
  border-color: #6eca98;
}

table {
  width: 100%;
}
td {
  padding: 24px;
  background: #eee;
}

.TrNoBorder {
  border-bottom: transparent;
}

/* .table-responsive th {
  position: sticky;
} */
/* TESTING TABLE AUTO SCROLL CODE -- END */

/* START -- TESTING STICKY TABLE HEADER */

/* thead tr {
  position: sticky;
  top: 0px;
  z-index: 7;
  background-color: #6eca98;
} */

/* END -- TESTING STICKY TABLE HEADER */

/* START -- adding a border to the top */
.table-responsive th {
  background-color: #6eca98;
}

.ItemTable thead {
  background-color: #f8f9fa;
}

#TableFooter {
  background-color: #6eca98;
  border-left: 0px;
}
/* END -- adding a border to the top */

/* START _ NUTRITION TABLE */

.table-responsive {
  overflow-x: auto;
  overflow-y: auto;
  width: 1400px;
  position: relative;
}

/* END _ NUTRITION TABLE */

/* #overlay {
  position: absolute;
  display: block;
  width: 2000px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 50;
  cursor: pointer;
  overflow: hidden;
}

.nutrition-table {
  position: relative;
}

#text {
  position: absolute;
  display: block;
  top: 55%;
  left: 60%;
  font-size: 30px;
  color: red;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 60;
} */

/* ----- END _ NUTRITION TABLE ----- */

/* START GIF STYLING */
/* .gif img {
  height: 250px;
} */
/* END GIF STYLING */

.carousel-indicators {
  top: 0;
  margin-bottom: 30px;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 93%;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
}

.carousel-caption h5 {
  align-self: baseline;
}

.carousel-item {
  margin-top: 75px;
}

/* star rating - start */
/* .stars .checked {
  color: red;
}

.test .fa-star-half-stroke {
  color: red;
} */

/* #size {
  color: #6b6666;
  font-size: 0.7em;
} */

.size p {
  color: #6b6666;
  font-size: 0.7em;
  margin-bottom: 2px;
}

.size {
  display: block;
}

h5 strong {
  text-align: center;
}

/* stars style */
.front-stars,
.back-stars,
.star-rating {
  display: flex;
}

.star-rating {
  align-items: center;
  font-size: 1.2em;
  justify-content: center;
  margin-top: 20px;
}

.back-stars {
  color: rgba(191, 191, 191, 0.5);
  position: relative;
  /* text-shadow: 4px 4px 10px #843a3a; */
}

.front-stars {
  color: #ff9900;
  overflow: hidden;
  position: absolute;
  /* text-shadow: 2px 2px 5px #d29b09; */
  top: 0;
  transition: all 0.5s;
}

.BreakSpan {
  white-space: nowrap;
}