body {
  padding: 8.6rem 0 2.5rem 0;    /* padding for fixed-nav */
  font-family: 'Open Sans', sans-serif;
  font-size:1.05rem;
  background-image: url("../images/texture_grain.png");
  background-color: #f7f6f2!important;
}





p {
  font-size:1.05rem;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Cardo', serif;
  color: #868175;
}
h1 {
	font-size:2rem;
	padding-top:1rem;
}
h2 {  
  font-size:1.75rem;
}
h3 {
  font-size:1.75rem;
}
h4 {
  font-size:1.8rem;
}
h5 {
  font-size:2rem;
}
h6 {
  font-size:1.5rem;
}

a {
  color: #868175;
  text-decoration: none;
}

h2 a {
  text-decoration: none;
}


a:hover {
  color: #68645b;
  text-decoration: none;
}

.navbar-brand {
  font-family: 'Open Sans', sans-serif;
  font-size:1rem;
  margin:0 3rem 0 1rem;
}

.nav-link {
  font-family: 'Cardo', serif;
  font-weight:400;
  font-size:1.3rem;
  display: block;
  white-space: nowrap;
}

.navbar-toggler {
  margin:0 .5rem 0 0;

}

.navbar-collapse {
  margin:0 0 0 .5rem;

}

.navbar-nav .nav-link.active {
  font-weight:700;
}


.p-top-nav{
  font-size:1rem;
}
.dropdown-item{
  font-family: 'Cardo', serif;
  font-size:1rem;
  display: block;
}

.navbar-dark .navbar-nav .nav-link {
  color: #ffffff;
}
.navbar-dark .navbar-nav .active .nav-link {
  color: #e0e0e0;
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: #bebebe;
}
.bg-light {
  background-color: #828282!important;
}
.bg-green {
  background-color: #0a8140!important;
}
.bg-grey {
  background-color: #828282!important;
}

.dropdown:hover .dropdown-menu {
  display: block;
}

.dropdown-menu a:focus {
  color:#868175;
  outline: none; /* Remove the default focus outline */
  box-shadow: none; /* Optionally, remove any box shadow that might be applied */
  background-color: #ffffff; /* Set your desired background color for the focus state */
  /* Add any other styles you want to apply when the link is focused */
}

.cdc-card a {
  color:#000000;
}

/* vet */

.home-1 {
  background-image: url("../images/CatBackground.jpg");
  background-repeat: no-repeat;
  background-position: center;
  border-top: .5rem solid #62494f;

}


.home-1a {
  background-color: rgba(98, 73, 79, 0.8); /* 50% opacity - adjust the RGB values as needed */
  padding: 3rem;
  margin: 5rem;
  border-bottom: 2rem solid #686868;
  color: #ffffff;
  /* Other styles for the home-2 div */
}

.home-1a h1 {
  color: #ffffff;
}

.home-1b {
  background-color: rgba(98, 73, 79, 0.5); /* 50% opacity - adjust the RGB values as needed */
  padding: 1rem;
  margin: 2rem;
  border-bottom: 3rem solid #838383;
  color: #ffffff;
  /* Other styles for the home-2 div */
}
.home-1c {
  font-family: 'Cardo', serif;
  font-size: 1.2rem;
}

.home-2 {
  background-image: url("../images/DogBackground.jpg");
  background-color: #d4d4d4;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-top: .5rem solid #62494f;

}

.home-3 {
  background-image: url("../images/FooterBackground.jpg");
  background-color: #d4d4d4;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-top: .5rem solid #62494f;

}
.home-3a {
  background-color: rgba(100, 100, 100, 0.5); /* 50% opacity - adjust the RGB values as needed */
  padding: 3rem;
  margin: 5rem;
  border-bottom: 2rem solid #62494f;
  color: #ffffff;
  /* Other styles for the home-2 div */
}

.home-3a h6 {
  color: #ceb5ba;
}

.home-3a a {
  color: #ceb5ba;
}

.home-3b {
  background-color: rgba(100, 100, 100, 0.5); /* 50% opacity - adjust the RGB values as needed */
  padding: 1rem;
  margin: 2rem;
  border-bottom: 3rem solid #62494f;
  color: #ffffff;
  /* Other styles for the home-2 div */
}

.home-3b h6 {
  color: #ceb5ba;
}

.home-3b a {
  color: #ceb5ba;
}

.tvc-ft {
  background-color: #ccc4b1;

}
.tvc-cr {
  font-size: .7rem;
}


.cen-col {
  display: flex;
  justify-content: center; /* Horizontally center the content */
  align-items: center; /* Vertically center the content */
}


.cen-content-wrapper {
  display: flex;
  flex-direction: column; /* Stack the elements vertically */
  align-items: center; /* Center items inside the wrapper vertically */
}

.cen-content-wrapper a {
  color: #ceb5ba;
}

.call-us {
  background-color: rgba(98, 73, 79, 0.8); /* 50% opacity - adjust the RGB values as needed */
  width: 20rem;
  font-family: 'Cardo', serif;
  font-size: 1.75rem;
  color: #ffffff;
  border-radius: 0 0 1rem 1rem;
}

.call-us a {
  color: #ffffff;
}




.card {
  background-color: rgba(255, 255, 255, 0.75); /* 50% opacity - adjust the RGB values as needed */
}

.tvc-menu {
  border-bottom: .3rem solid #afafaf;

}
.tvc-mot p{
  font-size: .9rem;
}

.vtc-mot-bg {
  background-image: url("../images/texture_grain.png");
}

.vtc-pcs-bg {
  background-image: url("../images/petcareservices.jpg");
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
  background-attachment: fixed;
}

.vtc-spa-bg {
  background-image: url("../images/spa.jpg");
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
  background-attachment: fixed;
}

.vtc-lt-bg {
  background-image: url("../images/laserBackground.jpg");
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
  background-attachment: fixed;
}

.vtc-wv-bg {
  background-image: url("../images/WellnessVisit.jpg");
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
  background-attachment: fixed;
}

.vtc-res-bg {
  background-image: url("../images/Resources.jpg");
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
  background-attachment: fixed;
}

.vtc-con-bg {
  background-image: url("../images/contact.jpg");
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
  background-attachment: fixed;
}











.google-maps {
  position: relative;
  padding-bottom: 55%; /* This is the aspect ratio */
  height: 0;
  overflow: hidden;
}
.google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}






@media (min-width: 576px) {
	h1 {font-size:2rem;}
	h2 {font-size:1.75rem;}
  .navbar-brand {font-size:1.8rem;}

}
@media (min-width: 768px) {
	h1 {font-size:2.25rem;}
	h2 {font-size:1.75rem;}
  .navbar-brand {font-size:1.8rem;}
  .nav-link {font-size:1rem;}

}
@media (min-width: 992px) {
	h1 {font-size:2rem;}
	h2 {font-size:1.75rem;}
  .navbar-brand {font-size:1.5rem;}
  .nav-link {font-size:1.1rem;}

  .home-1 {
    background-image: url("../images/CatBackground.jpg");
    background-repeat: no-repeat;
    background-position: right;
    border-top: .5rem solid #62494f;
  
  }




}
@media (min-width: 1200px) {
	h1 {font-size:2rem;}
	h2 {font-size:1.75rem;}
  .navbar-brand {font-size:2.1rem;}
  .nav-link {font-size:1.3rem;}

}
@media (min-width: 1400px) {
	h1 {font-size:2.3rem;}
	h2 {font-size:1.75rem;}
  .navbar-brand {font-size:2rem;}
  .nav-link {font-size:1.3rem;}

}