@import url('font.css');
@import url('font.css');
@import url('root.css');
@import url('sns.css');
@import url('wmpg.css');

/* MAGIA */
.btn{font-size:14px;font-family:var(--font)}
.btn>span:not([class]){padding-bottom:1px}
.btn-36>span:not([class]){padding-bottom:1px}
.btn-primary:not(.btn-light):not(.btn-outline):not(.btn-tsp),.btn-success:not(.btn-light):not(.btn-outline):not(.btn-tsp),.btn-info:not(.btn-light):not(.btn-outline):not(.btn-tsp),.btn-warning:not(.btn-light):not(.btn-outline):not(.btn-tsp),.btn-danger:not(.btn-light):not(.btn-outline):not(.btn-tsp){color:var(--dark)!important}
.btn-yellow{background-color:var(--yellow);color:var(--txt)!important}
.btn-underline.btn-light{padding:0;background-color:transparent!important;border-width:0 0 2px 0;border-radius:0}
.form-control{padding-bottom:1px;border-radius:12px}
[dropdown=content].open{display:block}
[dropdown=content] nav .btn.title{font-size:12px;color:var(--g4x)!important;text-transform:uppercase}
.popup{padding:16px}
.text-reset{line-height:1.8}
.img-thumb{border-radius:0}
/* TEMPLATE */
.gxdbar{display:flex;position:fixed;z-index:999;top:0;left:0;right:0;height:8px;background-color:var(--bg)}
.gxdbar>*{flex:0 0 auto;height:100%;transition:width .5s ease}
.gxdbar .green{background:var(--success)}
.gxdbar .blue{background:var(--info)}
.gxdbar .orange{background:var(--warning)}
.gxdbar .red{background:var(--danger)}
.gxdbar-b{position:relative;height:2px;margin-top:auto}
.navbar{position:fixed;z-index:9999;top:6px;left:0;right:0;transition:background-color .2s ease;background-color:rgba(24 24 27 / .25)}
.navbar [pop-id=menu]{fill:var(--bg)!important}
.navbar.navbar.scrolled [pop-id=menu]{fill:var(--txt)!important;border-color:var(--txt)}
.navbar.scrolled{box-shadow:var(--shadow);background-color:var(--bg)}
.navbar:not(.scrolled) a{color:var(--bg)}
.navbar-logo img{transition:opacity .2s ease}
.navbar-logo img:nth-child(1){opacity:1}
.navbar.scrolled img:nth-child(1){opacity:0}
.navbar-logo img:nth-child(2){position:absolute;top:0;left:0;opacity:0}
.navbar.scrolled img:nth-child(2){opacity:1}
.navbar nav li.active a{text-decoration:underline;text-underline-offset:12px}
.navbar nav li a:hover{color:var(--primary)}
.navbar.scrolled nav li a:hover{color:var(--success)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.grid-360px{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}
.home-1{min-height:100vh;padding:48px 24px;background:url(/assets/img/bgmap_green.webp);background-attachment:fixed;background-position:center;background-size:cover;color:var(--bg)}
.home-1 .container{margin:auto;padding-top:104px}
[class*=home-]{padding-right:24px;padding-left:24px}
[class*=home-] header{margin:60px 0}
[class*=home-] header p{margin-top:16px;color:var(--g5x)}
[class*=home-] footer{margin:60px 0}
.home-end{background-color:var(--g0x)}
.page-title{min-height:unset;padding-top:120px;padding-bottom:60px}
.wrapper{position:relative;min-height:300px}
.wrapper-left{position:absolute;width:280px;background-color:var(--bg);z-index:999}
.wrapper-right{padding-left:calc(280px + 48px)}
.d-mb{display:none!important}
@media (max-width:1024px){
    h1{font-size:36px;}
    body{font-size:14px}
    .d-mb.block{display:block!important}
    .d-mb.flex{display:flex!important}
    .d-lg{display:none!important}
    .container{max-width:640px}
    .wrapper-left.wide,.wrapper-right.wide{grid-column:1}
    .navtabs.flex-v{flex-direction:unset}
    .wrapper-left{width:100%}
    .wrapper-left::before{border-top:24px solid var(--bg);position:absolute;top:-24px;left:0;right:0;content:'';display:block}
    .wrapper-right{padding-left:unset;padding-top:96px}
    .grid{grid-template-columns:repeat(auto-fit,minmax(1fr,1fr))}
    .grid-360px{grid-template-columns:repeat(auto-fit,minmax(1fr,1fr))}
}