/*
	Offices
*/
.offices{
	padding-top:10px;
	padding-bottom:25px;
	min-height: -webkit-calc(100vh - 184px);
	min-height: -moz-calc(100vh - 184px);
	min-height: -ms-calc(100vh - 184px);
	min-height: -o-calc(100vh - 184px);
	min-height: calc(100vh - 184px);
}
.offices-title{
	padding:35px 0;
	font-family:AvantGarde-Md-BT , Fallback, sans-serif;
	font-size:32px;
	font-weight:bold;
	line-height:43px;
	background: -webkit-linear-gradient(#0046B0, #19347D);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
}
a.map-btn{
	font-family:AvantGarde-Md-BT , Fallback, sans-serif;
	text-align:center;
	min-width:150px;
    display:inline-block;
    margin:-2px;
    padding: 4px 12px;
	color:#fff;
    background: #0046B0; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#0046B0, #19347D); /* For Safari 5.1 to 6.0 */
	background: -moz-linear-gradient(#0046B0, #19347D); /* For Firefox 3.6 to 15 */
	background: -ms-linear-gradient(#0046B0, #19347D); /* For Microsoft */
	background: -o-linear-gradient(#0046B0, #19347D); /* For Opera 11.1 to 12.0 */
	background: linear-gradient(#0046B0, #19347D); /* Standard syntax */
	border-color: #19347D;
	text-decoration:none
}
a.map-active{
	background-image: none;
   	color:#fff;
	background: #FF6A00; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#FF6A00, #E04700); /* For Safari 5.1 to 6.0 */
	background: -moz-linear-gradient(#FF6A00, #E04700); /* For Firefox 3.6 to 15 */
	background: -ms-linear-gradient(#FF6A00, #E04700); /* For Microsoft */
	background: -o-linear-gradient(#FF6A00, #E04700); /* For Opera 11.1 to 12.0 */
	background: linear-gradient(#FF6A00, #E04700); /* Standard syntax */
	border-color: #E87400;
}
a.map-btn:hover{
	background-image: none;
   	color:#fff;
	background: #FF6A00; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#FF6A00, #E04700); /* For Safari 5.1 to 6.0 */
	background: -moz-linear-gradient(#FF6A00, #E04700); /* For Firefox 3.6 to 15 */
	background: -ms-linear-gradient(#FF6A00, #E04700); /* For Microsoft */
	background: -o-linear-gradient(#FF6A00, #E04700); /* For Opera 11.1 to 12.0 */
	background: linear-gradient(#FF6A00, #E04700); /* Standard syntax */
	border-color: #E87400;
}




/*google map card display*/
.map-card {
  /* max-width: 420px; */
  background: #fff;
  border-radius: 10px;
  padding: 16px;
  box-shadow: 0 0 12px rgba(0,0,0,0.15);
  font-family: Arial, sans-serif;

  /* Align right */
  /* margin-top:20px; */
  margin-left: auto;
  margin-right: 0;
}

.map-card-inner {
  /* max-width: 420px; */
  background: #fff;
  border-radius: 0 0 10px 10px;
  padding: 16px;
  box-shadow: 0 0 12px rgba(0,0,0,0.15);
  font-family: Arial, sans-serif;

  /* Align right */
  /* margin-top:20px; */
  margin-left: auto;
  margin-right: 0;
}

.map-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* margin-top: 15px; */
}

.map-header h3 {
  margin: 0;
  font-size: 18px;
}

.rating {
  font-size: 14px;
  color: #555;
}

.address {
  margin: 8px 0;
  color: #444;
  font-size: 14px;
}

.status {
  font-size: 14px;
  margin-bottom: 12px;
}

.status.open {
  color: #0a8f08;
}

.map-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.btn {
  padding: 8px 12px;
  border-radius: 6px;
  text-decoration: none;
  font-size: 14px;
  background: #f1f3f4;
  color: #000;
}

.btn.primary {
  background: #1a73e8;
  color: #fff;
}



/*open - closed hours*/

.hours-simple {
  font-size: 14px;
}

.status.open {
  color: #0a8f08;
  font-weight: bold;
}

.days {
  color: #555;
}

.time {
  margin-top: 4px;
  color: #333;
  margin-bottom: 20px;
}


/* .map-actions-card {
    max-width: 420px;
    background: #fff;
    border-radius: 10px;
    padding: 16px;
    box-shadow: 0 0 12px rgba(0,0,0,0.15);
    font-family: Arial, sans-serif;
    margin-top: 16px; 
    display: flex;
    justify-content: space-between; 
    flex-wrap: wrap; 
    gap: 8px; 
}

.map-actions-card .btn {
    flex: 1 1 auto; 
    text-align: center;
} */



.tab-content {
    display: none;  /* hidden by default */
}

.tab-content.active {
    display: block; /* shown when active */
}


.status {
    font-weight: bold;
}

.status.open {
    color: #28a745; /* green */
}

.status.closed {
    /*color: #dc3545; /* red */
    color: #28a745;
}