/* this is migrated from the former minimal.ejs layout */
* {
    /*border: 1px dashed cyan;*/
}
.nav {
}
.navbar-right {
}

body {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 300;
    font-size: 16px;
}

h1,h2,h3 {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}


.block {
    /*border: 5px solid green;*/
    padding: 30px 0;
}

.container {
    padding: 0 20px;
}
.navbar-brand{
    padding: 0;
}
.navbar-brand img{
    height: 40px;
}

.text-primary {
    color: #39c;
}

.btn-primary {
    background-color: #39c;
    border-color: #39c;
}

.img-white {
    filter: brightness(0) invert(1);
}

.app-block-footer {
    padding-top: 60px;
    color: #ccc;
    background-color: #334;
    font-size: 12px;
    padding: 0;
}

.app-block-footer.block {
    padding: 60px 0;
}

.app-block-footer a, .app-block-footer a:hover, .app-block-footer a:visited {
    color: #ccc;
}

.app-block-footer .major {
    text-transform: uppercase;
    font-weight: bold;
}


.solutions .panel {
    width: 300px;
    display: inline-block;
    margin: 5px;

}

a, a:hover {
    text-decoration: none;
}

a .panel:hover {
    box-shadow: 0 0 1em #39c;
}

.bg-black {
    background-color: #222;
    color: #eee;
}
.bg-black a, .bg-black a:visited {
    color: #eee;
}


.bold {
    font-weight: 900; }

.protobi-green {
    background: #9bbb59;
    color: white;

}

.protobi-blue {
    background: #39c;
    color: white;

}

.protobi-gold {
    background: #fa0;
    color: white;

}

.protobi-charcoal {
    background: #666;
    color: white;
}

.protobi-charcoal h3, .protobi-blue h3, .protobi-green h3, .protobi-gold h3 {
    color: #eee;
}

.question {
    display: inline-block;
    width: 380px;
    max-width: 100%;
    vertical-align: top;
    margin: 0 10px;

    text-align: left;
}

.pending {
    display: none;
}

.nav li.active {
    background-color: #76B9CF;

}
.nav li:hover {
    background-color: #eee
}

.nav li.active a {
    color: white !important;
}


/* note: this is a hack for ios iframe for bootstrap themes shopify page */
/* this chunk of css is not part of the toolkit :) */
/* …curses ios, etc… */
@media (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
    body {
        min-width: 100%;
        width: 100%;
    }

    #stage {
        height: 1px;
        overflow: auto;
        min-height: 100%;
        -webkit-overflow-scrolling: touch;
    }
}

@media print {
    body {
        width: 100%;
    }
    a[href]:after {
        content:  none;
    }
    .block {
        page-break-inside: avoid;
    }
}