/*  MICROTHEMER STYLES  */

/*= Animations ================ */

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


/*= General =================== */

/** General >> Wp block column tb heading _2 **/
.tb-heading {
	margin-bottom: 35px !important;
}
.tb-heading.mt-inview_once {
	/* MT [ sub: 1 | group: animation | event: 1 ] */
	-webkit-animation-name: fadeInUp !important;
	animation-name: fadeInUp !important;
	-webkit-animation-duration: 0.8s !important;
	animation-duration: 0.8s !important;
}

/** General >> Knopblauw tb button link **/
.knopblauw > .tb-button__link {
	font-size: 16px !important;
	background-color: rgb(0, 170, 210) !important;
	padding-top: 16px !important;
	padding-bottom: 16px !important;
	margin-top: 20px !important;
	margin-bottom: 40px !important;
	border-radius: 3px !important;
}
.knopblauw > .tb-button__link:hover {
	background-color: #2e2e2e !important;
}

/** General >> Knopgeel tb button link **/
.knopgeel > .tb-button__link {
	color: rgb(0, 0, 0) !important;
	font-size: 16px !important;
	background-color: rgb(252, 192, 22) !important;
	padding-top: 16px !important;
	padding-bottom: 16px !important;
	margin-top: 20px !important;
	margin-bottom: 40px !important;
	border-radius: 3px !important;
}
.knopgeel > .tb-button__link:hover {
	background-color: #2e2e2e !important;
	color: #fff !important;
}

/** General >> dualhead **/
h2.dualhead {
	margin-bottom: -7px !important;
	position: relative !important;
	top: -42px !important;
	z-index: 0 !important;
}
h5.dualhead {
	position: relative !important;
	z-index: 1 !important;
}

/** General >> second col margin **/
.second-col-margin {
	padding-top: 90px !important;
	padding-left: 60px !important;
}

/** General >> modal **/
.uabb-modal.uabb-modal-scroll .uabb-modal-content-data {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}


/*= Content =================== */

/** Content >> .standaard-padding **/
.standaard-padding {
	margin-bottom: 20vh !important;
}

/** Content >> .button_blauw **/
.button_blauw {
	margin-top: 40px !important;
}

/** Content >> .wp-block-social-links, .wp-block-social-links.has-normal-icon-size **/
.wp-block-social-links, 
.wp-block-social-links.has-normal-icon-size {
	font-size: 50px !important;
}

/** Content >> .wp-block-social-links.is-style-logos-only **/
.wp-social-link-facebook, 
.wp-social-link-instagram {
	color: #00aad2 !important;
}

/** Content >> .wp-block-groups **/
.wp-block-group {
	margin-bottom: 3.75em !important;
}


/*= videos ==================== */

/** videos >> video-filters **/
.videos-list > .tb-field {
	color: rgb(8, 5, 5) !important;
	font-size: 16px !important;
	background-color: rgba(0, 0, 0, 0) !important;
	background-image: none !important;
	padding: 5px 10px 5px 10px !important;
	border: 1px solid rgb(252, 192, 22) !important;
	border-radius: 5px !important;
	display: -webkit-inline-flexbox !important;
	display: -moz-inline-flexbox !important;
	display: -ms-inline-flexbox !important;
	display: inline-flex !important;
	-webkit-flex-wrap: wrap !important;
	-moz-flex-wrap: wrap !important;
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
}

/** videos >> col links 60 **/
.col-links-60 {
	padding-right: 8vw !important;
}


/*= forms ===================== */

/** forms >> List item input **/
li input {
	background-color: rgba(255, 255, 255, 0) !important;
	padding-left: 20px !important;
}

/** forms >> textarea **/
.ginput_container.ginput_container_textarea textarea {
	background-color: rgba(255, 255, 255, 0) !important;
	padding-left: 20px !important;
}

/** forms >> Gform footer input **/
.gform_footer > input {
	color: #ffffff !important;
	background-color: #00aad2 !important;
	padding: 15px 25px 15px 25px !important;
	border-radius: 3px !important;
}
.gform_footer > input:hover {
	background-color: #2e2e2e !important;
}

/** forms >> gform footer **/
.gform_legacy_markup_wrapper .gform_footer {
	padding: 0 0 10px 0 !important;
	margin: 5px 0 0 0 !important;
}

/** forms >> Fl node 614b79053a1f6 fl module content **/
.arrowfooter {
	position: relative !important;
	top: -15px !important;
	left: 10px !important;
	float: left !important;
}
.footer-arrow {
	float: left !important;
}


/*= agenda ==================== */

/** agenda >> List item agendalijst **/
li > .agendalijst {
	margin-top: 16px !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-flow: row wrap !important;
	-moz-flex-flow: row wrap !important;
	-ms-flex-flow: row wrap !important;
	flex-flow: row wrap !important;
}

/** agenda >> agenda lijst item **/
li > .agendalijst > div {
	color: rgb(46, 46, 46) !important;
	line-height: 40px !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	padding-left: 0 !important;
	margin-right: 1% !important;
	margin-bottom: 0 !important;
}
li > .agendalijst > div:nth-child(1) {
	-webkit-flex-basis: 19% !important;
	flex-basis: 19% !important;
}
li > .agendalijst > div:nth-child(2) {
	-webkit-flex-basis: 19% !important;
	flex-basis: 19% !important;
}
li > .agendalijst > div:nth-child(3) {
	-webkit-flex-basis: 19% !important;
	flex-basis: 19% !important;
}
li > .agendalijst > div:nth-child(4) {
	-webkit-flex-basis: 19% !important;
	flex-basis: 19% !important;
}
li > .agendalijst > div:nth-child(5) {
	-webkit-flex-basis: 19% !important;
	flex-basis: 19% !important;
}

/** agenda >> agendaljst even **/
li:nth-of-type(even) > .agendalijst > div {
	background-color: #fff0c1 !important;
}

/** agenda >> agendaljst odd **/
li:nth-of-type(odd) > .agendalijst > div {
	background-color: #e6f8fc !important;
}

/** agenda >> Wpv view layout 442 js wpv loop wrapper **/
ul.wpv-loop {
	list-style-type: none !important;
	margin: 0 !important;
}

/** agenda >> ul heading agenda **/
ul.headingagenda {
	list-style-type: none !important;
	margin: 0 !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-direction: row !important;
	-moz-flex-direction: row !important;
	-ms-flex-direction: row !important;
	flex-direction: row !important;
}

/** agenda >> li heading agenda **/
ul.headingagenda > li {
	margin-right: 1% !important;
	margin-bottom: 0 !important;
}
ul.headingagenda > li:nth-child(1) {
	-webkit-flex-basis: 19% !important;
	flex-basis: 19% !important;
}
ul.headingagenda > li:nth-child(2) {
	-webkit-flex-basis: 19% !important;
	flex-basis: 19% !important;
}
ul.headingagenda > li:nth-child(3) {
	-webkit-flex-basis: 19% !important;
	flex-basis: 19% !important;
}
ul.headingagenda > li:nth-child(4) {
	-webkit-flex-basis: 19% !important;
	flex-basis: 19% !important;
}
ul.headingagenda > li:nth-child(5) {
	-webkit-flex-basis: 19% !important;
	flex-basis: 19% !important;
}

/** agenda >> first row even **/
li:nth-of-type(even) > .agendalijst > div:nth-of-type(1) {
	color: rgb(46, 46, 46) !important;
	font-size: 26px !important;
	font-weight: bold !important;
	background-color: #fcc016 !important;
	padding-left: 25px !important;
}

/** agenda >> first row odd **/
li:nth-of-type(odd) > .agendalijst > div:nth-of-type(1) {
	color: rgb(255, 255, 255) !important;
	font-size: 26px !important;
	font-weight: bold !important;
	background-color: #00aad2 !important;
	padding-left: 25px !important;
}

/** agenda >> Div:(3) **/
.agendalijst div:nth-of-type(3) .tb-field {
	margin: 0 !important;
}

/** agenda >> Div:(5) **/
.agendalijst div:nth-of-type(5) {
	font-size: 18px !important;
}
div:nth-of-type(5) p {
	margin-bottom: 0em !important;
}

/** agenda >> Div font size 2-4 **/
.agendalijst div:nth-of-type(2), 
.agendalijst div:nth-of-type(3), 
.agendalijst div:nth-of-type(4) {
	font-size: 24px !important;
}

/** agenda >> Headingagenda heading 3 **/
.headingagenda h3 {
	font-size: 38px !important;
	text-transform: uppercase !important;
}


/*= hvt ======================= */

/** hvt >> filterhvt checkbox hidden **/
.hvt-filters input {
	display: none !important;
}

/** hvt >> checkbox button **/
.hvt-filters label {
	padding: 0 20px 0 15px !important;
	margin-right: 20px !important;
	border: 1px solid rgb(252, 192, 22) !important;
	border-radius: 3px !important;
	float: left !important;
	cursor: pointer !important;
}

/** hvt >> Post 519 wpv custom search filter input **/
#post-519 .wpv-custom-search-filter__input {
	padding-top: 20px !important;
	padding-bottom: 90px !important;
}

/** hvt >> h2 hvt studie title **/
h2.hvt-studie-titel {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

/** hvt >> p hvt content **/
.hvt-content p {
	margin-bottom: 0 !important;
}

/** hvt >> Wpv view layout 648 uagb buttons layout wrap **/
#wpv-view-layout-648 .uagb-buttons-layout-wrap {
	padding-top: 40px !important;
}

/** hvt >> sub-agenda-blok **/
.sub-agenda-blok {
	box-shadow: 2px 16px 17px -6px rgb(191, 191, 191) !important;
	background-color: rgb(255, 255, 255) !important;
	padding: 50px 30px 30px 30px !important;
}

/** hvt >> sub-agenda-title **/
.sub-agenda-title .uagb-icon-list__label-wrap {
	font-family: anton !important;
	color: #00aad2 !important;
	font-size: 38px !important;
	line-height: 38px !important;
}
.sub-agenda-title svg {
	width: 16px !important;
	height: 38px !important;
}

/** hvt >> sub-agenda-activiteit **/
.sub-agenda-activiteit .uagb-icon-list__label-wrap {
	color: #8e8e8e !important;
	font-size: 24px !important;
	line-height: 24px !important;
}

/** hvt >> sub-agenda-datum **/
.sub-agenda-datum {
	color: #8e8e8e !important;
	font-size: 24px !important;
	line-height: 24px !important;
	margin-top: 46px !important;
	margin-bottom: 0 !important;
}

/** hvt >> sub-agenda-beschrijving **/
.sub-agenda-beschrijving {
	color: rgb(46, 46, 46) !important;
	font-size: 24px !important;
	line-height: 24px !important;
	margin-top: 26px !important;
	margin-bottom: 0 !important;
}

/** hvt >> sub-agenda-tijd **/
.sub-agenda-tijd {
	font-size: 18px !important;
	line-height: 18px !important;
	margin-top: 10px !important;
	margin-bottom: 26px !important;
}
.sub-agenda-tijd span {
	color: #8e8e8e !important;
}

/** hvt >> sub-agenda-spreker **/
.sub-agenda-spreker {
	font-size: 18px !important;
	line-height: 18px !important;
	margin-top: 10px !important;
	margin-bottom: 26px !important;
}
.sub-agenda-spreker span {
	color: #8e8e8e !important;
}

/** hvt >> geen-icon **/
.geen-icon span.uagb-icon-list__source-wrap {
	visibility: hidden !important;
}

/** hvt >> thema-hidden **/
.filter-hidden {
	display: none !important;
}


/*= grid ====================== */

/** grid >> .grid-html **/
.grid-html .fl-module-content.fl-node-content, 
.grid-html .fl-html, 
.grid-html {
	height: 100% !important;
}

/** grid >> .grid-geel-col > .fl-col-content **/
.grid-geel-col > .fl-col-content {
	background-color: #fcc016 !important;
	border: 0 solid rgb(255, 255, 255) !important;
}

/** grid >> .grid-title-blok **/
.grid-title-blok {
	height: 100% !important;
	position: relative !important;
	-webkit-transition: background-color 0.5s ease-out !important;
	transition: background-color 0.5s ease-out !important;
	-webkit-transition: background-color 0.5s ease-out !important;
	-moz-transition: background-color 0.5s ease-out !important;
	-o-transition: background-color 0.5s ease-out !important;
}

/** grid >> .grid-title-blok h2 **/
.grid-title-blok h2 {
	color: #fff !important;
	font-size: 28px !important;
	line-height: 0 !important;
	position: absolute !important;
	bottom: 20px !important;
	left: 20px !important;
}

/** grid >> .grid-title-blok:hover **/
.grid-title-blok:hover {
	background: rgba(252, 192, 22, 0.73) !important;
	-webkit-transition: background-color 0.5s ease-out !important;
	transition: background-color 0.5s ease-out !important;
	-webkit-transition: background-color 0.5s ease-out !important;
	-moz-transition: background-color 0.5s ease-out !important;
	-o-transition: background-color 0.5s ease-out !important;
}

/** grid >> .grid-geel .fl-col-content **/
.grid-geel .fl-col-content {
	background-blend-mode: multiply !important;
}


/*= start grid ================ */

/** start grid >> .start-html **/
.start-html .fl-module-content.fl-node-content, 
.start-html .fl-html, 
.start-html {
	height: 100% !important;
}

/** start grid >> .grid-blauw-col > .fl-col-content **/
.grid-blauw-col > .fl-col-content {
	background-color: #00AAD2 !important;
	border: 0 solid rgb(255, 255, 255) !important;
	overflow: hidden !important;
}

/** start grid >> .start-title-blok **/
.start-title-blok {
	height: 100% !important;
	position: relative !important;
	-webkit-transition: 0.3s ease-in !important;
	transition: 0.3s ease-in !important;
	display: block !important;
	overflow: hidden !important;
	-webkit-transition: all 0.3s ease-in-out !important;
	-moz-transition: all 0.3s ease-in-out !important;
	-ms-transition: all 0.3s ease-in-out !important;
	-o-transition: all 0.3s ease-in-out !important;
}

/** start grid >> .start-title-blok h2 **/
.start-title-blok h2 {
	color: #fff !important;
	font-size: 28px !important;
	line-height: 0 !important;
	text-align: center !important;
	width: 100% !important;
	position: absolute !important;
	top: 50% !important;
}

/** start grid >> .start-title-blok:hover **/
.start-title-blok:hover {
	transform: scale(1.2, 1.2) !important;
	-webkit-transition: 0.3s ease-in !important;
	transition: 0.3s ease-in !important;
	background: rgba(0, 0, 0, 0.6) !important;
	-webkit-transition: all 0.3s ease-in-out !important;
	-moz-transition: all 0.3s ease-in-out !important;
	-ms-transition: all 0.3s ease-in-out !important;
	-o-transition: all 0.3s ease-in-out !important;
}

/** start grid >> .grid-blauw .fl-col-content **/
.grid-blauw .fl-col-content {
	background-blend-mode: multiply !important;
}


/*= agenda-home =============== */

/** agenda-home >> li.onderwerp **/
li.onderwerp {
	font-family: Anton !important;
	color: rgb(0, 170, 210) !important;
	font-size: 38px !important;
	line-height: 64px !important;
	text-transform: uppercase !important;
	list-style-type: none !important;
	padding-bottom: 8px !important;
}
li.onderwerp:before {
	content: '' !important;
	display: inline-block !important;
	height: 34px !important;
	width: 34px !important;
	background-size: 20px !important;
	background-image: url("http://www.banier.nl/wp-content/uploads/2021/09/tag.jpg") !important;
	background-repeat: no-repeat !important;
}

/** agenda-home >> li.activiteit **/
li.activiteit {
	font-size: 24px !important;
	line-height: 30px !important;
	list-style-type: none !important;
	min-height: 46px !important;
	padding-bottom: 0 !important;
	padding-left: 34px !important;
}

/** agenda-home >> li.datum **/
li.datum {
	font-family: raleway !important;
	color: rgb(8, 5, 5) !important;
	font-size: 1.5vw !important;
	line-height: 0 !important;
	list-style-type: none !important;
	padding-bottom: 15px !important;
}
li.datum:before {
	content: '' !important;
	display: inline-block !important;
	height: 18px !important;
	width: 34px !important;
	background-size: 18px !important;
	background-image: url("http://www.banier.nl/wp-content/uploads/2021/09/calendar.jpg") !important;
	background-repeat: no-repeat !important;
}

/** agenda-home >> li.tijd **/
li.tijd {
	font-family: raleway !important;
	color: rgb(142, 142, 142) !important;
	font-size: 18px !important;
	line-height: 0 !important;
	list-style-type: none !important;
	padding-bottom: 35px !important;
}
li.tijd:before {
	content: '' !important;
	display: inline-block !important;
	height: 18px !important;
	width: 34px !important;
	background-size: 18px !important;
	background-image: url("http://www.banier.nl/wp-content/uploads/2021/09/clock.jpg") !important;
	background-repeat: no-repeat !important;
}

/** agenda-home >> li.spreker-dienst **/
li.spreker-dienst {
	font-family: raleway !important;
	color: rgb(8, 5, 5) !important;
	font-size: 1.5vw !important;
	line-height: 0 !important;
	list-style-type: none !important;
	padding-bottom: 18px !important;
}
li.spreker-dienst:before {
	content: '' !important;
	display: inline-block !important;
	height: 18px !important;
	width: 34px !important;
	background-size: 18px !important;
	background-image: url("http://www.banier.nl/wp-content/uploads/2021/09/pop.jpg") !important;
	background-repeat: no-repeat !important;
}

/** agenda-home >> li.beschrijving-dienst **/
li.beschrijving-dienst {
	line-height: 18px !important;
	list-style-type: none !important;
	height: 90px !important;
	padding-bottom: 90px !important;
	padding-left: 34px !important;
}

/** agenda-home >> li.beschrijving-hvt **/
li.beschrijving-hvt {
	font-family: raleway !important;
	color: rgb(46, 46, 46) !important;
	font-size: 1.8vw !important;
	line-height: 0 !important;
	list-style-type: none !important;
	padding-bottom: 18px !important;
}
li.beschrijving-hvt:before {
	content: '' !important;
	display: inline-block !important;
	height: 18px !important;
	width: 34px !important;
	background-size: 18px !important;
	background-image: url("http://www.banier.nl/wp-content/uploads/2021/09/book.jpg") !important;
	background-repeat: no-repeat !important;
}

/** agenda-home >> li.spreker-hvt **/
li.spreker-hvt {
	line-height: 18px !important;
	list-style-type: none !important;
	height: 90px !important;
	padding-bottom: 90px !important;
	padding-left: 34px !important;
}


/*( Large Desktop )*/
@media (min-width: 1200px) {
	/** videos >> videodiv **/
	.tb-youtube {
	margin-bottom: 30px !important;
}

	/** agenda >> Div font size 2-4 **/
	.agendalijst div:nth-of-type(2), 
.agendalijst div:nth-of-type(3), 
.agendalijst div:nth-of-type(4) {
	font-size: 20px !important;
}

	/** agenda >> Div:(5) **/
	.agendalijst div:nth-of-type(5) {
	font-size: 16px !important;
}

	/** agenda >> first row odd **/
	li:nth-of-type(odd) > .agendalijst > div:nth-of-type(1) {
	font-size: 24px !important;
	padding-left: 20px !important;
}

	/** agenda >> first row even **/
	li:nth-of-type(even) > .agendalijst > div:nth-of-type(1) {
	font-size: 24px !important;
	padding-left: 20px !important;
}

	/** agenda >> agenda lijst item **/
	li > .agendalijst > div {
	line-height: 30px !important;
	padding-left: 20px !important;
}

	/** agenda >> Headingagenda heading 3 **/
	.headingagenda h3 {
	font-size: 28px !important;
	margin-bottom: 0 !important;
}

	/** hvt >> .hvt-content > .wp-block-columns **/
	.hvt-content > .wp-block-columns {
	margin-bottom: 146px !important;
}

	/** hvt >> Wpv view layout 648 uagb buttons layout wrap **/
	#wpv-view-layout-648 .uagb-buttons-layout-wrap {
	padding-top: 30px !important;
}

	/** hvt >> sub-agenda-title **/
	.sub-agenda-title .uagb-icon-list__label-wrap {
	font-size: 34vw !important;
}

	/** hvt >> sub-agenda-activiteit **/
	.sub-agenda-activiteit .uagb-icon-list__label-wrap {
	font-size: 20vw !important;
}

	/** hvt >> sub-agenda-datum **/
	.sub-agenda-datum {
	font-size: 20vw !important;
}

	/** hvt >> sub-agenda-tijd **/
	.sub-agenda-tijd {
	font-size: 16vw !important;
}

	/** hvt >> sub-agenda-beschrijving **/
	.sub-agenda-beschrijving {
	font-size: 20vw !important;
}

	/** hvt >> sub-agenda-spreker **/
	.sub-agenda-spreker {
	font-size: 16vw !important;
}

	/** hvt >> hvt-image **/
	.hvt-image {
	padding-left: 60px !important;
}

	/** hvt >> sub-agenda-blok **/
	.sub-agenda-blok {
	margin-bottom: 30px !important;
}

	/** grid >> .grid-title-blok h2 **/
	.grid-title-blok h2 {
	color: #fff !important;
	font-size: 28px !important;
	position: absolute !important;
	bottom: 35px !important;
	left: 35px !important;
}

	/** grid >> grid-geel **/
	.grid-geel-col {
	padding: 10px !important;
}

	/** start grid >> .start-title-blok h2 **/
	.start-title-blok h2 {
	color: #fff !important;
	font-size: 28px !important;
	position: absolute !important;
}

	/** start grid >> grid-blauw **/
	.grid-blauw-col {
	padding: 10px !important;
}

}


/*( Desktop & Tablet )*/
@media (min-width: 768px) and (max-width: 979px) {
	/** videos >> videodiv **/
	.tb-youtube {
	margin-bottom: 15px !important;
}

	/** videos >> Wpv custom search filter input js wpv filter trigger **/
	.wpv-custom-search-filter__input > .js-wpv-filter-trigger {
	font-size: 1.3vw !important;
}

	/** agenda >> List item agendalijst **/
	li > .agendalijst {
	font-size: 12vw !important;
}

	/** agenda >> Div font size 2-4 **/
	.agendalijst div:nth-of-type(2), 
.agendalijst div:nth-of-type(3), 
.agendalijst div:nth-of-type(4) {
	font-size: 18px !important;
}

	/** agenda >> Div:(5) **/
	.agendalijst div:nth-of-type(5) {
	font-size: 12px !important;
}

	/** agenda >> first row odd **/
	li:nth-of-type(odd) > .agendalijst > div:nth-of-type(1) {
	font-size: 20px !important;
	padding-left: 10px !important;
}

	/** agenda >> first row even **/
	li:nth-of-type(even) > .agendalijst > div:nth-of-type(1) {
	font-size: 20px !important;
	padding-left: 10px !important;
}

	/** agenda >> agenda lijst item **/
	li > .agendalijst > div {
	line-height: 25px !important;
	padding-left: 10px !important;
}

	/** agenda >> Headingagenda heading 3 **/
	.headingagenda h3 {
	font-size: 25px !important;
}

	/** Content >> .standaard-padding **/
	.standaard-padding {
	margin-bottom: 10vh !important;
}

	/** Content >> .button_blauw **/
	.button_blauw {
	margin-top: 30px !important;
}

	/** hvt >> hvt-image **/
	.hvt-image {
	padding-left: 40px !important;
}

	/** hvt >> .hvt-content > .wp-block-columns **/
	.hvt-content > .wp-block-columns {
	margin-bottom: 70px !important;
}

	/** hvt >> Wpv view layout 648 uagb buttons layout wrap **/
	#wpv-view-layout-648 .uagb-buttons-layout-wrap {
	padding-top: 20px !important;
}

	/** hvt >> sub-agenda-title **/
	.sub-agenda-title .uagb-icon-list__label-wrap {
	font-size: 26vw !important;
}

	/** hvt >> sub-agenda-activiteit **/
	.sub-agenda-activiteit .uagb-icon-list__label-wrap {
	font-size: 18vw !important;
	line-height: 18px !important;
}

	/** hvt >> sub-agenda-datum **/
	.sub-agenda-datum {
	font-size: 18vw !important;
	line-height: 18px !important;
	margin-top: 15px !important;
}

	/** hvt >> sub-agenda-beschrijving **/
	.sub-agenda-beschrijving {
	font-size: 18vw !important;
	line-height: 18px !important;
	margin-top: 18px !important;
}

	/** hvt >> sub-agenda-spreker **/
	.sub-agenda-spreker {
	font-size: 16vw !important;
	line-height: 16px !important;
}

	/** hvt >> sub-agenda-tijd **/
	.sub-agenda-tijd {
	font-size: 16vw !important;
	line-height: 16px !important;
}

	/** hvt >> sub-agenda-blok **/
	.sub-agenda-blok {
	margin-bottom: 30px !important;
}

	/** grid >> .grid-title-blok h2 **/
	.grid-title-blok h2 {
	color: #fff !important;
	font-size: 20px !important;
	line-height: 0 !important;
	position: absolute !important;
	bottom: 20px !important;
	left: 20px !important;
}

	/** grid >> grid-geel **/
	.grid-geel-col {
	padding: 6px !important;
}

	/** agenda-home >> li.onderwerp **/
	li.onderwerp {
	font-size: 20px !important;
	line-height: 26px !important;
}
li.onderwerp:before {
	height: 30px !important;
	width: 30px !important;
	background-size: 20px !important;
}

	/** agenda-home >> li.activiteit **/
	li.activiteit {
	font-size: 14px !important;
	padding-bottom: 19px !important;
	padding-left: 30px !important;
}

	/** agenda-home >> li.spreker-hvt **/
	li.spreker-hvt {
	font-size: 14vw !important;
}

	/** agenda-home >> li.beschrijving-dienst **/
	li.beschrijving-dienst {
	font-size: 14px !important;
}

	/** start grid >> .start-title-blok h2 **/
	.start-title-blok h2 {
	color: #fff !important;
	font-size: 20px !important;
	line-height: 0 !important;
	position: absolute !important;
}

	/** start grid >> grid-blauw **/
	.grid-blauw-col {
	padding: 6px !important;
}

}


/*( Tablet & Phone )*/
@media (max-width: 767px) {
	/** videos >> videodiv **/
	.tb-youtube {
	margin-bottom: 15px !important;
}

	/** agenda >> List item agendalijst **/
	li > .agendalijst {
	font-size: 10vw !important;
}

	/** agenda >> Div font size 2-4 **/
	.agendalijst div:nth-of-type(2), 
.agendalijst div:nth-of-type(3), 
.agendalijst div:nth-of-type(4) {
	font-size: 14px !important;
}

	/** agenda >> Div:(5) **/
	.agendalijst div:nth-of-type(5) {
	font-size: 10px !important;
}

	/** agenda >> first row odd **/
	li:nth-of-type(odd) > .agendalijst > div:nth-of-type(1) {
	font-size: 16px !important;
	padding-left: 5px !important;
}

	/** agenda >> first row even **/
	li:nth-of-type(even) > .agendalijst > div:nth-of-type(1) {
	font-size: 16px !important;
	padding-left: 5px !important;
}

	/** agenda >> agenda lijst item **/
	li > .agendalijst > div {
	line-height: 20px !important;
	padding-left: 5px !important;
}

	/** agenda >> Headingagenda heading 3 **/
	.headingagenda h3 {
	font-size: 18px !important;
	margin-bottom: 0 !important;
}

	/** Content >> col links 40 **/
	.col-links-40 {
	padding-right: 30px !important;
}

	/** Content >> .standaard-padding **/
	.standaard-padding {
	margin-bottom: 5vh !important;
}

	/** Content >> .button_blauw **/
	.button_blauw {
	margin-top: 20px !important;
}

	/** hvt >> checkbox button **/
	.hvt-filters label {
	margin-top: 10px !important;
	margin-bottom: 0 !important;
}

	/** hvt >> Post 519 wpv custom search filter input **/
	#post-519 .wpv-custom-search-filter__input {
	padding-top: 0 !important;
	padding-bottom: 60px !important;
}

	/** hvt >> .hvt-content > .wp-block-columns **/
	.hvt-content > .wp-block-columns {
	margin-bottom: 60px !important;
	-webkit-flex-wrap: wrap-reverse !important;
	-moz-flex-wrap: wrap-reverse !important;
	-ms-flex-wrap: wrap-reverse !important;
	flex-wrap: wrap-reverse !important;
}

	/** hvt >> Wpv view layout 648 uagb buttons layout wrap **/
	#wpv-view-layout-648 .uagb-buttons-layout-wrap {
	padding-top: 20px !important;
}

	/** hvt >> sub-agenda-title **/
	.sub-agenda-title .uagb-icon-list__label-wrap {
	font-size: 23vw !important;
}

	/** hvt >> sub-agenda-activiteit **/
	.sub-agenda-activiteit .uagb-icon-list__label-wrap {
	font-size: 14vw !important;
}

	/** hvt >> sub-agenda-datum **/
	.sub-agenda-datum {
	font-size: 16vw !important;
	margin-top: 10px !important;
}

	/** hvt >> sub-agenda-beschrijving **/
	.sub-agenda-beschrijving {
	font-size: 17px !important;
	margin-top: 10px !important;
}

	/** hvt >> sub-agenda-tijd **/
	.sub-agenda-tijd {
	font-size: 16vw !important;
}

	/** hvt >> sub-agenda-spreker **/
	.sub-agenda-spreker {
	font-size: 14px !important;
}

	/** hvt >> hvt-image **/
	.hvt-image {
	padding-left: 40px !important;
}

	/** hvt >> sub-agenda-blok **/
	.sub-agenda-blok {
	margin-bottom: 20px !important;
}

	/** grid >> .grid-title-blok h2 **/
	.grid-title-blok h2 {
	color: #fff !important;
	font-size: 28px !important;
	line-height: 0 !important;
	position: absolute !important;
	bottom: 15px !important;
	left: 20px !important;
}

	/** grid >> grid-geel **/
	.grid-geel-col {
	padding: 5px !important;
}

	/** agenda-home >> li.onderwerp **/
	li.onderwerp {
	font-size: 16px !important;
	line-height: 30px !important;
}
li.onderwerp:before {
	height: 14px !important;
	width: 14px !important;
	background-size: 10px !important;
}

	/** agenda-home >> li.activiteit **/
	li.activiteit {
	font-size: 11px !important;
	line-height: 19px !important;
	padding-bottom: 35px !important;
	padding-left: 16px !important;
}

	/** agenda-home >> li.spreker-hvt **/
	li.spreker-hvt {
	font-size: 11px !important;
}

	/** agenda-home >> li.tijd **/
	li.tijd {
	font-size: 14px !important;
}

	/** agenda-home >> li.beschrijving-dienst **/
	li.beschrijving-dienst {
	font-size: 11px !important;
}

	/** Header >> sticky **/
	.fl-builder-content[data-overlay="1"]:not(.fl-theme-builder-header-sticky) {
	width: 100% !important;
	position: relative !important;
	z-index: 100 !important;
}

	/** start grid >> .start-title-blok h2 **/
	.start-title-blok h2 {
	color: #fff !important;
	font-size: 20px !important;
	line-height: 0 !important;
	position: absolute !important;
}

	/** start grid >> grid-blauw **/
	.grid-blauw-col {
	padding: 5px !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

}


/*( Phone )*/
@media (max-width: 480px) {
	/** General >> second col margin **/
	.second-col-margin {
	display: none !important;
}

	/** General >> modal **/
	.uabb-modal.uabb-modal-scroll .uabb-modal-content-data {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

	/** agenda >> agenda lijst item **/
	li > .agendalijst > div {
	line-height: 10px !important;
	margin-bottom: 1% !important;
}
li > .agendalijst > div:nth-child(1) {
	-webkit-flex-basis: 32.3% !important;
	flex-basis: 32.3% !important;
}
li > .agendalijst > div:nth-child(2) {
	-webkit-flex-basis: 32.3% !important;
	flex-basis: 32.3% !important;
}
li > .agendalijst > div:nth-child(3) {
	-webkit-flex-basis: 32.3% !important;
	flex-basis: 32.3% !important;
}
li > .agendalijst > div:nth-child(4) {
	-webkit-flex-basis: 32.3% !important;
	flex-basis: 32.3% !important;
}
li > .agendalijst > div:nth-child(5) {
	-webkit-flex-basis: 65.7% !important;
	flex-basis: 65.7% !important;
}

	/** agenda >> li heading agenda **/
	ul.headingagenda > li {
	margin-right: 1% !important;
	margin-bottom: 0 !important;
}
ul.headingagenda > li:nth-child(1) {
	-webkit-flex-basis: 32.3% !important;
	flex-basis: 32.3% !important;
}
ul.headingagenda > li:nth-child(2) {
	-webkit-flex-basis: 32.3% !important;
	flex-basis: 32.3% !important;
}
ul.headingagenda > li:nth-child(3) {
	-webkit-flex-basis: 32.3% !important;
	flex-basis: 32.3% !important;
}
ul.headingagenda > li:nth-child(4) {
	-webkit-flex-basis: 32.3% !important;
	flex-basis: 32.3% !important;
}
ul.headingagenda > li:nth-child(5) {
	-webkit-flex-basis: 32.3% !important;
	flex-basis: 32.3% !important;
}

	/** agenda >> Div font size 2-4 **/
	.agendalijst div:nth-of-type(2), 
.agendalijst div:nth-of-type(3), 
.agendalijst div:nth-of-type(4) {
	font-size: 10px !important;
}

	/** agenda >> Div:(5) **/
	.agendalijst div:nth-of-type(5) {
	font-size: 8px !important;
}

	/** agenda >> first row odd **/
	li:nth-of-type(odd) > .agendalijst > div:nth-of-type(1) {
	font-size: 10px !important;
	padding-top: 10px !important;
}

	/** agenda >> first row even **/
	li:nth-of-type(even) > .agendalijst > div:nth-of-type(1) {
	font-size: 10px !important;
	padding-top: 10px !important;
	padding-left: 5px !important;
}

	/** agenda >> Headingagenda heading 3 **/
	.headingagenda h3 {
	font-size: 12px !important;
	margin-bottom: 0 !important;
}

	/** agenda >> ul heading agenda **/
	ul.headingagenda {
	-webkit-flex-wrap: wrap !important;
	-moz-flex-wrap: wrap !important;
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
}

	/** Content >> col links 40 **/
	.col-links-40 {
	padding-right: 0 !important;
}

	/** Content >> .image-home-samenkomst **/
	.image-home-samenkomst {
	text-align: center !important;
	width: 100% !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-justify-content: center !important;
	justify-content: center !important;
	position: relative !important;
	float: none !important;
	clear: both !important;
}

	/** Content >> .spacer **/
	.spacer {
	height: 20px !important;
}

	/** Content >> .wp-container-2 > .alignright **/
	.wp-container-2 > .alignright {
	float: right !important;
	margin-inline-start: 0em !important;
	margin-inline-end: 0 !important;
}

	/** hvt >> checkbox button **/
	.hvt-filters label {
	padding: 10px 25px 10px 25px !important;
}

	/** hvt >> hvt-image **/
	.hvt-image {
	padding-left: 0 !important;
}

	/** hvt >> .hvt-content > .wp-block-columns **/
	.hvt-content > .wp-block-columns {
	margin-bottom: 60px !important;
	-webkit-flex-wrap: wrap-reverse !important;
	-moz-flex-wrap: wrap-reverse !important;
	-ms-flex-wrap: wrap-reverse !important;
	flex-wrap: wrap-reverse !important;
}

	/** hvt >> Wpv view layout 648 uagb buttons layout wrap **/
	#wpv-view-layout-648 .uagb-buttons-layout-wrap {
	padding-top: 20px !important;
}

	/** grid >> .grid-title-blok h2 **/
	.grid-title-blok h2 {
	color: #fff !important;
	font-size: 20px !important;
	line-height: 0 !important;
	position: absolute !important;
	bottom: 15px !important;
	left: 20px !important;
}

	/** agenda-home >> li.onderwerp **/
	li.onderwerp {
	font-size: 24px !important;
}
li.onderwerp:before {
	height: 24px !important;
	width: 34px !important;
	background-size: 20px !important;
}

	/** agenda-home >> li.activiteit **/
	li.activiteit {
	font-size: 20px !important;
	padding-left: 34px !important;
}

	/** agenda-home >> li.beschrijving-dienst **/
	li.beschrijving-dienst {
	font-size: 18px !important;
	line-height: 18px !important;
	list-style-type: none !important;
	height: 10px !important;
	padding-bottom: 10px !important;
	padding-left: 34px !important;
}

	/** agenda-home >> li.spreker-hvt **/
	li.spreker-hvt {
	font-size: 18px !important;
}

	/** agenda-home >> li.spreker-dienst **/
	li.spreker-dienst {
	font-size: 24px !important;
	line-height: 18px !important;
}

	/** agenda-home >> li.beschrijving-hvt **/
	li.beschrijving-hvt {
	font-size: 24px !important;
	line-height: 24px !important;
}

	/** agenda-home >> li.datum **/
	li.datum {
	font-size: 24px !important;
}

	/** agenda-home >> li.tijd **/
	li.tijd {
	font-size: 24px !important;
}

	/** Header >> sticky **/
	.fl-builder-content[data-overlay="1"]:not(.fl-theme-builder-header-sticky) {
	width: 100% !important;
	position: relative !important;
	z-index: 100 !important;
}

	/** start grid >> .start-title-blok h2 **/
	.start-title-blok h2 {
	color: #fff !important;
	font-size: 13px !important;
	line-height: 0 !important;
	position: absolute !important;
}

}