/* CSS Variables */
:root {
	--BackgroundColor: #ffffffcf;
	--SecondaryBGColor: #FFFFFF;

	--headerBG: #FFFFFF;
	--headerNav: #000000;
	--headerHover: #555555;
  
	--primary-clr: #353535;
	--primary-clr-i: #333333;
	--secondary-clr: #333333;
	--secondary-clr-light: #cf8f8a;
	--accent-clr: #F2F2F2;

	--overlay-clr: rgba(0,0,0,0.8);
	--overlay-bd: saturate(180%) blur(10px);

	--header-clr: #383838;
  
	--primary-text-clr: #000000;
	--secondary-text-clr: #ffffff;
	
	--ff-primary: "Lato", serif !important;
	--ff-secondary: "Lato", serif;
  
	--fs-16px: 1rem;
	--fs-18px: 1.125rem;
	--fs-22px: 1.4rem;
	--fs-24px: 1.5rem;
	--fs-27px: 1.7rem;
  
	--fw-n: 300;
	--fw-m: 600;
	--fw-b: 800;
  
	--shadow: 0 0 1em rgba(0,0,0, .25);

	--primary-border: 1px solid #707070;
	--secondary-border: 1px solid #707070;

	--primary-overlay: rgba(0,0,0,.2);
	--secondary-overlay: rgba(0,0,0,.6);
  
  }

/* TOC STYLES */

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-thumb {
  background: rgba(90, 90, 90) !important;
}

::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.2) !important;
}
.header_nav .link {
font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
}

.header_nav .link:hover{
	color:#fff;
	background:var(--primary-clr);
}

.building-access-form-wrapper{
	margin: 0 auto;
}

.tcimage{
width:275px;
padding-right:20px;
}

.nav-icon{
	width:30%;
}

.header-main .link:hover{
	background:transparent;
}

.top-links .link a{
	color:#fff;
	font-size:14px;
	font-weight:600;
}

.top-links img{
	width:20px;
	margin-right:5px;
	margin-top:-4px;
}

.top-links .link a:hover{
	color:#EA6952;
}

.footer-main{
	border-top:1px solid #ddd;

}

.reservation-btn{
	padding:10px 20px;
	border-radius: 20px;
	background: transparent;
	color:#03607b;
	display: inline-block;
	border:1px solid #111;
	margin:20px 0px;
}

.drk-svg{
	filter: brightness(100%);

}

.reservation-btn:hover{
	background:#03607b;
	color:#fff;
}

.exit a{
	color:#555;
	font-weight:bolder;
	font-size:20px;
}

.dropdown{
	float:right;
	list-style-type:none;
	position:relative;
}
.dropdown2{
	float:none;
}
.dropdown-menu .sub-menu {
  left: 100%;
  position: absolute;
  top: 0;
  visibility: hidden;
  margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
  visibility: visible;
}

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

.dropdown-menu{
	background:#EA6952;
	border-radius: 0px;
	left:0px;
	top:29px;
}

.dropdown-menu2{
	left:0;
	right:0;
	background:#fff;
}

.dropdown-menu2 li{
	padding:5px;
	color:#EA6952;
	margin-bottom:0px !important;
	line-height:.2 !important;
}

.dropdown-menu a{
	padding:5px 18px;
	display:block;
	color:#fff;
	line-height:20px;
}

.dropdown-menu a:hover{
	background:#fff;
	color:#EA6952;
}

.dropdown-menu2 a{
	color:#EA6952;
}
.top-image{
	height:300px;
}
.top-image .flexslider{
	border:none;
	z-index:0;
	height:300px;
	min-height:auto;
}
.top-image .slide-background{
	height:300px;
}
.top-links a.linkbox{
	border: 1px solid #fff;
	border-radius: 3px;
}

.linkbox{
	color: var(--secondary-text-clr);
    padding: 15px 25px;
    border: var(--primary-border);
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1rem;
    background: var(--primary-overlay);
    margin: 10px;
}

.linkbox:hover{
	background: var(--secondary-overlay);
	color: var(--secondary-text-clr) !important;
}

.top-links a.link{
	color:#fff;
	padding:5px 10px;
	font-size:.7rem;
	font-weight:700;
	margin-right:10px;
	text-transform: uppercase;
}



.gym-photo{
	float:left;
	margin: 20px 25px 5px 0px;
}

.fa-search{
	color:#fff;
	font-size:16px;

}
.top-links a.linkbox2{
	color: var(--secondary-clr);
	margin-right:10px;
}

.top-links a.linkbox2:hover{
	opacity:.7;
}

.top-links a.linkbox:hover{
	background: var(--primary-overlay);
	color: var(--secondary-text-clr);

}

.top-links li{
	display: inline-block;
}

.top-header{
	border-bottom:1px solid #707070;
}

.text-overlay{
	position: absolute;
	top:315px;
	z-index:99;
	margin:auto;
	left:0;
	right:0;
	text-align: center;
	width:100%;
	color:#fff;
	line-height:20px;
	font-size:18px;
}

.front-text{
	width:71%;
	text-align: center;
	margin: 0 auto;
	display: block;
	font-weight:600;
	font-size:1.4rem;
	line-height:31px;
	margin-bottom:10px;
	text-shadow: 3px 2px 5px rgba(0, 0, 0, 1);
}

.icons{

}

.toc-buttons{
	padding:0px 15px;
}


.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.nomargin{
	margin:0 !important;
	font-weight:700;
	text-transform: uppercase;
	line-height:1;
	padding-top:15px;
	font-size:14px;
	color:#fff;
}

.icon-box{
	padding:25px 0px;
	border:1px solid #fff;
	margin:10px;
	background-color: rgba(0,0,0,.6);
	display:block;
	min-height:135px;
	min-width:145px;
	border-radius: 3px;
}

.icon-box img{
	width:45px;
}
.icon-box:hover{
	background: rgba(0,0,0,.9);
}


.icons .fa{
	color:#fff;
	font-size:18px;
	display:inline;
}




.healcode-link{
	/* background: #7db2b4;
    color: #fff !important;
    padding: 17px 35px;
    font-size:1.3rem;
    text-transform: uppercase;
    border-radius: 2px; */

	border: 1px solid black;
    background-color: white;
    color: black;
    padding: 10px 20px;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
}


.healcode-link:hover{
	/* background: #222; */

	background-color: #00000048;
    color: #000000 !important;
    cursor: pointer;
}

div.healcode{
	width:70% !important;
}

div.healcode .class_list .class_offered_link{
	background: #7db2b4 !important;
    font-size: 1rem !important;
    -webkit-border-radius: 2px !important;
    -webkit-box-shadow: none !important; 
   box-shadow: none !important;
}

div.healcode .class_list .class_description{
	line-height: 20px;
    font-size: .9rem;
}

.copyright_wrapper {
    display: none;
}

.dynamic-viewport-height {
    height: auto;
}

.dynamic-viewport-height-quicklinks {
    height: auto;
}

/* Target the Mindbody button */
.healcode-contract-text-link {

    background:#fff !important;
	color:#444444 !important;
	border:1px solid #444444 !important;
	border-radius: 3px !important;
	padding:8px 25px !important;
	margin-right: 3px !important;
	font-weight:600 !important;
	font-size:16px;

    
}

/* Optionally style hover state */
.healcode-contract-text-link:hover {

    background:#eee !important;
	text-decoration: none !important
}

/*--- Accordion custom styles ----*/

/* Make Accordion Full Width */
.custom-accordion {
    width: 100%;
}

/* Customize Accordion Header Buttons */
.custom-accordion-button {
    background-color: black !important;  /* Black background */
    color: white !important;             /* White text */
    font-weight: bold;
    border-radius: 10px;                  /* Rounded corners */
    width: 100%;
    text-align: left;
}

/* Remove default Bootstrap accordion button styles */
.custom-accordion-button:not(.collapsed) {
    background-color: black !important;
    color: white !important;
    box-shadow: none;
}

/* Adjust spacing */
.accordion-item {
    border: none; /* Remove border */
    margin-bottom: 5px;
}

/* Customize Accordion Body */
.custom-accordion-body {
    background-color: #f8f8f8;  /* Light gray background */
    color: #333;                /* Darker text */
    padding: 15px;
    border-radius: 10px;
}


/*--- video custom styles end ---*/

 /* Custom Video Section */
 .custom-video-container {
	width: 100%;
	max-width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #000; /* Dark background */
	padding: 20px 0; /* Space above and below */
}

/* Ensure Video is Responsive */
.custom-video-container iframe {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9; /* Keeps a proper aspect ratio */
	max-width: 1200px; /* Limits video width on large screens */
	border: none;
}

/* Mobile Optimization */
@media (max-width: 768px) {
	.custom-video-container {
		padding: 10px 0;
	}
	.custom-video-container iframe {
		max-width: 100%;
	}
}

/*--- Accordion ---*/

.accordion {
    max-width: 100%;
    margin: 0 auto;
    /* border: 1px solid #ddd; */
    border-radius: 5px;
    background-color: #fff;
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); */
    /* padding: 10px; */
}

.accordion-item {
    border-bottom: 1px solid #ddd;
}

.accordion-item:last-child {
    border-bottom: none;
}

.accordion-header {
    width: 100%;
    padding: 15px;
    text-align: left;
    background-color: #000000;
    color: #fff;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
	text-transform: uppercase;
    transition: background-color 0.3s;
    border-radius: 5px;
}

.accordion-header:hover {
    background-color: #7c7c7c;
}

.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
    background-color: #f9f9f9;
    padding: 0 15px;
    border-radius: 5px;
}

.accordion-content p {
    margin: 10px 0;
}

/* Responsive Styles */
@media (max-width: 768px) {
    .accordion {
        max-width: 100%;
        padding: 0;
    }

    .accordion-header {
        font-size: 14px;
        padding: 12px;
    }

    .accordion-content {
        padding: 0 10px;
    }
}

/*--- accordion end ---*/

@keyframes fadeInText {
    from {
        opacity:0;
        transform:translateY(10px);
    }
    to {
        opacity:1;
        transform: translateY(0);
    }
}

@keyframes fadeInText2 {
    from {
        opacity:0;
        transform:translateY(30px);
    }
    to {
        opacity:1;
        transform: translateY(0);
    }
}

@keyframes fadeIn {
    from {
        opacity:0;
        transform:translateY(30px);
    }
    to {
        opacity:1;
        transform: translateY(0);
    }
}

@keyframes fadeIn2 {
    from {
        opacity:0;
        transform:translateY(40px);
    }
    to {
        opacity:1;
        transform: translateY(0);
    }
}


.text-animate3{
	animation: fadeInText 1s;
	 -webkit-animation:fadeInText 1s;
}

.text-animate4{
	animation: fadeInText2 1s;
	 -webkit-animation:fadeInText2 1s;
}

.text-animate {
	animation: fadeIn 3s;
	 -webkit-animation:fadeIn 3s;
}

.text-animate2{
	animation: fadeIn2 4s;
	 -webkit-animation:fadeIn2 4s;
}


@media screen {
	div#preloader {
		position: absolute;
		left: -9999px;
		top:  -9999px;
		}
	div#preloader img {
		display: block;
		}
	}
@media print {
	div#preloader, 
	div#preloader img {
		visibility: hidden;
		display: none;
		}
	}


.mobile{
	display:none;
}
.icons .mobile.fa{
	display:none;
}

.text-overlay h1{
	font-size:50px;
	color:#fff;
	font-weight:200;
	letter-spacing: 2px;
}

.text-overlay h1{
	color:#fff;
	font-weight:200;
	letter-spacing: 2px;
}

.text-overlay h3{
	font-size:31px;
	color:#fff;
	font-weight:400;
}

.logo{
	margin: auto;
	width:200px;
	padding:10px 0px 10px 0px;
}

.logo-toc{
	width:200px;
	padding: 80px 0px 10px 0px;
}

.header-main .logo{
	left:25px;
	position: absolute;
	    width: 210px;
    padding: 6px 0px 10px 0px;
}

.social-icons .fa{
	color:#fff;
}

.inner-header .fa{
	color:#fff;
}

.hub-images{
	margin:0 auto;
	display:block;
}

.page-content{
	padding:15px 25px;
}

hr.black{
	margin-top:10px;
	margin-bottom:25px;
	background:var(--primary-clr);
	height:4px;
	width:55px;
	float:left;
}

.page-content h2{
	font-weight: 600;
	color:var(--primary-clr);
	font-size:2rem;
	text-transform: uppercase;
	margin-bottom:10px;
}

.page-content h1{
	color:#03607b;
	z-index:99;
	font-weight: 100;
	margin-bottom:-10px;
}

.right-img img{
	float:right;
}

.towers-footer-logo{
	float:left;
	width:35px;
	margin-top:10px;
}

.ets-footer-logo{
	width:42px;
	float:right;
	margin-right:10px;
	margin-top:8px;
}

.leed-footer-logo{
	width:45px;
	float:right;
	margin-right:10px;
	margin-top:5px;
}

.es-footer-logo{
	width:44px;
	float:right;
	margin-right:10px;
	margin-top:7px;
}

.hcp-footer-logo{
		width:140px;
	float:right;
	margin-top:6px;
	padding-bottom:4px;
}

.icons .col-lg-2{
	float:left;
}

.dropdown-toggle::after{
	display: none;
}

.hub-images .left{
	float:left;
	text-align:center
}

.logo-hub{
	color:#337AB7;
	font-weight:600;
	font-size:29px;
}
.hub-image{
	width:90%;
	margin-bottom:70px;
	box-shadow: 5px 5px 5px #ccc;
			-moz-box-shadow: 5px 5px 5px #ccc;
			-webkit-box-shadow: 5px 5px 5px #ccc;
			-khtml-box-shadow: 5px 5px 5px #ccc;
	transition: transform .5s;
}

.hub-image:hover{
	 transform: scale(1.1);
}

.footer-hub{
	position:absolute;
}

@media (max-width: 991px) {
	
	.linkbox{
		display: block !important;
		margin: 0 auto;
		margin-top:10px;
	}
	.desktop{
		display: none !important;
	}
.header-main .logo{
	left:0px;
	position: absolute;
	right:0px;
}


	hr.black{
		float:none;
	}
	
	.max-width-photo{
	max-width:inherit;
}
	
	.front-text{
		display: none;
		width:98%;
		font-size:14px;
		line-height:21px;
		margin-bottom:10px;
	}
	.page-content h1{
		text-align: center;
		font-size:27px;
	}

	.nmobile{
		display:none;
	}
	.top-image h1{
		top:92px;
		width:100%;
		text-align: center;
		font-size:45px;
		left:0;
	}
	.page-content h2{
		text-align: center;
	}

	.quicklinks .link{
		display:inline;
		padding:0px 10px;
		border-right:1px solid #000;
	}
	.dynamic-viewport-height {
		height: auto;
	}
	.header .inner-nav > ul > li.sub-menu-open > a,
.header .extra-nav > ul > li.sub-menu-open > a,
.header.header-light.header-small .inner-nav > ul > li.sub-menu-open > a,
.header.header-light.header-small .extra-nav > ul > li.sub-menu-open > a {
    color:#fff;
}
	.inner-brand{
		position: absolute;
		right:20px;
		top:10px;
		z-index:999;

	}
	.text-overlay h2{
		color:#fff;
		font-weight:200;
		letter-spacing: 2px;
		font-size:35px;
	}

	#map_canvas, #map_results_UI_results_wrapper{
		width:100% !important;
	}

.hub-images{
	padding-top:50px;
}

.logo-hub{
	padding-top:30px;
	font-size:21px;
}
}

#filtersubmit {
    position: relative;
    z-index: 1;
    left: -25px;
    top: 1px;
    color: #7B7B7B;
    cursor:pointer;
    width: 0;
}

.footer{
	color:var(--secondary-text-clr);
	background:var(--primary-clr);
	border-top: var(--primary-border);
}

ol {
    display: block;
    list-style-type: decimal;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}

ol ol {
    list-style-type: lower-alpha;
}

ol ol ol {
    list-style-type: upper-roman;
}

.search-form{
	position:absolute;
	right:173px;
	background-color:#fff;
	min-width:240px;
	z-index:99;
	padding:15px;
	border:1px solid #eee;
	visibility:hidden;
	opacity:0;
}


.row-top{
	border-bottom:1px solid #ddd;
}

.headshot{
	border-left:1px solid #ddd;
}

.headshot:first-child{
	border-left:none;
}

.container-headshots{
border:1px solid #ddd;
}
.team-container{
	font-size:14px;
	line-height:21px;
}

.team-container h3{
	font-size:17px;
	line-height:5px;
}

.team-container a{
	font-size:13px;
}

.team-container .text-center{
	margin-bottom:25px;
}

.team-container img{
	border-radius: 5px;
}
/* GOOGLE SEARCH STYLES */

.hcHead2{
	margin-top:10px;
	border-top:1px solid #eee;
	padding-top:5px;
	font-size:16px;
}

.hcSnippet{
	font-size:13px;
}
.hcFileForm{
	font-weight:600;
	font-size:13px;
	font-style:italic;
}


a.pdf:before{
	content: url('../../images/logos/pdf-icon.png');
}

#txtSearchTerm2{
	width:50%;
	margin-bottom:20px;
}

.hcSnippet br {
  display: none;
}

.mobile-icon, .mobile-hr{
		display:none;
	}
@media (max-width: 991px) {
	
	.fa-search{
		font-size:1.1rem;
	}
	.mobile-icon{
		display:block;
	}
	.icons .mobile.fa{
		display:inline;
	}
	
	.desktop{
		display: none;
	}

	.icon1{
		display: block;
	}
	.mobile-hr{
	display: block;
	background:#fff;
	width:80%;
	margin-bottom:15px;
	margin-top:25px;
	}
	.header2{
		padding-top:3px;
		height:100px;
		background: rgba(0, 0, 0, .38);
	}

	.icons .icon{
		background: transparent;
		border:1px solid #fff;
		text-align:center;
		margin-top:2%;
		width:80%;
		margin-left:0px;
		margin-right:0px;
		border-radius:15px;
	}

	.right-img{
		display:none;
	}

	.icons{

	}

	.col-lg-8 h2{
		text-align:center;
	}

	.icons .col-lg-2{
		width:50%;
	}

	.icon-box{
		margin:5px;
		min-height: auto;
	}

		.pull-right{
		float:none;
		right:0px;
	}

	#txtSearchTerm2{
		margin-top:50px;
		width:75%;
	}
}

/* END GOOGLE SEARCH STYLES */


.search:hover .search-form{
	visibility:visible;
	margin-top:0px;
	opacity:1;
}


.search-form .form-control{
	padding-top:12px;
	padding-bottom:12px;
	height:44px;
	width:auto;
	float:left;
}

.input-group-btn{
	float:left;
}
.search-form .btn-color{
	background:#337AB7;
}


.flex-caption {
    top:300px;
    color: white;
    font-size: 20px;
    line-height: 20px;
    left:0;
    padding:0 20px;
    position:absolute;
    right:0;
    text-transform: uppercase;
    z-index:1;
}

.flex-control-nav, .flex-direction-nav{
	display:none;
}

.flex-box{
	padding:50px;
	background:white;
}

.flex-viewport{
    position: fixed;
    width: 100%;
    height: 100%;
}

.flexslider .slides,
.flexslider .slides > li
{
    height: 100%;
}

.flexslider .slides > li{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.link4{
	padding:15px 37px !important;
	border:1px solid #337AB7;
	margin-top:21px;
	margin-right:10px;
	text-decoration:none !important;
	font-size:20px;
	color:#fff !important;
}

.link4:hover{
		background-color:#337AB7;
	color:#fff !important;
		-webkit-transition: background-color .2s ease;
  -moz-transition: background-color .2s ease;
  -ms-transition: background-color .2s ease;
  -o-transition: background-color .2s ease;
  transition: background-color .2s ease;
}


/* DROPDOWN NAV STYLES */
.inner-nav .sub-menu li a {
	font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
    position: relative;
    display: block;
    padding: 4px 15px;
    letter-spacing: .5px;
    font-weight: 500;
    font-size: 13px;
    color: #fff;
    text-align:left;
}

.inner-nav .sub-menu,
.inner-nav .mega-menu {
    background-color: var(--primary-clr);
    position: absolute;
    margin: 0 auto;
    left:0;
    opacity: 0;
    width:fit-content;
    max-height:100vh;
    overflow:auto;
    margin-top:0px;
    z-index: 1030;
    visibility: hidden;
    top: 94%;
    box-shadow: 0 14px 32px 4px rgba(0, 0, 0, .1);
}

.header-main2 .inner-nav .sub-menu,
.header-main2 .inner-nav .mega-menu {
	top: 95%;
}

.header_nav_main .inner-nav .sub-menu,
.header_nav_main .inner-nav .mega-menu {
	 top: 79%;
}


/**/

/* MAIN STYLES */

.header-main .current_section .header_link:after{
	content: "\25BC";
	color:var(--primary-clr);
	font-size:35px;
}


.page_text a{
	color:#03607b;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{
	color:#000000;
}

h4, .h4{
	font-size:25px;
	color:#047C8C;
}

.quicklinks .link{
	color:var(--primary-clr);
	font-size:16px;
	font-weight: 600;
	line-height:20px;
	margin-bottom:15px;
	text-transform: uppercase;
}


.page_text{
	color:#111111;
	font-size:16px;
	margin-top:-10px;
	padding-bottom:100px;
	clear:both;
}

/*------------------------------------------------------------------
[Directory Style]
*/

.energyStarBox{
	height:121px;
}

.energyStarBox img{
	width:102px !important;
	float:left !important;
}

.energyValue span{
	font-size:14px !important;
	margin-top:-29px !important;
	float:left;
	margin-left:3px;
}

.energyValue{
	display:table !important;
	font-size:58px !important;
	margin:0 auto !important;
	top:0px !important;
}
@media (max-width: 991px) {
	.inner-nav > ul > li:last-child,
.extra-nav > ul > li:last-child {
    margin-right: -17px;
}
.inner-nav .sub-menu{
	border-bottom:1px solid #ddd;
}

	.tcimage{
		width:33%;
	}
.inner-nav .sub-menu,
.inner-nav .mega-menu {
	background:#111;
	width:100%;
}
	.mobile{
		display:block;
	}
	.text-overlay{
		width:100%;
		top:100px;
	}
	.logo{
		float:none;
		width:100px;
		padding:0px;
		margin-top:6px;
	}
	
	.nav-icon{
		width:23px;
		display: block;
		margin: 0 auto;
	}
	
	.inner-nav .sub-menu{
		width:100%;
	}
	.inner-nav .sub-menu li a{
		text-align: left;
	}
		    .inner-nav ul > li a,
    .inner-nav .sub-menu li a {
        position: relative;
        display: block;
        text-transform: uppercase;
        letter-spacing: .5px;
        line-height: 20px;
        font-weight: 600;
        font-size: 15px;
        color: #fff;
        text-align: center;
        padding: 6px 0;
        white-space: normal;
    }

    .inner-nav .sub-menu li a:hover{
	    background: transparent;
	    opacity:1;
	    color:#fff !important;
    }
		h4, .h4{
		font-size:23px;
		margin-top:20px;
		border-top:1px solid #eee;
		padding-top:20px;
	}
	.icon-color{
		background-color:#03607b !important;
		border:none !important;
	}

	.icon-color:hover{
		background-color:#03607b;
	}
	}
	@media (max-width: 767px) {
		.towers-footer-logo, .ets-footer-logo, .hcp-footer-logo, .es-footer-logo, .leed-footer-logo{
			display:none;
		}

.ets_tables td{
	display: table-row;
	word-break: break-word;
}
.ets_tables tr{
	display: block;
	padding-bottom:10px;
	padding-left:10px;
}
		.footer-address, .footer-social-icons{
			margin:0px;
			float:none;
			padding:0px;
		}
		.hcp-footer-logo{
			float:none;
			margin-top:0px;
			width:180px;
		}

		.social-icons > li{
			margin: 0px 15px 0px 0;
		}
		
		.col{
			max-width:50%;
		}
		}


/* General Styling for the Team Member Sections */
.team-member {
	position: relative;
	text-align: center;
	margin-bottom: 30px; /* Adds space between team members, especially when stacked on smaller screens */
  }
  
  /* Styling for Images */
  .teampx-img {
	position: relative;
	overflow: hidden;
	border-radius: 5%; /* Circular images */
	line-height: 0; /* Removes extra space below images */
	filter: sepia(.4) saturate(.5) brightness(0.9) hue-rotate(190deg); /* Adjusts the image color */
	}
  
  .teampx-img img {
	width: 130px;
	height: auto;
	transition: transform 0.3s ease-in-out;
	}
  
  /* Hover effect to slightly enlarge images */
  .teampx-img:hover img {
	transform: scale(1.1);
  }

  .team-img {
	position: relative;
	overflow: hidden;
	border-radius: 5%; /* Circular images */
	line-height: 0; /* Removes extra space below images */
	filter: sepia(.4) saturate(.5) brightness(0.9) hue-rotate(190deg); /* Adjusts the image color */
	}
  
  .team-img img {
	width: 75%;
	height: auto;
	transition: transform 0.3s ease-in-out;
	}
  
  /* Hover effect to slightly enlarge images */
  .team-img:hover img {
	transform: scale(1.1);
  }
  
  /* Overlay appears on hover to enhance images and add color */
  .team-img::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 75%;
	height: auto;
	background: rgb(9 46 83 / 50%); /* Bootstrap's dark shade with some transparency */
	border-radius: 5%;
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
  }
  
  .team-img:hover::before {
	opacity: 1;
  }
  
  /* Styling for the Text under Images */
  .team-title h3 {
	margin-top: 10px;
	font-size: 1.2rem;
	color: #333; /* Dark text for better readability */
  }
  
  .team-title span {
	font-size: 0.9rem;
	color: #666; /* Slightly lighter text for roles */
  }
  
  .team-title a {
	display: block;
	font-size: 0.8rem;
	color: #000; /* Bootstrap primary color for links */
	text-decoration: none; /* Optional: removes underline from links */
  }
  
  .team-title a:hover {
	text-decoration: underline; /* Adds underline on hover for better interaction */
  }
  
  /* Responsive Media Query for Small Devices */
  @media (max-width: 768px) {
	.team-title h3, .team-title span, .team-title a {
	  font-size: smaller; /* Reduces text size for smaller screens */
	}
	.team-img img {
	width: 45%;
	} 
	.teampx-img img {
		width: 100px;
		} 
  }

a[href*="pid=gallery"]:not(.main-link-btn) {
	display: none !important;
}


html, body {
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
}

.layout {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.wrapper {
    flex: 1; /* This makes sure the content expands and pushes the footer down */
}

.footer-main {
    background: #333;
    color: white;
    text-align: center;
    padding: 10px;
}


/*---- custom table styles ----*/

.ets_tables_custom {
    width: 80% !important; /* Adjust width */
    max-width: 600px; /* Prevent excessive stretching */
    margin: 0 auto; /* Center the table */
    border-collapse: collapse; /* Remove extra spacing */
}

.ets_tables_custom td {
    padding: 10px; /* Better readability */
    vertical-align: top; /* Float headers to the top */
}

/* First column (headers) */
.ets_tables_custom td:first-child {
    text-align: left !important;
    white-space: nowrap; /* Prevents wrapping */
    width: 40%; /* Adjust as needed */
    font-weight: bold; /* Emphasize headers */
    vertical-align: top; /* Ensure headers stay at the top */
}

/* Second column (content) */
.ets_tables_custom td:last-child {
    width: 60%;
    text-align: left; /* Default left alignment */
}

@media (max-width: 768px) {
    .ets_tables_custom {
        width: 100%; /* Allow full width on smaller screens */
    }
    
    .ets_tables_custom td {
        display: block; /* Stack table rows */
        width: 100%;
    }

    /* Maintain left alignment for both columns */
    .ets_tables_custom td:first-child,
    .ets_tables_custom td:last-child {
        text-align: left !important;
    }

    /* Add space after the first column headers */
    .ets_tables_custom td:first-child {
        padding-bottom: 5px;
    }
}