@font-face {
    font-display: auto;
    font-family: Main;
    src: url('https://dexiq.io/assets/fonts/Montserrat-Black.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: auto;
    font-family: Main-Light;
    src: url('https://dexiq.io/assets/fonts/Montserrat-Light.ttf');
    font-weight: normal;
    font-style: normal;
}

.theme-light {
    --color-primary: #efefef;
    --color-secondary: #ddd;
    --color-accent: #fd6f53;
    --font-color: #000000;
}
.theme-dark {
    --color-primary: #111;
    --color-secondary: #333;
    --color-accent: #12cdea;
    --font-color: #ffffff;
}

body{
    margin:0px;
    padding:0px;
    font-family: Main-Light,'Nunito Sans', sans-serif;
    font-weight:200;
    color:var(--font-color);
    background: var(--color-primary);
}
.noselect{
    -webkit-tap-highlight-color: transparent;
}
.click{
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
*{
    padding:0px;
    margin:0px;
    box-sizing: border-box;
    scroll-behavior: smooth;
}
a{color:#FFCC00;text-decoration:none;}
.clear{clear:both}
.right{float:right}
.left{float:left}
.ro{
    display:flex;
    flex-wrap:wrap;
}
.co{
    flex:1;
}
.header{
    border-bottom:1px solid #ccc;
    position:fixed;
    top:0;
    right:0;
    left:0;

    background: #111 url(https://dexiq.io/assets/img/header-bg.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.logo{padding:9px;}
.brand-nav{display:none}
.brand{display:block}
.gap{display:none}
.navbar{
    position:fixed;
    bottom:0;
    right:0;
    left:0;
    border-top:1px solid #ccc;
    background: #111 url(https://dexiq.io/assets/img/header-bg.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color:#FFF;
}
.nav{
height:62px;
}
.nav .co{
    padding:9px;
    text-align:center;
}
.menu{
    position: fixed;
    top:86px;
    left:0;
    bottom:64px;
    width:300px;
    background:var(--color-secondary);
    padding:12px;
}
.menu-items{
    margin:10px;
}
.content{
    margin-top:100px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
}
.eco .co{
    text-align:center;
}
.social .co{
    text-align:center;
}
.menu-panel{
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    border:1px solid #ccc;
    margin-bottom:10px;
    padding:5px;
}
.menu-footer{
    font-size:11px;
    position: absolute;
    bottom:10px;
    left:10px;
    text-align:center;
}
.footer{
    font-size:11px;
    display:none;
}
.panel{
    margin:9px;
}
.section{
    margin:10px;
}

input[type=submit],input[type=button],.button,button,.stripe-button-el{
    overflow:hidden;
    border:0;
    padding:9px;
    padding-left:12px;
    padding-right:12px;
    background:#006C54;
    color:#FFF;
    border:0px;
    text-decoration:none;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    -ms-border-radius:20px;
    -o-border-radius:8px;
    border-radius:20px;
    -webkit-touch-callout:none;
    -webkit-tap-highlight-color:transparent;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    user-select:none;
    cursor:pointer;
    font-family: Main-Light,'Nunito Sans', sans-serif;
    font-size:15px;
    z-index:1;
    text-align:center;
    border:2px solid rgba(0,0,0,.5);
}

.wallet-connect{
    overflow:hidden;
    border:0;
    padding:9px;
    padding-left:12px;
    padding-right:12px;
    background:rgba(0,0,0,.1);
    color:#FFF;
    border:0px;
    text-decoration:none;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    -ms-border-radius:20px;
    -o-border-radius:8px;
    border-radius:20px;
    -webkit-touch-callout:none;
    -webkit-tap-highlight-color:transparent;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    user-select:none;
    cursor:pointer;
    font-family: Main-Light,'Nunito Sans', sans-serif;
    font-size:15px;
    z-index:1;
    text-align:center;
    border:2px solid rgba(0,0,0,.3);
}@media(min-width:920px){
    .row{
        display:flex;
        flex-wrap: wrap;
        margin:0px;
    }
    .col{
        flex:1;
    }
    .gap{display:block}
    .brand-nav{display:block}
    .brand{display:none}
    .navbar{
        position:relative;
        border-top:0;
        background:none;
        color:#FFF;
    }
    .nav{

        border:0px;
    }
    .content{
        margin-top:100px;
        width:900px;
        border:1px solid #ccc;
    }
    .menu{
        position: fixed;
        top:85px;
        left:0;
        bottom:0;
        width:300px;
    }
    .menu-footer .notice{
        display:none;
    }
    .footer{
        font-size:11px;
        display:block;
    }
}
@media all and (display-mode: standalone) {
    body {
        background-color: #efefef;
    }
}