@import url("https://fonts.googleapis.com/css2?family=Lato&family=Pridi:wght@500&family=Roboto&display=swap");
:root {
  --primary-color: #4b5320;
  --secondary-color: #99a74c;
}
/* iframe[title="powr chat"] {
 display: none !important;
 } */
body {
  margin: 0;
  padding: 0;
}
/* Reset styles */
doogma-wrapper {
  font-family: "Pridi", serif !important;
  display: block;
  height: 100dvh;
  padding-bottom: 0.5rem;
  margin: 0;
  /* background-color: #f7ffc6; */
}
.doogma-wrapper {
  height: 100%;
}
.doogma-sticky {
  /* position: static; */
}
.doogma-nav-component-container {
  margin: 0;
}
.doogma-wrapper .doogma-wrapper-row {
  flex-direction: column !important;
  height: 100%;
  justify-content: space-between;
}
.doogma-col-1 {
  position: static !important;
  padding-top: 0.5rem;
  /* box-shadow: 0px 15px 11px -15px rgba(0, 0, 0, 0.1); */
}
.doogma-col-1 .doogma-vis-wrapper {
  text-align: center;
  overflow-x: auto;
  background: #fff;
}
.doogma-col-2 {
  flex: 1;
  overflow: auto;
  /* background: rgb(255, 225, 230); */
}
/* BEFORE VIS */
.doogma-before-vis-components * {
  margin: 0;
}
.doogma-before-vis-components {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  background: white;
}
.doogma-component-containers-product-data {
  flex: 1;
}
div.doogma-component-containers-product-data
  div[data-container-content="container-product-data0"] {
  flex: 1;
}
div.doogma-component-containers-product-data
  div[data-container-content="container-product-data0"]
  div[data-slug="doogma-container-content-container-product-data-container-product-data0"] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
div.doogma-component-containers-product-data .doogma-product-data > * {
  margin: 0;
  text-align: left;
}
div.doogma-component-containers-product-data .doogma-product-data__price h2 {
  text-align: center;
}
div.doogma-component-containers-product-cta {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
div.doogma-component-containers-product-cta
  div[data-container-content="container-product-cta0"]
  doogma-component-container[data-param="container-product-cta"]
  div.doogma-container-content-inner.doogma-container-nested-inner {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
div.doogma-component-containers-product-cta
  div[data-container-content="container-product-cta0"]
  doogma-component-container[data-param="container-product-cta"]
  div.doogma-container-content-inner.doogma-container-nested-inner
  doogma-counterbox
  .doogma-control-wrapper {
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  border: 1px solid #e1e1e1;
  border-radius: 24px;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
div.doogma-component-containers-product-cta
  div[data-container-content="container-product-cta0"]
  doogma-component-container[data-param="container-product-cta"]
  div.doogma-container-content-inner.doogma-container-nested-inner
  doogma-counterbox
  .doogma-control-wrapper
  button {
  background: transparent;
  padding: 1rem;
  font-size: 24px;
  text-transform: uppercase;
  color: #e1e1e1;
  font-family: sans-serif;
  font-weight: 400;
  transition: 0.2s;
}
div.doogma-component-containers-product-cta
  div[data-container-content="container-product-cta0"]
  doogma-component-container[data-param="container-product-cta"]
  div.doogma-container-content-inner.doogma-container-nested-inner
  doogma-counterbox
  .doogma-control-wrapper
  button:hover {
  color: #8f8f8f;
}
div.doogma-component-containers-product-cta
  div[data-container-content="container-product-cta0"]
  doogma-component-container[data-param="container-product-cta"]
  div.doogma-container-content-inner.doogma-container-nested-inner
  doogma-counterbox
  .doogma-control-wrapper
  input {
  max-width: 50px;
  width: 100%;
  border: none;
  text-align: center;
}
div.doogma-component-containers-product-cta
  div[data-container-content="container-product-cta0"]
  doogma-component-container[data-param="container-product-cta"]
  div.doogma-container-content-inner.doogma-container-nested-inner
  doogma-counterbox
  .doogma-control-wrapper
  input::-webkit-inner-spin-button,
div.doogma-component-containers-product-cta
  div[data-container-content="container-product-cta0"]
  doogma-component-container[data-param="container-product-cta"]
  div.doogma-container-content-inner.doogma-container-nested-inner
  doogma-counterbox
  .doogma-control-wrapper
  input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
div.doogma-component-containers-product-cta
  div[data-container-content="container-product-cta0"]
  doogma-component-container[data-param="container-product-cta"]
  div.doogma-container-content-inner.doogma-container-nested-inner
  doogma-counterbox
  .doogma-control-wrapper
  input[type="number"] {
  -moz-appearance: textfield;
}
div.doogma-component-containers-product-cta
  div[data-container-content="container-product-cta0"]
  doogma-component-container[data-param="container-product-cta"]
  div.doogma-container-content-inner.doogma-container-nested-inner
  button.doogma-add-to-cart-button-bigcommerce-btn.doogma-add-to-cart-button-bigcommerce__btn,
div.doogma-component-containers-product-cta
  div[data-container-content="container-product-cta0"]
  doogma-component-container[data-param="container-product-cta"]
  div.doogma-container-content-inner.doogma-container-nested-inner
  form.form.form-wishlist.form-action {
  text-transform: uppercase;
  font-family: "Roboto Slab", "Poppins", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
}
div.doogma-component-containers-product-cta
  div[data-container-content="container-product-cta0"]
  doogma-component-container[data-param="container-product-cta"]
  div.doogma-container-content-inner.doogma-container-nested-inner
  form.form.form-wishlist.form-action
  a.dropdown-menu-button {
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
div.doogma-component-containers-product-cta
  div[data-container-content="container-product-cta0"]
  doogma-component-container[data-param="container-product-cta"]
  div.doogma-container-content-inner.doogma-container-nested-inner
  button.doogma-add-to-cart-button-bigcommerce-btn.doogma-add-to-cart-button-bigcommerce__btn {
  background-color: var(--primary-color);
  color: #ffffff;
  margin-bottom: 0;
  max-width: 200px;
  width: 100%;
  height: 50px;
  border-radius: 24px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.24);
  transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
div.doogma-component-containers-product-cta
  div[data-container-content="container-product-cta0"]
  doogma-component-container[data-param="container-product-cta"]
  div.doogma-container-content-inner.doogma-container-nested-inner
  button.doogma-add-to-cart-button-bigcommerce-btn.doogma-add-to-cart-button-bigcommerce__btn:hover {
  background-color: var(--secondary-color);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.24);
}
div.doogma-component-containers-product-cta
  div[data-container-content="container-product-cta1"]
  doogma-checkbox[group-param="check-qty"]
  .doogma-control,
div.doogma-component-containers-product-cta
  div[data-container-content="container-product-cta1"]
  doogma-checkbox[group-param="check-colors"]
  .doogma-control {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  text-align: left;
  margin-bottom: 0.75rem;
}
/* Tabs */
.doogma-nav-tabs {
  display: none;
}
.doogma-nav-tabs-content {
  max-width: 900px;
  margin: 0 auto;
}
/* Containers */
.doogma-component-containers-tab-size {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  gap: 2rem;
}
.doogma-component-containers-tab-size div {
  flex: 1;
}
.doogma-component-containers-tab-size doogma-select label {
  color: #000;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.doogma-component-containers-tab-size doogma-select .doogma-select {
  width: 100%;
  max-width: 383px;
  height: 53px;
  border: 1px solid #cdcdcd;
  background: #fff;
}
.doogma-component-containers-tab-extras {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  gap: 2rem;
}
.doogma-html-section-tab-extras {
  font-family: "Roboto", serif !important;
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}
.doogma-checkbox {
  font-family: "Lato", serif !important;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  cursor: pointer;
}
.doogma-checkbox .doogma-control {
  margin-bottom: 0.25rem;
}
.doogma-checkbox .doogma-control input {
  accent-color: var(--primary-color);
}
span.doogma-html-connector {
  display: block;
  margin-top: 0.5rem;
}
/*Tab: Background*/
doogma-component-container[data-nested-content="container-tab-background0"]
  > .doogma-container-nested-inner {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
doogma-color-swatches[param="background"] .doogma-color-swatch-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
}
/*Tab Layout: Text*/
doogma-component-container[data-nested-content="container-tab-text1"]
  .doogma-container-nested-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto auto;
  gap: 1rem;
}
doogma-component-container[data-nested-content="container-tab-text1"]
  .doogma-container-nested-inner
  > doogma-multiline-text,
doogma-component-container[data-nested-content="container-tab-text1"]
  .doogma-container-nested-inner
  > doogma-color-swatches {
  grid-column: 1 / -1;
}
doogma-component-container[data-nested-content="container-tab-text1"]
  .doogma-container-nested-inner
  > doogma-slider-group[group-param="text-sliders"]
  button,
doogma-component-container[data-nested-content="container-tab-text1"]
  .doogma-container-nested-inner
  > doogma-slider-group[group-param="outline-sliders"]
  button {
  margin: 0;
}
doogma-component-container[data-nested-content="container-tab-text1"]
  .doogma-container-nested-inner
  > doogma-slider-group[group-param="text-sliders"]
  button {
  margin-left: auto;
}
doogma-component-container[data-nested-content="container-tab-text1"]
  .doogma-container-nested-inner
  > doogma-slider-group[group-param="outline-sliders"]
  button {
  margin-right: auto;
}
/*Tab Layout: Fade*/
doogma-component-container[data-nested-content="container-tab-fade1"]
  .doogma-container-nested-inner {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
doogma-gallery[param="fade"] .doogma-gallery-container {
  display: flex;
  justify-content: center;
}
doogma-color-swatches[param="fade-color"] .doogma-color-swatch-list {
  gap: 0.25rem;
  justify-content: center;
  align-items: center;
}
/*Tab Layout: Pattern*/
doogma-component-container[data-nested-content="container-tab-pattern1"]
  .doogma-container-nested-inner {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
doogma-gallery[param="pattern"] .doogma-gallery-container {
  display: flex;
  justify-content: center;
}
doogma-color-swatches[param="pattern-color"] .doogma-color-swatch-list {
  gap: 0.25rem;
  justify-content: center;
  align-items: center;
}
/*Tab Layout: Flame*/
doogma-component-container[data-nested-content="container-tab-flame1"]
  .doogma-container-nested-inner {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
doogma-gallery[param="flame"] .doogma-gallery-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
doogma-color-swatches[param="flame-color"] .doogma-color-swatch-list {
  gap: 0.25rem;
  justify-content: center;
  align-items: center;
}
/*Tab Laout: Clipart-1 */
doogma-component-container[data-nested-content="container-tab-clipart-10"]
  > .doogma-container-nested-inner {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
doogma-color-swatches[param="clipart1-color"] .doogma-color-swatch-list,
doogma-color-swatches[param="clipart2-color"] .doogma-color-swatch-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
}
/*Tab Laout: Clipart-2 */
doogma-component-container[data-nested-content="container-tab-clipart-20"]
  > .doogma-container-nested-inner {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
doogma-color-swatches[param="color-clipart-2"] .doogma-color-swatch-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.25rem;
}
/*-------------------- Style components --------------*/
/*Component: Custom Btn*/
.doogma-html-section-container-custom-btn {
  display: flex;
  justify-content: center;
  align-items: center;
}
/*Components: Upload Image, Gallery, Font Swatches and Custom Buttom*/
.doogma-gallery-container {
  position: static;
}
.doogma-gallery-container__cta,
.doogma-single-upload-image
  .doogma-single-upload-image-container
  .doogma-single-upload-image-upload
  .doogma-single-upload-image-label,
.doogma-single-upload-image
  .doogma-single-upload-image-container
  .doogma-single-upload-image-handler
  .doogma-single-upload-image-data-img,
.doogma-html-section-custom-btn {
  width: 226.023px;
  height: 41px;
}
.doogma-gallery-container__modal .doogma-gallery-modal-container-items {
  scrollbar-color: #696969 transparent;
  scrollbar-width: thin;
}
doogma-font-swatches .doogma-swatch-list {
  justify-content: space-evenly;
}
doogma-font-swatches doogma-font-swatch span {
  width: 226.023px !important;
  height: 41px !important;
  border-radius: 37px;
  border: 2px solid var(--primary-color);
  background: #fff !important;
  color: var(--primary-color) !important;
  font-family: "Pridi", serif !important;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  box-shadow: none;
  transition: 0.2s;
}
doogma-font-swatches doogma-font-swatch.active {
  border: none !important;
}
doogma-font-swatches doogma-font-swatch.active span {
  border: none !important;
  background: var(--primary-color) !important;
  color: #fff !important;
}
.doogma-gallery-container__cta .doogma-gallery-btn-open-modal,
.doogma-gallery-container__cta .doogma-gallery-btn-open-modal--option-selected,
.doogma-single-upload-image
  .doogma-single-upload-image-container
  .doogma-single-upload-image-upload
  .doogma-single-upload-image-label,
.doogma-html-section-custom-btn {
  border-radius: 37px;
  border: 2px solid var(--primary-color);
  color: var(--primary-color);
  font-family: "Pridi", serif !important;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  box-shadow: none;
}
.doogma-gallery-container__cta .doogma-gallery-btn-open-modal--option-selected {
  border-radius: 37px 0px 0px 37px;
  color: #fff;
  background: var(--primary-color);
}
.doogma-gallery-container__cta .doogma-gallery-btn-open-modal:hover,
.doogma-single-upload-image
  .doogma-single-upload-image-container
  .doogma-single-upload-image-upload
  .doogma-single-upload-image-label:hover,
.doogma-html-section-custom-btn:hover {
  border-radius: 37px;
  border: 2px solid var(--primary-color);
  background: #cfd998;
  box-shadow: none;
  color: var(--primary-color);
}
.doogma-gallery-container__cta
  .doogma-gallery-btn-open-modal--option-selected:hover {
  border-radius: 37px 0px 0px 37px;
  background: #cfd998;
  box-shadow: none;
  color: var(--primary-color);
}
.doogma-gallery-container__modal {
  background: rgba(0, 0, 0, 0.91);
  z-index: 200;
}
.doogma-gallery-item-container .doogma-gallery-item-label {
  background-color: transparent;
}
.doogma-single-upload-image-label-content__icon {
  display: none;
}
.doogma-single-upload-image
  .doogma-single-upload-image-container
  .doogma-single-upload-image-handler
  .doogma-single-upload-image-data-img {
  border-radius: 37px;
  border: 2px solid var(--primary-color);
  background: var(--primary-color);
  font-family: "Pridi", serif !important;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}
.doogma-single-upload-image
  .doogma-single-upload-image-container
  .doogma-single-upload-image-handler
  .doogma-single-upload-image-data-img
  .doogma-single-upload-image-data-img-action__btn-remove {
  background: var(--primary-color);
}
.doogma-single-upload-image
  .doogma-single-upload-image-container
  .doogma-single-upload-image-handler
  .doogma-single-upload-image-data-img
  .doogma-single-upload-image-data-img-action__btn-remove
  svg {
  width: 17px;
  height: 17px;
}
.doogma-single-upload-image
  .doogma-single-upload-image-container
  .doogma-single-upload-image-guidelines__btn {
  font-family: "Roboto", serif !important;
  color: #0058c9;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
}
.doogma-html-section-custom-btn {
  cursor: pointer;
  background: #fff;
  transition: 0.2s;
}
.doogma-single-upload-image
  .doogma-single-upload-image-container
  .doogma-single-upload-image-handler
  .doogma-single-upload-image-data-img
  .doogma-single-upload-image-data-img-action__btn-remove {
  align-self: auto;
}
.doogma-single-upload-image
  .doogma-single-upload-image-container
  .doogma-single-upload-image-handler
  .doogma-single-upload-image-data-img
  .doogma-single-upload-image-data-img-action__spinner {
  animation: spinner 2s linear infinite;
}
.doogma-single-upload-image-modal-guidelines__backdrop {
  z-index: 300;
}
/* Component: Doogma Slider*/
/* doogma-slider-group[group-param="text-sliders"]
 .doogma-slider-group-container__modal,
 doogma-slider-group[group-param="outline-sliders"]
 .doogma-slider-group-container__modal, */
doogma-slider-group[group-param="fade-sliders"]
  .doogma-slider-group-container__modal,
doogma-slider-group[group-param="flame-sliders"]
  .doogma-slider-group-container__modal {
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: relative;
}
doogma-slider-group[group-param="text-sliders"]
  .doogma-slider-group-container__modal {
  left: auto;
  right: 0;
}
doogma-slider-group[group-param="background-sliders"]
  .doogma-slider-group-container__modal,
doogma-slider-group[group-param="clipart-img-1-sliders"]
  .doogma-slider-group-container__modal,
doogma-slider-group[group-param="clipart-1-sliders"]
  .doogma-slider-group-container__modal,
doogma-slider-group[group-param="clipart-img-2-sliders"]
  .doogma-slider-group-container__modal,
doogma-slider-group[group-param="clipart-2-sliders"]
  .doogma-slider-group-container__modal {
  width: 360px;
  transform: translateY(-80px);
  position: relative;
}
doogma-slider-group[group-param="clipart-1-sliders"]
  .doogma-slider-group-container__modal,
doogma-slider-group[group-param="clipart-2-sliders"]
  .doogma-slider-group-container__modal {
  right: 0;
  left: initial;
}
.doogma-slider-group-container__cta .doogma-slider-group-btn-adjust {
  margin: 0 auto;
  margin-top: 1rem;
  color: var(--primary-color);
  font-family: "Roboto", serif !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
  text-transform: capitalize;
}
.doogma-slider-group-container__cta .doogma-slider-group-btn-adjust svg path {
  fill: var(--primary-color);
}
.doogma-slider-label-bottom {
  font-family: "Pridi", serif !important;
  color: #000;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  /* 187.5% */
  letter-spacing: -0.32px;
  text-transform: capitalize;
}
doogma-slider-group[group-param="slidergroup1"]
  .doogma-slider-group-cta-adjust {
  display: flex;
  justify-content: center;
}
/* 
 doogma-slider-group[group-param="text-sliders"]
 .doogma-slider-group-cta-adjust {
 display: flex;
 justify-content: center;
 } */
doogma-slider-group[group-param="clipart-1-sliders"].doogma-slider-group--show,
doogma-slider-group[group-param="clipart-2-sliders"].doogma-slider-group--show,
doogma-slider-group[group-param="background-sliders"].doogma-slider-group--show,
doogma-slider-group[group-param="fade-sliders"].doogma-slider-group--show,
doogma-slider-group[group-param="flame-sliders"].doogma-slider-group--show,
doogma-slider-group[group-param="clipart-img-1-sliders"].doogma-slider-group--show,
doogma-slider-group[group-param="clipart-img-2-sliders"].doogma-slider-group--show {
  display: block;
}
doogma-slider-group[group-param="clipart-1-sliders"].doogma-slider-group--hide,
doogma-slider-group[group-param="clipart-2-sliders"].doogma-slider-group--hide,
doogma-slider-group[group-param="background-sliders"].doogma-slider-group--hide,
doogma-slider-group[group-param="fade-sliders"].doogma-slider-group--hide,
doogma-slider-group[group-param="flame-sliders"].doogma-slider-group--hide,
doogma-slider-group[group-param="clipart-img-1-sliders"].doogma-slider-group--hide,
doogma-slider-group[group-param="clipart-img-2-sliders"].doogma-slider-group--hide {
  display: none;
}
/* Component Color Swatches */
doogma-color-swatches[param="background"],
doogma-color-swatches[param="clipart1-color"],
doogma-color-swatches[param="clipart2-color"],
doogma-color-swatches[param="fade-color"],
doogma-color-swatches[param="pattern-color"],
doogma-color-swatches[param="flame-color"] {
  margin-top: 1.5rem;
}
/* doogma-color-swatches[param="fade-color"],
 doogma-color-swatches[param="pattern-color"],
 doogma-color-swatches[param="flame-color"] {
 display: block;
 margin-top: 1rem;
 } */
doogma-color-swatches[param="background"].doogma-swatches-color--show,
doogma-color-swatches[param="fade-color"].doogma-swatches-color--show,
doogma-color-swatches[param="pattern-color"].doogma-swatches-color--show,
doogma-color-swatches[param="flame-color"].doogma-swatches-color--show,
doogma-color-swatches[param="clipart1-color"].doogma-swatches-color--show,
doogma-color-swatches[param="clipart2-color"].doogma-swatches-color--show {
  /* margin-top: 1rem; */
  display: block;
}
doogma-color-swatches[param="background"].doogma-swatches-color--hide,
doogma-color-swatches[param="fade-color"].doogma-swatches-color--hide,
doogma-color-swatches[param="pattern-color"].doogma-swatches-color--hide,
doogma-color-swatches[param="flame-color"].doogma-swatches-color--hide,
doogma-color-swatches[param="clipart1-color"].doogma-swatches-color--hide,
doogma-color-swatches[param="clipart2-color"].doogma-swatches-color--hide {
  display: none;
}
doogma-color-swatches[param="text-color"] .doogma-color-swatch-list,
doogma-color-swatches[param="outline-color"] .doogma-color-swatch-list {
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
}
/* Component: Doogma Multiline*/
.doogma-multiline-text-wrapper-controllers {
  justify-content: center;
}
.doogma-multiline-text-wrapper {
  font-size: 18px !important;
}
.doogma-multiline-text-textarea-wrapper {
  height: 100%;
}
.doogma-multiline-text-textarea-wrapper .doogma-multiline-text-textarea {
  font-family: "Pridi", serif !important;
}
.doogma-multiline-text-wrapper-controls-styles {
  width: 100%;
  max-width: 424px;
  height: 116px;
  box-shadow: none;
  border-radius: 12px;
  border: 2px solid var(--primary-color);
  background: #fff;
}
.doogma-multiline-text-container-styles-controls {
  border-bottom: 1px solid var(--primary-color);
}
.doogma-multiline-text-font-family__icon svg {
  fill: var(--primary-color);
}
.doogma-multiline-text-font-family {
  justify-content: flex-start;
}
.doogma-multiline-modal-container__font-family {
  max-width: 420px !important;
  width: 100% !important;
  z-index: 100;
  max-height: 200px;
  overflow-y: scroll;
  scrollbar-color: #696969 transparent;
  scrollbar-width: thin;
}
.doogma-multiline-text-font-family__label,
.doogma-font-family-swatch-list--item {
  color: var(--primary-color);
}
.doogma-font-family-swatch-list--item {
  cursor: pointer;
}
.doogma-font-family-swatch-list--item span {
  align-items: center;
}
/* Footer Navigation */
.doogma-component-containers-footer-navigation {
  width: 100%;
  padding: 15px 15px 0 15px;
}
.doogma-component-containers-footer-navigation
  .doogma-component-containers.doogma-component-containers-footer-navigation {
  /* z-index: 100; */
  height: 72px;
  display: flex;
  align-items: center;
  /* position: sticky; */
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 1rem;
  background-color: var(--primary-color);
  border-radius: 8px;
  filter: none;
  transition: 0.4s;
  box-shadow: 0px -13px 28px -19px rgba(0, 0, 0, 0.1);
}
.doogma-component-containers-footer-navigation
  .doogma-component-containers.doogma-component-containers-footer-navigation:hover {
  filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.3));
}
.doogma-component-containers-footer-navigation
  .doogma-component-containers.doogma-component-containers-footer-navigation
  .doogma-share-button {
  border: none;
}
.doogma-component-containers-footer-navigation
  .doogma-component-containers.doogma-component-containers-footer-navigation
  .doogma-share-button
  svg:hover {
  transition: 0.4s;
}
.doogma-component-containers-footer-navigation
  .doogma-component-containers.doogma-component-containers-footer-navigation
  .doogma-share-button
  svg:hover {
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5));
}
.doogma-component-containers-footer-navigation
  .doogma-component-containers.doogma-component-containers-footer-navigation
  .doogma-share-button-modal-wrapper {
  bottom: 0;
}
.doogma-component-containers-footer-navigation
  .doogma-component-containers.doogma-component-containers-footer-navigation
  div[data-container-content="container-footer-navigation1"] {
  flex: 1;
}
.doogma-component-containers-footer-navigation
  .doogma-component-containers.doogma-component-containers-footer-navigation
  .doogma-nav-arrow
  .doogma-nav-arrow-container {
  justify-content: space-evenly;
}
.doogma-component-containers-footer-navigation
  .doogma-component-containers.doogma-component-containers-footer-navigation
  .doogma-nav-arrow-container__active-text,
.doogma-component-containers-footer-navigation
  .doogma-component-containers.doogma-component-containers-footer-navigation
  .doogma-nav-arrow-container__active-tab {
  color: #fff;
  text-align: center;
  font-family: Pridi;
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
}
.doogma-component-containers-footer-navigation
  .doogma-component-containers.doogma-component-containers-footer-navigation
  .doogma-nav-arrow-container__active-text {
  font-size: 32px;
  font-weight: 500;
}
.doogma-component-containers-footer-navigation
  .doogma-component-containers.doogma-component-containers-footer-navigation
  .doogma-nav-arrow-container__active-tab {
  font-size: 20px;
  font-weight: 400;
}
.doogma-component-containers-footer-navigation
  .doogma-component-containers.doogma-component-containers-footer-navigation
  .doogma-nav-arrow-prev-btn-container,
.doogma-component-containers-footer-navigation
  .doogma-component-containers.doogma-component-containers-footer-navigation
  .doogma-nav-arrow-next-btn-container {
  width: 118px;
  height: 46px;
  border: none;
}
.doogma-component-containers-footer-navigation
  .doogma-component-containers.doogma-component-containers-footer-navigation
  .doogma-nav-arrow
  .doogma-nav-arrow-container
  .doogma-nav-arrow-prev-btn-container__btn,
.doogma-component-containers-footer-navigation
  .doogma-component-containers.doogma-component-containers-footer-navigation
  .doogma-nav-arrow
  .doogma-nav-arrow-container
  .doogma-nav-arrow-next-btn-container__btn,
.doogma-component-containers-footer-navigation
  .doogma-component-containers.doogma-component-containers-footer-navigation
  .doogma-nav-arrow-next-btn-container__btn,
.doogma-component-containers-footer-navigation
  .doogma-component-containers.doogma-component-containers-footer-navigation
  .doogma-nav-arrow-prev-btn-container__btn {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  border-radius: 37px;
  border: none;
  padding: 0.15rem;
  transition: 0.4s;
}
.doogma-component-containers-footer-navigation
  .doogma-component-containers.doogma-component-containers-footer-navigation
  .doogma-nav-arrow
  .doogma-nav-arrow-container
  .doogma-nav-arrow-prev-btn-container__btn:hover,
.doogma-component-containers-footer-navigation
  .doogma-component-containers.doogma-component-containers-footer-navigation
  .doogma-nav-arrow
  .doogma-nav-arrow-container
  .doogma-nav-arrow-next-btn-container__btn:hover {
  box-shadow: 0 0 10px black;
}
.doogma-component-containers-footer-navigation
  .doogma-component-containers.doogma-component-containers-footer-navigation
  .doogma-nav-arrow
  .doogma-nav-arrow-container
  .doogma-nav-arrow-prev-btn-container__btn
  .doogma-nav-arrow-prev-btn-container__text,
.doogma-component-containers-footer-navigation
  .doogma-component-containers.doogma-component-containers-footer-navigation
  .doogma-nav-arrow
  .doogma-nav-arrow-container
  .doogma-nav-arrow-next-btn-container__btn
  .doogma-nav-arrow-next-btn-container__text {
  flex: 1;
}
.doogma-component-containers-footer-navigation
  .doogma-component-containers.doogma-component-containers-footer-navigation
  .doogma-nav-arrow-next-btn-container__content,
.doogma-component-containers-footer-navigation
  .doogma-component-containers.doogma-component-containers-footer-navigation
  .doogma-nav-arrow-prev-btn-container__content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.doogma-component-containers-footer-navigation
  .doogma-component-containers.doogma-component-containers-footer-navigation
  .doogma-nav-arrow
  .doogma-nav-arrow-container
  .doogma-nav-arrow-prev-btn-container__btn:disabled,
.doogma-component-containers-footer-navigation
  .doogma-component-containers.doogma-component-containers-footer-navigation
  .doogma-nav-arrow
  .doogma-nav-arrow-container
  .doogma-nav-arrow-next-btn-container__btn:disabled {
  visibility: hidden;
}
.doogma-checkbox-popup {
  position: absolute;
  z-index: 100;
  border: 1px solid #820808;
  background-color: white;
  color: #820808;
  font-weight: bold;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  opacity: 1;
  transition: 1s;
  box-shadow: -1px 2px 32px -10px rgba(0, 0, 0, 0.33);
}
.doogma-checkbox-popup__content {
  margin: 0 !important;
  padding: 0 !important;
}
.doogma-checkbox-popup--vanish {
  opacity: 0;
}
/* MEDIA QUERIES */
@media only screen and (max-width: 768px) {
  doogma-wrapper {
    padding: 0;
    position: relative;
    z-index: 99999;
    background-color: #fff;
  }
  .doogma-wrapper {
    padding: 0 5px;
  }
  .doogma-wrapper-row {
    gap: 1rem;
  }
  .doogma-wrapper .doogma-wrapper-row .doogma-col-1.doogma-sticky {
    top: 0 !important;
  }
  .doogma-col-2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1rem;
  }
  div[data-container-content="container-product-cta0"]
    doogma-component-container[data-param="container-product-cta"]
    div.doogma-container-content-inner.doogma-container-nested-inner {
    justify-content: space-between;
    padding: 0 15px;
  }
  div.doogma-component-containers-product-cta {
    gap: 1rem;
  }
  doogma-checkbox[param="check-qty"] {
    position: relative;
  }
  doogma-checkbox[param="check-qty"] .doogma-checkbox-popup {
    top: 0;
    left: 15px;
  }
  .doogma-product-cta p {
    margin: 0;
  }
  .doogma-product-data h1,
  .doogma-product-data h2 {
    font-size: 16px !important;
    margin: 0;
  }
  div[data-slug="doogma-container-content-container-product-cta-container-product-cta1"] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 15px;
  }
  .doogma-component-containers-tab-size,
  .doogma-component-containers-tab-extras {
    flex-direction: column;
  }
  .doogma-component-containers-tab-extras {
    gap: 1rem;
  }
  doogma-checkbox[group-param="check-qty"] {
    margin: 0 !important;
  }
  div.doogma-component-containers-product-cta
    div[data-container-content="container-product-cta1"]
    doogma-checkbox[group-param="check-qty"]
    .doogma-control {
    align-items: flex-start;
  }
  div.doogma-component-containers-product-cta
    div[data-container-content="container-product-cta1"]
    doogma-checkbox[group-param="check-qty"]
    .doogma-control
    input {
    margin-top: 5px;
  }
  .doogma-component-containers-footer-navigation {
    padding: 0;
    margin: 0;
  }
  .doogma-nav-arrow-prev-btn-container,
  .doogma-nav-arrow-next-btn-container {
    width: inherit !important;
  }
  .doogma-single-upload-image-modal-guidelines__backdrop {
    z-index: 99999;
  }
  doogma-slider-group[group-param="outline-sliders"]
    .doogma-slider-group-container__modal,
  doogma-slider-group[group-param="text-sliders"]
    .doogma-slider-group-container__modal,
  doogma-slider-group[group-param="fade-sliders"]
    .doogma-slider-group-container__modal,
  doogma-slider-group[group-param="flame-sliders"]
    .doogma-slider-group-container__modal {
    position: absolute;
  }
  doogma-slider-group[group-param="outline-sliders"]
    .doogma-slider-group-container__modal,
  doogma-slider-group[group-param="text-sliders"]
    .doogma-slider-group-container__modal {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  doogma-component-container[data-nested-content="container-tab-text1"]
    .doogma-container-nested-inner
    doogma-slider-group[group-param="outline-sliders"]
    .doogma-slider-group-cta
    .doogma-slider-group-cta-adjust
    button,
  doogma-component-container[data-nested-content="container-tab-text1"]
    .doogma-container-nested-inner
    doogma-slider-group[group-param="text-sliders"]
    .doogma-slider-group-cta
    .doogma-slider-group-cta-adjust
    button {
    margin: 0 auto;
  }
  doogma-component-container[data-nested-content="container-tab-background0"]
    > .doogma-container-nested-inner,
  doogma-component-container[data-nested-content="container-tab-clipart-10"]
    > .doogma-container-nested-inner,
  doogma-component-container[data-nested-content="container-tab-clipart-20"]
    > .doogma-container-nested-inner {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: auto;
    padding-bottom: 1rem;
    gap: 0.5rem;
  }
  doogma-slider-group[group-param="background-sliders"]
    .doogma-slider-group-container__modal,
  doogma-slider-group[group-param="clipart-img-1-sliders"]
    .doogma-slider-group-container__modal,
  doogma-slider-group[group-param="clipart-1-sliders"]
    .doogma-slider-group-container__modal,
  doogma-slider-group[group-param="clipart-img-2-sliders"]
    .doogma-slider-group-container__modal,
  doogma-slider-group[group-param="clipart-2-sliders"]
    .doogma-slider-group-container__modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -35%);
  }
  .doogma-component-containers-footer-navigation {
    /* height: auto; */
    box-shadow: 0px -11px 8px -9px rgba(0, 0, 0, 0.5);
  }
  .doogma-component-containers-footer-navigation .doogma-nav-arrow__container,
  .doogma-nav-arrow__container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    align-items: center;
    justify-items: center;
  }
  .doogma-component-containers-footer-navigation
    .doogma-nav-arrow__container
    .doogma-nav-arrow-prev-btn-container {
    grid-area: 1 / 1 / 6 / 2;
  }
  .doogma-component-containers-footer-navigation
    .doogma-nav-arrow__container
    .doogma-nav-arrow-container__active-text {
    font-size: 20px !important;
    grid-area: 1 / 2 / 2 / 3;
  }
  .doogma-component-containers-footer-navigation
    .doogma-nav-arrow__container
    .doogma-nav-arrow-container__active-tab {
    font-size: 20px !important;
    grid-area: 2 / 2 / 3 / 3;
  }
  .doogma-component-containers-footer-navigation
    .doogma-nav-arrow__container
    .doogma-nav-arrow-next-btn-container {
    grid-area: 1 / 3 / 3 / 4;
  }
  .doogma-component-containers-footer-navigation
    .doogma-nav-arrow-next-btn-container,
  .doogma-component-containers-footer-navigation
    .doogma-nav-arrow-prev-btn-container {
    width: 46px;
  }
  .doogma-component-containers-footer-navigation
    .doogma-nav-arrow-next-btn-container__text,
  .doogma-component-containers-footer-navigation
    .doogma-nav-arrow-prev-btn-container__text {
    display: none;
  }
  .doogma-component-containers-footer-navigation
    .doogma-nav-arrow
    .doogma-nav-arrow-container
    .doogma-nav-arrow-prev-btn-container__btn,
  .doogma-component-containers-footer-navigation
    .doogma-nav-arrow
    .doogma-nav-arrow-container
    .doogma-nav-arrow-next-btn-container__btn {
    padding: 0;
    margin: 0;
    border: 0;
    height: 100%;
    width: 100%;
    padding: 0.15rem;
  }
  doogma-component-container[data-nested-content="container-tab-text1"]
    .doogma-container-nested-inner {
    grid-template-columns: 1fr;
  }
}
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}