/* GEOTREE LANDINGSPAGINA */
#geotree-content {
	background: #fff;
	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();

		ul.photo-carousel {

			li {
				width: 330px;
				height: 200px;
				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: #F9F9F9;
		float: left;
		width: 100%;
		.box-sizing();
		@pv-geotree-popularlinks();

		h3 {
			font-size: 16px;
			line-height: 16px;
			margin-bottom: 5px;
			@pv-geotree-popularlinks-h3();
		}

		a, a:visited {
			color: #0077BF;
		}

		& > 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-h3();
}

#geotree-full-text h2,
#geotree-content h2 
{
	width:100%;
	float:left;
	clear:both;
	font-size:20px;
	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 {
	ul:not(.list--checked){
		position:relative;
		padding-left:25px;
		margin:0 0 15px;


		li{
			padding-left:0;

			&::before{
				content: '\2022';
				color: #0077bf;
				position:absolute;
				font-size:155%;
				line-height:100%;
				left:0.25em;
			}
		}
	}

	ul.list--checked {
		margin-top: 20px;
		padding-left: 20px;
		position: relative;

		li {
			line-height: 24px;

			&:before {
				position: absolute;
				left: 0;
				content: '';
				height: 20px;
				width: 20px;
				background: url(img/Base/elements/pc/vinkje.svg) no-repeat 0 5px;
				background-size:14px 14px;
			}

			span {
				font-weight: normal !important;
			}
		}
	}

	p + p {
		margin-top:20px;
	}
}


#geotree-full-text ul.interest-boxes
{
	width:100%;
	float:left;
	clear:both;
	margin-top:40px;
	@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;

				& > 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 */