﻿/* GEOTREE LANDINGSPAGINA */
#geotree-content 
{
	padding:15px 15px 0 15px;
	width:100%;
	.box-sizing();

    @pv-geotree-content();

	.columns 
    {
		width:100%;
		float:left;
		clear:both;
	}

	.leftcol 
    {
		.box-sizing();
		@pv-geotree-leftcol();
	}
	
    .rightcol 
    {
		@pv-geotree-rightcol();

	    .content 
        {
		    height:366px;
		    overflow:hidden;
		    margin-bottom:2px;
			@pv-geotree-rightcol-content();

	        &.small 
            {
		        height:auto;
		        overflow:visible;
	        }
		    &.expanded 
            {
			    overflow:visible;
			    height:auto;
		    }
	    }

	    .link 
        {
			@pv-geotree-rightcol-link();
		    
	    }

        .link-full-text 
        {
            margin-top:10px;
            display:inline-block;
        }
	}

	img 
    {

		@pv-geotree-img();
	}

	.photo-container 
    {

		overflow:hidden;
		position:relative;
		@pv-geotree-photocontainer();

		.prev:after,
		.next:after{
			color:@color-white !important;
			font-weight:normal;
			line-height:25px !important;
		}

	    ul.photo-carousel 
        {

	        li
	        {
                width:330px;
                height:330px;
                float: left;
                display: block;
                clear: none;
                text-align: center;
	        }

	    }
	}

	.h1 
    {
		margin:0 0 10px 0;
		@pv-geotree-h1();
	}

    .box-popular-links 
    {
		padding:10px;
		margin:10px 0 15px 0;
		background:#e5f3fe;
		float:left;
		width:100%;
		.box-sizing();
		border-bottom-left-radius:8px;
		border-bottom-right-radius:8px;
		@pv-geotree-popularlinks();

	     h3 
         {
		    margin-bottom:5px;
			@pv-geotree-popularlinks-h3();
			@header-default();
	    }

	    & > ul 
        {
		    float:left;
		    width:100%;
	    

	        & > li 
            {
		        float:left;
				width:50%;
				@pv-geotree-popularlinks-li();
	        }
        }

        &.accos > ul > li
        {
            width:100%;

            span.grade 
            {
    			margin-left:5px;
		    }
        }
    }

}


#geotree-full-text .intro,
#geotree-content .rightcol .content .intro 
{
	@pv-geotree-intro();
}

#geotree-full-text h2,
#geotree-content .rightcol .content h2
{

	@pv-geotree-text-h2();
}

#geotree-full-text h3,
#geotree-content .rightcol .content h3
{
	@pv-geotree-text-h3();
}

#geotree-full-text h4,
#geotree-content .rightcol .content h4
{
	@pv-geotree-text-h4();
}

#geotree-full-text h5,
#geotree-content .rightcol .content h5
{
	@pv-geotree-text-h5();
}

#geotree-full-text h2,
#geotree-content h2 
{
	width:100%;
	float:left;
	clear:both;
	margin-top:10px;
	@pv-geotree-h2();
}

.search-results-footer.content .link 
{
	margin-top:15px;
}

.search-results-footer.content .aggregaterating 
{
    line-height:22px;
	padding-bottom:15px;
}

#geotree-full-text {
	padding-top:0;

	ul.interest-boxes
	{
		width:100%;
		float:left;
		clear:both;
		margin-top:10px;
		@pv-geotree-interestboxes();

		& > li
		{
			width:~"calc(50% - 10px)";
			margin-right:20px;
			margin-bottom:25px;
			float:left;

			&:nth-of-type(even)
			{
				margin-right:0;
			}


				& > img
				{
					width:100%;
					max-height:135px;
					display:block;
				}

				& > div
				{
					.box-sizing();
					display:inline-block;
					padding:0 25px 20px 20px;
					width:100%;
					float:left;
					clear:both;
					background:@color-white;
					border-bottom-left-radius:8px;
					border-bottom-right-radius:8px;

					& > h4
					{
						font-size:16px;
					}

					& > p
					{
						margin-bottom:15px;
					}

					& > a
					{
						/*color:#333;*/
						position:relative;
						text-decoration:none;
						padding-left:15px;

						&:hover
						{
							text-decoration:underline;
						}

						&::before
						{
							content: '';
							position: absolute;
							background-color: transparent;
							top: 6px;
							left: -4px;
							width: 12px;
							height: 12px;
							font-weight: 600;
							background: url(img/base/elements/pc/pijltje_zwart.svg) no-repeat 0 0;
							background-size: 15px;
							transform: rotate(270deg);						
						}
					}
			}

			&:hover
			{

			}
		}
	}
}

@media (max-width: 767px)
{
	#geotree-full-text ul.interest-boxes
	{
		& > li
		{
			width:100%;
			margin-right:0;
		}
	}
}

/* GEOTREE LANDINGSPAGINA */