/**
 * Theme Name: amotherstouch
 * Template:   twentytwentyfive
 * Version:	   1.0
 * Author:     Dewi Williams
 */

h1 {
	font-size: 3.5rem;
	padding-right: 1.5rem;
}

h2 {
	padding-right: 1.5rem;
}

.mobile-show {
	display:none;
}

.row {
  display: flex;
  align-items: left;
  justify-content: space-between;
  gap: 2rem;
}
.row.reverse {
  flex-direction: row-reverse;
}

.image {
	overflow:hidden;
	border-radius: 24px;
}
.image img {
		display: none;
	}

.text {
	border-radius: 24px;
	padding: var(--wp--preset--spacing--30);
}

.baby-massage-image {
	background-image: url("https://amotherstouch.co.uk/wp-content/uploads/2026/03/baby-feet-1.jpg");
	background-size: cover;
	background-position: center;
}

.mothers-circle-image {
	background-image: url("https://amotherstouch.co.uk/wp-content/uploads/2026/03/matrescence-circle.jpg");
	background-size: cover;
	background-position: 70% 50%;
}
.sophrology-image {
	background-image: url("https://amotherstouch.co.uk/wp-content/uploads/2026/03/Sophrology-image.jpg");
	background-size: cover;
	background-position: 50% 25%;
}


@media (max-width: 920px){
	.mobile-show {
		display:block;
	}
	.mobile-hide {
		display: none !important;
	}
}


@media (max-width: 780px){
	
	section {
		margin-bottom: 2em !important;
	}
	
	/* Stack on mobile */
	.row {
		flex-direction: column;
		text-align: left;
	}
	.row.reverse {
		flex-direction: column; /* same order on mobile */
	}
	
	.text.has-background {
		background: none;
	}
	
	.image img {
		display: block;
	}
	
}

@media (max-width:600px){
	h1 {
		font-size: 3rem;
	}
	p {
		font-size: var(--wp--preset--font-size--medium);
	}
	.text.has-background {
		padding-top: 0;
		background-color: #fff !important;
	} 
	
	.image {
		border-radius: 0;
	}
	
/* 	.has-global-padding {
		padding: 0;
	} */
	
	section.baby-massage, section.mothers-circles, section.sophrology {
		margin-right: calc(var(--wp--style--root--padding-right) * -1) !important;
		margin-left: calc(var(--wp--style--root--padding-left) * -1) !important;
	}

}
		
@media (max-width:500px){
	h1 {
		font-size: 2.5rem;
		padding-right: 0;
	}
	
	h2 {
		padding-right: 0;
	}
}