.wrap-search{
    background-color:rgba(0,0,50,0.3);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: brightness(-15);
    backdrop-filter: brightness(-15);
}

.wrap-search input::placeholder {color:rgba(255,255,255,0.36);}
.wrap-search input::-webkit-input-placeholder {color:rgba(255,255,255,0.36);}
.wrap-search input:-ms-input-placeholder {color:rgba(255,255,255,0.36);}
.numbers-thumb{
    background-size: cover;
    background-position:center;
    height:12.813rem;
}
.label-numbers{
    top:0;
    left:0;
    color:white;
    background-color:#00B8FC;
}
.numbers-thumb-info{
    bottom:0;
    left:0;
    color:white;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5) 80%, rgba(0,0,0,0) 100%);
}
.numbers-copy{
    font-size:2rem;
}
.numbers-description{
    font-size:0.9rem;
}
#node_list .numbers-thumb-info{
    bottom:0;
}
.numbers-thumb-info .inner{
    /*margin-bottom:-0.4rem;*/
}
.related-list{
    list-style: none;
}
.related-list li{
    background-image: url(/numbers/_images/icons/re-black.svg);
    background-repeat: no-repeat;
    background-position: left;
    padding-left:1em;
    line-height:2rem;
}
.info-list{
    list-style: none;
}
.info-list li{
    background-image: url(/numbers/_images/icons/dot-blue.svg);
    background-repeat: no-repeat;
    background-position: left 0.6rem;
    padding-left:1em;
}
.card-numbers-over > .card-body > ul > li {
    /*background-image: url(/numbers/_images/icons/dot-yellow.svg);*/
    background-repeat: no-repeat;
    background-position: left 0.6rem;
    padding-left: 1em;
}
.card-numbers-over > .card-body > ul > li > ul,.card-numbers-over > .card-body > ul > li > ul > li {
    padding-left: 0 !important;
}
.card-numbers-over a:hover{
    text-decoration: underline;
}
h5.title span{
    border-left:10px solid var(--primary-color-2);
    padding-left:0.5em;
    line-height:1;
}
.popover-numbers{
    color:white;
    background-color:#00B8FC;
    max-width:25rem;
}
.popover-numbers li{
    color:white;
    font-size:0.85em;
    background-image: url(/numbers/_images/icons/re-white.svg);
}
.bs-popover-top.popover-numbers > .popover-arrow::after, .bs-popover-auto.popover-numbers[data-popper-placement^=top] > .popover-arrow::after {
    border-top-color:#00B8FC;
}
button.btn-popover:focus{ outline: none; }
.btn-numbers{
    color: white !important;
    background-color: #00B8FC !important;
    border-color: #00B8FC !important;
}
#btn_search_toggle.expand button {
    transform: rotate(180deg);
}
.numbers-text-list-title{
    font-size:1.2rem;
    line-height:2rem;
}
.card-numbers-over .numbers-title{
    font-size:1.5em !important;
    line-height:1.5em !important;
}
.card-numbers-over .numbers-source, .card-numbers-over .numbers-related-label{
    font-size:1.3em;
}
.card-numbers-over .info-list a{
    font-size:0.8rem;
}
/* Small devices (landscape phones, 576px and up) XS */
@media (max-width: 575px) {
    .numbers-thumb {
        height: 10rem;
    }
    .numbers-thumb-info .inner .number{
        line-height:1em;
        letter-spacing:-0.2rem;
        margin-bottom: -0.2rem;
    }
    .numbers-thumb-info .inner .unit{
        font-size:2em;
        letter-spacing:-0.2rem;
    }
    .search-ext-filter{
        display:none;
    }
}
@media (min-width: 576px) {
    .numbers-thumb {
        height: 10rem;
    }
    .numbers-thumb-info .inner .number{
        line-height:1em;
        letter-spacing:-0.2rem;
        margin-bottom: -0.4rem;
    }
    .numbers-thumb-info .inner .unit{
        font-size:2em;
        letter-spacing:-0.2rem;
    }
    .search-ext-filter{
        display:none;
    }
}

/* Medium devices (tablets, 768px and up) MD */
@media (min-width: 768px) {
    .numbers-thumb{
        height:12.813rem;
    }
    .numbers-thumb-info .inner .number{
        line-height:1em;
        letter-spacing:-0.4rem;
        margin-bottom: -0.3rem;
    }
    .numbers-thumb-info .inner .unit{
        font-size:2em;
        letter-spacing:-0.2rem;
    }
    .search-ext-filter{
        display:none;
    }
}

/* Large devices (desktops, 992px and up) LG */
@media (min-width: 992px) {
    .numbers-thumb{
        height:12.813rem;
    }
    .numbers-thumb-info .inner .number{
        line-height:4rem;
        letter-spacing:-0.4rem;
        margin-bottom: auto;
    }
    .numbers-thumb-info .inner .unit{
        font-size:2em;
        letter-spacing:-0.2rem;
    }
    .search-ext-filter{
        display:block;
    }
}

/* Extra large devices (large desktops, 1200px and up) XL*/
@media (min-width: 1200px) {
    .numbers-thumb{
        height:12.813rem;
    }
    .numbers-thumb-info .inner .number{
        line-height:3.7rem;
        letter-spacing:-0.4rem;
        margin-bottom: auto;
    }
    .numbers-thumb-info .inner .unit{
        font-size:2em;
        letter-spacing:-0.2rem;
    }
    .search-ext-filter{
        display:block;
    }
}