@import url("reset.less");

.page_content {
	
	.page_div {
		
		&.arrangementen_overzichtpagina_intro {
			padding: 6rem 0 3rem 0;
			position: relative;
			.background_style;
			
			&:after {
				content: '';
				width: 100%;
				height: .5rem;
				position: absolute;
				top: 0;
				left: 0;
				background-image: linear-gradient(to right, @pink, @purple);
			}
			
			p {
				margin: 0;
			}
		}
		
		.category_title_1, .category_title_3, .category_title_5, .category_title_7, .category_title_9, .category_title_11, .category_title_13, .category_title_15, .category_title_17, .category_title_19, .category_title_21, .category_title_23, .category_title_25, .category_title_27, .category_title_29, .category_title_31 {
			display: flex;
			align-items: center;
			
			h2 {
				white-space: nowrap;
				margin: 0;
				padding: 0px 2rem;
				
				span {
					position: relative;
					
					&:after {
						content: '';
						position: absolute;
						top: 100%;
						left: 0;
						width: 100%;
						height: 4px;
						background: @pink;
					}
				}
			}
			
			.line {
				display: block;
				width: 100%;
				height: 1px;
				background-color: #fff;
			}
		}
		
		.category_title_2, .category_title_4, .category_title_6, .category_title_8, .category_title_10, .category_title_12, .category_title_14, .category_title_16, .category_title_18, .category_title_20, .category_title_22, .category_title_24, .category_title_26, .category_title_28, .category_title_30, .category_title_32 {
			display: flex;
			align-items: center;
			
			h2 {
				white-space: nowrap;
				margin: 0;
				padding: 0px 2rem;
				
				span {
					position: relative;
					
					&:after {
						content: '';
						position: absolute;
						top: 100%;
						left: 0;
						width: 100%;
						height: 4px;
						background: @purple;
					}
				}
			}
			
			.line {
				display: block;
				width: 100%;
				height: 1px;
				background-color: #fff;
			}
		}
		
		.category_description {
			max-width: 50%;
			margin: auto;
		}
		
		&.bericht_overzichtpagina_activiteiten {
			
			&.no_overlay {
				
				.post_image {
					
					&:after {
						opacity: 0;
					}
				}
			}
			
			.slick-prev {
			  left:0;
			  -webkit-transform: translate(-150%, -50%);
			  -ms-transform: translate(-150%, -50%);
			  transform: translate(-150%, -50%);
			}
			
			.slick-next {
			  right:0;
			  -webkit-transform: translate(150%, -50%);
			  -ms-transform: translate(150%, -50%);
			  transform: translate(150%, -50%);
			}
		}
		
		&.arrangementen_faq {
			padding-bottom: 4rem;
		}
	}
}

@media only screen and (max-width: 992px) {
	
	.page_content {
		
		.page_div {
			
			.category_title_1, .category_title_3, .category_title_5, .category_title_7, .category_title_9, .category_title_11, .category_title_13, .category_title_15, .category_title_17, .category_title_19, .category_title_21, .category_title_23, .category_title_25, .category_title_27, .category_title_29, .category_title_31 {
				
				h2 {
					white-space: unset;
					line-height: 200% !important;
				}
			}
			
			.category_title_2, .category_title_4, .category_title_6, .category_title_8, .category_title_10, .category_title_12, .category_title_14, .category_title_16, .category_title_18, .category_title_20, .category_title_22, .category_title_24, .category_title_26, .category_title_28, .category_title_30, .category_title_32 {
				
				h2 {
					white-space: unset;
					line-height: 200% !important;
				}
			}
			
			.category_description {
				max-width: 100% !important;
			}
		}
	}
}