/* Custom CSS from the theme user */
/* -- buttons -- */
a.wp-block-button__link.wp-element-button:hover {
	background-color:var(--wp--preset--color--color-2);
}

#header a:hover {
    background-color:transparent!important; 
}

.is-style-alt-fill a.wp-block-button__link.wp-element-button:hover{
		background-color:#c4c4c4;
}

/* make a standard button with a arrow behind the text - RH */
.wp-block-button__link.has-white-color.has-text-color.wp-element-button:after {
  font-family: "Font Awesome 6 Free";
  content: "\f054";
 	color: white;
 	margin-left: 10px;
 	font-weight:bold;
}


/* button "Fill" preset */
.wp-block-button.is-style-fill .wp-block-button__link {
    
}

.wp-block-button.is-style-fill .wp-block-button__link:hover {
    
}

/* button "Outline" preset */
.wp-block-button.is-style-outline .wp-block-button__link {
    
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
    
}

/* button "Alt Fill" preset */
.wp-block-button.is-style-alt-fill .wp-block-button__link {
    
}

.wp-block-button.is-style-alt-fill .wp-block-button__link:hover {
    
}

/* button "Alt Outline" preset */
.wp-block-button.is-style-alt-outline .wp-block-button__link {
    
}

.wp-block-button.is-style-alt-outline .wp-block-button__link:hover {
    
}

/* button "Inline" preset */
.wp-block-button.is-style-inline .wp-block-button__link {
    
}

.wp-block-button.is-style-inline .wp-block-button__link:hover {
    
}
/* -- Menu -- */
.menu.prode-navigation-menu.main-menu.primary-menu a{
	font-weight: 600;
	text-decoration:none;
	margin:0px 10px;
	color:var(--prode--color-text);
}
.menu.prode-navigation-menu.main-menu.primary-menu a:hover{
	color:var(--prode--color-primary);
}

.prode-navigation-menu.primary-menu > li > a {
	/* level 0 items */
}
.prode-navigation-menu.primary-menu > li > a:hover {
	/* level 0 items hover*/
}

.prode-navigation-menu.primary-menu > li > ul > li > a {
	/* level 1 items (sub-menu)*/
}

.prode-navigation-menu.primary-menu > li > ul > li > ul > li > a {
	/* level 2 items (sub-sub-menu)*/
}

.prode-navigation-menu.primary-menu > li ul li a:hover {
	/* general hover for level 1 items  2 */	
}
/* -- slider -- */
/* the blue block align left - W */
.slide-content .wp-block-columns {
	position: relative; 
	left: -225px;
}

/* make the active bullet blue and the not active grey - RH */
.wp-block-eedee-block-gutenslider .swiper-pagination-bullet {
  background:var(--wp--preset--color--custom-color-1);
	opacity:100%;
}

.wp-block-eedee-block-gutenslider .swiper-pagination-bullet-active {
  background:var(--prode--color-primary);
}

button.eedee-gutenslider-nav.eedee-gutenslider-prev {
	margin-left: -50px;
}

button.eedee-gutenslider-nav.eedee-gutenslider-next {
		margin-right: -50px;
}

/* Menu */
/* give the submenu a light grey background and more padding - RH */
.wp-block-acf-prode-navigation ul.menu li>ul {
    background-color: #E5E5E5;
}

.wp-block-acf-prode-navigation ul.menu li>ul>li a {
    background: #E5E5E5;
    padding: 8px;
}


/* -- Headings -- */
h2, .h2 {
font-weight: 400;
}

h3, .h3 {
font-weight:700;
}


/* -- textlinks-- */
/* blue and no text-decoration - RH */
p a {
	color:var(--prode--color-secondary);
	text-decoration:none;
}

/*  make textlinks blue and underline */
p a:hover {
  color:var(--prode--color-primary);
	text-decoration:underline;
}


/* underline at the links at the footer - RH */
footer a {
	color:white;
}

footer a:hover {
	text-decoration:none;
	color:#ffffff;
}

/* Home 3 diensten, no margin at the top of the block - RH */
div#block_0c902c27c1e9651c6e2cee4ddca2842a {
    margin-top: 0px;
}


/* -- Projecten -- */
.wp-block-acf-prode-archive .cards-wrapper .prode-card h2 {
	color:black;
	font-weight:300;
	font-size:24px;
	margin:20px 0;
}

/* no margin at a single post h1 title */
h1.wp-block-core-post-title.wp-block-post-title {
    margin-bottom: 0px!important;
}


/* -- Prode Archive Block -- */
/* paginering opmaak */
.wp-block-acf-prode-archive .wp-pagenavi {
	 text-align:center;
}

.wp-pagenavi span.current {
  border: none; 
  background-color: var(--prode--color-primary)!important;
  border-radius:7px;  
 	padding: 5px 10px;
  margin: 15px;
	 color:white;
}

.wp-block-acf-prode-archive .wp-pagenavi span {
  border: none; 
  background-color: var(--wp--preset--color--custom-color-1);
  border-radius:7px;  
	 padding: 5px 10px;
  margin: 15px;
}

.wp-pagenavi a { 
  border: none; 
  background-color: var(--wp--preset--color--custom-color-1);
  border-radius:7px;  
	padding: 5px 10px;
  margin: 15px;
}

.wp-block-acf-prode-archive .wp-pagenavi {
	margin-top:70px;
}


/* -- form -- */
.gform_wrapper.gravity-theme .gfield select.large {
	background-color:var(--wp--preset--color--custom-color-1);
	border:none;
	padding: 15px;
}

.gform_wrapper.gravity-theme .gfield input.large {
	background-color:var(--wp--preset--color--custom-color-1);
	border:none;
	padding: 15px;
}

.gform_wrapper.gravity-theme .ginput_complex input {
	background-color:var(--wp--preset--color--custom-color-1)!important;
	border:none;
	padding: 15px;
}

.gform_wrapper.gravity-theme .gfield textarea.medium {
	background-color:var(--wp--preset--color--custom-color-1);
	border:none;
	padding: 15px;
}

fieldset#field_1_6 {
    background-color: var(--wp--preset--color--custom-color-1);
    padding: 16px;
}

legend.gfield_label.gform-field-label {
	font-weight:500!important;
}

.gform_wrapper .gform_footer .gform_button {
	border-radius:10px;
}


/* -- footer -- */
footer .wp-block-button a:hover {
	background-color: var(--prode--color-secondary)!important;
} 



	@media only screen and (max-width: 992px) {

	@media only screen and (max-width: 992px) {

.slide-content .wp-block-columns {
	position: relative; 
	left: 0px;		
  }
	
	.row.cards-wrapper.g-2 {
width: 100% !important;
	}
	
.wp-block-acf-prode-archive .col-12 {
	width: 50%;}

	
	.column_50 {
		flex-basis:50%!important;
	}
    
}


	}

	@media only screen and (max-width: 767px) {

	@media only screen and (max-width: 600px) {

/* -- Slider -- */
/* the blue block align left - RH */
.slide-content .wp-block-columns {
	position: relative; 
	left: 0px;		
  }
	
h2 {
		font-size:32px;
	}
	
p.has-text-align-center.has-small-font-size {
	font-size:16px!important;
	}
	
	.mob_column {flex-direction: column;
 }

    
.reverse_column.wp-block-columns {
     flex-direction: column-reverse;
    }
}

/* -- buttons -- */
/* align text left - RH */
.wp-block-button__link {
    text-align:left;
}

/* -- Grey CTA banners -- */
/* add margin at the top and bottom and align text center - RH */
.margintopbottom {
    padding-top:40px!important;
    padding-bottom:40px!important;
}

/* text align center - RH */
.aligncenter {
  text-align:center!important;
}

/* Columns text and media show reverse - RH */
.reverse_column.wp-block-columns {
     flex-direction: column-reverse;
}

/* -- Projects -- */
/* stack the indivudual projects in the overview on mobile - RH */
.wp-block-acf-prode-archive .col-12 {
    width: 100%;
}

/* the minimum height of 600px was too big for the projects page, so I changed it to 200px so that it has the same height as the project images on the overview page - LV */
.single-project .wp-pattern-prode-project-header-en-tekst .wp-block-cover {
    min-height: 220px !important;
}

/* -- 404 page -- */
.foutpagina {
    font-size: 80px!important;
}

/* -- citaat -- */
/* make the image less big - RH */
.citaat-img {
  height: 20px;
  width: 20px;
}

/* make the text less big and less margin at left and right - RH */
.citaat-tekst {
    font-size:20px!important;
}


}


	}