@charset "UTF-8";
/* CSS Document */

/* -------------------------------------------------------------------------------- */
/* NO SCROLL BAR */
/* -------------------------------------------------------------------------------- */
::-webkit-scrollbar {display: none;}
::-webkit-scrollbar-track {display: none;}
::-webkit-scrollbar-track-piece {display: none;}
body {
 /* BACKGROUND IMAGE IN MEDIA QUERY*/
 background-repeat: repeat-y;
 background-size: cover;
 background-color: #b9dbff;/* Rainbow blue */
 border: 0px;
 padding: 0px;
 margin: 0px;
 height: 100vh;
 font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
 font-weight: 300;
 font-size: 1.5rem !important;
}
.container {text-align: center;}
h1 {font-size: 3.2rem !important; margin-top: 75px; margin-bottom: 20px !important;}
h2 {font-size: 2.2rem !important; margin-top: 50px; margin-bottom: 20px !important;}
h3 {font-size: 2rem !important; margin-top: 25px; margin-bottom: 10px !important;}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #4A4C73 !important;
  font-weight: 500 !important;
	text-align: center;
  margin-top: 20px;}
p {
  color: #555653 !important;
	text-align: justify;
	font-weight:500 !important;
	margin-bottom: 25px !important;
}

/* ---------------------------------------------------------------------------- /* 
/* COLOURS */
/* ---------------------------------------------------------------------------- */
LogoGrey {color: #555653 !important;}
LogoPurple {color: #A979C5 !important;}
LogoBlue {color: #7DC8F5 !important;}
LogoPink {color: #FB92A3 !important;}
LogoYellow {color: #FDCB35 !important;}
LogoGreen {color: #C4DE71 !important;}
LogoPurpleBG {background-color: #A979C5 !important;}
LogoBlueBG {background-color: #7DC8F5 !important;}
LogoPinkBG {background-color: #FB92A3 !important;}
LogoYellowBG {background-color: #FDCB35 !important;}
LogoGreenBG {background-color: #C4DE71 !important;}
SkyBG {background-color: #70B2FF !important;}
.SkyBlue {color: #70B2FF !important;}
.Indigo {color: #4a4c73 !important;}
.Primrose {color: #ffffc5 !important;}
.Peach {color: #ffd7a5 !important;}
.Coral {color: #ffb8b9 !important;}
.Mint {color: #bfffd8 !important;}
.Blue {color: #b9dbff !important;}
.Lilac {color: #e0b3ff !important;}
.Pink {color: #fac1f8 !important;}
.bg-Indigo {background-color:#4a4c73 !important;}
.bg-Primrose {background-color:#ffffc5 !important;}
.bg-Peach {background-color:#ffd7a5 !important;}
.bg-Coral {background-color:#ffb8b9 !important;}
.bg-Mint {background-color:#bfffd8 !important;}
.bg-Blue {background-color:#b9dbff !important;}
.bg-Lilac {background-color:#e0b3ff !important;}
.bg-Pink {background-color: #fac1f8 !important;}
.bg-SkyBlue {background-color: #70B2FF !important;}



/* ---------------------------------------------------------------------------- /* 
/* BUTTONS */
/* ---------------------------------------------------------------------------- */
button {text-transform: uppercase !important;}
.ButtonText {font-size: 2rem !important;}
.ButtonBookNow  /* BACKGROUND IMAGE IN MEDIA QUERY*/
{background-repeat: no-repeat; background-position: center center;} 

/* GOOGLE CAPTCHA SECURITY SECTION - CENTRED */
.g-recaptcha div
{
    display: block !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

/* ---------------------------------------------------------------------------- */
/* FONTS */
/* ---------------------------------------------------------------------------- */

/* LOCAL FALLBACK FOR ADOBE AL FRESCO */
@font-face {
	font-family: "Alex Brush Local";
	src: url("/FONTS/Alex_Brush/AlexBrush-Regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

/* LOCAL SCRIPT FONT */
/* LEGACY CLASS NAMES RETAINED FOR EXISTING HTML */
.AlFrescoRegular {
	font-family: "Alex Brush Local", cursive;
	font-weight: 400;
	font-style: normal;
}
.AlFrescoBold {
	font-family: "Alex Brush Local", cursive;
	font-weight: 400;
	font-style: normal;
}
.AlFrescoTitle {
	font-family: "Alex Brush Local", cursive;
	font-weight: 400;
	font-style: normal;
	line-height: 0.9;
	letter-spacing: 0.09rem;
	margin-bottom: 0 !important;
	padding-bottom: 10px !important;
}

#BusinessCard {max-width: 300px;height: auto;}
#BigBubble {background-repeat: no-repeat;background-position: center center; display: flex;
	justify-content: center;}
/* See Media Queries for Image Sizes */
.Welcome {font-weight:900;letter-spacing: 0.09rem; text-align: center !important; margin-bottom: -20px !important; padding-bottom: 0px !important;} 
/* see Media Queries for font sizes */
.WelcomeSmall { font-weight:900;letter-spacing: 0.09rem !important;} 
/* see Media Queries for font sizes */
.FiveStars {font-size: 4rem; font-weight: 700;letter-spacing: 0.3rem;margin-bottom: -10px;} 
/* see Media Queries for font sizes */

/* -------------------------------------------------------------------------------- /* 
/* SHADOWS */
/* -------------------------------------------------------------------------------- */
/* Translucent indigo background  overlay */
.TranslucentOverlay {
	background-color: rgba(74, 76, 115, 0.38);
}
.TextShadow {
  text-shadow: 0 3px 0 #7a7a7a;
}
.NoTextShadow {
  text-shadow: None;
}
.ImageShadow {
  -webkit-filter: drop-shadow(5px 5px 5px #7a7a7a);
  filter: drop-shadow(5px 5px 5px #7a7a7a);
}
.ShadowLarge {/* Same as Bootstrap shadow-lg */
	-webkit-box-shadow:0 1rem 3rem rgba(0,0,0,0.175) !important;
	box-shadow:0 1rem 3rem rgba(0,0,0,0.175) !important;
}
.Inner-Embossed {
  box-shadow: inset 0 0 10px #555653;
}

/* -------------------------------------------------------------------------------- */
/* SVG IMAGES SIZES to MATCH TEXT */
/* -------------------------------------------------------------------------------- */
.IconPlay {
	height: 5rem !important;
}
.IconStarHeader {
	margin-top: -5px; /* SIZE/HEIGHT IN MEDIA QUERIES */
	-webkit-filter: drop-shadow(5px 5px 5px #7a7a7a);
  filter: drop-shadow(5px 5px 5px #7a7a7a);
}
.IconStarGold {
	margin: 0px; /* SIZE/HEIGHT IN MEDIA QUERIES */
	padding: 5px;
}

/* ---------------------------------------------------------------------------- /* 
/* FOOTER */
/* ---------------------------------------------------------------------------- */
footer {font-size: 0.75rem;}
#FooterPhone a {
  color: #4a4c73; 				/* link colour for phone number */
  text-decoration: none;  /* FONT SIZES IN MEDIA QUERIES */
}
#TaxiPhone a {
  color: #4a4c73; 				/* link colour for phone number */
  text-decoration: none;  /* FONT SIZES IN MEDIA QUERIES */
}
.icon-contact-phone { height: 3rem;} /* FONT SIZES IN MEDIA QUERIES */
#FooterEmail {color: #ffffff;}

/* ---------------------------------------------------------------------------- /* 
/* NAVIGATION XS SM */
/* ---------------------------------------------------------------------------- */
#FOOTERNAV { /* MENU BUBBLE WHEN NAV CLOSED & OPEN  */
	background-color: rgba(74,76,115,0.72);
	background-image: url("/images/bubble-75.png");
	background-position: center center;
	background-repeat: no-repeat;
	min-height: 100px;
	margin-bottom: 0px;
}
.nav-bubbles {
	/*background-image: url(/images/bubbles-menu.png);*/
	background-position: center calc(100% - 30px);
	background-repeat: no-repeat;
	height: 365px;
	margin-bottom: 75px;
}
#navbar {
	background-position: center center;
	min-height: 100px !important;
}
#nav1 {
	padding-top: 40px;
	position: relative;
}
#navbar-toggler {
	width: 100px !important;
	height: 100px !important;
	min-height: 100px !important;

	left: 50% !important;
	right: auto !important;
	bottom: 0 !important;
	transform: translateX(-50%);

	display: flex !important;
	flex-direction: column;
	justify-content: center !important;
	align-items: center !important;

	gap: 4px;
	padding: 0 0 7px 0 !important;
	margin: 0 !important;

	z-index: 1050;
}
#MobileNavMain {
	width: 100%;
	text-align: center;
}

#MobileNavMain > img {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	transform: translateY(-20px);
}

#PageIcons {
	transform: translateY(-5px);
}
#NavHome {
	transform: translateY(-10px);
}

#NavAbout {
	transform: translate(10px, 60px);
}

#NavReviews {
	transform: translate(-10px, 60px);
}

#NavTaxi {
	transform: translateY(-70px);
}

#NavDogs {
	transform: translate(-10px, -20px);
}

#NavCats {
	transform: translate(20px, -10px);
}
#NavContactIcons {min-height: 50px;}
.NavIcon { height: 50px; width: 50px; /* XS & SM sizes below: Essential for contact icons visibility */
}
#ContactIcons {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0px;
	width: 100%;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* ---------------------------------------------------------------------------- /* 
/* NAVIGATION MD LG XL */
/* ---------------------------------------------------------------------------- */
#FOOTERLNAV {
	background-color: rgba(74,76,115,0.72);
	background-position: center center;
	background-repeat: no-repeat;
	min-height: 100px;
}
#NavLHome{
	background-image: url(/images/bubble-50.png);
	background-position: center center;
	height: 50px;
	width: 50px;
	display: flex;
  justify-content: center;
  align-items: center;
}
#NavLAbout{
	background-image: url(/images/bubble-75.png);
	background-position: center center;
	height: 75px;
	width: 75px;
	display: flex;
  justify-content: center;
  align-items: center;
}

#NavLTaxi{
	background-image: url(/images/bubble-75.png);
	background-position: center center;
	height: 75px;
	width: 75px;
	display: flex;
  justify-content: center;
  align-items: center;
}
#NavLdog-holidays.html{
	background-image: url(/images/bubble-75.png);
	background-position: center center;
	height: 75px;
	width: 75px;
	display: flex;
  justify-content: center;
  align-items: center;
}

#NavLCats{
	background-image: url(/images/bubble-75.png);
	background-position: center center;
	height:75px;
	width: 75px;
	display: flex;
  justify-content: center;
  align-items: center;
}
.NavLIcon { height: 50px; width: 50px; /* XS & SM sizes below: Essential for contact icons visibility */}

/* ---------------------------------------------------------------------------- /* 
/* YOUTUBE RESPONSIVE */
/* ---------------------------------------------------------------------------- */


/* XS MOBILE STYLES --------------------------------------------------------------- xs */
/* iPhone SE =	320 x 568 */

@media only screen and (min-width: 300px) and (max-width: 320px) 
{header > div {bottom: 150px;margin-left: 0%;margin-right: 0%;}
body {background-image: url(/images/pastelcloudsstars-sm.jpg) !important;/* Other classes above */}
.NavIcon { height: 50px; width: 50px; /* XS & SM sizes below: Essential for contact icons visibility */}
.IconStarHeader {height: 3rem !important;margin-top: -5px;}
.IconStarGold {height: 3rem; padding:0px;/* MARGIN/PADDING ABOVE */}
.IconStarFooter {height: 2.5rem !important;}
#JumpingPets {background-image: url(/images/rainbow-xs.png); background-repeat: no-repeat; background-position: center bottom; width: 100%; min-height: 175px;}
.AlFrescoTitle {font-size: 4.5rem !important; /* FONT FAMILY WEIGHT STYLE ABOVE */}
.Welcome {font-size: 5.5rem !important;}
#BigBubble {background-image: url(/images/bubble-sm.png);min-height: 640px;}/* must use SM image here*/
#FooterPhone a {font-size: 2rem;  /* FONT COLOUR & TEXT DECORATION ABOVE */}
.icon-svg-footer-phone {height: 2.1rem;}
#FooterEmail a {font-size: 1.25rem;  /* FONT COLOUR & TEXT DECORATION ABOVE */}
.ButtonBookNow {background-image: url(/images/bubble-sm.png);} /* repeat & position info above*/
	
} /* !!! Leave this closing curly bracket here !!! */


/* SM MOBILE STYLES --------------------------------------------------------------- SM */
/* iPhone 6/7/8  												=	375 x 667 */
/* iPhone 6+/7+/8+ 											=	414 × 736 */
/* iPhone 11 Pro, X, Xs 								=	375 x 812 */
/* iPhone 11 X, Xr, 11 Pro Max, Xs Max 	= 414 x 896*/

@media only screen and (min-width: 321px) and (max-width: 767px) 
{header > div {bottom: 150px;margin-left: 0%;margin-right: 0%;}
body {background-image: url(/images/pastelcloudsstars-md.jpg);/* Other classes above */}	
.NavIcon { height: 60px; width: 60px; /* XS & SM sizes below: Essential for contact icons visibility */}
#HeroHome {background-image: url(/images/image-sm.jpg);}
#HeroAboutUs {background-image: url(/images/image-sm.jpg);}
#HeroCats {background-image: url(/images/image-sm.jpg);}
#Herodog-holidays.html {background-image: url(/images/image-sm.jpg);}
#HeroLocation{background-image: url(/images/image-sm.jpg);}
#HeroReviews {background-image: url(/images/image-sm.jpg);}
#HeroErrorPage {background-image: url(/images/image-sm.jpg);}
.HeroTitle {font-size: 2.5rem!Important; /* FONT IN HEADERS & HEROES */}
.HeroSubTitle {font-size: 1.25rem!Important;}
.AlFrescoTitle {font-size: 4.5rem !important; /* FONT FAMILY WEIGHT STYLE ABOVE */}
.AlFrescoSubTitle {font-size: 4rem; /* FONT FAMILY WEIGHT STYLE ABOVE */line-height: 4rem;}
.AlFrescoSignature {font-size: 3rem; /* FONT FAMILY WEIGHT STYLE ABOVE */}
.AlFrescoComment {font-size: 2.5rem !important; /* FONT FAMILY WEIGHT STYLE ABOVE */}
.Welcome {font-size: 6rem !important;}
.IconStarHeader {height: 3rem !important;margin-top: -5px;}
.IconStarGold {height: 3.5rem; /* MARGIN/PADDING ABOVE */}
.IconStarFooter {height: 2.5rem !important;}
.icon-svg-footer-phone {height: 2.25rem;}
.icon-svg-footer-social {height: 2.5rem;}
.icon-svg-footer-map {height: 1.25rem;}
#JumpingPets {background-image: url(/images/rainbow-xs.png); background-repeat: no-repeat; background-position: center bottom; width: 100%; min-height: 175px}
#BigBubble {background-image: url(/images/bubble-sm.png);min-height: 640px;overflow: hidden;}
#FooterPhone a {font-size: 2.5rem;  /* FONT COLOUR & TEXT DECORATION ABOVE */}
#FooterEmail a {font-size: 1.25rem;  /* FONT COLOUR & TEXT DECORATION ABOVE */}
.ButtonBookNow {background-image: url(/images/bubble-sm.png);} /* repeat & position info above*/

/* Centre on mobiles instead of float */
.FloatLeft {display: block;margin-left: auto;margin-right: auto;margin-bottom: 25px;}
.FloatRight {display: block;margin-left: auto;margin-right: auto;margin-bottom: 0;}
} /* !!! Leave this closing curly bracket here !!! */


/* MD TABLET STYLES  --------------------------------------------------------------- MD */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	header > div {bottom: 60px;margin-left: 0%;margin-right: 0%;}
body {background-image: url(/images/pastelcloudsstars-md.jpg);/* Other classes above */}
#HeroHome {background-image: url(/images/image-md.jpg);}
#HeroAboutUs {background-image: url(/images/image-md.jpg);}
#HeroCats {background-image: url(/images/image-md.jpg);  }
#Herodog-holidays.html {background-image: url(/images/image-md.jpg);}
#HeroLocation {background-image: url(/images/image-md.jpg);}
#HeroReviews {background-image: url(/images/image-md.jpg);}
#HeroErrorPage	 {background-image: url(/images/image-md.jpg);}
.HeroTitle {font-size: 2rem!Important; /* FONT IN HEADERS & HEROES */}
.HeroSubTitle {font-size: 1.25rem!Important;}
.AlFrescoTitle {font-size: 5rem !important; /* FONT FAMILY WEIGHT STYLE ABOVE */}
.AlFrescoSubTitle {font-size: 3.5rem; /* FONT FAMILY WEIGHT STYLE ABOVE */	line-height: 3.5rem;}
.AlFrescoSignature {font-size: 3.25rem; /* FONT FAMILY WEIGHT STYLE ABOVE */}
.AlFrescoComment {font-size: 3rem !important; /* FONT FAMILY WEIGHT STYLE ABOVE */}
.Welcome {font-size: 9rem !important;}
.IconStarHeader {height: 3.5rem !important;margin-top: -5px;}
.IconStarGold {height: 6rem; /* MARGIN/PADDING IN MEDIA QUERIES */}
.IconStarFooter {height: 1.75rem !important;}
.icon-svg-footer-phone {height: 2.75rem;}
.icon-svg-footer-social {height: 2.5rem;}
.icon-svg-footer-map {height: 1.25rem;}
#JumpingPets {background-image: url(/images/rainbow-md.png); background-repeat: no-repeat; background-position: center bottom; max-width: 960px; min-height: 481px;}
#BigBubble {background-image: url(/images/bubble-sm.png);min-height: 640px;overflow: hidden;}
	#FooterPhone a {font-size: 3.25rem;  /* FONT COLOUR & TEXT DECORATION ABOVE */}
#FooterEmail a {font-size: 1.5rem;  /* FONT COLOUR & TEXT DECORATION ABOVE */}
.ButtonBookNow {background-image: url(/images/bubble-md.png);} /* repeat & position info above*/

.FloatLeft {float: left;margin-top: -15px;margin-right: 25px;margin-bottom: 25px;padding-top: 38px;}
.FloatRight {float: right;margin-top: -15px;margin-left: 25px;margin-bottom: 25px;padding-top: 38px;}
	
} /* !!! Leave this closing curly bracket here !!! */


/* LG LAPTOP STYLES  --------------------------------------------------------------- LG */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	header > div {bottom: 60px;margin-left: 0%;margin-right: 0%;}
body {background-image: url(/images/pastelcloudsstars-lg.jpg);/* Other classes above */}
#HeroHome {background-image: url(/images/image-lg.jpg);}
#HeroAboutUs {background-image: url(/images/image-lg.jpg);}
#HeroCats {background-image: url(/images/image-lg.jpg);  }
#Herodog-holidays.html {background-image: url(/images/image-lg.jpg);}
#HeroLocation {background-image: url(/images/image-lg.jpg);}
#HeroReviews {background-image: url(/images/image-lg.jpg);}
#HeroErrorPage	 {background-image: url(/images/image-lg.jpg);}
.HeroTitle {font-size: 2rem!Important; /* FONT IN HEADERS & HEROES */}
.HeroSubTitle {font-size: 1.25rem!Important;}
.AlFrescoTitle {font-size: 5rem !important; /* FONT FAMILY WEIGHT STYLE ABOVE */}
.AlFrescoSubTitle {font-size: 3.5rem; /* FONT FAMILY WEIGHT STYLE ABOVE */	line-height: 3.5rem;}
.AlFrescoSignature {font-size: 3.25rem; /* FONT FAMILY WEIGHT STYLE ABOVE */}
.AlFrescoComment {font-size: 3rem !important; /* FONT FAMILY WEIGHT STYLE ABOVE */}
.Welcome {font-size: 7rem !important;}
.IconStarHeader {height: 3.5rem !important;margin-top: -5px;}
.IconStarGold {height: 5rem; /* MARGIN/PADDING IN MEDIA QUERIES */}
.IconStarFooter {height: 1.75rem !important;}
.icon-svg-footer-phone {height: 2.75rem;}
.icon-svg-footer-social {height: 2.5rem;}
.icon-svg-footer-map {height: 1.25rem;}
#JumpingPets {background-image: url(/images/rainbow-md.png); background-repeat: no-repeat; background-position: center bottom; min-width: 960px; min-height: 481px}
#BigBubble {background-image: url(/images/bubble-md.png);min-height: 960px; overflow: hidden;}
#FooterPhone a {font-size: 3.25rem;  /* FONT COLOUR & TEXT DECORATION ABOVE */}
#FooterEmail a {font-size: 1.5rem;  /* FONT COLOUR & TEXT DECORATION ABOVE */}
.ButtonBookNow {background-image: url(/images/bubble-lg.png);} /* repeat & position info above*/

.FloatLeft {float: left;margin-top: -15px;margin-right: 25px;margin-bottom: 25px;padding-top: 38px;}
.FloatRight {float: right;margin-top: -15px;margin-left: 25px;margin-bottom: 25px;padding-top: 38px;}
	
} /* !!! Leave this closing curly bracket here !!! */


/* XL DESKTOP STYLES --------------------------------------------------------------- XL */
@media only screen and (min-width: 1200px) {
	header > div {bottom: 40px;margin-left: 0%;margin-right: 0%;}
body {background-image: url(/images/pastelcloudsstars-xl.jpg);/* Other classes above */}
#HeroHome {background-image: url(/images/image-xl.jpg);}
#HeroAboutUs {background-image: url(/images/image-xl.jpg);}
#HeroCats {background-image: url(/images/image-xl.jpg);  }
#Herodog-holidays.html {background-image: url(/images/image-xl.jpg);}
#HeroLocation {background-image: url(/images/image-xl.jpg);}
#HeroReviews {background-image: url(/images/image-xl.jpg);}
#HeroErrorPage	 {background-image: url(/images/image-xl.jpg);}
.HeroTitle {font-size: 2rem!Important; /* FONT IN HEADERS & HEROES */}
.HeroSubTitle {font-size: 1.25rem!Important;}
.AlFrescoTitle {font-size: 7rem !important; /* FONT FAMILY WEIGHT STYLE ABOVE */}
.AlFrescoSubTitle {font-size: 3.5rem; /* FONT FAMILY WEIGHT STYLE ABOVE */	line-height: 3.5rem;}
.AlFrescoSignature {font-size: 3.25rem; /* FONT FAMILY WEIGHT STYLE ABOVE */}
.AlFrescoComment {font-size: 3rem !important; /* FONT FAMILY WEIGHT STYLE ABOVE */}
.Welcome {font-size: 7rem !important;}
.IconStarHeader {height: 3.5rem !important;margin-top: -5px;}
.IconStarGold {height: 7rem; /* MARGIN/PADDING IN MEDIA QUERIES */}
.IconStarFooter {height: 1.75rem !important;}
.icon-svg-footer-phone {height: 2.75rem;}
.icon-svg-footer-social {height: 2.5rem;}
.icon-svg-footer-map {height: 1.25rem;}
#JumpingPets {background-image: url(/images/rainbow-md.png); background-repeat: no-repeat; background-position: center bottom; min-width: 960px; min-height: 481px}
#BigBubble {background-image: url(/images/bubble-md.png);min-height: 960px;padding: 200px;}
#FooterPhone a {font-size: 3.25rem;  /* FONT COLOUR & TEXT DECORATION ABOVE */}
#FooterEmail a {font-size: 1.5rem;  /* FONT COLOUR & TEXT DECORATION ABOVE */}
.ButtonBookNow {background-image: url(/images/bubble-xl.png);} /* repeat & position info above*/

.FloatLeft {float: left;margin-top: -15px;margin-right: 25px;margin-bottom: 25px;padding-top: 38px;}
.FloatRight {float: right;margin-top: -15px;margin-left: 25px;margin-bottom: 25px;padding-top: 38px;}
	

	
} /* !!! Leave this closing curly bracket here !!! */