/* Theme by IO200 CMS (https://www.IO200.com) */


/*---Flavor:DARKLIGHTBOX(desktop)---*/
body.mode-light:not(.flavors-darklightbox):not(.glightbox-mobile) {
  /*light lightbox*/
  #glightbox-body .goverlay {background: rgb(255 255 255 / 100%);}
  #glightbox-slider .gslide-media img{box-shadow:none;}
  #glightbox-slider .gslide-description{background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(rgba(255,255,255,.75))); background:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.75) 100%);}
  #glightbox-slider .gslide-description .gdesc-inner a:hover{background:#000;}
  #glightbox-slider .gslide-title{color:#000;}
  #glightbox-slider .gslide-desc{color:#9d9d9d;}
  #glightbox-body .gclose{background-color:transparent;opacity:0.6;}
  #glightbox-body .gclose:hover{opacity:0.8;}
  #glightbox-body .gclose path{fill:#000;}
  #glightbox-body .gclose svg{transform:scale(0.9);}
  #glightbox-body .gnext, #glightbox-body .gprev {background-color:transparent;opacity:1;}
  #glightbox-body .gnext.disabled, #glightbox-body .gprev.disabled {opacity:0.1;}
  #glightbox-body .gnext:hover,#glightbox-body .gprev:hover {background-color:transparent;opacity:1;}
  #glightbox-body .gnext, #glightbox-body .gprev  {fill:#fff;}
  #glightbox-body .gnext, #glightbox-body .gprev  {filter:drop-shadow(1px 0px rgb(0 0 0 / 50%));}
  #glightbox-body .gnext:hover , #glightbox-body .gprev:hover {filter:drop-shadow(1px 0px rgb(0 0 0 / 90%));}
  #glightbox-body .ginner-container:has(.gslide-media.gslide-external){border:1px solid #f3f3f3;} /*iframe url*/
  button.glightbox-custombutton{opacity:0.7;color:#000;fill:#000;}
  button.glightbox-custombutton:hover{opacity:1;}
}

/*---Flavor:ROUNDED_BORDERS---*/
body.flavors-roundedborders button,
body.flavors-roundedborders .button{border-radius:0.2em;}
body.flavors-roundedborders main form input, 
body.flavors-roundedborders main form textarea, 
body.flavors-roundedborders main.template-blog aside.sectionaside{border-radius:0.2em;}
body.flavors-roundedborders main form,
body.flavors-roundedborders div.infobox{border-radius:0.4em;}
@media (min-width:1000px){
  body.flavors-roundedborders .modalcontainer,
  body.flavors-roundedborders .modalcontainer iframe{border-radius:0.8em;}
}

/*---Flavor:LINK/BUTTON_SLIDEEFFECT---*/
/*link hover slide effect*/
body.flavors-slideeffect main a:not(.button):not(.sitelink),
body.flavors-slideeffect main.template-photo aside :not(h2) a.sitelink,
body.flavors-slideeffect article.style-article .footer .article-meta a.sitelink{background-image:linear-gradient(90deg, rgb(0 0 0 / 5%), rgb(0 0 0 / 5%));background-size:0% 100%;background-repeat:no-repeat;transition:background-size 0.25s ease;}
@media(hover:hover) and (pointer:fine){
  body.flavors-slideeffect main a:not(.button):not(.sitelink):hover,
  body.flavors-slideeffect main.template-photo aside :not(h2) a.sitelink:hover,
  body.flavors-slideeffect article.style-article .footer .article-meta a.sitelink:hover{background-size:100% 100%;}
}
body.mode-dark.flavors-slideeffect main a:not(.button):not(.sitelink),
body.mode-dark.flavors-slideeffect main.template-photo aside :not(h2) a.sitelink,
body.mode-dark.flavors-slideeffect article.style-article .footer .article-meta a.sitelink{background-image:linear-gradient(90deg, rgb(255 255 255 / 8%), rgb(255 255 255 / 8%));}
/*button hover slide effect*/
body.flavors-slideeffect main .button-primary, 
body.flavors-slideeffect main .button-secondary{overflow:hidden;position:relative;display:inline-block;}
body.flavors-slideeffect main .button-primary::after{background:#fff;opacity:0.2;content:"";width:3em;height:12em;position:absolute;top:-5em;left:-5em;transform:rotate(35deg);transition:all 0.5s cubic-bezier(0.2, 1, 0.2, 1);}
body.flavors-slideeffect main .button-secondary{background:#fff;background-image:linear-gradient(90deg, #000, #000);background-size:0% 100%;background-repeat:no-repeat;transition:background-size 0.25s ease, color 0.25s ease;}
@media(hover:hover) and (pointer:fine){
  body.flavors-slideeffect main .button-primary:hover::after{left:calc(100% + 1.5em);transition:all 0.5s cubic-bezier(0.2, 1, 0.2, 1);}
  body.flavors-slideeffect main .button-secondary:hover:not(:disabled){background:#fff;background-size:100% 100%;background-image:linear-gradient(90deg, #000, #000);background-repeat:no-repeat;}
}
body.mode-dark.flavors-slideeffect main .button-primary::after{background:#fff;opacity:0.06;}
body.mode-dark.flavors-slideeffect main .button-secondary{background:none;background-image:linear-gradient(90deg, rgba(255 255 255 / 0.1), rgba(255 255 255 / 0.1));background-size:0% 100%;background-repeat:no-repeat;}
@media(hover:hover) and (pointer:fine){
  body.mode-dark.flavors-slideeffect main .button-secondary:hover:not(:disabled){background:rgba(255 255 255 / 0.1);background-size:100% 100%;background-image:linear-gradient(90deg, rgba(255 255 255 / 0.1), rgba(255 255 255 / 0.1));background-repeat:no-repeat;border-color:rgba(255 255 255 / 0.1);}
}


/*---Flavor:MOBILE_LAYOUT_HEADER_FIXED---*/
@media (max-width:999px){
  html:has(body.flavors-mobilelayoutfixedheader){scroll-behavior:smooth;scroll-padding-top:var(--header-height, 0.25rem);}
  body.templatelayout-standard.flavors-mobilelayoutfixedheader header{position:sticky;top:0;margin-top:0;background-color:var(--website-background);background-position:center right 1rem;z-index:2;}
  body.templatelayout-standard.flavors-mobilelayoutfixedheader header{margin-left:-1rem;width:calc(100% + 2rem);padding-inline:1rem calc(1rem + 36px);}
  /*body.templatelayout-standard.flavors-mobilelayoutfixedheader header{border-bottom:1px solid #dedede;background-color:#ffffffcf;backdrop-filter:blur(1em);}*/
}

/*---Flavor:MOBILE_MENU_ICON_AS_TEXT---*/
@media (max-width:999px){
  body.templatelayout-standard.flavors-mobilemenuiconastext header{padding-right:3.5rem;background-image:none!important;position:relative;}
  body.templatelayout-standard.flavors-mobilemenuiconastext.flavors-mobilelayoutfixedheader header{padding-right:4.5rem;}
  body.templatelayout-standard.flavors-mobilemenuiconastext header::after{content:"Menu";font-weight:600;display:flex;align-items:center;height:100%;position:absolute;top:0;right:0;}
  body.templatelayout-standard.flavors-mobilemenuiconastext.flavors-mobilelayoutfixedheader header::after{right:1rem;}
  body.templatelayout-standard.flavors-mobilemenuiconastext header:hover::after{cursor:pointer;}
  body.templatelayout-standard.flavors-mobilemenuiconastext:not(.flavors-mobilelayoutfixedheader) header nav ul{margin-left:-1rem;width:calc(100% + 2rem);overflow-x:hidden!important;}
}