/************************************************************************************
/*
/*      Copyright © 2025 SlicPix Inc. USA. All rights reserved.
/*
/************************************************************************************/
:root{
  --lightbox-width:500px;
  --lightbox-textarea-height-mode:unbounded;
  --lightbox-textarea-height:unset;
  --lightbox-textarea-right-padding:0px;
  --lightbox-textarea-scrollbar-thumb-color:#C788FD;
  --lightbox-textarea-scrollbar-track-color:#5D5D5D;
  --lightbox-background:#262626;
  --lightbox-color:#FFFFFF;
  --lightbox-border-radius:8px;
  --lightbox-border-thickness:2px;
  --lightbox-border-color:#707070;
  --lightbox-close-color:#FFFFFF;
  --lightbox-close-hover-color:#FFFFFF;
  --lightbox-header-margin:0 25px;
  --lightbox-header-media-width:auto;
  --lightbox-header-media-max-width:calc(100% - 50px);
  --lightbox-header-media-max-height:300px;
  --lightbox-header-media-radius:0px;

  --lightbox-body-padding:35px 0 0 0;
  --lightbox-body-header-close-visible:visible;

  --lightbox-content-font-family:inherit;
  --lightbox-content-header-close-visible:hidden;
  --lightbox-header-media-mode:"fill";
  --lightbox-content-links-underlined:"none";
  --lightbox-content-links-bold:"normal";
  --lightbox-content-links-italic:"normal";
  --lightbox-content-links-color:#C788FD;
  --lightbox-content-links-hover-color:#C788FD;
  --lightbox-content-margin:10px 25px 10px 25px;

  --button-font-family:inherit;
  --button-background:#FFFFFF;
  --button-hover-background:#FFFFFF;
  --button-color:#262626;
  --button-hover-color:#262626;
  --button-border-radius:8px;
  --button-border-thickness:2px;
  --button-hover-border-thickness:2px;
  --button-border-color:#FFFFFF;
  --button-hover-border-color:#FFFFFF;
  --button-underlined:"none";
  --button-bold:"normal";
  --button-italic:"normal";
  --button-margin-top-bottom:16px;
  --button-margin-left-right:16px;
  --button-padding-top-bottom:8px;
  --button-padding-left-right:16px;
  --button-min-width:50%;
  --button-alignment:center;
}

:root[data-is-skin="dark"]{
  --lightbox-width:500px;
  --lightbox-textarea-height-mode:unbounded;
  --lightbox-textarea-height:unset;
  --lightbox-textarea-right-padding:0px;
  --lightbox-textarea-scrollbar-thumb-color:#C788FD;
  --lightbox-textarea-scrollbar-track-color:#5D5D5D;
  --lightbox-background:#262626;
  --lightbox-color:#FFFFFF;
  --lightbox-border-radius:8px;
  --lightbox-border-thickness:2px;
  --lightbox-border-color:#707070;
  --lightbox-close-color:#FFFFFF;
  --lightbox-close-hover-color:#FFFFFF;
  --lightbox-header-margin:0 25px;
  --lightbox-header-media-width:auto;
  --lightbox-header-media-max-width:calc(100% - 50px);
  --lightbox-header-media-max-height:300px;
  --lightbox-header-media-radius:0px;

  --lightbox-body-padding:35px 0 0 0;
  --lightbox-body-header-close-visible:visible;

  --lightbox-content-font-family:inherit;
  --lightbox-content-header-close-visible:hidden;
  --lightbox-header-media-mode:"fill";
  --lightbox-content-links-underlined:"none";
  --lightbox-content-links-bold:"normal";
  --lightbox-content-links-italic:"normal";
  --lightbox-content-links-color:#C788FD;
  --lightbox-content-links-hover-color:#C788FD;
  --lightbox-content-margin:10px 25px 10px 25px;

  --button-font-family:inherit;
  --button-background:#FFFFFF;
  --button-hover-background:#FFFFFF;
  --button-color:#262626;
  --button-hover-color:#262626;
  --button-border-radius:8px;
  --button-border-thickness:2px;
  --button-hover-border-thickness:2px;
  --button-border-color:#FFFFFF;
  --button-hover-border-color:#FFFFFF;
  --button-underlined:"none";
  --button-bold:"normal";
  --button-italic:"normal";
  --button-margin-top-bottom:16px;
  --button-margin-left-right:16px;
  --button-padding-top-bottom:8px;
  --button-padding-left-right:16px;
  --button-min-width:50%;
  --button-alignment:center;
}

:root[data-is-skin="light"]{
  --lightbox-width:500px;
  --lightbox-textarea-height-mode:unbounded;
  --lightbox-textarea-height:unset;
  --lightbox-textarea-right-padding:0px;
  --lightbox-textarea-scrollbar-thumb-color:#C788FD;
  --lightbox-textarea-scrollbar-track-color:#5D5D5D;
  --lightbox-background:#FFFFFF;
  --lightbox-color:#262626;
  --lightbox-border-radius:8px;
  --lightbox-border-thickness:2px;
  --lightbox-border-color:#707070;
  --lightbox-close-color:#262626;
  --lightbox-close-hover-color:#262626;
  --lightbox-header-margin:0 25px;
  --lightbox-header-media-width:auto;
  --lightbox-header-media-max-width:calc(100% - 50px);
  --lightbox-header-media-max-height:300px;
  --lightbox-header-media-radius:0px;

  --lightbox-body-padding:35px 0 0 0;
  --lightbox-body-header-close-visible:visible;

  --lightbox-content-font-family:inherit;
  --lightbox-content-header-close-visible:hidden;
  --lightbox-header-media-mode:"fill";
  --lightbox-content-links-underlined:"none";
  --lightbox-content-links-bold:"normal";
  --lightbox-content-links-italic:"normal";
  --lightbox-content-links-color:#C788FD;
  --lightbox-content-links-hover-color:#C788FD;
  --lightbox-content-margin:10px 25px 10px 25px;

  --button-font-family:inherit;
  --button-background:#262626;
  --button-hover-background:#262626;
  --button-color:#FFFFFF;
  --button-hover-color:#FFFFFF;
  --button-border-radius:8px;
  --button-border-thickness:2px;
  --button-hover-border-thickness:2px;
  --button-border-color:#262626;
  --button-hover-border-color:#262626;
  --button-underlined:"none";
  --button-bold:"normal";
  --button-italic:"normal";
  --button-margin-top-bottom:16px;
  --button-margin-left-right:16px;
  --button-padding-top-bottom:8px;
  --button-padding-left-right:16px;
  --button-min-width:50%;
  --button-alignment:center;
}

/*=============================================
/*
/*                  WATERMARK
/*
/==============================================*/

.watermark{
	text-align: right;
	margin: 0 0 0.25em 0;
  line-height: 12px;
  font-size: 12px;
  padding-top: 5px;
}

.watermark .logo{
	width: 25px !important;
	display: inline !important;
	height: unset !important;
	vertical-align: middle !important;
	padding-left: 0.25rem !important;
}

@media (max-width: 1350px) {
	.watermark .logo,
	.watermark .slogan{
		transform: scale(0.95);
	}
}

@media (max-width: 1150px) {
	.watermark .logo,
	.watermark .slogan{
		transform: scale(0.9);
	}

	.watermark .slogan{
		padding-right: 0.75rem;
	}
}

@media (max-width: 850px) {
	.watermark .logo,
	.watermark .slogan{
		transform: scale(1);
	}

	.watermark .logo{
		width: 40px;
		height: 40px;
	}

	.watermark .slogan{
		width: 232px;
		height: 35px;
	}
}

@media (max-width: 650px) {
	.watermark .logo,
	.watermark .slogan{
		transform: scale(0.9);
	}
}

@media (max-width: 500px) {
	.watermark .logo,
	.watermark .slogan{
		transform: scale(0.85);
	}

	.watermark .slogan{
		padding-right: 0;
	}
}

/*=============================================
/*
/*                  SPIX_BUBBLE
/*
/==============================================*/
#spix_bubble{
  position: absolute;
  top: -1000px;
  left: -1000px;
  width: var(--lightbox-width);
  z-index: 10;
  border-radius: 8px;
  box-shadow: rgb(0 0 0 / 30%) 0px 19px 38px, rgb(0 0 0 / 22%) 0px 15px 12px;
  opacity:1;
  display: none;
}

#spix_bubble.dark,
#spix_bubble.undefined{
  background-color: #262626;
  color:#ffffff;
  border:2px solid #707070;
  width: 500px;
}

#spix_bubble.dark .spix_button,
#spix_bubble.undefined .spix_button{
  background-color: #fff;
  color: #262626;
  border: none;
}

#spix_bubble.light{
  background-color: #ffffff;
  color:#262626;
  border:2px solid #707070;
  width: 500px;
}

#spix_bubble.light .spix_button{
  background-color: #262626;
  color: #fff;
  border: none;
}

#spix_bubble[data-state="on"]{
  display: block;
}

#spix_bubble[data-inplace="on"]{
  z-index: 100;
}

#spix_bubble:focus{
  outline:none;
}

@media only screen and (max-width: 720px){
  #spix_bubble{
    top: 10px;
    left: 10px;
    width: calc(100vw - (100vw - 100%) - 20px);
    transform: translateX(-110%);
    transition: .3s ease-out;
  }

  #spix_bubble[data-state="on"]{
    transform: translateX(0%);
  }
}

#spix_bubble_body{
  position: relative;
  width: 100%;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  font-size: 16px;
  padding: 35px 0 0 0;
  font-family: 'Chivo','Archivo',sans-serif
}

@media only screen and (max-width: 500px){
  #spix_bubble_body{
    font-size: 14px;
  }
}

#spix_bubble_content-header{
  position: relative;
  height: 30px;
}

#spix_bubble_body .spix_bubble-header_close,
#spix_bubble_content-header .spix_bubble-header_close{
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 20;
  width: 24px;
  height: 24px;
  fill:#fff;
  cursor: pointer;
}

#spix_bubble_body .spix_bubble-header_close[data-state="off"],
#spix_bubble_content-header .spix_bubble-header_close{
  visibility: hidden;
}

#spix_bubble.light #spix_bubble_body .spix_bubble-header_close{
	fill:#262626;
}

#spix_bubble_body_header{
  margin:0 25px;
  text-align: center;
}

#spix_bubble_body_header_img{
  max-height: 300px;
  max-width: calc(100% - 50px);
  display: inline-block;
  width: auto;
  display: none;
}

#spix_bubble_body_header_video{
  width: 100%;
  display: none;
}

#spix_bubble_body_header_img[data-state="on"]{
  display: inline-block;
}

#spix_bubble_body_header_video[data-state="on"]{
  display: block;
}

#spix_bubble_video_container[data-state="off"]{
  display: none;
}

#spix_bubble_video_container[data-provider="yt"],
#spix_bubble_video_container[data-provider="vimeo"]{
  position: relative;
  padding-bottom: 56.2%;
  height: 0;
  display: none;
}

#spix_bubble_video_container[data-provider="yt"][data-state="on"],
#spix_bubble_video_container[data-provider="vimeo"][data-state="on"]{
  display: block;
}

#spix_bubble_video_container[data-provider="vimeo"][data-orientation="portrait"]{
  padding-bottom: 100%;
}

#tutorial_yt_video,
#spix_bubble_video_container #spix_bubble_yt_video,
#spix_bubble_video_container #spix_bubble_yt_video_studio,
#spix_bubble_video_container #spix_bubble_vimeo_video iframe,
#spix_bubble_video_container #spix_bubble_vimeo_video_studio iframe{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border: none;
}

#spix_bubble_content{
  margin:10px 25px 10px 25px
}

#spix_bubble_content a,
#spix_bubble_content a:hover,
#spix_bubble_content a:focus,
#spix_bubble_content a:active,
#spix_bubble_content a:visited{
  text-decoration: underline;
  cursor: pointer;
}

#spix_bubble.light #spix_bubble_content a,
#spix_bubble.light #spix_bubble_content a:hover,
#spix_bubble.light #spix_bubble_content a:focus,
#spix_bubble.light #spix_bubble_content a:active,
#spix_bubble.light #spix_bubble_content a:visited{
	color: #262626;
}

#spix_bubble.dark #spix_bubble_content a,
#spix_bubble.dark #spix_bubble_content a:hover,
#spix_bubble.dark #spix_bubble_content a:focus,
#spix_bubble.dark #spix_bubble_content a:active,
#spix_bubble.dark #spix_bubble_content a:visited,
#spix_bubble.undefined #spix_bubble_content a,
#spix_bubble.undefined #spix_bubble_content a:hover,
#spix_bubble.undefined #spix_bubble_content a:focus,
#spix_bubble.undefined #spix_bubble_content a:active,
#spix_bubble.undefined #spix_bubble_content a:visited{
	color: #fff;
}

#spix_bubble_content .h1,
#spix_bubble_content h1{
  font-size: 30px;
}

#spix_bubble_content .h2,
#spix_bubble_content h2{
  font-size: 25px;
}

#spix_bubble_content .h3,
#spix_bubble_content h3{
  font-size: 20px;
}

#spix_bubble_content .h4,
#spix_bubble_content .h5,
#spix_bubble_content .h6,
#spix_bubble_content h4,
#spix_bubble_content h5,
#spix_bubble_content h6{
  font-size: 16px;
}

#spix_bubble_content .h1,
#spix_bubble_content .h2,
#spix_bubble_content .h3,
#spix_bubble_content .h4,
#spix_bubble_content .h5,
#spix_bubble_content .h6,
#spix_bubble_content h1,
#spix_bubble_content h2,
#spix_bubble_content h3,
#spix_bubble_content h4,
#spix_bubble_content h5,
#spix_bubble_content h6{
  margin: 10px 0;
  padding: 0;
  color: unset;
  line-height: 1.5;
}

@media only screen and (max-width: 1600px){
  #spix_bubble_content .h1,
  #spix_bubble_content h1{
    padding: 0;
    font-size: 27px;
  }

  #spix_bubble_content .h2,
  #spix_bubble_content h2{
    font-size: 22px;
  }

  #spix_bubble_content .h3,
  #spix_bubble_content h3{
    font-size: 17px;
  }
}

@media only screen and (max-width: 500px){
  #spix_bubble_content .h1,
  #spix_bubble_content h1{
    padding: 0;
    font-size: 25px;
  }

  #spix_bubble_content .h2,
  #spix_bubble_content h2{
    font-size: 20px;
  }

  #spix_bubble_content .h3,
  #spix_bubble_content h3{
    font-size: 16px;
  }
}

#spix_bubble_content ul,
#spix_bubble_content ol{
  margin: 0;
  word-break: break-word;
  padding-inline-start: 1.5em;
  font-size: 16px;
}

#spix_bubble_content ul li,
#spix_bubble_content ol li{
	list-style-type: initial;
}

#spix_bubble_content a:focus{
  outline-style: solid;
  outline-width: 2px ;
  outline-color: #ffffff;
}

#spix-bubble-text{
  max-height:var(--lightbox-textarea-height);
  padding-right:var(--lightbox-textarea-right-padding);
  overflow-y:auto;  scrollbar-color:rgb(199, 136, 253)  #5D5D5D;
  scrollbar-color:var(--lightbox-textarea-scrollbar-thumb-color)  var(--lightbox-textarea-scrollbar-track-color);
  scrollbar-width:thin;
}

#spix-bubble-text::-webkit-scrollbar-track{
  background: var(--lightbox-textarea-scrollbar-track-color);
}

#spix-bubble-text::-webkit-scrollbar-thumb{
  background-color: var(--lightbox-textarea-scrollbar-thumb-color);
}

#spix-bubble-text::-webkit-scrollbar{
  width: 12px;
}

#spix_bubble_button{
  text-align: center;
  margin-top: 10px;
  width: 100%;
  display: none;
}

#spix_bubble_button[data-state="on"]{
  display: block;
}

#spix_bubble_button.left{
  text-align: left;
}

#spix_bubble_button.center{
  text-align: center;
}

#spix_bubble_button.right{
  text-align: right;
}

#spix_bubble .spix_button{
  max-width: 100%;
  margin: 8px 16px 16px 16px;
  border: 2px solid rgb(199, 136, 253);
  background-color: rgb(199, 136, 253);
  color:#ffffff;
  font-size: 16px;
  padding:8px 16px;
  min-width: 175px;
  border-radius: 8px;
  cursor:pointer;
}

@media only screen and (max-width: 1200px){
  #spix_bubble .spix_button{
    padding:6px 14px;
  }
}

@media only screen and (max-width: 500px){
  #spix_bubble .spix_button{
    padding:2px 12px 6px 12px;
  }
}

.spix-embed[data-spix-display="inline"]{
  height: fit-content;
  min-height: 100vh;
}

#spix_bubble p{
  color: unset;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 10px 0;
  line-height: 1.5;
  font-size: 16px;
}

/*=============================================
/*
/*                  SPIX_BUBBLE CUSTOM
/*
/==============================================*/

#spix_bubble.custom{
  position: absolute;
  background-color: var(--lightbox-background);
  color:var(--lightbox-color);
  border:var(--lightbox-border-thickness) solid var(--lightbox-border-color);
  border-radius: var(--lightbox-border-radius);
}

#spix_bubble.custom .spix_bubble-header_close{
  color:var(--lightbox-close-color);
  fill:var(--lightbox-close-color);
}

#spix_bubble.custom .spix_bubble-header_close:focus,
#spix_bubble.custom .spix_bubble-header_close:hover,
#spix_bubble.custom .spix_bubble-header_close:active{
  color:var(--lightbox-close-hover-color);
  fill:var(--lightbox-close-hover-color);
}

#spix_bubble.custom #spix_bubble_body{
  padding:var(--lightbox-body-padding);
}

#spix_bubble.custom #spix_bubble_body_header{
  margin: var(--lightbox-header-margin);
}

#spix_bubble.custom #spix_bubble_body_header #spix_bubble_body_header_img,
#spix_bubble.custom #spix_bubble_body_header #spix_bubble_body_header_video{
  width:var(--lightbox-header-media-width);
  max-width: var(--lightbox-header-media-max-width);
  max-height: var(--lightbox-header-media-max-height);
  border-radius: var(--lightbox-header-media-radius);
  margin: auto;
}

#spix_bubble.custom #spix_bubble_body_header #spix_bubble_body_header_video iframe{
  border-radius: var(--lightbox-header-media-radius);
}

#spix_bubble.custom #spix_bubble_body_header[data-mode="fit"] #spix_bubble_body_header_img,
#spix_bubble.custom #spix_bubble_body_header[data-mode="fit"] #spix_bubble_body_header_video iframe{
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

#spix_bubble.custom #spix_bubble_body .spix_bubble-header_close{
  visibility:var(--lightbox-body-header-close-visible);
}

#spix_bubble.custom #spix_bubble_content{
  margin:var(--lightbox-content-margin);
}

#spix_bubble.custom #spix_bubble_content-header .spix_bubble-header_close{
  visibility:var(--lightbox-content-header-close-visible);
}

#spix_bubble.custom #spix_bubble_content #spix_bubble_text{
  font-family: var(--lightbox-content-font-family);
  max-height:var(--lightbox-textarea-height);
  padding-right:var(--lightbox-textarea-right-padding);
  overflow-y:auto;
  scrollbar-color:var(--lightbox-textarea-scrollbar-thumb-color)  var(--lightbox-textarea-scrollbar-track-color);
  scrollbar-width:thin;
}

#spix_bubble.custom #spix_bubble_content #spix_bubble_text::-webkit-scrollbar-track{
  background: var(--lightbox-textarea-scrollbar-track-color);
}

#spix_bubble.custom #spix_bubble_content #spix_bubble_text::-webkit-scrollbar-thumb{
  background-color: var(--lightbox-textarea-scrollbar-thumb-color);
}

#spix_bubble.custom #spix_bubble_content #spix_bubble_text::-webkit-scrollbar{
  width: 12px;
}

#spix_bubble.custom #spix_bubble_text a{
  text-decoration: var(--lightbox-content-links-underlined);
  font-weight: var(--lightbox-content-links-bold);
  font-style: var(--lightbox-content-links-italic);
  color:var(--lightbox-content-links-color);
  cursor:pointer;
}

#spix_bubble.custom #spix_bubble_text a:hover,
#spix_bubble.custom #spix_bubble_text a:focus,
#spix_bubble.custom #spix_bubble_text a:active,
#spix_bubble.custom #spix_bubble_text a:visited{
  color:var(--lightbox-content-links-hover-color);
}

#spix_bubble.custom #spix_bubble_button{
  text-align: var(--button-alignment);
}

#spix_bubble.custom .spix_button{
  border:var(--button-border-thickness) solid var(--button-border-color);
  border-radius: var(--button-border-radius);
  background-color: var(--button-background);
  color:var(--button-color);
  font-family: var(--button-font-family);
  text-decoration: var(--button-underlined);
  font-weight: var(--button-bold);
  font-style: var(--button-italic);
  margin-top: var(--button-margin-top-bottom);
  margin-bottom: var(--button-margin-top-bottom);
  margin-left:var(--button-margin-left-right);
  margin-right: var(--button-margin-left-right);
  padding-top:var(--button-padding-top-bottom);
  padding-bottom:var(--button-padding-top-bottom);
  padding-left:var(--button-padding-left-right);
  padding-right:var(--button-padding-left-right);
  min-width: var(--button-min-width);
}

#spix_bubble.custom .spix_button:hover,
#spix_bubble.custom .spix_button:focus,
#spix_bubble.custom .spix_button:active{
  border:var(--button-hover-border-thickness) solid var(--button-hover-border-color);
  background-color: var(--button-hover-background);
  color: var(--button-hover-color);
}