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

#Head {
    background: #e2d9cb !important;
}


#Head.Groter .wpb_single_image.wpb_content_element.vc_align_left {

    margin-top: 0px;
}

.wpb_image_grid .wpb_image_grid_ul .isotope-item {
	width: 22%;
	height: 140px;
	margin-bottom: 20px !important;
	margin-right: 20px;
	}

.wpb_image_grid .wpb_image_grid_ul img {
    display: block;
    width: 100%;
    padding-left: 10%;
    padding-right: 10%;
}

.wpb_image_grid .wpb_image_grid_ul .isotope-item {
    align-items: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wpb_image_grid img {
  filter: grayscale(100%);
}

.wpb_image_grid img:hover {
  filter: grayscale(0%);
}

.post-item.isotope-item .post-photo-wrapper {
    margin-bottom: 0px;
    max-height: 230px;
    background: #e2d9ca;
}

h3:after, h4:after, h2:after { 
	content: "."; 
	color: #f26522;}
}

img.scale-with-grid.wp-post-image {
	    max-height: 230px;
}
body.page-template-template-blank {
	overflow: hidden;
}
.Visitekaart {
box-shadow: 0 19px 38px rgb(0 0 0 / 30%), 0 15px 12px rgb(0 0 0 / 22%);
z-index: 9999999999 !important;
}

.Visitekaart h1 {
	font-size: 26px;
	line-height: 26px;
	margin-bottom: 0px;
}

.VisitekaartLogo img {
	width: 220px !important;
	margin-bottom: 20px;
}

.Visitekaart .fa-solid, .fas, .Visitekaart i:before {
    font-weight: 900;
    color: #2d6aaa;
}

.Visitekaart i {
	padding-right: 10px;
}
span.Locatie {
    margin-left: 10px;
    display: inline-block;
}

i.fa-solid.fa-location-dot {
    float: left;
    padding-top: 6px;
}

.Visitekaart i.fa-brands {
    float: left;
    font-size: 30px;
    margin-top: -7px;
    margin-bottom: 7px;
}

.Visitekaart {
	width: 350px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	
}

.Visitekaart p {
    margin: 0 0 20px;
}

body.page-template-template-blank div#qlwapp {
	display: none;
}

body.page-template-template-blank  .vc_column_container>.vc_column-inner {
	padding: 20px !important;
}

body.page-template-template-blank .wpb_wrapper > div {
    margin-bottom: 20px;
}

#Top_bar .menu_wrapper,
#Top_bar .top_bar_right .top_bar_right_wrapper > a:last-child {
    margin-top: 19px;
}


#Top_bar.is-sticky .menu_wrapper,
#Top_bar.is-sticky .top_bar_right .top_bar_right_wrapper > a:last-child {
    margin-top: 0px;
}

body:not(.template-slider) #Header {
    background: #e2d9cb;
}

#Head h1 {
	text-align: center;
}

i.qlwapp-icon:after {
    content:"Contact";
    position: relative;
    opacity: 0;
    top: 0px;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    padding-left: 10px;
            font-family: "Titillium Web",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;

}

i.qlwapp-icon {
	width: 10px;
	-webkit-transition: all 0.6s;
    transition: all 0.6s;
}
	
i.qlwapp-icon:hover {
	width: 75px;
	-webkit-transition: all 0.6s;
    transition: all 0.6s;
}

i.qlwapp-icon:hover:after {
    opacity: 1;
    top: 0px;
}

.sticky-tb-color #Top_bar.is-sticky {
    background-color: #fff;
}

p {
    margin: 0 0 30px;
}

.Streep {
	text-underline-offset: 5px;
    text-decoration: underline 2px;
}

body:not(.template-slider) #Header {
    min-height: 60px;
}

.top_bar_right {
	padding-right: 0px !important;
	padding-left: 6px !important;
}

.wpb_text_column.wpb_content_element {
    z-index: 99;
}

.wpb_column .vc_column-inner ul {
    margin-top: -30px !important;
}

.has_content .the_content_wrapper {
    margin-bottom: 0px;
}


/*--------------------------------------------------------------------------------------------- ALGEMEEN */
.vc_btn3,
input[type="submit"],
button,
a.action_button.top-bar-right-button {
	border-radius: 25px !important;
    font-size: 23px !important;
    letter-spacing: 0px !important;
    font-weight: bold !important;
	padding: 10px 30px !important;
    color: #000 !important;
    box-shadow: none !important;
    text-transform: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none !important;
    border: 2px solid #000 !important;
    font-family: "Titillium Web",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif !important;
}

a.action_button.top-bar-right-button,
.button-custom input[type="submit"] {
	background: #f26522 !important;
	color: #fff !important;
	border: 0px !important;
	padding: 18px 30px !important;
	
}

a.action_button.top-bar-right-button:hover,
.button-custom input[type="submit"]:hover {
background: #006da3 !important;
}

.vc_btn3:hover,
input[type="submit"]:hover,
button:hover {
	background-color: #f26522 !important;
	color: #fff !important;
	border-color: #f26522 !important; 
}

#Content {
	padding-top: 0px;
}

.wpb_column.vc_column_container.vc_col-sm-7 {
    z-index: 99;
}

li {
    list-style-type: square;
    margin-bottom: 0px !important;
}


#Top_bar.is-sticky #logo img.logo-sticky {
    max-height: 45px;
}

#Top_bar.is-sticky #logo img.svg {
    width: 158px;
}

a.action_button.top-bar-right-button {
 font-family: "Titillium Web",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}
/*--------------------------------------------------------------------------------------------- HOMEPAGINA */
div#IntroBlok {
    background-position: right !important;
}

div#IntroBlok:after {
    border: 75px solid;
    width: 200%;
    transform: rotate(-3deg);
    margin-left: -50%;
    border-color: #ffffff;
    background: #fff;
    margin-top: 0px;
    bottom: -35px;
    position: absolute;
    z-index: 0 !important;
    content: "";
}

.home #Head .vc_single_image-wrapper img {
    width: 1500px;
    margin-left: -5%;
    padding-top: 20px;
}

.home #Head .wpb_single_image.wpb_content_element.vc_align_left {
	width: 160% !important;
}

.vc_single_image-wrapper img {
    width: 1500px;
}

#Head .wpb_single_image.wpb_content_element.vc_align_left {
	width: 110% !important;
	margin-left: -8%;
	margin-top: -40px;
}

#Head .vc_btn3-container.vc_btn3-inline {
    margin-bottom: 20px;
}

.wpb_single_image.wpb_content_element.vc_align_left,
.vc_single_image-wrapper.vc_box_border_grey {
    margin-bottom: 0px !important;
}

.wpb_text_column.wpb_content_element {
	position: relative;
}

section.vc_cta3-container {
    display: flex;
}

.vc_general.vc_cta3.vc_cta3-shape-rounded {
	display: flex !important;
	z-index: 99 !important;
}

.vc_row.wpb_row.vc_row-fluid {
	overflow: visible;
}

.Punt {
	color: #f26522;
}

.home #BlokTwee .vc_single_image-wrapper img {
    width: 320% !important;
    min-width: 320% !important;
    max-width: 320% !important;
    z-index: 999 !important;
    margin-left: -32%;
}

#BlokTwee .vc_single_image-wrapper img {
    width: 270% !important;
    min-width: 270% !important;
    max-width: 270% !important;
    z-index: 999 !important;
    margin-left: -40%;
}

body .pricing-box .plan-header {
    padding: 10px 15px 0 !important;
}

.vc_general.vc_cta3 {
    background: #006da3 !important;
    color: #fff;
    font-size: 36px;
    font-weight: bold;
    line-height: 44px;
}

.vc_general.vc_cta3 .column {
	margin-bottom: 0px !important;
}

.vc_general.vc_cta3 .vc_btn3 {
	color: #fff !important;
	border-color: #fff !important;
}


/*--------------------------------------------------------------------------------------------- FOOTER */
#Footer .footer_copy {
    border-top: 1px solid #fff !important;
}

ul.social i {
    border-radius: 100%;
    padding: 5px;
    background: #fff;
    color: #f26622;
    font-size: 22px;
    line-height: 31px;
    min-width: 30px !important;
    height: 30px !important;
    display: block;
}

#Footer h4 {
    font-size: 65px;
    padding-top: 23px;
    font-weight: 100;
}

#Footer strong {
	color: #000;
}

#Footer .one-fifth.column:nth-child(1) {
    width: 25%;
}

#Footer .one-fifth.column {
    width: 18.75%;
}

#Footer {
	line-height: 28px;
}


/*--------------------------------------------------------------------------------------------- TESTIMONIAL */
.sp-testimonial-free p {
    font-family: "Titillium Web",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 44px !important;
    line-height: 48px !important;
    font-weight: bold !important;
    padding-bottom: 10px !important;
}

.sp-testimonial-free {
    padding: 0px 65px;
}

.sp-testimonial-free-wrapper {
    padding-bottom: 60px;
    padding-top: 20px;
}

/*--------------------------------------------------------------------------------------------- MAILCHIMP */
.mc4wp-form-fields input[type="text"], .mc4wp-form-fields input[type="email"] {
    width: 100%;
    border-radius: 25px;
    border-color: grey;
    margin-bottom: 10px !important;
    font-weight: bold;
    font-size: 17px;
    padding-left: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
}


/*--------------------------------------------------------------------------------------------- SOCIAL */
.vc_icon_element.vc_icon_element-outer.vc_icon_element-align-left.vc_icon_element-have-style {
    width: fit-content;
    float: left;
    margin-right: 10px;
}

.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-background-color-white.vc_icon_element-background:hover {
	background: #f26522 !important;
}

ul.social li:hover i {
	background: #006da3 !important;
	color: #fff;
}

.vc_icon_element:hover .vc_icon_element-icon:before{
	color: #fff !important;
}


/*--------------------------------------------------------------------------------------------- RESPONSIVE */
@media only screen and (max-width: 1239px) {
	#Footer .one-fifth.column {
	    width: 20% !important;
	}
	#Footer p {
		font-size: 18px;
	}
	#Footer h4 {
    	font-size: 40px;
    	padding-top: 72px;
    }
    #Top_bar .logo {
    	margin: 0 15px 0 20px;
	}
	#Top_bar .menu > li > a span:not(.description) {
	    padding: 0 8px;
	    font-size: 20px;
	}
	#Top_bar .top_bar_right .action_button {
		font-size: 20px !important;
	}
	h1 {
		font-size: 55px;
		line-height: 60px;
	}
	h3 {
	    font-size: 32px;
		line-height: 34px;
	}
	.vc_btn3, input[type="submit"], button, a.action_button.top-bar-right-button {
	    font-size: 21px !important; 
	}
	.vc_general.vc_cta3 {
	    font-size: 26px;
		line-height: 34px;
	}
	.home #BlokTwee .vc_single_image-wrapper img {
	    width: 260% !important;
	    min-width: 260% !important;
	    max-width: 260% !important;
	    z-index: 999 !important;
	    margin-left: -33%;
	}
}


@media only screen and (max-width: 960px) {
	#Footer .one-fifth.column:nth-child(1) {
	    width: 100% !important;
	}
	#Footer .one-fifth.column {
	    width: 25% !important;
	}
	#Footer p {
		font-size: 18px;
	}
	#Footer h4 {
    	font-size: 60px;
    	padding-top: 0px;
    }
	h1 {
		font-size: 45px;
		line-height: 50px;
	}
	h3 {
	    font-size: 28px;
		line-height: 30px;
	}
	.vc_btn3, input[type="submit"], button, a.action_button.top-bar-right-button {
	    font-size: 19px !important; 
	}
	.vc_general.vc_cta3 {
	    font-size: 20px;
		line-height: 26px;
	}
	.home #BlokTwee .vc_single_image-wrapper img {
	    width: 190% !important;
	    min-width: 190% !important;
	    max-width: 190% !important;
	    z-index: 999 !important;
	    margin-left: -33%;
	}
	body, .mfn-menu-item-megamenu {
	    font-size: 19px;
	    line-height: 30px;
	}
	.sp-testimonial-free p {
	    font-size: 34px !important;
		line-height: 36px !important;
    }
}


@media only screen and (max-width: 767px) {
	#Footer .one-fifth.column:nth-child(1) {
	    width: 100% !important;
	}
	#Footer .one-fifth.column {
	    width: 49% !important;
	    clear: inherit;
	}
	.vc_btn3-container.vc_btn3-right {
		float: left;
		margin-top: 20px;
		margin-bottom: 0px;
	}
	.home .vc_btn3-container.vc_btn3-right {
		float: right;
	}		
		.home #BlokTwee .vc_single_image-wrapper img {
	    width: 210% !important;
	    min-width: 210% !important;
	    max-width: 210% !important;
	    z-index: 999 !important;
	    margin-left: -5%;
	}
	.mobile-sticky #Top_bar.is-sticky #logo img.logo-mobile-sticky {
	    display: inline-block;
	    content: url(https://staetvancreatie.nl/wp-content/uploads/2022/10/Staet-van-Creatie-Badge.png);
	    height: 50px !important;
	    width: auto;
	    margin-left: 10px;
	}
	body div#Top_bar.is-sticky {
		background: #fff !important;
	}	
	#Top_bar #menu ul li a {
    padding: 0px 10px !important;
    }
    .sp-testimonial-free {
   		padding: 0px 25px !important;
	}
	#Ardwin .wpb_single_image,
	#Jeske .wpb_single_image {
		margin-top: 0px !important;
	}
	h4 {
		font-size: 22px;
		line-height: 34px;
	}
	#Top_bar .top_bar_right .top_bar_right_wrapper {
    	justify-content: right !important;
	}
	#Top_bar .top_bar_right .top_bar_right_wrapper > a:last-child {
		display: block !important;
	}
	#Top_bar .top_bar_right .top_bar_right_wrapper > a:last-child, body #Top_bar.is-sticky .top_bar_right .top_bar_right_wrapper > a:last-child {
    	margin-top: 4px !important;
		    padding: 12px 16px !important;
		    font-size: 16px !important;
	}
}


#Jeske .wpb_column.vc_column_container.vc_col-sm-6 {
	z-index: 2;
	}


@media only screen and (max-width: 600px) {
	#Footer .one-fifth.column{
	    width: 100% !important;
	}
	#Footer .one-fifth.column:nth-child(1){
		margin-top: 30px;
		margin-bottom: 20px;
	}
	#Footer .widget {
		margin-top: 0px !important;
	}
		.sp-testimonial-free p {
	    font-size: 28px !important;
		line-height: 30px !important;
    }
	    .sp-testimonial-free {
	    padding: 0px 0px !important;
	}
	.sp-testimonial-free-section.swiper-initialized, .sp-testimonial-free-section:not(.swiper-initialized) {
    	margin: 0 0px !important;
    }
    .wpb_image_grid .wpb_image_grid_ul .isotope-item {
    	width: 42%;
    }
    #Head .wpb_text_column {
    	padding-top: 0px !important;
	}
	.home #BlokTwee .vc_single_image-wrapper img,
	#BlokTwee .vc_single_image-wrapper img,
	body #Head .vc_single_image-wrapper {
    width: 110% !important;
    min-width: 110% !important;
    max-width: 110% !important;
    }
    .home #Head .wpb_single_image.wpb_content_element.vc_align_left {
	    max-width: 120%;
    }
    #Footer .footer_copy .copyright {
	    font-size: 14px !important;
	   }
}





#Hoe .vc_single_image-wrapper,
#Waar .vc_single_image-wrapper{
	    width: 155% !important;
    min-width: 155% !important;
    max-width: 155% !important;
    z-index: 999 !important;
    margin-left: -12%;
}


@media only screen and (max-width: 1540px) {
#Hoe .vc_single_image-wrapper,
#Waar .vc_single_image-wrapper{
	width: 135% !important;
    min-width: 135% !important;
    max-width: 135% !important;
    z-index: 999 !important;
    margin-left: -12%;
}
}

@media only screen and (max-width: 1340px) {
#Hoe .vc_single_image-wrapper ,
	#Waar .vc_single_image-wrapper {
	    width: 115% !important;
    min-width: 115% !important;
    max-width: 115% !important;
    z-index: 999 !important;
    margin-left: -12%;
}
}

@media only screen and (max-width: 900px) {
	.wpb_column.vc_column_container.vc_col-sm-6,
	.vc_col-sm-5, .vc_col-sm-7 
	 {
	    width: 100%;
	}
	.Mobiel .wpb_column.vc_column_container.vc_col-sm-7,
	.Mobiel .wpb_column.vc_column_container.vc_col-sm-8,
	.MobielContact .wpb_column.vc_column_container.vc_col-sm-5{
    	order: 2;
	}
	.Mobiel {
		display:flex;
        flex-flow: column;
	}
}

#Head {
	padding-bottom: 0px;
}


.single-post .post-nav.minimal.column {
    margin-top: 40px;
    margin-bottom: 40px;
}

.single-post img.scale-with-grid.wp-post-image {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    float: none !important;
	min-width: 500px !important;
}


@media only screen and (max-width: 600px) {
	.single-post img.scale-with-grid.wp-post-image {
    max-width: 400px;
	min-width: 400px !important;
}
	.single-post .title_wrapper h1 {
    font-size: 50px !important;
    line-height: 55px !important;
    margin-bottom: 0px !important;
}
}


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

	.single-post img.scale-with-grid.wp-post-image {
    max-width: 300px;
	min-width: 300px !important;
}
}


.post-excerpt h3 {
font-size: 21px;
    line-height: 34px;
    font-weight: 400;
	display: contents;
}

.post-excerpt h3:after {
	
    color: #000000;
}