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


/*---Flavor:ROUNDED_BORDERS---*/
body.flavors-roundedborders .button{border-radius:0.2em;}
body.flavors-roundedborders main form, 
body.flavors-roundedborders main form input, 
body.flavors-roundedborders main form textarea, 
body.flavors-roundedborders div.infobox,
body.flavors-roundedborders main.template-blog aside.sectionaside{border-radius:0.2em;}


/*---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){
  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;}
}