.path-exhibitors,
.path-exhibitors-preview,
.path-hubs-preview,
.path-hubs,
.path-exhibitors form,
.path-exhibitors-preview form,
.path-hubs-preview form,
.path-hubs form {
  background-color: #042737;
}

.path-exhibitors .form-submit,
.path-exhibitors-preview .form-submit,
.path-hubs-preview .form-submit,
.path-hubs .form-submit {
  display: none;
}

.path-exhibitors .page-header,
.path-exhibitors-preview .page-header,
.path-hubs-preview .page-header,
.path-hubs .page-header {
  color: #fff;
  font-weight: 400;
  padding: 0px 15px;
  margin-top: 3rem;
  text-transform: none;
  font-size: 32px;
  max-width: 1170px;
  padding: 0 15px;
}

.view-id-exhibitors > .view-content {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}

.view-id-exhibitors .views-row {
  width: unset;
  height: unset;
  background-color: #063048;
  border: 1px solid #104B80;
  padding: 2rem;
  border-radius: 0;
  margin: 0;
}

.view-id-exhibitors * { transition: none !important; }

.view-id-exhibitors .views-row:hover {
  background: #104B80;
  border-radius: 0px;
  opacity: 1;
  transition: 0.3s ease;
  z-index: 5;
}

.view-id-exhibitors .views-row .views-field-nothing {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}

.view-id-exhibitors.view-display-id-companies_pr  .views-row .views-field-nothing {
  justify-content: space-between;
}

.view-id-exhibitors .views-row .first-row {
  margin-bottom: 1rem;
}

.view-id-exhibitors .views-row .first-row h3 {
  color: #fff;
  text-align: left;
  line-height: 1.2em;
  font-size: 24px;
  font-weight: 600;
  opacity: 1;
  margin: 0 0 1rem 0;
}

.view-id-exhibitors .views-row .first-row p {
  color: #fff;
  font-size: 14px;
  line-height: 1.5em;
}
.view-id-exhibitors .views-row:hover p { transform: none; }

.view-id-exhibitors .views-row .first-row a {
  display: block;
  background-color: #fff;
  width: 8rem;
  height: 8rem;
  margin-bottom: 1rem;
  position: relative;
  padding: .5rem;
}

.view-id-exhibitors .views-row .first-row a .bg-img {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.view-id-exhibitors .views-row:hover .bg-img { opacity: 1; }

.view-id-exhibitors.view-display-id-hubs .views-row,
.view-id-exhibitors.view-display-id-hubs_pr .views-row {
  border: none;
  background: none;
  aspect-ratio: .9;
}
.view-id-exhibitors.view-display-id-hubs .views-row::after,
.view-id-exhibitors.view-display-id-hubs_pr .views-row::after {
  width: 100%;
  height: 100%;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(to top, #031d29 15%, transparent);
  z-index: -1;
}

.view-id-exhibitors.view-display-id-hubs .bg-img,
.view-id-exhibitors.view-display-id-hubs_pr .bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: none;
  object-fit: cover;
  object-position: top center;
  z-index: -1;
}

.view-id-exhibitors .buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0;
  margin: 0;
}

.view-id-exhibitors .views-row a.view-details { width: fit-content; }

.view-id-exhibitors.view-display-id-hubs a.btn,
.view-id-exhibitors.view-display-id-hubs_pr a.btn {
  padding: .5rem 1rem !important;
  height: fit-content;
  margin: 0 1rem 0 0;
}

.view-id-exhibitors.view-display-id-hubs a.companies,
.view-id-exhibitors.view-display-id-hubs_pr a.companies { 
  color: #c7c7c7;
  padding: .5rem 1rem;
  position: relative;
}

.view-id-exhibitors.view-display-id-hubs a.companies::after,
.view-id-exhibitors.view-display-id-hubs_pr a.companies::after {
  content: '';
  width: .5rem;
  height: .5rem;
  position: absolute;
  top: 50%;
  right: 0;
  transform-origin: center center;
  transform: translateY(-50%) rotateZ(-90deg);
  background-image: url(../../images/accordion-gray.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}


@media (min-width: 576px) {
  .view-id-exhibitors > .view-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}


@media (min-width: 768px) {
  .path-exhibitors .page-header,
  .path-exhibitors-preview .page-header,
  .path-hubs-preview .page-header,
  .path-hubs .page-header {
    max-width: 750px;
    padding: 0;
  }
}


@media (min-width: 992px) {
  .path-exhibitors .page-header,
  .path-exhibitors-preview .page-header,
  .path-hubs-preview .page-header,
  .path-hubs .page-header {
    max-width: 970px;
  }
}


@media (min-width:1024px) {
  .view-id-exhibitors { margin-bottom: 5rem; }
}


@media (min-width: 1200px) {
  .path-exhibitors .page-header,
  .path-exhibitors-preview .page-header,
  .path-hubs-preview .page-header,
  .path-hubs .page-header { max-width: 1170px; }

  .path-exhibitors .page-header,
  .path-exhibitors-preview .page-header,
  .path-hubs-preview .page-header,
  .path-hubs .page-header {
    font-size: 56px;
    display: block;
    margin-bottom: 2rem;
    padding: 0;
  }

  .view-id-exhibitors > .view-content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
}


@media (min-width: 1400px) {
  body.path-exhibitors-preview::after,
  body.path-hubs-preview::after {
    content: url(../../src/images/filigrana-hubs.png);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: -1;
    pointer-events: none;
    width: 100%;
    height: auto;
    max-width: 100vw;
    overflow: hidden;
    opacity: 0.2;
  }
}


/* ------------------------------ TAB MENU ------------------------------ */
.tab-menu-exhibitors { margin-bottom: 2rem; }

.tab-menu-exhibitors ul {
  display: flex;
  flex-direction: row;
  margin: 1rem;
  position: relative;
}

.tab-menu-exhibitors ul li { margin-right: 1rem; }

.tab-menu-exhibitors ul a {
  font-size: 16px;
  padding: 18px 26px;
  text-decoration: none;
  font-weight: 800;
  color: #d9d9d9;
  display: block;
}
.tab-menu-exhibitors ul a:hover { text-decoration: none; }

.tab-menu-exhibitors ul a.active {
  border-bottom: 2px solid var(--blue);
  background-color: #183A49;
  color: #fff;
}


@media(min-width: 1024px) {
  .tab-menu-exhibitors ul { margin: 0rem; }
  .tab-menu-exhibitors ul a { font-size: 25px; }
}


/* ------------------------------ VIEW CUSTOM AND EXPOSED FILTERS ------------------------------ */
.view-exhibitors .views-exposed-form .form-item-hub { display: none; }

.view-exhibitors .views-exposed-form { margin: 0 1rem; }

.view-exhibitors .views-exposed-form .form-item { 
  padding: 0; 
  margin-bottom: 1rem;
}

.view-exhibitors .views-exposed-form .form-item-exhibitor-category { float: none; }

.view-exhibitors .views-exposed-form .form-item-exhibitor-category .select-wrapper { 
  /* width: 50%;  */
  width: 100%;
  margin-right: 0;
}

.view-exhibitors .views-exposed-form .form-item-exhibitor-category .select-wrapper .shs-field-container .shs-widget-container {
  width: calc(50% - .25rem);
}

.view-exhibitors .views-exposed-form .form-item-exhibitor-category .select-wrapper:not(:last-child) { padding-right: 1rem; }

.view-exhibitors .views-exposed-form .form-item-exhibitor-category select {
  padding: .75rem 1rem .75rem .5rem;
  outline: none;
  border-radius: 0;
  width: 100%;
  height: 100%;
  background-color: var(--darkblue);
  color: #fff;
  border: 1px solid var(--blue);
  background-image: url(../../images/accordion-arrow.svg);
  background-position: calc(100% - .25rem) 53%;
  background-repeat: no-repeat;
  background-size: 0.6rem 0.6rem;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* hide default select arrow */
.view-exhibitors .views-exposed-form .form-item-exhibitor-category select::-ms-expand { display: none; }

.view-exhibitors .view-hubs.view-display-id-block_1 { margin: 0 1rem; }

.view-exhibitors .view-hubs.view-display-id-block_1 .select-list {
  display: flex;
  flex-direction: column;
  max-height: 0px;
  overflow: hidden;
  position: absolute;
  top: 45px;
  z-index: 8;
  width: 100%;
}

.view-exhibitors .view-hubs.view-display-id-block_1 .select-list.open {
  max-height: unset;
  border: 1px solid #75747A;
  border-radius: 5px;
}

.view-exhibitors .view-hubs.view-display-id-block_1 .select-list a {
  display: block;
  padding: .25rem .5rem;
  font-size: 14px;
  font-weight: 300;
  background-color: var(--darkblue);
  color: #fff;
}

.view-exhibitors .view-hubs.view-display-id-block_1 .select-list a:hover {
  background-color: #52525E;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.view-exhibitors .view-hubs.view-display-id-block_1 .active-hub {
  background-color: var(--darkblue);
  color: #fff;
  border: 1px solid var(--blue);
  font-size: 14px;
  padding: .75rem .5rem;
  margin-bottom: 1rem;
  background-image: url(../../images/accordion-arrow.svg);
  background-position: calc(100% - .25rem) 53%;
  background-repeat: no-repeat;
  background-size: 0.6rem 0.6rem;
}

.view-exhibitors .view-hubs.view-display-id-block_1 > .view-content { position: relative; }

.view-exhibitors .views-exposed-form .form-actions #edit-reset {
  display: block;
  width: fit-content;
  margin: 0 auto 0 0 !important;
  background: rgba(46, 159, 251, .1) !important;
  border-color: var(--blue) !important;
  padding: .5rem 3rem;
}


@media (min-width: 768px) {
  .view-exhibitors .views-exposed-form .form-actions,
  .view-exhibitors .view-hubs.view-display-id-block_1 > .view-content,
  .view-exhibitors .views-exposed-form .form-item-exhibitor-category { width: 75%; }
}


@media (min-width: 1024px) {
  .view-exhibitors .views-exposed-form,
  .view-exhibitors .view-hubs.view-display-id-block_1 { margin: 0; }

  .view-exhibitors .views-exposed-form .form-actions,
  .view-exhibitors .view-hubs.view-display-id-block_1 > .view-content,
  .view-exhibitors .views-exposed-form .form-item-exhibitor-category { 
    width: 55%; 
    max-width: 600px;
  }
}