:root {
  --black: #040914;
  --white: #ffffff;
  --yellow: #fcb900;
  --blue: #003764;
  --title-gray: #333;
  --body-gray: #555;
  --primary-blue: #004080;
  --hover-blue: #003366;
  --dark-text: #1a1a1a;
  --slick-blue: #112157;
  --hover-blue-alt: #214c80;
  --tag-red: #e53935;
  --event-gray: #666;
  --location-gray: #888;
  --dot-gray: #ccc;
  --button-hover: #0055aa;
  --calendar-bg: #ededed;
  --body-text: #555;
  --darkblue: #172641;
  --light-gray: #f5f5f5;
  --collaboration-bg: #002746;
  --light-blue-text: #8eacc6;
  --border-gray: #a8a8a8;
  --text-gray: #474747;
  --text-dark-gray: #2d2d2d;
  --light-bg: #f0f1f1;
  --divider-gray: #979797;
  --primary-blue-alt: #003764;
  --orange-accent: #e59400;
  --gradient-orange-end: #ed9807;
  --arrow-bg: #e6ebef;
  --text-dark: #333;
  --dot-inactive: #f8e0c0;
  --dot-hover: #e8a84e;
  --newsletter-bg: #e8e8e8;
  --newsletter-text: #2c2c2c;
  --newsletter-placeholder: #999999;
  --newsletter-button: #1b3b5f;
  --card-bg: #eeefef;
  --icon-blue: #2b3f6c;
  --orange-bg: #fa9d19;
  --icon-yellow: #fcb900;
  --accordion-bg: #f8f9fa;
  --accordion-text: #2c3e50;
  --accordion-content: #555;
  --link-blue: #3498db;
  --link-hover: #2980b9;
  --attachment-bg: #103050;
  --card-hover-blue: #1b4a74;
  --gradient-blue-end: #01294a;
  --semi-transparent-blue: #194a748c;
  --semi-transparent-blue-hover: #194a74;
  --host-text: #2d2d2d;
  --calendar-text: #2d2d2d;
  --slider-dot: #ddd;
  --slider-dot-hover: #999;
  --dam-gradient-end: #022849;
  --accordion-icon: #fcb900;
  --accordion-icon-text: #ffffff;
  --htz-orange: #faa71a;
}

.paragraph--type--view {
  font-family: "Montserrat", sans-serif;
  padding: 100px 0;
}
@media (max-width: 768px) {
  .paragraph--type--view {
    padding: 50px 10px;
  }
}
.paragraph--type--view .paragraph-view__container .views-element-container {
  max-width: 1340px;
  margin: 0 auto;
  background-color: #f0f1f1;
  padding: 50px 97px;
  border-radius: 10px;
}
@media (max-width: 768px) {
  .paragraph--type--view .paragraph-view__container .views-element-container {
    padding: 50px 20px;
  }
}
.paragraph--type--view:has(.brosure) {
  background-color: #f0f1f1;
}
.paragraph--type--view .paragraph-view__container:has(.brosure) {
  padding: 50px 0;
  background-color: transparent;
}
.paragraph--type--view .paragraph-view__container:has(.brosure) .views-element-container,
.paragraph--type--view .paragraph-view__container:has(.brosure) .item-list.brosure {
  max-width: 1340px !important;
  padding: 0 !important;
  margin: 0 auto;
}
.paragraph--type--view .views-element-container {
  max-width: 1147px;
  margin: 0 auto;
}
.paragraph--type--view .views-element-container .form-type-textfield {
  max-width: 332px !important;
  width: 100%;
}
@media (max-width: 768px) {
  .paragraph--type--view .views-element-container .form-type-textfield {
    max-width: 100% !important;
  }
}
.paragraph--type--view .views-element-container .form-type-select {
  max-width: 220px;
  width: 100%;
}
@media (max-width: 768px) {
  .paragraph--type--view .views-element-container .form-type-select {
    max-width: 100% !important;
  }
}
.paragraph--type--view .views-element-container .form-type-select .select-wrapper .sod_select .sod_label {
  color: #737373;
}
.paragraph--type--view .views-element-container .form-type-select .select-wrapper .sod_select:has(.sod_option.selected:not([data-value=All])) .sod_label {
  color: #2d2d2d;
}
.paragraph--type--view .views-element-container #views-exposed-form-sajmovi-view-paragraph-default-display .form--inline {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.paragraph--type--view .views-element-container #views-exposed-form-sajmovi-view-paragraph-default-display .form--inline .form-item-field-sajam-drzava-value {
  order: 1;
}
.paragraph--type--view .views-element-container #views-exposed-form-sajmovi-view-paragraph-default-display .form--inline .form-item-field-sajam-grad-value {
  order: 2;
}
.paragraph--type--view .views-element-container #views-exposed-form-sajmovi-view-paragraph-default-display .form--inline .form-item-field-sajam-vrsta-target-id {
  order: 3;
}
.paragraph--type--view .views-element-container #views-exposed-form-sajmovi-view-paragraph-default-display .form--inline .form-item-field-event-date-range-value {
  order: 4;
}
.paragraph--type--view .views-element-container #views-exposed-form-sajmovi-view-paragraph-default-display .form--inline .form-actions {
  order: 5;
}
.paragraph--type--view .views-element-container #views-exposed-form-sajmovi-view-paragraph-default-display .form--inline .form-item-sort-by {
  order: 6;
}
.paragraph--type--view .views-element-container #views-exposed-form-organizatori-putovanja-view-paragraph-default-display .form--inline .form-item-title {
  width: 100% !important;
  max-width: 100% !important;
}
.paragraph--type--view .views-element-container #views-exposed-form-organizatori-putovanja-view-paragraph-default-display .form--inline .form-actions {
  width: 450px;
}
@media (max-width: 768px) {
  .paragraph--type--view .views-element-container #views-exposed-form-organizatori-putovanja-view-paragraph-default-display .form--inline .form-actions {
    width: 100%;
  }
}
@media (max-width: 894px) {
  .paragraph--type--view .views-element-container #views-exposed-form-uredi-view-paragraph-default-display .form--inline {
    gap: unset;
    justify-content: space-between;
  }
  .paragraph--type--view .views-element-container #views-exposed-form-uredi-view-paragraph-default-display .form--inline .js-form-item-sort-by {
    margin-left: unset !important;
  }
}
.paragraph--type--view .paragraph-view__top {
  max-width: 560px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 50px;
}
.paragraph--type--view .paragraph-view__top .title {
  font-family: "Montserrat", sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 100%;
  margin-bottom: 15px;
}
.paragraph--type--view .views-row, .paragraph--type--view .sell-croatia {
  margin-bottom: 15px;
}
.paragraph--type--view .views-row article, .paragraph--type--view .sell-croatia article {
  background: white;
  border-radius: 10px;
  padding: 30px;
  position: relative;
}
.paragraph--type--view .views-row article .nabava-status, .paragraph--type--view .sell-croatia article .nabava-status {
  color: #fff;
  padding: 2px 6px;
  border-radius: 3px;
  margin-bottom: 15px;
}
.paragraph--type--view .views-row article .nabava-status-inactive, .paragraph--type--view .sell-croatia article .nabava-status-inactive {
  background-color: #6f7486;
  min-width: 204px;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.paragraph--type--view .views-row article .nabava-status-active, .paragraph--type--view .sell-croatia article .nabava-status-active {
  background-color: #438489;
  min-width: 204px;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.paragraph--type--view .views-row article .field--name-field-nabava-pocetak,
.paragraph--type--view .views-row article .field--name-field-nabava-kraj, .paragraph--type--view .sell-croatia article .field--name-field-nabava-pocetak,
.paragraph--type--view .sell-croatia article .field--name-field-nabava-kraj {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  color: #474747;
  margin-bottom: 10px;
  font-weight: 600;
  line-height: 23px;
  display: inline-block;
}
.paragraph--type--view .views-row article .field--name-field-nabava-pocetak, .paragraph--type--view .sell-croatia article .field--name-field-nabava-pocetak {
  margin-right: 8px;
}
.paragraph--type--view .views-row article .field--name-field-nabava-pocetak::after, .paragraph--type--view .sell-croatia article .field--name-field-nabava-pocetak::after {
  content: " - ";
}
.paragraph--type--view .views-row article h2,
.paragraph--type--view .views-row article .block__title, .paragraph--type--view .sell-croatia article h2,
.paragraph--type--view .sell-croatia article .block__title {
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 1.2;
  margin-top: 0;
}
.paragraph--type--view .views-row article h2 a,
.paragraph--type--view .views-row article .block__title a, .paragraph--type--view .sell-croatia article h2 a,
.paragraph--type--view .sell-croatia article .block__title a {
  color: #2d2d2d;
}
.paragraph--type--view .item-list {
  max-width: 1146px;
  width: 100%;
  margin: 0 auto;
}
.paragraph--type--view .item-list ul:not(.contextual-links) {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  padding: 0;
}
.paragraph--type--view .item-list ul:not(.contextual-links) > li {
  width: 31%;
  background: #fff;
  border-radius: 10px;
  list-style: none;
  padding: 30px;
}
@media (max-width: 1024px) {
  .paragraph--type--view .item-list ul:not(.contextual-links) > li {
    width: 48%;
  }
}
@media (max-width: 768px) {
  .paragraph--type--view .item-list ul:not(.contextual-links) > li {
    width: 100%;
  }
}
.paragraph--type--view .item-list ul:not(.contextual-links) > li .card-wrapper .location {
  display: flex;
  align-items: center;
  font-family: "Montserrat", sans-serif;
  gap: 5px;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
  color: #2d2d2d;
  margin-bottom: 21px;
}
.paragraph--type--view .item-list ul:not(.contextual-links) > li .card-wrapper .location:before {
  content: "";
  display: block;
  width: 24px;
  height: 28px;
  background-image: url("../../../img/location-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.paragraph--type--view .item-list ul:not(.contextual-links) > li .card-wrapper .date {
  display: flex;
  align-items: center;
  font-family: "Montserrat", sans-serif;
  gap: 5px;
  font-size: 15px;
  font-weight: 500;
  line-height: 100%;
  color: #737373;
  margin-bottom: 21px;
}
.paragraph--type--view .item-list ul:not(.contextual-links) > li .card-wrapper .name {
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 15px;
}
.paragraph--type--view .item-list ul:not(.contextual-links) > li .card-wrapper .subtitle {
  font-family: "Montserrat", sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 100%;
  margin-bottom: 15px;
}
.paragraph--type--view .item-list ul:not(.contextual-links) > li .card-wrapper .website {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  padding-bottom: 20px;
  border-bottom: 1px solid #003764;
}
.paragraph--type--view .item-list ul:not(.contextual-links) > li .card-wrapper .website a {
  color: #003764;
}
.paragraph--type--view .item-list ul:not(.contextual-links) > li .card-wrapper .description {
  margin-top: 20px;
  font-family: "Quicksand", sans-serif;
}
.paragraph--type--view .item-list ul:not(.contextual-links) > li .card-wrapper .description span {
  font-weight: 700;
}
.paragraph--type--view .item-list ul:not(.contextual-links) > li .card-wrapper .description .description-suizlagac-najam {
  margin-bottom: 15px;
}
.paragraph--type--view .item-list ul:not(.contextual-links) > li .card-wrapper .link {
  margin-top: 20px;
}
.paragraph--type--view .item-list ul:not(.contextual-links) > li .card-wrapper .address {
  font-family: "Quicksand", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  margin-top: 20px;
}
.paragraph--type--view .item-list.uredi .website a {
  color: #2d2d2d !important;
}
.paragraph--type--view .item-list.brosure li {
  padding: 0;
  max-width: 317px;
  width: 100%;
  padding-bottom: 30px;
}
@media (max-width: 768px) {
  .paragraph--type--view .item-list.brosure li {
    max-width: 100%;
  }
}
.paragraph--type--view .item-list.brosure li .info__title {
  padding-top: 30px;
  padding-left: 14px;
  padding-right: 14px;
  font-family: "Montserrat", sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 100%;
  margin-bottom: 15px;
  text-align: center;
}
.paragraph--type--view .item-list.brosure li .info-download {
  padding-bottom: 30px;
  padding-left: 14px;
  padding-right: 14px;
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 100%;
  text-align: center;
}
.paragraph--type--view .item-list.brosure li .info-download__select__wrapper {
  display: none;
}
.paragraph--type--view .item-list.brosure li .pdf-info {
  display: flex;
  align-items: baseline;
  justify-content: center;
  padding-left: 14px;
  padding-right: 14px;
}
.paragraph--type--view .item-list.brosure li .pdf-info a {
  font-family: "Quicksand", sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #2d2d2d;
  text-transform: uppercase;
}
.paragraph--type--view .item-list.brosure li .pdf-info .pdf-title {
  font-family: "Quicksand", sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 100%;
  color: #e51904;
}
.paragraph--type--view .item-list.brosure li .image img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.paragraph--type--view .item-list.brosure .download-box {
  color: var(--text-dark-gray);
  font-weight: 600;
  width: 245px;
  margin: 0 auto;
}
.paragraph--type--view .item-list.brosure .download-box .presskit-button-wrapper {
  display: flex;
  align-items: center;
  gap: 0;
  width: 100%;
}
.paragraph--type--view .item-list.brosure .download-box .presskit-button-wrapper .presskit-label {
  font-family: "quicksand", sans-serif;
  font-size: 18px;
  font-weight: 600 !important;
  line-height: 24px;
  white-space: nowrap;
  color: #2d2d2d;
  padding: 10px 15px;
  padding-top: 11px;
  background: var(--light-bg);
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}
.paragraph--type--view .item-list.brosure .download-box .presskit-button-wrapper .presskit-label:hover {
  text-decoration: none;
  background: #faa71a;
}
.paragraph--type--view .item-list.brosure .download-box .presskit-button-wrapper .language-dropdown {
  position: relative;
  border-left: 2px solid #e0e0e0;
  background: var(--light-bg);
  padding-top: 7px;
  padding-bottom: 6px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}
.paragraph--type--view .item-list.brosure .download-box .presskit-button-wrapper .language-dropdown:hover {
  background: #faa71a;
}
.paragraph--type--view .item-list.brosure .download-box .presskit-button-wrapper .language-dropdown .dropdown-toggle {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 9px 14px;
  padding-right: 25px;
  background: transparent;
  border: none;
  color: var(--blue);
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.paragraph--type--view .item-list.brosure .download-box .presskit-button-wrapper .language-dropdown .dropdown-toggle .current-lang {
  font-weight: 500;
  font-size: 14px;
  font-family: "montserrat", sans-serif;
  line-height: 100%;
  letter-spacing: 0.5px;
  color: #2d2d2d;
}
.paragraph--type--view .item-list.brosure .download-box .presskit-button-wrapper .language-dropdown .dropdown-toggle .dropdown-arrow {
  transition: transform 0.2s ease;
}
.paragraph--type--view .item-list.brosure .download-box .presskit-button-wrapper .language-dropdown .dropdown-toggle[aria-expanded=true] .dropdown-arrow {
  transform: rotate(180deg);
}
.paragraph--type--view .item-list.brosure .download-box .presskit-button-wrapper .language-dropdown .dropdown-menu {
  display: block !important;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  background: var(--white);
  border-radius: 8px;
  min-width: 40px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
  z-index: 9999;
  overflow: visible;
}
.paragraph--type--view .item-list.brosure .download-box .presskit-button-wrapper .language-dropdown .dropdown-menu .dropdown-item {
  display: block;
  padding: 0.75rem 1.5rem;
  text-decoration: none;
  font-weight: 600;
  transition: background-color 0.2s ease;
  color: #2d2d2d !important;
}
.paragraph--type--view .item-list.brosure .download-box .presskit-button-wrapper .language-dropdown .dropdown-menu .dropdown-item:hover, .paragraph--type--view .item-list.brosure .download-box .presskit-button-wrapper .language-dropdown .dropdown-menu .dropdown-item.active {
  background-color: #f0f0f0;
}
.paragraph--type--view .item-list.brosure .download-box .presskit-button-wrapper .language-dropdown.show .dropdown-menu,
.paragraph--type--view .item-list.brosure .download-box .presskit-button-wrapper .language-dropdown .dropdown-toggle:focus + .dropdown-menu,
.paragraph--type--view .item-list.brosure .download-box .presskit-button-wrapper .language-dropdown .dropdown-menu:hover {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.paragraph--type--view .calendar {
  width: 100%;
  max-width: 338px;
  background: #003764;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  overflow: hidden;
  font-size: 17px;
  font-weight: 500;
}
.paragraph--type--view .calendar header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  background: #003764;
  color: #fff;
}
.paragraph--type--view .calendar header h3 {
  font-size: 20px;
  font-weight: 600;
  margin: 0;
}
.paragraph--type--view .calendar header ul {
  padding: 0;
}
.paragraph--type--view .calendar header ul li {
  list-style: none;
}
.paragraph--type--view .calendar header nav {
  display: flex;
  gap: 0.5rem;
}
.paragraph--type--view .calendar header nav button {
  width: 32px;
  height: 32px;
  border: none;
  background: transparent;
  color: #fff;
  font-size: 17px;
  cursor: pointer;
  position: relative;
}
.paragraph--type--view .calendar header nav button:hover {
  background-color: rgba(255, 255, 255, 0.4);
}
.paragraph--type--view .calendar header nav button#prev::before, .paragraph--type--view .calendar header nav button#next::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.paragraph--type--view .calendar header nav button#prev::before {
  transform: translate(-50%, -50%) rotate(-135deg);
}
.paragraph--type--view .calendar section {
  padding: 1rem;
}
.paragraph--type--view .calendar section .days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
  font-weight: 500;
  color: #6b7280;
  margin-bottom: 0.5rem;
  padding: 0;
}
.paragraph--type--view .calendar section .days li {
  padding: 0.5rem 0;
  font-size: 17px;
  list-style: none;
  color: #fff;
}
.paragraph--type--view .calendar section .dates {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
  color: #fff;
  gap: 0.2rem;
  padding: 0;
}
.paragraph--type--view .calendar section .dates li {
  padding: 0.75rem 0;
  font-size: 17px;
  border-radius: 0.5rem;
  cursor: pointer;
  list-style: none;
  color: #fff;
  transition: background 0.2s ease, color 0.2s ease;
}
.paragraph--type--view .calendar section .dates li.inactive {
  color: #9ca3af;
  cursor: default;
}
.paragraph--type--view .calendar section .dates li.inactive:hover {
  background: none;
}
.paragraph--type--view .calendar section .dates li.today {
  border: 1px solid #fff;
  font-weight: 600;
}

.view-brosure-view-paragraph,
.view-sajmovi-view-paragraph,
.view-nabava-view-paragraph,
.view-organizatori-putovanja-view-paragraph,
.view-uredi-view-paragraph {
  position: relative;
}
.view-brosure-view-paragraph .view-footer,
.view-sajmovi-view-paragraph .view-footer,
.view-nabava-view-paragraph .view-footer,
.view-organizatori-putovanja-view-paragraph .view-footer,
.view-uredi-view-paragraph .view-footer {
  padding: 0;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  color: #323232;
}
@media (min-width: 768px) {
  .view-brosure-view-paragraph .view-footer,
  .view-sajmovi-view-paragraph .view-footer,
  .view-nabava-view-paragraph .view-footer,
  .view-organizatori-putovanja-view-paragraph .view-footer,
  .view-uredi-view-paragraph .view-footer {
    position: absolute;
    left: 2rem;
    bottom: -4rem;
  }
}
@media (max-width: 768px) {
  .view-brosure-view-paragraph .view-footer,
  .view-sajmovi-view-paragraph .view-footer,
  .view-nabava-view-paragraph .view-footer,
  .view-organizatori-putovanja-view-paragraph .view-footer,
  .view-uredi-view-paragraph .view-footer {
    margin-top: 1rem;
    text-align: center;
  }
}
.view-brosure-view-paragraph .view-content,
.view-sajmovi-view-paragraph .view-content,
.view-nabava-view-paragraph .view-content,
.view-organizatori-putovanja-view-paragraph .view-content,
.view-uredi-view-paragraph .view-content {
  margin-bottom: 25px;
}
.view-brosure-view-paragraph .field--name-field-ured-web,
.view-sajmovi-view-paragraph .field--name-field-ured-web,
.view-nabava-view-paragraph .field--name-field-ured-web,
.view-organizatori-putovanja-view-paragraph .field--name-field-ured-web,
.view-uredi-view-paragraph .field--name-field-ured-web {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

@media (min-width: 768px) {
  .view-brosure-view-paragraph:has(.pager-nav) .view-footer,
  .view-sajmovi-view-paragraph:has(.pager-nav) .view-footer,
  .view-nabava-view-paragraph:has(.pager-nav) .view-footer,
  .view-organizatori-putovanja-view-paragraph:has(.pager-nav) .view-footer,
  .view-uredi-view-paragraph:has(.pager-nav) .view-footer {
    bottom: 1rem !important;
  }
}
@media (max-width: 768px) {
  .view-brosure-view-paragraph:has(.pager-nav) .view-footer,
  .view-sajmovi-view-paragraph:has(.pager-nav) .view-footer,
  .view-nabava-view-paragraph:has(.pager-nav) .view-footer,
  .view-organizatori-putovanja-view-paragraph:has(.pager-nav) .view-footer,
  .view-uredi-view-paragraph:has(.pager-nav) .view-footer {
    margin-top: 1rem;
    text-align: center;
  }
}
/*# sourceMappingURL=paragraph-view.css.map */