@charset "UTF-8";
/* CSS Document
DOCUMENT INFORMATION
	- Document: Site Styles
	- Version:  1
	- Author:   Simon Oakley
/* =Legend
==================================================
COLORS
Light Maroon  #ac1455
Maroon        #7a003c
Dark Maroon   #56002a
==================================================
Light Grey  #efefef
Cool Grey   #dbdbdd
Medium Grey #aeb4b8
Random Grey? #757575
Grey        #5e6a71
Dark Grey   #222222
==================================================
Maroon      #7a003c
Gold        #fdbf57
==================================================
BW Yellow   #ffd100
BW Lime     #d2d755
BW Sky Blue #8bd3e6
==================================================
BW Red      #a6192e
BW Green    #007b4b
BW Blue     #007096
==================================================
FONTS
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400i,700,700i|Roboto:300,300i,700,700i');
==================================================
font-family: 'Roboto', sans-serif;
(weight 300 & 700)
==================================================
font-family: 'Roboto Condensed', sans-serif;
(weight 400 & 700)
==================================================
BASELINE GRID - 12px
<link rel="stylesheet" href="//basehold.it/12">
==================================================
*/
/*
notes:
-floating link to a div and have large option
-card no border
- banner options and animatinos
*/


#profile-row .btn {
  min-width: 0;
  padding: 13px 18px;
  display: inline-block
}

#profile-row .contact-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -1px;
}

#profile-row .card {
  padding-bottom: 66px;
}

#profile-row .card:hover {
  z-index: 1;
}

#profile-row .card-body {
  padding-top: 12px;
}

.profile-image {
  width: 120px;
  height: 120px;
  display: inline-block;
  margin: 18px auto 0;
}

#people-list img.rounded-circle {
  margin-right: 12px;
  margin-top: 4px;
}

#people-list .btn-group {
  margin-left: -6px;
}

#people-list .btn-group .btn {
  min-width: 0;
  padding: 8px 12px;
  height: auto;
}

#people-list .btn-group .btn:first-child {
  padding-left: 18px;
}

#people-list .btn-group .btn:last-child {
  padding-right: 18px;
}

#people-list .media-body p {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 0;
}

.contact-icon {
  width: 15px;
  margin-right: 5px;
}

.btn-subtle {
  border: none;
  box-shadow: none;
  border-radius: 0;
  padding: 12px 18px;
  line-height: 15px;
  height: auto;
  background: transparent;
  width: auto;
  min-width: 0;
  color: #5e6a71;
}

.btn-subtle:hover {
  box-shadow: none;
}

.btn-subtle:after {
  margin-left: 6px;
  top: -1px;
}

.icon-rotate {
  transform: rotate(-90deg);
}

.more-info {
  transition: height 0.8s;
}

.icon-circle {
  /* override circular radius from theme due to brand change request*/
  border-radius: 0 !important;
}

.office-hours {
  border: 1px solid #dbdbdd;
}

.office-hours p {
  white-space: pre-wrap;
}

.btn-xs,
a.btn-xs {
  height: fit-content;
  line-height: 16px !important;
  border-radius: 4px;
}

.btn-xs a {
  font-size: 12px;
}

.btn-secondary.btn-xs:hover a {
  color: var(--primary-text);
  text-decoration: none;
}

.col-3 .people-image,
.col-4 .people-image {
  height: auto;
  transition: all 0.2 ease-out;
  position: relative;
  overflow: hidden;
}

/* Left-Aligned People Styles */

/* Creates 2 Column for 3 Row, for Medium Resolutions to match 4 Row; prevents rewriting code with the resulting massive card at those resolutions */
.dynamic-content.people .col-lg-4 {
  @media (min-width: 768px) and (max-width: 1199.98px) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

.dynamic-content.people .col-lg-3 .people-image,
.dynamic-content.people .col-lg-4 .people-image,
.col-md-6.col-xl-3 .people-image {
  aspect-ratio: 1/1 !important;
  margin-bottom: 9px !important;
}

.people-image img {
  width: 100% !important;
  object-fit: cover;
  aspect-ratio: 1/1;
}

.addl-email a,
.addl-email span {
  flex-basis: 0;
  white-space: nowrap;
}

.col-lg-6 .people-image>img {
  width: 100%;
}

@media (min-width: 767.98px) {
  .dynamic-content.people .col-lg-6 .people-image {
    width: 100%;
  }
}

@media (max-width: 767.98px) {
  .people-image {
    max-width: 100%;
  }

  .people-image img {
    width: 100%;
    max-width: 100%;
  }
}

.card:has(.people-image) a.booking-btn {
  font-size: 12px;
  border-radius: 4px;
}