/*----------FONTS--------------------------------------------------------------------------*/
@font-face{
font-family:'Inter';font-style:normal;font-weight:100;font-display:swap;
src:local('Inter Thin'),url('../fonts/Inter-Thin.ttf') format('ttf');
}
@font-face{
font-family:'Inter';font-style:normal;font-weight:200;font-display:swap;
src:local('Inter ExtraLight'),url('../fonts/Inter-ExtraLight.ttf') format('ttf');
}
@font-face{
font-family:'Inter';font-style:normal;font-weight:300;font-display:swap;
src:local('Inter Light'),url('../fonts/Inter-Light.ttf') format('ttf');
}
@font-face{
font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;
src:local('Inter'),url('../fonts/Inter-Regular.ttf') format('ttf');
}
@font-face{
font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;
src:local('Inter Medium'),url('../fonts/Inter-Medium.ttf') format('ttf');
}
@font-face{
font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;
src:local('Inter SemiBold'),url('../fonts/Inter-SemiBold.ttf') format('ttf');
}
@font-face{
font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;
src:local('Inter Bold'),url('../fonts/Inter-Bold.ttf') format('ttf');
}


/*----------ICONS-------------------------------------------------------------------------*/
@font-face {font-family:'Material Symbols Outlined';font-style:normal;font-weight:300;src:url('../fonts/MaterialSymbolsOutlined.woff2');}
.material-symbols-outlined {font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;}


/*----------RESET-------------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;-webkit-tap-highlight-color:transparent;}
body {line-height:normal;} ol,ul {list-style:none;} table {border-collapse:collapse;border-spacing:0;} a{text-decoration:none;color:inherit;} img{display:block;} :focus{outline:0;}
/*----------BASE--------------------------------------------------------------------------*/
/*elements:h1,h2,h3,h4,h5,h6*/
h1{font-size:2em;font-weight:600;}
h2{font-size:1.6em;font-weight:600;}
h3{font-size:1.3em;font-weight:600;}
h4{font-size:1.15em;font-weight:600;}
h5{font-size:1em;font-weight:600;}
h6{font-size:0.9em;font-weight:600;}
/*elements:i,em,b,strong,strike*/
i,em{font-style:italic;}
b,strong{font-weight:600;}
strike{text-decoration:line-through;}
/*elements:p,blockquote*/
p,blockquote{text-align:left;}
blockquote{font-style:italic;}
/*elements:ul,ol*/
ul{list-style:square outside;}
ol{list-style:decimal outside;}
/*elements:table*/
table caption{padding:0 1em;margin-bottom:0.2em;font-weight:600;white-space:nowrap;}
table thead th{padding:0.6em;font-weight:600;}
table tbody td{padding:0.6em;font-size:0.95em;vertical-align:middle;}
table tfoot td{padding:0.6em;font-size:0.9em;}
div.tablewrapper{overflow-x:auto}
/*elements:form*/
form p {display:block;margin-bottom:1em;}
form p:last-child {margin-bottom:0;}
form label:not(.optionlabel){display:block;}
form input:not([type="submit"]):not([type="reset"]),form select,form textarea{padding:0.6em;font-size:0.9em;box-sizing:border-box;}
form textarea{width:100%;height:12em;}
form input[type="submit"],form input[type="reset"]{font-size:0.95em;padding:0.6em 1em;border:0;}
form input[type="submit"]:hover,form input[type="reset"]:hover{cursor:pointer;}
form input[type="submit"]:disabled,form input[type="reset"]:disabled{cursor:initial;}
form span.error{color:#cb0000;}
form span.success{color:#009920;}


/*#########################################################*/
/*##########MAIN###########################################*/
/*#########################################################*/
/*----------DESKTOP----------------------------------------*/
html {scroll-behavior:smooth;}
body {font-size:16px;font-family:'Inter', sans-serif;background:#fff;color:#242424;}

body {color:#1b1f25;}
body main p:not(.head), body main li, body main td {color:#343d4a;} /*#4b586a*/
body strong, body li:before{color:#1b1f25;}

/*----------Layout----------*/
div#container{width:94%;max-width:76rem;margin:0 auto;}
header, main, footer, section{width:100%;}
header{padding-top:2rem;}
main{padding-top:2rem;}
footer{padding-top:2rem;padding-bottom:2rem;}

html, body {height:100%;}
div#container{display:flex;flex-direction:column;height:100%;}
main {flex:auto;}
footer{flex:none;}

/*----------Header----------*/
header{font-size:1.1em;}
header nav {display:flex;align-items:center;}
header nav span.title{color:#246dff;font-size:2.2em;font-weight:600;margin-right:2rem;display:inline-block;user-select:none;}
header nav ul {flex:auto;display:inline-block;vertical-align:bottom;}
header nav ul li{display:inline-block;margin:0 0.5rem;}
header nav ul li span.item, header nav ul li a{color:#525358;padding:0.4em 0.6em;border-radius:0.3rem;}
header nav ul li a:hover, header nav > ul > li.active a{background:#f6f7f8;cursor:pointer;}
header nav ul li span.item span.material-symbols-outlined{position:relative;top:0.2em;}
header nav > ul > li{position:relative;}
header nav ul ul {z-index:100;display:none;position:absolute;top:1.6em;margin-left:-0.6em;padding:0.4em;background:#fff;border:1px solid #efefef;border-radius:0.5em;box-shadow:0.04em 0.25em 0.4em 0 rgb(0 18 56 / 6%);box-sizing:border-box;}
header nav ul li:hover ul{display:block;}
header nav ul ul li{display:block;margin:0;}
header nav ul ul li a{display:block;margin:0.25em;}
@media (min-width:1000px){nav .item-desktophide{display:none;}}
@media (max-width:999px){nav .item-mobilehide{display:none;}}
/*----------Footer----------*/
footer nav {font-size:0.9em;padding:1rem 0;border-top:1px solid #eff0f3;}
footer nav ul li{display:inline-block;}
footer nav ul li a{margin-right:0.6em;color:#525358;padding:0.4em 0.6em;border-radius:0.3rem;}
footer nav ul li a:hover, footer nav ul li.active a{background:#f6f7f8;}

/*----------RESPONSIVE-------------------------------------*/
@media (max-width:999px){ /*focus at 360px/414px*/
  /*----------Layout----------*/
  header{padding-top:3%;}
  /*----------Header----------*/
  header span.title {z-index:-1000;}
  header nav{background-image:url(/res/img/menu.png);background-position:center right 3%;background-repeat:no-repeat;background-size:16px 12px;}
  header.shownav nav{background-image:url(/res/img/menu-close.png);background-size:16px 16px;}  
  body::after{position:absolute;width:0;height:0;overflow:hidden;z-index:-1;content:url(/res/img/menu-close.png);} /*preload image*/
  header nav ul{z-index:1000;display:none;position:absolute;top:0;padding-top:5em;left:0;width:100%;text-align:center;box-shadow:0 6px 8px rgba(0,0,0,0.1);}
  header.js-nav.shownav nav ul, header:not(.js-nav):hover nav ul, header:not(.js-nav):active nav ul{display:block;}
  header nav ul li{width:100%;padding:0.4em;margin:0;background:#fff;border-top:1px solid #f0f0f0;box-sizing:border-box;}
  header nav ul li a{padding:0.8em 0;display:block;}
  header nav ul li.active a{background:none;}
  header nav ul li.active a:hover{background:#f6f7f8;}
  header nav a.button{display:none;}
}
@media (max-width:800px){ /*focus at 360px/414px*/
  body{font-size:18px;}
  header nav ul{padding-top:4em;}
  footer nav {text-align:center;line-height:2.4em;}
}
@media (max-width:450px){
   body{font-size:16px;}
   header nav ul{padding-top:3.5em;}
}


/*#########################################################*/
/*##########CLASSES########################################*/
/*#########################################################*/
/*section*/
section{padding:2em 0;box-sizing:border-box;}
section > *{}
section h1, section h2, section h3, section h4{margin-top:2em;margin-bottom:0.5em;}
section h5, section h6{margin-top:1em;margin-bottom:0.5em;}
section h1{font-size:3em;font-weight:700;margin-top:0em;}
section h2{font-size:2.2em;font-weight:700;}
section h3{font-size:1.4em;font-weight:700;}
section h4{font-size:1.2em;font-weight:700;}
section h5{font-size:1.1em;font-weight:700;}
section h6{font-size:1em;font-weight:700;}
section p, section ul, section ol{line-height:1.8em;margin:0.25em auto 0.5em auto;}
section ul{padding-left:2em;list-style-type:disc;}
section ol{list-style-position:inside;}
section ol.ol-steps, section ol.ol-steps ol {counter-reset:item;}
section ol.ol-steps > li, section ol.ol-steps > li > ol > li {display:block;padding-left:4em;margin-bottom:1em;}
section ol.ol-steps > li:before, section ol.ol-steps > li > ol > li:before {margin-left:-4em;content:"Step " counters(item, ".") " - ";counter-increment:item;font-weight:bold;}
section ol.ol-bold li::marker{font-weight:600;}
section table, section table th,  section table td {border:1px solid #e8e8e8;}
section a{color:#246dff;}
section a:hover{text-decoration:underline;}
section table tr th {background:#f8f8f8;}
section [id]::before {content:'';display: block;height:1em;margin-top:-1em;visibility:hidden;} /*anchor offset*/
@media (max-width:999px){
  section h1{font-size:2.4em;}
  section h2{font-size:2em;}
  section ol.ol-steps > li, section ol.ol-steps > li > ol > li {padding-left:1em;}
  section ol.ol-steps > li:before, section ol.ol-steps > li > ol > li:before {margin-left:-1em;}
}

/*section-text*/
.section-text{max-width:60rem;margin:auto;}

/*section-textcenter*/
.section-textcenter{max-width:60rem;margin:auto;}
.section-textcenter *{text-align:center;}

/*section-textcenter-wide*/
.section-textcenter-wide{max-width:64rem;margin:auto;}
.section-textcenter-wide *{text-align:center;}

/*section-info*/
.section-info{max-width:60rem;margin:auto;}
.section-info p{font-size:1.1em;line-height:2.2em;text-align:center;}
.section-info p.quote{font-style:italic;}
@media (max-width:800px){
  .section-info p{font-size:1em;}
}

/*section-header*/
.section-header{padding:2em 2em;}
.section-header h1{text-transform:none;text-align:center;}
.section-header p{font-size:1.2em;line-height:2.2em;text-align:center;}
@media (min-width:1100px){
  .section-header p{max-width:75%;}
}
@media (max-width:800px){
  .section-header{padding:0;}
  .section-header h1{font-size:2.2em;}
  .section-header p{font-size:1em;}
}

/*section-hero*/
.section-hero{padding:4em 2em;}
.section-hero > div{display:flex;font-size:1.2em;}
.section-hero > div > :first-child{padding-right:4em;text-align:left;}
.section-hero > div > :first-child h1{font-weight:500;font-size:3.4rem;text-transform:none;}
.section-hero > div > :first-child h1 strong{font-weight:600;white-space:nowrap;}
.section-hero > div > :first-child p{text-align:left;margin-top:-0.25em;}
.section-hero > div > :first-child a{display:inline-block;margin-top:0.5em;}
.section-hero > div > :last-child img{width:100%;height:auto;border-radius:0;}
@media (min-width:1301px){
  .section-hero > div > :first-child p{white-space:nowrap;}
}
@media (max-width:1300px){
  .section-hero > div > :first-child h1{font-size:4vw;}
  .section-hero > div > :first-child p{font-size:1.8vw;}
}
@media (max-width:999px){
  .section-hero{padding:0;}
  .section-hero > div{flex-direction:column;}
  .section-hero > div > :first-child{text-align:center;padding-right:0;}
  .section-hero > div > :first-child h1{font-size:7vw;line-height:10vw;}
  .section-hero > div > :first-child p{margin-top:0.5em;text-align:center;font-size:4vw;}
  .section-hero > div > :first-child a{margin-top:0.5em;font-size:4vw;}
  .section-hero > div > :last-child{margin-top:2em;text-align:center;}
}

/*section-testimonials*/
.section-testimonials{max-width:60rem;margin:auto;}
.section-testimonials *{text-align:center;}
.section-testimonials blockquote{margin:0.5em auto;padding:0.5em;line-height:1.6em;color:#5e5e5e;width:max-content;display:block;position:relative;}
.section-testimonials blockquote:before{position:absolute;top:-0.1em;left:-0.2em;height:0.5em;content:'\201C';color:#ededed;font:2.5em Georgia, Times New Roman;}
.section-testimonials blockquote[cite]:after{display:block;margin-top:0.25em;content:"\2014 "" "attr(cite);color:#d0d0d0;font-size:0.9em;}
.section-testimonials .hide {display:none;}
@media (max-width:900px){
  .section-testimonials blockquote{width:auto;}
  .section-testimonials blockquote:before{content:'';}
}

/*section-start*/
.section-start{display:flex;flex-wrap:wrap;justify-content:space-around;}
.section-start div > *:first-child{margin-top:1em;}
.section-start div > *{text-align:center;}
.section-start div > p.head{font-weight:600;}
.section-start div img{width:100%;height:auto;}
.section-start-1 div{width:90%;}
.section-start-2 div{width:40%;}
.section-start-3 div{width:30%;}
@media (max-width:999px){.section-start-3 div{width:90%;}}
@media (max-width:800px){.section-start-2 div{width:90%;}}

/*section-features*/
.section-features{max-width:72rem;margin:0 auto;text-align:center;}
.section-features h2{margin-bottom:1em;}
.section-features p{margin-top:2em;font-size:1.1em;text-align:center;}
.section-features ul.features{list-style:none;width:100%;display:flex;flex-wrap:wrap;justify-content:center;}
.section-features ul.features li{text-align:left;padding:1em 1.5em;box-sizing:border-box;display:flex;align-items:flex-start;}
.section-features ul.features li{width:33.3%;}
@media (max-width:999px){.section-features ul.features{padding-left:0;}.section-features ul.features li{width:50%;}}
.section-features ul.features li span.material-symbols-outlined{background:#f4f4f4;vertical-align:middle;font-size:2em;margin-top:-0.1em;margin-right:0.2em;padding:0.08em;border-radius:0.2rem;}
.section-features ul.features li span.textsmaller{line-height:1.6em;display:inline-block;}
@media (max-width:800px){
   .section-features ul.features li{flex-direction:column;align-items:center;text-align:center;}
}

/*section-images*/
.section-images{text-align:center;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;}
.section-images b{width:100%;}
.section-images a{width:25%;max-width:20em;margin:1em;}
.section-images img.preview{width:100%;height:auto;display:inline-block;}
@media (max-width:999px){.section-images{display:block;}.section-images a{width:90%;max-width:40em;margin:1em auto;}}
/*
.section-images{text-align:center;}
.section-images img.preview{width:25%;max-width:20em;margin:1em;height:auto;display:inline-block;}
@media (max-width:999px){.section-images img.preview{width:90%;max-width:40em;margin:1em auto;}}
*/

/*section-theme*/
.section-theme{max-width:80rem;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-around;}
.section-theme div{width:30%;margin-bottom:3%;}
.section-theme p{text-align:center;}
.section-theme img.preview{width:90%;max-width:24em;margin:1em auto;height:auto;display:inline-block;}
.section-theme a.button-start{text-align:center;display:inline-block;margin-top:0.5em;width:auto;}
@media (max-width:1100px){.section-theme{justify-content:space-around;}.section-theme div{width:45%;margin-bottom:5%;}}
@media (max-width:800px){.section-theme div{width:80%;margin-bottom:10%;}}
@media (max-width:500px){.section-theme div{width:90%;margin-bottom:10%;}}

/*section-examples*/
.section-examples{max-width:80rem;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-around;}
.section-examples div{width:30%;margin-bottom:3%;}
.section-examples h2{min-height:2.45em;font-weight:600;}
.section-examples p{text-align:center;}
.section-examples img.preview{width:90%;max-width:24em;margin:1em auto;height:auto;display:inline-block;}
@media (max-width:1100px){.section-examples{justify-content:space-around;}.section-examples div{width:45%;margin-bottom:5%;}}
@media (max-width:800px){.section-examples div{width:80%;margin-bottom:10%;}.section-examples h2{min-height:auto;}}
@media (max-width:500px){.section-examples div{width:90%;margin-bottom:10%;}}

/*section-pricing*/
.section-pricing{max-width:80rem;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-evenly;}
.section-pricing div{width:40%;margin-bottom:3%;}
.section-pricing div:last-child{margin-bottom:-1em;}
.section-pricing div ul{list-style-type:none;padding-left:0;}
.section-pricing div p{text-align:center;margin-bottom:0;}
.section-pricing div a{font-size:1.1em;}
@media (max-width:800px){
  .section-pricing div{width:80%;margin-bottom:2em;}
}

/*section-documentation*/
.section-documentation > div{display:flex;}
.section-documentation .navigation{width:30%;padding-right:5%;position:sticky;top:1em;align-self:flex-start;}
.section-documentation .content{width:65%;}
.section-documentation .navigation div {padding:1em;margin-bottom:1.5em;border:1px solid #efefef;border-radius:1em;}
.section-documentation .navigation h2{font-size:1.2em;font-weight:300;margin-top:0;margin-bottom:0;}
.section-documentation .navigation h2:last-child{margin-bottom:0;}
.section-documentation .navigation h2 a{color:#242424;}
.section-documentation .navigation h2 span{float:right;margin-top:0.15em;}
.section-documentation .navigation h2 span:hover{color:#000;cursor:pointer;}
.section-documentation .navigation ul{margin-top:0.5em;font-size:0.9em;list-style:none;border-left:2px solid #efefef;margin-left:0.25em;}
.section-documentation .navigation ul li::before {content: "\2022";color:#efefef;font-size:1.2em;font-weight:bold;display:inline-block;width:1em;margin-left:calc(-1em + 4.5px);}
.section-documentation .navigation ul li {margin-left:-21px;}
.section-documentation .navigation ul li a{color:#696969;display:inline-block;width:calc(100% - 5px);}
.section-documentation .navigation ul li:hover a{color:#000;text-decoration:none;cursor:pointer;}
.section-documentation .navigation ul li:hover::before {color:#000;}       
.section-documentation .content >h2{margin-top:4em;}                                                 
.section-documentation .content >*:first-child{margin-top:0;}
.section-documentation .content .textsmall{font-size:0.9em;}
.section-documentation a.link-top{position:fixed;bottom:1em;right:1em;}
@media (min-width:900px){
  .section-documentation .navigation h1{font-size:1.4em;padding-left:1em;margin-bottom:1em;}
}
@media (max-width:900px){
  .section-documentation > div{flex-wrap:wrap;}
  .section-documentation .navigation{width:100%;padding-right:0%;position:relative;top:0;}
  .section-documentation .content{width:100%;}
}

/*section-download*/
.section-download{}
.section-download > p{font-size:1.2em;line-height:1.5em;text-align:center;}
.section-download div.box2 {padding:1em;margin:1em auto;max-width:min-content;font-weight:300;text-align:left;}
.section-download div.box2 p{text-align:center;margin-bottom:0;}
.section-download div.box2 p a{white-space:nowrap}
.section-download div.box2 span.textsmall{margin-top:0.5em;font-size:0.8em;line-height:1.6em;display:inline-block;}
.section-download div.box2 a.button{font-size:1.1em;padding-left:1em;padding-right:1em;display:inline-block;}
.section-download div.box2 a.button span{vertical-align:text-bottom;}
@media (max-width:360px){
  .section-download div.box2 {max-width:fit-content;}
  .section-download div.box2 p a{white-space:normal;}
}
p.github-mark{margin-top:2em;margin-bottom:-2em!important;}

/*section-faq*/
.section-faq{display:flex;flex-wrap:wrap;}
.section-faq span.textsmall{font-size:0.85em;}
.section-faq-1 p{width:90%;text-align:center;margin-bottom:2em;}
.section-faq-2 p{width:40%;margin:0.25em 5% 1em 5%;}
@media (max-width:900px){
	.section-faq-2 p{width:90%;}
}

/*section-form*/
.section-form{display:flex;}
.section-form div.box, .section-form div.box2{margin:0 auto;}
.section-form form input, .section-form form textarea {font-family:Arial, Verdana, Helvetica;}
.section-form form input:not([type="submit"]), .section-form form textarea{font-weight:300;border:1px solid #efefef;border-radius:0.5em;}
.section-form form input:not([type="submit"]):not([type="checkbox"]){width:20em;}
.section-form form textarea{width:40em;}
.section-form form .error-message{display:inline-block;width:100%;color:#cb0000;font-style:italic;}
.section-form form p.info{margin-bottom:0;font-size:0.9em;}
@media (max-width:800px){
 .section-form form input:not([type="submit"]):not([type="checkbox"]), .section-form form textarea{width:100%;}
}

/*section-nomargintop*/
.section-nomargintop{padding-top:0;margin-top:-1em;}

/*.box*/
.box{text-align:center;padding:1.5em;background:#fefefe;border:1px solid #efefef;border-radius:1em;box-sizing:border-box;}
.box >*:first-child{margin-top:0;}

/*.box2*/
.box2{text-align:center;padding:1.5em;background:#fff;border:1px solid #efefef;border-radius:1em;box-shadow:0.025em 0.2em 0.4em 0 rgb(0 18 56 / 6%);box-sizing:border-box;}
.box2 >*:first-child{margin-top:0;}

/*.box3*/
.box3{text-align:center;padding:1.5em;background:#fff;border:1px solid #efefef;border-radius:1em;box-shadow:0 1em 3em -1.2em #d3e1ff,0 0 3em -1.2em #ffe3f7;box-sizing:border-box;}
.box3 >*:first-child{margin-top:0;}

/*.colorgradient*/
.colorgradient{color:#246dff;background:-webkit-linear-gradient(45deg, #246dff, #f600ac);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

/*.button*/
.button{padding:0.5em 0.6em;background:#262626;color:#fff;border-radius:0.3rem;}
.button-small{padding:0.35em 0.5em;}
.button:hover{background:#000;color:#fff;text-decoration:none;cursor:pointer;}
.button span{vertical-align:middle;}
/*.button-start*/
.button-start{font-size:0.95em;font-weight:400;padding:0.5em 0.75em;white-space:nowrap;}
.button-start:hover{background:#000;}
p.info .button-start{font-size:1em;}


/*.code*/
.code{font-size:0.8em;line-height:0.8em;font-family:consolas, Arial;}

/*img.preview*/
img.preview{display:inline-block;margin:0.5em;box-shadow:0 0.1em 2em 0 rgb(0 18 56 / 10%);border:1px solid #efefef;border-radius:1em;}
img.preview:hover{box-shadow:0 0.1em 1em 0 rgb(0 18 56 / 20%);cursor:pointer;}
@media (max-width:999px){
  img.preview{margin-inline:auto;max-width:90%;height:auto;}
}
  
/*table.table-cms-links*/
table.table-cms-links{font-size:0.975em;}
table.table-cms-links td:last-child{font-size:0.8em;}

/*a.link-resource*/
a.link-resource{font-weight:bold;margin:0.25em;padding:0.2em 0.6em;display:inline-block;color:#245dcb;background:#f4f8ff;border:1px solid #c9dbff;border-radius:0.6rem;}
a.link-resource:hover{text-decoration:underline;}

/*a.link-anchor*/
a.link-anchor{color:#383838;opacity:0.4;font-size:1em;}
a.link-anchor:hover{opacity:1;text-decoration:none;}
a.link-anchor span{vertical-align:middle;}

/*a.link-github*/
a.link-github{line-height:1.2em;color:#000;opacity:0.4;}
a.link-github:hover{opacity:1;text-decoration:none;}
a.link-github *{vertical-align:middle;width:2em;height:auto;}
a.link-github img{margin-top:0.2em;}

/*fade-in*/ 
img.js-fadein.fade-in {opacity:0;}
img.js-fadein.fade-in.img-loaded {opacity:1;transition:0.5s linear;}

/*mobile-hide*/
@media (max-width:600px){
   .mobile-hide{display:none;}
}
/*mobile-wordbreakall*/
@media (max-width:900px){ 
  .mobile-wordbreakall{word-break:break-all;}
}

/*glightbox*/
@media (min-width:1000px){
  #glightbox-slider .gslide-title{font-size:0.8em;color:#fff;text-align:center;margin-bottom:0;}
  #glightbox-slider .gslide-media{box-shadow:2px 3px 10px 0 rgba(0,0,0,0.9);}
  #glightbox-slider .gslide-media img{max-width:98vw;max-height:calc(98vh - 2em);object-fit:contain;}
  #glightbox-slider .gdesc-inner{padding:0.5em;}
  #glightbox-slider .gslide-description{background:none!important;}
  .glightbox-clean .ginner-container{-webkit-box-shadow:none!important;box-shadow:none!important;}
}