body, body * { font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
font-family: font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 600;
line-height: 130%;
}	
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.nav > li > a:hover, 
.nav > li > a:focus {
    background-color: #fff;
}
.nav > li > a:hover:after,
.nav > li > a:focus:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #eca199;
    margin-bottom: -7px;
}	
.sector-item-holder {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.sector-item-holder.hide- {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

.sector-item a:hover h5,
.sector-item a:active h5,
.sector-item a:focus h5 { text-decoration: underline; }

@media (min-width: 992px) {
	.container-blue-right { position: relative; }
	
	.container-blue-right:after {
		position: absolute;
		top: 0;
		right: 0%;
		width: 40%;
		height: 100%;
		background-color:#6cb7d7;
		z-index: -1;
		content: '';
	}
	
	.container-pink-left { position: relative; }
	
	.container-pink-left:after {
		position: absolute;
		top: 0;
		left: 0%;
		width: 40%;
		height: 100%;
		background-color:#eca199;
		z-index: -1;
		content: '';
	}	
  
	.container-purple-right { position: relative; }
	
	.container-purple-right:after {
		position: absolute;
		top: 0;
		right: 0%;
		width: 40%;
		height: 100%;
		background-color:#af8cbb;
		z-index: -1;
		content: '';
	}
}

@media (min-width: 768px) {
	.side-col-holder {
		position: relative;
		z-index: 1;
	}
	
	.sector-txt-holder {
		padding-bottom: 80%;
		height: 0;	
	}
	.sector-txt {
		position: absolute;
		bottom: 0;
		left: 10px;	
	}
	.sector-txt p, .sector-txt h5 { font-size:13px; }
	
	.side-col-txt { padding: 7rem 4rem 2rem; }	
}

@media (max-width: 768px) {
	.side-col-holder {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	.sector-txt-holder {
		padding: 1rem 0 0;
		min-height: 60px;
	}
	.sector-txt p, .sector-txt h5 { font-size:11px; }
	
	.side-col-txt { padding: 2rem 4rem 2rem; }
	
	.navbar-nav {
		margin: 0 !important;
	}
	
	
	section#verhaal-amir .bg-small { background-color:#6cb7d7; }
	section#verhaal-martine .bg-small { background-color:#eca199; }
  section#verhaal-erblina .bg-small { background-color:#af8cbb; }
	section#verhaal-maxim .bg-small { background-color:#feb66a; }
}

@media (max-width: 576px) {
	.side-col-txt { padding: 2rem 4rem 2rem; }
}

a.img-action:hover img, a.img-action:active img { display: none; }
a.img-action:hover .img-hover, a.img-action:active .img-hover { display: block !important; }

.bg-pink { background-color:#eca199; }
.bg-blue { background-color:#6cb7d7; }
.bg-purple { background-color:#af8cbb; }
.bg-orange { background-color:#feb66a; }

.container-margin { 
	margin-top:2rem;
	margin-bottom:4rem;
}

.col-padding { padding: 2rem 4rem 4rem; }

.action-btn {
background: rgba(255, 255, 255, 0);
border-radius: 0;
border-color: black;
white-space: normal;
padding: 2rem;
}
.action-btn:hover, .action-btn:active, .action-btn:focus { 
	background: rgba(255, 255, 255, 1); 
	color: #000;
}

.communicatiekit-title {
	border-top: 1px solid #333;
	padding-top: 2rem;
}

a[class^="communicatiekit-link"] { text-decoration: none; }
a[class^="communicatiekit-link"]:hover .communicatiekit-icon, a[class^="communicatiekit-link"]:active .communicatiekit-icon, a[class^="communicatiekit-link"]:focus .communicatiekit-icon { text-decoration: underline; }

a[class^="communicatiekit-link"] img {
	margin: 0 auto 2rem;
}

.communicatiekit-link-pdf .communicatiekit-icon  {
	display: inline-block;
	padding-right: 3rem;
	background: url("/campagne/iedereenkanbijleren/assets/img/pdf-icon.svg") no-repeat;
	background-position: center right;
}

.communicatiekit-link-jpg .communicatiekit-icon  {
	display: inline-block;
	padding-right: 3rem;
	background: url("/campagne/iedereenkanbijleren/assets/img/jpg-icon.svg") no-repeat;
	background-position: center right;
}

.communicatiekit-link-mp4 .communicatiekit-icon  {
	display: inline-block;
	padding-right: 3rem;
	background: url("/campagne/iedereenkanbijleren/assets/img/mp4-icon.svg") no-repeat;
	background-position: center right;
}
.ui-widget {
	font-family: font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.ui-widget-content {
	background: #fff !important;
}
.ui-state-default, .ui-state-hover, .ui-state-active, .ui-state-active a  {
	color: #666 !important;
	border: none !important;
	font-weight: normal !important;
	cursor: pointer;
}

.popover {
	font-size: 13px !important;
}