.box-text
{
    padding: 0;
    margin:0 0 10px 0;
    font-size:12px;
	@pv-box-text();	

    .content .image 
    {
	    position:absolute;
	    right:10px;
	    top:-20px;
        @pv-box-image();
    }

    .box.content.hasimage h1 
    {
	    width:375px;
        @pv-box-has-image();
    }
}

.box 
{
    margin:0 0 10px 0;

    div.price
    {
	    &.top { top:0px; }
	    &.right { right:0px; }
	    &.left { left:0px; }
	    &.bottom { bottom:0px; }
    }
    
    &.content
    {
        .description 
        {
	        min-height:77px;
	        line-height:16px;

            &.hasimage 
            {
	            width:375px;
	            min-height:100px;
                @pv-box-has-image();
            }

            h4 
            {
				@pv-template-box-content-description-h4();
            }
        }

        &.h310 .description { min-height:223px; }
    }

    &:not(.lastminutes) div.price 
    {
	    position:absolute;
	    width: 100px;
	    height: 75px;
    }

	&:not(.transfer-left-two-col) .box-content > ul > li:last-child 
    {
		border:none;
	}
}

.box-content 
{
	.box-sizing();

	& > ul > li 
    {
        border-style:solid;
        border-width:0 0 1px 0;
		padding:10px 0;
        border-color:#A8D7F7;
	}


}
.col4 .box-content {width:310px;}

.citytrip-transport .box-content > ul > li,
.citytrip-photo .box-content > ul > li,
.box-country-destinations .box-content > ul > li ,
box-overview .box-content > ul > li 
{
    line-height:22px;
	border:none;
}

.photo 
{
	width:290px;
	height:180px;
	text-align:center;

    &.small 
    {
	    width:120px;
	    height:80px;
	    text-align:center;
    }

    img 
    {
	    max-height:100%;
	    min-height:100%;
	    width:100%;
    }
}

.photo-container 
{
	position:relative;

	img 
    {
		width:100%;
        height: 100%;
        object-fit: cover;
	}

    .review 
    {
	    position:absolute;
	    right:30px;
	    bottom:20px;
	    width:162px;
	    height:21px;
	    font-size:12px;
	    font-weight:bold;
	    padding:5px 0 0 15px;
        background:url(../../img/Base/elements/pc/aantal_beoordelingen.png) no-repeat left top;
	    color:#c00;

	    .roset 
        {
		    right: -25px !important;
		    top: -10px;
		    left:auto;
		    bottom:auto;
	    }
    }

}

span.count 
{
	display:block;
	float:left;
	height:30px;
	width:45px;
	font-size:27px;
	padding:5px 0 0 0;
	font-weight:bold;
	font-style:italic;
    color:@pv-color-red;
    .text-shadow( 2px 2px 2px #bbbbbb );
    @pv-template-count();
}

h1,
h3,
.box-content h3 a 
{
	text-decoration:none;
    font-weight:@pv-font-weight-bold;
    color: @pv-color-red;
}

.box.content {
        .description {
            h1 
            {
            	@pv-box-text-h1();
            }
            
            h2 
            {
            	@pv-template-h2();
            }
            
            h3 
            {
            	@pv-template-h3();
            }
            
            h4 
            {
            	@pv-template-h4();
            }
            
            h5
            {
            	@pv-template-h5();
            }
        }
    }


.details 
{
	font-size:14px;
	width:160px;

	ul li 
    {
		list-style-position: outside;
		margin-left:10px;
		line-height:17px;
        position:relative;
	
        &::before 
        {
            content: '';
            display: inline-block;
            width:6px;
            height:6px;
            .border-radius(3px);
            background-color:#000;
            position:absolute;
            left:-10px;
            top:4px;
            @pv-list-bullet();
            left: -10px;
        }
    }

	strong 
    {
		font-weight:bold;
	}
}

.bestrated {
    @pv-best-rated();
}

.bestrated .photo-container 
{
	margin-top:10px;

	.box-photo { width:100%;height:199px;overflow:hidden; }
}

.sidebar 
{
	margin-bottom:10px;
}

.box-photo
{
    .box-content
    {
	    padding:0;
	    width:100%;

	    a 
	    {
		    position:absolute !important;
		    bottom:10px;
		    right:10px;

		    &.top 
		    {
			    top:10px;
		    }

		    &.left
		    {
			    left:10px;
		    }
        }
    }
}

body ul.list 
{
	width:100%;
	margin-top:10px;

    li 
    {
	    padding-left: 15px;
	    font-size:12px;
	    margin-bottom:10px;
        background: url(../../img/Base/ico/ico-form-error-listitem.png) no-repeat left 3px;
    }
}

body ul.list-item li 
{
	list-style-position: outside;
    position:relative;

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

a#btn-down, 
a#btn-up 
{
	position: absolute;
	bottom: 80px !important;
    z-index:999;
}

.content > .box-text > .content:not(.large)
{
	padding:10px;
	margin-bottom:0;
}

.col12 .box.content .description.hasimage {
	width:600px;
}


/*tekst opmaak*/
.content .box .description p 
{
	margin-bottom:10px;
	&.nomargin 
    {
		margin-bottom:0;
	}
}

body .box.content {
    padding: 20px 25px 15px 20px !important;

    .description
    {
        h2 
        {
            font-size: 13px;
            font-weight:bold;
            margin-bottom:10px;
            color: #000;
            @pv-template-h2();
        }
    
        &.hasimage .wide 
        {
        }

        #readMore, #readLess {
            line-height:50px;
        }
    }
}

ul.countries li 
{
	float:left;
	
	&:nth-child(odd) 
    {
		margin-right:10px;
	}
}

.box-overview 
{
    .title 
    {
	    font-weight:bold;
    }
    .box-content {
        line-height:22px !important;
    }
    .box-content > ul > li { padding:8px 0; }
}

.description ol li 
{
	list-style:decimal;
	margin-left:20px;

    div { color:#333; }
}

.customer-review-box 
{
	float:left;

    .box-content 
    {
	    height: 263px;
    }
}



body .widgetareas.content
{
    .box-spotlight-left .box-content{ min-height:inherit; }
    .citytrip-photo .box-content { background-color:#fff;background-position:right bottom;background-repeat:no-repeat; }
    .popular-destinations .box-content { min-height:inherit; }
}

body .widgetareas .box-content,
body .sidebar .box-content {
	line-height:16px;
}

.box-newsletter .box-content,
body .widgetareas.content .box-content {
	min-height:263px;
	
}

.box-newsletter .box-content {
    p {
        line-height:22px;
    }
}

body.mood-without-search .template 
{
	margin-top:450px;
}

body.template #content .col8 { margin-right:0; }


body.no-price-stickers .box-spotlight-left .pricelabel { display:none; }

body.bigtext .box.content .description 
{
	    min-height: 393px !important;
}

.box-text ol li::before{ content:none !important; }


#content > .container > .template{
	float:left;
}

@media (max-width: 767px)
{
	img.text-image-sidebar{
		margin-bottom:10px !important;
	}
}

@import "./components/template/template_topslideshow.less";
@import "./components/template/template_citytripslideshow.less";
@import "./components/template/template_citytripphoto.less";
@import "./components/template/template_citytriptransport.less";
@import "./components/template/template_months.less";
@import "./components/template/template_valentine.less";
@import "./components/template/template_flags.less";
@import "./components/template/template_transfers.less";
@import "./components/template/template_populardestinations.less";
@import "./components/template/template_listaccos.less";
@import "./components/template/template_lastminute.less";
@import "./components/template/template_filterbox.less";
@import "./components/template/template_accordeon.less";
@import "./components/template/template_static.less";
@import "./components/template/template_splash.less";
@import "./components/template/template_footer.less";
@import "./components/template/template_spotlightleft.less";
@import "./components/template/template_countrydestinations.less";
@import "./components/template/template_popaccos.less";
@import "./components/template/template_template.less";


// remove after 01-05-2019
.top40-hits {
	width:100%;
}
.top40-list {
	width: calc(50% - 20px);
    margin-right: 20px;
}
.top40-item {
	position: relative;
	float: left;
    clear: both;
    width: 100%;
    height: 120px;
    padding: 20px 0;
    border-bottom: 1px solid #a8d7f7;
}
.top40-item .title h4 {	
	float:left;
	clear:both;
	margin: 0 !important;
	line-height: 16px !important;
}
.top40-left {
    width: 37%;	
}
.top40-right {
	width: 60%;
    margin-left: 5px;
    white-space: nowrap;
}
.top40-right .title {
	width:100%;
	margin-top:-6px;
	margin-bottom:9px;
}
.top40-right .title .list-classification {
	margin-bottom:0px;
}
.top40-item .title h2 {	
	float:left;
	margin: 0 !important;
}

.top40-right .facts {
	line-height:19px;
}
.top40-item .btn-rood-fluid-wrapper {
	position: absolute;
    bottom: 25px;
    right: 0;
}
.top40-count {
    width: 45px;
    margin: 28px 10px 0 0;
    height: 33px;
    background-color: #d90000;
    border-radius: 50%;
    color: white;
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    padding-top: 11px;
}
.top40-img {
	height:100px;
	width:100px;
	object-fit:cover;
}
@media screen and (max-width: 979px) {
	.top40-list {
		width: 100%;
		margin-right: 0;
	}
}
@media screen and (max-width: 767px) {
	.top40-left {
		width: 100%;	
	}
	.top40-right {
		width: 100%;	
	}
	.top40-item {
		width: 290px;
		margin-left: -10px;
		height: initial;
		padding: 10px 0;
	}
	
	.top40-right .title {
		position:absolute;
		top:12px;
		left:53px;
		width: 250px;
		white-space: normal;
	}
	
	.top40-img {
		height:180px;
		width:100%;
	}
	
	.top40-count {
		margin: 0 10px 10px 0;
	}
	
	.top40-right .facts {
		margin:10px 0 45px 0;
	}
	
		
	.longtitle .top40-left .top40-count {
		margin: 0 10px 30px 0;
	}
}
// remove above after 1-5-2019