/*
 Theme Name:   Blossom Spa Child
 Theme URI:
 Description:  Blossom Spa Child adds additional styling and functionality to the Blossom Spa theme. Use only when Possum theme is inadequate.
 Author:       Smiffy
 Author URI:
 Template:     blossom-spa
 Version:      1.3.9
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:
 Text Domain:  blossomspachild
*/

/* Embed Google Maps*/
.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
	/*border:3px solid #3452eb;*/
	border:5px solid #155db7de;
	box-shadow: 5px 5px 5px  rgba(0, 0, 0, 0.35) !important;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
	display: block;

}



/* To get small screen menu panel to open fully and size email and contact test appropriately so it fits */


.responsive-nav {
		width: 100vw;
		line-height: 1.5;
}
@media only screen and (max-width: 899px) {
  .responsive-nav .header-social {
		display: none !important;
  }
	.nav-wrap {
		top: calc(100% - 48px);
	}
	.contactText {
	   color: #585656;
	   font-size: 1.2em;
	}
	.emailsize {
		font-size: 0.9em;
		margin-top: 0;
		line-height: 1.2;
		padding-top: 0;
	}
	
}

@media only screen and (min-width: 768px) {
	.emailsize {
		font-size: 1.5em;
		margin-top: 0;
		line-height: 1.2;
		padding-top: 0;
	}
	.contactText {
	   color: #585656;
	   font-size: 1.5em;
  }
}


/* get icons and contact text on contact page to centre at appropriate size */

.centredIcon {
    display: -webkit-box;  /* Safari prefix */
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;  /* Ensures full width */
    overflow: hidden;
	max-width: 100vw;
    min-height: 100px;  /* Or match your container height */
	box-sizing: border-box;
	padding: 0 1rem;
}

.aligncenter {
    display: flex;  /* Better than block for inner SVG + link */
    width: fit-content;  /* Prevents full-width stretch */
	align-items: center;
	max-width: 100%;
	min-width: 0;	
	flex-wrap: wrap;
	overflow-wrap: anywhere;
	gap: 0.5rem;
}


@media screen and (max-width: 768px) {
    .centredIcon {
        width: 100vw !important;  /* Overrides narrow containers */
        margin: 0 -1rem;
  }
}

/* path.phb { */
.phb {    
    fill: #9cbe9c;
}

/* path.emb { */
.emb {
	fill: #9cbe9c;
}
/* can set a background colour for the header here, but ensure that logo has transparency */
/* .site-header {
	background: #edfaff;
} */

.page-header.page-title {
	color: fffeab;
}

/*increase transparency of header images*/

header.page-header::after {
	background: rgba(0,0,0,0.2);
}

.wp-block-image figcaption {
    text-align: center;
	font-size-adjust:0.4;
}


/* "Check availability.... button*/

.buttonWrapper {
    text-align: center;
	color: #fff;
}

.button {
	display: inline-block;
	padding: 12px 24px;
	border-radius: 25px;
	border: 10;
	font-weight: bold;
	letter-spacing: 0.0625em;
	background: #7d77f7; /* #9897ba;   #b7b6cd;  #9cbe9c; */
	color: #fff;
}

/* Add a rollover background colour but keep the text white */

.button:hover,
.button:focus,
.button:active {
	background: #9cbe9c; /* #b7b6cd; */
	color: #fff;
}

/* Stop main banner image from moving off to the left on homepage when zooming out*/

.wp-custom-header > img {
  	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*CODE BELOW IS FOR EMBEDDING PDF IFRAMES USING GOOGLE MAPS SETTINGS*/


@media (min-width: 768px) {
    .pdf-container {
      position: relative;
      width: 100%;
      height: 0;
      padding-bottom: 65%;  /* A4 ratio: 210mm/297mm = 70.7%; use your PDF's w/h % */
      overflow: hidden;
      /* max-width: 800px;   Prevent huge on desktop */
    }
    
    .pdf-container iframe {
      position: absolute;
      top: 0; left: 0;
      width: 100%;
      height: 100%;
      border: none;
    }
    
   .pdf2-container {
      position: relative;
      width: 100%;
      height: 0;
      padding-bottom: 105%; 
      overflow: hidden;
    }
    
    .pdf2-container iframe {
      position: absolute;
      top: 0; left: 0;
      width: 100%;
      height: 100%;
      border: none;
    }
}

/* Mobile fix: Force viewport height, preserve padding */

@media (max-width: 767px) {
  .pdf-container {
    overflow:hidden;
	padding-bottom:62%;
	position:relative;
	height:0;
  }
  
  .pdf-container iframe {
    left:0;
	top:0;
    height: 100%;
    width: 100%;
    position:absolute;
	display: block;
  }
  
  .pdf2-container {
    overflow:hidden;
	padding-bottom:105%;
	position:relative;
	height:0;
  }
  
  .pdf2-container iframe {
    left:0;
	top:0;
    height: 100%;
    width: 100%;
    position:absolute;
	display: block;
  }
}



@media screen and (max-width: 767px){
    .banner-caption.center {
    	font-size: 18px;
    	line-height: 1.8;
    	font-weight: 400;
    	font-family: Nunito Sans;
    	box-sizing: inherit;
    	top: 0;
    	left: 0;
    	width: 100%;
    	height: 100%;
    	background: rgba(125,119,247,0.5); /* Opacity increased to improve visibility on mobile and made bluer*/
    	display: flex;
    	flex: 1;
    	align-items: center;
    	flex-direction: column;
    	justify-content: center;
    	position: static;
    	padding-top: 30px;
    	padding-bottom: 30px;
    }
}
/* Centre button alignment in tablet view */

a.btn + a.btn {
    margin-left: 10px; !important
    margin-right: 10px; !important
    margin-top: 10px; !important
	margin-bottom: 10px; !important
}

/* Add a white border to "view treatments" and "make a booking" buttons*/

.btn.btn-transparent {
	border-color: #FFFFFF;
	border-width: 3px;
}

/* a.btn.btn-green { */
.btn-green {
	border-color: #FFFFFF;
	border-width: 3px;
}
a.btn {
	font-size: 0.9em;
}
/* Centre the header image on each page */

.page-header {
	color: #585656;
	font-size: 18px;
	line-height: 1.8;
	font-weight: 400;
	font-family: Nunito Sans;
	box-sizing: inherit;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	padding-top: 90px;
	padding-bottom: 60px;
	margin-bottom: 80px;
	z-index: 1;
	text-align: center;
}

/* Add image borders */

.BlueGrey-border {
	/* box-shadow: 5px 5px 5px  rgba(0, 0, 0, 0.35); */
	border:5px solid #155db7de; 
	/*margin:3px;*/
}

.BQ-border {
	/* box-shadow: 5px 5px 5px  rgba(0, 0, 0, 0.35); */
	border:5px solid #f89a1d; /* Orange */
	/*margin:3px;*/
}

.Etty-border {
	border:3px solid #3452eb;  /*Blue */
	/* box-shadow: 5px 5px 5px  rgba(0, 0, 0, 0.35); */
}

.canary-border {
	/* box-shadow: 5px 5px 5px  rgba(0, 0, 0, 0.35); */
	border:5px solid #fffeab;
}


@media only screen and (max-width: 767px){
    #crumbs {
	    font-size: 0.8em;
    }
}