@charset "UTF-8";

/**
 * col-custom.css
 * 
 * CSS that is used by the header section
 *
 */



html #wpadminbar {
  height: 32px;
  min-width: 33px;
  overflow: hidden;
  position: fixed;
  transition: width 0.1s ease-in-out;
  width: 33px;
}

html #wpadminbar:hover {

  width: 100%;
}

@media ( max-width: 1200px ) {

  html #wpadminbar:hover {
    width: calc(100% - var(--bnim--spacing--unit-14x));
  }

}

@media (max-width: 782px ) {
  #wpadminbar #wp-admin-bar-customize>.ab-item, #wpadminbar #wp-admin-bar-edit>.ab-item, #wpadminbar #wp-admin-bar-my-account>.ab-item, #wpadminbar #wp-admin-bar-my-sites>.ab-item, #wpadminbar #wp-admin-bar-site-editor>.ab-item, #wpadminbar #wp-admin-bar-site-name>.ab-item {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 32px;
    padding: 0;
    color: #a7aaad;
    position: relative;
  }

  #wpadminbar #wp-admin-bar-customize>.ab-item:before, #wpadminbar #wp-admin-bar-edit>.ab-item:before, #wpadminbar #wp-admin-bar-my-account>.ab-item:before, #wpadminbar #wp-admin-bar-my-sites>.ab-item:before, #wpadminbar #wp-admin-bar-site-editor>.ab-item:before, #wpadminbar #wp-admin-bar-site-name>.ab-item:before {
    display: block;
    text-indent: 0;
    font: normal 20px/1 dashicons; 
    speak: never;
    top: 7px; 
    width: 32px; 
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  #wpadminbar .quicklinks ul > li {
    display: none !important;
  }

  #wpadminbar .quicklinks ul > li#wp-admin-bar-site-name {
    display: block !important;
  }

   #wpadminbar .quicklinks ul > li#wp-admin-bar-edit {
    display: block !important;
  }


}




#vendor-display-container.grid-view .vendor-display__row__columns-wrapper,
#vendor-display-container.list-view .vendor-display__row__columns-wrapper {
  transition: grid-template-rows 0.5s;

}

#vendor-display-container.grid-view .vendor-display__row__card,
#vendor-display-container.list-view .vendor-display__row__card {
  transition: min-height 0.2s;
}

.vendor-display__row.active {
  padding-bottom: 70px;
}

.gfield--type-captcha {
  bottom: 100px;
  position: absolute;
}

.vendor-display__row__card__short-description {
  margin-bottom: 1em;
}

@media (max-width: 767px) {
  .vendor-hero-container .vendor-hero__tagline {
    font-size: 60px;
  }

  #vendor-display-container .vendor-display__row__heading {
    font-size: 65px;
  }

  #vendor-display-container.list-view .vendor-display__row__card__title {
    font-size: 40px;
  }
}