@import url('common.css');

html {
    scroll-behavior: smooth;
}
body {
    font-family: 'Poppins', sans-serif;
    color: var(--default-text);
    overflow-x: hidden;
    overflow-wrap: break-word;
}
#content {
    background-color: #e5e7eb;
}
h1 {
    font-weight: bold;
    color: #666666;
    margin-top: 0;
    padding-top: 40px;
    padding-bottom: 40px;
}
h2, h3, h4, h5, h6 {
    color: var(--primary);
    font-weight: 500;
}
a {
    color: var(--default-text);
    transition: color .15s ease-in-out;
}
a:visited, a:active {
    color: var(--default-text);
}
a:hover, a:not(.btn):hover {
    color: var(--default-text);
}
.btn {
    --bs-btn-padding-x: 1.5rem;
    --bs-btn-border-radius: 20px;
    font-weight: bold;
}
.btn-primary {
    --bs-btn-bg: var(--primary);
    --bs-btn-border-color: var(--primary);
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: var(--primary);
    --bs-btn-hover-color: var(--primary);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--primary-dark);
    --bs-btn-active-border-color: var(--primary-dark);
    --bs-btn-disabled-bg: var(--primary);
    --bs-btn-disabled-border-color:  var(--primary);
}
.btn-primary:visited {
    color: var(--bs-btn-color);
}
.btn-primary:hover:visited {
    color: var(--primary);
}
.btn-primary:active:hover:visited {
    color: var(--bs-btn-active-color);
}
.btn-secondary {
    --bs-btn-color: var(--primary);
    --bs-btn-active-color: var(--primary);
    --bs-btn-visited-color: var(--primary);
    --bs-btn-bg: var(--secondary);
    --bs-btn-border-color: var(--secondary);
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: var(--primary);
    --bs-btn-hover-color: var(--primary);
    --bs-btn-active-bg: var(--secondary);
    --bs-btn-active-border-color: var(--secondary);
    --bs-btn-disabled-bg: var(--secondary);
    --bs-btn-disabled-border-color:  var(--secondary);
}
.btn-secondary:visited {
    color: var(--primary);
}
.btn:disabled.btn-secondary,
.btn.disabled.btn-secondary {
    --bs-btn-disabled-border-color:  var(--secondary);
}
.btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    --bs-btn-color: var(--primary);
}
#logo {
    width: 200px;
}
header#masthead {
    background-color: transparent;
    box-shadow: none;
    padding: .74rem 1rem;
}
#content.site-content {
    padding-bottom: 0;
    padding-top: 0;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li:last-child {
    margin-right: 0;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
    color: var(--primary);
    font-weight: 600;
    padding: 3px 0;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover,
body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a {
    color: var(--primary-dark);
    text-decoration: none;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li.highlight {
    background-color: var(--primary);
    border-radius: 20px;
    border: 2px solid var(--primary);
}
body:not(.theme-preset-active) #masthead .navbar-nav > li.highlight > a {
    color: #fff;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li.highlight:hover {
    color: var(--primary);
    background-color: transparent;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li.highlight:hover > a {
    color: var(--primary);
}
#main-nav a {
    text-decoration: none;
}
#content.site-content {
    padding-top: 0;
}
.arrow-right::after {
    content: '\2192'; /* Codice unicode per la freccia a destra → */
    display: inline-block;
    margin-left: 8px; /* Spazio tra il testo del link e la freccia */
    font-size: 16px; /* Dimensione della freccia */
    transition: transform 0.3s ease; /* Aggiunge una transizione alla freccia */
}
.arrow-right:hover::after {
    transform: translateX(5px); /* Sposta la freccia leggermente a destra quando si passa sopra */
}
.arrow-left::before {
    content: '\2190'; /* Codice unicode per la freccia a sinistra ← */
    display: inline-block;
    margin-right: 8px; /* Spazio tra la freccia e il testo del link */
    font-size: 16px; /* Dimensione della freccia */
    transition: transform 0.3s ease; /* Aggiunge una transizione alla freccia */
}
.arrow-left:hover::before {
    transform: translateX(-5px); /* Sposta la freccia leggermente a sinistra quando si passa sopra */
}
.alert {
    --bs-alert-border-radius: 2px;
}
#premio_descrizione {
    white-space: pre-wrap;
}
.sezione-saluto,
.sezione-credito {
    color: #fff;
    padding: 45px;
}
.sezione-credito {
    text-align: center;
}
.sezione-saluto p,
.sezione-credito p {
    margin-bottom: 0;
}
.sezione-saluto {
    background-color: var(--primary);
}
.sezione-credito {
    background-color: var(--secondary);
}
.ciao {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}
.credito-e {
    font-size: 20px;
}
.credito {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 20px;
}
.table {
    --bs-table-bg: transparent;
}
.table th {
    color: var(--primary);
    font-weight: normal;
    text-transform: uppercase;
}
.table th:last-child,
.table td:last-child {
    text-align: right;
}
.table img {
    width: 100px;
}
body:not(.theme-preset-active) footer#colophon {
    background-color: var(--default-background);
    color: var(--default-text);
}
footer #project_by {
    margin-top: 40px;
    font-size: 1.2em;
}
footer #logo-footer {
    max-width: 250px;
}
footer .nav-link {
    --bs-nav-link-padding-x: 0;
    font-weight: 500;
}
footer .nav > li > a:focus,
footer .nav > li > a:hover {
    background-color: transparent;
}
.copyright a:hover,
footer#colophon a:hover {
    color: var(--primary);
}
#footer-bottom {
    background-color: var(--primary-dark);
    color: #fff;
    text-align: center;
}
#footer-bottom a {
    color: #fff;
    text-decoration: none;
}
#footer-bottom .widget {
    margin-bottom: 0;
}
#img-footer {
    margin-top: -100px;
}
.bg-background {
    background-color: #e2e6ff;
}
h2.blog-title a,
h2.blog-title a:hover,
h2.blog-title a:visited,
h2.blog-title a:active {
    color: var(--primary);
    text-decoration: none;
}
.blog .wp-post-image {
    border-radius: 20px;
}
/* Sidebar */
.search-form .search-field {
    max-width: 200px;
    margin-right: 15px;
}
.search-form .btn-icon {
    background-color: transparent;
    border: none;
}
.widget_miocounselor_recent_entries img {
    width: 100px;
}
footer a {
    text-decoration: none;
}
@media screen and (max-width: 991px) {
    .navbar-light .navbar-toggler {
        border: none;
        outline: none;
    }
    .navbar-toggler:focus {
        box-shadow: none;
    }
}
@media (max-width: 575.98px) {
    body {
        font-size: 18px;
    }
    .container {
        --bs-gutter-x: 60px;
    }
    .home .intro_blog {
        font-size: 20px;
    }
    .immagine_testo_colonna > img {
        padding: 0 20%;
    }
    #main-nav {
        position: absolute;
        top: 50px;
        background-color: var(--default-background-dark);
        z-index: 9999;
        left: 0;
        right: 0;
    }
    #main-nav .dropdown-menu .menu-item {
        padding: 10px 0;
        font-size: 16px;
    }
    #main-nav .dropdown-menu .dropdown-item {
        font-weight: 500;
        color: var(--primary);
    }
    body:not(.theme-preset-active) #masthead .navbar-nav > li.highlight {
        background-color: transparent;
        border-radius: 0;
        border: none;
    }
    body:not(.theme-preset-active) #masthead .navbar-nav > li.highlight > a {
        color: var(--primary);
    }
    body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
        font-size: 16px;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .btn {
        --bs-btn-font-size: 18px;
        --bs-btn-padding-x: 2rem;
        --bs-btn-padding-y: 0.5rem;
    }
    .btn-xs {
        --bs-btn-padding-y: 0.375rem;
        --bs-btn-padding-x: 1.25rem;
        --bs-btn-font-size: 14px;
        --bs-btn-border-radius: var(--bs-border-radius-sm);
    }
    .nav-link {
        --bs-nav-link-font-size: 16px;
    }
    #breadcrumbs {
        font-size: 0.9em;
    }
    .form-label, .col-form-label {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .form-control,
    .form-select {
        padding: .1875rem 1rem;
        font-size: 0.9em;
    }
    h3.widget-title {
        font-size: 18px;
    }
    footer #project_by {
        font-size: 16px;
    }
    #footer-img {
        text-align: right;
    }
    #img-footer {
        margin-bottom: 20px;
        max-width: 150px;
    }
    .blocco_principale .graphic-content {
        top: auto;
        bottom: 20px;
    }
}