/*
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: 2.0.2
*/

/* ==========================================================================
   Contactblok op de kaart (contactpagina)
   ========================================================================== */

/* BeTheme geeft dit blok een vaste breedte van 210px. Na 2x25px padding en
   50px inspringing voor het icoon blijft daar 110px tekst van over, terwijl
   "info@bonhofwellness.nl" 138px nodig heeft bij 13px - vandaar de afbreking.
   Vanaf ~240px passen alle contactregels; de titel "Bonhof Wellness BV"
   (h3, 32px) heeft ~330px nodig om zelf ook op een regel te blijven. */
.google-map-contact-wrapper .get_in_touch {
	width: 275px;
	max-width: calc(100vw - 100px);
}

.google-map-contact-wrapper ul li i {
	color: #fff;
}

/* Het www-icoon is geen icoonfont maar een inline SVG met een eigen
   <style>-blok (stroke:#333). Dat blok staat in de body en wint dus van
   gelijk-specifieke regels uit een stylesheet; met een specifiekere selector
   halen we de lijnkleur alsnog naar wit. */
.get_in_touch ul li .icon svg .path {
	stroke: #fff;
}

/* De titel stond op de globale h3-kleur (#444444) en werd dus grijs op het
   bordeauxrode vlak. */
.get_in_touch h3 {
	color: #fff;
}

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

	/* Op mobiel staat het blok onder de kaart en is het volledige breedte;
	   die themaregel moet blijven winnen van de vaste breedte hierboven. */
	.google-map-contact-wrapper .get_in_touch {
		width: 100%;
		max-width: none;
	}
}