/*  MICROTHEMER STYLES  */


/*= projecten ================= */

/** projecten >> .fl-post-grid-post.type-projecten **/
.fl-post-grid-post.type-projecten {
	padding-top: 0 !important;
}

/** projecten >> project-odd **/
.fl-post-column:nth-child(odd) .project-parent {
	max-width: 1400px !important;
	padding-top: 40px !important;
	padding-bottom: 3vw !important;
	margin-right: auto !important;
	margin-left: auto !important;
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
	grid-template-rows: 1fr !important;
	grid-column-gap: 0px !important;
	grid-row-gap: 0px !important;
}
.fl-post-column:nth-child(odd) .project-parent > :nth-child(1) {
	grid-area: 1 / 1 / 2 / 2 !important;
}
.fl-post-column:nth-child(odd) .project-parent > :nth-child(2) {
	grid-area: 1 / 2 / 2 / 3 !important;
}

/** projecten >> project-even **/
.fl-post-column:nth-child(even) .project-parent {
	max-width: 1400px !important;
	padding-top: 40px !important;
	padding-bottom: 3vw !important;
	margin-right: auto !important;
	margin-left: auto !important;
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
	grid-template-rows: 1fr !important;
	grid-column-gap: 0px !important;
	grid-row-gap: 0px !important;
}
.fl-post-column:nth-child(even) .project-parent > :nth-child(1) {
	grid-area: 1 / 2 / 2 / 3 !important;
}
.fl-post-column:nth-child(even) .project-parent > :nth-child(2) {
	grid-area: 1 / 1 / 2 / 2 !important;
}

/** projecten >> project-sub-titel **/
.project-sub-titel {
	font-size: 0,6vw !important;
	line-height: 37px !important;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

/** projecten >> project-omschrijving **/
.project-omschrijving {
	line-height: 1.4em !important;
	padding-bottom: 40px !important;
}

/** projecten >> projecten-image-odd **/
.fl-post-column:nth-child(odd) .projecten-image {
	padding-left: 13vw !important;
	float: right !important;
}

/** projecten >> projecten-image-even **/
.fl-post-column:nth-child(even) .projecten-image {
	padding-right: 13vw !important;
	padding-left: 0 !important;
	float: left !important;
}

/** projecten >> project-div1-odd **/
.project-div1 {
	padding-right: 0 !important;
	padding-left: 40px !important;
	grid-area: 1 / 1 / 2 / 2 !important;
}

/** projecten >> project-div1-even **/
.fl-post-column:nth-child(even) .project-div1 {
	text-align: right !important;
	padding-right: 40px !important;
	padding-left: 0 !important;
	grid-area: 1 / 1 / 2 / 2 !important;
}

/** projecten >> project-div2 **/
.project-div2 {
	grid-area: 1 / 2 / 2 / 3 !important;
	position: relative !important;
}

/** projecten >> project-rij odd **/
.fl-post-column:nth-child(odd) .project-rij {
	background-image: url("https://topic-cc.nl/wp-content/uploads/2022/12/plank1.png") !important;
	background-position: bottom right !important;
	background-repeat: no-repeat !important;
	background-size: 50% !important;
}

/** projecten >> project-rij even **/
.fl-post-column:nth-child(even) .project-rij {
	background-color: #d8dee2 !important;
	border-bottom: 60px solid #d8dee2 !important;
	background-image: url("https://topic-cc.nl/wp-content/uploads/2022/12/balk-rechts1.png") !important;
	background-position: bottom left !important;
	background-repeat: no-repeat !important;
	background-size: 50% !important;
}

/** projecten >> .projects.fl-post-column **/
.projects .fl-post-column {
	padding-bottom: 220px !important;
}

/** projecten >> #projectenVideo **/
#ProjectVideo {
	width: 100% !important;
	height: 100vh !important;
	object-fit: cover !important;
	/* Optioneel, zorgt ervoor dat de video het gebied opvult */
}

/** projecten >> kolom50 **/
#kolom50 .fl-module {
	margin-right: calc((100vw - 1320px) / 3) !important;
	margin-left: calc((100vw - 1320px) / 3) !important;
}


/*= Home ====================== */

/** Home >> .laatste-blog-titel **/
.laatste-blog-titel {
	color: #D20A11 !important;
	font-size: 2vw !important;
	font-weight: 600 !important;
	background: #fff !important;
	padding-right: 50px !important;
	padding-bottom: 12px !important;
	position: absolute !important;
	top: -36px !important;
	left: 0 !important;
}

/** Home >> .titel2div **/
.titel2div {
	color: #D20A11 !important;
	font-size: 180px !important;
	line-height: 1px !important;
	font-weight: 600 !important;
	margin-left: 7vw !important;
	position: absolute !important;
	top: 58px !important;
}

/** Home >> .titel2div_2 **/
.titel2div_2 {
	color: #D20A11 !important;
	font-size: 145px !important;
	line-height: 1px !important;
	font-weight: 600 !important;
	margin-left: 7vw !important;
	position: absolute !important;
	top: 47px !important;
}

/** Home >> .titel2div_3 **/
.titel2div_3 {
	color: #D20A11 !important;
	font-size: 115px !important;
	line-height: 1px !important;
	font-weight: 600 !important;
	margin-left: 7vw !important;
	position: absolute !important;
	top: 37px !important;
}

/** Home >> .titel1div **/
.titel1div {
	color: white !important;
	font-size: 180px !important;
	line-height: 1px !important;
	font-weight: 600 !important;
	margin-left: -6vw !important;
	position: absolute !important;
	top: -55px !important;
}

/** Home >> .titel1div Copy 1 **/
.titelprojectdiv {
	color: white !important;
	font-size: clamp(10px, 10vw, 180px) !important;
	line-height: 1px !important;
	font-weight: 600 !important;
	text-align: left !important;
	position: absolute !important;
	top: -52px !important;
	left: 45px !important;
}

/** Home >> .titel1div_2 **/
.titel1div_2 {
	color: white !important;
	font-size: 145px !important;
	line-height: 1px !important;
	font-weight: 600 !important;
	margin-left: -4vw !important;
	position: absolute !important;
	top: -47px !important;
}

/** Home >> .titel1div_3 **/
.titel1div_3 {
	color: white !important;
	font-size: 115px !important;
	line-height: 1px !important;
	font-weight: 600 !important;
	margin-left: -4vw !important;
	position: absolute !important;
	top: -40px !important;
}

/** Home >> .laatste-blog-div **/
.laatste-blog-div {
	padding: 50px 30px 30px 50px !important;
	border: 2px solid #D20A11 !important;
	border-radius: 20px !important;
}

/** Home >> .laatste-blog-meta **/
.laatste-blog-meta {
	color: #808080 !important;
	line-height: 40px !important;
	padding-bottom: 20px !important;
}

/** Home >> .laatste-blog-excerpt **/
.laatste-blog-excerpt {
	line-height: 35px !important;
}

/** Home >> .laatste-blog-excerpt p **/
.laatste-blog-excerpt p {
	margin-bottom: 0.5em !important;
}

/** Home >> .laatste-blog-link a **/
.laatste-blog-link a {
	font-weight: 600 !important;
}

/** Home >> .deur-open:hover **/
.deur-open:hover {
	opacity: 1 !important;
}

/** Home >> .deur-open **/
.deur-open {
	opacity: 0 !important;
}

/** Home >> .footer-tekst p **/
.footer-tekst p {
	font-size: 18px !important;
}


/*= blog ====================== */

/** blog >> .blog-afbeelding **/
.blog-afbeelding {
	width: 50% !important;
	padding: 20px 40px 20px 20px !important;
	float: left !important;
}

/** blog >> .blog-meta **/
.blog-meta {
	width: 50% !important;
	padding: 20px 20px 20px 80px !important;
	float: left !important;
}

/** blog >> .blog-lijst-titel **/
.blog-lijst-titel {
	font-size: 1.6vw !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
}
.blog-lijst-titel a {
	color: #000000 !important;
}
.blog-lijst-titel a:hover {
	color: #d20a11 !important;
}

/** blog >> .blog-lijst-div .fl-post-feed-post **/
.blog-lijst-div .fl-post-feed-post {
	border-bottom-width: 0 !important;
	border-bottom-style: none !important;
}


/*= contact =================== */

/** contact >> input#gform_submit_button_1 **/
input#gform_submit_button_1 {
	font-weight: 600 !important;
}
.uabb-gf-style .gform_wrapper form .gform_body input:not([type='radio']):not([type='checkbox']):not([type='submit']):not([type='button']):not([type='image']):not([type='file']) {
	padding: 15px !important;
}


/*= binnen ==================== */

/** binnen >> .n2-ss-item-content a **/
.n2-ss-item-content a {
	color: #000000 !important;
}
.n2-ss-item-content a:hover {
	color: #d20a11!important;
}


/*= walloffame ================ */

/** walloffame >> .wof_archief_naam **/
.wof_archief_naam {
	text-align: center !important;
	padding-top: 70px !important;
}

/** walloffame >> wof_archief_functie **/
.wof_archief_functie {
	font-size: 34px !important;
	padding: 10px !important;
}

/** walloffame >> .wof_archief_functie a **/
.wie_we_zijn a {
	color: #000 !important;
}
.wof_archief_naam h2:hover {
	color: #D20A11 !important;
}

/** walloffame >> .wof_archief_rij1 .wof_archief_pasfoto **/
.wof_archief_rij1 img, 
.wof_archief_rij2 img {
	-webkit-transition: 300ms linear !important;
	transition: 300ms linear !important;
}
.wof_archief_rij1 .fl-post-column:nth-child(1) img, 
.wof_archief_rij1 .fl-post-column:nth-child(3) img, 
.wof_archief_rij2 .fl-post-column:nth-child(2) img:hover {
	rotate: -6deg !important;
}
.wof_archief_rij1 .fl-post-column:nth-child(1) img:hover, 
.wof_archief_rij1 .fl-post-column:nth-child(3) img:hover, 
.wof_archief_rij2 .fl-post-column:nth-child(2) img {
	rotate: 3deg !important;
}
.wof_archief_rij1 .fl-post-column:nth-child(2) img, 
.wof_archief_rij2 .fl-post-column:nth-child(1) img:hover, 
.wof_archief_rij2 .fl-post-column:nth-child(3) img {
	rotate: 6deg !important;
}
.wof_archief_rij1 .fl-post-column:nth-child(2) img:hover, 
.wof_archief_rij2 .fl-post-column:nth-child(1) img, 
.wof_archief_rij2 .fl-post-column:nth-child(3) img:hover {
	rotate: -3deg !important;
}


/*( < 1400 )*/
@media (max-width: 1399.98px) {
	/** Home >> .titel2div **/
	.titel2div {
	font-size: 145px !important;
	font-weight: 600 !important;
	margin-left: 12vw !important;
	top: 48px !important;
}

	/** Home >> .titel2div_2 **/
	.titel2div_2 {
	font-size: 145px !important;
	font-weight: 600 !important;
	margin-left: 12vw !important;
	top: 48px !important;
}

	/** Home >> .titel2div_3 **/
	.titel2div_3 {
	font-size: 115px !important;
	font-weight: 600 !important;
	margin-left: 12vw !important;
	top: 38px !important;
}

	/** Home >> .titel1div **/
	.titel1div {
	font-size: 145px !important;
	font-weight: 600 !important;
	margin-left: 2vw !important;
	top: -49px !important;
}

	/** Home >> .titel1div Copy 1 **/
	.titelprojectdiv {
	font-weight: 600 !important;
	margin-left: 2vw !important;
	top: -42px !important;
}

	/** Home >> .titel1div_2 **/
	.titel1div_2 {
	font-size: 145px !important;
	font-weight: 600 !important;
	margin-left: 1vw !important;
	top: -49px !important;
}

	/** Home >> .titel1div_3 **/
	.titel1div_3 {
	font-size: 115px !important;
	font-weight: 600 !important;
	margin-left: 1vw !important;
	top: -39px !important;
}

	/** Home >> .footer-tekst p **/
	.footer-tekst p {
	font-size: 16px !important;
}

	/** projecten >> projecten-image-odd **/
	.fl-post-column:nth-child(odd) .projecten-image {
	padding-left: 12vw !important;
}

	/** projecten >> project-odd **/
	.fl-post-column:nth-child(odd) .project-parent {
	padding-bottom: 3vw !important;
}

	/** projecten >> project-even **/
	.fl-post-column:nth-child(even) .project-parent {
	padding-bottom: 3vw !important;
}

	/** projecten >> projecten-image-even **/
	.fl-post-column:nth-child(even) .projecten-image {
	padding-right: 12vw !important;
}

	/** projecten >> .projects.fl-post-column **/
	.projects .fl-post-column {
	padding-bottom: 160px !important;
}

	/** projecten >> kolom50 **/
	#kolom50 .fl-module-content {
	
}
#kolom50 .fl-module {
	margin-right: 20px !important;
	margin-left: 20px !important;
}

}


/*( < 1200 )*/
@media (max-width: 1199.98px) {
	/** Home >> .titel2div **/
	.titel2div {
	font-size: 115px !important;
	font-weight: 600 !important;
	margin-left: 12vw !important;
	top: 38px !important;
}

	/** Home >> .titel2div_2 **/
	.titel2div_2 {
	font-size: 115px !important;
	font-weight: 600 !important;
	margin-left: 12vw !important;
	top: 38px !important;
}

	/** Home >> .titel2div_3 **/
	.titel2div_3 {
	font-size: 115px !important;
	font-weight: 600 !important;
	margin-left: 12vw !important;
	top: 38px !important;
}

	/** Home >> .titel1div **/
	.titel1div {
	font-size: 115px !important;
	font-weight: 600 !important;
	margin-left: 1vw !important;
	top: -39px !important;
}

	/** Home >> .titel1div Copy 1 **/
	.titelprojectdiv {
	font-weight: 600 !important;
	margin-left: 1vw !important;
	top: -39px !important;
}

	/** Home >> .titel1div_2 **/
	.titel1div_2 {
	font-size: 115px !important;
	font-weight: 600 !important;
	margin-left: 1vw !important;
	top: -39px !important;
}

	/** Home >> .titel1div_3 **/
	.titel1div_3 {
	font-size: 115px !important;
	font-weight: 600 !important;
	margin-left: 1vw !important;
	top: -39px !important;
}

	/** Home >> .footer-tekst p **/
	.footer-tekst p {
	margin-bottom: 0 !important;
}

	/** blog >> .blog-meta **/
	.blog-meta {
	padding: 20px !important;
}

	/** projecten >> project-odd **/
	.fl-post-column:nth-child(odd) .project-parent {
	padding-bottom: 30px !important;
	display: grid !important;
	grid-template-columns: 60% 40% !important;
}
.fl-post-column:nth-child(odd) .project-parent > :nth-child(2) {
	grid-area: 1 / 2 / 2 / 3 !important;
	-webkit-align-self: end !important;
	align-self: end !important;
}

	/** projecten >> projecten-image-odd **/
	.fl-post-column:nth-child(odd) .projecten-image {
	padding-left: 110px !important;
}

	/** projecten >> project-rij odd **/
	.fl-post-column:nth-child(odd) .project-rij {
	background-size: 40% !important;
}

	/** projecten >> project-even **/
	.fl-post-column:nth-child(even) .project-parent {
	padding-bottom: 30px !important;
	display: grid !important;
	grid-template-columns: 40% 60% !important;
}
.fl-post-column:nth-child(even) .project-parent > :nth-child(2) {
	-webkit-align-self: end !important;
	align-self: end !important;
}

	/** projecten >> projecten-image-even **/
	.fl-post-column:nth-child(even) .projecten-image {
	padding-right: 110px !important;
}

	/** projecten >> project-rij even **/
	.fl-post-column:nth-child(even) .project-rij {
	background-size: 40% !important;
}

	/** projecten >> .projects.fl-post-column **/
	.projects .fl-post-column {
	padding-bottom: 120px !important;
}

}


/*( < 992 )*/
@media (max-width: 991.98px) {
	/** Home >> .laatste-blog-titel **/
	.laatste-blog-titel {
	font-size: 3vw !important;
}

	/** Home >> .titel2div **/
	.titel2div {
	font-size: 80px !important;
	font-weight: 600 !important;
	margin-left: 12vw !important;
	top: 25px !important;
}

	/** Home >> .titel2div_2 **/
	.titel2div_2 {
	font-size: 80px !important;
	font-weight: 600 !important;
	margin-left: 12vw !important;
	top: 25px !important;
}

	/** Home >> .titel2div_3 **/
	.titel2div_3 {
	font-size: 80px !important;
	font-weight: 600 !important;
	margin-left: 12vw !important;
	top: 25px !important;
}

	/** Home >> .titel1div **/
	.titel1div {
	font-size: 80px !important;
	font-weight: 600 !important;
	margin-left: 1vw !important;
	top: -28px !important;
}

	/** Home >> .titel1div Copy 1 **/
	.titelprojectdiv {
	font-weight: 600 !important;
	margin-left: 1vw !important;
	top: -28px !important;
}

	/** Home >> .titel1div_2 **/
	.titel1div_2 {
	font-size: 80px !important;
	font-weight: 600 !important;
	margin-left: 1vw !important;
	top: -28px !important;
}

	/** Home >> .titel1div_3 **/
	.titel1div_3 {
	font-size: 80px !important;
	font-weight: 600 !important;
	margin-left: 1vw !important;
	top: -28px !important;
}

}


/*( < 768 )*/
@media (max-width: 767.98px) {
	/** Home >> .laatste-blog-titel **/
	.laatste-blog-titel {
	font-size: 4vw !important;
}

	/** Home >> .titel2div **/
	.titel2div {
	top: 25px !important;
}

	/** Home >> .titel2div_2 **/
	.titel2div_2 {
	top: 25px !important;
}

	/** Home >> .titel2div_3 **/
	.titel2div_3 {
	top: 25px !important;
}

	/** Home >> .titel1div **/
	.titel1div {
	top: -27px !important;
}

	/** Home >> .titel1div Copy 1 **/
	.titelprojectdiv {
	top: -18px !important;
	left: 10px !important;
}

	/** Home >> .titel1div_2 **/
	.titel1div_2 {
	top: -27px !important;
}

	/** Home >> .titel1div_3 **/
	.titel1div_3 {
	top: -27px !important;
}

	/** blog >> .blog-meta **/
	.blog-meta {
	width: 100% !important;
	padding: 20px !important;
}

	/** blog >> .blog-afbeelding **/
	.blog-afbeelding {
	width: 100% !important;
	padding: 20px !important;
}

	/** blog >> .blog-lijst-div .fl-post-feed-post.fl-post-feed-image-beside **/
	.blog-lijst-div .fl-post-feed-post.fl-post-feed-image-beside {
	max-width: 100% !important;
}

	/** blog >> .blog-lijst-titel **/
	.blog-lijst-titel {
	font-size: 3vw !important;
}

	/** contact >> input#gform_submit_button_1 **/
	input#gform_submit_button_1 {
	font-weight: 600 !important;
}
.uabb-gf-style .gform_wrapper form .gform_body input:not([type='radio']):not([type='checkbox']):not([type='submit']):not([type='button']):not([type='image']):not([type='file']) {
	padding: 10px !important;
}

	/** projecten >> project-odd **/
	.fl-post-column:nth-child(odd) .project-parent {
	display: grid !important;
	grid-template-columns: 100% 100% !important;
	grid-template-rows: auto auto !important;
}
.fl-post-column:nth-child(odd) .project-parent > :nth-child(2) {
	grid-area: 2 / 1 / 3 / 2 !important;
}

	/** projecten >> projecten-image-odd **/
	.fl-post-column:nth-child(odd) .projecten-image {
	padding-left: 50% !important;
}

	/** projecten >> project-rij odd **/
	.fl-post-column:nth-child(odd) .project-rij {
	background-size: 70% !important;
}

	/** projecten >> project-rij even **/
	.fl-post-column:nth-child(even) .project-rij {
	background-size: 70% !important;
}

	/** projecten >> project-even **/
	.fl-post-column:nth-child(even) .project-parent {
	display: grid !important;
	grid-template-columns: 100% !important;
	grid-template-rows: auto auto !important;
}
.fl-post-column:nth-child(even) .project-parent > :nth-child(1) {
	grid-area: 1 / 1 / 2 / 2 !important;
}
.fl-post-column:nth-child(even) .project-parent > :nth-child(2) {
	grid-area: 2 / 1 / 3 / 2 !important;
}

	/** projecten >> projecten-image-even **/
	.fl-post-column:nth-child(even) .projecten-image {
	padding-right: 50% !important;
}

	/** walloffame >> wof_archief_pasfoto **/
	.wof_archief_pasfoto {
	padding-right: 25% !important;
	padding-left: 25% !important;
}

}


/*( < 480 )*/
@media (max-width: 479.98px) {
	/** Home >> .laatste-blog-titel **/
	.laatste-blog-titel {
	font-size: 6vw !important;
}

	/** Home >> .titel2div **/
	.titel2div {
	font-size: 70px !important;
	font-weight: 600 !important;
	margin-left: 12vw !important;
	top: 24px !important;
}

	/** Home >> .titel2div_2 **/
	.titel2div_2 {
	font-size: 50px !important;
	font-weight: 600 !important;
	margin-left: 12vw !important;
	top: 16px !important;
}

	/** Home >> .titel2div_3 **/
	.titel2div_3 {
	font-size: 50px !important;
	font-weight: 600 !important;
	margin-left: 12vw !important;
	top: 16px !important;
}

	/** Home >> .titel1div **/
	.titel1div {
	font-size: 70px !important;
	font-weight: 600 !important;
	margin-left: 1vw !important;
	top: -22px !important;
}

	/** Home >> .titel1div Copy 1 **/
	.titelprojectdiv {
	font-size: 8vw !important;
	font-weight: 600 !important;
	margin-left: 0 !important;
	top: -12px !important;
}

	/** Home >> .titel1div_2 **/
	.titel1div_2 {
	font-size: 50px !important;
	font-weight: 600 !important;
	margin-left: 1vw !important;
	top: -17px !important;
}

	/** Home >> .titel1div_3 **/
	.titel1div_3 {
	font-size: 50px !important;
	font-weight: 600 !important;
	margin-left: 1vw !important;
	top: -17px !important;
}

	/** blog >> .blog-lijst-titel **/
	.blog-lijst-titel {
	font-size: 4vw !important;
}

	/** contact >> input#gform_submit_button_1 **/
	input#gform_submit_button_1 {
	font-weight: 600 !important;
}
.uabb-gf-style .gform_wrapper form .gform_body input:not([type='radio']):not([type='checkbox']):not([type='submit']):not([type='button']):not([type='image']):not([type='file']) {
	padding: 5px !important;
}

	/** projecten >> project-rij odd **/
	.fl-post-column:nth-child(odd) .project-rij {
	background-size: 70% !important;
}

	/** projecten >> project-rij even **/
	.fl-post-column:nth-child(even) .project-rij {
	background-size: 70% !important;
}

	/** projecten >> project-even **/
	.fl-post-column:nth-child(even) .project-parent {
	padding-bottom: 20px !important;
}

	/** projecten >> project-odd **/
	.fl-post-column:nth-child(odd) .project-parent {
	padding-bottom: 20px !important;
}

}