/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 /* FILE DOWNLOADS */
.single .asp-download {
border: 1px solid var(--global-palette5);
box-shadow: 5px 5px 5px var(--global-palette5);
border-radius: 10px;
margin-bottom: 2rem;
display: grid;
grid-template-columns: 100px auto auto;
grid-template-rows: auto auto;
grid-template-areas: "title   title    title"
                     "image   content  button";
}
@media (max-width: 725px) {
   .single .asp-download {
      grid-template-columns: 100px auto;
      grid-template-rows: auto auto auto;
      grid-template-areas: "title   title"
                           "image   button"
                           "content content";
   }
}
.single .asp-download .title { 
   grid-area: title;
   background: color-mix(in hsl, var(--global-palette6) 50%, #fff);
   font-weight: bold;
   padding: 0.5rem 1rem;
   border-radius: 10px 10px 0 0;
}
.single .asp-download .image { 
   grid-area: image;
   justify-self: center;
   align-self: self-start;
   margin: 1.5rem 1rem 1rem;
}
.single .asp-download .download-button { 
   grid-area: button;
   justify-self: right;
   align-self: self-start;
   margin: 1rem 2rem;
   display: flex;
   gap:10px;
   flex-wrap: wrap;
   align-items: flex-start;
}
.single .asp-download .file-details {
   grid-area: content;
   margin: 1rem;
}
.single .asp-download span.label {
   font-size: var(--global-kb-font-size-xsm);
   font-weight: bold;
}