/*
 Theme Name: upaspic
 Template: blocksy
*/

@media (max-width: 689.98px) {
  #sidebar.ct-hidden-sm {
    display: block !important;
  }
}
/* Mostra la sidebar su smartphone e tablet */
@media (max-width: 999.98px) {
  #sidebar.ct-hidden-sm,
  #sidebar.ct-hidden-md {
    display: block !important;
  }
}
.entry-content.is-layout-flow > .wp-block-heading {
    margin-block-start: 0 !important;
    margin-block-end: 5px !important;
}

.entry-content.is-layout-flow > .wp-block-paragraph {
    margin-block-start: 0 !important;
}
/* MENU SOCI - BLOCKSY */

.ct-sidebar .widget_nav_menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ct-sidebar .widget_nav_menu ul li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid var(--theme-border-color, #e1e8ed);
}

.ct-sidebar .widget_nav_menu ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px 12px;
    color: var(--theme-text-color, #40566b);
    font-size: 15px;
    text-decoration: none !important;
    border-left: 3px solid transparent;
    transition: all 0.2s ease;
}

/* Freccia */
.ct-sidebar .widget_nav_menu ul li a::after {
    content: "›";
    font-size: 21px;
    opacity: 0;
    transform: translateX(-5px);
    transition: all 0.2s ease;
}

/* Hover */
.ct-sidebar .widget_nav_menu ul li a:hover {
    background: var(--theme-palette-color-5, #e1e8ed);
    color: var(--theme-palette-color-1, #40566b);
    border-left-color: var(--theme-palette-color-1, #40566b);
    padding-left: 17px;
}

.ct-sidebar .widget_nav_menu ul li a:hover::after {
    opacity: 1;
    transform: translateX(0);
}

/* Voce attiva */
.ct-sidebar .widget_nav_menu ul li.current-menu-item > a {
    background: var(--theme-palette-color-5, #e1e8ed);
    color: var(--theme-palette-color-1, #40566b);
    border-left-color: var(--theme-palette-color-1, #40566b);
    font-weight: 600;
}

.ct-sidebar .widget_nav_menu ul li.current-menu-item > a::after {
    opacity: 1;
}



/* Transizione logo */
.site-logo-container svg {
    transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Hover */
.site-logo-container:hover svg {
    opacity: 0.8;
    transform: scale(1.04);
}

.hover-logo img {
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.hover-logo:hover img {
    opacity: 0.8;
    transform: scale(1.04);
}