@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;

}
/*.categories-ready #vendor-display-container.grid-view .vendor-display__row__columns-wrapper {
  display: none;
  height: 0;
  grid-template-rows: 1fr;
}

.categories-ready #vendor-display-container .vendor-display__row.active .vendor-display__row__columns-wrapper {
  display: block;
  height: 100%;
  grid-template-rows: 1fr;
}*/

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