/*!
Theme Name: Tupinikeebs
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: tupinikeebs
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Tupinikeebs is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  height: 0;
}

:root {
  /*--theme-color: #b196d6;
  --theme-color-dark: #7349ae;
  --theme-color-light: #ede8f3; */
  --theme-color: #b5e865;
  --theme-color-dark: #557e13;
  --theme-color-light: #f1f9eb;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
li {
  font-family: "Lato", sans-serif;
}

p {
  font-size: 20px;
}

p a {
	color: var(--theme-color-dark);
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

p {
  margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
  background: #fff;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/* Links
--------------------------------------------- */

a:focus {
  outline: thin dotted;
}

a:hover,
a:active {
  outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
  border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
#site-navigation a {
	margin-right: 30px;
}

.main-navigation {
  display: block;
  width: 100%;
}

.main-navigation ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}

.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
  display: block;
  left: auto;
}

.main-navigation ul ul a {
  width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}

.main-navigation li {
  position: relative;
}

.main-navigation a {
  display: block;
  text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }

  .main-navigation ul {
    display: flex;
  }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.card-img {
  position: relative;
  aspect-ratio: 1 / 1;
}

.card-img img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}

h2.arts-title {
  font-size: 1.25rem;
  font-size: clamp(1.25rem, 1.175rem + 0.375vw, 1.625rem);
}

.link-read-more {
  color: #000;
  font-size: 18px;
}

.art-excerpt {
  text-wrap: pretty;
}

.hamburger {
  padding: 0.5em;
  border: 1px solid #fff;
  width: 40px;
  height: 40px;
}

.bar-1,
.bar-3 {
  height: 1px;
  background: #fff;
  margin: 5px 0;
  display: block;
  width: 80%;
}

.bar-2 {
  width: 100%;
  height: 1px;
  background: #fff;
  margin: 5px 0;
  display: block;
}

.bar {
  transition: 0.4s;
}

.mm-open .bar-2 {
  opacity: 0;
}

#mobile-navigation #primary-menu {
  flex-direction: column;
  list-style: none;
  align-items: flex-start;
  margin: 0;
  padding: 2em 0 0;
}

#mobile-navigation {
  display: none;
}

#mobile-navigation li a.box-item {
  padding: 1em 0.8em !important;
}

#mobile-navigation li {
  margin: 0.8em 0;
}

#mobile-navigation li a {
  font-size: 20px;
  text-decoration: none;
}

.mm-open .bar-3 {
  transform: rotate(45deg) translate(-3px, -6px);
}

.mm-open .bar-1 {
  transform: rotate(-45deg) translate(-3px, 5px);
}

#masthead {
  background-color: #0c0c0c;
  padding: 1em;
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
}

#primary-menu {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

#primary-menu li a {
  color: #fff;
  font-size: 18px;
}

.site-title a {
  color: var(--theme-color);
  text-decoration: none;
  font-size: 26px;
  font-weight: 700;
}

.hero {
  background-repeat: no-repeat;
  min-height: 900px;
  background-position: 50% 50%;
  background-size: cover;
  position: relative;
}

.hero::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
}

.hero h1 {
  color: #fff;
  font-size: clamp(1.875rem, 4.747vw + -0.403rem, 3.75rem) !important;
  margin: 0;
}

h2 {
  color: #0c0c0c;
  font-size: clamp(1.563rem, 2.373vw + 0.423rem, 2.5rem);
  font-weight: 600;
}

h3 {
  color: #0c0c0c;
  font-weight: 600;
  font-size: 1.25rem;
  font-size: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem);
}

.hero h1 strong {
  color: var(--theme-color) !important;
  font-weight: 800;
}

.pre-title {
  color: var(--theme-color-dark);
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 800;
}

.box-item {
  border: 1px solid #fff;
  color: #fff;
  text-decoration: none;
  padding: 0.5em 1em;
  font-size: 18px;
  transition: 0.4s;
}

.cta-link {
  margin-top: 5em;
  border: 1px solid #fff;
  color: #fff;
  text-decoration: none;
  padding: 1em;
  font-size: 18px;
  transition: 0.4s;
}

.link-preto {
  border: 1px solid #000;
  color: #000;
  text-decoration: none;
  padding: 1em;
  font-size: 18px;
  transition: 0.4s;
}

.link-preto:hover {
  color: #fff;
  border-color: #000;
  background-color: #000;
}

.cta-link:hover,
.box-item:hover,
.box-item.current_page_item {
  background-color: #fff;
  color: #000 !important;
  text-decoration: none !important;
}

.box-item:hover a,
.box-item.current_page_item a {
  color: #000 !important;
  text-decoration: none !important;
}

.menu-item a {
  color: #fff !important;
}

.menu-item a:hover {
  text-decoration: underline;
}

.bg-hl {
  background-color: var(--theme-color-light);
}

.col-hl h3 {
  margin-top: 1em;
  color: #000;
  font-size: 1.375rem;
  font-size: clamp(
    1.375rem,
    1.2231012658227849rem + 0.31645569620253167vw,
    1.5rem
  );
  font-weight: 600;
}

.hl-img {
  position: relative;
  min-height: 400px;
  margin: 1.5em 0;
}

.hl-img img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

.accordion-body {
  padding-left: 0px;
}

.accordion-button {
  color: #000;
  font-size: 20px;
  font-family: "Lato", sans-serif;
  font-weight: 600;
  padding-left: 0px;
  line-height: 1.5;
}

.accordion-button:not(.collapsed) {
  background-color: #fff !important;
  border: none;
  color: #000;
}

.accordion-button:focus {
  box-shadow: none !important;
}

label {
  display: block !important;
  font-family: "Lato", sans-serif;
  font-size: 18px;
  color: #1c1c1c;
}

input,
textarea,
select {
  width: 100%;
  font-size: 18px;
  padding: 0.6em;
}

.frm_error_style {
  color: red;
}

.frm_message p {
  color: var(--theme-color-dark);
}

.frm_button_submit {
  background-color: var(--theme-color);
  border: none;
  font-size: 20px !important;
  border-radius: 0;
  padding: 0.8em 2em;
  color: #000 !important;
  border: 1px solid var(--theme-color);
  transition: 0.4s;
  border-radius: 0 !important;
}

.frm_button_submit:hover {
  background-color: #fff;
  border: 1px solid var(--theme-color-dark);
  color: var(--theme-color-dark);
}

.frm_form_field {
  margin-bottom: 1em;
}

.frm_required {
  color: red;
}

fieldset {
  padding: 0;
}

.post,
.page {
  margin: 0 0 1.5em;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.sbi_bio {
	color: var(--theme-color-dark);
}

/*Footer */
#colophon {
  background-color: #0c0c0c;
}

.copywright {
  color: #fff;
  margin-bottom: 0;
  font-size: 16px;
  padding-bottom: 0.2em;
}

.link-some {
  width: fit-content;
  margin-right: 1em;
}

.some {
  padding: 0.8em;
  display: block;
  background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 50%;
  width: fit-content;
}

/*SHOP */
.woocommerce-product-gallery__trigger {
  display: none !important;
}

.wc-block-components-product-name, .wc-block-components-totals-shipping__change-address__link {
  color: var(--theme-color-dark);
}

.wc-block-components-radio-control__option {
  padding: 1em 1em 1em 3.25em !important;
}

.product_title, .entry-title {
  color: #0c0c0c;
  font-size: clamp(1.563rem, 2.373vw + 0.423rem, 2.5rem);
  font-weight: 600;
  margin: 0;
}

.single-product .price {
  color: var(--theme-color-dark);
  text-transform: uppercase;
  font-size: 22px;
  font-weight: 800;
}

.single_add_to_cart_button, .woocommerce-EditAccountForm .woocommerce-Button, .woocommerce-address-fields .button, .form-row .woocommerce-form-login__submit,
.woocommerce-form-row .woocommerce-form-register__submit, .woocommerce-ResetPassword .button {
  background-color: #b5e865;
  color: #000;
  font-size: 18px;
  border-radius: 0;
  border: none;
  font-weight: 500;
  padding: 1.2em 2em;
}

.single .cart .quantity-nav .quantity-button {
  background-color: #fff;
  padding: 0.4em 0.75em;
  font-size: 24px;
  font-weight: 500;
  width: fit-content;
}


.woocommerce-form-login__rememberme {
  display: flex !important;
  align-items: center;
  margin-bottom: 1em;
}

#rememberme {
  height: 20px;
  width: 20px;
  margin-right: 1em;
}

.cart .quantity-nav .quantity-button.quantity-up {
  right: 0;
}

.link-read-more {
	color: var(--theme-color-dark) !important;
	font-weight: 700;
}

.entry-summary {
  margin-top: 0;
}

.wp-block-product-new.wc-block-product-new {
  display: none;
}

.wp-block-woocommerce-empty-cart-block {
  padding: 3em 0;
}

.woocommerce .quantity {
  display: inline-block;
  position: relative;
  border: 1px solid #cbcbde;
  margin-right: 1em;
}

#respond > #reply-title {
  font-weight: 600;
}

.review::marker {
  display: none;
  color: #fff;
}

.cart input.qty {
  padding: 10px 50px;
  width: 190px !important;
  height: 59px;
  border: none;
  font-size: 20px;
  line-height: 1;
  background: transparent;
  text-align: center;
  color: #000;
}

.product-type-composite .col-product-img {
  display: none;
}

.product-type-composite .col-prod-content {
  width: 100%;
}

.wooco_component_product_short_description {
  display: none;
}

.wooco_component_product_selection_grid_item_image {
  position: relative;
  aspect-ratio: 1/ 1;
  max-height: 300px;
  margin: 1em;
}

.wooco_component_name {
  font-size: 24px;
  color: #0c0c0c;
}

.wooco_component_product_selection_grid_item_image img {
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
}

.quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  appearance: none;
  margin: 0; 
}

.cart .quantity-nav .quantity-button {
  display: block;
  width: 41px;
  height: 41px;
  cursor: pointer;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: auto 0;
  z-index: 1;
  background: #fff;
  font-size: 30px;
  text-align: center;
  line-height: 1;
  color: #cbcbde;
}

.woocommerce-EditAccountForm legend {
  color: #000;
  font-family: "Lato";
  font-weight: 500;
}

.cart .quantity-nav .quantity-button {
  display: block;
  width: 41px;
  height: 41px;
  cursor: pointer;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: auto 0;
  z-index: 1;
  background: #fff;
  font-size: 33px;
  text-align: center;
  line-height: 1;
}

.cart .quantity-nav .quantity-button:hover {
  color: #3a3a5b;
}

.entry-summary > form {
  display: flex;
  align-items: center;
}

.single-product ul {
  margin-left: 0;
}

.single-product ul li {
  font-size: 20px;
}

.woocommerce-product-details__short-description a {
  color: var(--theme-color-dark);
}

.woocommerce-tabs a {
  color: #8a8b89;
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;
  text-decoration: none;
}

#tab-title-reviews, #tab-title-technical, #tab-title-additional_information  {
  margin-left: 2em;
}

.woocommerce .star-rating span{
  font-family:star;
}

.star-rating span::before {
  color: var(--theme-color-dark) !important;
}

.comment-respond .form-submit #submit {
  background-color: var(--theme-color);
  color: #000;
  width: fit-content;
  padding: 1em 2em;
  border: none;
  border-radius: 0;
  font-size: 20px;
  font-weight: 500;
}

.commentlist {
  margin: 0;
  padding: 0;
}
.woocommerce-info, .woocommerce-noreviews, p.no-comments, .woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments {
  background-color: rgba(0, 0, 0, 0.0) !important;
}

.woocommerce-tabs li.active a {
  color: var(--theme-color-dark);
}
 

.tabs.wc-tabs {
  border-bottom: 1px solid #cbcbde;
  border-top: 1px solid #cbcbde;
}

#comments .review img {
  display: none;
}

#reply-title, .comment-form-rating label, .comment-form-comment label {
  font-size: 20px;
  font-family: "Lato", sans-serif;
}

.added_to_cart.wc-forward {
  display: none !important;
}

.comment_container .meta{
  margin-bottom: 0;
}

.woocommerce-review-link {
  color: #000;
}

.woocommerce-Tabs-panel a {
  text-transform: inherit;
  color: var(--theme-color-dark);
  text-decoration: underline;
  font-weight: normal;
}

.woocommerce-tabs ul.tabs {
  display: flex;
}

.woocommerce-tabs ul.tabs li,
.woocommerce-tabs ul.tabs li a {
  max-width: fit-content !important;
}

.wc-block-components-button.wc-block-components-checkout-place-order-button,
.wc-block-components-totals-coupon__button {
  background-color: var(--theme-color);
  color: #000;
  font-size: 20px;
  border: none;
  border-radius: 0;
  font-weight: 500;
}

.wc-block-components-checkout-return-to-cart-button {
  font-size: 20px;
}

.woocommerce-checkout input[type="text"] {
  border-radius: 0 !important;
}

.wc-block-components-totals-coupon a {
  color: var(--theme-color-dark);
}

.wc-block-components-checkbox label {
  position: relative;
}

.wc-block-components-checkbox label svg {
  position: absolute;
}

.wc-block-components-checkbox .wc-block-components-checkbox__mark {
  left: 0;
}

.add_to_cart_button {
  font-size: 20px;
  color: #000;
  text-decoration: none;
  background-color: var(--theme-color);
  display: block;
  width: fit-content;
  margin: 1em 0;
  padding: 0.75em 2em;
  font-weight: 500;
}

.woocommerce-LoopProduct-link {
  text-decoration: none;
}

.woocommerce-LoopProduct-link bdi {
  color: var(--theme-color-dark);
  font-size: 18px;
  font-weight: 600;
}

.woocommerce-products-header__title {
  color: #0c0c0c;
  font-size: clamp(1.563rem, 2.373vw + 0.423rem, 2.5rem);
  font-weight: 600;
}

.prod-img-wrap {
  aspect-ratio: 1 / 1;
  position: relative;
}

.prod-img-wrap img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}

ul.products {
  display: flex;
  flex-wrap: wrap;
}



#shop-navigation {
  width: fit-content;
}

#shop-navigation ul {
  list-style: none;
  margin: 0;
  display: flex;
}

.cart-link .cart-contents {
  background-image: url("data:image/svg+xml,%3Csvg width='94' height='94' viewBox='0 0 94 94' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 3.375C0 2.5462 0.32924 1.75134 0.915291 1.16529C1.50134 0.57924 2.2962 0.25 3.125 0.25H12.5C13.1971 0.250193 13.8741 0.483442 14.4233 0.912655C14.9726 1.34187 15.3626 1.9424 15.5312 2.61875L18.0625 12.75H90.625C91.0872 12.7503 91.5435 12.8531 91.9612 13.0509C92.3788 13.2488 92.7474 13.5369 93.0403 13.8944C93.3332 14.2518 93.5432 14.6698 93.6551 15.1183C93.767 15.5667 93.7781 16.0343 93.6875 16.4875L87.4375 47.7375C87.3008 48.419 86.9408 49.0354 86.4144 49.4893C85.8881 49.9432 85.2254 50.2087 84.5312 50.2437L25.8 53.1937L27.5937 62.75H81.25C82.0788 62.75 82.8737 63.0792 83.4597 63.6653C84.0458 64.2513 84.375 65.0462 84.375 65.875C84.375 66.7038 84.0458 67.4987 83.4597 68.0847C82.8737 68.6708 82.0788 69 81.25 69H25C24.2715 68.9993 23.566 68.7441 23.0057 68.2785C22.4453 67.8129 22.0653 67.1661 21.9313 66.45L12.5625 16.5438L10.0625 6.5H3.125C2.2962 6.5 1.50134 6.17076 0.915291 5.58471C0.32924 4.99866 0 4.2038 0 3.375ZM19.3875 19L24.6375 46.9938L81.7875 44.125L86.8125 19H19.3875ZM31.25 69C27.9348 69 24.7554 70.317 22.4112 72.6612C20.067 75.0054 18.75 78.1848 18.75 81.5C18.75 84.8152 20.067 87.9946 22.4112 90.3388C24.7554 92.683 27.9348 94 31.25 94C34.5652 94 37.7446 92.683 40.0888 90.3388C42.433 87.9946 43.75 84.8152 43.75 81.5C43.75 78.1848 42.433 75.0054 40.0888 72.6612C37.7446 70.317 34.5652 69 31.25 69ZM75 69C71.6848 69 68.5054 70.317 66.1612 72.6612C63.817 75.0054 62.5 78.1848 62.5 81.5C62.5 84.8152 63.817 87.9946 66.1612 90.3388C68.5054 92.683 71.6848 94 75 94C78.3152 94 81.4946 92.683 83.8388 90.3388C86.183 87.9946 87.5 84.8152 87.5 81.5C87.5 78.1848 86.183 75.0054 83.8388 72.6612C81.4946 70.317 78.3152 69 75 69ZM31.25 75.25C32.9076 75.25 34.4973 75.9085 35.6694 77.0806C36.8415 78.2527 37.5 79.8424 37.5 81.5C37.5 83.1576 36.8415 84.7473 35.6694 85.9194C34.4973 87.0915 32.9076 87.75 31.25 87.75C29.5924 87.75 28.0027 87.0915 26.8306 85.9194C25.6585 84.7473 25 83.1576 25 81.5C25 79.8424 25.6585 78.2527 26.8306 77.0806C28.0027 75.9085 29.5924 75.25 31.25 75.25ZM75 75.25C76.6576 75.25 78.2473 75.9085 79.4194 77.0806C80.5915 78.2527 81.25 79.8424 81.25 81.5C81.25 83.1576 80.5915 84.7473 79.4194 85.9194C78.2473 87.0915 76.6576 87.75 75 87.75C73.3424 87.75 71.7527 87.0915 70.5806 85.9194C69.4085 84.7473 68.75 83.1576 68.75 81.5C68.75 79.8424 69.4085 78.2527 70.5806 77.0806C71.7527 75.9085 73.3424 75.25 75 75.25Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  height: 26px;
  width: 27px;
  display: block;
}

.myacc-link a i {
  height: 28px;
  width: 28px;
  display: block;
  margin-right: 1em;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 50C54.9728 50 59.7419 48.0246 63.2583 44.5083C66.7746 40.9919 68.75 36.2228 68.75 31.25C68.75 26.2772 66.7746 21.5081 63.2583 17.9917C59.7419 14.4754 54.9728 12.5 50 12.5C45.0272 12.5 40.2581 14.4754 36.7417 17.9917C33.2254 21.5081 31.25 26.2772 31.25 31.25C31.25 36.2228 33.2254 40.9919 36.7417 44.5083C40.2581 48.0246 45.0272 50 50 50ZM62.5 31.25C62.5 34.5652 61.183 37.7446 58.8388 40.0888C56.4946 42.433 53.3152 43.75 50 43.75C46.6848 43.75 43.5054 42.433 41.1612 40.0888C38.817 37.7446 37.5 34.5652 37.5 31.25C37.5 27.9348 38.817 24.7554 41.1612 22.4112C43.5054 20.067 46.6848 18.75 50 18.75C53.3152 18.75 56.4946 20.067 58.8388 22.4112C61.183 24.7554 62.5 27.9348 62.5 31.25ZM87.5 81.25C87.5 87.5 81.25 87.5 81.25 87.5H18.75C18.75 87.5 12.5 87.5 12.5 81.25C12.5 75 18.75 56.25 50 56.25C81.25 56.25 87.5 75 87.5 81.25ZM81.25 81.225C81.2437 79.6875 80.2875 75.0625 76.05 70.825C71.975 66.75 64.3063 62.5 50 62.5C35.6937 62.5 28.025 66.75 23.95 70.825C19.7125 75.0625 18.7625 79.6875 18.75 81.225H81.25Z' fill='white'/%3E%3C/svg%3E%0A");

}

.cart-contents {
  position: relative;
}

.cart-contents .count {
  color: #000;
  background-color: var(--theme-color);
  border: 1px solid #000;
  border-radius: 50%;
  font-size: 13px;
  position: absolute;
  top: -0.8em;
  right: -0.5em;
  padding:0 0.3em;
}

.cart-contents .amount {
  display: none;
}

.wc-block-cart__submit-container a {
  background-color: var(--theme-color);
  color: #000;
  font-size: 20px;
  border: none;
  border-radius: 0;
  font-weight: 500;
  padding: 0.8em 0;
  text-decoration: none;
  margin-top: 1em;
  margin-left: 0.5em;
}

.woocommerce-order-overview, .woocommerce-table .col-12 {
  font-size: 20px;
}

.woocommerce-order-overview strong, .woocommerce-table .col-12 strong {
  font-weight: 20px;
}

.woocommerce-table .col-12  a {
  color: var(--theme-color-dark);
}
.woocommerce-table__product-name, .woocommerce-table__product-table {
  font-size: 18;
  font-weight: 500;
  text-transform: uppercase;
}

.products.columns-4 .woocommerce-Price-amount bdi {
  color: #000 !important;
}

.products .price {
  color: #000;
  font-size: 18px;
  font-weight: 600;
}

.page-template-default .woocommerce a {
  color: var(--theme-color-dark);
}

.page-template-default .woocommerce {
  font-size: 20px;
}

.woocommerce-MyAccount-content {
  padding: 0;
}
/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}

.widget select {
  max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

.option-group.sgg-init {
	padding: 0 !important;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

#cmplz-message-1-optin p {
	font-size: 14px;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;

  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;

  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

@media screen and (max-width: 768px) {
  .hero {
    min-height: 500px;
  }
}

@media screen and (max-width: 520px) {
  .woocommerce-tabs ul.tabs {
    flex-direction: column;
  }

  #tab-title-reviews, #tab-title-technical, #tab-title-additional_information {
    margin-left: 0em;
  }

  .product-template-default .cart {
    align-items: flex-start;
    flex-direction: column;
  }

  .woocommerce .quantity {
    margin-bottom: 1em;
  }

}