/* SIPA FET Themes */
/* This file contains the CSS for the SIPA FET themes. */

/* Color Variables */

:root {
  /* base colors */
  --sipa-blue: #0000FF; 
  --sipa-white: #ffffff; 
  --sipa-black: #000000;
  --sipa-gray: #808080;
  --sipa-green: #008000;
  --sipa-red: #af0000;
  --sipa-orange: #ff7700;
  --sipa-yellow: #fbff00;
  --sipa-purple: #8600ba;
  --sipa-lightblue: #00a3d0;
  /* opposite colors */
  --sipa-blue-opposite: #ffffff;
  --sipa-white-opposite: #000000;
  --sipa-black-opposite: #ffffff;
  --sipa-gray-opposite: #ebebeb;
  --sipa-green-opposite: #ffffff;
  --sipa-red-opposite: #ffffff;
  --sipa-orange-opposite: #ffffff;
  --sipa-yellow-opposite: #000000;
  --sipa-purple-opposite: #ffffff;
  --sipa-lightblue-opposite: #ffffff; 
  /* base padding */
  --sipa-padding-zero: 0;
  --sipa-padding-mini: 1rem;
  --sipa-padding-default: 0;
  --sipa-padding-maxi: 2rem;
  --sipa-padding-huge: 4rem;
  /* base border with */
  --sipa-border-zero: 0;
  --sipa-border-mini: 1px;
  --sipa-border-default: 0;
  --sipa-border-maxi: 3px;
  --sipa-border-huge: 5px;
  /* base radius with */
  --sipa-radius-zero: 0;
  --sipa-radius-mini: .5rem;
  --sipa-radius-default: 1rem;
  --sipa-radius-maxi: 2rem;
  --sipa-radius-huge: 3rem;
  /* base items gap */
  --sipa-gap-zero: 0;
  --sipa-gap-mini: .25rem;
  --sipa-gap-default: 1rem;
  --sipa-gap-maxi: 2.5rem;
  --sipa-gap-huge: 5rem;
}

/* Base Margins * Paddings */

.sipa-content > * > .text > *,
.sipa-slick > .slick-list > .slick-track > * > .text > * {
  margin: 0;
}
.sipa-content > * > .text > * + *,
.sipa-slick > .slick-list > .slick-track > * > .text > * + *  {
  margin-top: 1.4rem;
}
.sipa-content > * > .text > :is(h1,h2,h3,h4,h5,h6) + *:not(.action),
.sipa-slick > .slick-list > .slick-track > * > .text > :is(h1,h2,h3,h4,h5,h6) + *:not(.action)  {
  margin-top: .2rem;
}

/* CTA Style */

.sipa-content[sipa-design*="cta_button"] > * > .text > .action > a  {
  display: inline-block;
  vertical-align: middle;
  padding: .6rem 1.2rem;
  font-weight: bold;
  border: 1px solid transparent;
  text-decoration: none;
}
.sipa-content[sipa-design*="cta_button"] > * > .text > .action > a::after,
.sipa-slick[sipa-design*="cta_button"] > .slick-list > .slick-track > * > .text > .action > a::after {
  content: "\E839";
  font-family: 'sipico' ;
  margin: 0 .5rem;
  line-height: 1;
}
.sipa-content[sipa-design*="cta_button"][sipa-design*="radius_mini"] > * > .text > .action > a,
.sipa-content[sipa-design*="text_abs"][sipa-design*="radius_mini"] > * > a._go {
  border-radius: var(--sipa-radius-mini);
}
.sipa-content[sipa-design*="cta_button"][sipa-design*="radius_maxi"] > * > .text > .action > a,
.sipa-content[sipa-design*="text_abs"][sipa-design*="radius_maxi"] > * > a._go {
  border-radius: var(--sipa-radius-maxi);
}
.sipa-content[sipa-design*="cta_button"][sipa-design*="radius_huge"] > * > .text > .action > a,
.sipa-content[sipa-design*="text_abs"][sipa-design*="radius_huge"] > * > a._go {
  border-radius: var(--sipa-radius-huge);
}


/* stick link */
.sipa-content[sipa-design*="text_abs"] > * > a._go {
  background-color: rgba(0,0,0,0);
}
.sipa-content[sipa-design*="text_abs"] > *:hover > a._go {
  background-color: rgba(0,0,0,.55);
  -webkit-backdrop-filter: blur(0.4rem);
  backdrop-filter: blur(0.4rem);
}
.sipa-content[sipa-design*="text_abs"] > * > video ~ a._go,
.sipa-content[sipa-design*="text_abs"] > *:hover > video ~ a._go {
  background-color: transparent;
  -webkit-backdrop-filter: unset;
  backdrop-filter: unset;
}

/* Accordeon Styles */
.sipa-accordeon[sipa-design*="radius_mini"],
.sipa-accordeon[sipa-design*="radius_mini"] > *,
.sipa-accordeon[sipa-design*="radius_mini"] > * > details > summary {
  border-radius: var(--sipa-radius-mini);
}
.sipa-accordeon[sipa-design*="radius_maxi"],
.sipa-accordeon[sipa-design*="radius_maxi"] > *,
.sipa-accordeon[sipa-design*="radius_maxi"] > * > details > summary {
  border-radius: var(--sipa-radius-maxi);
}
.sipa-accordeon[sipa-design*="radius_huge"],
.sipa-accordeon[sipa-design*="radius_maxi"] > *,
.sipa-accordeon[sipa-design*="radius_huge"] > * > details > summary {
  border-radius: var(--sipa-radius-huge);
}

.sipa-accordeon[sipa-design*="padding_mini"] > * > details > summary > *,
.sipa-accordeon[sipa-design*="padding_mini"] > * > details > .detail {
  padding: var(--sipa-radius-mini);
}
.sipa-accordeon[sipa-design*="padding_maxi"] > * > details > summary > *,
.sipa-accordeon[sipa-design*="padding_maxi"] > * > details > .detail {
  padding: var(--sipa-radius-maxi);
}
.sipa-accordeon[sipa-design*="padding_huge"] > * > details > summary > *,
.sipa-accordeon[sipa-design*="padding_huge"] > * > details > .detail {
  padding: var(--sipa-radius-huge);
}

.sipa-accordeon[sipa-design*="border_zero"],
.sipa-accordeon[sipa-design*="border_zero"] > *,
.sipa-accordeon[sipa-design*="border_zero"] > li + li {
  border:none;
}
.sipa-accordeon[sipa-design*="gap_mini"] > li + li {
  margin-top: var(--sipa-gap-mini);
}
.sipa-accordeon[sipa-design*="gap_maxi"] > li + li {
  margin-top: var(--sipa-gap-maxi);
}
.sipa-accordeon[sipa-design*="gap_huge"] > li + li {
  margin-top: var(--sipa-gap-huge);
}

/* Blue Theme */

.sipa-content[sipa-design*="blue"],
.sipa-content[sipa-design*="blue"] > *,
.sipa-content[sipa-design*="blue"] > * > .text,
.sipa-content[sipa-design*="blue"] > * > .text :is(h1, h2, h3, h4, h5, h6, p, ol, ul, li, span, a, blockquote, div, table, time, code, details, summary),
.sipa-pagination[sipa-design*="blue"],
.sipa-pagination[sipa-design*="blue"] > * {
  color: var(--sipa-blue);
}

.sipa-content[sipa-design*="blue"][sipa-design*="grid_bg_fill"],
.sipa-pagination[sipa-design*="blue"][sipa-design*="pg_bg_fill"] > :is(span,a) {
  background-color: var(--sipa-blue);
}

.sipa-content[sipa-design*="blue"][sipa-design*="grid_bg_fill"] > * > .text,
.sipa-content[sipa-design*="blue"][sipa-design*="grid_bg_fill"] > * > .text :is(h1, h2, h3, h4, h5, h6, p, ol, ul, li, span, a, blockquote, div, table, time, code, details, summary),
.sipa-pagination[sipa-design*="blue"][sipa-design*="pg_bg_fill"] > :is(span,a) {
  color: var(--sipa-blue-opposite);
}

.sipa-content[sipa-design*="blue"][sipa-design*="items_bg_fill"] > *,
.sipa-content[sipa-design*="blue"][sipa-design*="text_bg_fill"] > * > .text {
  background-color: var(--sipa-blue);
}

.sipa-content[sipa-design*="blue"][sipa-design*="items_bg_fill"] > * > .text,
.sipa-content[sipa-design*="blue"][sipa-design*="items_bg_fill"] > * > .text :is(h1, h2, h3, h4, h5, h6, p, ol, ul, li, span, a, blockquote, div, table, time, code, details, summary),
.sipa-content[sipa-design*="blue"][sipa-design*="text_bg_fill"] > * > .text,
.sipa-content[sipa-design*="blue"][sipa-design*="text_bg_fill"] > * > .text :is(h1, h2, h3, h4, h5, h6, p, ol, ul, li, span, a, blockquote, div, table, time, code, details, summary) {
  color: var(--sipa-blue-opposite);
}
.sipa-content[sipa-design*="blue"][sipa-design*="grid_border_"],
.sipa-content[sipa-design*="blue"][sipa-design*="items_border_"] > *,
.sipa-pagination[sipa-design*="blue"] > :is(span,a) {
  border-color: var(--sipa-blue);
}

.sipa-pagination[sipa-design*="blue"] > a:hover,
.sipa-pagination[sipa-design*="blue"] > span.current {
  background-color: var(--sipa-blue);
  color:var(--sipa-blue-opposite) ;
}
.sipa-pagination[sipa-design*="blue"][sipa-design*="pg_bg_fill"] > a:hover,
.sipa-pagination[sipa-design*="blue"][sipa-design*="pg_bg_fill"] > span.current {
  background-color:var(--sipa-blue-opposite) ;
  color: var(--sipa-blue);
}

.sipa-content[sipa-design*="cta_button"][sipa-design*="blue"] > * > .text > .action > a {
  border-color: var(--sipa-blue);
}
.sipa-content[sipa-design*="cta_button"][sipa-design*="blue"] > *:hover > .text > .action > a {
  background-color: var(--sipa-blue);
  color: var(--sipa-blue-opposite);
}

.sipa-content[sipa-design*="cta_button"][sipa-design*="blue"]:is([sipa-design*="grid_bg_fill"],[sipa-design*="items_bg_fill"],[sipa-design*="text_bg_fill"]) > * > .text > .action > a {
  border-color: var(--sipa-blue-opposite);
  background-color: var(--sipa-blue-opposite);
  color: var(--sipa-blue);
}
.sipa-content[sipa-design*="cta_button"][sipa-design*="blue"]:is([sipa-design*="grid_bg_fill"],[sipa-design*="items_bg_fill"],[sipa-design*="text_bg_fill"]) > *:hover > .text > .action > a {
  background-color: var(--sipa-blue);
  color: var(--sipa-blue-opposite);
}
.sipa-accordeon[sipa-design*="blue"],
.sipa-accordeon[sipa-design*="blue"] > li + li,
.sipa-accordeon[sipa-design*="blue"] details > summary::after {
  border-color: var(--sipa-blue) ;
}
.sipa-accordeon[sipa-design*="blue"] details[open] > summary::after {
  border-color: var(--sipa-blue-opposite) ;
}
.sipa-accordeon[sipa-design*="blue"] > * > details > :is(summary,.detail),
.sipa-accordeon[sipa-design*="blue"] > * > details > :is(summary,.detail) > * {
  color: var(--sipa-blue);
}
.sipa-accordeon[sipa-design*="blue"] details[open] > summary {
  background-color: var(--sipa-blue);
}
.sipa-accordeon[sipa-design*="blue"] details[open] > summary > * {
  color: var(--sipa-blue-opposite);
}
.sipa-accordeon[sipa-design*="blue"][sipa-design*="bg_fill"] details > summary {
  background-color: var(--sipa-blue);
}
.sipa-accordeon[sipa-design*="blue"][sipa-design*="bg_fill"] > * > details > summary,
.sipa-accordeon[sipa-design*="blue"][sipa-design*="bg_fill"] > * > details > summary > * {
  color: var(--sipa-blue-opposite);
}
.sipa-accordeon[sipa-design*="blue"][sipa-design*="bg_fill"] > li + li {
  border-color: var(--sipa-blue-opposite);
}
.sipa-accordeon[sipa-design*="blue"][sipa-design*="bg_fill"] details > summary::after {
  border-color: var(--sipa-blue-opposite) ;
}
.sipa-accordeon[sipa-design*="blue"][sipa-design*="bg_fill"] > * > details > .detail {
  background-color: var(--sipa-blue-opposite) ;
}
.sipa-slick[sipa-design*="blue"] > .slick-list > .slick-track > *,
.sipa-slick[sipa-design*="blue"] > .slick-list > .slick-track > * > *,
.sipa-slick[sipa-design*="blue"] > .slick-list > .slick-track > * > .text :is(h1,h2,h3,h4,h5,h6,p,div,table,ol,ul,blockquote,code,summary,details,a) {
  color: var(--sipa-blue);
}
.sipa-slick[sipa-design*="blue"][sipa-design*="bg_fill"] > .slick-list > .slick-track > *,
.sipa-slick[sipa-design*="blue"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > *,
.sipa-slick[sipa-design*="blue"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > .text :is(h1,h2,h3,h4,h5,h6,p,div,table,ol,ul,blockquote,code,summary,details,a) {
  color: var(--sipa-blue-opposite);
}
.sipa-slick[sipa-design*="blue"] .slick-arrow {
  background-color: var(--sipa-blue-opposite);
  color: var(--sipa-blue);
}
.sipa-slick[sipa-design*="blue"][sipa-design*="bg_fill"] .slick-arrow {
  background-color: var(--sipa-blue);
  color: var(--sipa-blue-opposite);
}
.sipa-slick[sipa-design*="blue"] .slick-arrow:hover {
  background-color: var(--sipa-blue);
  color: var(--sipa-blue-opposite);
}
.sipa-slick[sipa-design*="blue"][sipa-design*="bg_fill"] .slick-arrow:hover {
  background-color: var(--sipa-blue-opposite);
  color: var(--sipa-blue);
}
.sipa-slick[sipa-design*="blue"] .slick-dots > li > button {
  background-color: var(--sipa-blue);
}
.sipa-slick[sipa-design*="blue"][sipa-design*="bg_fill"] .slick-dots > li > button {
  background-color: var(--sipa-blue-opposite);
}
.sipa-slick[sipa-design*="blue"] .slick-dots > li:hover > button,
.sipa-slick[sipa-design*="blue"] .slick-dots > li.slick-active > button {
  background-color: var(--sipa-blue-opposite);
}
.sipa-slick[sipa-design*="blue"][sipa-design*="bg_fill"] .slick-dots > li:hover > button,
.sipa-slick[sipa-design*="blue"][sipa-design*="bg_fill"] .slick-dots > li.slick-active > button {
  background-color: var(--sipa-blue);
}

.sipa-slick[sipa-design*="blue"][sipa-design*="slide_bg_fill"],
.sipa-slick[sipa-design*="blue"][sipa-design*="items_bg_fill"] > .slick-list > .slick-track > *::before,
.sipa-slick[sipa-design*="blue"][sipa-design*="text_bg_fill"] > .slick-list > .slick-track > * > .text {
  background-color: var(--sipa-blue) ;
}
.sipa-slick[sipa-design*="blue"] > .slick-list > .slick-track > * > .text > .prod-actions a[class*="to_cart"] {
  background-color: var(--sipa-blue);
  border-color:var(--sipa-blue) ;
  color: var(--sipa-blue-opposite);
}
.sipa-slick[sipa-design*="blue"] > .slick-list > .slick-track > * > .text > .prod-actions a[class*="to_cart"]:hover {
  background-color: var(--sipa-blue-opposite);
  color: var(--sipa-blue);
}
.sipa-slick[sipa-design*="blue"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > .text > .prod-actions a[class*="to_cart"] {
  background-color: var(--sipa-blue-opposite);
  border-color: var(--sipa-blue-opposite);
  color: var(--sipa-blue);
}
.sipa-slick[sipa-design*="blue"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > .text > .prod-actions a[class*="to_cart"]:hover {
  background-color: var(--sipa-blue);
  color: var(--sipa-blue-opposite);
}
.sipa-slick[sipa-design*="blue"][sipa-design*="items_border"] > .slick-list > .slick-track > *::before {
  border-color:var(--sipa-blue)
}
.sipa-slick[sipa-design*="blue"][sipa-design*="cta_button"] > .slick-list > .slick-track > * > .text > .action > a._go {
  border-color: var(--sipa-blue);
} 
.sipa-slick[sipa-design*="blue"][sipa-design*="cta_button"] > .slick-list > .slick-track > *:hover > .text > .action > a._go {
  background-color: var(--sipa-blue);
  color: var(--sipa-blue-opposite) ;
}
.sipa-slick[sipa-design*="blue"][sipa-design*="cta_button"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > .text > .action > a._go {
  border-color: var(--sipa-blue-opposite);
} 
.sipa-slick[sipa-design*="blue"][sipa-design*="cta_button"][sipa-design*="bg_fill"] > .slick-list > .slick-track > *:hover > .text > .action > a._go {
  background-color: var(--sipa-blue-opposite);
  color: var(--sipa-blue) ;
}  

/* White Theme */

.sipa-content[sipa-design*="white"],
.sipa-content[sipa-design*="white"] > *,
.sipa-content[sipa-design*="white"] > * > .text,
.sipa-content[sipa-design*="white"] > * > .text :is(h1, h2, h3, h4, h5, h6, p, ol, ul, li, span, a, blockquote, div, table, time, code, details, summary),
.sipa-pagination[sipa-design*="white"],
.sipa-pagination[sipa-design*="white"] > * {
  color: var(--sipa-white);
}

.sipa-content[sipa-design*="white"][sipa-design*="grid_bg_fill"],
.sipa-pagination[sipa-design*="white"][sipa-design*="pg_bg_fill"] > :is(span,a) {
  background-color: var(--sipa-white);
}

.sipa-content[sipa-design*="white"][sipa-design*="grid_bg_fill"] > * > .text,
.sipa-content[sipa-design*="white"][sipa-design*="grid_bg_fill"] > * > .text :is(h1, h2, h3, h4, h5, h6, p, ol, ul, li, span, a, blockquote, div, table, time, code, details, summary),
.sipa-pagination[sipa-design*="white"][sipa-design*="pg_bg_fill"] > :is(span,a) {
  color: var(--sipa-white-opposite);
}

.sipa-content[sipa-design*="white"][sipa-design*="items_bg_fill"] > *,
.sipa-content[sipa-design*="white"][sipa-design*="text_bg_fill"] > * > .text {
  background-color: var(--sipa-white);
}

.sipa-content[sipa-design*="white"][sipa-design*="items_bg_fill"] > * > .text,
.sipa-content[sipa-design*="white"][sipa-design*="items_bg_fill"] > * > .text :is(h1, h2, h3, h4, h5, h6, p, ol, ul, li, span, a, blockquote, div, table, time, code, details, summary),
.sipa-content[sipa-design*="white"][sipa-design*="text_bg_fill"] > * > .text,
.sipa-content[sipa-design*="white"][sipa-design*="text_bg_fill"] > * > .text :is(h1, h2, h3, h4, h5, h6, p, ol, ul, li, span, a, blockquote, div, table, time, code, details, summary) {
  color: var(--sipa-white-opposite);
}
.sipa-content[sipa-design*="white"][sipa-design*="grid_border_"],
.sipa-content[sipa-design*="white"][sipa-design*="items_border_"] > *,
.sipa-pagination[sipa-design*="white"] > :is(span,a) {
  border-color: var(--sipa-white);
}
.sipa-pagination[sipa-design*="white"] > a:hover,
.sipa-pagination[sipa-design*="white"] > span.current {
  background-color: var(--sipa-white);
  color:var(--sipa-white-opposite) ;
}
.sipa-pagination[sipa-design*="white"][sipa-design*="pg_bg_fill"] > a:hover,
.sipa-pagination[sipa-design*="white"][sipa-design*="pg_bg_fill"] > span.current {
  background-color:var(--sipa-white-opposite) ;
  color: var(--sipa-white);
}

.sipa-content[sipa-design*="cta_button"][sipa-design*="white"] > * > .text > .action > a {
  border-color: var(--sipa-white);
}
.sipa-content[sipa-design*="cta_button"][sipa-design*="white"] > *:hover > .text > .action > a {
  background-color: var(--sipa-white);
  color: var(--sipa-white-opposite);
}

.sipa-content[sipa-design*="cta_button"][sipa-design*="white"]:is([sipa-design*="grid_bg_fill"],[sipa-design*="items_bg_fill"],[sipa-design*="text_bg_fill"]) > * > .text > .action > a {
  border-color: var(--sipa-white-opposite);
  background-color: var(--sipa-white-opposite);
  color: var(--sipa-white);
}
.sipa-content[sipa-design*="cta_button"][sipa-design*="white"]:is([sipa-design*="grid_bg_fill"],[sipa-design*="items_bg_fill"],[sipa-design*="text_bg_fill"]) > *:hover > .text > .action > a {
  background-color: var(--sipa-white);
  color: var(--sipa-white-opposite);
}
.sipa-accordeon[sipa-design*="white"],
.sipa-accordeon[sipa-design*="white"] > li + li,
.sipa-accordeon[sipa-design*="white"] details > summary::after {
  border-color: var(--sipa-white) ;
}
.sipa-accordeon[sipa-design*="white"] details[open] > summary::after {
  border-color: var(--sipa-white-opposite) ;
}
.sipa-accordeon[sipa-design*="white"] > * > details > :is(summary,.detail),
.sipa-accordeon[sipa-design*="white"] > * > details > :is(summary,.detail) > * {
  color: var(--sipa-white);
}
.sipa-accordeon[sipa-design*="white"] details[open] > summary {
  background-color: var(--sipa-white);
}
.sipa-accordeon[sipa-design*="white"] details[open] > summary > * {
  color: var(--sipa-white-opposite);
}
.sipa-accordeon[sipa-design*="white"][sipa-design*="bg_fill"] details > summary {
  background-color: var(--sipa-white);
}
.sipa-accordeon[sipa-design*="white"][sipa-design*="bg_fill"] > * > details > summary,
.sipa-accordeon[sipa-design*="white"][sipa-design*="bg_fill"] > * > details > summary > * {
  color: var(--sipa-white-opposite);
}
.sipa-accordeon[sipa-design*="white"][sipa-design*="bg_fill"] > li + li {
  border-color: var(--sipa-white-opposite);
}
.sipa-accordeon[sipa-design*="white"][sipa-design*="bg_fill"] details > summary::after {
  border-color: var(--sipa-white-opposite) ;
}
.sipa-accordeon[sipa-design*="white"][sipa-design*="bg_fill"] > * > details > .detail {
  background-color: var(--sipa-white-opposite) ;
}
.sipa-slick[sipa-design*="white"] > .slick-list > .slick-track > *,
.sipa-slick[sipa-design*="white"] > .slick-list > .slick-track > * > *,
.sipa-slick[sipa-design*="white"] > .slick-list > .slick-track > * > .text :is(h1,h2,h3,h4,h5,h6,p,div,table,ol,ul,blockquote,code,summary,details,a) {
  color: var(--sipa-white);
}
.sipa-slick[sipa-design*="white"][sipa-design*="bg_fill"] > .slick-list > .slick-track > *,
.sipa-slick[sipa-design*="white"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > *,
.sipa-slick[sipa-design*="white"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > .text :is(h1,h2,h3,h4,h5,h6,p,div,table,ol,ul,blockquote,code,summary,details,a) {
  color: var(--sipa-white-opposite);
}
.sipa-slick[sipa-design*="white"] .slick-arrow {
  background-color: var(--sipa-white-opposite);
  color: var(--sipa-white);
}
.sipa-slick[sipa-design*="white"][sipa-design*="bg_fill"] .slick-arrow {
  background-color: var(--sipa-white);
  color: var(--sipa-white-opposite);
}
.sipa-slick[sipa-design*="white"] .slick-arrow:hover {
  background-color: var(--sipa-white);
  color: var(--sipa-white-opposite);
}
.sipa-slick[sipa-design*="white"][sipa-design*="bg_fill"] .slick-arrow:hover {
  background-color: var(--sipa-white-opposite);
  color: var(--sipa-white);
}
.sipa-slick[sipa-design*="white"] .slick-dots > li > button {
  background-color: var(--sipa-white);
  border: 1px solid var(--sipa-white-opposite);
}
.sipa-slick[sipa-design*="white"][sipa-design*="bg_fill"] .slick-dots > li > button {
  background-color: var(--sipa-white-opposite);
}
.sipa-slick[sipa-design*="white"] .slick-dots > li:hover > button,
.sipa-slick[sipa-design*="white"] .slick-dots > li.slick-active > button {
  background-color: var(--sipa-white-opposite);
}
.sipa-slick[sipa-design*="white"][sipa-design*="bg_fill"] .slick-dots > li:hover > button,
.sipa-slick[sipa-design*="white"][sipa-design*="bg_fill"] .slick-dots > li.slick-active > button {
  background-color: var(--sipa-white);
}

.sipa-slick[sipa-design*="white"][sipa-design*="slide_bg_fill"],
.sipa-slick[sipa-design*="white"][sipa-design*="items_bg_fill"] > .slick-list > .slick-track > *::before,
.sipa-slick[sipa-design*="white"][sipa-design*="text_bg_fill"] > .slick-list > .slick-track > * > .text {
  background-color: var(--sipa-white) ;
}
.sipa-slick[sipa-design*="white"] > .slick-list > .slick-track > * > .text > .prod-actions a[class*="to_cart"] {
  background-color: var(--sipa-white);
  border-color:var(--sipa-white) ;
  color: var(--sipa-white-opposite);
}
.sipa-slick[sipa-design*="white"] > .slick-list > .slick-track > * > .text > .prod-actions a[class*="to_cart"]:hover {
  background-color: var(--sipa-white-opposite);
  color: var(--sipa-white);
}
.sipa-slick[sipa-design*="white"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > .text > .prod-actions a[class*="to_cart"] {
  background-color: var(--sipa-white-opposite);
  border-color: var(--sipa-white-opposite);
  color: var(--sipa-white);
}
.sipa-slick[sipa-design*="white"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > .text > .prod-actions a[class*="to_cart"]:hover {
  background-color: var(--sipa-white);
  color: var(--sipa-white-opposite);
}
.sipa-slick[sipa-design*="white"][sipa-design*="items_border"] > .slick-list > .slick-track > *::before {
  border-color:var(--sipa-white)
}
.sipa-slick[sipa-design*="white"][sipa-design*="cta_button"] > .slick-list > .slick-track > * > .text > .action > a._go {
  border-color: var(--sipa-white);
} 
.sipa-slick[sipa-design*="white"][sipa-design*="cta_button"] > .slick-list > .slick-track > *:hover > .text > .action > a._go {
  background-color: var(--sipa-white);
  color: var(--sipa-white-opposite) ;
}
.sipa-slick[sipa-design*="white"][sipa-design*="cta_button"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > .text > .action > a._go {
  border-color: var(--sipa-white-opposite);
} 
.sipa-slick[sipa-design*="white"][sipa-design*="cta_button"][sipa-design*="bg_fill"] > .slick-list > .slick-track > *:hover > .text > .action > a._go {
  background-color: var(--sipa-white-opposite);
  color: var(--sipa-white) ;
}  

/* Black Theme */

.sipa-content[sipa-design*="black"],
.sipa-content[sipa-design*="black"] > *,
.sipa-content[sipa-design*="black"] > * > .text,
.sipa-content[sipa-design*="black"] > * > .text :is(h1, h2, h3, h4, h5, h6, p, ol, ul, li, span, a, blockquote, div, table, time, code, details, summary),
.sipa-pagination[sipa-design*="black"],
.sipa-pagination[sipa-design*="black"] > * {
  color: var(--sipa-black);
}

.sipa-content[sipa-design*="black"][sipa-design*="grid_bg_fill"],
.sipa-pagination[sipa-design*="black"][sipa-design*="pg_bg_fill"] > :is(span,a) {
  background-color: var(--sipa-black);
}

.sipa-content[sipa-design*="black"][sipa-design*="grid_bg_fill"] > * > .text,
.sipa-content[sipa-design*="black"][sipa-design*="grid_bg_fill"] > * > .text :is(h1, h2, h3, h4, h5, h6, p, ol, ul, li, span, a, blockquote, div, table, time, code, details, summary),
.sipa-pagination[sipa-design*="black"][sipa-design*="pg_bg_fill"] > :is(span,a) {
  color: var(--sipa-black-opposite);
}

.sipa-content[sipa-design*="black"][sipa-design*="items_bg_fill"] > *,
.sipa-content[sipa-design*="black"][sipa-design*="text_bg_fill"] > * > .text {
  background-color: var(--sipa-black);
}

.sipa-content[sipa-design*="black"][sipa-design*="items_bg_fill"] > * > .text,
.sipa-content[sipa-design*="black"][sipa-design*="items_bg_fill"] > * > .text :is(h1, h2, h3, h4, h5, h6, p, ol, ul, li, span, a, blockquote, div, table, time, code, details, summary),
.sipa-content[sipa-design*="black"][sipa-design*="text_bg_fill"] > * > .text,
.sipa-content[sipa-design*="black"][sipa-design*="text_bg_fill"] > * > .text :is(h1, h2, h3, h4, h5, h6, p, ol, ul, li, span, a, blockquote, div, table, time, code, details, summary) {
  color: var(--sipa-black-opposite);
}
.sipa-content[sipa-design*="black"][sipa-design*="grid_border_"],
.sipa-content[sipa-design*="black"][sipa-design*="items_border_"] > *,
.sipa-pagination[sipa-design*="black"] > :is(span,a) {
    border-color: var(--sipa-black);
}
.sipa-pagination[sipa-design*="black"] > a:hover,
.sipa-pagination[sipa-design*="black"] > span.current {
  background-color: var(--sipa-black);
  color:var(--sipa-black-opposite) ;
}
.sipa-pagination[sipa-design*="black"][sipa-design*="pg_bg_fill"] > a:hover,
.sipa-pagination[sipa-design*="black"][sipa-design*="pg_bg_fill"] > span.current {
  background-color:var(--sipa-black-opposite) ;
  color: var(--sipa-black);
}
.sipa-content[sipa-design*="cta_button"][sipa-design*="black"] > * > .text > .action > a {
  border-color: var(--sipa-black);
}
.sipa-content[sipa-design*="cta_button"][sipa-design*="black"] > *:hover > .text > .action > a {
  background-color: var(--sipa-black);
  color: var(--sipa-black-opposite);
}

.sipa-content[sipa-design*="cta_button"][sipa-design*="black"]:is([sipa-design*="grid_bg_fill"],[sipa-design*="items_bg_fill"],[sipa-design*="text_bg_fill"]) > * > .text > .action > a {
  border-color: var(--sipa-black-opposite);
  background-color: var(--sipa-black-opposite);
  color: var(--sipa-black);
}
.sipa-content[sipa-design*="cta_button"][sipa-design*="black"]:is([sipa-design*="grid_bg_fill"],[sipa-design*="items_bg_fill"],[sipa-design*="text_bg_fill"]) > *:hover > .text > .action > a {
  background-color: var(--sipa-black);
  color: var(--sipa-black-opposite);
}
.sipa-accordeon[sipa-design*="black"],
.sipa-accordeon[sipa-design*="black"] > li + li,
.sipa-accordeon[sipa-design*="black"] details > summary::after {
  border-color: var(--sipa-black) ;
}
.sipa-accordeon[sipa-design*="black"] details[open] > summary::after {
  border-color: var(--sipa-black-opposite) ;
}
.sipa-accordeon[sipa-design*="black"] > * > details > :is(summary,.detail),
.sipa-accordeon[sipa-design*="black"] > * > details > :is(summary,.detail) > * {
  color: var(--sipa-black);
}
.sipa-accordeon[sipa-design*="black"] details[open] > summary {
  background-color: var(--sipa-black);
}
.sipa-accordeon[sipa-design*="black"] details[open] > summary > * {
  color: var(--sipa-black-opposite);
}
.sipa-accordeon[sipa-design*="black"][sipa-design*="bg_fill"] details > summary {
  background-color: var(--sipa-black);
}
.sipa-accordeon[sipa-design*="black"][sipa-design*="bg_fill"] > * > details > summary,
.sipa-accordeon[sipa-design*="black"][sipa-design*="bg_fill"] > * > details > summary > * {
  color: var(--sipa-black-opposite);
}
.sipa-accordeon[sipa-design*="black"][sipa-design*="bg_fill"] > li + li {
  border-color: var(--sipa-black-opposite);
}
.sipa-accordeon[sipa-design*="black"][sipa-design*="bg_fill"] details > summary::after {
  border-color: var(--sipa-black-opposite) ;
}
.sipa-accordeon[sipa-design*="black"][sipa-design*="bg_fill"] > * > details > .detail {
  background-color: var(--sipa-black-opposite) ;
}
.sipa-slick[sipa-design*="black"] > .slick-list > .slick-track > *,
.sipa-slick[sipa-design*="black"] > .slick-list > .slick-track > * > *,
.sipa-slick[sipa-design*="black"] > .slick-list > .slick-track > * > .text :is(h1,h2,h3,h4,h5,h6,p,div,table,ol,ul,blockquote,code,summary,details,a) {
  color: var(--sipa-black);
}
.sipa-slick[sipa-design*="black"][sipa-design*="bg_fill"] > .slick-list > .slick-track > *,
.sipa-slick[sipa-design*="black"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > *,
.sipa-slick[sipa-design*="black"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > .text :is(h1,h2,h3,h4,h5,h6,p,div,table,ol,ul,blockquote,code,summary,details,a) {
  color: var(--sipa-black-opposite);
}
.sipa-slick[sipa-design*="black"] .slick-arrow {
  background-color: var(--sipa-black-opposite);
  color: var(--sipa-black);
}
.sipa-slick[sipa-design*="black"][sipa-design*="bg_fill"] .slick-arrow {
  background-color: var(--sipa-black);
  color: var(--sipa-black-opposite);
}
.sipa-slick[sipa-design*="black"] .slick-arrow:hover {
  background-color: var(--sipa-black);
  color: var(--sipa-black-opposite);
}
.sipa-slick[sipa-design*="black"][sipa-design*="bg_fill"] .slick-arrow:hover {
  background-color: var(--sipa-black-opposite);
  color: var(--sipa-black);
}
.sipa-slick[sipa-design*="black"] .slick-dots > li > button {
  background-color: var(--sipa-black);
}
.sipa-slick[sipa-design*="black"][sipa-design*="bg_fill"] .slick-dots > li > button {
  background-color: var(--sipa-black-opposite);
}
.sipa-slick[sipa-design*="black"] .slick-dots > li:hover > button,
.sipa-slick[sipa-design*="black"] .slick-dots > li.slick-active > button {
  background-color: var(--sipa-black-opposite);
}
.sipa-slick[sipa-design*="black"][sipa-design*="bg_fill"] .slick-dots > li:hover > button,
.sipa-slick[sipa-design*="black"][sipa-design*="bg_fill"] .slick-dots > li.slick-active > button {
  background-color: var(--sipa-black);
}

.sipa-slick[sipa-design*="black"][sipa-design*="slide_bg_fill"],
.sipa-slick[sipa-design*="black"][sipa-design*="items_bg_fill"] > .slick-list > .slick-track > *::before,
.sipa-slick[sipa-design*="black"][sipa-design*="text_bg_fill"] > .slick-list > .slick-track > * > .text {
  background-color: var(--sipa-black) ;
}
.sipa-slick[sipa-design*="black"] > .slick-list > .slick-track > * > .text > .prod-actions a[class*="to_cart"] {
  background-color: var(--sipa-black);
  border-color:var(--sipa-black) ;
  color: var(--sipa-black-opposite);
}
.sipa-slick[sipa-design*="black"] > .slick-list > .slick-track > * > .text > .prod-actions a[class*="to_cart"]:hover {
  background-color: var(--sipa-black-opposite);
  color: var(--sipa-black);
}
.sipa-slick[sipa-design*="black"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > .text > .prod-actions a[class*="to_cart"] {
  background-color: var(--sipa-black-opposite);
  border-color: var(--sipa-black-opposite);
  color: var(--sipa-black);
}
.sipa-slick[sipa-design*="black"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > .text > .prod-actions a[class*="to_cart"]:hover {
  background-color: var(--sipa-black);
  color: var(--sipa-black-opposite);
}
.sipa-slick[sipa-design*="black"][sipa-design*="items_border"] > .slick-list > .slick-track > *::before {
  border-color:var(--sipa-black)
}
.sipa-slick[sipa-design*="black"][sipa-design*="cta_button"] > .slick-list > .slick-track > * > .text > .action > a._go {
  border-color: var(--sipa-black);
} 
.sipa-slick[sipa-design*="black"][sipa-design*="cta_button"] > .slick-list > .slick-track > *:hover > .text > .action > a._go {
  background-color: var(--sipa-black);
  color: var(--sipa-black-opposite) ;
}
.sipa-slick[sipa-design*="black"][sipa-design*="cta_button"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > .text > .action > a._go {
  border-color: var(--sipa-black-opposite);
} 
.sipa-slick[sipa-design*="black"][sipa-design*="cta_button"][sipa-design*="bg_fill"] > .slick-list > .slick-track > *:hover > .text > .action > a._go {
  background-color: var(--sipa-black-opposite);
  color: var(--sipa-black) ;
}  


/* Gray Theme */

.sipa-content[sipa-design*="gray"],
.sipa-content[sipa-design*="gray"] > *,
.sipa-content[sipa-design*="gray"] > * > .text,
.sipa-content[sipa-design*="gray"] > * > .text :is(h1, h2, h3, h4, h5, h6, p, ol, ul, li, span, a, blockquote, div, table, time, code, details, summary),
.sipa-pagination[sipa-design*="gray"],
.sipa-pagination[sipa-design*="gray"] > * {
  color: var(--sipa-gray);
}

.sipa-content[sipa-design*="gray"][sipa-design*="grid_bg_fill"],
.sipa-pagination[sipa-design*="gray"][sipa-design*="pg_bg_fill"] > :is(span,a) {
  background-color: var(--sipa-gray);
}

.sipa-content[sipa-design*="gray"][sipa-design*="grid_bg_fill"] > * > .text,
.sipa-content[sipa-design*="gray"][sipa-design*="grid_bg_fill"] > * > .text :is(h1, h2, h3, h4, h5, h6, p, ol, ul, li, span, a, blockquote, div, table, time, code, details, summary),
.sipa-pagination[sipa-design*="gray"][sipa-design*="pg_bg_fill"] > :is(span,a) {
  color: var(--sipa-gray-opposite);
}

.sipa-content[sipa-design*="gray"][sipa-design*="items_bg_fill"] > *,
.sipa-content[sipa-design*="gray"][sipa-design*="text_bg_fill"] > * > .text {
  background-color: var(--sipa-gray);
}

.sipa-content[sipa-design*="gray"][sipa-design*="items_bg_fill"] > * > .text,
.sipa-content[sipa-design*="gray"][sipa-design*="items_bg_fill"] > * > .text :is(h1, h2, h3, h4, h5, h6, p, ol, ul, li, span, a, blockquote, div, table, time, code, details, summary),
.sipa-content[sipa-design*="gray"][sipa-design*="text_bg_fill"] > * > .text,
.sipa-content[sipa-design*="gray"][sipa-design*="text_bg_fill"] > * > .text :is(h1, h2, h3, h4, h5, h6, p, ol, ul, li, span, a, blockquote, div, table, time, code, details, summary) {
  color: var(--sipa-gray-opposite);
}
.sipa-content[sipa-design*="gray"][sipa-design*="grid_border_"],
.sipa-content[sipa-design*="gray"][sipa-design*="items_border_"] > *,
.sipa-pagination[sipa-design*="gray"] > :is(span,a) {
    border-color: var(--sipa-gray);
}
.sipa-pagination[sipa-design*="gray"] > a:hover,
.sipa-pagination[sipa-design*="gray"] > span.current {
  background-color: var(--sipa-gray);
  color:var(--sipa-gray-opposite) ;
}
.sipa-pagination[sipa-design*="gray"][sipa-design*="pg_bg_fill"] > a:hover,
.sipa-pagination[sipa-design*="gray"][sipa-design*="pg_bg_fill"] > span.current {
  background-color:var(--sipa-gray-opposite) ;
  color: var(--sipa-gray);
}
.sipa-content[sipa-design*="cta_button"][sipa-design*="gray"] > * > .text > .action > a {
  border-color: var(--sipa-gray);
}
.sipa-content[sipa-design*="cta_button"][sipa-design*="gray"] > *:hover > .text > .action > a {
  background-color: var(--sipa-gray);
  color: var(--sipa-gray-opposite);
}

.sipa-content[sipa-design*="cta_button"][sipa-design*="gray"]:is([sipa-design*="grid_bg_fill"],[sipa-design*="items_bg_fill"],[sipa-design*="text_bg_fill"]) > * > .text > .action > a {
  border-color: var(--sipa-gray-opposite);
  background-color: var(--sipa-gray-opposite);
  color: var(--sipa-gray);
}
.sipa-content[sipa-design*="cta_button"][sipa-design*="gray"]:is([sipa-design*="grid_bg_fill"],[sipa-design*="items_bg_fill"],[sipa-design*="text_bg_fill"]) > *:hover > .text > .action > a {
  background-color: var(--sipa-gray);
  color: var(--sipa-gray-opposite);
}
.sipa-accordeon[sipa-design*="gray"],
.sipa-accordeon[sipa-design*="gray"] > li + li,
.sipa-accordeon[sipa-design*="gray"] details > summary::after {
  border-color: var(--sipa-gray) ;
}
.sipa-accordeon[sipa-design*="gray"] details[open] > summary::after {
  border-color: var(--sipa-gray-opposite) ;
}
.sipa-accordeon[sipa-design*="gray"] > * > details > :is(summary,.detail),
.sipa-accordeon[sipa-design*="gray"] > * > details > :is(summary,.detail) > * {
  color: var(--sipa-gray);
}
.sipa-accordeon[sipa-design*="gray"] details[open] > summary {
  background-color: var(--sipa-gray);
}
.sipa-accordeon[sipa-design*="gray"] details[open] > summary > * {
  color: var(--sipa-gray-opposite);
}
.sipa-accordeon[sipa-design*="gray"][sipa-design*="bg_fill"] details > summary {
  background-color: var(--sipa-gray);
}
.sipa-accordeon[sipa-design*="gray"][sipa-design*="bg_fill"] > * > details > summary,
.sipa-accordeon[sipa-design*="gray"][sipa-design*="bg_fill"] > * > details > summary > * {
  color: var(--sipa-gray-opposite);
}
.sipa-accordeon[sipa-design*="gray"][sipa-design*="bg_fill"] > li + li {
  border-color: var(--sipa-gray-opposite);
}
.sipa-accordeon[sipa-design*="gray"][sipa-design*="bg_fill"] details > summary::after {
  border-color: var(--sipa-gray-opposite) ;
}
.sipa-accordeon[sipa-design*="gray"][sipa-design*="bg_fill"] > * > details > .detail {
  background-color: var(--sipa-gray-opposite) ;
}
.sipa-slick[sipa-design*="gray"] > .slick-list > .slick-track > *,
.sipa-slick[sipa-design*="gray"] > .slick-list > .slick-track > * > *,
.sipa-slick[sipa-design*="gray"] > .slick-list > .slick-track > * > .text :is(h1,h2,h3,h4,h5,h6,p,div,table,ol,ul,blockquote,code,summary,details,a) {
  color: var(--sipa-gray);
}
.sipa-slick[sipa-design*="gray"][sipa-design*="bg_fill"] > .slick-list > .slick-track > *,
.sipa-slick[sipa-design*="gray"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > *,
.sipa-slick[sipa-design*="gray"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > .text :is(h1,h2,h3,h4,h5,h6,p,div,table,ol,ul,blockquote,code,summary,details,a) {
  color: var(--sipa-gray-opposite);
}
.sipa-slick[sipa-design*="gray"] .slick-arrow {
  background-color: var(--sipa-gray-opposite);
  color: var(--sipa-gray);
}
.sipa-slick[sipa-design*="gray"][sipa-design*="bg_fill"] .slick-arrow {
  background-color: var(--sipa-gray);
  color: var(--sipa-gray-opposite);
}
.sipa-slick[sipa-design*="gray"] .slick-arrow:hover {
  background-color: var(--sipa-gray);
  color: var(--sipa-gray-opposite);
}
.sipa-slick[sipa-design*="gray"][sipa-design*="bg_fill"] .slick-arrow:hover {
  background-color: var(--sipa-gray-opposite);
  color: var(--sipa-gray);
}
.sipa-slick[sipa-design*="gray"] .slick-dots > li > button {
  background-color: var(--sipa-gray);
}
.sipa-slick[sipa-design*="gray"][sipa-design*="bg_fill"] .slick-dots > li > button {
  background-color: var(--sipa-gray-opposite);
}
.sipa-slick[sipa-design*="gray"] .slick-dots > li:hover > button,
.sipa-slick[sipa-design*="gray"] .slick-dots > li.slick-active > button {
  background-color: var(--sipa-gray-opposite);
}
.sipa-slick[sipa-design*="gray"][sipa-design*="bg_fill"] .slick-dots > li:hover > button,
.sipa-slick[sipa-design*="gray"][sipa-design*="bg_fill"] .slick-dots > li.slick-active > button {
  background-color: var(--sipa-gray);
}

.sipa-slick[sipa-design*="gray"][sipa-design*="slide_bg_fill"],
.sipa-slick[sipa-design*="gray"][sipa-design*="items_bg_fill"] > .slick-list > .slick-track > *::before,
.sipa-slick[sipa-design*="gray"][sipa-design*="text_bg_fill"] > .slick-list > .slick-track > * > .text {
  background-color: var(--sipa-gray) ;
}
.sipa-slick[sipa-design*="gray"] > .slick-list > .slick-track > * > .text > .prod-actions a[class*="to_cart"] {
  background-color: var(--sipa-gray);
  border-color:var(--sipa-gray) ;
  color: var(--sipa-gray-opposite);
}
.sipa-slick[sipa-design*="gray"] > .slick-list > .slick-track > * > .text > .prod-actions a[class*="to_cart"]:hover {
  background-color: var(--sipa-gray-opposite);
  color: var(--sipa-gray);
}
.sipa-slick[sipa-design*="gray"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > .text > .prod-actions a[class*="to_cart"] {
  background-color: var(--sipa-gray-opposite);
  border-color: var(--sipa-gray-opposite);
  color: var(--sipa-gray);
}
.sipa-slick[sipa-design*="gray"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > .text > .prod-actions a[class*="to_cart"]:hover {
  background-color: var(--sipa-gray);
  color: var(--sipa-gray-opposite);
}
.sipa-slick[sipa-design*="gray"][sipa-design*="items_border"] > .slick-list > .slick-track > *::before {
  border-color:var(--sipa-gray)
}
.sipa-slick[sipa-design*="gray"][sipa-design*="cta_button"] > .slick-list > .slick-track > * > .text > .action > a._go {
  border-color: var(--sipa-gray);
} 
.sipa-slick[sipa-design*="gray"][sipa-design*="cta_button"] > .slick-list > .slick-track > *:hover > .text > .action > a._go {
  background-color: var(--sipa-gray);
  color: var(--sipa-gray-opposite) ;
}
.sipa-slick[sipa-design*="gray"][sipa-design*="cta_button"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > .text > .action > a._go {
  border-color: var(--sipa-gray-opposite);
} 
.sipa-slick[sipa-design*="gray"][sipa-design*="cta_button"][sipa-design*="bg_fill"] > .slick-list > .slick-track > *:hover > .text > .action > a._go {
  background-color: var(--sipa-gray-opposite);
  color: var(--sipa-gray) ;
}  


/* Green Theme */

.sipa-content[sipa-design*="green"],
.sipa-content[sipa-design*="green"] > *,
.sipa-content[sipa-design*="green"] > * > .text,
.sipa-content[sipa-design*="green"] > * > .text :is(h1, h2, h3, h4, h5, h6, p, ol, ul, li, span, a, blockquote, div, table, time, code, details, summary),
.sipa-pagination[sipa-design*="green"],
.sipa-pagination[sipa-design*="green"] > * {
  color: var(--sipa-green);
}

.sipa-content[sipa-design*="green"][sipa-design*="grid_bg_fill"],
.sipa-pagination[sipa-design*="green"][sipa-design*="pg_bg_fill"] > :is(span,a) {
  background-color: var(--sipa-green);
}

.sipa-content[sipa-design*="green"][sipa-design*="grid_bg_fill"] > * > .text,
.sipa-content[sipa-design*="green"][sipa-design*="grid_bg_fill"] > * > .text :is(h1, h2, h3, h4, h5, h6, p, ol, ul, li, span, a, blockquote, div, table, time, code, details, summary),
.sipa-pagination[sipa-design*="green"][sipa-design*="pg_bg_fill"] > :is(span,a) {
  color: var(--sipa-green-opposite);
}

.sipa-content[sipa-design*="green"][sipa-design*="items_bg_fill"] > *,
.sipa-content[sipa-design*="green"][sipa-design*="text_bg_fill"] > * > .text {
  background-color: var(--sipa-green);
}

.sipa-content[sipa-design*="green"][sipa-design*="items_bg_fill"] > * > .text,
.sipa-content[sipa-design*="green"][sipa-design*="items_bg_fill"] > * > .text :is(h1, h2, h3, h4, h5, h6, p, ol, ul, li, span, a, blockquote, div, table, time, code, details, summary),
.sipa-content[sipa-design*="green"][sipa-design*="text_bg_fill"] > * > .text,
.sipa-content[sipa-design*="green"][sipa-design*="text_bg_fill"] > * > .text :is(h1, h2, h3, h4, h5, h6, p, ol, ul, li, span, a, blockquote, div, table, time, code, details, summary) {
  color: var(--sipa-green-opposite);
}
.sipa-content[sipa-design*="green"][sipa-design*="grid_border_"],
.sipa-content[sipa-design*="green"][sipa-design*="items_border_"] > *,
.sipa-pagination[sipa-design*="green"] > :is(span,a) {
    border-color: var(--sipa-green);
}
.sipa-pagination[sipa-design*="green"] > a:hover,
.sipa-pagination[sipa-design*="green"] > span.current {
  background-color: var(--sipa-green);
  color:var(--sipa-green-opposite) ;
}
.sipa-pagination[sipa-design*="green"][sipa-design*="pg_bg_fill"] > a:hover,
.sipa-pagination[sipa-design*="green"][sipa-design*="pg_bg_fill"] > span.current {
  background-color:var(--sipa-green-opposite) ;
  color: var(--sipa-green);
}
.sipa-content[sipa-design*="cta_button"][sipa-design*="green"] > * > .text > .action > a {
  border-color: var(--sipa-green);
}
.sipa-content[sipa-design*="cta_button"][sipa-design*="green"] > *:hover > .text > .action > a {
  background-color: var(--sipa-green);
  color: var(--sipa-green-opposite);
}

.sipa-content[sipa-design*="cta_button"][sipa-design*="green"]:is([sipa-design*="grid_bg_fill"],[sipa-design*="items_bg_fill"],[sipa-design*="text_bg_fill"]) > * > .text > .action > a {
  border-color: var(--sipa-green-opposite);
  background-color: var(--sipa-green-opposite);
  color: var(--sipa-green);
}
.sipa-content[sipa-design*="cta_button"][sipa-design*="green"]:is([sipa-design*="grid_bg_fill"],[sipa-design*="items_bg_fill"],[sipa-design*="text_bg_fill"]) > *:hover > .text > .action > a {
  background-color: var(--sipa-green);
  color: var(--sipa-green-opposite);
}
.sipa-accordeon[sipa-design*="green"],
.sipa-accordeon[sipa-design*="green"] > li + li,
.sipa-accordeon[sipa-design*="green"] details > summary::after {
  border-color: var(--sipa-green) ;
}
.sipa-accordeon[sipa-design*="green"] details[open] > summary::after {
  border-color: var(--sipa-green-opposite) ;
}
.sipa-accordeon[sipa-design*="green"] > * > details > :is(summary,.detail),
.sipa-accordeon[sipa-design*="green"] > * > details > :is(summary,.detail) > * {
  color: var(--sipa-green);
}
.sipa-accordeon[sipa-design*="green"] details[open] > summary {
  background-color: var(--sipa-green);
}
.sipa-accordeon[sipa-design*="green"] details[open] > summary > * {
  color: var(--sipa-green-opposite);
}
.sipa-accordeon[sipa-design*="green"][sipa-design*="bg_fill"] details > summary {
  background-color: var(--sipa-green);
}
.sipa-accordeon[sipa-design*="green"][sipa-design*="bg_fill"] > * > details > summary,
.sipa-accordeon[sipa-design*="green"][sipa-design*="bg_fill"] > * > details > summary > * {
  color: var(--sipa-green-opposite);
}
.sipa-accordeon[sipa-design*="green"][sipa-design*="bg_fill"] > li + li {
  border-color: var(--sipa-green-opposite);
}
.sipa-accordeon[sipa-design*="green"][sipa-design*="bg_fill"] details > summary::after {
  border-color: var(--sipa-green-opposite) ;
}
.sipa-accordeon[sipa-design*="green"][sipa-design*="bg_fill"] > * > details > .detail {
  background-color: var(--sipa-green-opposite) ;
}
.sipa-slick[sipa-design*="green"] > .slick-list > .slick-track > *,
.sipa-slick[sipa-design*="green"] > .slick-list > .slick-track > * > *,
.sipa-slick[sipa-design*="green"] > .slick-list > .slick-track > * > .text :is(h1,h2,h3,h4,h5,h6,p,div,table,ol,ul,blockquote,code,summary,details,a) {
  color: var(--sipa-green);
}
.sipa-slick[sipa-design*="green"][sipa-design*="bg_fill"] > .slick-list > .slick-track > *,
.sipa-slick[sipa-design*="green"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > *,
.sipa-slick[sipa-design*="green"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > .text :is(h1,h2,h3,h4,h5,h6,p,div,table,ol,ul,blockquote,code,summary,details,a) {
  color: var(--sipa-green-opposite);
}
.sipa-slick[sipa-design*="green"] .slick-arrow {
  background-color: var(--sipa-green-opposite);
  color: var(--sipa-green);
}
.sipa-slick[sipa-design*="green"][sipa-design*="bg_fill"] .slick-arrow {
  background-color: var(--sipa-green);
  color: var(--sipa-green-opposite);
}
.sipa-slick[sipa-design*="green"] .slick-arrow:hover {
  background-color: var(--sipa-green);
  color: var(--sipa-green-opposite);
}
.sipa-slick[sipa-design*="green"][sipa-design*="bg_fill"] .slick-arrow:hover {
  background-color: var(--sipa-green-opposite);
  color: var(--sipa-green);
}
.sipa-slick[sipa-design*="green"] .slick-dots > li > button {
  background-color: var(--sipa-green);
}
.sipa-slick[sipa-design*="green"][sipa-design*="bg_fill"] .slick-dots > li > button {
  background-color: var(--sipa-green-opposite);
}
.sipa-slick[sipa-design*="green"] .slick-dots > li:hover > button,
.sipa-slick[sipa-design*="green"] .slick-dots > li.slick-active > button {
  background-color: var(--sipa-green-opposite);
}
.sipa-slick[sipa-design*="green"][sipa-design*="bg_fill"] .slick-dots > li:hover > button,
.sipa-slick[sipa-design*="green"][sipa-design*="bg_fill"] .slick-dots > li.slick-active > button {
  background-color: var(--sipa-green);
}

.sipa-slick[sipa-design*="green"][sipa-design*="slide_bg_fill"],
.sipa-slick[sipa-design*="green"][sipa-design*="items_bg_fill"] > .slick-list > .slick-track > *::before,
.sipa-slick[sipa-design*="green"][sipa-design*="text_bg_fill"] > .slick-list > .slick-track > * > .text {
  background-color: var(--sipa-green) ;
}
.sipa-slick[sipa-design*="green"] > .slick-list > .slick-track > * > .text > .prod-actions a[class*="to_cart"] {
  background-color: var(--sipa-green);
  border-color:var(--sipa-green) ;
  color: var(--sipa-green-opposite);
}
.sipa-slick[sipa-design*="green"] > .slick-list > .slick-track > * > .text > .prod-actions a[class*="to_cart"]:hover {
  background-color: var(--sipa-green-opposite);
  color: var(--sipa-green);
}
.sipa-slick[sipa-design*="green"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > .text > .prod-actions a[class*="to_cart"] {
  background-color: var(--sipa-green-opposite);
  border-color: var(--sipa-green-opposite);
  color: var(--sipa-green);
}
.sipa-slick[sipa-design*="green"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > .text > .prod-actions a[class*="to_cart"]:hover {
  background-color: var(--sipa-green);
  color: var(--sipa-green-opposite);
}
.sipa-slick[sipa-design*="green"][sipa-design*="items_border"] > .slick-list > .slick-track > *::before {
  border-color:var(--sipa-green)
}
.sipa-slick[sipa-design*="green"][sipa-design*="cta_button"] > .slick-list > .slick-track > * > .text > .action > a._go {
  border-color: var(--sipa-green);
} 
.sipa-slick[sipa-design*="green"][sipa-design*="cta_button"] > .slick-list > .slick-track > *:hover > .text > .action > a._go {
  background-color: var(--sipa-green);
  color: var(--sipa-green-opposite) ;
}
.sipa-slick[sipa-design*="green"][sipa-design*="cta_button"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > .text > .action > a._go {
  border-color: var(--sipa-green-opposite);
} 
.sipa-slick[sipa-design*="green"][sipa-design*="cta_button"][sipa-design*="bg_fill"] > .slick-list > .slick-track > *:hover > .text > .action > a._go {
  background-color: var(--sipa-green-opposite);
  color: var(--sipa-green) ;
}  


/* Red Theme */

.sipa-content[sipa-design*="red"],
.sipa-content[sipa-design*="red"] > *,
.sipa-content[sipa-design*="red"] > * > .text,
.sipa-content[sipa-design*="red"] > * > .text :is(h1, h2, h3, h4, h5, h6, p, ol, ul, li, span, a, blockquote, div, table, time, code, details, summary),
.sipa-pagination[sipa-design*="red"],
.sipa-pagination[sipa-design*="red"] > * {
  color: var(--sipa-red);
}

.sipa-content[sipa-design*="red"][sipa-design*="grid_bg_fill"],
.sipa-pagination[sipa-design*="red"][sipa-design*="pg_bg_fill"] > :is(span,a) {
  background-color: var(--sipa-red);
}

.sipa-content[sipa-design*="red"][sipa-design*="grid_bg_fill"] > * > .text,
.sipa-content[sipa-design*="red"][sipa-design*="grid_bg_fill"] > * > .text :is(h1, h2, h3, h4, h5, h6, p, ol, ul, li, span, a, blockquote, div, table, time, code, details, summary),
.sipa-pagination[sipa-design*="red"][sipa-design*="pg_bg_fill"] > :is(span,a) {
  color: var(--sipa-red-opposite);
}

.sipa-content[sipa-design*="red"][sipa-design*="items_bg_fill"] > *,
.sipa-content[sipa-design*="red"][sipa-design*="text_bg_fill"] > * > .text {
  background-color: var(--sipa-red);
}

.sipa-content[sipa-design*="red"][sipa-design*="items_bg_fill"] > * > .text,
.sipa-content[sipa-design*="red"][sipa-design*="items_bg_fill"] > * > .text :is(h1, h2, h3, h4, h5, h6, p, ol, ul, li, span, a, blockquote, div, table, time, code, details, summary),
.sipa-content[sipa-design*="red"][sipa-design*="text_bg_fill"] > * > .text,
.sipa-content[sipa-design*="red"][sipa-design*="text_bg_fill"] > * > .text :is(h1, h2, h3, h4, h5, h6, p, ol, ul, li, span, a, blockquote, div, table, time, code, details, summary) {
  color: var(--sipa-red-opposite);
}
.sipa-content[sipa-design*="red"][sipa-design*="grid_border_"],
.sipa-content[sipa-design*="red"][sipa-design*="items_border_"] > *,
.sipa-pagination[sipa-design*="red"] > :is(span,a) {
    border-color: var(--sipa-red);
}
.sipa-pagination[sipa-design*="red"] > a:hover,
.sipa-pagination[sipa-design*="red"] > span.current {
  background-color: var(--sipa-red);
  color:var(--sipa-red-opposite) ;
}
.sipa-pagination[sipa-design*="red"][sipa-design*="pg_bg_fill"] > a:hover,
.sipa-pagination[sipa-design*="red"][sipa-design*="pg_bg_fill"] > span.current {
  background-color:var(--sipa-red-opposite) ;
  color: var(--sipa-red);
}
.sipa-content[sipa-design*="cta_button"][sipa-design*="red"] > * > .text > .action > a {
  border-color: var(--sipa-red);
}
.sipa-content[sipa-design*="cta_button"][sipa-design*="red"] > *:hover > .text > .action > a {
  background-color: var(--sipa-red);
  color: var(--sipa-red-opposite);
}

.sipa-content[sipa-design*="cta_button"][sipa-design*="red"]:is([sipa-design*="grid_bg_fill"],[sipa-design*="items_bg_fill"],[sipa-design*="text_bg_fill"]) > * > .text > .action > a {
  border-color: var(--sipa-red-opposite);
  background-color: var(--sipa-red-opposite);
  color: var(--sipa-red);
}
.sipa-content[sipa-design*="cta_button"][sipa-design*="red"]:is([sipa-design*="grid_bg_fill"],[sipa-design*="items_bg_fill"],[sipa-design*="text_bg_fill"]) > *:hover > .text > .action > a {
  background-color: var(--sipa-red);
  color: var(--sipa-red-opposite);
}
.sipa-accordeon[sipa-design*="red"],
.sipa-accordeon[sipa-design*="red"] > li + li,
.sipa-accordeon[sipa-design*="red"] details > summary::after {
  border-color: var(--sipa-red) ;
}
.sipa-accordeon[sipa-design*="red"] details[open] > summary::after {
  border-color: var(--sipa-red-opposite) ;
}
.sipa-accordeon[sipa-design*="red"] > * > details > :is(summary,.detail),
.sipa-accordeon[sipa-design*="red"] > * > details > :is(summary,.detail) > * {
  color: var(--sipa-red);
}
.sipa-accordeon[sipa-design*="red"] details[open] > summary {
  background-color: var(--sipa-red);
}
.sipa-accordeon[sipa-design*="red"] details[open] > summary > * {
  color: var(--sipa-red-opposite);
}
.sipa-accordeon[sipa-design*="red"][sipa-design*="bg_fill"] details > summary {
  background-color: var(--sipa-red);
}
.sipa-accordeon[sipa-design*="red"][sipa-design*="bg_fill"] > * > details > summary,
.sipa-accordeon[sipa-design*="red"][sipa-design*="bg_fill"] > * > details > summary > * {
  color: var(--sipa-red-opposite);
}
.sipa-accordeon[sipa-design*="red"][sipa-design*="bg_fill"] > li + li {
  border-color: var(--sipa-red-opposite);
}
.sipa-accordeon[sipa-design*="red"][sipa-design*="bg_fill"] details > summary::after {
  border-color: var(--sipa-red-opposite) ;
}
.sipa-accordeon[sipa-design*="red"][sipa-design*="bg_fill"] > * > details > .detail {
  background-color: var(--sipa-red-opposite) ;
}
.sipa-slick[sipa-design*="red"] > .slick-list > .slick-track > *,
.sipa-slick[sipa-design*="red"] > .slick-list > .slick-track > * > *,
.sipa-slick[sipa-design*="red"] > .slick-list > .slick-track > * > .text :is(h1,h2,h3,h4,h5,h6,p,div,table,ol,ul,blockquote,code,summary,details,a) {
  color: var(--sipa-red);
}
.sipa-slick[sipa-design*="red"][sipa-design*="bg_fill"] > .slick-list > .slick-track > *,
.sipa-slick[sipa-design*="red"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > *,
.sipa-slick[sipa-design*="red"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > .text :is(h1,h2,h3,h4,h5,h6,p,div,table,ol,ul,blockquote,code,summary,details,a) {
  color: var(--sipa-red-opposite);
}
.sipa-slick[sipa-design*="red"] .slick-arrow {
  background-color: var(--sipa-red-opposite);
  color: var(--sipa-red);
}
.sipa-slick[sipa-design*="red"][sipa-design*="bg_fill"] .slick-arrow {
  background-color: var(--sipa-red);
  color: var(--sipa-red-opposite);
}
.sipa-slick[sipa-design*="red"] .slick-arrow:hover {
  background-color: var(--sipa-red);
  color: var(--sipa-red-opposite);
}
.sipa-slick[sipa-design*="red"][sipa-design*="bg_fill"] .slick-arrow:hover {
  background-color: var(--sipa-red-opposite);
  color: var(--sipa-red);
}
.sipa-slick[sipa-design*="red"] .slick-dots > li > button {
  background-color: var(--sipa-red);
}
.sipa-slick[sipa-design*="red"][sipa-design*="bg_fill"] .slick-dots > li > button {
  background-color: var(--sipa-red-opposite);
}
.sipa-slick[sipa-design*="red"] .slick-dots > li:hover > button,
.sipa-slick[sipa-design*="red"] .slick-dots > li.slick-active > button {
  background-color: var(--sipa-red-opposite);
}
.sipa-slick[sipa-design*="red"][sipa-design*="bg_fill"] .slick-dots > li:hover > button,
.sipa-slick[sipa-design*="red"][sipa-design*="bg_fill"] .slick-dots > li.slick-active > button {
  background-color: var(--sipa-red);
}

.sipa-slick[sipa-design*="red"][sipa-design*="slide_bg_fill"],
.sipa-slick[sipa-design*="red"][sipa-design*="items_bg_fill"] > .slick-list > .slick-track > *::before,
.sipa-slick[sipa-design*="red"][sipa-design*="text_bg_fill"] > .slick-list > .slick-track > * > .text {
  background-color: var(--sipa-red) ;
}
.sipa-slick[sipa-design*="red"] > .slick-list > .slick-track > * > .text > .prod-actions a[class*="to_cart"] {
  background-color: var(--sipa-red);
  border-color:var(--sipa-red) ;
  color: var(--sipa-red-opposite);
}
.sipa-slick[sipa-design*="red"] > .slick-list > .slick-track > * > .text > .prod-actions a[class*="to_cart"]:hover {
  background-color: var(--sipa-red-opposite);
  color: var(--sipa-red);
}
.sipa-slick[sipa-design*="red"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > .text > .prod-actions a[class*="to_cart"] {
  background-color: var(--sipa-red-opposite);
  border-color: var(--sipa-red-opposite);
  color: var(--sipa-red);
}
.sipa-slick[sipa-design*="red"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > .text > .prod-actions a[class*="to_cart"]:hover {
  background-color: var(--sipa-red);
  color: var(--sipa-red-opposite);
}
.sipa-slick[sipa-design*="red"][sipa-design*="items_border"] > .slick-list > .slick-track > *::before {
  border-color:var(--sipa-red)
}
.sipa-slick[sipa-design*="red"][sipa-design*="cta_button"] > .slick-list > .slick-track > * > .text > .action > a._go {
  border-color: var(--sipa-red);
} 
.sipa-slick[sipa-design*="red"][sipa-design*="cta_button"] > .slick-list > .slick-track > *:hover > .text > .action > a._go {
  background-color: var(--sipa-red);
  color: var(--sipa-red-opposite) ;
}
.sipa-slick[sipa-design*="red"][sipa-design*="cta_button"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > .text > .action > a._go {
  border-color: var(--sipa-red-opposite);
} 
.sipa-slick[sipa-design*="red"][sipa-design*="cta_button"][sipa-design*="bg_fill"] > .slick-list > .slick-track > *:hover > .text > .action > a._go {
  background-color: var(--sipa-red-opposite);
  color: var(--sipa-red) ;
}  


/* Orange Theme */

.sipa-content[sipa-design*="orange"],
.sipa-content[sipa-design*="orange"] > *,
.sipa-content[sipa-design*="orange"] > * > .text,
.sipa-content[sipa-design*="orange"] > * > .text :is(h1, h2, h3, h4, h5, h6, p, ol, ul, li, span, a, blockquote, div, table, time, code, details, summary),
.sipa-pagination[sipa-design*="orange"],
.sipa-pagination[sipa-design*="orange"] > * {
  color: var(--sipa-orange);
}

.sipa-content[sipa-design*="orange"][sipa-design*="grid_bg_fill"],
.sipa-pagination[sipa-design*="orange"][sipa-design*="pg_bg_fill"] > :is(span,a) {
  background-color: var(--sipa-orange);
}

.sipa-content[sipa-design*="orange"][sipa-design*="grid_bg_fill"] > * > .text,
.sipa-content[sipa-design*="orange"][sipa-design*="grid_bg_fill"] > * > .text :is(h1, h2, h3, h4, h5, h6, p, ol, ul, li, span, a, blockquote, div, table, time, code, details, summary),
.sipa-pagination[sipa-design*="orange"][sipa-design*="pg_bg_fill"] > :is(span,a) {
  color: var(--sipa-orange-opposite);
}

.sipa-content[sipa-design*="orange"][sipa-design*="items_bg_fill"] > *,
.sipa-content[sipa-design*="orange"][sipa-design*="text_bg_fill"] > * > .text {
  background-color: var(--sipa-orange);
}

.sipa-content[sipa-design*="orange"][sipa-design*="items_bg_fill"] > * > .text,
.sipa-content[sipa-design*="orange"][sipa-design*="items_bg_fill"] > * > .text :is(h1, h2, h3, h4, h5, h6, p, ol, ul, li, span, a, blockquote, div, table, time, code, details, summary),
.sipa-content[sipa-design*="orange"][sipa-design*="text_bg_fill"] > * > .text,
.sipa-content[sipa-design*="orange"][sipa-design*="text_bg_fill"] > * > .text :is(h1, h2, h3, h4, h5, h6, p, ol, ul, li, span, a, blockquote, div, table, time, code, details, summary) {
  color: var(--sipa-orange-opposite);
}
.sipa-content[sipa-design*="orange"][sipa-design*="grid_border_"],
.sipa-content[sipa-design*="orange"][sipa-design*="items_border_"] > *,
.sipa-pagination[sipa-design*="orange"] > :is(span,a) {
    border-color: var(--sipa-orange);
}
.sipa-pagination[sipa-design*="orange"] > a:hover,
.sipa-pagination[sipa-design*="orange"] > span.current {
  background-color: var(--sipa-orange);
  color:var(--sipa-orange-opposite) ;
}
.sipa-pagination[sipa-design*="orange"][sipa-design*="pg_bg_fill"] > a:hover,
.sipa-pagination[sipa-design*="orange"][sipa-design*="pg_bg_fill"] > span.current {
  background-color:var(--sipa-orange-opposite) ;
  color: var(--sipa-orange);
}
.sipa-content[sipa-design*="cta_button"][sipa-design*="orange"] > * > .text > .action > a {
  border-color: var(--sipa-orange);
}
.sipa-content[sipa-design*="cta_button"][sipa-design*="orange"] > *:hover > .text > .action > a {
  background-color: var(--sipa-orange);
  color: var(--sipa-orange-opposite);
}

.sipa-content[sipa-design*="cta_button"][sipa-design*="orange"]:is([sipa-design*="grid_bg_fill"],[sipa-design*="items_bg_fill"],[sipa-design*="text_bg_fill"]) > * > .text > .action > a {
  border-color: var(--sipa-orange-opposite);
  background-color: var(--sipa-orange-opposite);
  color: var(--sipa-orange);
}
.sipa-content[sipa-design*="cta_button"][sipa-design*="orange"]:is([sipa-design*="grid_bg_fill"],[sipa-design*="items_bg_fill"],[sipa-design*="text_bg_fill"]) > *:hover > .text > .action > a {
  background-color: var(--sipa-orange);
  color: var(--sipa-orange-opposite);
}
.sipa-accordeon[sipa-design*="orange"],
.sipa-accordeon[sipa-design*="orange"] > li + li,
.sipa-accordeon[sipa-design*="orange"] details > summary::after {
  border-color: var(--sipa-orange) ;
}
.sipa-accordeon[sipa-design*="orange"] details[open] > summary::after {
  border-color: var(--sipa-orange-opposite) ;
}
.sipa-accordeon[sipa-design*="orange"] > * > details > :is(summary,.detail),
.sipa-accordeon[sipa-design*="orange"] > * > details > :is(summary,.detail) > * {
  color: var(--sipa-orange);
}
.sipa-accordeon[sipa-design*="orange"] details[open] > summary {
  background-color: var(--sipa-orange);
}
.sipa-accordeon[sipa-design*="orange"] details[open] > summary > * {
  color: var(--sipa-orange-opposite);
}
.sipa-accordeon[sipa-design*="orange"][sipa-design*="bg_fill"] details > summary {
  background-color: var(--sipa-orange);
}
.sipa-accordeon[sipa-design*="orange"][sipa-design*="bg_fill"] > * > details > summary,
.sipa-accordeon[sipa-design*="orange"][sipa-design*="bg_fill"] > * > details > summary > * {
  color: var(--sipa-orange-opposite);
}
.sipa-accordeon[sipa-design*="orange"][sipa-design*="bg_fill"] > li + li {
  border-color: var(--sipa-orange-opposite);
}
.sipa-accordeon[sipa-design*="orange"][sipa-design*="bg_fill"] details > summary::after {
  border-color: var(--sipa-orange-opposite) ;
}
.sipa-accordeon[sipa-design*="orange"][sipa-design*="bg_fill"] > * > details > .detail {
  background-color: var(--sipa-orange-opposite) ;
}
.sipa-slick[sipa-design*="orange"] > .slick-list > .slick-track > *,
.sipa-slick[sipa-design*="orange"] > .slick-list > .slick-track > * > *,
.sipa-slick[sipa-design*="orange"] > .slick-list > .slick-track > * > .text :is(h1,h2,h3,h4,h5,h6,p,div,table,ol,ul,blockquote,code,summary,details,a) {
  color: var(--sipa-orange);
}
.sipa-slick[sipa-design*="orange"][sipa-design*="bg_fill"] > .slick-list > .slick-track > *,
.sipa-slick[sipa-design*="orange"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > *,
.sipa-slick[sipa-design*="orange"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > .text :is(h1,h2,h3,h4,h5,h6,p,div,table,ol,ul,blockquote,code,summary,details,a) {
  color: var(--sipa-orange-opposite);
}
.sipa-slick[sipa-design*="orange"] .slick-arrow {
  background-color: var(--sipa-orange-opposite);
  color: var(--sipa-orange);
}
.sipa-slick[sipa-design*="orange"][sipa-design*="bg_fill"] .slick-arrow {
  background-color: var(--sipa-orange);
  color: var(--sipa-orange-opposite);
}
.sipa-slick[sipa-design*="orange"] .slick-arrow:hover {
  background-color: var(--sipa-orange);
  color: var(--sipa-orange-opposite);
}
.sipa-slick[sipa-design*="orange"][sipa-design*="bg_fill"] .slick-arrow:hover {
  background-color: var(--sipa-orange-opposite);
  color: var(--sipa-orange);
}
.sipa-slick[sipa-design*="orange"] .slick-dots > li > button {
  background-color: var(--sipa-orange);
}
.sipa-slick[sipa-design*="orange"][sipa-design*="bg_fill"] .slick-dots > li > button {
  background-color: var(--sipa-orange-opposite);
}
.sipa-slick[sipa-design*="orange"] .slick-dots > li:hover > button,
.sipa-slick[sipa-design*="orange"] .slick-dots > li.slick-active > button {
  background-color: var(--sipa-orange-opposite);
}
.sipa-slick[sipa-design*="orange"][sipa-design*="bg_fill"] .slick-dots > li:hover > button,
.sipa-slick[sipa-design*="orange"][sipa-design*="bg_fill"] .slick-dots > li.slick-active > button {
  background-color: var(--sipa-orange);
}

.sipa-slick[sipa-design*="orange"][sipa-design*="slide_bg_fill"],
.sipa-slick[sipa-design*="orange"][sipa-design*="items_bg_fill"] > .slick-list > .slick-track > *::before,
.sipa-slick[sipa-design*="orange"][sipa-design*="text_bg_fill"] > .slick-list > .slick-track > * > .text {
  background-color: var(--sipa-orange) ;
}
.sipa-slick[sipa-design*="orange"] > .slick-list > .slick-track > * > .text > .prod-actions a[class*="to_cart"] {
  background-color: var(--sipa-orange);
  border-color:var(--sipa-orange) ;
  color: var(--sipa-orange-opposite);
}
.sipa-slick[sipa-design*="orange"] > .slick-list > .slick-track > * > .text > .prod-actions a[class*="to_cart"]:hover {
  background-color: var(--sipa-orange-opposite);
  color: var(--sipa-orange);
}
.sipa-slick[sipa-design*="orange"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > .text > .prod-actions a[class*="to_cart"] {
  background-color: var(--sipa-orange-opposite);
  border-color: var(--sipa-orange-opposite);
  color: var(--sipa-orange);
}
.sipa-slick[sipa-design*="orange"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > .text > .prod-actions a[class*="to_cart"]:hover {
  background-color: var(--sipa-orange);
  color: var(--sipa-orange-opposite);
}
.sipa-slick[sipa-design*="orange"][sipa-design*="items_border"] > .slick-list > .slick-track > *::before {
  border-color:var(--sipa-orange)
}
.sipa-slick[sipa-design*="orange"][sipa-design*="cta_button"] > .slick-list > .slick-track > * > .text > .action > a._go {
  border-color: var(--sipa-orange);
} 
.sipa-slick[sipa-design*="orange"][sipa-design*="cta_button"] > .slick-list > .slick-track > *:hover > .text > .action > a._go {
  background-color: var(--sipa-orange);
  color: var(--sipa-orange-opposite) ;
}
.sipa-slick[sipa-design*="orange"][sipa-design*="cta_button"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > .text > .action > a._go {
  border-color: var(--sipa-orange-opposite);
} 
.sipa-slick[sipa-design*="orange"][sipa-design*="cta_button"][sipa-design*="bg_fill"] > .slick-list > .slick-track > *:hover > .text > .action > a._go {
  background-color: var(--sipa-orange-opposite);
  color: var(--sipa-orange) ;
}  

/* Yellow Theme */

.sipa-content[sipa-design*="yellow"],
.sipa-content[sipa-design*="yellow"] > *,
.sipa-content[sipa-design*="yellow"] > * > .text,
.sipa-content[sipa-design*="yellow"] > * > .text :is(h1, h2, h3, h4, h5, h6, p, ol, ul, li, span, a, blockquote, div, table, time, code, details, summary),
.sipa-pagination[sipa-design*="yellow"],
.sipa-pagination[sipa-design*="yellow"] > * {
  color: var(--sipa-yellow);
}

.sipa-content[sipa-design*="yellow"][sipa-design*="grid_bg_fill"],
.sipa-pagination[sipa-design*="yellow"][sipa-design*="pg_bg_fill"] > :is(span,a) {
  background-color: var(--sipa-yellow);
}

.sipa-content[sipa-design*="yellow"][sipa-design*="grid_bg_fill"] > * > .text,
.sipa-content[sipa-design*="yellow"][sipa-design*="grid_bg_fill"] > * > .text :is(h1, h2, h3, h4, h5, h6, p, ol, ul, li, span, a, blockquote, div, table, time, code, details, summary),
.sipa-pagination[sipa-design*="yellow"][sipa-design*="pg_bg_fill"] > :is(span,a) {
  color: var(--sipa-yellow-opposite);
}

.sipa-content[sipa-design*="yellow"][sipa-design*="items_bg_fill"] > *,
.sipa-content[sipa-design*="yellow"][sipa-design*="text_bg_fill"] > * > .text {
  background-color: var(--sipa-yellow);
}

.sipa-content[sipa-design*="yellow"][sipa-design*="items_bg_fill"] > * > .text,
.sipa-content[sipa-design*="yellow"][sipa-design*="items_bg_fill"] > * > .text :is(h1, h2, h3, h4, h5, h6, p, ol, ul, li, span, a, blockquote, div, table, time, code, details, summary),
.sipa-content[sipa-design*="yellow"][sipa-design*="text_bg_fill"] > * > .text,
.sipa-content[sipa-design*="yellow"][sipa-design*="text_bg_fill"] > * > .text :is(h1, h2, h3, h4, h5, h6, p, ol, ul, li, span, a, blockquote, div, table, time, code, details, summary) {
  color: var(--sipa-yellow-opposite);
}
.sipa-content[sipa-design*="yellow"][sipa-design*="grid_border_"],
.sipa-content[sipa-design*="yellow"][sipa-design*="items_border_"] > *,
.sipa-pagination[sipa-design*="yellow"] > :is(span,a) {
    border-color: var(--sipa-yellow);
}
.sipa-pagination[sipa-design*="yellow"] > a:hover,
.sipa-pagination[sipa-design*="yellow"] > span.current {
  background-color: var(--sipa-yellow);
  color:var(--sipa-yellow-opposite) ;
}
.sipa-pagination[sipa-design*="yellow"][sipa-design*="pg_bg_fill"] > a:hover,
.sipa-pagination[sipa-design*="yellow"][sipa-design*="pg_bg_fill"] > span.current {
  background-color:var(--sipa-yellow-opposite) ;
  color: var(--sipa-yellow);
}
.sipa-content[sipa-design*="cta_button"][sipa-design*="yellow"] > * > .text > .action > a {
  border-color: var(--sipa-yellow);
}
.sipa-content[sipa-design*="cta_button"][sipa-design*="yellow"] > *:hover > .text > .action > a {
  background-color: var(--sipa-yellow);
  color: var(--sipa-yellow-opposite);
}

.sipa-content[sipa-design*="cta_button"][sipa-design*="yellow"]:is([sipa-design*="grid_bg_fill"],[sipa-design*="items_bg_fill"],[sipa-design*="text_bg_fill"]) > * > .text > .action > a {
  border-color: var(--sipa-yellow-opposite);
  background-color: var(--sipa-yellow-opposite);
  color: var(--sipa-yellow);
}
.sipa-content[sipa-design*="cta_button"][sipa-design*="yellow"]:is([sipa-design*="grid_bg_fill"],[sipa-design*="items_bg_fill"],[sipa-design*="text_bg_fill"]) > *:hover > .text > .action > a {
  background-color: var(--sipa-yellow);
  color: var(--sipa-yellow-opposite);
}
.sipa-accordeon[sipa-design*="yellow"],
.sipa-accordeon[sipa-design*="yellow"] > li + li,
.sipa-accordeon[sipa-design*="yellow"] details > summary::after {
  border-color: var(--sipa-yellow) ;
}
.sipa-accordeon[sipa-design*="yellow"] details[open] > summary::after {
  border-color: var(--sipa-yellow-opposite) ;
}
.sipa-accordeon[sipa-design*="yellow"] > * > details > :is(summary,.detail),
.sipa-accordeon[sipa-design*="yellow"] > * > details > :is(summary,.detail) > * {
  color: var(--sipa-yellow);
}
.sipa-accordeon[sipa-design*="yellow"] details[open] > summary {
  background-color: var(--sipa-yellow);
}
.sipa-accordeon[sipa-design*="yellow"] details[open] > summary > * {
  color: var(--sipa-yellow-opposite);
}
.sipa-accordeon[sipa-design*="yellow"][sipa-design*="bg_fill"] details > summary {
  background-color: var(--sipa-yellow);
}
.sipa-accordeon[sipa-design*="yellow"][sipa-design*="bg_fill"] > * > details > summary,
.sipa-accordeon[sipa-design*="yellow"][sipa-design*="bg_fill"] > * > details > summary > * {
  color: var(--sipa-yellow-opposite);
}
.sipa-accordeon[sipa-design*="yellow"][sipa-design*="bg_fill"] > li + li {
  border-color: var(--sipa-yellow-opposite);
}
.sipa-accordeon[sipa-design*="yellow"][sipa-design*="bg_fill"] details > summary::after {
  border-color: var(--sipa-yellow-opposite) ;
}
.sipa-accordeon[sipa-design*="yellow"][sipa-design*="bg_fill"] > * > details > .detail {
  background-color: var(--sipa-yellow-opposite) ;
}
.sipa-slick[sipa-design*="yellow"] > .slick-list > .slick-track > *,
.sipa-slick[sipa-design*="yellow"] > .slick-list > .slick-track > * > *,
.sipa-slick[sipa-design*="yellow"] > .slick-list > .slick-track > * > .text :is(h1,h2,h3,h4,h5,h6,p,div,table,ol,ul,blockquote,code,summary,details,a) {
  color: var(--sipa-yellow);
}
.sipa-slick[sipa-design*="yellow"][sipa-design*="bg_fill"] > .slick-list > .slick-track > *,
.sipa-slick[sipa-design*="yellow"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > *,
.sipa-slick[sipa-design*="yellow"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > .text :is(h1,h2,h3,h4,h5,h6,p,div,table,ol,ul,blockquote,code,summary,details,a) {
  color: var(--sipa-yellow-opposite);
}
.sipa-slick[sipa-design*="yellow"] .slick-arrow {
  background-color: var(--sipa-yellow-opposite);
  color: var(--sipa-yellow);
}
.sipa-slick[sipa-design*="yellow"][sipa-design*="bg_fill"] .slick-arrow {
  background-color: var(--sipa-yellow);
  color: var(--sipa-yellow-opposite);
}
.sipa-slick[sipa-design*="yellow"] .slick-arrow:hover {
  background-color: var(--sipa-yellow);
  color: var(--sipa-yellow-opposite);
}
.sipa-slick[sipa-design*="yellow"][sipa-design*="bg_fill"] .slick-arrow:hover {
  background-color: var(--sipa-yellow-opposite);
  color: var(--sipa-yellow);
}
.sipa-slick[sipa-design*="yellow"] .slick-dots > li > button {
  background-color: var(--sipa-yellow);
}
.sipa-slick[sipa-design*="yellow"][sipa-design*="bg_fill"] .slick-dots > li > button {
  background-color: var(--sipa-yellow-opposite);
}
.sipa-slick[sipa-design*="yellow"] .slick-dots > li:hover > button,
.sipa-slick[sipa-design*="yellow"] .slick-dots > li.slick-active > button {
  background-color: var(--sipa-yellow-opposite);
}
.sipa-slick[sipa-design*="yellow"][sipa-design*="bg_fill"] .slick-dots > li:hover > button,
.sipa-slick[sipa-design*="yellow"][sipa-design*="bg_fill"] .slick-dots > li.slick-active > button {
  background-color: var(--sipa-yellow);
}

.sipa-slick[sipa-design*="yellow"][sipa-design*="slide_bg_fill"],
.sipa-slick[sipa-design*="yellow"][sipa-design*="items_bg_fill"] > .slick-list > .slick-track > *::before,
.sipa-slick[sipa-design*="yellow"][sipa-design*="text_bg_fill"] > .slick-list > .slick-track > * > .text {
  background-color: var(--sipa-yellow) ;
}
.sipa-slick[sipa-design*="yellow"] > .slick-list > .slick-track > * > .text > .prod-actions a[class*="to_cart"] {
  background-color: var(--sipa-yellow);
  border-color:var(--sipa-yellow) ;
  color: var(--sipa-yellow-opposite);
}
.sipa-slick[sipa-design*="yellow"] > .slick-list > .slick-track > * > .text > .prod-actions a[class*="to_cart"]:hover {
  background-color: var(--sipa-yellow-opposite);
  color: var(--sipa-yellow);
}
.sipa-slick[sipa-design*="yellow"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > .text > .prod-actions a[class*="to_cart"] {
  background-color: var(--sipa-yellow-opposite);
  border-color: var(--sipa-yellow-opposite);
  color: var(--sipa-yellow);
}
.sipa-slick[sipa-design*="yellow"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > .text > .prod-actions a[class*="to_cart"]:hover {
  background-color: var(--sipa-yellow);
  color: var(--sipa-yellow-opposite);
}
.sipa-slick[sipa-design*="yellow"][sipa-design*="items_border"] > .slick-list > .slick-track > *::before {
  border-color:var(--sipa-yellow)
}
.sipa-slick[sipa-design*="yellow"][sipa-design*="cta_button"] > .slick-list > .slick-track > * > .text > .action > a._go {
  border-color: var(--sipa-yellow);
} 
.sipa-slick[sipa-design*="yellow"][sipa-design*="cta_button"] > .slick-list > .slick-track > *:hover > .text > .action > a._go {
  background-color: var(--sipa-yellow);
  color: var(--sipa-yellow-opposite) ;
}
.sipa-slick[sipa-design*="yellow"][sipa-design*="cta_button"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > .text > .action > a._go {
  border-color: var(--sipa-yellow-opposite);
} 
.sipa-slick[sipa-design*="yellow"][sipa-design*="cta_button"][sipa-design*="bg_fill"] > .slick-list > .slick-track > *:hover > .text > .action > a._go {
  background-color: var(--sipa-yellow-opposite);
  color: var(--sipa-yellow) ;
}  

/* Purple Theme */

.sipa-content[sipa-design*="purple"],
.sipa-content[sipa-design*="purple"] > *,
.sipa-content[sipa-design*="purple"] > * > .text,
.sipa-content[sipa-design*="purple"] > * > .text :is(h1, h2, h3, h4, h5, h6, p, ol, ul, li, span, a, blockquote, div, table, time, code, details, summary),
.sipa-pagination[sipa-design*="purple"],
.sipa-pagination[sipa-design*="purple"] > * {
  color: var(--sipa-purple);
}

.sipa-content[sipa-design*="purple"][sipa-design*="grid_bg_fill"],
.sipa-pagination[sipa-design*="purple"][sipa-design*="pg_bg_fill"] > :is(span,a) {
  background-color: var(--sipa-purple);
}

.sipa-content[sipa-design*="purple"][sipa-design*="grid_bg_fill"] > * > .text,
.sipa-content[sipa-design*="purple"][sipa-design*="grid_bg_fill"] > * > .text :is(h1, h2, h3, h4, h5, h6, p, ol, ul, li, span, a, blockquote, div, table, time, code, details, summary),
.sipa-pagination[sipa-design*="purple"][sipa-design*="pg_bg_fill"] > :is(span,a) {
  color: var(--sipa-purple-opposite);
}

.sipa-content[sipa-design*="purple"][sipa-design*="items_bg_fill"] > *,
.sipa-content[sipa-design*="purple"][sipa-design*="text_bg_fill"] > * > .text {
  background-color: var(--sipa-purple);
}

.sipa-content[sipa-design*="purple"][sipa-design*="items_bg_fill"] > * > .text,
.sipa-content[sipa-design*="purple"][sipa-design*="items_bg_fill"] > * > .text :is(h1, h2, h3, h4, h5, h6, p, ol, ul, li, span, a, blockquote, div, table, time, code, details, summary),
.sipa-content[sipa-design*="purple"][sipa-design*="text_bg_fill"] > * > .text,
.sipa-content[sipa-design*="purple"][sipa-design*="text_bg_fill"] > * > .text :is(h1, h2, h3, h4, h5, h6, p, ol, ul, li, span, a, blockquote, div, table, time, code, details, summary) {
  color: var(--sipa-purple-opposite);
}
.sipa-content[sipa-design*="purple"][sipa-design*="grid_border_"],
.sipa-content[sipa-design*="purple"][sipa-design*="items_border_"] > *,
.sipa-pagination[sipa-design*="purple"] > :is(span,a) {
    border-color: var(--sipa-purple);
}
.sipa-pagination[sipa-design*="purple"] > a:hover,
.sipa-pagination[sipa-design*="purple"] > span.current {
  background-color: var(--sipa-purple);
  color:var(--sipa-purple-opposite) ;
}
.sipa-pagination[sipa-design*="purple"][sipa-design*="pg_bg_fill"] > a:hover,
.sipa-pagination[sipa-design*="purple"][sipa-design*="pg_bg_fill"] > span.current {
  background-color:var(--sipa-purple-opposite) ;
  color: var(--sipa-purple);
}
.sipa-content[sipa-design*="cta_button"][sipa-design*="purple"] > * > .text > .action > a {
  border-color: var(--sipa-purple);
}
.sipa-content[sipa-design*="cta_button"][sipa-design*="purple"] > *:hover > .text > .action > a {
  background-color: var(--sipa-purple);
  color: var(--sipa-purple-opposite);
}

.sipa-content[sipa-design*="cta_button"][sipa-design*="purple"]:is([sipa-design*="grid_bg_fill"],[sipa-design*="items_bg_fill"],[sipa-design*="text_bg_fill"]) > * > .text > .action > a {
  border-color: var(--sipa-purple-opposite);
  background-color: var(--sipa-purple-opposite);
  color: var(--sipa-purple);
}
.sipa-content[sipa-design*="cta_button"][sipa-design*="purple"]:is([sipa-design*="grid_bg_fill"],[sipa-design*="items_bg_fill"],[sipa-design*="text_bg_fill"]) > *:hover > .text > .action > a {
  background-color: var(--sipa-purple);
  color: var(--sipa-purple-opposite);
}
.sipa-accordeon[sipa-design*="purple"],
.sipa-accordeon[sipa-design*="purple"] > li + li,
.sipa-accordeon[sipa-design*="purple"] details > summary::after {
  border-color: var(--sipa-purple) ;
}
.sipa-accordeon[sipa-design*="purple"] details[open] > summary::after {
  border-color: var(--sipa-purple-opposite) ;
}
.sipa-accordeon[sipa-design*="purple"] > * > details > :is(summary,.detail),
.sipa-accordeon[sipa-design*="purple"] > * > details > :is(summary,.detail) > * {
  color: var(--sipa-purple);
}
.sipa-accordeon[sipa-design*="purple"] details[open] > summary {
  background-color: var(--sipa-purple);
}
.sipa-accordeon[sipa-design*="purple"] details[open] > summary > * {
  color: var(--sipa-purple-opposite);
}
.sipa-accordeon[sipa-design*="purple"][sipa-design*="bg_fill"] details > summary {
  background-color: var(--sipa-purple);
}
.sipa-accordeon[sipa-design*="purple"][sipa-design*="bg_fill"] > * > details > summary,
.sipa-accordeon[sipa-design*="purple"][sipa-design*="bg_fill"] > * > details > summary > * {
  color: var(--sipa-purple-opposite);
}
.sipa-accordeon[sipa-design*="purple"][sipa-design*="bg_fill"] > li + li {
  border-color: var(--sipa-purple-opposite);
}
.sipa-accordeon[sipa-design*="purple"][sipa-design*="bg_fill"] details > summary::after {
  border-color: var(--sipa-purple-opposite) ;
}
.sipa-accordeon[sipa-design*="purple"][sipa-design*="bg_fill"] > * > details > .detail {
  background-color: var(--sipa-purple-opposite) ;
}
.sipa-slick[sipa-design*="purple"] > .slick-list > .slick-track > *,
.sipa-slick[sipa-design*="purple"] > .slick-list > .slick-track > * > *,
.sipa-slick[sipa-design*="purple"] > .slick-list > .slick-track > * > .text :is(h1,h2,h3,h4,h5,h6,p,div,table,ol,ul,blockquote,code,summary,details,a) {
  color: var(--sipa-purple);
}
.sipa-slick[sipa-design*="purple"][sipa-design*="bg_fill"] > .slick-list > .slick-track > *,
.sipa-slick[sipa-design*="purple"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > *,
.sipa-slick[sipa-design*="purple"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > .text :is(h1,h2,h3,h4,h5,h6,p,div,table,ol,ul,blockquote,code,summary,details,a) {
  color: var(--sipa-purple-opposite);
}
.sipa-slick[sipa-design*="purple"] .slick-arrow {
  background-color: var(--sipa-purple-opposite);
  color: var(--sipa-purple);
}
.sipa-slick[sipa-design*="purple"][sipa-design*="bg_fill"] .slick-arrow {
  background-color: var(--sipa-purple);
  color: var(--sipa-purple-opposite);
}
.sipa-slick[sipa-design*="purple"] .slick-arrow:hover {
  background-color: var(--sipa-purple);
  color: var(--sipa-purple-opposite);
}
.sipa-slick[sipa-design*="purple"][sipa-design*="bg_fill"] .slick-arrow:hover {
  background-color: var(--sipa-purple-opposite);
  color: var(--sipa-purple);
}
.sipa-slick[sipa-design*="purple"] .slick-dots > li > button {
  background-color: var(--sipa-purple);
}
.sipa-slick[sipa-design*="purple"][sipa-design*="bg_fill"] .slick-dots > li > button {
  background-color: var(--sipa-purple-opposite);
}
.sipa-slick[sipa-design*="purple"] .slick-dots > li:hover > button,
.sipa-slick[sipa-design*="purple"] .slick-dots > li.slick-active > button {
  background-color: var(--sipa-purple-opposite);
}
.sipa-slick[sipa-design*="purple"][sipa-design*="bg_fill"] .slick-dots > li:hover > button,
.sipa-slick[sipa-design*="purple"][sipa-design*="bg_fill"] .slick-dots > li.slick-active > button {
  background-color: var(--sipa-purple);
}

.sipa-slick[sipa-design*="purple"][sipa-design*="slide_bg_fill"],
.sipa-slick[sipa-design*="purple"][sipa-design*="items_bg_fill"] > .slick-list > .slick-track > *::before,
.sipa-slick[sipa-design*="purple"][sipa-design*="text_bg_fill"] > .slick-list > .slick-track > * > .text {
  background-color: var(--sipa-purple) ;
}
.sipa-slick[sipa-design*="purple"] > .slick-list > .slick-track > * > .text > .prod-actions a[class*="to_cart"] {
  background-color: var(--sipa-purple);
  border-color:var(--sipa-purple) ;
  color: var(--sipa-purple-opposite);
}
.sipa-slick[sipa-design*="purple"] > .slick-list > .slick-track > * > .text > .prod-actions a[class*="to_cart"]:hover {
  background-color: var(--sipa-purple-opposite);
  color: var(--sipa-purple);
}
.sipa-slick[sipa-design*="purple"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > .text > .prod-actions a[class*="to_cart"] {
  background-color: var(--sipa-purple-opposite);
  border-color: var(--sipa-purple-opposite);
  color: var(--sipa-purple);
}
.sipa-slick[sipa-design*="purple"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > .text > .prod-actions a[class*="to_cart"]:hover {
  background-color: var(--sipa-purple);
  color: var(--sipa-purple-opposite);
}
.sipa-slick[sipa-design*="purple"][sipa-design*="items_border"] > .slick-list > .slick-track > *::before {
  border-color:var(--sipa-purple)
}
.sipa-slick[sipa-design*="purple"][sipa-design*="cta_button"] > .slick-list > .slick-track > * > .text > .action > a._go {
  border-color: var(--sipa-purple);
} 
.sipa-slick[sipa-design*="purple"][sipa-design*="cta_button"] > .slick-list > .slick-track > *:hover > .text > .action > a._go {
  background-color: var(--sipa-purple);
  color: var(--sipa-purple-opposite) ;
}
.sipa-slick[sipa-design*="purple"][sipa-design*="cta_button"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > .text > .action > a._go {
  border-color: var(--sipa-purple-opposite);
} 
.sipa-slick[sipa-design*="purple"][sipa-design*="cta_button"][sipa-design*="bg_fill"] > .slick-list > .slick-track > *:hover > .text > .action > a._go {
  background-color: var(--sipa-purple-opposite);
  color: var(--sipa-purple) ;
}  

/* Light Blue Theme */

.sipa-content[sipa-design*="lightblue"],
.sipa-content[sipa-design*="lightblue"] > *,
.sipa-content[sipa-design*="lightblue"] > * > .text,
.sipa-content[sipa-design*="lightblue"] > * > .text :is(h1, h2, h3, h4, h5, h6, p, ol, ul, li, span, a, blockquote, div, table, time, code, details, summary),
.sipa-pagination[sipa-design*="lightblue"],
.sipa-pagination[sipa-design*="lightblue"] > * {
  color: var(--sipa-lightblue);
}

.sipa-content[sipa-design*="lightblue"][sipa-design*="grid_bg_fill"],
.sipa-pagination[sipa-design*="lightblue"][sipa-design*="pg_bg_fill"] > :is(span,a) {
  background-color: var(--sipa-lightblue);
}

.sipa-content[sipa-design*="lightblue"][sipa-design*="grid_bg_fill"] > * > .text,
.sipa-content[sipa-design*="lightblue"][sipa-design*="grid_bg_fill"] > * > .text :is(h1, h2, h3, h4, h5, h6, p, ol, ul, li, span, a, blockquote, div, table, time, code, details, summary),
.sipa-pagination[sipa-design*="lightblue"][sipa-design*="pg_bg_fill"] > :is(span,a) {
  color: var(--sipa-lightblue-opposite);
}

.sipa-content[sipa-design*="lightblue"][sipa-design*="items_bg_fill"] > *,
.sipa-content[sipa-design*="lightblue"][sipa-design*="text_bg_fill"] > * > .text {
  background-color: var(--sipa-lightblue);
}

.sipa-content[sipa-design*="lightblue"][sipa-design*="items_bg_fill"] > * > .text,
.sipa-content[sipa-design*="lightblue"][sipa-design*="items_bg_fill"] > * > .text :is(h1, h2, h3, h4, h5, h6, p, ol, ul, li, span, a, blockquote, div, table, time, code, details, summary),
.sipa-content[sipa-design*="lightblue"][sipa-design*="text_bg_fill"] > * > .text,
.sipa-content[sipa-design*="lightblue"][sipa-design*="text_bg_fill"] > * > .text :is(h1, h2, h3, h4, h5, h6, p, ol, ul, li, span, a, blockquote, div, table, time, code, details, summary) {
  color: var(--sipa-lightblue-opposite);
}
.sipa-content[sipa-design*="lightblue"][sipa-design*="grid_border_"],
.sipa-content[sipa-design*="lightblue"][sipa-design*="items_border_"] > *,
.sipa-pagination[sipa-design*="lightblue"] > :is(span,a) {
    border-color: var(--sipa-lightblue);
}
.sipa-pagination[sipa-design*="lightblue"] > a:hover,
.sipa-pagination[sipa-design*="lightblue"] > span.current {
  background-color: var(--sipa-lightblue);
  color:var(--sipa-lightblue-opposite) ;
}
.sipa-pagination[sipa-design*="lightblue"][sipa-design*="pg_bg_fill"] > a:hover,
.sipa-pagination[sipa-design*="lightblue"][sipa-design*="pg_bg_fill"] > span.current {
  background-color:var(--sipa-lightblue-opposite) ;
  color: var(--sipa-lightblue);
}
.sipa-content[sipa-design*="cta_button"][sipa-design*="lightblue"] > * > .text > .action > a {
  border-color: var(--sipa-lightblue);
}
.sipa-content[sipa-design*="cta_button"][sipa-design*="lightblue"] > *:hover > .text > .action > a {
  background-color: var(--sipa-lightblue);
  color: var(--sipa-lightblue-opposite);
}

.sipa-content[sipa-design*="cta_button"][sipa-design*="lightblue"]:is([sipa-design*="grid_bg_fill"],[sipa-design*="items_bg_fill"],[sipa-design*="text_bg_fill"]) > * > .text > .action > a {
  border-color: var(--sipa-lightblue-opposite);
  background-color: var(--sipa-lightblue-opposite);
  color: var(--sipa-lightblue);
}
.sipa-content[sipa-design*="cta_button"][sipa-design*="lightblue"]:is([sipa-design*="grid_bg_fill"],[sipa-design*="items_bg_fill"],[sipa-design*="text_bg_fill"]) > *:hover > .text > .action > a {
  background-color: var(--sipa-lightblue);
  color: var(--sipa-lightblue-opposite);
}
.sipa-accordeon[sipa-design*="lightblue"],
.sipa-accordeon[sipa-design*="lightblue"] > li + li,
.sipa-accordeon[sipa-design*="lightblue"] details > summary::after {
  border-color: var(--sipa-lightblue) ;
}
.sipa-accordeon[sipa-design*="lightblue"] details[open] > summary::after {
  border-color: var(--sipa-lightblue-opposite) ;
}
.sipa-accordeon[sipa-design*="lightblue"] > * > details > :is(summary,.detail),
.sipa-accordeon[sipa-design*="lightblue"] > * > details > :is(summary,.detail) > * {
  color: var(--sipa-lightblue);
}
.sipa-accordeon[sipa-design*="lightblue"] details[open] > summary {
  background-color: var(--sipa-lightblue);
}
.sipa-accordeon[sipa-design*="lightblue"] details[open] > summary > * {
  color: var(--sipa-lightblue-opposite);
}
.sipa-accordeon[sipa-design*="lightblue"][sipa-design*="bg_fill"] details > summary {
  background-color: var(--sipa-lightblue);
}
.sipa-accordeon[sipa-design*="lightblue"][sipa-design*="bg_fill"] > * > details > summary,
.sipa-accordeon[sipa-design*="lightblue"][sipa-design*="bg_fill"] > * > details > summary > * {
  color: var(--sipa-lightblue-opposite);
}
.sipa-accordeon[sipa-design*="lightblue"][sipa-design*="bg_fill"] > li + li {
  border-color: var(--sipa-lightblue-opposite);
}
.sipa-accordeon[sipa-design*="lightblue"][sipa-design*="bg_fill"] details > summary::after {
  border-color: var(--sipa-lightblue-opposite) ;
}
.sipa-accordeon[sipa-design*="lightblue"][sipa-design*="bg_fill"] > * > details > .detail {
  background-color: var(--sipa-lightblue-opposite) ;
}
.sipa-slick[sipa-design*="lightblue"] > .slick-list > .slick-track > *,
.sipa-slick[sipa-design*="lightblue"] > .slick-list > .slick-track > * > *,
.sipa-slick[sipa-design*="lightblue"] > .slick-list > .slick-track > * > .text :is(h1,h2,h3,h4,h5,h6,p,div,table,ol,ul,blockquote,code,summary,details,a) {
  color: var(--sipa-lightblue);
}
.sipa-slick[sipa-design*="lightblue"][sipa-design*="bg_fill"] > .slick-list > .slick-track > *,
.sipa-slick[sipa-design*="lightblue"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > *,
.sipa-slick[sipa-design*="lightblue"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > .text :is(h1,h2,h3,h4,h5,h6,p,div,table,ol,ul,blockquote,code,summary,details,a) {
  color: var(--sipa-lightblue-opposite);
}
.sipa-slick[sipa-design*="lightblue"] .slick-arrow {
  background-color: var(--sipa-lightblue-opposite);
  color: var(--sipa-lightblue);
}
.sipa-slick[sipa-design*="lightblue"][sipa-design*="bg_fill"] .slick-arrow {
  background-color: var(--sipa-lightblue);
  color: var(--sipa-lightblue-opposite);
}
.sipa-slick[sipa-design*="lightblue"] .slick-arrow:hover {
  background-color: var(--sipa-lightblue);
  color: var(--sipa-lightblue-opposite);
}
.sipa-slick[sipa-design*="lightblue"][sipa-design*="bg_fill"] .slick-arrow:hover {
  background-color: var(--sipa-lightblue-opposite);
  color: var(--sipa-lightblue);
}
.sipa-slick[sipa-design*="lightblue"] .slick-dots > li > button {
  background-color: var(--sipa-lightblue);
}
.sipa-slick[sipa-design*="lightblue"][sipa-design*="bg_fill"] .slick-dots > li > button {
  background-color: var(--sipa-lightblue-opposite);
}
.sipa-slick[sipa-design*="lightblue"] .slick-dots > li:hover > button,
.sipa-slick[sipa-design*="lightblue"] .slick-dots > li.slick-active > button {
  background-color: var(--sipa-lightblue-opposite);
}
.sipa-slick[sipa-design*="lightblue"][sipa-design*="bg_fill"] .slick-dots > li:hover > button,
.sipa-slick[sipa-design*="lightblue"][sipa-design*="bg_fill"] .slick-dots > li.slick-active > button {
  background-color: var(--sipa-lightblue);
}

.sipa-slick[sipa-design*="lightblue"][sipa-design*="slide_bg_fill"],
.sipa-slick[sipa-design*="lightblue"][sipa-design*="items_bg_fill"] > .slick-list > .slick-track > *::before,
.sipa-slick[sipa-design*="lightblue"][sipa-design*="text_bg_fill"] > .slick-list > .slick-track > * > .text {
  background-color: var(--sipa-lightblue) ;
}
.sipa-slick[sipa-design*="lightblue"] > .slick-list > .slick-track > * > .text > .prod-actions a[class*="to_cart"] {
  background-color: var(--sipa-lightblue);
  border-color:var(--sipa-lightblue) ;
  color: var(--sipa-lightblue-opposite);
}
.sipa-slick[sipa-design*="lightblue"] > .slick-list > .slick-track > * > .text > .prod-actions a[class*="to_cart"]:hover {
  background-color: var(--sipa-lightblue-opposite);
  color: var(--sipa-lightblue);
}
.sipa-slick[sipa-design*="lightblue"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > .text > .prod-actions a[class*="to_cart"] {
  background-color: var(--sipa-lightblue-opposite);
  border-color: var(--sipa-lightblue-opposite);
  color: var(--sipa-lightblue);
}
.sipa-slick[sipa-design*="lightblue"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > .text > .prod-actions a[class*="to_cart"]:hover {
  background-color: var(--sipa-lightblue);
  color: var(--sipa-lightblue-opposite);
}
.sipa-slick[sipa-design*="lightblue"][sipa-design*="items_border"] > .slick-list > .slick-track > *::before {
  border-color:var(--sipa-lightblue)
}
.sipa-slick[sipa-design*="lightblue"][sipa-design*="cta_button"] > .slick-list > .slick-track > * > .text > .action > a._go {
  border-color: var(--sipa-lightblue);
} 
.sipa-slick[sipa-design*="lightblue"][sipa-design*="cta_button"] > .slick-list > .slick-track > *:hover > .text > .action > a._go {
  background-color: var(--sipa-lightblue);
  color: var(--sipa-lightblue-opposite) ;
}
.sipa-slick[sipa-design*="lightblue"][sipa-design*="cta_button"][sipa-design*="bg_fill"] > .slick-list > .slick-track > * > .text > .action > a._go {
  border-color: var(--sipa-lightblue-opposite);
} 
.sipa-slick[sipa-design*="lightblue"][sipa-design*="cta_button"][sipa-design*="bg_fill"] > .slick-list > .slick-track > *:hover > .text > .action > a._go {
  background-color: var(--sipa-lightblue-opposite);
  color: var(--sipa-lightblue) ;
}  

/* Paddings and Margins */

.sipa-content[sipa-design*="grid_padding_mini"] {
  padding: var(--sipa-padding-mini);
}
.sipa-content[sipa-design*="grid_padding_maxi"] {
  padding: var(--sipa-padding-maxi);
}
.sipa-content[sipa-design*="grid_padding_huge"] {
  padding: var(--sipa-padding-huge);
}

.sipa-content[sipa-design*="items_padding_mini"] > * > .text {
  padding: var(--sipa-padding-mini);
}
.sipa-content[sipa-design*="items_padding_maxi"] > * > .text {
  padding: var(--sipa-padding-maxi);
}
.sipa-content[sipa-design*="items_padding_huge"] > * > .text {
  padding: var(--sipa-padding-huge);
}

.sipa-content.sipa-content[sipa-design*="items_padding_"] > * > *:not(._go) + *:not(.edit-post-link) {
  margin-top: var(--sipa-padding-default);
}

/* Borders */

.sipa-content[sipa-design*="grid_border_mini"],
.sipa-content[sipa-design*="grid_border_maxi"],
.sipa-content[sipa-design*="grid_border_huge"] {
    border-style: solid;
}

.sipa-content[sipa-design*="grid_border_mini"] {
  border-width: var(--sipa-border-mini);
}
.sipa-content[sipa-design*="grid_border_maxi"] {
  border-width: var(--sipa-border-maxi);
}
.sipa-content[sipa-design*="grid_border_huge"] {
  border-width: var(--sipa-border-huge);
}

/* items borders */

.sipa-content[sipa-design*="items_border_mini"] > *,
.sipa-content[sipa-design*="items_border_maxi"] > *,
.sipa-content[sipa-design*="items_border_huge"] > * {
    border-style: solid;
}

.sipa-content[sipa-design*="items_border_mini"] > * {
  border-width: var(--sipa-border-mini);
}
.sipa-content[sipa-design*="items_border_maxi"] > * {
  border-width: var(--sipa-border-maxi);
}
.sipa-content[sipa-design*="items_border_huge"] > * {
  border-width: var(--sipa-border-huge);
}

/* Radius */

.sipa-content[sipa-design*="grid_radius_mini"] {
  border-radius: var(--sipa-radius-mini);
}
.sipa-content[sipa-design*="grid_radius_maxi"] {
  border-radius: var(--sipa-radius-maxi);
}
.sipa-content[sipa-design*="grid_radius_huge"] {
  border-radius: var(--sipa-radius-huge);
}

.sipa-content[sipa-design*="items_radius_"] > *  {
  overflow: hidden;
}

.sipa-content[sipa-design*="items_radius_zero"] > * {
  border-radius: var(--sipa-radius-zero);
}
.sipa-content[sipa-design*="items_radius_mini"] > * {
  border-radius: var(--sipa-radius-mini);
}
.sipa-content[sipa-design*="items_radius_maxi"] > * {
  border-radius: var(--sipa-radius-maxi);
}
.sipa-content[sipa-design*="items_radius_huge"] > * {
  border-radius: var(--sipa-radius-huge);
}

/* Image Radius */

.sipa-content[sipa-design*="image_radius_mini"] > * > picture,
.sipa-content[sipa-design*="image_radius_mini"] > * > picture > img,
.sipa-content[sipa-design*="image_radius_mini"] > * > video,
.sipa-content[sipa-design*="image_radius_mini"] > * > iframe[src*="youtu"] {
  display: block;
  border-radius: var(--sipa-radius-mini);
}
.sipa-content[sipa-design*="image_radius_maxi"] > * > picture,
.sipa-content[sipa-design*="image_radius_maxi"] > * > picture > img,
.sipa-content[sipa-design*="image_radius_maxi"] > * > video,
.sipa-content[sipa-design*="image_radius_maxi"] > * > iframe[src*="youtu"] {
  display: block;
  border-radius: var(--sipa-radius-maxi);
}
.sipa-content[sipa-design*="image_radius_huge"] > * > picture,
.sipa-content[sipa-design*="image_radius_huge"] > * > picture > img,
.sipa-content[sipa-design*="image_radius_huge"] > * > video,
.sipa-content[sipa-design*="image_radius_max"] > * > iframe[src*="youtu"] {
  display: block;
  border-radius: var(--sipa-radius-huge);
}

.sipa-content[sipa-design*="image_radius_"] > * > video.sipa-video[data-video-type="popup"] {
  display: none;
}

/* Gaps */
.sipa-content.flex:not(ol,ul)[sipa-design*="items_gap_zero"],
.sipa-content[sipa-design*="items_gap_zero"] {
  gap: var(--sipa-gap-zero);
}
.sipa-content.flex:not(ol,ul)[sipa-design*="items_gap_mini"],
.sipa-content[sipa-design*="items_gap_mini"] {
  gap: var(--sipa-gap-mini);
}
.sipa-content.flex:not(ol,ul)[sipa-design*="items_gap_maxi"],
.sipa-content[sipa-design*="items_gap_maxi"] {
  gap: var(--sipa-gap-maxi);
}
.sipa-content.flex:not(ol,ul)[sipa-design*="items_gap_huge"],
.sipa-content[sipa-design*="items_gap_huge"] {
  gap: var(--sipa-gap-huge);
}

/* text box alignments */
.sipa-content[sipa-design*="text_abs"] > * > .text {
  position: absolute;
  z-index: 3;
  width: 100%;
  box-sizing: border-box;
  height: max-content;
  inset: 0;
}
.sipa-content[sipa-design*="text_abs_top"] > * > .text {
  margin: 0 0 auto 0 !important;
}
.sipa-content[sipa-design*="text_abs_bottom"] > * > .text {
  margin: auto 0 0 0 !important;
}
.sipa-content[sipa-design*="text_abs_center"] > * > .text {
  margin: auto 0 !important;
}
.sipa-content[sipa-design*="text_sta_"] > * {
  display: flex;
  flex-direction: row;
  gap: var(--sipa-gap-zero);
  align-items: stretch;
}
.sipa-content[sipa-design*="text_sta_"] > * > .text {
  align-content: center;
}
.sipa-content[sipa-design*="text_sta_"] > * > picture > img {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  object-fit: cover;
  object-position: center;
}
.sipa-content[sipa-design*="text_sta_"] > * > * {
  flex: 1;
  box-sizing: border-box;
}
.sipa-content[sipa-design*="text_sta_left"] > *  {
  flex-direction: row-reverse;
}
.sipa-content[sipa-design*="text_sta_"] > * > video.sipa-video {
  max-width: 100%;
  width: unset;
}
/* text align */

.sipa-content[sipa-design*="text_left"],
.sipa-content[sipa-design*="text_left"] > *,
.sipa-content[sipa-design*="text_left"] > * > *,
.sipa-content[sipa-design*="text_left"] > * > * > * {
  text-align: left;
}
.sipa-content[sipa-design*="text_right"],
.sipa-content[sipa-design*="text_right"] > *,
.sipa-content[sipa-design*="text_right"] > * > *,
.sipa-content[sipa-design*="text_right"] > * > * > * {
  text-align: right;
}
.sipa-content[sipa-design*="text_center"],
.sipa-content[sipa-design*="text_center"] > *,
.sipa-content[sipa-design*="text_center"] > * > *,
.sipa-content[sipa-design*="text_center"] > * > * > * {
  text-align: center;
}

/* Pagination Styles */

.sipa-pagination {
  text-align: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: .5rem;
  justify-content: center;
  padding: .5rem 0;
}
.sipa-pagination > :is(span,a) {
  flex:unset;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  padding: .5rem;
  border: 1px solid rgba(0,0,0,0);
  text-decoration: none !important;
}
.sipa-pagination > a.next,
.sipa-pagination > a.prev {
  font-size: 0;
}
.sipa-pagination > a.next::after,
.sipa-pagination > a.prev::after {
  font-size: 1rem;
  content: '\e839';
  font-family: 'sipico';
}
.sipa-pagination > a.prev::after {
  content:'\e83a';
}
.sipa-pagination > span.current {
  font-weight: bold;
}

/* Sipa Slicks Margins, Paddings, Radius */

.sipa-slick[sipa-design*="bg_fill"] > .slick-list {
  margin-left: unset;
  margin-right: unset;
}
.sipa-slick[sipa-design*="items_bg_fill"] > .slick-list > .slick-track > *::before,
.sipa-slick[sipa-design*="items_border"] > .slick-list > .slick-track > *::before {
  content: "";
  position: absolute;
  z-index: 1;
  margin: 0 !important;
  inset: 0;
}
.sipa-slick[sipa-design*="items_bg_fill"] > .slick-list > .slick-track > * > *,
.sipa-slick[sipa-design*="items_border"] > .slick-list > .slick-track > * > * {
  position: relative;
  z-index: 2;
}

.sipa-slick[sipa-design*="items_gap_mini"] > .slick-list > .slick-track > * {
  padding: calc( var(--sipa-gap-mini) * 4 );
}
.sipa-slick[sipa-design*="items_gap_mini"] > .slick-list > .slick-track > *::before {
  inset: calc( var(--sipa-gap-mini) - var(--sipa-gap-mini) / 2 );
}
.sipa-slick[sipa-design*="items_gap_maxi"] > .slick-list > .slick-track > * {
  padding: calc( var(--sipa-gap-maxi) * 1 );
}
.sipa-slick[sipa-design*="items_gap_maxi"] > .slick-list > .slick-track > *::before {
  inset: calc( var(--sipa-gap-maxi) - var(--sipa-gap-maxi) / 2 );
}
.sipa-slick[sipa-design*="items_gap_huge"] > .slick-list > .slick-track > * {
  padding: calc( var(--sipa-gap-huge) * 1 );
}
.sipa-slick[sipa-design*="items_gap_huge"] > .slick-list > .slick-track > *::before {
  inset: calc( var(--sipa-gap-huge) - var(--sipa-gap-huge) / 2 );
}
.sipa-slick[sipa-design*="items_radius_mini"] > .slick-list > .slick-track > *::before,
.sipa-slick[sipa-design*="image_radius_mini"] > .slick-list > .slick-track > * :is(picture,img,figure,video,iframe[src*="youtu"]),
.sipa-slick[sipa-design*="items_radius_mini"] > .slick-list > .slick-track > * > .text {
  border-radius: var(--sipa-radius-mini);
}
.sipa-slick[sipa-design*="items_radius_maxi"] > .slick-list > .slick-track > *::before,
.sipa-slick[sipa-design*="image_radius_maxi"] > .slick-list > .slick-track > * :is(picture,img,figure,video,iframe[src*="youtu"]),
.sipa-slick[sipa-design*="items_radius_maxi"] > .slick-list > .slick-track > * > .text {
  border-radius: var(--sipa-radius-maxi);
}
.sipa-slick[sipa-design*="items_radius_huge"] > .slick-list > .slick-track > *::before,
.sipa-slick[sipa-design*="image_radius_huge"] > .slick-list > .slick-track > * :is(picture,img,figure,video,iframe[src*="youtu"]),
.sipa-slick[sipa-design*="items_radius_huge"] > .slick-list > .slick-track > * > .text {
  border-radius: var(--sipa-radius-huge);
}
.sipa-slick[sipa-design*="items_border"] > .slick-list > .slick-track > *::before {
  border:1px solid transparent;
}
.sipa-slick[sipa-design*="items_border_mini"] > .slick-list > .slick-track > *::before {
  border-width: var(--sipa-border-mini);
}
.sipa-slick[sipa-design*="items_border_maxi"] > .slick-list > .slick-track > *::before {
  border-width: var(--sipa-border-maxi);
}
.sipa-slick[sipa-design*="items_border_huge"] > .slick-list > .slick-track > *::before {
  border-width: var(--sipa-border-huge);
}

.sipa-slick[sipa-design*="items_padding_mini"] > .slick-list > .slick-track > * > .text,
.sipa-slick[sipa-design*="text_padding_mini"] > .slick-list > .slick-track > * > .text {
  padding: var(--sipa-padding-mini);
}
.sipa-slick[sipa-design*="items_padding_maxi"] > .slick-list > .slick-track > * > .text,
.sipa-slick[sipa-design*="text_padding_maxi"] > .slick-list > .slick-track > * > .text {
  padding: var(--sipa-padding-maxi);
}
.sipa-slick[sipa-design*="items_padding_huge"] > .slick-list > .slick-track > * > .text,
.sipa-slick[sipa-design*="text_padding_huge"] > .slick-list > .slick-track > * > .text {
  padding: var(--sipa-padding-huge);
}
.sipa-slick[sipa-design*="text_abs_"] > .slick-list > .slick-track > * > .text {
  position: absolute;
  z-index: 5;
  width: max-content;
  height: max-content;
  max-width: calc(100% - 4rem);
  max-height: calc(100% - 4rem);
  inset: 0;
  margin: auto;
}
.sipa-slick[sipa-design*="text_abs_top"] > .slick-list > .slick-track > * > .text {
  margin: 2.5rem auto auto auto;
}
.sipa-slick[sipa-design*="text_abs_bottom"] > .slick-list > .slick-track > * > .text {
  margin: auto auto 2.5rem auto;
}
.sipa-slick[sipa-design*="text_sta_"] > .slick-list > .slick-track > * {
  display: flex;
  flex-direction: row;
  gap:0;
  align-items: stretch;
}
.sipa-slick[sipa-design*="text_sta_"] > .slick-list > .slick-track > * > * {
  flex:1;
}
.sipa-slick[sipa-design*="text_sta_"] > .slick-list > .slick-track > * > .text {
  align-content: center;
}
.sipa-slick[sipa-design*="text_sta_"] > .slick-list > .slick-track > * > *:not(._go) + *:not(.edit-post-link) {
  margin-top: 0;
}
.sipa-slick[sipa-design*="text_sta_"] > .slick-list > .slick-track > * > picture,
.sipa-slick[sipa-design*="text_sta_"] > .slick-list > .slick-track > * > picture > img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
.sipa-slick[sipa-design*="text_sta_left"] > .slick-list > .slick-track > * {
  flex-direction: row-reverse;
}
.sipa-slick[sipa-design*="text_left"] > .slick-list > .slick-track > *,
.sipa-slick[sipa-design*="text_left"] > .slick-list > .slick-track > * > .text {
  text-align: left;
}
.sipa-slick[sipa-design*="text_center"] > .slick-list > .slick-track > *,
.sipa-slick[sipa-design*="text_center"] > .slick-list > .slick-track > * > .text {
  text-align: center;
}
.sipa-slick[sipa-design*="text_right"] > .slick-list > .slick-track > *,
.sipa-slick[sipa-design*="text_right"] > .slick-list > .slick-track > * > .text {
  text-align: right;
}

.sipa-slick[sipa-design*="cta_button"] > .slick-list > .slick-track > * > .text > .action > a._go {
  display: inline-block;
  vertical-align: middle;
  padding: .6rem 1.2rem;
  font-weight: bold;
  border: 1px solid transparent;
  text-decoration: none;
} 
.sipa-slick[sipa-design*="cta_button"][sipa-design*="radius_mini"] > .slick-list > .slick-track > * > .text > .action > a._go {
  border-radius: var(--sipa-radius-mini);
}
.sipa-slick[sipa-design*="cta_button"][sipa-design*="radius_maxi"] > .slick-list > .slick-track > * > .text > .action > a._go {
  border-radius: var(--sipa-radius-maxi);
}
.sipa-slick[sipa-design*="cta_button"][sipa-design*="radius_huge"] > .slick-list > .slick-track > * > .text > .action > a._go {
  border-radius: var(--sipa-radius-huge);
}  

/* Flex Columns Gap Set */

.flex.col-2[sipa-design*="gap_maxi"] > * {
    min-width: calc(50% - var(--sipa-gap-maxi));
}
.flex.col-2.no-wide[sipa-design*="gap_maxi"] > * {
    max-width: calc(50% - var(--sipa-gap-maxi));
}
.flex.col-2[sipa-design*="gap_huge"] > * {
    min-width: calc(50% - var(--sipa-gap-huge));
}
.flex.col-2.no-wide[sipa-design*="gap_huge"] > * {
    max-width: calc(50% - var(--sipa-gap-huge));
}

.flex.col-3[sipa-design*="gap_maxi"] > * {
    min-width: calc(32% - var(--sipa-gap-maxi));
}
.flex.col-3.no-wide[sipa-design*="gap_maxi"] > * {
    max-width: calc(32% - var(--sipa-gap-maxi));
}
.flex.col-3[sipa-design*="gap_huge"] > * {
    min-width: calc(32% - var(--sipa-gap-huge));
}
.flex.col-3.no-wide[sipa-design*="gap_huge"] > * {
    max-width: calc(32% - var(--sipa-gap-huge));
}

.flex.col-4[sipa-design*="gap_maxi"] > * {
    min-width: calc(24% - var(--sipa-gap-maxi));
}
.flex.col-4.no-wide[sipa-design*="gap_maxi"] > * {
    max-width: calc(24% - var(--sipa-gap-maxi));
}
.flex.col-4[sipa-design*="gap_huge"] > * {
    min-width: calc(24% - var(--sipa-gap-huge));
}
.flex.col-4.no-wide[sipa-design*="gap_huge"] > * {
    max-width: calc(24% - var(--sipa-gap-huge));
}
.flex.col-5[sipa-design*="gap_maxi"] > * {
    min-width: calc(19% - var(--sipa-gap-maxi));
}
.flex.col-5.no-wide[sipa-design*="gap_maxi"] > * {
    max-width: calc(19% - var(--sipa-gap-maxi));
}
.flex.col-5[sipa-design*="gap_huge"] > * {
    min-width: calc(19% - var(--sipa-gap-huge));
}
.flex.col-5.no-wide[sipa-design*="gap_huge"] > * {
    max-width: calc(19% - var(--sipa-gap-huge));
}
.flex.col-6[sipa-design*="gap_maxi"] > * {
    min-width: calc(15.8% - var(--sipa-gap-maxi));
}
.flex.col-6.no-wide[sipa-design*="gap_maxi"] > * {
    max-width: calc(15.8% - var(--sipa-gap-maxi));
}

.flex.col-6[sipa-design*="gap_huge"] > * {
    min-width: calc(15.8% - var(--sipa-gap-huge));
}
.flex.col-6.no-wide[sipa-design*="gap_huge"] > * {
    max-width: calc(15.8% - var(--sipa-gap-huge));
}

@media screen and (max-width:1281px) and (min-width:1024px) {
    
    .flex.col-5[sipa-design*="gap_maxi"] > *,
    .flex.col-6[sipa-design*="gap_maxi"] > * {
        min-width: calc(32% - var(--sipa-gap-maxi));
    }
    .flex.col-5.no-wide[sipa-design*="gap_maxi"] > *,
    .flex.col-6.no-wide[sipa-design*="gap_maxi"] > * {
        max-width: calc(32% - var(--sipa-gap-maxi));
    }

    .flex.col-5[sipa-design*="gap_huge"] > *,
    .flex.col-6[sipa-design*="gap_huge"] > * {
        min-width: calc(32% - var(--sipa-gap-huge));
    }
    .flex.col-5.no-wide[sipa-design*="gap_huge"] > *,
    .flex.col-6.no-wide[sipa-design*="gap_huge"] > * {
        max-width: calc(32% - var(--sipa-gap-huge));
    }
}

@media screen and (max-width:1024px) {
    
    .flex.col-2[sipa-design*="gap_maxi"] > *,
    .flex.col-3[sipa-design*="gap_maxi"] > *,
    .flex.col-4[sipa-design*="gap_maxi"] > *,
    .flex.col-5[sipa-design*="gap_maxi"] > *,
    .flex.col-6[sipa-design*="gap_maxi"] > * {
        min-width: calc(50% - var(--sipa-gap-maxi));
    }
    .flex.col-2.no-wide[sipa-design*="gap_maxi"] > *,
    .flex.col-3.no-wide[sipa-design*="gap_maxi"] > *,
    .flex.col-4.no-wide[sipa-design*="gap_maxi"] > *,
    .flex.col-5.no-wide[sipa-design*="gap_maxi"] > *,
    .flex.col-6.no-wide[sipa-design*="gap_maxi"] > * {
        max-width: calc(50% - var(--sipa-gap-maxi));
    }

    .flex.col-2[sipa-design*="gap_huge"] > *,
    .flex.col-3[sipa-design*="gap_huge"] > *,
    .flex.col-4[sipa-design*="gap_huge"] > *,
    .flex.col-5[sipa-design*="gap_huge"] > *,
    .flex.col-6[sipa-design*="gap_huge"] > * {
        min-width: calc(50% - var(--sipa-gap-huge));
    }
    .flex.col-2.no-wide[sipa-design*="gap_huge"] > *,
    .flex.col-3.no-wide[sipa-design*="gap_huge"] > *,
    .flex.col-4.no-wide[sipa-design*="gap_huge"] > *,
    .flex.col-5.no-wide[sipa-design*="gap_huge"] > *,
    .flex.col-6.no-wide[sipa-design*="gap_huge"] > * {
        max-width: calc(50% - var(--sipa-gap-huge));
    }
}

@media screen and (max-width:769px) {

    .flex.col-2[sipa-design*="gap_maxi"] > *,
    .flex.col-3[sipa-design*="gap_maxi"] > *,
    .flex.col-4[sipa-design*="gap_maxi"] > *,
    .flex.col-5[sipa-design*="gap_maxi"] > *,
    .flex.col-6[sipa-design*="gap_maxi"] > * {
        min-width: 100%;
    }
    .flex.col-2.no-wide[sipa-design*="gap_maxi"] > *,
    .flex.col-3.no-wide[sipa-design*="gap_maxi"] > *,
    .flex.col-4.no-wide[sipa-design*="gap_maxi"] > *,
    .flex.col-5.no-wide[sipa-design*="gap_maxi"] > *,
    .flex.col-6.no-wide[sipa-design*="gap_maxi"] > * {
        max-width: unset;
    }

    .flex.col-2[sipa-design*="gap_huge"] > *,
    .flex.col-3[sipa-design*="gap_huge"] > *,
    .flex.col-4[sipa-design*="gap_huge"] > *,
    .flex.col-5[sipa-design*="gap_huge"] > *,
    .flex.col-6[sipa-design*="gap_huge"] > * {
         min-width: 100%;
    }
    .flex.col-2.no-wide[sipa-design*="gap_huge"] > *,
    .flex.col-3.no-wide[sipa-design*="gap_huge"] > *,
    .flex.col-4.no-wide[sipa-design*="gap_huge"] > *,
    .flex.col-5.no-wide[sipa-design*="gap_huge"] > *,
    .flex.col-6.no-wide[sipa-design*="gap_huge"] > * {
        max-width: unset;
    }
}

/* Grid Layout Placement */

@media screen and (min-width: 1024px) {
  
  [sipa-design*="four_4_3_3"]:not(.flex) > *:nth-child(6) {
    grid-column: span 2;
    grid-row: span 2;
  }

  [sipa-design*="four_1_2_3"]:not(.flex) > *:nth-child(1) {
    grid-column: span 4;
  }
  [sipa-design*="four_1_2_3"]:not(.flex) > *:nth-child(2) {
    grid-column: span 3;
  }
  [sipa-design*="four_1_2_3"]:not(.flex) > *:nth-child(4) {
    grid-column: span 2;
  }

  [sipa-design*="four_1_4_4"]:not(.flex) > *:nth-child(1),
  [sipa-design*="four_1_4_4"]:not(.flex) > *:nth-child(10) {
    grid-column: span 4;
  }

  [sipa-design*="four_1_2_4"]:not(.flex) > *:nth-child(1) {
    grid-column: span 4;
  }
  [sipa-design*="four_1_2_4"]:not(.flex) > *:nth-child(2),
  [sipa-design*="four_1_2_4"]:not(.flex) > *:nth-child(3),
  [sipa-design*="four_1_2_4"]:not(.flex) > *:nth-child(8),
  [sipa-design*="four_1_2_4"]:not(.flex) > *:nth-child(9) {
    grid-column: span 2;
  }

  [sipa-design*="three_"]:not(.flex) {
    grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
  }
  [sipa-design*="three_1_2_3"]:not(.flex) > *:nth-child(1)  {
    grid-column: span 3;
  }
  [sipa-design*="three_1_2_3"]:not(.flex) > *:nth-child(2),
  [sipa-design*="three_1_2_3"]:not(.flex) > *:nth-child(7),
  [sipa-design*="three_1_2_3"]:not(.flex) > *:nth-child(12)  {
    grid-column: span 2;
  }
  
  [sipa-design*="three_2_3_2"]:not(.flex) > *:nth-child(1),
  [sipa-design*="three_2_3_2"]:not(.flex) > *:nth-child(7),
  [sipa-design*="three_2_3_2"]:not(.flex) > *:nth-child(11),
  [sipa-design*="three_2_3_2"]:not(.flex) > *:nth-child(17) {
    grid-column: span 2;
  }

  [sipa-design*="two_"]:not(.flex) {
    grid-template-columns: repeat(auto-fill, minmax(465px, 1fr));
  }
  [sipa-design*="two_1_2_2"]:not(.flex) > *:nth-child(1),
  [sipa-design*="two_1_2_2"]:not(.flex) > *:nth-child(6),
  [sipa-design*="two_1_2_2"]:not(.flex) > *:nth-child(11),
  [sipa-design*="two_1_2_2"]:not(.flex) > *:nth-child(16),
  [sipa-design*="two_1_2_2"]:not(.flex) > *:nth-child(21) {
    grid-column: span 2;
  }

  [sipa-design*="two_2_2_1"]:not(.flex) > *:nth-child(1),
  [sipa-design*="two_2_2_1"]:not(.flex) > *:nth-child(6),
  [sipa-design*="two_2_2_1"]:not(.flex) > *:nth-child(9),
  [sipa-design*="two_2_2_1"]:not(.flex) > *:nth-child(14) {
    grid-row: span 3;
  }

  [sipa-design*="four_4_3_3"][sipa-design*="text_abs_"]:not(.flex) > *:nth-child(6) > picture,
  [sipa-design*="four_4_3_3"][sipa-design*="text_abs_"]:not(.flex) > *:nth-child(6) > picture > img,
  [sipa-design*="two_2_2_1"]:not(.flex) > *:nth-child(1) > picture,
  [sipa-design*="two_2_2_1"]:not(.flex) > *:nth-child(1) > picture > img,
  [sipa-design*="two_2_2_1"]:not(.flex) > *:nth-child(6) > picture,
  [sipa-design*="two_2_2_1"]:not(.flex) > *:nth-child(6) > picture > img,
  [sipa-design*="two_2_2_1"]:not(.flex) > *:nth-child(9) > picture,
  [sipa-design*="two_2_2_1"]:not(.flex) > *:nth-child(9) > picture > img,
  [sipa-design*="two_2_2_1"]:not(.flex) > *:nth-child(14) > picture,
  [sipa-design*="two_2_2_1"]:not(.flex) > *:nth-child(14) > picture > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

}