﻿#search-results-column
{
	position:relative;
	margin-right:0;

	.h1 
    {
		margin:9px 0 15px 0;
		@pv-geotree-h1();
	}

    & > .overview{
        border-top-left-radius:8px;
        border-top-right-radius:8px;
        background:none;
    }
    & > .search-results{
        border-bottom-left-radius:8px;
        border-bottom-right-radius:8px;
        background:none;

        .advert-ResultBanner{
            picture{
                img{
                    border-radius:8px;
                }
            }
        }
    }
}

#search-results-column > .dashed-box.valSummary{
    border:none !important;
    margin-left:15px;

    .wanted{ text-transform:capitalize; }
    .shown{  }
}

@media (max-width: 767px) {
    #search-results-column > .dashed-box.valSummary {
        margin-top:30px !important;
        margin-left:0 !important;
    }
}

.box-sub-header {
    height: @pv-searchresults-subheader-height;
    padding: @pv-searchresults-sortoption-padding;
    background: @pv-searchresults-subheader-background;
}

div.search-results
{
	position:relative;
	margin:0 0 10px 0;
	padding:20px 0 20px 15px;
	width:100%;
	.box-sizing();
    background: #fff;

    .noResults 
    {
        margin-bottom: 15px;

        .title { font-size: 28px; }
        p { padding-top: 10px; }
    }
}


ul.results > li
{
	padding:0;
	float:left;
	clear:both;
	padding-bottom:30px;
	position:relative;
    border-radius:8px;
    box-sizing:border-box;

    &:not(.banner-item){
	background:@color-white;
    padding:5px;
    }
    &.banner-item{
        padding-bottom:0;
    }

    &:not(:last-child){
        margin-bottom:10px;
    }

	&:last-child
	{
		margin-bottom:0;
	}

	&::before
	{
		@pv-results-li-before();
	}

    &::after 
    {
        /*
        display:block;
        content:'';
        height:18px;
        width:100%;
        position:absolute;
        bottom:0;
		@pv-results-li-after();
        */
    }

	& > .photo
	{
		width:220px;
		height:150px;
		text-align:center;
		position:relative;
		margin-right:15px;

        .slick-slider {
		    overflow:hidden;
            border-radius:8px;
        }

        .next,
        .prev{
            &:after{
                color:@color-white;
                line-height:24px;
                font-weight:normal;
            }
        }
	}

    & > .title,
    & > .accommodation
    {
	    width:445px;
        box-sizing:border-box;
    }

	& > .title
    {
        padding-top:8px;

        h2,
        h2 a
        {
            @header-default();
	        vertical-align:top;
	        margin-bottom:3px;
            display:inline;
            @pv-searchresult-title();
            text-decoration:none;
            color:@color-text-body;
        }

        h2
        {
    		margin-right:6px;
	    }

        h3
        {
            width:100%;
            clear:both;
            @header-small();
	        margin-bottom:8px;
            @pv-searchresult-subtitle();
            color:@color-primary;
            font-weight:normal;
        }
    }

    & > .accommodation
    {
        .facts
        {
		    width:100%;
		    height:68px;
		    margin-bottom:4px;

		    ul li:not(.errorText)
		    {
			    padding-left:25px;
			    line-height: 17px;
                position:relative;
                @pv-searchresult-info();
                margin-bottom:8px;

                @pv-matrix-vink();
                &::before 
                {
                    display: inline-block;
                    top:0;
                    left:0;
                    position:absolute;
                    margin-right:5px;
                }
            }
        }

        .review {
            @pv-searchresult-review();
        }
    }

    & > .price
    {
	    position:absolute;
        right: 24px;
        bottom:70px;
	    width:110px;
	    height:75px;

        @pv-pricetag();

        a { text-decoration: none; }

        @media @mobile{
            .price-popup{
                input:checked+span{
                    right:-20px !important;
                    left:auto !important;
                }
                span:after{
                    right:10% !important;
                }
            }
        }
    }

    &:not(.p){
        @media @mobile{
            margin-bottom:10px;
            padding-bottom:5px !important;
        }
        
        @media @tablet{
            padding-bottom:130px !important;
        }
    }

    .excluded{
        color:@color-text-subtle;
        display:block;
        text-align:right;
        font-size:9px;
        line-height:12px;
        font-style:italic;
        position:absolute;
        bottom:0;
        width:100%;
        left:0;
        padding:0 15px 5px 5px;
        box-sizing:border-box;

        @media @mobile{
            position:absolute;
            bottom:0;
            padding-left:10px;
            padding-right:15px;
        }

        @media @tablet{
            position:absolute;
            bottom:0;
        }

        & > .separator{
            display:none;
        }
    }

    &.p{
        padding-bottom:30px !important;

        @media @mobile{
            padding-bottom:40px !important;
        }

        & > .accommodation
        {
            .review{
                @media @tablet{
                    bottom:36px !important;
                }
            }
        }

        & > .price{
            @media @tablet {
                bottom:85px !important;
            }

            @media @mobile{
                bottom:90px !important;
            }
        }

        .btn-rood-fluid-wrapper {
            @media @tablet{
                bottom:46px;
            }
        }
    }
}

ul.sale li { /*min-height: 22px;*/line-height:16px;margin-bottom:6px; }

body ul.results li .btn-rood-fluid-wrapper 
{ 
    width:@pv-searchresults-btnrood-width;
    
    margin-top:-45px;
    float:right;
    margin-right:8px;
     
}

body ul.results li .btn-rood.fluid
{
}

body ul.results li .btn-rood-fluid-wrapper.arrow-right .btn-rood.fluid
{
}

#ContentPlaceHolderContent_PhoneFilterBox_btnStickyFilter{
    position:fixed !important;
    top:60px !important;
}