/*
Theme Name: WBT-Child
Author: Rick van Dalen
Template: WBT-Parent
Author URI: http://www.studio-pit.nl
Description: We Buy Things 
Version: 1.11
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

.resultsC{
    background-color:#fff;
    width:100%;
    margin-left:auto;
    margin-right:auto;
    border-radius:10px;
    margin-top:2px;
    display:none;
    left:50%;
    transform:translate(-50%,0);
    position:relative;
    -webkit-box-shadow:rgba(0,15,20,.19) 0 1px 2px,rgba(0,20,24,.09) 0 3px 12px;
    -moz-box-shadow:rgba(0,15,20,.19) 0 1px 2px,rgba(0,20,24,.09) 0 3px 12px;
    box-shadow:rgba(0,15,20,.19) 0 1px 2px,rgba(0,20,24,.09) 0 3px 12px;
    color:#232323;
    text-align:left;
    z-index:10;
    max-height:550px;
    overflow:auto
}
.resultsC:focus+.resultsC{
    display:block
}
.resultsBox{
    padding:20px
}

.resultsC h2 {
    margin-bottom: 15px;
    padding: 0;
    font-size: 1rem;
}

.resultsTop{
    display:inline-block;
    margin-bottom:10px;
    width:inherit
}
.popularSearches{
    padding:0;
    margin:0;
    list-style:none;
    width:auto
}

.popularSearches li{
    padding:0;
    float:left;
    cursor:pointer;
    margin:0 10px 10px 0;
    list-style: none;
}
.popularSearches li a{
    background-color:#f5f5f5;

    text-decoration: none;
    padding:2px 12px;
    line-height:30px;
    display:flex;
    border-radius:5px;
    font-size:1rem;
    -webkit-transition:all .25s ease-out 0s;
    transition:all .25s ease-out 0s
}
.popularSearches li:hover a{
    background-color:#e7e7e7;
    text-decoration:none;
    -webkit-transition:all .25s ease-in 0s;
    transition:all .25s ease-in 0s
}

.searchResult{
    width:100%;
    display:block;
    border-bottom:1px solid #e7e7e7
}
.searchResult p{
    display:block
}
.searchResult div{
    padding:12px 0;
    display:flow-root
}
.searchResult:hover div{
    text-decoration:underline
}
.searchResultImage{
    display:block;
    float:left;
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
    width:60px;
    height:50px;
    margin-top:6px;
    margin-right:35px
}


.questionnaire .sub-title{
    padding-bottom: 25px;
}
.questionsList li{
    padding-bottom: 15px;
}
.questionsList .questionLine{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
}
.questionsList .questionLine .infoButton{
    cursor: pointer;
    color: var(--color-light-blue);
    line-height: 1;
}
.questionsList .info>div{
    overflow: hidden;
}
.questionsList .info .subInfo>div{
    color: #335d4d;
    background: #6fc5a426;
    border-radius: 8px;
    padding: 10px;
    margin: 10px 0;
}
.questionsList .info{
    transition: all 200ms ease-in-out;
    display: grid;
    grid-template-rows: 0fr;
}
.questionsList .questionLine:focus-within + .info{
    grid-template-rows: 1fr;
}
.questionsList li select{
    padding: 8px;
    height: auto;
}
.image.align-flex-start.questionnaire{
    overflow: hidden;
}
.value .dealContainer{
    margin: auto;
}
/* .value .question-bar .return, */
.value .question-box .question-nav{
    display: none !important;
}

@media (max-width: 920px) {
    input.searchField{
        width:100%
    }

    .resultsC {
        position: relative;
        width: inherit;
    }
}