.google-reviews-link {
  padding-left: 45px;
}
.banner-section {
    background-image: url(/img/top_banner.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    color: #000000;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 247px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    text-align: center;
}

.logo {
    max-width: 100%;  /* Ensure the logo can shrink */
    height: auto;     /* Maintain aspect ratio */
    width: auto;      /* Allow width to adapt */
}

@media (max-width: 768px) {
    .banner-section {
        height: auto; /* Allow the section to adjust height */
    }

    .logo {
        max-width: 80%; /* Shrink the logo on smaller screens */
    }
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
	display: block;
	max-width: 100%;
	height: auto;
}

.flogos2 {
    margin-top: auto;
    margin-bottom: .5rem;
}

.flogos2 img {
    max-width: 100%; /* Ensures the image is responsive */
    height: auto;    /* Keeps the aspect ratio */
   
}
.topaddress {
	font-style: italic;
	font-weight: bold;
		color: #795A79;
text-align: right;


}

.topaddress2 {
	color: #795A79;
	font-weight: bolder;
	text-decoration: none;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

}
.topaddress2 a {
    text-decoration: none; /* Apply to links within .my-class */
}

body {
    font-family: Arial, sans-serif;
}

.navbar {
    background-color: #795A79; /* Navbar background color */
}

.navbar-brand img {
    height: 45px; /* Adjust the logo size */
}

/* Navigation Links Color */
.navbar-nav .nav-link {
    color: #c1bdde; /* Normal link color */
text-decoration: none;
}

.navbar-nav .nav-link:hover {
    color: #ffffff; /* Hover color for links */
}

.navbar-nav .dropdown-menu {
    background-color: #ffffff; /* Background for the dropdown menu */
    border: none; /* Remove border */
}

/* Dropdown Links Color */
.navbar-nav .dropdown-menu .dropdown-item {
    color: #795A79; /* Color for dropdown items */
}

.navbar-nav .dropdown-menu .dropdown-item:hover {
    background-color: #795A79; /* Hover color for dropdown items */
    color: #ffffff; /* Text color on hover for dropdown items */
}
.card {
	--bs-card-spacer-y: 1rem;
	--bs-card-spacer-x: 1rem;
	--bs-card-title-spacer-y: 0.5rem;
	--bs-card-title-color: ;
	--bs-card-subtitle-color: ;
	--bs-card-border-width: var(--bs-border-width);
	--bs-card-border-color: var(--bs-border-color-translucent);
	--bs-card-border-radius: var(--bs-border-radius);
	--bs-card-box-shadow: ;
	--bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
	--bs-card-cap-padding-y: 0.5rem;
	--bs-card-cap-padding-x: 1rem;
	--bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
	--bs-card-cap-color: ;
	--bs-card-height: ;
	--bs-card-color: ;
	--bs-card-bg: var(--bs-body-bg);
	--bs-card-img-overlay-padding: 1rem;
	--bs-card-group-margin: 0.75rem;
	color: var(--bs-body-color);
	word-wrap: break-word;
}

.isect {
background-color: #795a79;
color:#ffffff;
}
.f4 {
	background-color: #373E45;
	border-color: #C09CC2;
	color: #ffffff;
	text-align: left;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-bottom: 0;
	vertical-align: middle;
}
.pd {
	background-color: #434B53;
	opacity: .9;
	border: none #CCC;
	padding-right: 30px;
	padding-left: 30px;
}
.ptg {
color:#C1BDDE;
font-weight: bold;
}

.footer {
    background-color: #2a2a2a; /* Updated footer background color */
    padding: 20px 0;
    text-align: left; /* Text alignment for footer */
    margin-top: 0px;
}

.footer p {
    margin: 0; /* Remove margin for cleaner footer */
    color: #ffffff; /* Set footer text color to white for visibility */
}

.footer a {
    color: #dd4814; /* Match link color to your original site */
}
a:hover, a:focus {
	color: #97310e;
	text-decoration: underline;
}

.footer .fa {
    margin-right: 10px; /* Spacing between social icons */
}

.ftr img {
    float:right;
}
.footer {
	background-color: #2A2A2A;
	background-image: none;
	color: #999999;
	padding-top: 70px;
	padding-bottom: 70px;
	
}
.fa-stack {
  font-size: 25px; /* Set the size of the icon stack */
}

.fa-stack-1x {
  font-size: 0.6em; /* Scale the foreground icon proportionally */
}

.fa-stack-2x {
  font-size: 1.2em; /* Adjust the size of the background icon */
}
.custom-button {
  background-color: #c1bdde;
  color: #795a79;
  border: none;
}
/* Lightbox Styles */
.lightbox {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: hidden; /* Hide scrollbars */
    background-color: rgba(0, 0, 0, 0.8); /* Black background with opacity */
}

.lightbox-content {
    position: absolute; /* Position absolute */
    top: 50%; /* Center vertically */
    left: 50%; /* Center horizontally */
    transform: translate(-50%, -50%); /* Adjust position to center */
    max-width: 90%; /* Maximum width */
    max-height: 90%; /* Maximum height */
    width: auto; /* Width based on content */
    height: auto; /* Height based on content */
}

.lightbox-close {
    position: absolute;
    top: 20px;
    right: 30px;
    color: white;
    font-size: 30px;
    font-weight: bold;
    cursor: pointer;
}
.lightbox-trigger {
    cursor: pointer; /* Change cursor to pointer on hover */
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	color: #795a79;
	background-color: #ffffff;
	
}
.nav-pills .nav-link:hover {
    color: #ffffff; /* White text on hover */
    background-color: #c09cc2; /* Dark grey background on hover */
}
.nav-link.no-pill {
    background-color: #795a79;  /* No background color */
    color: #c1bdde;                 /* Inherit the text color */
    border: none;                   /* Remove any border */
    cursor: pointer;                /* Default cursor */
    
}
.nav-pills .nav-link.no-pill:hover {
    color: #ffffff; /* White text on hover */
    background-color: #795a79; /* Dark grey background on hover */
}
.hero-f {
            background-color: #c09cc2; /* Change this to your desired colour */
            padding: 40px 0; /* Adjust padding for height */
            color: #795a79;
        }

.btn-f {
    background-color: #795a79; /* Default background color */
    color: #c1bdde;            /* Default text color */
    border: none;              /* Remove border */
    transition: background-color 0.3s, color 0.3s; /* Smooth transitions */
	text-decoration: none;  
}

.btn-f:hover {
    background-color: #6b4e6b; /* Slightly darker on hover */
    color: #e0d7e8;            /* Lighter text color on hover */
	text-decoration: none;  
}

.btn-f:focus {
    outline: none;             /* Remove default focus outline */
    box-shadow: 0 0 0 0.2rem rgba(121, 90, 121, 0.5); /* Subtle shadow effect on focus */
	text-decoration: none;  
}

.btn-f:active {
    background-color: #4e3a4e; /* Darker background when button is pressed */
    color: #d1c3d6;            /* Even lighter text color when active */
	text-decoration: none;  
}