﻿@import url('https://fonts.googleapis.com/css2?family=Jura:wght@300..700&display=swap');


body {	
font-family: Jura, sans-serif; 
font-weight: 300; 
font-style: normal; 
font-size: 18px; 
line-height: 1.8em; 
letter-spacing: 0px;}

#topMain.nav-pills>li>a {
font-family: Jura, sans-serif; 
font-weight: 500; 
font-style: normal; 
font-size: 14px; 
letter-spacing: -0.2px;}


#topNav ul.dropdown-menu li a {
font-family: source-sans-3, sans-serif; font-weight: 400; font-style: normal; font-size: 15px;}

h1, section.page-header h1 {	
font-family: Jura, sans-serif; 
font-weight: 700; 
font-style: normal; 
font-size: 30px; 
text-transform: uppercase; 
line-height: 1.0em; 
letter-spacing: 0px;}


h2 {	
font-family: Jura, sans-serif; 
font-weight: 700; 
font-style: normal; 
font-size: 28px; 
line-height: 1.0em; 
text-transform: uppercase; 
letter-spacing: 0px;}


h3 {	
font-family: Jura, sans-serif; 
font-weight: 500; 
font-style: normal; 
font-size: 24px; 
line-height: 1.0em; 
letter-spacing: 0px;}

.info-bar h3 {	
font-family: Jura, sans-serif; 
font-weight: 500; 
font-style: normal; 
font-size: 18px; 
letter-spacing: 0px;}

.info-bar p {
font-family: Jura, sans-serif; 
font-weight: 300; 
font-style: normal; 
font-size: 15px; 
line-height: 1.0em; 
letter-spacing: 0px;}


h4 {	
font-family: Jura, sans-serif; 
font-weight: 500; 
font-style: normal; 
line-height: 1.0em; 
font-size: 16px;}


h5 {	
font-family: Jura, sans-serif; 
font-weight: 500; 
font-style: normal; 
font-size: 16px;}


h6 {	
font-family: Jura, sans-serif; 
font-weight: 300; 
font-style: normal; 
font-size: 13px;}


.ctreigen .row, section.page-header {
border:1;
}
.item-box {
border-radius: 5px;
}
.item-box .overlay {
border-radius: 15px 15px 0 0;
}
.lightbox-ajax
{
  max-width: 1200px;
}


.btn {
font-size:18px;
border-radius: 10px;
padding: 4px 12px;
}


/* ===== ROW ===== */
.deep-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  margin-top: 50px;
}

/* ===== ITEM ===== */
.deep-item {
  display: flex;
}

/* ===== BLOKKEN ===== */
.deep-block {
  width: 100%;
  height: 100%;

  padding: 30px 28px;
  border-radius: 8px;

  transition: all 0.3s ease;
}

/* 🎨 subtiel kleurverschil per blok */
.deep-item:nth-child(1) .deep-block {
  background: #fff;
}

.deep-item:nth-child(2) .deep-block {
  background: #fff;
}

.deep-item:nth-child(3) .deep-block {
  background: #fff;
}

/* zachte schaduw */
.deep-block {
  box-shadow: 0 10px 25px rgba(0,0,0,0.04);
}

/* hover (optioneel maar mooi) */
.deep-block:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 35px rgba(0,0,0,0.08);
}

/* ===== TITEL ===== */
.deep-title {
  font-size: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 600;
  color: #0e1a3a;
  margin-bottom: 6px;
}

.deep-title::after {
  content: "";
  display: block;
  width: 40px;
  height: 3px;
  margin-top: 8px;
  border-radius: 2px;
  background: linear-gradient(90deg, #C34EE6, #FFF8AE);
}

/* ===== SUBTITLE ===== */
.deep-subtitle {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #8a93a6;
  margin-bottom: 14px;
}

/* ===== TEKST ===== */
.deep-text {
  font-size: 15px;
  line-height: 1.9;
  color: #2e3a59;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 992px) {
  .deep-row {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .deep-row {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}

hr {
  border: none;
  height: 3px;
  background: linear-gradient(90deg, #C34EE6, #FFF8AE);
  margin: 60px 0;
}

#slider {
	background: #FFF8AE;
	background: -moz-linear-gradient(top, #C34EE6 0%, #FFF8AE 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C34EE6), color-stop(100%, #FFF8AE));
	background: -webkit-linear-gradient(top, #C34EE6 0%, #FFF8AE 100%);
	background: -o-linear-gradient(top, #C34EE6 0%, #FFF8AE 100%);
	background: -ms-linear-gradient(top, #C34EE6 0%, #FFF8AE 100%);
	background: linear-gradient(to bottom, #C34EE6 0%, #FFF8AE 100%);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C34EE6', endColorstr='#FFF8AE', GradientType=0);
}

.page-header, #header li.search
{
display: none;
}