/* sub pages level 1 */

#pagePart {
	color: var(--sena-colour);
	font-family: "Open Sans", Arial, sans-serif;	
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
    /* max-width: 70vw; */
    position: relative;
	
}


#pagePart h2, h3 {
	padding: 0 20px;
	font-weight: 300;
}


.childDiv {
	overflow: auto;
}

h2 {
	font-size: 26px;
}

h3 {
	font-size: 20px;
}

#pagePart p {
	font-size: 16px;	
	font-weight: 200;
	line-height: 160%;
	padding: 0 20px;
}

/* hyperlinks in the subpages */
a.a-class {
	outline: none;
	text-decoration: none;
	font-weight: 600;
	padding: 2px 1px 0;
	color: var(--prim-colour);
  }
  
  /* a.a-class:link {
	color: #265301;
  } */
  
  /* a.a-class:visited {
  } */
  
  a.a-class:focus {
	background: var(--quat-colour);
	color: black;
  }
  
  a.a-class:hover {
	background: var(--quat-colour);
	color: black;
  }
  
  a.a-class:active {
	background: var(--quat-colour);
	color: black;
  }

/* ****************************** */

img.needleImage {
	width: 316px;
	height: auto;
}


.innerWrap {
  overflow: hidden;
  position: relative;
  background-color: var(--octo-colour);
}

.innerBackground {
  opacity: 0.2;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  
}

.innerContent {
  position: relative;
}



.pBullet {
    display: list-item;
    list-style-type: disc;
    list-style-position: inside;
}


/* Prices pages */

#pagePartPrices {
	margin: 0 10vw; 
	min-width: 300px;
	max-width: 400px;
	border: 1px var(--quin-colour) solid;
	background-color: var(--nona-colour);
}

#priceQA h2 {
	font-size: 26px;
}

#priceQA h3 {
	font-size: 20px;
	color: var(--sena-colour);

}

#priceQA p {
	font-size: 14px;
	color: var(--def-text);
}


.subHead {
	font-size: 16px;
}

.price, .priceHead {
	text-align: center;
	border-bottom: 1px var(--quin-colour) solid;

}

.priceSub {
	font-size: 18px;
	/* margin: 0 40px; */
	padding-top: 10px;	
	color: var(--quin-colour);
	text-align: center;
}
.price {
	padding: 20px;
}   


.priceHead {
	background-color: var(--quin-colour);
	padding: 20px;
}

.priceHead h2 {
	margin: 20px;
	padding: 20px;
	color: var(--hi-colour);
}


.pound {
	font-size: 18px;
	position: absolute;
	margin-left: -.5em;
	font-weight: 400;
	color: var(--quin-colour);
	
}

.amount {
	font-size: 80px;
	padding-left: 6px;
	font-weight: 100;
	color: var(--prim-colour);	
}



/*	Contact / Find Us	*/

.cContainer  {
	width:100vw;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
}

.cContainer > div {
	flex: 1 1 50%; /*shrink and grow*/
}




/* Set the size of the div element that contains the map */
#map {
  height: 400px;
  width: 400px;
  /* The height is 400 pixels */

}


/* Sitemap grid layout - reusable elsewhere */
#grdCols {
	display: grid;
	max-width: 960px;
	margin: 0 auto;
	grid-template-columns: repeat(3, 1fr);
	color: var(--def-text);
	padding: 20px;
}

#grdCols div {
	background: var(--nona-colour);
	padding: 10px;
}

@media only screen and (max-width: 600px) {
	.pBullet {
		font-size: 14px;
	}

	#grdCols {
		display: grid;
		max-width: 960px;
		margin: 0 auto;
		grid-template-columns: repeat(2, 1fr);
		color: var(--def-text);
		padding: 10px;
	}
	
		
}

/* ************************************************ */


.centreImageSW {
	margin: auto;
	/* width: 217px; */
	
}

/* findus page */

.imgShop {
	width: 600px;
	height: auto;
}


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

	.imgShop {
		width: 300px;
		height: auto;
	}

}