/* VARIABLES */
/* TYPOGRAPHY */
/* Google Fonts */
.technical-downloads-listing .view-content {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.technical-downloads-listing .view-content .views-row .node--type-technical-downloads {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.875rem;
  border-radius: 1.875rem;
  border: 1px solid #626262;
  background: rgba(217, 217, 217, 0.08);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  transition: border-color 0.3s ease;
  max-width: 850px;
  margin: 0 auto;
}
.technical-downloads-listing .view-content .views-row .node--type-technical-downloads .field--name-field-file .field--name-field-media-document a {
  width: 75px;
  height: 75px;
  display: block;
  position: relative;
  font-size: 0;
  border-radius: 50%;
  background-color: rgba(196, 196, 196, 0.32);
  transition: background-color 0.3s ease;
}
.technical-downloads-listing .view-content .views-row .node--type-technical-downloads .field--name-field-file .field--name-field-media-document a::before {
  content: "";
  position: absolute;
  width: 28px;
  height: 22px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #c4c4c4;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='22' viewBox='0 0 28 22' fill='none'%3E%3Cpath d='M26.1466 2.59967C27.1406 2.59967 28 3.45298 28 4.42862V19.1886C28 20.201 27.11 21.0421 26.1129 21.0421H1.89623C0.856363 21.0421 0 20.1643 0 19.1336V1.90541C0 0.871655 0.86248 0.0122338 1.89011 0.00917531L8.7716 0C9.61573 0 10.3467 0.477116 10.6372 1.26008L10.9798 2.18984C11.0624 2.41617 11.2856 2.58744 11.5548 2.58744L26.1466 2.59967ZM11.6557 3.89339C10.7443 3.89339 10.0317 3.37346 9.72583 2.55074L9.41081 1.69743C9.31906 1.4497 9.08968 1.30289 8.81442 1.30289H1.89011C1.54757 1.33348 1.29678 1.59345 1.29678 1.93905V5.19629H26.7032L26.7185 4.56319C26.7185 4.16253 26.4402 3.88422 26.0242 3.88422L11.6557 3.89033V3.89339ZM26.0885 19.7483C26.4891 19.7178 26.6971 19.4547 26.7155 19.0969V6.49306H1.29372V19.0969C1.30289 19.4761 1.55674 19.7392 1.94211 19.7483H26.0854H26.0885Z' fill='%23C4C4C4'/%3E%3Cpath d='M14.6316 17.6165C14.6316 17.9988 14.3778 18.2465 14.0444 18.2588C13.7355 18.2679 13.4236 18.0324 13.4205 17.6746L13.3807 10.0622L10.7444 12.6863C10.4997 12.9279 10.1113 12.8943 9.89106 12.6588C9.67085 12.4233 9.66167 12.0532 9.90635 11.8085L13.5795 8.14145C13.7967 7.92736 14.1759 7.9243 14.39 8.14145L18.1213 11.8697C18.369 12.1174 18.314 12.5058 18.0968 12.7138C17.8552 12.9463 17.4913 12.9463 17.2435 12.7046L14.6011 10.0744L14.6286 17.6134L14.6316 17.6165Z' fill='%23C4C4C4'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='22' viewBox='0 0 28 22' fill='none'%3E%3Cpath d='M26.1466 2.59967C27.1406 2.59967 28 3.45298 28 4.42862V19.1886C28 20.201 27.11 21.0421 26.1129 21.0421H1.89623C0.856363 21.0421 0 20.1643 0 19.1336V1.90541C0 0.871655 0.86248 0.0122338 1.89011 0.00917531L8.7716 0C9.61573 0 10.3467 0.477116 10.6372 1.26008L10.9798 2.18984C11.0624 2.41617 11.2856 2.58744 11.5548 2.58744L26.1466 2.59967ZM11.6557 3.89339C10.7443 3.89339 10.0317 3.37346 9.72583 2.55074L9.41081 1.69743C9.31906 1.4497 9.08968 1.30289 8.81442 1.30289H1.89011C1.54757 1.33348 1.29678 1.59345 1.29678 1.93905V5.19629H26.7032L26.7185 4.56319C26.7185 4.16253 26.4402 3.88422 26.0242 3.88422L11.6557 3.89033V3.89339ZM26.0885 19.7483C26.4891 19.7178 26.6971 19.4547 26.7155 19.0969V6.49306H1.29372V19.0969C1.30289 19.4761 1.55674 19.7392 1.94211 19.7483H26.0854H26.0885Z' fill='%23C4C4C4'/%3E%3Cpath d='M14.6316 17.6165C14.6316 17.9988 14.3778 18.2465 14.0444 18.2588C13.7355 18.2679 13.4236 18.0324 13.4205 17.6746L13.3807 10.0622L10.7444 12.6863C10.4997 12.9279 10.1113 12.8943 9.89106 12.6588C9.67085 12.4233 9.66167 12.0532 9.90635 11.8085L13.5795 8.14145C13.7967 7.92736 14.1759 7.9243 14.39 8.14145L18.1213 11.8697C18.369 12.1174 18.314 12.5058 18.0968 12.7138C17.8552 12.9463 17.4913 12.9463 17.2435 12.7046L14.6011 10.0744L14.6286 17.6134L14.6316 17.6165Z' fill='%23C4C4C4'/%3E%3C/svg%3E") center/contain no-repeat;
  transition: background-color 0.3s ease;
}
.technical-downloads-listing .view-content .views-row .node--type-technical-downloads .field--name-field-file .field--name-field-media-document a::after {
  content: "";
  position: absolute;
  inset: -9999px;
}
.technical-downloads-listing .view-content .views-row .node--type-technical-downloads .field--name-node-title h2 {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
.technical-downloads-listing .view-content .views-row .node--type-technical-downloads:hover {
  border-color: #32c5f4;
}
.technical-downloads-listing .view-content .views-row .node--type-technical-downloads:hover .field--name-field-file .field--name-field-media-document a {
  background-color: rgba(50, 197, 244, 0.29);
}
.technical-downloads-listing .view-content .views-row .node--type-technical-downloads:hover .field--name-field-file .field--name-field-media-document a::before {
  background-color: #32c5f4;
}
