/* Remove bullet points and adjust spacing */
.links.inline {
  list-style-type: none; /* Remove bullet points */
  padding: 0; /* Remove padding */
  margin: 0; /* Remove margin */
}

/* Style the <li> as inline elements */
.links.inline > li {
  display: inline-block; /* Make list items inline */
  margin-right: 10px; /* Add spacing between list items if needed */
}

/* Style the link to look like a button */
.links.inline > li > a {
  display: inline-block; /* Make the link behave like a block element */
  background-color: var(--primary);
  color: white; /* White text */
  padding: 6px 14px; /* Padding for button-like appearance */
  border-radius: 4px; /* Rounded corners */
  text-decoration: none; /* Remove underline */
  font-weight: normal; /* Make text bold */
  transition: background-color 0.3s ease; /* Smooth hover effect */
}

/* Hover effect */
.links.inline > li > a:hover {
  background-color: #0056b3; /* Darker shade for hover effect */
  color: white; /* Ensure text stays white */
}



/* PAGINATION */
.pager { margin: 0; }
.pager .pager__items {
  list-style: none; /* Removes bullets */
  padding-left: 0;
  margin: 30px 0;
  display: flex;
  float: right;
}
.pager li { padding: 0; }
.pager li > a,
.pager li > span {
  text-decoration: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  font-size: 14px;
  line-height: 1.42857;
  padding: 6px 12px;
  margin-left: -1px;
}
.pager li:first-child > a,
.pager li:first-child > span {
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  margin-left: 0;
}
.pager li:last-child > a,
.pager li:last-child > span {
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
}
.pager__item.is-active a {
  background-color: #0088cc;
  border-color: #0088cc #0088cc #006699;
  color: #ffffff;
  font-weight: normal;
}
.pager__item.is-active a:hover,
.pager__item.is-active a:focus {
  text-decoration: none;
  background-color: #0088cc;
}


.views-view-responsive-grid__item {
  margin: 30px;
}

/*Breadcrum*/

#block-porto-breadcrumbs nav ul,#block-porto-breadcrumbs nav ol{
  background: none;
  margin: 0 0 2px 2px;
  padding: 0 0 ;
  position: relative;
  z-index: 1;
}

#block-porto-breadcrumbs nav ul li,#block-porto-breadcrumbs nav ol li {
  display: inline-block;
  font-size: 0.85em;

  text-shadow: none;
}

#block-porto-breadcrumbs nav ul li + li:before,#block-porto-breadcrumbs nav ol li + li:before {
  color: inherit;
  opacity: 0.5;
  font-family: FontAwesome;
  content: "\f105";
  padding: 0 7px 0 5px;
}




.header-search-block input[type="submit"] {
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 4px;
  padding: 8px 16px;
  cursor: pointer;
}

.header-search-block input[type="submit"]:hover {
  background-color: #0056b3;
}

span.dropdown-item{
  font-size: 14px;
}