*:not(:defined) { opacity: 0; } /* Prevent FOUC on loading */ 



[effect-scroll] {
  transition : transform .3s;
}

.slide-out-top {
  transform: translateY(-100%);
}

.animScrollInBottom .stagger > *:nth-child(2) { transition-delay: calc(var(--opa-stagger, 0.1s)); }
.animScrollInBottom .stagger > *:nth-child(3) { transition-delay: calc(var(--opa-stagger, 0.2s)); }
.animScrollInBottom .stagger > *:nth-child(4) { transition-delay: calc(var(--opa-stagger, 0.3s)); }
.animScrollInBottom .stagger > *:nth-child(5) { transition-delay: calc(var(--opa-stagger, 0.4s)); }
.animScrollInBottom .stagger > *:nth-child(6) { transition-delay: calc(var(--opa-stagger, 0.5s)); }
.animScrollInBottom .stagger > *:nth-child(7) { transition-delay: calc(var(--opa-stagger, 0.6s)); }
.animScrollInBottom .stagger > *:nth-child(8) { transition-delay: calc(var(--opa-stagger, 0.7s)); }
.animScrollInBottom .stagger > *:nth-child(9) { transition-delay: calc(var(--opa-stagger, 0.8s)); }
.stagger-delay-01 { --opa-stagger: 0.1s; }
.stagger-delay-02 { --opa-stagger: 0.2s; }
.stagger-delay-03 { --opa-stagger: 0.3s; }
.stagger-delay-04 { --opa-stagger: 0.4s; }
.stagger-delay-05 { --opa-stagger: 0.5s; }
:root{

  --opa-button-size : 40px;
  --opa-media-background : gray;
  
  /* colors */
  --opa-section-color : transparent;
  --opa-onsection-color : #413F3E;
  
  --opa-text-color : var(--opa-onsection-color);
  --opa-heading-color : var(--opa-onsection-color);
  
  --opa-text-link-color : var(--opa-text-color);
  --opa-heading-link-color : var(--opa-text-color);
  
  --opa-field-placeholder-fontcolor : gray;
  
  /* font */
  --opa-text-fontfamily : "Wix Madefor Display";
  --opa-heading-fontfamily : "Wix Madefor Display";

}


body{
  /*background-color: var(--opa-body-color, white);*/
  position: relative;
  padding: 0;
  margin: 0;
}

.opa-filtered-element {
  transition: .3s all;
}

.opa-filtered-element.is-disable{
  opacity: 0;
  transform: scale(0) skew(10deg);
}


opa-badge::part(element){
  background : transparent;
  text-transform : uppercase;
  padding : 0;
  font-weight : bold;
  font-size : 12px;
  letter-spacing : .2em;
  color : var(--opa-text-color);

}

opa-button::part(element){
  border-radius: 0;
  font-weight: normal;
  transition: all .3s ease;
  will-change: transform;
  font-size: 16px;
  padding: 8px 0;
  letter-spacing: .03em;
  background : transparent;
  color : var(--opa-text-color);
  justify-content : start;
  
}

opa-button[href]:hover::part(element){
  transform : translateX(1%);
  filter: brightness(.5);

}

opa-button[icon]::part(element){
  height: var(--opa-button-size);
  width : var(--opa-button-size);
  padding: 0;
  justify-content : center;
}

opa-button[icon]::part(icon-button){
  /*width : 16px;*/
  
}

opa-button[state="selected"]::part(element){
  /*color : #757575;*/
}

opa-button[state="selected"]::part(icon-after){
   transform : rotate(180deg);
}


opa-container::part(element){
  color : var(--opa-text-color);
}

opa-container[href]::part(element){
  transition : .3s all;
}

opa-container[href]:hover::part(element){
  transform : translateX(1%);
  filter: brightness(.5);

}


opa-container[variant="on-image"]::part(element){
  color : white;
  --opa-text-color : white;
  --opa-heading-color : white;
}

opa-field::part(label){
  display: inline-block;
  line-height: 100%;
  background-color: transparent;
  color: var(--opa-titlecolor);
  font-size: 11px;
  position: relative;
  font-weight : normal;
  
}

opa-field::part(input){
  background : #F2F1F2;
  border : none;
}

opa-field.focused::part(input){
  outline : 1px solid white;
}


opa-field::part(input-element){
  
  color : white!important;
}

opa-heading h1,
opa-heading h2, 
opa-heading h3,
opa-heading h4{
  margin:0;
  padding: 0;
  font-weight: bold;
  line-height: 130%;
  color: var(--opa-heading-color, black);
}


opa-heading a {
  color : var(--opa-heading-link-color, blue);
  text-decoration: none;
  font-weight: normal;
}

opa-image::part(element),
opa-image-compare::part(element),
opa-video::part(element),
opa-embed::part(element){
  background-color: #5f5f5f;
  transition : all .3s;
}

opa-image::part(image),
opa-video::part(image),
opa-embed::part(image) {
  opacity: 0;
}

opa-image::part(image-loaded),
opa-video::part(image-loaded),
opa-embed::part(image-loaded){
  transition: 1s all;
  opacity: 1; 
}

opa-modal::part(backdrop){
  transition: .3s all ease;
  background-color: black;
  opacity: 0;
}

opa-modal[opened]::part(backdrop){
  opacity: .7;
}

opa-modal::part(panel){
  transition : .3s all;
}


opa-section[variant="theme1"]::part(element){
  background-color : transparent;
  color : black;
}

opa-section[variant="theme2"]::part(element){
  background-color : #F2F1F2;
}

opa-section[variant="theme3"]::part(element){
  background-color : #DDCFC5;
  color : white;
}

opa-text a {
  color : var(--opa-text-color);
}

.slide-out-top-from,
.slide-out-top-from::part(panel){
  transition : .3s transform; 
}

.slide-out-top-to,
.slide-out-top-from::part(panel){
  transform : translateY(-100%); 
}


.slide-in-right-from::part(panel){
  transition : .3s transform;
  transform : translateX(100%); 
}


.slide-in-right-to::part(panel){
  transform : translateX(0); 
}