html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

/**************** Typeahead ********************/
.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999
}

.tt-menu {
    width: 422px;
    margin-top: 4px;
    padding: 4px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
    padding: 3px 20px;
    line-height: 24px;
}

    .tt-suggestion.tt-cursor, .tt-suggestion:hover {
        color: #fff;
        background-color: #70C9F2 !important;
    }

    .tt-suggestion p {
        margin: 0;
    }

.twitter-typeahead {
    min-width: 190px;
}

/* We follow out search boxes with a append of a search icon */
.tt-input {
    /* border-bottom-right-radius: 0px;
        border-top-right-radius: 0px;*/
}

/****** Tags *******/
/*.tag {
    position: relative;
    width: 200px;
    height: 18px;
    margin-left: 0px;
    margin-right: 15px;
    padding-right: 6px;
    color: #FFFFFF;
    background-color: #F15A29;
    text-align: center;
    line-height: 18px;
    font-size:12px;
}

    .tag:before {
        content: "";
        position: absolute;
        right: 100%;
        top: 0px;
        width: 0px;
        height: 0px;
        border-top: 9px solid transparent;
        border-right: 9px solid #F15A29;
        border-bottom: 7px solid transparent;
    }*/


/***************** BADGES ****************/
/* dont think status-badge-home-page is used */
.status-badge-home-page {
    position: absolute;
    right: 15px;
    top: 15px;
}
.badge.published {
    background: green;
    color: white;
}

.badge.development {
    background: gray;
    color: white;
}

.badge.review {
    background: orange;
    color: white;
}
.badge.floating {
    background: black;
    color: white;
}
/************ Tabs *****************/

.js-insights  .tab-pane {
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}


select::after {
    display: inline-block;
    position: absolute;
    font: var(--fa-font-thin);
    content: '\f107';
    /*margin: 10px 0px -10px 7px;*/
    text-decoration: none;
    /*z-index:10000;*/
    top: 10px;
    right: 10px;
}

/******** Hide mobile *************/

@media(max-width:1000px) {

    .hide-mobile {
        display: none !important;
    }
}

@media(min-width:1000px) {
    .hide-desktop {
        display: none !important;
    }
}

/***** Header *******/
.section-header {
    color: #323b42;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 20px;
}

.js-expand:hover, .js-permalink:hover {
    cursor: pointer;
}

.expanded .nav-link {
    border: none;
    border-radius: 0;
    background: #e1e1e1;
    color: #000;
    padding: 3px 6px 3px 6px;
    margin-right: 6px;
}

    .expanded .nav-link.active {
        background: #000;
        color: #fff;
    }

.dropdown-item a:hover {
    text-decoration:none;
}

.btn-group .btn-outline-primary.dropdown-toggle.show {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: white;
}

.btn-group .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: none;
}


.badge {
    padding: 2px 6px 4px 6px!important;
    border-radius: 4px;
}