/*
Theme Name: Podotherapie De Meierij
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
*/

h1, h2, h3 {
	text-transform: uppercase;
}

#menu, .medewerkers h4 {
	text-transform: uppercase;
}

.lijst li {
	margin-bottom: 0 !important;
}

.subcolor {
	color: #5c2a6a;
}

.top_bar_right_wrapper .action_button:before {
	font-family: "mfn-icons";
  font-style: normal;
  font-weight: 400;
  speak: none;
  display: inline-block;
  text-decoration: none!important;
  width: 1em;
  margin-right: .4em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  
  content: '\e8db';
}

.top_bar_right_wrapper .action_button, #Footer .call {
	cursor: default;
	pointer-events: none;
}

.blokken .column_attr {
	position: relative;
}

.blokken .column_attr a:after {
	position: absolute;
	content: " ";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.contact-button {
	font-weight: bold;
	text-transform: uppercase;
}

#Footer .footer_copy {
 	border: 0;
}

.wpcf7-mail-sent-ok {
	background: #fff !important;
	color: #008982;
}

.pedicures table td:nth-child(4n-1) {
	white-space: nowrap; /*telefoonnummer*/
}

.accordion .question .title {
	font-size: 15px;
}

.style-simple .accordion .question .answer {
	padding-top: 10px;
}

#Footer .call, #Footer .call:hover {
	color: #fff !important;
}

p.errors {
	color: red;
}

@media only screen and (min-width: 1240px) {
	.top_bar_right {
		position: absolute !important;
		top: 200px !important;
	}
	
	.menu_wrapper {
		margin-top: 70px !important;
	}
}

@media only screen and (max-width: 767px) {
	.hide-on-mobile {
		display: none;
	}
	
	table td {
		display: block;
		width: 100%;
		text-align: left;
		padding: 0;
		border: 0;
	}
	
	table th {
		display: none;
	}
	
	.pedicures table td:nth-child(4n+1) {
		font-weight: bold;
	}
	
	.pedicures table td:nth-child(4n) {
		padding-bottom: 20px;
	}
	
	.accordion .question .title {
		font-size: 13px;
	}
	
	.mobile-header-mini #Top_bar a.action_button {
    display: block;
    margin-right: 20px !important;
    top: 8px !important;
  }
  
  .top_bar_right_wrapper .action_button, #Footer .call {
		pointer-events: auto;
	}
	
	/*overschrijf mobiele logo met sticky logo*/
	#Header_creative #Top_bar #logo img.logo-sticky {
		display: inline-block;
	}
	
	#Top_bar #logo img.logo-mobile, .mobile-sticky #Top_bar.is-sticky #logo img.logo-mobile-sticky {
		display: none;
	}
}

@media only screen and (max-width: 450px) {
	/*sticky logo met juiste grootte op kleine mobieltjes*/
	#Header_creative #Top_bar #logo img.logo-sticky {
		max-height: 32px !important;
	}
}