div.comments {
  margin-top: calc(var(--col) * 0.5);
  margin-bottom: calc(var(--col) * 0.5);
}
@media screen and (max-width: 48em) {
  div.comments {
    margin-top: calc(var(--col) * 1);
    margin-bottom: calc(var(--col) * 1);
  }
}
div.comments .container > div {
  background: transparent;
}

/* COMMENT RATING */
@media screen and (max-width: 48em) {
  .comments > .container {
    padding-left: 0;
    padding-right: 0;
  }
}
.comments .comment-list .rating {
  color: var(--black);
  display: inline-block;
}
.comments .comment-list .stars {
  text-align: left;
  margin: 0;
  display: inline-block;
}
.comments .comment-list .stars p {
  display: none;
}
.comments #comments {
  margin-top: 30px;
}
.comments #comments ul,
.comments #comments ol {
  list-style: none;
  padding: 0;
}
.comments #comments ul li,
.comments #comments ol li {
  border-bottom: 1px solid #fff;
  padding-bottom: 15px;
}
.comments #comments ul li::after,
.comments #comments ol li::after {
  display: none;
}
.comments #comments ul li:last-of-type,
.comments #comments ol li:last-of-type {
  margin-bottom: 20px;
}
.comments form {
  overflow: hidden;
  row-gap: 1.25rem;
}
.comments form p {
  margin-top: 10px;
}
.comments .comment-body {
  display: -ms-grid;
  display: grid;
  row-gap: 10px;
}
.comments .comment-content .rating {
  margin-top: 0.625rem;
}
.comments #respond {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.comments #respond textarea {
  padding: var(--gutter);
}
.comments #respond.height {
  max-height: none;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.comments #respond label {
  font: var(--tag-font);
  text-transform: uppercase;
}
.comments #respond .comment-form-rating {
  display: none;
}
.comments #respond h3,
.comments #respond h2,
.comments #respond .comment-reply-title {
  color: var(--marine);
}
.comments #respond input {
  border: 2px solid transparent;
  border-radius: 10px;
  -webkit-box-shadow: transparent;
          box-shadow: transparent;
  background: var(--yellow-light-light);
  padding: calc(var(--gutter) / 2);
}
.comments #respond input:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 2px solid var(--yellow);
}
.comments #respond #commentform {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (calc(50% - var(--gutter) / 2))[2];
  grid-template-columns: repeat(2, calc(50% - var(--gutter) / 2));
}
.comments #respond #commentform p {
  display: -ms-grid;
  display: grid;
  row-gap: calc(var(--gutter) / 2);
}
.comments #respond #commentform .comment-form-url {
  display: none;
}
.comments #respond #commentform .comment-form-comment,
.comments #respond #commentform .comment-form-cookies-consent {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
}
.comments #respond #commentform .comment-form-cookies-consent {
  grid-auto-flow: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
.comments #respond #commentform .comment-form-cookies-consent label {
  text-transform: none;
}
.comments #respond #commentform .comment-notes {
  -ms-grid-row: 6;
  grid-row: 6;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  row-gap: 5px;
}
.comments #respond #commentform p {
  display: -ms-grid;
  display: grid;
}
.comments #respond #commentform .comments-rating,
.comments #respond #commentform .rating {
  -ms-grid-row: 1;
  grid-row: 1;
}
.comments #respond #comment {
  display: block;
  border: 2px solid transparent;
}
.comments #respond #comment:focus {
  border: 2px solid var(--yellow);
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media screen and (max-width: 48em) {
  .comment-form-url {
    margin-bottom: 30px;
  }
}

.comment-notes,
.comment-form-cookies-consent {
  font-size: 14px;
  font-weight: 300;
}
.comment-notes label,
.comment-form-cookies-consent label {
  font-size: 14px !important;
  font-weight: 300 !important;
}

.comments-rating {
  border: none;
  padding: 0;
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}

.comment-form,
.must-log-in {
  margin-top: 1.25rem;
}
.comment-form a,
.must-log-in a {
  color: inherit;
}
.comment-form label,
.must-log-in label {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 300;
}

.logged-in-as {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  -ms-grid-row: 4;
  grid-row: 4;
  display: block !important;
}
.logged-in-as a {
  font-size: 14px;
  color: var(--black);
}

.required-field-message {
  display: block;
}

#comment {
  border: 0;
  border-radius: 10px;
  background: var(--yellow-light-light);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.comments-rating label {
  display: inline-block;
}

.rating-container {
  /* remove inline-block whitespace */
  font-size: 0;
  /* flip the order so we can use the + and ~ combinators */
  unicode-bidi: bidi-override;
  direction: rtl;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
}

.rating-container * {
  font-size: 1.4rem;
}

.rating-container > input {
  display: none;
}

.rating-container > input + label {
  /* only enough room for the star */
  font-family: "dashicons";
  display: inline-block;
  overflow: hidden;
  text-indent: 9999px;
  white-space: nowrap;
  cursor: pointer;
  width: 20px;
  height: 20px;
  margin: 0 5px 0 0;
  background-image: url('data:image/svg+xml;utf8,<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve"><title>star</title><path class="st0" fill="%23ff914c" d="M15.5,19c-0.1,0-0.2,0-0.2-0.1L10,16.1l-5.3,2.9c-0.2,0.1-0.4,0.1-0.5,0S4,18.6,4,18.4l1-5.7L1.1,8.9C1,8.7,1,8.5,1,8.3C1.1,8.2,1.2,8,1.4,8l5.7-1l2.4-4.8C9.6,2.1,9.8,2,10,2s0.4,0.1,0.4,0.3L12.8,7l5.7,1c0.2,0,0.3,0.2,0.4,0.3s0,0.4-0.1,0.5L15,12.7l1,5.7c0,0.2,0,0.4-0.2,0.5C15.7,19,15.6,19,15.5,19z M10,3.6L7.9,7.7C7.9,7.9,7.7,8,7.6,8l-5,0.8l3.3,3.3C6,12.3,6,12.4,6,12.6l-0.8,5l4.6-2.5C9.8,15,9.9,15,10,15c0.1,0,0.2,0,0.2,0.1l4.6,2.5l-0.8-5c0-0.2,0-0.3,0.1-0.4l3.3-3.3l-5-0.8c-0.2,0-0.3-0.1-0.4-0.3"/></svg>');
  position: relative;
}

.rating-container > input + label:before {
  display: none;
  content: "";
  width: 20px;
  height: 20px;
  background-image: url('data:image/svg+xml;utf8,<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve"><title>star</title><path class="st0" fill="%23ff914c" d="M15.5,19c-0.1,0-0.2,0-0.2-0.1L10,16.1l-5.3,2.9c-0.2,0.1-0.4,0.1-0.5,0S4,18.6,4,18.4l1-5.7L1.1,8.9C1,8.7,1,8.5,1,8.3C1.1,8.2,1.2,8,1.4,8l5.7-1l2.4-4.8C9.6,2.1,9.8,2,10,2s0.4,0.1,0.4,0.3L12.8,7l5.7,1c0.2,0,0.3,0.2,0.4,0.3s0,0.4-0.1,0.5L15,12.7l1,5.7c0,0.2,0,0.4-0.2,0.5C15.7,19,15.6,19,15.5,19z M10,3.6L7.9,7.7C7.9,7.9,7.7,8,7.6,8l-5,0.8l3.3,3.3C6,12.3,6,12.4,6,12.6l-0.8,5l4.6-2.5C9.8,15,9.9,15,10,15c0.1,0,0.2,0,0.2,0.1l4.6,2.5l-0.8-5c0-0.2,0-0.3,0.1-0.4l3.3-3.3l-5-0.8c-0.2,0-0.3-0.1-0.4-0.3"/><path fill="%232A7B84" class="st1" d="M10,3.6L7.9,7.7C7.9,7.9,7.7,8,7.6,8l-5,0.8l3.3,3.3C6,12.3,6,12.4,6,12.6l-0.8,5l4.6-2.5C9.8,15,9.9,15,10,15c0.1,0,0.2,0,0.2,0.1l4.6,2.5l-0.8-5c0-0.2,0-0.3,0.1-0.4l3.3-3.3l-5-0.8c-0.2,0-0.3-0.1-0.4-0.3"/></svg>');
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.rating-container > input:checked ~ label:before,
.rating-container > input + label:hover ~ label:before,
.rating-container > input + label:hover:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8,<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve"><title>star</title><path class="st0" fill="%23ff914c" d="M15.5,19c-0.1,0-0.2,0-0.2-0.1L10,16.1l-5.3,2.9c-0.2,0.1-0.4,0.1-0.5,0S4,18.6,4,18.4l1-5.7L1.1,8.9C1,8.7,1,8.5,1,8.3C1.1,8.2,1.2,8,1.4,8l5.7-1l2.4-4.8C9.6,2.1,9.8,2,10,2s0.4,0.1,0.4,0.3L12.8,7l5.7,1c0.2,0,0.3,0.2,0.4,0.3s0,0.4-0.1,0.5L15,12.7l1,5.7c0,0.2,0,0.4-0.2,0.5C15.7,19,15.6,19,15.5,19z M10,3.6L7.9,7.7C7.9,7.9,7.7,8,7.6,8l-5,0.8l3.3,3.3C6,12.3,6,12.4,6,12.6l-0.8,5l4.6-2.5C9.8,15,9.9,15,10,15c0.1,0,0.2,0,0.2,0.1l4.6,2.5l-0.8-5c0-0.2,0-0.3,0.1-0.4l3.3-3.3l-5-0.8c-0.2,0-0.3-0.1-0.4-0.3"/><path fill="%23ff914c" class="st1" d="M10,3.6L7.9,7.7C7.9,7.9,7.7,8,7.6,8l-5,0.8l3.3,3.3C6,12.3,6,12.4,6,12.6l-0.8,5l4.6-2.5C9.8,15,9.9,15,10,15c0.1,0,0.2,0,0.2,0.1l4.6,2.5l-0.8-5c0-0.2,0-0.3,0.1-0.4l3.3-3.3l-5-0.8c-0.2,0-0.3-0.1-0.4-0.3"/></svg>');
  display: block;
}

.rating-container > .star-cb-clear + label {
  text-indent: -9999px;
  width: 0.5em;
  margin-left: -0.5em;
  opacity: 0;
}

.rating-container > .star-cb-clear + label:before {
  width: 0.5em;
}

.rating-container:hover > input + label:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8,<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve"><title>star</title><path class="st0" fill="%23ff914c" d="M15.5,19c-0.1,0-0.2,0-0.2-0.1L10,16.1l-5.3,2.9c-0.2,0.1-0.4,0.1-0.5,0S4,18.6,4,18.4l1-5.7L1.1,8.9C1,8.7,1,8.5,1,8.3C1.1,8.2,1.2,8,1.4,8l5.7-1l2.4-4.8C9.6,2.1,9.8,2,10,2s0.4,0.1,0.4,0.3L12.8,7l5.7,1c0.2,0,0.3,0.2,0.4,0.3s0,0.4-0.1,0.5L15,12.7l1,5.7c0,0.2,0,0.4-0.2,0.5C15.7,19,15.6,19,15.5,19z M10,3.6L7.9,7.7C7.9,7.9,7.7,8,7.6,8l-5,0.8l3.3,3.3C6,12.3,6,12.4,6,12.6l-0.8,5l4.6-2.5C9.8,15,9.9,15,10,15c0.1,0,0.2,0,0.2,0.1l4.6,2.5l-0.8-5c0-0.2,0-0.3,0.1-0.4l3.3-3.3l-5-0.8c-0.2,0-0.3-0.1-0.4-0.3"/></svg>');
  width: 20px;
  height: 20px;
  display: none;
  border-radius: 100px;
}

.rating-container:hover > input + label:hover ~ label:before,
.rating-container:hover > input + label:hover:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8,<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve"><title>star</title><path class="st0" fill="%23ff914c" d="M15.5,19c-0.1,0-0.2,0-0.2-0.1L10,16.1l-5.3,2.9c-0.2,0.1-0.4,0.1-0.5,0S4,18.6,4,18.4l1-5.7L1.1,8.9C1,8.7,1,8.5,1,8.3C1.1,8.2,1.2,8,1.4,8l5.7-1l2.4-4.8C9.6,2.1,9.8,2,10,2s0.4,0.1,0.4,0.3L12.8,7l5.7,1c0.2,0,0.3,0.2,0.4,0.3s0,0.4-0.1,0.5L15,12.7l1,5.7c0,0.2,0,0.4-0.2,0.5C15.7,19,15.6,19,15.5,19z M10,3.6L7.9,7.7C7.9,7.9,7.7,8,7.6,8l-5,0.8l3.3,3.3C6,12.3,6,12.4,6,12.6l-0.8,5l4.6-2.5C9.8,15,9.9,15,10,15c0.1,0,0.2,0,0.2,0.1l4.6,2.5l-0.8-5c0-0.2,0-0.3,0.1-0.4l3.3-3.3l-5-0.8c-0.2,0-0.3-0.1-0.4-0.3"/><path fill="%23ff914c" class="st1" d="M10,3.6L7.9,7.7C7.9,7.9,7.7,8,7.6,8l-5,0.8l3.3,3.3C6,12.3,6,12.4,6,12.6l-0.8,5l4.6-2.5C9.8,15,9.9,15,10,15c0.1,0,0.2,0,0.2,0.1l4.6,2.5l-0.8-5c0-0.2,0-0.3,0.1-0.4l3.3-3.3l-5-0.8c-0.2,0-0.3-0.1-0.4-0.3"/></svg>');
  display: block;
}

.product-list .rating {
  display: none;
}

.product-list .stars {
  display: block;
}

.stars {
  position: relative;
  width: 90px;
  display: inline-block;
  text-align: left;
}
.stars .star,
.stars .star-filled {
  width: 15px;
  height: 15px;
  background-image: url('data:image/svg+xml;utf8,<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve"><title>star</title><path class="st0" fill="%23ff914c" d="M15.5,19c-0.1,0-0.2,0-0.2-0.1L10,16.1l-5.3,2.9c-0.2,0.1-0.4,0.1-0.5,0S4,18.6,4,18.4l1-5.7L1.1,8.9C1,8.7,1,8.5,1,8.3C1.1,8.2,1.2,8,1.4,8l5.7-1l2.4-4.8C9.6,2.1,9.8,2,10,2s0.4,0.1,0.4,0.3L12.8,7l5.7,1c0.2,0,0.3,0.2,0.4,0.3s0,0.4-0.1,0.5L15,12.7l1,5.7c0,0.2,0,0.4-0.2,0.5C15.7,19,15.6,19,15.5,19z M10,3.6L7.9,7.7C7.9,7.9,7.7,8,7.6,8l-5,0.8l3.3,3.3C6,12.3,6,12.4,6,12.6l-0.8,5l4.6-2.5C9.8,15,9.9,15,10,15c0.1,0,0.2,0,0.2,0.1l4.6,2.5l-0.8-5c0-0.2,0-0.3,0.1-0.4l3.3-3.3l-5-0.8c-0.2,0-0.3-0.1-0.4-0.3"/></svg>');
  opacity: 0.4;
  display: inline-block;
  margin-right: 3px;
  top: 2px;
  position: relative;
}
.stars .star-filled {
  background-image: url('data:image/svg+xml;utf8,<svg  id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 20" style="enable-background:new 0 0 20 20;" xml:space="preserve"><title>star</title><path class="st0" fill="%23ff914c" d="M15.5,19c-0.1,0-0.2,0-0.2-0.1L10,16.1l-5.3,2.9c-0.2,0.1-0.4,0.1-0.5,0S4,18.6,4,18.4l1-5.7L1.1,8.9C1,8.7,1,8.5,1,8.3C1.1,8.2,1.2,8,1.4,8l5.7-1l2.4-4.8C9.6,2.1,9.8,2,10,2s0.4,0.1,0.4,0.3L12.8,7l5.7,1c0.2,0,0.3,0.2,0.4,0.3s0,0.4-0.1,0.5L15,12.7l1,5.7c0,0.2,0,0.4-0.2,0.5C15.7,19,15.6,19,15.5,19z M10,3.6L7.9,7.7C7.9,7.9,7.7,8,7.6,8l-5,0.8l3.3,3.3C6,12.3,6,12.4,6,12.6l-0.8,5l4.6-2.5C9.8,15,9.9,15,10,15c0.1,0,0.2,0,0.2,0.1l4.6,2.5l-0.8-5c0-0.2,0-0.3,0.1-0.4l3.3-3.3l-5-0.8c-0.2,0-0.3-0.1-0.4-0.3"/><path fill="%23ff914c" class="st1" d="M10,3.6L7.9,7.7C7.9,7.9,7.7,8,7.6,8l-5,0.8l3.3,3.3C6,12.3,6,12.4,6,12.6l-0.8,5l4.6-2.5C9.8,15,9.9,15,10,15c0.1,0,0.2,0,0.2,0.1l4.6,2.5l-0.8-5c0-0.2,0-0.3,0.1-0.4l3.3-3.3l-5-0.8c-0.2,0-0.3-0.1-0.4-0.3"/></svg>');
  opacity: 1;
}
.stars .wrapper {
  position: absolute;
  top: 0;
  left: 0;
}

p.rating {
  display: inline-block;
  margin: 0 5px 0 0px;
  font-weight: 300;
  font-size: 0.875rem;
  padding: 0;
}

#reviews textarea {
  width: 100%;
}
#reviews h2 {
  font-size: 20px;
  margin-top: 0px;
  font-weight: 700;
  display: block;
  color: var(--black);
}
#reviews p {
  padding: 0;
}
#reviews p textarea {
  margin-top: 0;
}
#reviews ul {
  margin: 0;
  padding: 0;
}
#reviews ul li {
  list-style: none;
  position: relative;
}
#reviews .woocommerce-review__author {
  font-weight: 300;
  font-size: 14px;
  font-style: italic;
}
#reviews .woocommerce-review__dash,
#reviews .woocommerce-review__published-date {
  display: none;
}
#reviews article {
  position: relative;
  background: transparent;
  border-bottom: 1px solid #ccc;
  padding-bottom: var(--gutter);
}
#reviews .comment-author {
  display: inline-block;
}
#reviews .comment-author b {
  font: var(--tag-font);
  text-transform: uppercase;
}
#reviews .comment-author .says {
  display: none !important;
}
#reviews .comment-author img {
  display: none;
}
#reviews .reply {
  display: none;
}
#reviews .comment-metadata {
  display: none;
}
#reviews .comment-content {
  margin-top: 0px;
}