﻿/* HOMEPAGE NIEUWE BLOKKEN */
#visited-accos-home 
{ 
    margin-top:0; 
    & > .box { margin-bottom:10px; }

    .box-content 
    {
        min-height: 263px;
        padding-bottom:0;

        .box-photos > ul > li 
        {
            span.count 
            {
                height: 50px;
            }
            .accordeon-content {
                position: absolute;
                bottom: 0;
                width: 100%;
                height: 180px;
                padding-bottom: 0;
            } 
        }

    }

    .box-photos 
    {
        float: left;
        width: 100%;
        height:252px;
        clear: both;
        position: relative;
        overflow: hidden;
        padding: 0;

        & > div 
        {
            float: left;
            clear: none;
            width: 290px;
            padding: 0;
            position: absolute;
            top: 0px;
            margin: 0;
            height: 242px;
        }

        a { text-decoration:none; }
        h3 { font-size:14px;line-height:15px; @pv-visited-accos-h3(); }
    }

    .accordeon-header 
    {
        border: none;
        margin-top: 10px;
        padding-top: 0;

        h4{
            text-transform:uppercase;
            @pv-visited-accos-h4();
        }
    }  

    span.count 
    {
        display: block;
        float: left;
        height: 42px;
        width: 45px;
        font-size: 27px;
        padding: 5px 0 0 0;
        font-weight: bold;
        font-style: italic;
        color: #bf0000;
        .text-shadow( 2px 2px 2px #bbbbbb );
        @pv-template-count();
    }

    .photo 
    {
        width: 290px;
        height: 180px;
        text-align: center;

         img 
         {
            max-height: 100%;
            min-height: 100%;
            width: 100%;
        }
    }

    .slick-prev,
    .slick-next 
    { 
        position: absolute;
        top: 156px;
        width: 50px;
        height: 50px;
        overflow: hidden;
        z-index: 999;
        text-decoration: none;

        &::before
        {
            display: block;
            color: #fff!important;
            .opacity(1) !important;
            
            font-size: 18px;
            line-height: 18px;
            text-align: center;
            margin: 18px 0 10px 0;
            width: 24px;
            height: 24px;
            .box-sizing();
            background: rgba(0,0,0,.33);
            .border-radius(3px);
			@pv-homepage-visitedacco-prevnext-before();
        }

		&:hover::before { @pv-homepage-visitedacco-prevnext-hover-before();  }
    }

    .slick-prev
    {
        left:0px;
		@pv-homepage-visitedacco-prev();
        &::before { @pv-homepage-visitedacco-prev-before(); }
    }

    .slick-next
    {
        right:0px;
		@pv-homepage-visitedacco-next();
        &::before { @pv-homepage-visitedacco-next-before(); }
    }

    .slick-slider * { outline: none; }
}



#homepage-banners 
{ 
    margin-bottom:0; 

    .banner { border:none; }

    .box-spotlight-left 
    { 
        margin-right:10px;
        margin-bottom:10px; 

        .box-header
        {
            @pv-spotlight-box-header();
        }



        .box-content {
            background:none;

            img {
                @pv-spotlight-image();
            }
        }

        a
        {
            color:#fff;
            text-decoration:none;
        }

        .pricelabel
        {
            top:-30px !important;
            right:-2px !important;
            @pv-spotlight-pricelabel();
        }
        .price {
            @pv-spotlight-price();
        }
    }

    &:not(.visited-available) .box-spotlight-left:nth-of-type(3n) 
    { 
        margin-right:0; 
    }

    &.visited-available .box-spotlight-left:nth-of-type(odd) 
    { 
        margin-right:0; 
    }
}

.col8.hidden-phone {height: 1px !important; width: 1px !important;}

#banner-carousel > div { 
	position:relative; 
	& > a.btn-rood.fluid{
		position:absolute !important;
		bottom:10px;
		right:10px;
	}
}

/* HOMEPAGE NIEUWE BLOKKEN */