/*
Theme Name: UP
Template: twentytwentytwo
Description: Custom theme for Luca Santarelli
Author: Antigravity
Version: 1.0
*/

:root {
  --bs-body-bg: #f1f1f1 !important;
  --bs-body-color: #363636 !important;
}

.z-3 {
  z-index: 3;
}

* {
font-family:"sole-sans-variable", sans-serif;
font-variation-settings: "wdth" 110, "wght" 400;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: ruby;
}

h1,
h2,
h3,
h4,
h5,
h6,
.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6 {
font-variation-settings: "wdth" 110, "wght" 500 !important;
}

.text-muted {
  color: #808080 !important;
}

a,
button,
a span
 {
  color: var(--bs-body-color) !important;
  text-decoration: none;
  background-color: #fff;
}

a:hover,
a:hover span,
a:hover .text-muted,
a:hover em{
  color: #fff !important;
  text-decoration: none;
  background-color: #363636;
}

/* Comments */
.comment-list, .comment-list .children {
    list-style: none;
    padding: 0;
    margin: 0;
}

.comment-list > div { /* Individual comment container */
    margin-bottom: 2rem;
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 2rem;
}

.comment-list .children {
    margin-left: 2rem;
    margin-top: 2rem;
    border-left: 1px solid #dee2e6;
    padding-left: 1rem;
}

.comment-meta {
    margin-bottom: 1rem;
    font-size: 0.9em;
}

.comment-meta a {
    text-decoration: none;
    color: #000;
}

.comment-metadata {
    color: #6c757d;
    font-size: 0.85em;
    margin-top: 0.25rem;
}

.logged-in-as {
    margin-bottom: 1rem;
    font-size: 0.85em;
    color: #6c757d;
}

.comment-reply-link {
    font-size: 0.85em;
    text-decoration: underline;
    color: #000;
}

.callioa {
  display: none;
}

.e404 {
  font-family: "Times new roman","sole-sans-variable", sans-serif;
  font-variation-settings: "wdth" 110, "wght" 400;
  font-size: 20rem !important;
}
/* Accordion Customization */
.accordion-button::after {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="32" height="32" fill="none" stroke="%23363636" stroke-width="2.5" stroke-linejoin="miter" stroke-linecap="butt"><polyline points="6 11 12 5 18 11"/><line x1="12" y1="5" x2="12" y2="20"/></svg>') !important;
    content: "" !important;
    transform: none !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 2rem !important;
    width: 3rem;
    height: 3rem;
  line-height: 2.5rem;
}

.accordion-button{
  background-color: #fff !important;
  color: #363636 !important;
}

.accordion-button:hover{
  background-color: #363636 !important;
  color: #f1f1f1 !important;
}

.accordion-button:hover::after {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="32" height="32" fill="none" stroke="%23ffffff" stroke-width="2.5" stroke-linejoin="miter" stroke-linecap="butt"><polyline points="6 11 12 5 18 11"/><line x1="12" y1="5" x2="12" y2="20"/></svg>') !important;
}

.accordion-button.collapsed::after {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="32" height="32" fill="none" stroke="%23363636" stroke-width="2.5" stroke-linejoin="miter" stroke-linecap="butt"><polyline points="6 13 12 19 18 13"/><line x1="12" y1="19" x2="12" y2="4"/></svg>') !important;
    content: "" !important;
    transform: none !important;
    line-height: 2.5rem;
    padding-left: 3rem;
}

.accordion-button.collapsed:hover::after {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="32" height="32" fill="none" stroke="%23ffffff" stroke-width="2.5" stroke-linejoin="miter" stroke-linecap="butt"><polyline points="6 13 12 19 18 13"/><line x1="12" y1="19" x2="12" y2="4"/></svg>') !important;
}

.accordion-button:not(.collapsed) {
    box-shadow: none;
}

.accordion-item.accordion-button:not(.collapsed) {
    background-color: #fff !important;
    color: #363636 !important;
}

.accordion-button:focus {
      border-color: transparent;
    box-shadow: none;
}

.list-group-item-action {
  color: #363636 !important;
  background-color: #fff !important;
}
.list-group-item-action:hover {
  color: #fff !important;
  background-color: #363636 !important;
}

@media (min-width: 576px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 1400px) {
}