/*
Theme Name: 	Betheme Child
Theme URI: 		http://themes.muffingroup.com/betheme
Author: 		Muffin group
Author URI: 	http://muffingroup.com
Description:	Child Theme for Betheme - Premium WordPress Theme
Template:		betheme
Version: 		1.6.2
*/

/* Theme customization starts here
-------------------------------------------------------------- */

/*gravity forms*/

.gform_footer input.button, .gform_footer input[type=button], .gform_page_footer input.button, .gform_page_footer input[type=button] {
	background-color: #00467f;
	font-size: 14px;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 20px;
    padding-right: 20px;
	font-weight: 600;
	text-transform: uppercase;
	border-radius: none;
}

.survey-title {
	margin-top: 75px;
}

.gfield_label {
	color: #00467f;
	font-size: 18px;
}

.gfield  {
	padding-bottom: 20px; 
	border-bottom: 1px solid #ebebeb;
}

table.gsurvey-likert th.gsurvey-likert-choice-label {
	background-color: #f8f8f8 !important;
}

/*Slider Begin*/
.foto-slider-container .wpb_raw_html {
	margin-bottom: 0px !Important;
}

.carousel.carousel-fade .carousel-item {
    opacity: 0;
    transition: opacity ease-out .7s;
}

.carousel.carousel-fade .carousel-item.active {
    opacity: 1 !important;
}

.carousel-item-2 .col-sm-8 span {
	transform: none !Important;
}

.carousel-item-2 .col-sm-8 {
	display: flex;
    align-items: center;
}

#foto-slider {
	margin-bottom: -22px !Important;
}

#foto-slider li {
	list-style-type: none;
}

#foto-slider .carousel-control-next-icon, #foto-slider .carousel-control-prev-icon {
	background-color: #00000054;
}

.icon-cancel-fine:before {
display: none !important;
}

.icon-cancel-fine {
	display: block;
	width: 25px;
	height: 25px;
	background-image: url(/wp-content/themes/betheme-child/img/delete.svg);
	background-size: cover;
}

@media only screen and (min-width: 1351px) {
    #carousel-rp-text .carousel-item-1 .col-sm-4 {
		position: absolute;
		right: 0px;
		top: -60px;
	}
	#carousel-rp-text .carousel-item-1 .col-sm-4 img {
		width: 600px;
		max-width: 600px;
		height: auto;
	}
}

@media only screen and (max-width: 1350px) and (min-width: 821px) {
    #carousel-rp-text .col-sm-8 {
		font-size: 35px !important;
		line-height: 40px !important;
	}
	#carousel-rp-text .carousel-item-1 .col-sm-4 {
		position: absolute;
		right: -50px;
	}
}

@media only screen and (max-width: 820px) {
    #carousel-rp-text .col-sm-8{
		width: 100% !important;
		flex: 0 0 100%;
		max-width: 100%;
		font-size: 5vw !important;
		line-height: 6vw !Important;
		text-align: center !important;
	}
	#carousel-rp-text .col-sm-4{
		display: none !important;
	}
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
  transition-duration: 2s;
  transition-timing-function:linear;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

/*Slider Einde*/

/*Download pagina Begin*/
	.download-cat-container {
		margin: 40px 0px;
		width: 100%;
	}

	.download-bestanden-container {
		margin-top: 55px;
	}

	.download-bestanden-container .pdfemb-viewer {
		pointer-events: none;
	}

	.download-cat-container p {
		font-size: 16px;
		color: #00467f;
		margin: 0.5rem 0;
		line-height: 1.5;
	} 

	.download-spec-container {
		display: block;
		position: relative;
	}

	.download-cat-link {
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
	}

	.downloadlink {
		color: #626262;
		position: relative;
		z-index: 2;
	}

	.download-cat-container h2{
		color: #00467f;
    	font-size: 28px;
	}


	.download-cat-container .grijs-download {
		display: grid;
		grid-template-columns: repeat(5, minmax(0, 1fr));
		gap: 3rem;
	}

@media (max-width: 1242px) {
	.download-cat-container .grijs-download {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}


@media (max-width: 980px) {
    .download-cat-container {
        display: block !important;
    }
    .download-cat-container{
        width: 100% !important;
		max-width: 100% !important;
		flex: none !Important;
    }
	
	.download-cat-container .grijs-download {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 768px) {
	.vc_col-sm-3 {
		width: 25%;
		min-width: 280px;
	}
}


@media (max-width: 500px) {
 
	.download-cat-container .grijs-download {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 1.5rem;
	}
}


/*Download pagina Einde*/
.b__product-catalogus-loop {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
}
.b__single_product-taxonomy {
    width: 25%;
    padding: 25px;
    text-align: center;
    display: flex;
    flex-direction: column;
    margin: 30px 0px;
    justify-content: flex-start;
}
.b__single_product-taxonomy .product-taxonomy-wrapper {
	text-decoration: none;
	display: block
}

.b__single_product-taxonomy .product-taxonomy-wrapper:hover h3.product-taxonomy-title {
	text-decoration: none;
}

.b__single_product-taxonomy .product-taxonomy-wrapper:hover .product-taxonomy-button {
	background-color: #056abd;
	text-decoration: none;
}

.b__single_product-taxonomy .product-taxonomy-image img {
    height: 210px !important;
    object-fit: contain;
    width: 100%;
    margin-bottom: 20px;
}

.b__single_product-taxonomy h3.product-taxonomy-title {
    color: #00467f !important;
	height: 80px;
}

.b__single_product-taxonomy .product-taxonomy-button {
    font-size: 14px;
    padding-top: 14px;
    padding-bottom: 14px;
    background-color: #00467f;
    color: #ffffff;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
	transition: all 0.2s ease;
}

@media (max-width: 1240px) {
	.b__single_product-taxonomy {
		width: 50%;
	}
}
@media (max-width: 550px) {
	.b__single_product-taxonomy {
		width: 100%;
	}
}

.archive.tax-productsoort .product-artikelen .col-md-4 {
	margin: 20px 0px;
}
.archive.tax-productsoort .product-artikelen .col-md-4 .product-artikel {
	display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
}
.archive.tax-productsoort .product-artikelen .col-md-4 .product-artikel .product-titel {
	flex: 1;
}
.archive.tax-productsoort .product-artikelen .col-md-4 .product-artikel .product-titel h3{
	height: auto;
}