@charset "utf-8";
/* CSS Document */

body,
html {
  font-size: 1rem;
}
#gzns input,
#gzns select {
  background-color: white;
  margin-bottom: 5px;
}
#gzns .gz-pagetitle {
  margin-right: 15px;
}
#gzns h1.gz-pagetitle {
  display: none;
}
#gzns .gz-all-headers {
  -ms-flex-align: center;
  align-items: center;
}
#gzns .gz-all-headers .gz-subtitle,
#gzns .gz-pagetitle {
  line-height: 1.1;
  margin-bottom: 0;
}
#gzns .container-fluid {
  display: block;
}
#gzns .row {
  width: auto;
}
#gzns .embed-responsive-21by4::before {
  padding-top: 25%;
}
#gzns .gz-card-more-details {
  display: none;
}
#gzns .gz-map {
  height: auto;
}
#gzns .gz-map .gz-card-title {
  border: 0;
  margin: 0;
  padding: 0;
}
#gzns .gz-map a {
  outline: none;
}
#gzns .gz-map .gz-card-phone,
#gzns .gz-map .gz-card-email,
#gzns .gz-map .gz-card-website,
#gzns .gz-map .gz-card-description {
  display: none;
}
#gzns .gz-map .gz-card-more-details {
  display: initial;
}
#gzns .gz-page-return {
  font-size: 90%;
}
#gzns .gz-share-btn {
  -ms-flex-align: start;
  align-self: flex-start;
  background-color: #f3f3f3;
  border: 0;
  border-radius: 50%;
  color: #666666;
  height: 45px;
  line-height: 1;
  width: 45px;
}
#gzns .gz-share-btn i {
  font-size: 1.25rem;
  margin-right: 0;
  padding: 6px 0;
}
#gzns .gz-share-group .dropdown-menu i {
  margin-right: 5px;
}
#gzns .share-modal a {
  background-color: #f3f3f3;
  display: block;
  margin: 6px 0;
  padding: 8px 0;
  text-decoration: none;
}
#gzns .share-modal a i {
  margin-right: 5px;
  text-align: center;
  width: 35px;
}
#gzns .gz-alphanumeric .btn-group,
#gzns .gz-alphanumeric .btn-group-vertical {
  display: inline-block;
}
#gzns .gz-alphanumeric .btn-toolbar {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
#gzns .gz-alphanumeric .gz-alphanumeric-btn {
  text-align: center;
}
#gzns .gz-alphanumeric .btn {
  font-size: 1rem;
  padding: 0.4rem 0.75rem;
}
#gzns .gz-alphanumeric-btn,
#gzns .gz-numeric-btn {
  margin-right: 5px;
}
#gzns .gz-grid-col,
#gzns .gz-list-col,
#gzns .gz-md-list-col,
#gzns .gz-sm-list-col {
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  line-height: 1.2em;
  position: relative;
  width: 100%;
}
#gzns .gz-grid-col .gz-content-card:before,
#gzns .gz-md-list-col .gz-content-card:before,
#gzns .gz-sm-list-col .gz-content-card:before {
  background-color: #555555;
  content: "";
  position: absolute;
  top: -15px;
  left: -1px;
  width: calc(100% + 2px);
  height: 15px;
  transition: all 0.2s ease-out;
}
#gzns .gz-md-list-col .gz-content-card:before,
#gzns .gz-sm-list-col .gz-content-card:before {
  border-radius: 3px 0 0 3px;
}
#gzns .gz-grid-col .gz-content-card:before {
  border-radius: 3px 3px 0 0;
}
#gzns .gz-grid-col .gz-content-contact,
#gzns .gz-grid-col .gz-content-description,
#gzns .gz-sm-list-col .gz-content-contact,
#gzns .gz-sm-list-col .gz-content-description,
#gzns .gz-grid-col .gz-store-description {
  display: none;
}
#gzns .gz-grid-col .card-footer.gz-active-footer {
  background: #ededed;
  border-top: 1px solid #d4d4d4;
  padding-top: 5px;
}
#gzns .gz-list-col .gz-card-web-content-footer {
  text-align: right;
}
#gzns .gz-card-web-content-footer .fa {
  font-size: 1.5em;
  padding: 2px 5px;
}
#gzns .gz-sm-list-col .gz-posted-badge {
  position: absolute;
  top: 0.6em;
  right: 0.6em;
}
#gzns .gz-grid-col .gz-card-cat {
  display: none;
}
#gzns .gz-list-col .gz-card-cat {
  font-size: 90%;
}
#gzns .gz-grid-col .card-footer,
#gzns .gz-list-col .card-footer {
  padding: 0 1.25rem 0.75rem;
}
#gzns .gz-grid-col .card-header {
  padding: 0.75rem 1.25rem 0;
}
#gzns .gz-events-listing .gz-grid-col .card-footer {
  padding: 0.75rem 1.25rem;
}
#gzns .gz-events-listing .gz-list-col .card-footer {
  background-color: transparent;
  border-top: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
#gzns .gz-sort-toolbar {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#gzns .gz-location-pin {
  position: absolute;
  top: 5px;
  right: 25px;
  font-size: 18px;
}
#gzns .gz-sort-toolbar h3 {
  margin-bottom: 0;
}
#gzns .gz-sort-bar a {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 50%;
  font-size: 135%;
  padding: 0.5rem;
  text-decoration: none;
}
#gzns .gz-sort-bar a:hover {
  border-color: inherit;
}
#gzns .gz-sort-bar a.gz-view-btn {
  display: none;
  visibility: hidden;
}
#gzns .gz-search-pill,
#gzns .gz-search-pill:hover {
  background-color: #e3e3e3;
  border-color: rgba(0, 0, 0, 0.07);
  color: #333333;
  font-weight: normal;
  padding: 7px 11px;
  text-decoration: none;
}
#gzns .gz-search-pills {
  margin: 35px -15px 0;
}
#gzns .gz-search-pill i {
  margin-left: 3px;
}
#gzns .gz-search-filters {
  display: block;
}
#gzns .gz-search-filters input,
#gzns .gz-search-filters select,
#gzns .gz-search-filters span {
  font-size: 1rem;
}
#gzns .gz-search-filters .custom-file,
#gzns .gz-search-filters .custom-select,
#gzns .gz-search-filters .form-control,
#gzns .gz-search-filters .gz-search-btn,
#gzns .gz-search-filters > span {
  width: 100%;
  margin: 5px 0;
}
#gzns .gz-search-btn,
#gzns .gz-button {
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding-left: 25px;
  padding-right: 25px;
}
#gzns .gz-search-btn i {
  font-size: 0.8rem;
  margin-right: 5px;
}
#gzns .card:hover {
  background-color: #ededed;
}
#gzns .card a:hover {
  text-decoration: none;
}
#gzns .gz-cards {
  margin-top: 1.25rem;
}
#gzns .gz-grid-cards .card {
  margin-bottom: 1.25rem;
  height: calc(100% - 30px);
}
#gzns .gz-card-title {
  border-top: 1px solid #d4d4d4;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 110px;
  flex: 0 0 auto;
  margin-bottom: 0.55rem;
  padding-top: 1.25rem;
}
#gzns .gz-events-listing .gz-card-title {
  border-top: 0;
  margin-bottom: 0;
  padding-top: 0;
}
#gzns .card-body {
  line-height: 1.2;
}
#gzns .card {
  box-shadow: 0 0.125rem 0.225rem rgba(0, 0, 0, 0.15);
  margin-bottom: 1.25rem;
}
#gzns .card-header {
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 0;
  height: 145px;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#gzns .gz-card-head-img {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
#gzns .gz-card-head-img .img-fluid {
  max-height: 130px;
  margin-top: 10px;
}
#gzns .gz-card-head-empty {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 100%;
}
#gzns .gz-img-placeholder {
  -webkit-tap-highlight-color: transparent;
  font-family: "Julius Sans One", sans-serif;
  box-sizing: border-box;
  text-decoration: none;
  font-weight: bold;
  line-height: 1.1;
  text-align: center;
  font-size: 16px;
  color: black;
}
#gzns .card-footer .gz-miles {
  float: right;
  font-style: italic;
  font-size: 80%;
}
#gzns .gz-cards .card {
  height: calc(100% - 30px);
  margin-bottom: 30px;
}
#gzns .gz-cat-card {
  -ms-flex-direction: column;
  flex-direction: row;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0.75rem;
}
#gzns .gz-cat-card .card-title {
  border-top: 0;
  line-height: 1.1;
  padding-top: 0;
}
#gzns .gz-cat-card-img {
  height: 100px;
  width: 100px;
  margin-right: 0.55rem;
  max-width: 100px;
}
#gzns .gz-cat-card-body {
  padding: 0;
  line-height: 1.1;
}
#gzns .gz-cat-subcat {
  font-size: 85%;
}
#gzns .gz-cat-subcat:after {
  content: ", ";
}
#gzns .gz-cat-subcat:last-child:after {
  content: "";
}
#gzns .card .list-group-item {
  background-color: transparent;
  border: 0;
  line-height: 1.2;
  padding: 0.25rem 1.25rem;
}
#gzns .card-link {
  display: inline-block;
  line-height: 1.2;
}
#gzns .detail-link {
  display: inline-flex;
  line-height: 1.2;
}
#gzns .gz-address-separator {
  padding-right: 5px;
}
#gzns .card-link i {
  left: 0;
  position: absolute;
  line-height: 1.2;
}
#gzns .card .list-group-item i {
  margin-right: 10px;
}
#gzns .gz-list-group .list-group-item {
  background-color: transparent;
  border: 0;
  padding: 0.5rem 0;
}
#gzns .gz-list-group .gz-card-social {
  padding: 0.75rem 1.25rem 0.75rem 0;
}
#gzns .gz-list-group {
  margin-bottom: 1rem;
}
#gzns .gz-details-reps .card {
  border: 1px solid #d4d4d4;
}
#gzns .gz-details-reps .card img {
  border-radius: 50%;
  max-width: 125px;
  object-fit: cover;
}
#gzns .gz-details-reps .card .card-img-top {
  background-color: #555555;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem;
  height: 150px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#gzns .gz-details-reps .card .card-title {
  border-top: 0;
}
#gzns .gz-details-reps .card .card-body {
  padding: 1.25rem;
}
#gzns .gz-details-categories .gz-cat {
  font-style: italic;
}
#gzns .gz-cat:after {
  content: ", ";
}
#gzns .gz-cat:last-child:after {
  content: "";
}
#gzns .gz-prim-contact {
  background-color: white;
  border-radius: 0 50px 50px 0;
  font-size: 0.8rem;
  line-height: 1.4;
  padding: 2px 15px;
  position: absolute;
  top: 15px;
  left: 0;
  text-transform: uppercase;
}
#gzns .gz-member-repname {
  font-weight: bold;
}
#gzns .gz-member-reptitle {
  font-size: 1rem;
  font-weight: normal;
}
#gzns .modal-header button.close {
  background-color: transparent;
  border: 0;
  color: #666666;
}
#gzns .gz-contact-card a.btn,
#gzns .gz-details-social a.btn,
#gzns .gz-details-social button {
  border-radius: 50%;
  height: 35px;
  padding: 4px;
  text-align: center;
  width: 35px;
  margin-right: 4px;
}
#gzns .gz-details-social .dropdown.show {
  display: inline-block !important;
}
#gzns .gz-details-social .dropdown {
  display: inline-block;
}
#gzns a.gz-rep-email,
#gzns a.gz-rep-phone,
#gzns a.gz-rep-website {
  background-color: #ededed;
}
#gzns a.gz-social-facebook,
#gzns a.gz-social-facebook:hover,
#gzns button.gz-social-facebook,
#gzns button.gz-social-facebook:hover {
  background-color: #3b5998;
  border-color: #3b5998;
  color: white;
}
#gzns a.gz-social-twitter,
#gzns a.gz-social-twitter:hover,
#gzns button.gz-social-twitter,
#gzns button.gz-social-twitter:hover {
  background-color: black;
  border-color: black;
  color: white;
}
#gzns .gz-twitter-img-placeholder {
  background-image: url(/GZContent/Images/public/twitter-x-logo-white.png);
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: center;
}
#gzns .gz-twitter-img-placeholder-share-modal {
  background-image: url(/GZContent/Images/public/twitter-x-logo-black.png);
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: center;
  width: 15px;
  display: inline-block;
  height: 16px;
  margin-left: 10px;
  margin-right: 15px;
}
#gzns a.gz-social-linkedin,
#gzns a.gz-social-linkedin:hover,
#gzns button.gz-social-linkedin,
#gzns button.gz-social-linkedin:hover {
  background-color: #007bb5;
  border-color: #007bb5;
  color: white;
}
#gzns a.gz-social-googleplus,
#gzns a.gz-social-googleplus:hover,
#gzns button.gz-social-googleplus,
#gzns button.gz-social-googleplus:hover {
  background-color: #dd4b39;
  border-color: #dd4b39;
  color: white;
}
#gzns a.btn.gz-social-pinterest,
#gzns a.btn.gz-social-pinterest:hover {
  background-color: #bd081c;
  border-color: #bd081c;
  color: white;
  font-size: 10px;
  padding-top: 7px;
}
#gzns a.btn.gz-social-none,
#gzns a.btn.gz-social-none:hover,
#gzns button.btn.gz-social-none,
#gzns button.btn.gz-social-none:hover {
  background-color: #2e3192;
  border-color: #2e3192;
  color: white;
  font-size: 10px;
  padding-top: 7px;
}
#gzns a.btn.gz-social-instagram,
#gzns a.btn.gz-social-instagram:hover {
  background-color: #833ab4;
  border-color: #833ab4;
  font-size: 10px;
  color: white;
  padding-top: 6px;
}
#gzns a.btn.gz-social-youtube,
#gzns a.btn.gz-social-youtube:hover {
  background-color: red;
  border-color: red;
  font-size: 10px;
  color: white;
  padding-top: 6px;
}
#gzns .gz-details-links a:hover {
  opacity: 0.8;
}
#gzns .gz-details-social.list-group-item i {
  margin: 0;
}
#gzns .gz-list-group .gz-details-social {
  padding: 0.75rem 1.25rem 0.75rem 0;
}
#gzns .gz-details-video {
  margin-bottom: 1.25rem;
}
#gzns .gz-details-images .card {
  margin-bottom: 0.75rem;
  height: auto;
  position: initial;
}
#gzns .gz-details-images-modal .modal-body {
  text-align: center;
}
#gzns .card.gz-content-card,
#gzns .card.gz-events-card {
  overflow: visible;
}
#gzns .gz-card-wkday-wrap {
  background-color: #555555;
  border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
  color: white;
  display: block;
  font-weight: bold;
  padding: 0.5rem;
  position: relative;
  width: calc(100% + 2px);
  left: -1px;
}
#gzns .gz-events-listing .card-body {
  text-align: center;
  padding: 0 1.25rem 1.25rem;
}
#gzns .gz-events-listing .card-header:first-child {
  background-color: transparent;
  display: block;
  height: 100px;
  margin: 0;
  padding: 0;
}
#gzns .gz-events-listing .card-header {
  height: 135px;
  padding: 0 1.25rem;
}
#gzns .gz-events-listing .gz-card-head-img .img-fluid {
  max-height: 100px;
  max-width: 250px;
}
#gzns .gz-event-card-time {
  font-size: 80%;
}
#gzns .gz-event-card-title {
  display: block;
}
#gzns .gz-grid-col .gz-event-card-title {
  margin-bottom: 5px;
}
#gzns .card .gz-description {
  overflow: hidden;
  position: relative;
  line-height: 1.2em;
  max-height: 3.6em;
  margin-right: -1em;
  padding-right: 1em;
}
#gzns .card .gz-description:before {
  content: '...';
  position: absolute;
  right: 5px;
  bottom: 0;
}
#gzns .card .gz-description:after {
  content: '';
  position: absolute;
  right: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  background-color: white;
}
#gzns .card:hover .gz-description:after {
  background-color: #ededed;
}
#gzns .gz-event-details-card div:before,
#gzns .gz-store-details-card div:before {
  content: "";
  font-family: 'Font Awesome 5 Pro';
  font-size: 1rem;
  font-weight: 300;
  right: 100%;
  position: absolute;
  text-align: center;
  width: 30px;
}
#gzns .gz-event-images-columns {
  -webkit-column-count: 2;
  column-count: 2;
}
#gzns .vertical-text {
  display: block;
  width: 1px;
  word-wrap: break-word;
}
#gzns .gz-card-register i {
  margin-left: 10px;
}
#gzns .gz-register-btn {
  width: 120px;
  margin: 0 auto;
}
#gzns .card-footer.gz-card-register {
  background-color: #efefef;
  border-top: 1px solid #cdcdcd;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 200;
}
#gzns .gz-btn-closed {
  background-color: #d4d4d4;
  border-color: #cdcdcd;
}
#gzns .gz-video {
  margin-bottom: 1.25rem;
}
#gzns .gz-grid-col .gz-card-month,
#gzns .gz-list-col .gz-card-month {
  font-size: 120%;
}
#gzns .gz-grid-col .gz-card-dday,
#gzns .gz-list-col .gz-card-dday {
  font-size: 240%;
  font-weight: bold;
}
#gzns .gz-event-date-wrap {
  line-height: 1.2;
  margin: 0.5rem;
}
#gzns .gz-grid-col .gz-event-date-wrap {
  line-height: 1;
}
#gzns .gz-end-dt:before,
#gzns .gz-end-dy:before {
  content: "-";
  position: relative;
  left: -3px;
}
#gzns .gz-content-sidebar {
  text-align: center;
  margin-bottom: 1rem;
}
#gzns .gz-md-list-col .gz-content-subtitle {
  font-weight: bold;
}
#gzns .gz-content-card .card-footer,
#gzns .gz-sm-list-col .gz-store-card .card-footer {
  background-color: transparent;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
#gzns .gz-posted-badge {
  border: 0;
  margin-right: auto;
  padding: 0.6em 1.7em;
}
#gzns .gz-events-cards .card-footer {
  padding: 1.25rem 1.25rem 1rem;
}
#gzns .card-footer {
  background-color: transparent;
  border: 0;
}
#gzns .gz-event-details-card,
#gzns .gz-event-details-card:hover,
#gzns .gz-store-details-card,
#gzns .gz-store-details-card:hover {
  background-color: transparent;
}
#gzns .gz-event-details-card .card-body,
#gzns .gz-store-details-card .card-body {
  background-color: white;
}
#gzns .gz-details-img img {
  max-height: 75px;
  margin-right: 1rem;
  object-fit: scale-down;
  max-width: 100%;
  width: auto;
}
#gzns .gz-contact-card:hover {
  background-color: white;
}
#gzns .gz-guest-btn {
  float: right;
}
#gzns .gz-sponsor-img {
  max-width: 150px;
  padding: 1rem;
}
#gzns .gz-event-details-card .card-text {
  margin-left: 20px;
  margin-bottom: 1rem;
  position: relative;
}
#gzns .gz-event-details-card .gz-map {
  margin-bottom: 1rem;
  min-height: 125px;
}
#gzns .gz-event-details-card .gz-event-pricing:before {
  content: "\f2e8";
}
#gzns .gz-event-details-card .gz-event-address:before {
  content: "\f3c5";
}
#gzns .gz-event-details-card .gz-event-contact:before {
  content: "\f2bd";
}
#gzns .gz-event-details-card .gz-event-time:before {
  content: "\f017";
}
#gzns .gz-event-details-card .gz-event-guests:before {
  content: "\f0c0";
}
#gzns .gz-event-details-card .gz-event-cat:before {
  content: "\f03a";
}
#gzns #gz-search-radius {
  padding-top: 10px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#gzns .gz-radius-input-button {
  text-align: left;
}
#gzns input:required,
#gzns select:required {
  border-right: solid thick red;
}
#gzns .gz-sort-toolbar:after,
#gzns .gz-sort-toolbar:before {
  display: none;
}
#gzns .gz-details-links ul,
#gzns .gz-directory-card-body ul {
  margin-left: 0;
}
#gzns .gz-chapter {
  margin-bottom: 0.5rem;
  padding-top: 0.55rem;
}
#gzns .gz-details-reps .gz-cards {
  margin-top: 0;
}
.gz-block.gz-powered-by {
  text-align: center;
  margin: 1rem 0;
}
#gzns .modal-dialog {
  z-index: 1041;
}
#gzns .modal-backdrop.fade {
  opacity: 0.5;
}
#gzns .guest-modal .modal-body {
  max-height: 500px;
  overflow: auto;
}
#gzns .gz-autocomplete-results {
  position: absolute;
  width: 100%;
  max-height: 500px;
  overflow-y: auto;
  top: 45px;
  left: 0;
  margin: 0 10px;
  z-index: 9;
  display: none;
}
#gzns .gz-autocomplete-results.opened {
  display: block;
}
#gzns .gz-customized-items-list {
  padding: 0px 0px 0px 40px;
}
#gzns .gz-customized-values-list {
  list-style-type: none;
  padding: 0px 0px 0px 5px;
}
#gzns .gz-customized-values-list-item {
  padding: 1px 0px 1px 20px;
  word-wrap: break-word;
  word-break: break-word;
  white-space: pre-wrap;
}
#gzns .gz-customized-item-key {
  font-weight: 600;
}
#gzns .gz-view-cart-title {
  margin-bottom: 20px;
}
#gzns .gz-product-total {
  text-align: right;
}
#gzns .gz-remove-from-cart {
  color: red;
}
#gzns .gz-store-item-customfield-area {
  padding-top: 0px;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: black;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}
/*----------*/

@media (min-width: 400px) {
  .gz-event-details-card,
  .gz-store-details-card {
    border: 1px solid rgba(0, 0, 0, 0.125);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media (min-width: 576px) {
  #gzns .gz-events-cards .gz-grid-col .card {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    height: calc(100% - 70px);
    margin: 30px 0;
  }
  #gzns .gz-events-cards .gz-list-col .card {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  #gzns .gz-sort-bar a,
  #gzns .gz-sort-bar a.gz-view-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 5px;
    visibility: visible;
  }
  #gzns .gz-alphanumeric .btn {
    font-size: 0.8rem;
    padding: 0.25rem;
  }
  #gzns .btn-group-vertical,
  #gzns .gz-alphanumeric .btn-group {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  #gzns .gz-list-col .card {
    height: auto;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 1rem;
    min-height: calc(135.75px);
  }
  #gzns .gz-list-col .card-title {
    border-top: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-bottom: 0.55rem;
    padding-top: 0;
  }
  #gzns .gz-list-col .card-header {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    height: auto;
  }
  #gzns .gz-sm-list-col .gz-card-head-img .img-fluid {
    max-height: 90px;
  }
  #gzns .gz-list-col .gz-miles {
    margin-bottom: auto;
    text-align: right;
  }
  #gzns .gz-list-col .gz-card-cat {
    text-align: right;
  }
  #gzns .gz-list-col .gz-cat:after {
    content: ",";
    margin-right: 3px;
  }
  #gzns .gz-list-col .gz-cat:last-child:after {
    content: "";
  }
  #gzns .gz-list-col .card-body {
    border-left: 1px solid #d4d4d4;
    padding: 0 1.25rem;
    margin: 1.25rem 0;
  }
  #gzns .gz-list-col .card-footer {
    background-color: transparent;
    border: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
  }
  #gzns .gz-list-col .gz-register-btn {
    width: 100%;
  }
  #gzns .gz-md-list-col .card-title,
  #gzns .gz-sm-list-col .card-title {
    border-top: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-top: 0;
  }
  #gzns .gz-directory-listing .gz-list-col .card-header {
    padding: 1.25rem;
  }
  #gzns .gz-directory-listing .gz-list-col .card-footer {
    padding: 0.75rem 1.25rem;
  }
  #gzns .gz-events-listing .gz-list-col .card-body {
    border-left: 0;
    padding: 0 1.25rem;
  }
  #gzns .gz-events-listing .gz-list-col .card-header:nth-child(2) {
    padding: 1rem 0;
  }
  #gzns .gz-events-listing .gz-list-col .card-footer {
    background-color: transparent;
    border: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    flex-direction: column;
  }
  #gzns .gz-events-listing .gz-list-col .card-header {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    height: auto;
  }
  #gzns .gz-events-listing .card-header:first-child {
    height: 80px;
  }
  #gzns .gz-events-listing .gz-list-col .card .card-header:first-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 110px;
    flex: 0 0 110px;
    height: auto;
    padding: 1rem;
    width: 110px;
  }
  #gzns .gz-list-col .card .gz-card-wkday-wrap {
    -ms-flex-align: center;
    align-items: center;
    border-radius: calc(.25rem - 1px) 0 0 calc(.25rem - 1px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px;
    width: 30px;
    word-wrap: break-word;
    position: absolute;
    height: calc(100% + 2px);
    right: 100%;
    top: -1px;
    left: unset;
  }
  #gzns .gz-grid-col .card:hover .gz-card-wkday-wrap {
    top: -50px;
    padding: 15px;
  }
  #gzns .gz-list-col .card:hover .gz-card-wkday-wrap {
    padding: 15px;
    top: -1px;
    width: 40px;
  }
  #gzns .gz-list-col .gz-card-wkday {
    display: block;
    font-size: 14px;
    line-height: 1.1;
    margin: 0 auto;
    text-align: center;
    width: 12px;
  }
  #gzns .gz-list-col .gz-events-card-body {
    text-align: left;
  }
  #gzns .gz-details-columns,
  #gzns .gz-event-images-columns {
    -webkit-column-count: 3;
    column-count: 3;
  }
  #gzns .gz-event-details-card,
  #gzns .gz-store-details-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    border: 0;
  }
  #gzns .gz-events-listing .gz-list-col {
    padding-left: 45px;
  }
  #gzns .gz-card-wkday-wrap {
    padding: 10px;
    position: absolute;
    top: -40px;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    transition: all 200ms;
  }
  #gzns .gz-events-listing .card-header:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #gzns .card-footer.gz-card-register {
    background-color: transparent;
    border-top: 0;
    padding: 0;
    position: relative;
    z-index: unset;
  }
  #gzns .gz-list-col .gz-card-month {
    width: 85px;
  }
  #gzns .gz-list-col .gz-card-month {
    font-size: 100%;
  }
  #gzns .gz-list-col .gz-card-dday {
    font-size: 125%;
  }
  #gzns .gz-events-listing .gz-card-head-img .img-fluid {
    max-width: 100%;
  }
  #gzns .gz-events-listing .gz-grid-col .gz-card-head-img .img-fluid {
    max-width: 250px;
  }
  #gzns .gz-list-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  #gzns .gz-md-list-col,
  #gzns .gz-sm-list-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 30px;
  }
  #gzns .gz-md-list-col .card,
  #gzns .gz-sm-list-col .card {
    height: auto;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 1rem;
  }
  #gzns .gz-sm-list-col .card-header {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    height: auto;
  }
  #gzns .gz-md-list-col .card-header {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    height: auto;
  }
  #gzns .gz-md-list-col .gz-content-card .gz-card-head-img .img-fluid {
    max-height: 120px;
  }
  #gzns .gz-md-list-col .card-body,
  #gzns .gz-sm-list-col .card-body {
    border-left: 1px solid #d4d4d4;
    padding: 0 1.25rem;
    margin: 1.25rem 0;
  }
  #gzns .gz-md-list-col .card-title {
    margin-bottom: 0;
  }
  #gzns .gz-md-list-col .card-footer,
  #gzns .gz-sm-list-col .card-footer {
    flex-direction: column;
    text-align: right;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  #gzns .gz-md-list-col .gz-posted-badge {
    margin: 0 0 auto;
  }
  #gzns .gz-md-list-col .gz-content-card:before,
  #gzns .gz-sm-list-col .gz-content-card:before {
    bottom: -1px;
    height: auto;
    left: unset;
    right: 100%;
    top: -1px;
    width: 1rem;
  }
  #gzns .gz-md-list-col .gz-content-card:hover:before,
  #gzns .gz-sm-list-col .gz-content-card:hover:before {
    width: 30px;
  }
  #gzns .gz-grid-col .gz-content-card:hover:before {
    height: 30px;
    top: -30px;
  }
  #gzns .gz-grid-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  #gzns .gz-event-details-card,
  #gzns .gz-store-details-card {
    box-shadow: none;
  }
  #gzns .gz-event-details-card .card-body,
  #gzns .gz-store-details-card .card-body {
    box-shadow: 0 0.125rem 0.225rem rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(0, 0, 0, 0.125);
    margin-top: 1rem;
  }
}
@media (min-width: 768px) {
  #gzns .gz-search-keyword {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 125px;
    flex: 1 1 125px;
    min-width: 240px;
  }
  #gzns .gz-search-filters .custom-file,
  #gzns .gz-search-filters .custom-select,
  #gzns .gz-search-filters .form-control,
  #gzns .gz-search-filters > span {
    width: 1%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  #gzns .gz-search-filters {
    border-radius: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1.5rem;
    padding: 0 6px;
  }
  #gzns .gz-search-btn {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
  }
  #gzns .gz-search-filters .gz-search-btn {
    width: auto;
  }
  #gzns .gz-events-listing .gz-list-col .card-footer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 175px;
    flex: 0 0 175px;
  }
  #gzns .gz-list-col .gz-card-month {
    width: 125px;
  }
  #gzns .gz-events-listing .gz-list-col .card .card-header:first-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 130px;
    flex: 0 0 130px;
    height: auto;
    padding: 1rem;
    width: 130px;
  }
  #gzns .gz-grid-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}
@media (min-width: 992px) {
  #gzns input,
  #gzns select {
    margin-bottom: 0;
    /*use mrgin bttom to prvent i pos issus*/
  
  }
  #gzns .gz-details-columns,
  #gzns .gz-event-images-columns {
    -webkit-column-count: 4;
    column-count: 4;
  }
  #gzns .gz-list-col .gz-card-month {
    font-size: 110%;
  }
  #gzns .gz-list-col .gz-card-dday {
    font-size: 200%;
  }
  #gzns .gz-grid-col.col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  #gzns .gz-list-col .gz-event-card-title {
    display: inline-block;
    margin-right: 10px;
  }
}
@media (min-width: 1200px) {
  .card-columns {
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
  }
}
@media (max-width: 767.98px) {
  #gzns .gz-autocomplete-results {
    margin: 0;
  }
  #gzns .gz-search-filters .input-group-append {
    display: block;
  }
  #gzns .gz-search-filters .gz-search-btn {
    padding: 0.5rem;
  }
  #gzns .gz-more-filters .custom-select,
  #gzns .input-group.gz-search-filters > .custom-select:not(:first-child),
  #gzns .input-group.gz-search-filters > .custom-select:not(:last-child),
  #gzns .input-group.gz-search-filters > .form-control:not(:first-child),
  #gzns .input-group.gz-search-filters > .form-control:not(:last-child),
  #gzns .input-group.gz-search-filters > .input-group-append > .btn {
    border-radius: 0.25rem;
  }
  #gzns .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
  #gzns .gz-alphanumeric .btn-toolbar a.btn,
  #gzns .gz-alphanumeric .btn-toolbar button {
    border-radius: 0.25rem;
  }
  #gzns .gz-all-headers {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #gzns .gz-all-headers img {
    padding-bottom: 0.5rem;
  }
  #gzns .gz-details-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  #gzns .gz-details-titles {
    -webkit-box-flex: 80%;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
  }
}
/*-------------------b3 overrides---------------------*/

#gzns .btn-group-vertical > .btn-group:after,
#gzns .btn-group-vertical > .btn-group:before,
#gzns .btn-toolbar:after,
#gzns .btn-toolbar:before,
#gzns .clearfix:after,
#gzns .clearfix:before,
#gzns .container-fluid:after,
#gzns .container-fluid:before,
#gzns .container:after,
#gzns .container:before,
#gzns .form-horizontal .form-group:after,
#gzns .form-horizontal .form-group:before,
#gzns .modal-footer:after,
#gzns .modal-footer:before,
#gzns .nav:after,
#gzns .nav:before,
#gzns .navbar-collapse:after,
#gzns .navbar-collapse:before,
#gzns .navbar-header:after,
#gzns .navbar-header:before,
#gzns .navbar:after,
#gzns .navbar:before,
#gzns .pager:after,
#gzns .pager:before,
#gzns .panel-body:after,
#gzns .panel-body:before,
#gzns .row:after,
#gzns .row:before {
  content: "";
  display: none;
}
#gzns .btn-toolbar .btn-group,
#gzns .btn-toolbar .input-group {
  float: none;
}
/*-------end of b3 overrides---------*/

/* Modals */

#gzns .gz-modal.loading {
  /*position: relative;*/
  opacity: 0.5;
  pointer-events: none;
}
#gzns .gz-modal.loading:before {
  content: '\f021';
  display: inline-block;
  animation: fa-spin 2s infinite linear;
  position: absolute;
  top: 50px;
  left: 50%;
  margin-left: -50px;
  text-align: center;
  font: normal normal normal 14px/1 'Font Awesome 5 Pro';
  font-size: 100px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
#gzns .gz-modal {
  color: black;
  background: white;
  border-radius: 3px;
  margin: 0 auto;
  padding: 10px;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 50%;
  max-width: 630px;
  min-width: 320px;
  height: auto;
  z-index: 2000;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.75);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.75);
}
#gzns .gz-modal .gz-modal-content {
  position: relative;
  min-height: 400px;
}
#gzns .gz-modal .gz-modal-title {
  text-align: center;
  margin-top: 5px;
}
#gzns .gz-modal .gz-modal-controls {
  position: relative;
  text-align: right;
  border-top: 1px solid #aaaaaa;
}
#gzns .gz-modal .gz-modal-controls button {
  margin: 5px;
  border-radius: 0.25em;
  padding: 0.375rem 0.75rem;
  border: 1px solid transparent;
}
#gzns .gz-modal-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 1000;
  opacity: 0;
  background: rgba(170, 170, 170, 0.8);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
#gzns .gz-modal-overlay.opened,
#gzns .gz-modal.opened {
  visibility: visible;
}
#gzns .gz-modal-overlay.opened {
  opacity: 1;
}
/* Tell a Friend */

#gzns #gz-tell-a-friend .gz-label,
#gzns #gz-tell-a-friend .gz-label input,
#gzns #gz-tell-a-friend .gz-label textarea {
  width: 100%;
}
#gzns #gz-tell-a-friend .gz-required .gz-form-name:after {
  content: '*';
  color: red;
}
#gzns- #gz-tell-a-friend .gz-label.mn-error .gz-field-name {
  color: red;
}
#gzns #gz-tell-a-friend .gz-label.gz-error input {
  border: 1px solid red;
}
#gzns .gz-detail-img {
  max-height: 100px;
  max-width: 200px;
  display: block;
  margin: 5px 0;
}
#gzns .select2-container .select2-selection--single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  min-height: 100%;
}
#gzns .select2-container .select2-selection--single .select2-selection__rendered {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  color: inherit;
  line-height: 1.4;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  white-space: nowrap;
}
#gzns .select2-container--default .select2-selection--single {
  border: 1px solid #ced4da;
}
#gzns .select2-container--default .select2-selection--single .select2-selection__arrow {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  position: absolute;
  top: unset;
  right: 8px;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
#gzns .gz-search-btn {
  height: auto;
}
#gzns .select2-container .select2-selection--single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 768px) {
  #gzns .select2-container--default .select2-selection--single {
    border-radius: 0;
  }
  #gzns .gz-search-filters {
    background-color: rgba(0, 0, 0, 0.04);
    margin: 30px auto;
  }
  #gzns .gz-radius-input-button {
    max-width: 120px;
  }
  #gzns .gz-content-details-tags {
    font-size: 110%;
  }
}
@media (max-width: 767.98px) {
  #gzns .select2-selection__rendered {
    padding: 0;
  }
  #gzns .select2-container .select2-selection--single {
    padding: 0.375rem 0.75rem;
  }
  #gzns .gz-directory-search {
    background-color: rgba(0, 0, 0, 0.04);
    margin: 15px 0;
    padding: 20px 5px;
  }
  #gzns .gz-event-images {
    margin-bottom: 1rem;
  }
}
#gzns i.gz-adv-search-open,
#gzns i.gz-adv-search-closed {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
  margin-left: 5px;
}
#gzns .gz-adv-search-open {
  display: none;
}
#gzns .gz-directory-search form#filter {
  margin: 0 auto;
}
#gzns .gz-adv-search {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 30px;
  margin-right: 0;
  margin-left: 0;
  width: 100%;
  border: 1px solid #cccccc;
  border-radius: 5px;
  padding: 10px;
}
#gzns .gz-adv-filter-label {
  position: relative;
}
#gzns .gz-adv-filter-group {
  min-height: 1px;
  padding-right: 15px;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  margin-bottom: 0.5rem;
}
#gzns .gz-adv-filter-group:nth-child(even) {
  padding-right: 0;
}
#gzns ul.select2-selection__rendered {
  margin: 0;
}
#gzns .select2-container--default .select2-selection--multiple {
  line-height: 1;
}
#gzns .select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #ced4da;
}
#gzns #gz-search-custom {
  padding-top: 10px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#gzns .gz-event-description,
#gzns .gz-event-sponsors,
#gzns .gz-event-sessions,
#gzns .gz-store-description,
#gzns .gz-store-price {
  margin-bottom: 1em;
}
#gzns .gz-event-sponsor {
  display: block;
  margin-bottom: 1rem;
}
#gzns .gz-event-sponsor .gz-event-sponsor-item {
  max-width: 150px;
  text-align: center;
  display: table-cell;
  padding-right: 1.75rem;
  vertical-align: top;
}
#gzns .gz-event-sponsor a span {
  display: block;
  min-height: 50px;
}
#gzns [class*="details-tags"] div {
  display: inline-block;
  margin-right: 15px;
  opacity: 0.8;
}
#gzns [class*="details-tags"] i:not(.gz-fa-tags) {
  margin-right: 5px;
}
#gzns .gz-details-titles [itemprop="endDate"]:before {
  content: "- ";
}
#gzns .gz-modal-details-img {
  max-width: 100%;
  height: auto;
}
#gzns .gz-session-item {
  padding: 15px 15px;
  border: 1px solid #dddddd;
  margin-bottom: 15px;
}
#mgzns .gz-session-inner {
  margin-left: -10px;
  margin-right: -10px;
}
#gzns .gz-session-inner:after {
  content: "";
  display: block;
  clear: both;
}
#gzns .gz-session-heading {
  margin-bottom: 0;
}
#gzns .gz-session-img {
  display: inline;
  max-width: 100%;
  height: auto;
}
#gzns .gz-session-card-img {
  width: 25%;
}
#gzns .gz-session-card-detail {
  width: 75%;
}
#gzns .gz-session-date i {
  margin-right: 5px;
}
#gzns .gz-session-spkname {
  font-weight: bold;
}
#gzns .gz-web-content-subscribe-button,
#gzns .gz-web-content-subscribe-form,
#gzns .gz-web-content-subscribe-confirm {
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
  opacity: 0;
  height: 0;
  overflow: hidden;
}
#gzns .gz-web-content-subscribe[state="closed"] .gz-web-content-subscribe-button,
#gzns .gz-web-content-subscribe[state="complete"] .gz-web-content-subscribe-confirm,
#gzns .gz-web-content-subscribe[state="open"] .gz-web-content-subscribe-form {
  opacity: 1;
  height: auto;
  overflow: hidden;
}
#gzns .gz-web-content-subscribe[state="open"] .gz-web-content-subscribe-form {
  margin-bottom: 25px;
}
#gzns .gz-web-content-subscribe-form .gz-button {
  margin-left: 5px;
}
#gzns .gz-web-content-subscribe-form .gz-web-content-subscribe-email {
  margin-right: 100px;
}
#gzns .gz-web-email-input {
  display: inline;
  width: 300px;
}
#gzns a.btn.btn-block.gz-btn-register {
  background-color: #363636;
  color: white;
  font-weight: bold;
  border-radius: 2rem;
}
#gzns a.btn.btn-block.gz-btn-register:hover {
  opacity: 0.85;
}
#gzns .gz-grid-col .gz-directory-card .gz-card-description {
  display: none;
}
#gzns .card-img.gz-eventcard-img,
#gzns .card-img.gz-storecard-img,
#gzns .gz-store-details-header .gz-detail-img {
  cursor: pointer;
}
#gzns #eventImagesModal .modal-body {
  text-align: center;
}
#gzns .gz-directory-card-body .gz-list-title,
#gzns .gz-directory-card-body .gz-list-org-name {
  display: block;
}
#gzns .gz-public-content-item {
  list-style-type: none;
}
#gzns .gz-store-subitem {
  margin-bottom: 10px;
  display: block;
}
#gzns .gz-fa-shopping-cart {
  font-size: 2em;
}
#gzns .gz-cart-btn {
  margin-right: 25px;
}
#gzns div.gz-cart-badge {
  border-radius: 50%;
  padding: 0px;
  top: -15px;
  position: absolute;
  height: 25px;
  line-height: 25px;
  right: 0;
  width: 25px;
  justify-content: center;
  display: flex;
}
#gzns a.gz-submitEvent-badge {
  border-radius: 50%;
  padding: 0.6em 0.8em;
  background-color: #555555;
  border-color: #555555;
  color: white;
}
#gzns .gz-store-price {
  font-weight: bold;
  font-size: larger;
}
#gzns .gz-cart-confirm {
  margin-bottom: 15px;
}
#gzns .gz-cart-btn {
  font-size: 0.9rem;
}
#gzns .gz-cart-confirm-btn {
  margin-top: 15px;
}
#gzns .gz-cart-table {
  margin-top: 1rem;
  width: 100%;
}
#gzns .gz-store-details-left {
  margin-left: 10px;
}
#gzns .gz-product-quantity > input {
  width: 60px;
}
#gzns .gz-cart-table td {
  padding: 5px;
}
#gzns .gz-cart-heading {
  display: inline;
}
#gzns .gz-cart-item-link {
  all: unset;
  color: #007bff;
  text-decoration: underline;
  cursor: pointer;
}
#gzns #gz-calendar {
  display: table;
  table-layout: fixed;
  text-align: center;
  width: 100%;
  border-collapse: collapse;
}
#gzns #gz-calendar .gz-month,
#gzns #gz-calendar .gz-week {
  display: table-row;
}
#gzns #gz-calendar .gz-month .gz-date {
  display: table-cell;
}
#gzns #gz-calendar .gz-day {
  display: table-cell;
  height: 90px;
  border: 1px solid #cccccc;
  position: relative;
}
#gzns #gz-calendar .gz-names .gz-day {
  height: 25px;
}
#gzns #gz-calendar .gz-week.gz-names {
  color: white;
}
#gzns #gz-calendar .gz-week.gz-names .gz-day {
  background-color: #555555;
}
#gzns #gz-calendar .gz-event-link {
  font-size: 80%;
  margin: 0 3px 3px 3px;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 5px;
}
#gzns #gz-calendar .gz-event-link:last-child {
  border-bottom: 0;
}
#gzns #gz-calendar .gz-day-link {
  font-weight: bold;
}
#gzns #gz-calendar .gz-more-events-link {
  display: none;
  position: absolute;
  bottom: 0px;
  right: 0;
  width: 100%;
  background-color: white;
  border-top: 1px solid #cccccc;
  text-align: right;
  font-size: 10px;
}
#gzns #gz-calendar .gz-event-link a {
  word-break: break-word;
  /*color: inherit; Need to find out why this is placed, if category/color is added inline or not*/

}
#gzns .gz-calendar-month {
  text-align: center;
}
#gzns #gz-calendar .gz-day-link:after {
  content: "\f058";
  position: absolute;
  font: normal normal normal 14px/1.8 FontAwesome;
  padding-left: 1px;
}
@media (min-width: 450px) {
  #gzns #gz-calendar .gz-day-link:after {
    font-size: 170%;
    padding-left: 6px;
  }
}
@media (min-width: 640px) {
  #gzns #gz-calendar .gz-more-events-link {
    display: block;
  }
  #gzns #gz-calendar .gz-day-link:after {
    content: none;
  }
}
@media (max-width: 640px) {
  #gzns #gz-calendar .gz-event-link {
    display: none;
  }
  #gzns #gz-calendar .gz-day {
    height: 45px;
  }
}
#gzns .gz-switch-month i {
  font-size: 25px;
  vertical-align: middle;
  margin-right: 15px;
  margin-left: 15px;
}
#gzns .gz-directory-cards .gz-membership-type,
#gzns .gz-directory-details .gz-membership-type {
  display: none;
}
.event-sponsor-wrap a:hover {
  opacity: 0.8;
  text-decoration: none;
}
.event-sponsor-wrap img {
  background-color: white;
}
.event-sponsor-wrap .col-sm-4.col-md-3 {
  padding-left: 0;
}
.event-sponsor-wrap.name-on.logo-on > .col-sm-4.col-md-3 > div {
  border: 1px solid #cccccc;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0;
  margin: 0;
}
.event-sponsor-wrap.logo-on img {
  max-height: 200px;
  margin: auto;
  display: block;
  max-width: 100%;
  height: auto;
}
.event-sponsor-wrap.name-on.logo-on img {
  padding: 1rem;
}
.event-sponsor-wrap.name-on:not(.logo-on) .col-sm-4.col-md-3 {
  width: 100%;
}
.event-sponsor-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.event-sponsor-wrap.name-on.logo-on > div {
  -ms-flex: 1 1 25%;
  flex: 1 1 25%;
  max-width: 25%;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
}
.event-sponsor-wrap.name-on.logo-on .event-sponsor-item > div {
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  border: 1px solid #cccccc;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0;
  margin: 0;
  justify-content: center;
}
.event-sponsor-wrap.name-on.logo-on .event-sponsor-item > div > a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  justify-content: space-between;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  justify-content: center;
}
.event-sponsor-wrap.name-on.logo-on .event-sponsor-item > div > a span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-direction: column;
  flex-direction: column;
}
.event-sponsor-wrap.name-on.logo-on .event-sponsor-item > div > span {
  -ms-flex-pack: distribute;
  justify-content: space-around;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 100px;
}
.event-sponsor-wrap.name-on.logo-on .event-sponsor-item > div:before {
  position: absolute;
  top: 32%;
  -ms-transform: translateY(-32%);
  transform: translateY(-32%);
  color: #afabab;
  width: 100%;
  text-align: center;
}
.event-sponsor-wrap.name-on.logo-on .event-sponsor-name {
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  padding: 15px;
  width: 100%;
  align-self: flex-end;
}

/*** MCC Member Directory styling — Oct 2026 ***/
/* Landing-page rules are scoped via the A–Z links, which stay in the DOM
   but are hidden; category quick links (mcc-directory-nav.html) replace them. */

/* CHANGE LOG — 2026-10-10
   - Member website link: replaced the old "Visit website ↗" override
     (it hid the link text and used selectors that don't exist in the
     GrowthZone markup) with rules that target the real classes
     (.gz-card-website on results cards, .gz-details-website on the
     details page). The matching script in Custom Footer HTML writes the
     member's domain into the link text and keeps the link followed.
   - NOTE: the website field only appears once "Website" is enabled for
     each Listing Type in GrowthZone's directory settings, and the
     "link listing to website instead of details page" option is turned
     off. CSS cannot show a field GrowthZone isn't outputting. */

/* ---------- Typeface: sans-serif throughout the directory ---------- */
/* Body/UI text. If the main site uses a different sans, put its name first. */
/* Headings are excluded here — they get Archivo in the next block. */
/* Icon elements (Font Awesome / Glyphicon) are excluded so arrows and the
   search icon keep their icon font. */
#gzns:has(a[href*="FindStartsWith"]),
#gzns:has(a[href*="FindStartsWith"]) *:not(i):not(svg):not([class*="fa-"]):not(.fa):not(.fas):not(.far):not(.fab):not(.glyphicon):not([class*="icon"]):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(:is(h1, h2, h3, h4, h5, h6) *) {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

/* ---------- Headlines: Archivo Medium, sans-serif ---------- */
/* Archivo must be loaded in the site <head> if it isn't already, e.g.
   <link href="https://fonts.googleapis.com/css2?family=Archivo:wght@500&display=swap" rel="stylesheet"> */
body:has(a[href*="FindStartsWith"]) h1,
#gzns :is(h1, h2, h3, h4, h5, h6),
#gzns :is(h1, h2, h3, h4, h5, h6) a,
.gz-directory-details :is(h1, h2, h3, h4, h5, h6),
#gz-directory-details :is(h1, h2, h3, h4, h5, h6),
.gz-directory-details .gz-card-title,
.gz-directory-search :is(h1, h2, h3, h4, h5, h6),
#gz-directory-search :is(h1, h2, h3, h4, h5, h6),
.gz-directory-card h5,
.gz-directory-card h5 a,
.gz-list-card h5,
.gz-list-card h5 a {
  font-family: "Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 500 !important;
}

/* ---------- Headline: navy on white, above the navy search band ---------- */
body:has(a[href*="FindStartsWith"]) h1 {
  background: transparent;
  color: #1e2953;
  font-size: clamp(2.2rem, 4vw, 3.1rem);
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.05;
  margin: 48px 0 28px;
  padding: 0 26px; /* lines the text up with the search band's inner edge */
}
/* Brand stripe above the headline: blue, then the red and green accents */
body:has(a[href*="FindStartsWith"]) h1::before {
  content: "";
  display: block;
  width: 96px;
  height: 6px;
  margin-bottom: 22px;
  border-radius: 3px;
  background: linear-gradient(90deg, #38b6ff 0 55%, #ff0035 55% 80%, #9fd356 80% 100%);
}
/* Deck: why this directory matters */
body:has(a[href*="FindStartsWith"]) h1::after {
  content: "Every business listed here is a Manhattan Chamber member. Hire one and you keep jobs and dollars in the neighborhoods that make this borough run.";
  display: block;
  max-width: 62ch;
  margin-top: 18px;
  color: #5b6480;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.1rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.55;
}

/* ---------- Search band ---------- */
#gzns:has(a[href*="FindStartsWith"]) form {
  background: #1e2953;
  color: #fff;
  border-radius: 10px;
  padding: 28px 36px 26px;
  margin: 0 0 32px;
}
#gzns:has(a[href*="FindStartsWith"]) form::before {
  content: "Find a member by name, category, or zip code.";
  display: block;
  color: #fff;
  font-size: 1.05rem;
  font-weight: 600;
  margin-bottom: 14px;
}
@media (max-width: 600px) {
  body:has(a[href*="FindStartsWith"]) h1 {
    padding: 0 8px;
    margin: 24px 0 20px;
  }
  #gzns:has(a[href*="FindStartsWith"]) form {
    padding: 22px 22px 20px;
  }
}
#gzns:has(a[href*="FindStartsWith"]) .form-control,
#gzns:has(a[href*="FindStartsWith"]) select {
  height: 48px;
  font-size: 0.95rem;
  background: #fff;
  border: none;
  border-radius: 6px;
}
#gzns:has(a[href*="FindStartsWith"]) form .form-control,
#gzns:has(a[href*="FindStartsWith"]) form select,
#gzns:has(a[href*="FindStartsWith"]) form input {
  color: #1e2953;
}
#gzns:has(a[href*="FindStartsWith"]) .btn-primary,
#gzns:has(a[href*="FindStartsWith"]) button[type="submit"] {
  background-color: #38b6ff !important;
  border-color: #38b6ff !important;
  color: #fff !important;
  height: 48px;
  padding: 0 26px;
  font-weight: 700;
  letter-spacing: 0.02em;
  border-radius: 6px;
}
#gzns:has(a[href*="FindStartsWith"]) .btn-primary:hover,
#gzns:has(a[href*="FindStartsWith"]) button[type="submit"]:hover {
  background-color: #ff0035 !important;
  border-color: #ff0035 !important;
}
#gzns:has(a[href*="FindStartsWith"]) form a {
  color: #9fd356;
  font-weight: 600;
}
#gzns:has(a[href*="FindStartsWith"]) form label {
  color: #fff;
  font-weight: 600;
}

/* ---------- A–Z strip: hidden (replaced by category quick links) ---------- */
#gzns a[href*="FindStartsWith"],
#gzns .mcc-az-row {
  display: none !important;
}

/* ---------- Quick links: one per headline category (built by mcc-directory-nav.html) ---------- */
#gzns .mcc-quick {
  margin: 0 0 32px;
}
#gzns .mcc-quick__lead {
  margin: 0 0 12px;
  font-size: 1.05rem;
  font-weight: 600;
  color: #1a1f36;
}
#gzns .mcc-quick__list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
#gzns a.mcc-quick__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 2px solid #1e2953;
  border-radius: 999px;
  background: #fff;
  color: #1e2953;
  padding: 10px 18px;
  font-size: 0.98rem;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition:
    background 0.15s,
    color 0.15s,
    border-color 0.15s;
}
#gzns a.mcc-quick__link:hover {
  background: #1e2953;
  color: #fff;
}
#gzns a.mcc-quick__link:focus-visible {
  outline: 3px solid #9fd356;
  outline-offset: 2px;
}
#gzns .mcc-quick__count {
  font-size: 0.78rem;
  font-weight: 700;
  background: #eef7fd;
  color: #1e2953;
  border-radius: 999px;
  padding: 2px 8px;
}
#gzns a.mcc-quick__link:hover .mcc-quick__count {
  background: #38b6ff;
  color: #fff;
}
#gzns .mcc-quick__note {
  margin: 12px 0 0;
  font-size: 0.9rem;
  color: #5b6480;
}

/* ---------- Category cards ---------- */
#gzns *:has(> h5 > a[href*="/member-directory/Search/"]) {
  background: #fff;
  border: 1px solid #e3e8ef;
  border-top: 5px solid #1e2953;
  border-radius: 8px;
  padding: 22px 22px 14px;
  box-shadow: 0 2px 6px rgba(30, 41, 83, 0.06);
  transition:
    box-shadow 0.2s,
    transform 0.2s;
}
#gzns *:has(> h5 > a[href*="/member-directory/Search/"]):hover {
  box-shadow: 0 12px 28px rgba(30, 41, 83, 0.14);
  transform: translateY(-3px);
}

/* Card headings */
#gzns h5 > a[href*="/member-directory/Search/"] {
  display: block;
  color: #1e2953;
  font-size: 1.25rem;
  line-height: 1.3;
  font-weight: 500;
  text-decoration: none;
  padding-bottom: 10px;
  margin-bottom: 14px;
  border-bottom: 2px solid #38b6ff;
}
#gzns h5 > a[href*="/member-directory/Search/"]:hover {
  color: #38b6ff;
}

/* Hide the stray commas between links */
#gzns *:has(> a[href*="/member-directory/Search/"][href*="cid="]) {
  font-size: 0;
}

/* Subcategory pills */
#gzns a[href*="/member-directory/Search/"][href*="cid="] {
  display: inline-block;
  font-size: 0.88rem;
  line-height: 1.4;
  font-weight: 600;
  background: #eef7fd;
  color: #1e2953;
  border: 1px solid #b9dff7;
  border-radius: 999px;
  padding: 7px 15px;
  margin: 0 8px 10px 0;
  text-decoration: none;
  transition:
    background 0.15s,
    color 0.15s,
    border-color 0.15s;
}
#gzns a[href*="/member-directory/Search/"][href*="cid="]:hover {
  background: #1e2953;
  color: #fff;
  border-color: #1e2953;
}

/* ---------- Hide "Powered By GrowthZone" (directory) ---------- */
#gzns *:has(> a[href*="growthzone.com"]) {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  #gzns *:has(> h5 > a[href*="/member-directory/Search/"]),
  #gzns *:has(> h5 > a[href*="/member-directory/Search/"]):hover,
  #gzns a.mcc-quick__link,
  #gzns a[href*="/member-directory/Search/"][href*="cid="] {
    transition: none;
    transform: none;
  }
}

/* ============================================================
   Shared tokens
   ============================================================ */
:root {
  --mcc-navy: #1e2953;
  --mcc-blue: #38b6ff;
  --mcc-red: #ff0035;
  --mcc-green: #9fd356;
  --mcc-ink: #1a1f36;
  --mcc-muted: #5b6480;
  --mcc-line: #dde3ef;
  --mcc-panel: #f4f7fb;
  --mcc-head: "Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* ============================================================
   MCC — Member directory DETAIL page
   Scope: pages that render the share/print link (details only)
   ============================================================ */

.gz-directory-details,
#gz-directory-details {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 1.25rem 3rem;
  color: var(--mcc-ink);
}

.gz-directory-details .gz-details-title,
.gz-directory-details h1.gz-details-title,
.gz-directory-details .gz-details-top h1 {
  display: none;
}

.gz-back-to-search,
.gz-directory-details a[href$="/member-directory"] {
  display: inline-block;
  margin: 0 0 1.25rem;
  font-size: 0.9rem;
  color: var(--mcc-muted);
  text-decoration: none;
}
.gz-back-to-search:hover,
.gz-directory-details a[href$="/member-directory"]:hover {
  color: var(--mcc-navy);
}

.gz-details-top {
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: 1.5rem 2rem;
  align-items: start;
  padding: 1.75rem;
  margin-bottom: 2rem;
  background: #fff;
  border: 1px solid var(--mcc-line);
  border-top: 4px solid var(--mcc-navy);
}
.gz-details-logo,
.gz-details-top .gz-member-logo {
  grid-row: 1 / span 2;
}
.gz-details-logo img,
.gz-details-top .gz-member-logo img {
  width: 100%;
  height: auto;
  max-height: 180px;
  object-fit: contain;
  background: #fff;
}

.gz-details-category,
.gz-details-categories {
  margin: 0;
}
.gz-details-category h5,
.gz-details-categories h5,
.gz-details-category .gz-card-title {
  display: none;
}
.gz-details-category a,
.gz-details-categories a,
.gz-details-category span,
.gz-details-categories span {
  display: inline-block;
  margin: 0 0.4rem 0.4rem 0;
  padding: 0.3rem 0.8rem;
  border-radius: 999px;
  background: var(--mcc-blue);
  color: #fff;
  font-size: 0.85rem;
  font-weight: 600;
  text-decoration: none;
}
.gz-details-category a:hover,
.gz-details-categories a:hover {
  background: var(--mcc-navy);
}

/* Contact list on the details page.
   .gz-details-links / .gz-list-group are the classes GrowthZone actually
   outputs; the .gz-details-top / .gz-member-contact names are kept for
   safety in case a template update reintroduces them. */
.gz-details-top .gz-member-contact,
.gz-details-top ul,
.gz-details-links .gz-list-group {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 1rem;
}
.gz-details-top .gz-member-contact li,
.gz-details-top ul li,
.gz-details-links .gz-list-group li {
  padding: 0.45rem 0;
  border-top: 1px solid var(--mcc-line);
}
.gz-details-top .gz-member-contact li:first-child,
.gz-details-top ul li:first-child,
.gz-details-links .gz-list-group li:first-child {
  border-top: 0;
}
.gz-details-top .gz-member-contact a,
.gz-details-top ul a,
.gz-details-links .gz-list-group a {
  color: var(--mcc-navy);
  text-decoration: none;
  font-weight: 500;
}
.gz-details-top .gz-member-contact a:hover,
.gz-details-top ul a:hover,
.gz-details-links .gz-list-group a:hover {
  color: var(--mcc-blue);
  text-decoration: underline;
}

/* ---------- Member website link (details page) ----------
   The Custom Footer HTML script replaces GrowthZone's "Visit Website"
   label with the member's own domain (e.g. litriviscpa.com) and adds
   rel="noopener" — never nofollow — so the link stays a followed
   backlink. This block only styles it. Do not set font-size: 0 here;
   that hid the text in the previous version. */
.gz-details-links li.gz-details-website a,
.gz-directory-details li[class*="website"] a,
.gz-details-top .gz-member-contact a[href^="http"]:not([href*="growthzoneapp.com"]):not([href*="manhattancc.org"]) {
  font-weight: 700;
  color: var(--mcc-navy);
  overflow-wrap: anywhere;
}
.gz-details-links li.gz-details-website a::after,
.gz-directory-details li[class*="website"] a::after,
.gz-details-top .gz-member-contact a[href^="http"]:not([href*="growthzoneapp.com"]):not([href*="manhattancc.org"])::after {
  content: " ↗";
  font-weight: 400;
  color: var(--mcc-blue);
}
.gz-details-links li.gz-details-website a:hover,
.gz-directory-details li[class*="website"] a:hover {
  color: var(--mcc-blue);
  text-decoration: underline;
}

.gz-details-about,
.gz-details-additional-info,
.gz-details-images,
.gz-details-contacts,
.gz-details-map,
.gz-details-video,
.gz-details-highlights {
  margin-bottom: 2.25rem;
}

.gz-details-about h3,
.gz-details-additional-info h3,
.gz-details-images h3,
.gz-details-contacts h3,
.gz-details-map h3,
.gz-details-video h3,
.gz-details-highlights h3,
.gz-directory-details .gz-card-title {
  font-family: var(--mcc-head);
  font-size: 1.1rem;
  font-weight: 500;
  color: var(--mcc-navy);
  margin: 0 0 0.75rem;
  padding-bottom: 0.4rem;
  border-bottom: 2px solid var(--mcc-line);
  position: relative;
}
.gz-details-about h3::after,
.gz-details-additional-info h3::after,
.gz-details-images h3::after,
.gz-details-contacts h3::after,
.gz-details-map h3::after,
.gz-details-video h3::after,
.gz-details-highlights h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 48px;
  height: 2px;
  background: var(--mcc-blue);
}

.gz-details-about p {
  max-width: 68ch;
  font-size: 1.05rem;
  line-height: 1.65;
  margin: 0 0 1rem;
}
.gz-details-about a {
  color: var(--mcc-navy);
  text-decoration: underline;
  text-decoration-color: var(--mcc-blue);
  text-underline-offset: 3px;
}

.gz-details-additional-info p,
.gz-details-additional-info li {
  margin: 0;
  padding: 0.5rem 0;
  border-top: 1px solid var(--mcc-line);
  color: var(--mcc-ink);
}

.gz-details-images .gz-gallery,
.gz-details-images > div {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 0.75rem;
}
.gz-details-images img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: contain;
  background: var(--mcc-panel);
  border: 1px solid var(--mcc-line);
  padding: 0.5rem;
}

.gz-details-contacts .gz-member-repcard,
.gz-details-contacts > div {
  padding: 1rem 1.25rem;
  background: var(--mcc-panel);
  border-left: 3px solid var(--mcc-green);
}
.gz-details-contacts h5 {
  margin: 0 0 0.25rem;
  font-family: var(--mcc-head);
  font-size: 1rem;
  font-weight: 500;
  color: var(--mcc-navy);
}
.gz-details-contacts .gz-rep-title,
.gz-details-contacts small {
  color: var(--mcc-muted);
}

.gz-details-map iframe,
.gz-details-map .gz-map {
  width: 100%;
  height: 260px;
  border: 1px solid var(--mcc-line);
}

.gz-details-share {
  margin-top: 2.5rem;
  padding-top: 1rem;
  border-top: 1px solid var(--mcc-line);
}
.gz-details-share h5 {
  display: none;
}
.gz-details-share a {
  display: inline-block;
  margin-right: 1rem;
  font-size: 0.85rem;
  color: var(--mcc-muted);
}
.gz-details-share a:hover {
  color: var(--mcc-red);
}

@media (max-width: 720px) {
  .gz-details-top {
    grid-template-columns: 1fr;
    padding: 1.25rem;
  }
  .gz-details-logo,
  .gz-details-top .gz-member-logo {
    grid-row: auto;
    max-width: 160px;
  }
}

/* ============================================================
   MCC — Member directory SEARCH RESULTS page
   Scope: only pages that have the Grid/List view toggle.
   The landing page (A–Z strip + category cards) never matches,
   so nothing here can touch it.
   ============================================================ */

/* Hide the module's duplicate category title (results pages only) */
body:has(a[title="Grid View"]) .gz-directory-search > h1,
body:has(a[title="Grid View"]) #gz-directory-search > h1 {
  display: none;
}

/* Search bar */
body:has(a[title="Grid View"]) #gz-directory-search-form,
body:has(a[title="Grid View"]) .gz-directory-search form {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  align-items: center;
  padding: 1rem 1.25rem;
  margin: 0 0 1.5rem;
  background: var(--mcc-panel);
  border: 1px solid var(--mcc-line);
}
body:has(a[title="Grid View"]) .gz-directory-search form input[type="text"],
body:has(a[title="Grid View"]) .gz-directory-search form input[type="search"] {
  flex: 1 1 260px;
  min-height: 44px;
  padding: 0 0.9rem;
  border: 1px solid var(--mcc-line);
  border-radius: 4px;
  font-size: 1rem;
  background: #fff;
}
body:has(a[title="Grid View"]) .gz-directory-search form select {
  min-height: 44px;
  padding: 0 0.75rem;
  border: 1px solid var(--mcc-line);
  border-radius: 4px;
  background: #fff;
  font-size: 0.95rem;
  color: var(--mcc-ink);
}
body:has(a[title="Grid View"]) .gz-directory-search form button,
body:has(a[title="Grid View"]) .gz-directory-search form input[type="submit"] {
  min-height: 44px;
  padding: 0 1.4rem;
  border: 0;
  border-radius: 4px;
  background: var(--mcc-navy);
  color: #fff;
  font-weight: 600;
  font-size: 0.95rem;
  cursor: pointer;
}
body:has(a[title="Grid View"]) .gz-directory-search form button:hover {
  background: var(--mcc-blue);
}

/* Parent-category breadcrumb link */
body:has(a[title="Grid View"]) .gz-directory-search > a[href$="/member-directory"] {
  display: inline-block;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
  color: var(--mcc-muted);
  text-decoration: none;
}

/* Results count + view toggle */
body:has(a[title="Grid View"]) .gz-directory-search h4 {
  margin: 0 0 1rem;
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--mcc-muted);
}
a[title="Grid View"],
a[title="List View"] {
  margin-left: 0.75rem;
  color: var(--mcc-muted);
  font-size: 0;
}
a[title="Grid View"]::before {
  content: "▦";
  font-size: 1.1rem;
}
a[title="List View"]::before {
  content: "☰";
  font-size: 1.1rem;
}
a[title="Grid View"]:hover::before,
a[title="List View"]:hover::before {
  color: var(--mcc-navy);
}

/* Card container: target the cards' parent directly, never .row */
*:has(> .gz-directory-card),
*:has(> .gz-list-card) {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1.25rem;
}

.gz-directory-card,
.gz-list-card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid var(--mcc-line);
  border-top: 3px solid var(--mcc-navy);
  padding: 0 0 1.1rem;
  margin: 0;
  width: auto;
  max-width: none;
  float: none;
}

/* Logo box */
.gz-directory-card .gz-card-image,
.gz-list-card .gz-card-image,
.gz-directory-card > a:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 140px;
  padding: 1rem;
  background: var(--mcc-panel);
  border-bottom: 1px solid var(--mcc-line);
  overflow: hidden;
  text-decoration: none;
}
.gz-directory-card .gz-card-image img,
.gz-list-card .gz-card-image img,
.gz-directory-card > a:first-child img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}
.gz-directory-card .gz-card-image:not(:has(img)),
.gz-directory-card > a:first-child:not(:has(img)) {
  background: var(--mcc-navy);
  color: #fff;
  font-weight: 700;
  font-size: 1.05rem;
  text-align: center;
  line-height: 1.3;
}

/* Name */
.gz-directory-card h5,
.gz-list-card h5 {
  margin: 1rem 1.1rem 0.5rem;
  font-family: var(--mcc-head);
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.3;
}
.gz-directory-card h5 a,
.gz-list-card h5 a {
  color: var(--mcc-navy);
  text-decoration: none;
}
.gz-directory-card h5 a:hover,
.gz-list-card h5 a:hover {
  color: var(--mcc-blue);
}

/* Contact links as buttons */
.gz-directory-card ul,
.gz-list-card ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin: 0 1.1rem 0.75rem;
  padding: 0;
}
.gz-directory-card ul li,
.gz-list-card ul li {
  margin: 0;
  padding: 0;
}
.gz-directory-card ul a,
.gz-list-card ul a {
  display: inline-block;
  padding: 0.3rem 0.7rem;
  border: 1px solid var(--mcc-line);
  border-radius: 4px;
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--mcc-navy);
  text-decoration: none;
  white-space: nowrap;
}
.gz-directory-card ul a:hover,
.gz-list-card ul a:hover {
  border-color: var(--mcc-blue);
  color: var(--mcc-blue);
}
.gz-directory-card ul a[href*="/Details/"],
.gz-list-card ul a[href*="/Details/"] {
  background: var(--mcc-navy);
  border-color: var(--mcc-navy);
  color: #fff;
}
.gz-directory-card ul a[href*="/Details/"]:hover,
.gz-list-card ul a[href*="/Details/"]:hover {
  background: var(--mcc-blue);
  border-color: var(--mcc-blue);
  color: #fff;
}

/* ---------- Member website link (results cards) ----------
   Same treatment as the details page: the footer script writes the
   member's domain into the link; this just makes it read as the
   member's own site rather than one more grey button. */
.gz-directory-card li.gz-card-website a,
.gz-list-card li.gz-card-website a {
  border-color: var(--mcc-blue);
  color: var(--mcc-navy);
  font-weight: 700;
}
.gz-directory-card li.gz-card-website a::after,
.gz-list-card li.gz-card-website a::after {
  content: " ↗";
  font-weight: 400;
  color: var(--mcc-blue);
}
.gz-directory-card li.gz-card-website a:hover,
.gz-list-card li.gz-card-website a:hover {
  background: #eef7fd;
  border-color: var(--mcc-navy);
}

/* Category line at the bottom */
.gz-directory-card > p:last-child,
.gz-directory-card > div:last-child,
.gz-list-card > p:last-child,
.gz-list-card > div:last-child {
  margin: auto 1.1rem 0;
  padding-top: 0.6rem;
  border-top: 1px solid var(--mcc-line);
  font-size: 0.82rem;
  color: var(--mcc-muted);
}

/* List view */
.gz-list-view .gz-directory-card,
.gz-list-view .gz-list-card {
  flex-direction: row;
  align-items: stretch;
}
.gz-list-view .gz-card-image,
.gz-list-view .gz-directory-card > a:first-child {
  flex: 0 0 160px;
  height: auto;
  border-bottom: 0;
  border-right: 1px solid var(--mcc-line);
}

@media (max-width: 600px) {
  *:has(> .gz-directory-card),
  *:has(> .gz-list-card) {
    grid-template-columns: 1fr;
  }
  .gz-list-view .gz-directory-card,
  .gz-list-view .gz-list-card {
    flex-direction: column;
  }
  .gz-list-view .gz-card-image {
    flex-basis: auto;
    height: 140px;
    border-right: 0;
    border-bottom: 1px solid var(--mcc-line);
  }
}
/* ---------- Results card fixes (append at end) ---------- */

/* Contact rows: column list, icon + text aligned, text can wrap */
.gz-directory-card ul,
.gz-list-card ul {
  flex-direction: column;
  align-items: stretch;
  gap: 0.5rem;
}
.gz-directory-card ul li,
.gz-list-card ul li {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  min-width: 0;
}
.gz-directory-card ul li > i,
.gz-list-card ul li > i,
.gz-directory-card ul li > svg,
.gz-list-card ul li > svg {
  flex: 0 0 auto;
  margin-top: 0.45rem;
  color: var(--mcc-navy);
}
.gz-directory-card ul a,
.gz-list-card ul a,
.gz-directory-card ul li > span,
.gz-list-card ul li > span {
  display: inline-block;
  white-space: normal;
  overflow-wrap: anywhere;
  min-width: 0;
  max-width: 100%;
  line-height: 1.4;
}

/* Hide the no-logo name slot so the title isn't shown twice */
.gz-directory-card > :first-child:not(:has(img)):not(:has(h5)):not(h5):not(ul),
.gz-list-card > :first-child:not(:has(img)):not(:has(h5)):not(h5):not(ul) {
  display: none;
}

/* Long names: let the heading break cleanly */
.gz-directory-card h5,
.gz-list-card h5 {
  overflow-wrap: anywhere;
}

/* ============================================================
   MCC — Membership APPLICATION page (business.manhattancc.org/application)
   Hides the "Powered By GrowthZone" badge on every module page and
   brands the Next button. Button wording is changed by the script in
   Custom Footer HTML, not here.
   ============================================================ */

/* Badge: <div class="mn-block mn-powered-by"> */
.mn-powered-by {
  display: none !important;
}

/* Button: <button class="mn-button form-control btn btn-warning" type="submit"> */
#mainForm .mn-button {
  background: #1e2953 !important;
  border: 2px solid #1e2953 !important;
  color: #fff !important;
  font-weight: 700;
  font-size: 17px;
  line-height: 1.2;
  min-width: 180px;
  height: auto;
  padding: 12px 28px;
  border-radius: 4px;
  text-shadow: none;
  box-shadow: none;
  cursor: pointer;
}
#mainForm .mn-button:hover,
#mainForm .mn-button:focus {
  background: #38b6ff !important;
  border-color: #38b6ff !important;
  color: #fff !important;
  outline: none;
}
#mainForm .mn-button:disabled {
  opacity: 0.6;
  cursor: default;
}

/* ============================================================
   Page titles on EVERY module page (Join, Calendar, Directory, etc.)
   The directory headline rule above is scoped to directory pages only;
   this one catches the top h1 the theme renders on all other pages.
   ============================================================ */
h1,
.gz-page-title,
#gz-page-title,
.gz-pagetitle,
.mn-page-title,
#mn-page-title,
.page-title,
.entry-title {
  font-family: "Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 500 !important;
}

/* ============================================================
   MCC — Membership APPLICATION: tier options (updated 2026-10-12)
   Uses the classes the footer script adds (.mcc-tier, .mcc-tier__name).
   - Each tier is a selectable card; the chosen card turns navy-outlined.
   - GrowthZone outputs checkboxes. They are restyled as round radio
     buttons here; mcc-footer-tier-select.html makes them single-choice.
     CSS alone can't stop someone ticking two boxes — add the script.
   ============================================================ */
.mcc-tier {
  position: relative;
  padding: 22px 24px 20px;
  margin: 0 0 14px;
  background: #fff;
  border: 2px solid #e3e8ef;
  border-radius: 10px;
  cursor: pointer;
  transition: border-color 0.15s, box-shadow 0.15s, background 0.15s;
}
.mcc-tier:hover {
  border-color: #38b6ff;
}
/* Selected tier */
.mcc-tier:has(input:checked) {
  border-color: #1e2953;
  background: #f4f7fb;
  box-shadow: 0 6px 18px rgba(30, 41, 83, 0.12);
}
/* Keyboard focus anywhere in the card */
.mcc-tier:has(input:focus-visible) {
  outline: 3px solid #38b6ff;
  outline-offset: 2px;
}

/* ---------- Radio button (replaces the square checkbox) ----------
   Keyed to the class the footer script puts on each tier input, with
   !important on the shape so GrowthZone's checkbox styles can't win. */
#mainForm input.mcc-radio,
.mcc-tier input[type="radio"],
.mcc-tier input[type="checkbox"] {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  display: inline-grid !important;
  place-content: center;
  flex: none;
  box-sizing: border-box !important;
  width: 26px !important;
  height: 26px !important;
  min-width: 26px;
  margin: 0 14px 0 0 !important;
  padding: 0 !important;
  border: 2px solid #1e2953 !important;
  border-radius: 50% !important;
  background: #fff !important;
  box-shadow: none !important;
  opacity: 1 !important;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  top: -2px;
}
#mainForm input.mcc-radio::before,
.mcc-tier input[type="radio"]::before,
.mcc-tier input[type="checkbox"]::before {
  content: "" !important;
  display: block !important;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #1e2953;
  transform: scale(0);
  transition: transform 0.12s ease-in-out;
}
/* Hide any checkmark GrowthZone or the browser draws on ::after */
#mainForm input.mcc-radio::after {
  content: none !important;
  display: none !important;
}
#mainForm input.mcc-radio:checked::before,
.mcc-tier input[type="radio"]:checked::before,
.mcc-tier input[type="checkbox"]:checked::before {
  transform: scale(1);
}
#mainForm input.mcc-radio:focus-visible {
  outline: 3px solid #38b6ff !important;
  outline-offset: 2px;
}

/* The line that holds the radio + name */
.mcc-tier label,
.mcc-tier label:has(> input) {
  display: block;
  margin: 0 0 6px;
  padding: 0;
  line-height: 1.25;
  cursor: pointer;
}

/* The tier name — the headline of each choice */
.mcc-tier__name,
.mcc-tier label:has(> input) {
  font-family: "Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.75rem !important;   /* ~28px */
  line-height: 1.25 !important;
  letter-spacing: -0.01em;
  color: #1e2953 !important;
  vertical-align: middle;
}

/* Description, price lines: indented to line up under the name */
.mcc-tier p,
.mcc-tier em,
.mcc-tier i {
  font-size: 1rem !important;
  line-height: 1.5;
}
.mcc-tier p {
  margin: 0 0 6px 40px;
  color: #3a4260;
}
.mcc-tier p strong,
.mcc-tier p b {
  font-size: 1.1rem;
  color: #1e2953;
}

/* Kill empty paragraphs / breaks that leave a gap under the name */
.mcc-tier p:empty,
.mcc-tier div:empty,
.mcc-tier label + br,
.mcc-tier .mcc-tier__name + br {
  display: none;
}

/* "Most popular" badge: give the card a red top edge so it stands out
   before anyone reads it. Matches the red label GrowthZone already shows. */
.mcc-tier--featured,
.mcc-tier--popular,
.mcc-tier:has(.mcc-popular) {
  border-top: 5px solid #ff0035;
}

@media (max-width: 600px) {
  .mcc-tier {
    padding: 18px 16px 16px;
  }
  .mcc-tier__name,
  .mcc-tier label:has(> input) {
    font-size: 1.45rem !important; /* ~23px on a phone */
  }
  #mainForm input.mcc-radio,
  .mcc-tier input[type="radio"],
  .mcc-tier input[type="checkbox"] {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px;
    margin-right: 12px !important;
  }
  .mcc-tier p {
    margin-left: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mcc-tier,
  .mcc-tier input::before {
    transition: none;
  }
}


/* ============================================================
   MCC — Membership APPLICATION: reassurance line under Next
   Quiet, editorial treatment: no box, generous space, a hairline
   rule, small tracked capitals for the assurances and one calm
   line for help. The footer script inserts <div class="mcc-reassure">.
   ============================================================ */
#mainForm .mcc-reassure,
.mcc-reassure {
  all: revert;
  box-sizing: border-box;
  display: block !important;
  clear: both;
  width: 100%;
  max-width: 560px;
  position: relative;
  /* Space comes from padding, not margin: the button row is floated, and a
     cleared element's top margin gets swallowed, which let the old rule
     run across the button. */
  margin: 0 0 8px !important;
  padding: 48px 0 0 var(--mcc-indent, 0px) !important;
  background: none !important;
  border: 0 !important;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-style: normal !important;
  text-align: left !important;
  color: #5b6480 !important;
}

/* Short navy hairline above the text, aligned with the button */
.mcc-reassure::before {
  content: "";
  position: absolute;
  top: 26px;
  left: var(--mcc-indent, 0px);
  width: 32px;
  height: 1px;
  background: #1e2953;
}

/* Row 1: SECURE PAYMENT  |  CANCEL ANYTIME */
.mcc-reassure__assure {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 18px;
  margin: 0 0 14px !important;
}
.mcc-reassure__item {
  display: inline-flex !important;
  align-items: center;
  gap: 9px;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  color: #1e2953 !important;
  white-space: nowrap;
}
.mcc-reassure__sep {
  display: inline-block;
  width: 1px;
  height: 12px;
  background: #c9d1e0;
}
.mcc-reassure__lock {
  display: block;
  flex: none;
  width: 14px !important;
  height: 14px !important;
  margin: 0 !important;
  color: #1e2953;
  position: relative;
  top: -1px;
}

/* Row 2: help line */
.mcc-reassure__help {
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.6 !important;
  color: #5b6480 !important;
}
.mcc-reassure a {
  font: inherit !important;
  font-weight: 600 !important;
  color: #1e2953 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(56, 182, 255, 0.6);
  padding-bottom: 1px;
  margin-left: 6px;
  white-space: nowrap;
  transition: color 0.15s, border-color 0.15s;
}
.mcc-reassure a:hover,
.mcc-reassure a:focus-visible {
  color: #38b6ff !important;
  border-bottom-color: #38b6ff;
}

@media (max-width: 600px) {
  #mainForm .mcc-reassure,
  .mcc-reassure {
    padding-top: 40px !important;
  }
  .mcc-reassure::before {
    top: 20px;
  }
}