//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;
}

/** 
 * The default focus style is likely provided by Bootstrap or the browser
 * but here we override everything else with a visually appealing cross-
 * browser solution that works well on all focusable page elements
 * including buttons, links, inputs, textareas, and selects.
 */
*:focus { 
  outline: 0 !important;
  box-shadow:
    0 0 0 .2rem #fff, /* use site bg color to create whitespace for faux focus ring */
    0 0 0 .35rem #069 !important; /* faux focus ring color */
}

/**
 * Undo the above focused button styles when the element received focus
 * via mouse click or touch, but not keyboard navigation.
 */
*:focus:not(:focus-visible) {
  outline: 0 !important;
  box-shadow: none !important;
}

a.text-field.bg-salmon,
a.theme-link .theme-tile {
  transition: all 0.3s ease-in-out;
}

a.text-field.bg-salmon:hover, a.text-field.bg-salmon:active, a.text-field.bg-salmon:focus,
a.theme-link:hover .theme-tile, a.theme-link:active .theme-tile, a.theme-link:focus .theme-tile {
  box-shadow: 0 0 7px 1px #967f58;  
  transition: all 0.3s ease-in-out;
}

.nav-circle {
    display: inline-block;
    background: url(/campagne/daden-boven-woorden/assets/img/cirkel-header.png) no-repeat top center;
    background-size: contain;
    position: absolute;
    top: -1px;
    left: 41%;
    width: 18%;
    height: 0;
    padding-bottom: 18%;
}

.nav-circle .circle-img {
    display: block;
    background: url(/campagne/daden-boven-woorden/assets/img/cirkel-header-active.png) no-repeat top center;
    background-size: contain;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.nav-circle-mobile {
    display: inline-block;
    background: url(/campagne/daden-boven-woorden/assets/img/cirkel-header-mobile.png) no-repeat top center;
    background-size: contain;
    position: absolute;
    top: -1px;
    left: 34%;
    width: 32%;
    height: 0;
    padding-bottom: 25%;
}

.nav-circle-mobile .circle-img {
    display: block;
    background: url(/campagne/daden-boven-woorden/assets/img/cirkel-header-mobile-active.png) no-repeat top center;
    background-size: contain;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.nav-circle:hover .circle-img, .nav-circle:active .circle-img,
.nav-circle-mobile:hover .circle-img, .nav-circle-mobile:active .circle-img {
    opacity: 1;
    transition: all 0.3s ease-in-out;
}
  
.navbar-header {
  float: none;
}
.navbar-toggle {
  display: block;
  margin-left: 1rem;
}
.navbar-collapse.collapse {
  display: none!important;
}
.navbar-nav {
  float: none!important;
  padding: 0 !important;
  margin: 0 !important;
}
.navbar-nav>li {
  float: none;
  padding: 0 !important;  
  margin-right: 0 !important;
}

.navbar-nav>li>a {
  padding: 1rem !important;
}
  
.navbar-inner { 
  display: inline-block;
  margin: 0 1rem; 
}

.navbar-inner .nav {
  background-color: rgba(255, 255, 255, .7);  
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: white;
    background-color: #68359b;
}

@media (min-width: 992px) {
.navbar-default .navbar-nav > li:after {
    background-color: transparent;
}
}

.navbar-default .navbar-collapse { 
  border: none !important; 
  background-color: transparent !important;
}

.navbar-collapse.collapse.in{
  display: inline-block !important;
  background-color: transparent !important;
}

.navbar-default {
  background-color: transparent !important;
  border-top: none!important;
  margin-top: 1rem !important; 
}

.navbar-default .navbar-toggle {
  border-color: transparent !important;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #68359b !important;
}

.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:active .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
  background-color: #68359b !important;
}

.formlink-section {
  margin-bottom: 3rem;  
}

.video-section {
  padding: 4rem 0;  
}

.video-section .video-field {
  padding: 1rem 0 3rem;  
}  

.text-field {
  padding: 1rem 2rem;
  margin: 2rem 0;
}

.theme-row > div {
  padding-left: 2rem;
  padding-right: 2rem;
}

.theme-tile {
  margin: 3rem 0;
}

.theme-inner { padding: 3rem 1rem 1rem; }

.theme-tile .img-holder {
  height: 0;
  padding-bottom: 25%;
}

@media (max-width: 768px){
  .theme-tile .img-holder { padding-bottom: 60%; }
}

.panel-default,
.panel-default > .panel-heading {
    border: none !important;
}

.theme-kansen .img-holder {
  background: url(/campagne/daden-boven-woorden/assets/img/icon-kansen.png) no-repeat center;
  background-size: contain;
}

.theme-ambassadeurs .img-holder {
  background: url(/campagne/daden-boven-woorden/assets/img/icon-ambassadeurs.png) no-repeat center;
  background-size: contain;
}

.theme-praktijken .img-holder {
  background: url(/campagne/daden-boven-woorden/assets/img/icon-praktijken.png) no-repeat center;
  background-size: contain;
}

.theme-partnerschappen .img-holder {
  background: url(/campagne/daden-boven-woorden/assets/img/icon-partnerschappen.png) no-repeat center;
  background-size: contain;
}
  
.rnd-corner { border-radius: 10px; }

.home-icon-holder {
	position: absolute;
	top: 1rem;
	left: 1rem;
	width: 42px;
	height: 42px;
}

body.home .home-icon-holder { display: none; }

.home-icon-holder .theme-svg-holder {
	width: 32px;
	height: 32px;
}

a:hover .home-icon-holder .theme-svg-holder,
a:active .home-icon-holder .theme-svg-holder{
	width: 42px;
	height: 42px;
}

.nav > li > a:hover, 
.nav > li > a:focus {
    background-color: #fff;
}

.main-nav-link {
	display: block;
	padding: 1rem 0;
}

.main-nav-link:active .theme-svg-holder,
.main-nav-link:hover .theme-svg-holder {
	max-width: 58px;
	transition: all 0.3s ease-in-out;
}

.main-nav-link:active .lead,
.main-nav-link:hover .lead {

}

.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 (max-width: 768px) {
	#search-section .first-col .mc-field-group { margin-bottom: 2rem;}
}

@media (min-width: 768px) {	
	.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; }
}

@media (max-width: 768px) {	
	.sector-txt-holder {
		padding: 1rem 0 0;
		min-height: 60px;
	}
	.sector-txt p, .sector-txt h5 { font-size:11px; }
		
	.navbar-nav {
		margin: 0 !important;
	}
}

body #popoverParitaircomite, body #popoverSectorfonds {
  color:#68359b !important;
}


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-red { background-color:#a64745; }
.bg-green { background-color:#6e8a5c; }
.bg-blue { background-color:#68359b; }
.bg-bluegreen { background-color:#137e98; }
.bg-orange { background-color:#d1944f; }
.bg-grey { background-color: #ecedef; }
.bg-salmon { background-color: #f0cc8d !important; }
.bg-white { background-color: #fff !important; }

.brand-title, .brand-title a { color: #404a5e; }

.txt-red { color:#a64745; }
.txt-green { color:#6e8a5c; }
.txt-blue { color:#68359b; }
.txt-bluegreen { color:#137e98; }
.txt-orange { color:#d1944f; }
.txt-grey { color: #ecedef; }
.txt-white { color: #fff; }

.txt-black-hover:hover, .txt-black-hover:active, .txt-black-hover:focus { color: black !important; } 

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

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

.weight-300 { font-weight: 300; }
.weight-500 { font-weight: 500; }

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

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

.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;
}

.theme-svg-holder {
	margin: 0 auto;
	max-width: 48px;
	height:  48px;
	transition: all 0.3s ease-in-out;
}

.facts-part {
	transition: all 0.5s ease-in-out;
	position: relative;
}

.facts-part.slide-left { left: 100vw; }

.facts-part.slide-right { right: 100vw; }

.facts-part.slide-left.slide-part {
	transition: all 0.5s ease-in-out;
	transform: translateX(-100vw);
}

.facts-part.slide-right.slide-part {
	transition: all 0.5s ease-in-out;
	transform: translateX(100vw);
}


.tips-container { 
	position: relative; 
	z-index: 1;
}

.tips-figures {
	position: absolute;
	bottom: 0;
	right: 0;
	max-height: 70%;
	z-index: 0;
}



.tips-title {
	font-size: 26px;
    line-height: 1;	
}

.lead { font-size: 15px; }

@media (min-width: 768px) { .lead { font-size: 17px; } }

#masonry-effect {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.item {
	flex-direction: column;
	margin: 0 1rem 2rem;
	position: relative;
	width: calc(50% - 2rem);
	//padding: 2rem 3rem;
	box-sizing: border-box;
}

@media (max-width: 768px) { 
	.item {
		margin: 0 1rem 2rem;
		position: relative;
		width: calc(100% - 2rem);
		padding: 2rem 3rem;
		box-sizing: border-box;
		height: auto !important;
	}
}

.toolbox-link {
	display: block;
	padding: 2rem;
	margin-bottom: 2rem;
	background-size: 32px;
	background-position: left 2rem center;
	background-repeat: no-repeat;
	transition: all 0.3s ease-in-out;
}

.toolbox-link:hover,
.toolbox-link:active,
.toolbox-link:focus {
	background-color: #404a5e;
	transition: all 0.3s ease-in-out;
}

.toolbox-txt { 
	line-height: 120%;
	margin-left: 48px;
} 

.carousel-aside-pause { display: none !important; }

body.campagne .carousel-caption {
	position: relative !important;
	padding: 0 !important;
	top: 0 !important;
	left: 0;
	width: 100%;
	text-shadow: none !important;
}

body.campagne .carousel-inner {
	width: auto !important;
	margin-left: 75px;
	margin-right: 75px;
}

body.campagne .carousel-inner .item {
	width: 100% !important;
	padding-left: 0;
	padding-right: 0;
	margin: 0 !important;
}

body.campagne .carousel-control {
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: contain !important;
	height: 50%;
	top: 25%;
	width:75px;
	max-height: 100px;
}

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

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

a[class^="aanbod-link"] img {
	margin: 0 auto 2rem;
	border: 1px solid #eee;
}

.aanbod-link-pdf .aanbod-icon  {
	background: url("/campagne/iedereenkanbijleren/assets/img/pdf-icon.svg") no-repeat;
	background-position: center right;
	background-size: 32px;
	padding-right: 4rem;
}

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

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

.table > tbody > tr:first-child > th,
.table > tbody > tr:first-child > td { border-top: none; }

.block-date-holder {
	height: 0;
	padding-bottom: 100%;
}

a.program-holder:hover .brand-title,
a.program-holder:active .brand-title {
	text-decoration: underline !important;
}

a.program-holder:hover .btn, a.program-holder:active .btn, a.program-holder:focus .btn { 
	background: black; 
	color: white;
}

.panel-title .collapseText { max-width: 90%; }

.panel-heading .glyphicon { 
  padding-top: 0.3rem;
  opacity: 0.7; 
}
.panel-heading .glyphicon-chevron-down { display: none; }
.collapsed .glyphicon-chevron-up { display: none; }
.collapsed .glyphicon-chevron-down { display: block; }

.panel-title > a:hover, .panel-title > a:active, .panel-title > a:focus {
  color:#68359b;
  transition: all 0.3s ease-in-out;  
}

.panel-title > a:hover .glyphicon-chevron-down, .panel-title > a:active .glyphicon-chevron-down, .panel-title > a:focus .glyphicon-chevron-down {
display: none; 
}

.panel-title > a:hover .glyphicon-chevron-up, .panel-title > a:active .glyphicon-chevron-up, .panel-title > a:focus .glyphicon-chevron-up {
display: block; 
}

@media (min-width: 767px) {
.form-inline .control-label {
    width: 25% !important;
}
}