#search-results-column
{
	position:relative;
	margin-right:0;

	.h1 
    {
		margin:9px 0 15px 0;
		@pv-geotree-h1();
	}

}

#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;
	
	&: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;
        }
	}

    & > .title,
    & > .accommodation
    {
	    width:445px;
    }

	& > .title
    {
        display:flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin-top:10px;
        ul.classification{order:1;flex-basis:100%;}
        h2{ order:2;flex-basis:100%;}
        h3{order:3;flex-basis:100%;}

        h2,
        h2 a
        {
	        font-size:17px;
	        font-weight:bold;
	        text-decoration:none;
	        line-height:20px;
	        vertical-align:top;
	        margin-bottom:3px;
            display:inline;
            color:@pv-searchresult-title-color;
            @pv-searchresult-title();

            font-family: Titillium Web;
            font-style: normal;
            font-weight: bold;
            font-size: 20px;
            line-height: 24px;
            /* identical to box height, or 120% */

            letter-spacing: -0.02em;
        }

        h2
        {
    		margin-right:6px;
	    }

        h3
        {
            width:100%;
            clear:both;
	        font-size:12px;
	        line-height:18px;
	        text-transform:none;
	        margin-bottom:8px;
            color:@pv-searchresult-subtitle-color; 
            @pv-searchresult-subtitle();
        }
    }

    & > .accommodation
    {
        .facts
        {
		    width:100%;
		    height:68px;
		    margin-bottom:4px;

		    ul li:not(.errorText)
		    {
                margin-left:5px;
			    padding-left:15px;
			    line-height: 17px;
                position:relative;
                @pv-searchresult-info();

                &::before 
                {
                    content: '';
                    display: inline-block;
                    width:6px;
                    height:6px;
                    .border-radius(3px);
                    background-color:#c00;
                    position:absolute;
                    left:0;
                    top:4px;
                    @pv-list-bullet();
                }
            }
        }

        .review {
            @pv-searchresult-review();

            @media @tablet{
                bottom:36px !important;
            }
        }
    }

    & > .price
    {
	    position:absolute;
        right: 0;
        top:0;
	    width:110px;
	    height:75px;

        a { text-decoration: none; }


        @media @mobile{
            .price-popup{
                input:checked+span{
                    right:-20px !important;
                    left:auto !important;
                }
                span:after{
                    right:10% !important;
                }
            }
        }
    }

    & > .btn-rood-fluid-wrapper {
        width:144px !important;
    }

    
    .excluded{
        color:@color-text-subtle;
        display:block;
        font-size:9px;
        line-height:12px;
        font-style:italic;
        padding-right:0;
        padding-bottom:5px;
        text-align:right;

        @media @mobile{
            position:absolute;
            bottom:20px;
        }

        @media @tablet{
            position:absolute;
            bottom:20px;
        }

        & > span.separator{
            display:none;
        }
    }

    &.p{
        padding-bottom:30px !important;

        @media @tablet{
            padding-bottom:110px !important;
        }

        @media @mobile{
            padding-bottom:60px !important;
        }
    }

    &:first-child{
		.price-popup{
			input:checked+span{
				top:-40px !important;
				left:auto !important;
				right:30px !important;
			}

			span:after{
				border:none !important;
                border-top: solid 10px transparent !important;
                border-right: solid 0px transparent !important;
				border-bottom: solid 10px transparent !important;
				border-left: solid 10px white !important;
				right:0 !important;
				top:~"calc(50% - 50px) !important";
			}
		}
    }
}

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:-70px;
    float:right;

    @media @tablet{
        bottom:55px;
    }
}

body ul.results li .btn-rood.fluid
{
}

body ul.results li .btn-rood-fluid-wrapper.arrow-right .btn-rood.fluid
{
}

ul.results > li > .photo .next {
    bottom: unset;
    top: 45%;
    margin: 0;

    &:after {
        margin: 0;
        margin-left: 10px;
    }
}

ul.results > li > .photo .prev {
    bottom: unset;
    top: 45%;
    margin: 0;
    margin-left: 8px;

    &:after {
        margin: 0;
    }
}

@media @mobile{
    #ContentPlaceHolderContent_PhoneFilterBox_btnFilter{
        width:290px;
    }
}

#ContentPlaceHolderContent_PhoneFilterBox_btnStickyFilter {
    position: fixed !important;
    top: 60px !important;
    width: 290px;
    z-index: 2;
}