/* =========================================================
   GRAV MIGRATION LAYER
   ========================================================= */

body.site {
    min-height: 100vh;
}

.container {
    max-width: 960px;
}

#content {
    overflow: visible;
    margin-top: 20px;
    min-width: 0;
}

.content-body img {
    max-width: 100%;
}

.sidebar-nav ul,
.sidebar-nav li {
    margin-left: 0;
}

.sidebar-nav .menu,
.sidebar-nav .submenu {
    list-style: none;
}

.sidebar-nav .menu > li > a {
    display: block;
}

.sidebar-nav .submenu {
    margin: 0 0 12px 0;
    padding: 0;
}

.sidebar-nav .submenu-title {
    font-weight: bold;
    margin: 12px 0 4px;
}

.right-sidebar {
    background: #f5f5f5;
    padding: 10px;
    border-radius: 4px;
}

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

.right-sidebar li {
    margin: 0;
    padding: 3px 0;
}

.article-list .article-item {
    margin-bottom: 22px;
    overflow: hidden;
}

.article-list .article-item img {
    width: 150px;
    height: 100px;
    object-fit: cover;
    float: left;
    margin: 0 12px 8px 0;
}

.article-list .article-item h3 {
    margin-top: 0;
}

.footer a {
    color: #ffe5b4;
}

.footer {
    color: #fbe0ba;
}


/* =========================================================
   MENU PRINCIPALE
   ========================================================= */

.sidebar-nav {
    margin-bottom: 20px;
}

.sidebar-nav .nav.menu {
    margin: 0;
    padding: 0;
}

.sidebar-nav .nav.menu > li {
    float: none;
}

.sidebar-nav .nav.menu > li > a {
    display: block;
}


/* =========================================================
   MENU DESTRO
   ========================================================= */

.right-sidebar {
    margin-top: 20px;
}

.right-sidebar ul.nav.menu {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
    border: 0 !important;
}

.right-sidebar ul.nav.menu > li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
    border-bottom: 1px solid #8f2f0d !important;
}

.right-sidebar ul.nav.menu > li:last-child {
    border-bottom: 0 !important;
}

.right-sidebar ul.nav.menu > li > a {
    display: block;
    padding: 8px 12px !important;
    color: #2b1500 !important;
    background: #FFE5B4 !important;
    font-weight: bold;
    text-decoration: none;
}

.right-sidebar ul.nav.menu > li > a:hover,
.right-sidebar ul.nav.menu > li.active > a {
    color: #ffffff !important;
    background: #8f2f0d !important;
}


/* =========================================================
   HEADER RESPONSIVE
   ========================================================= */

@media (max-width: 767px) {

    .header-image img {
        display: block;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
    }

    .site-title {
        font-size: 24px;
        line-height: 28px;
    }

    .site-description {
        font-size: 13px;
        line-height: 18px;
    }

}


/* =========================================================
   CONTENITORE PRINCIPALE
   ========================================================= */

.body .container {
    background-color: #FFC782;
    border-radius: 4px;
    padding: 20px;
    border: 1px solid rgba(0,0,0,0.15);
    box-shadow: 0 0 6px rgba(0,0,0,0.05);
}

html,
body,
body.site {
    background-color: #2b1500;
}


/* =========================================================
   MENU LATERALI VAL VEZZENO
   ========================================================= */

.sidebar-nav,
.right-sidebar {
    margin-top: 20px;
}

.sidebar-nav ul.nav.menu,
.right-sidebar ul.nav.menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav ul.nav.menu > li,
.right-sidebar ul.nav.menu > li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav ul.nav.menu > li > a,
.right-sidebar ul.nav.menu > li > a {
    display: block;
    margin: 0;
    padding: 10px 15px;

    color: #ffffff;
    background: #8f2f0d;

    border-bottom: 1px solid #6f2208;

    font-weight: bold;
    text-decoration: none;
}

.sidebar-nav ul.nav.menu > li > a:hover,
.right-sidebar ul.nav.menu > li > a:hover {
    color: #ffffff;
    background: #a63b12;
    text-decoration: none;
}

.sidebar-nav ul.nav.menu > li.active > a,
.sidebar-nav ul.nav.menu > li.active > a:hover,
.right-sidebar ul.nav.menu > li.active > a,
.right-sidebar ul.nav.menu > li.active > a:hover {
    color: #ffffff;
    background: #7d2609;
}


/* primo elemento */

.sidebar-nav ul.nav.menu > li:first-child > a,
.right-sidebar ul.nav.menu > li:first-child > a {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}


.right-sidebar {
    margin-top: 20px;
    border: 1px solid #8f2f0d !important;
    box-sizing: border-box;
    background: #FFE5B4 !important;
}


/* =========================================================
   PAGINA SINGOLO CANE
   ========================================================= */

.dog-page {
    width: 100%;
    box-sizing: border-box;

    background: #FFE5B4;
    border: 1px solid #8f2f0d;
    border-radius: 6px;

    padding: 25px;

    color: #2b1500;
}


/* =========================================================
   INTESTAZIONE
   ========================================================= */

.dog-header {
    text-align: center;
    margin-bottom: 25px;
}

.dog-name {
    margin: 0 0 8px;

    color: #2b1500;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 30px;
    line-height: 1.25;
}

.dog-birth,
.dog-owner {
    margin: 5px 0;

    color: #5f3a25;

    font-size: 15px;
}

.dog-owner {
    font-weight: bold;
}


/* =========================================================
   FOTOGRAFIE
   ========================================================= */

.dog-gallery {
    width: 100%;
    margin: 25px 0;
}

.dog-gallery-item {
    margin: 0 0 25px;

    text-align: center;
}

.dog-gallery-item img {
    display: block;

    width: auto;
    max-width: 100%;
    height: auto;

    margin: 0 auto;

    border: 1px solid #8f2f0d;
    border-radius: 5px;
}


/* =========================================================
   TITOLI E QUALIFICHE
   ========================================================= */

.dog-titles {
    margin: 25px 0;

    padding: 18px;

    border-top: 1px solid #8f2f0d;
    border-bottom: 1px solid #8f2f0d;

    text-align: center;
}

.dog-titles p {
    margin: 5px 0;

    color: #2b1500;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 19px;
    font-weight: bold;
    line-height: 1.4;
}


/* =========================================================
   RISULTATI
   ========================================================= */

.dog-results {
    margin: 25px 0;
}

.dog-results p {
    margin: 0;
    padding: 8px 0;

    color: #2b1500;

    font-size: 15px;
    line-height: 1.5;

    border-bottom: 1px solid rgba(143, 47, 13, 0.35);
}

.dog-results p:last-child {
    border-bottom: 0;
}


/* =========================================================
   CONTENUTO LIBERO TINYMCE
   ========================================================= */

.dog-content {
    margin-top: 25px;
    padding-top: 20px;

    border-top: 1px solid #8f2f0d;

    color: #2b1500;
}

.dog-content img {
    max-width: 100%;
    height: auto;
}

.dog-content h1,
.dog-content h2,
.dog-content h3 {
    color: #2b1500;
}

.dog-content a {
    color: #8f2f0d;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .dog-page {
        padding: 15px;
    }

    .dog-name {
        font-size: 25px;
    }

    .dog-titles p {
        font-size: 17px;
    }

    .dog-results p {
        font-size: 14px;
    }

}


/* =========================================================
   COLORE TESTO CONTENUTO
   ========================================================= */

#content,
#content p,
#content div,
#content li,
#content td,
#content th,
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
    color: #2b1500;
}


/* =========================================================
   OUR DOGS / OUR FRIEND'S DOGS
   CARD FOTOGRAFICHE
   ========================================================= */

/* =========================================================
   OUR DOGS / OUR FRIEND'S DOGS
   SCHEDE A UNA COLONNA
   ========================================================= */

.dogs-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    width: 100%;
    margin: 25px 0;
    box-sizing: border-box;
}

.dog-card {
    display: block;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;

    margin: 0;
    padding: 12px;

    background: #FFE5B4;
    border: 1px solid #8f2f0d;
    border-radius: 6px;

    text-align: center;
    text-decoration: none;
    color: #2b1500;

    box-shadow: 0 2px 5px rgba(0,0,0,0.12);
}

.dog-card:hover {
    color: #2b1500;
    text-decoration: none;
    background: #f9dca8;
}

/* FOTO */
.dog-card-image {
    width: 100%;
    height: 150px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0 0 10px 0;
    overflow: hidden;

    background-color: #FFE5B4 !important;
}

.dog-card-image img {
    display: block;
    width: auto;
    height: 150px;
    max-width: 100%;
    max-height: 150px;

    object-fit: contain;
    margin: 0 auto;
}

/* NOME */
.dog-card h3 {
    margin: 8px 4px 4px;

    color: #2b1500;
    font-size: 20px;
    line-height: 1.3;

    text-align: center;
}


/* =========================================================
   TITOLO E INTRODUZIONE CATEGORIE
   ========================================================= */

.category-title {
    margin: 0 0 10px;

    text-align: center;

    color: #2b1500;
}

.category-intro {
    margin: 0 0 25px;

    text-align: center;

    color: #2b1500;
}


/* =========================================================
   EMAIL
   ========================================================= */

.category-mail {
    margin: 30px 0;

    text-align: center;
}

.category-mail a {
    color: #8f2f0d;
}




/* =========================================================
   TIPOGRAFIA GENERALE
   ========================================================= */

html,
body,
body.site {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.6;
}

/* Testo principale */
#content {
    font-size: 16px;
    line-height: 1.6;
}

/* Titoli */
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
    font-family: Georgia, "Times New Roman", serif;
    color: #2b1500;
    line-height: 1.25;
}

#content h1 {
    font-size: 32px;
    margin: 0 0 20px;
}

#content h2 {
    font-size: 26px;
    margin: 25px 0 14px;
}

#content h3 {
    font-size: 20px;
    margin: 18px 0 10px;
}

/* Paragrafi */
#content p {
    line-height: 1.6;
    margin: 0 0 15px;
}

/* Link */
#content a {
    color: #8f2f0d;
}

#content a:hover {
    color: #6f2208;
}

/* =========================================================
   TESTO DELLE PAGINE
   ========================================================= */

.content-body {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.6;
}

/* =========================================================
   TITOLI DELLE CATEGORIE
   ========================================================= */

.category-title {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 30px;
    line-height: 1.25;
    margin: 0 0 15px;
}

.category-intro {
    font-size: 16px;
    line-height: 1.6;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    html,
    body,
    body.site {
        font-size: 15px;
    }

    #content h1 {
        font-size: 27px;
    }

    #content h2 {
        font-size: 23px;
    }

    #content h3 {
        font-size: 19px;
    }

}

/* =========================================================
   SCHEDE ANIMALI
   Our Dogs / Our Friend's Dogs / Our Champions
   ========================================================= */

.animal-list {
    width: 100%;
    margin: 25px 0;
}

.animal-card {
    display: block;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;

    margin: 0 0 20px;
    padding: 12px;

    background: #FFE5B4;
    border: 1px solid #8f2f0d;
    border-radius: 6px;

    text-align: center;
    text-decoration: none;
    color: #2b1500;

    box-shadow: 0 2px 5px rgba(0,0,0,0.12);
}

.animal-card:hover {
    color: #2b1500;
    text-decoration: none;
    background: #f9dca8;
}

.animal-card-image {
    width: 100%;
    height: 150px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0 0 10px;
    overflow: hidden;

    background: #FFE5B4;
}

.animal-card-image img {
    display: block;

    width: auto;
    height: 150px;

    max-width: 100%;
    max-height: 150px;

    object-fit: contain;

    margin: 0 auto;
}

.animal-card h3 {
    margin: 8px 4px 4px;

    color: #2b1500;
    font-size: 20px;
    line-height: 1.3;

    text-align: center;
}


/* =========================================================
   INTRODUZIONE SEZIONI ANIMALI
   Our Dogs / Our Friend's Dogs
   ========================================================= */

.animals-page {
    width: 100%;
}

.animals-intro {
    text-align: center;
    margin-bottom: 30px;
}

.animals-intro h1 {
    margin: 0 0 12px;
    color: #2b1500;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 30px;
    line-height: 1.25;
}

.animals-rule {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 15px;
}

.animals-rule::before,
.animals-rule::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #8f2f0d;
}

.animals-rule span {
    color: #8f2f0d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
    font-weight: bold;
    white-space: nowrap;
}

.animals-intro p {
    margin: 0 auto;
    max-width: 700px;
    color: #2b1500;
    font-size: 15px;
    line-height: 1.7;
}

.animals-intro strong {
    color: #8f2f0d;
}

/* =========================================================
   RIQUADRO SEZIONI ANIMALI
   ========================================================= */

.animals-page {
    background: #FFE5B4;
    border: 1px solid #8f2f0d;
    border-radius: 6px;
    padding: 25px;
    box-sizing: border-box;
}

/* Introduzione */
.animals-intro {
    text-align: center;
    margin-bottom: 30px;
}

.animals-intro h1 {
    margin: 0 0 12px;
    color: #2b1500;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 30px;
    line-height: 1.25;
}

.animals-rule {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 15px;
}

.animals-rule::before,
.animals-rule::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #8f2f0d;
}

.animals-rule span {
    color: #8f2f0d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
    font-weight: bold;
    white-space: nowrap;
}

.animals-intro p {
    margin: 0 auto;
    max-width: 700px;
    color: #2b1500;
    font-size: 15px;
    line-height: 1.7;
}

.animals-intro strong {
    color: #8f2f0d;
}

@media (max-width: 600px) {

    .animals-page {
        padding: 15px;
    }

    .animals-intro h1 {
        font-size: 25px;
    }

    .animals-rule span {
        font-size: 16px;
    }

    .animals-intro p {
        font-size: 14px;
    }
}

/* =========================================================
   OLD DOGS - PAGINA SINGOLO CANE
   ========================================================= */

.old-dog-page {
    width: 100%;
    box-sizing: border-box;

    background: #FFE5B4;
    border: 1px solid #8f2f0d;
    border-radius: 6px;

    padding: 25px;

    color: #2b1500;
}

.old-dog-content {
    color: #2b1500;
    font-size: 16px;
    line-height: 1.6;
}

/* Titoli provenienti dal vecchio HTML */

.old-dog-content h1,
.old-dog-content h2,
.old-dog-content h3,
.old-dog-content h4,
.old-dog-content h5,
.old-dog-content h6 {
    color: #2b1500;
    font-family: Georgia, "Times New Roman", serif;
    line-height: 1.3;
}

.old-dog-content h2 {
    margin: 0 0 15px;
    font-size: 26px;
    text-align: center;
}

.old-dog-content h3 {
    margin: 12px 0;
    font-size: 18px;
}

/* Immagini */

.old-dog-content img {
    display: block;

    max-width: 100%;
    height: auto;

    margin-left: auto;
    margin-right: auto;

    border-radius: 5px;
}

/* Spaziatura paragrafi */

.old-dog-content p {
    margin: 10px 0;
}

/* Link */

.old-dog-content a {
    color: #8f2f0d;
}

/* Mobile */

@media (max-width: 600px) {

    .old-dog-page {
        padding: 15px;
    }

    .old-dog-content h2 {
        font-size: 23px;
    }

    .old-dog-content h3 {
        font-size: 17px;
    }

}

/* =========================================================
   PEDIGREE
   ========================================================= */

.pedigree-page {
    color: #2b1500;
}


/* =========================================================
   INCIPIT
   ========================================================= */

.pedigree-intro {
    text-align: center;
    margin: 0 0 25px;
    padding: 22px 25px 20px;

    background: #FFE5B4;
    border: 1px solid #8f2f0d;
    border-radius: 6px;

    box-sizing: border-box;
}

.pedigree-intro h1 {
    margin: 0 0 12px;

    color: #2b1500;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 30px;
    line-height: 1.2;
}

.pedigree-rule {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 14px;
}

.pedigree-rule::before,
.pedigree-rule::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #8f2f0d;
}

.pedigree-rule span {
    color: #8f2f0d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
    font-weight: bold;
    white-space: nowrap;
}

.pedigree-intro p {
    margin: 0 auto;

    color: #2b1500;
    font-size: 15px;
    line-height: 1.55;
}

.pedigree-intro strong {
    color: #8f2f0d;
}


/* =========================================================
   LISTA PEDIGREE
   ========================================================= */

.pedigree-cards {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin: 0;
}

.pedigree-cards h3 {
    margin: 0;
    padding: 4px 10px;

    background: #fff7e8;
    border: 1px solid #d9b77b;
    border-radius: 6px;

    box-shadow: none;

    text-align: center;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 17px;
    line-height: 1.15;
}

.pedigree-cards h3 a {
    display: block;

    color: #4a1f0f;
    text-decoration: none;
}

.pedigree-cards h3 a:hover {
    color: #8f2f0d;
    text-decoration: none;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .pedigree-intro {
        padding: 18px 15px;
    }

    .pedigree-intro h1 {
        font-size: 25px;
    }

    .pedigree-rule span {
        font-size: 16px;
    }

    .pedigree-intro p {
        font-size: 14px;
        line-height: 1.5;
    }

    .pedigree-cards h3 {
        padding: 4px 8px;
        font-size: 16px;
        line-height: 1.1;
    }

}

/* =========================================================
   PRENOTAZIONE CUCCIOLO - CONFERMA BONIFICO
   ========================================================= */

.puppy-booking-payment {
    max-width: 480px;
    margin: 30px auto;
    padding: 20px 24px;
    background: #FFE5B4;
    border: 1px solid #8f2f0d;
    border-radius: 5px;
    text-align: center;
}

.puppy-booking-payment h3 {
    margin-top: 0;
    color: #2b1500;
}

.puppy-booking-payment p {
    margin: 18px 0;
}

.puppy-iban {
    display: inline-block;
    margin-top: 5px;
    font-size: 17px;
    letter-spacing: 1px;
}

.puppy-amount {
    display: inline-block;
    margin-top: 5px;
    font-size: 20px;
    font-weight: bold;
}
/* =========================================================
   FOOTER - VAL VEZZENO
   ========================================================= */

.footer {
    width: 100%;
    margin-top: 45px;
    padding: 0 0 25px;

    background: #2b1500;
    color: #2b1500;
}


/* =========================================================
   CONTACT CARD
   ========================================================= */

.footer-card {
    width: calc(100% - 40px);
    max-width: 1080px;

    margin: 0 auto;

    box-sizing: border-box;

    display: grid;
    grid-template-columns: 1fr 1fr;

    background: #FFE5B4;

    border: 1px solid #8f2f0d;
    border-radius: 10px;

    box-shadow:
        0 8px 20px rgba(0, 0, 0, 0.20);

    overflow: hidden;
}


/* =========================================================
   LEFT SIDE
   ========================================================= */

.footer-card-left {
    padding: 38px 45px 35px;

    border-right: 1px solid rgba(143, 47, 13, 0.28);

    display: flex;
    flex-direction: column;
    justify-content: center;
}

.footer-heading {
    color: #2b1500;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 27px;
    line-height: 1.2;
    font-weight: 700;
}

.footer-subheading {
    margin-top: 7px;

    color: #8f2f0d;

    font-size: 16px;
    font-weight: 700;
}

.footer-accent {
    width: 70px;
    height: 2px;

    margin: 17px 0 20px;

    background: #8f2f0d;
}

.footer-company {
    color: #2b1500;

    font-size: 14px;
    line-height: 1.65;
}

.footer-company strong {
    font-size: 15px;
}


/* =========================================================
   RIGHT SIDE
   ========================================================= */

.footer-card-right {
    padding: 30px 45px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    gap: 17px;
}


/* =========================================================
   CONTACT ROW
   ========================================================= */

.footer-contact {
    display: flex;
    align-items: center;

    min-height: 48px;

    color: #2b1500;

    text-decoration: none;

    transition:
        transform 0.15s ease,
        color 0.15s ease;
}

.footer-contact:hover {
    color: #8f2f0d;
    text-decoration: none;

    transform: translateX(3px);
}


/* =========================================================
   ICON
   ========================================================= */

.footer-contact-icon {
    width: 43px;
    height: 43px;

    flex: 0 0 43px;

    margin-right: 15px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #f8f1e2;
    border: 1px solid rgba(143, 47, 13, 0.20);

    color: #8f2f0d;

    font-size: 21px;
    font-weight: 700;

    box-shadow:
        0 2px 6px rgba(0, 0, 0, 0.10);
}

.footer-facebook-icon {
    background: #8f2f0d;
    color: #FFE5B4;

    font-family: Arial, sans-serif;
    font-size: 22px;
}


/* =========================================================
   CONTACT TEXT
   ========================================================= */

.footer-contact-text {
    display: flex;
    flex-direction: column;

    line-height: 1.3;
}

.footer-contact-text strong {
    color: #2b1500;

    font-size: 14px;
    font-weight: 700;
}

.footer-contact-text small {
    margin-top: 3px;

    color: #8f2f0d;

    font-size: 14px;
}


/* =========================================================
   BOTTOM BAR
   ========================================================= */

.footer-bar {
    width: calc(100% - 40px);
    max-width: 1080px;

    margin: 0 auto;

    min-height: 60px;

    display: grid;
    grid-template-columns: 1fr auto 1fr;

    align-items: center;

    column-gap: 25px;

    color: #FFE5B4;

    font-size: 13px;
}

.footer-bar-copyright {
    text-align: left;
}

.footer-bar-links {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 10px;
}

.footer-bar-links a,
.footer-back-top {
    color: #FFE5B4;

    text-decoration: none;

    font-weight: 700;
}

.footer-bar-links a:hover,
.footer-back-top:hover {
    color: #f9dca8;

    text-decoration: underline;
}

.footer-back-top {
    text-align: right;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 800px) {

    .footer-card {
        grid-template-columns: 1fr;
    }

    .footer-card-left {
        border-right: none;
        border-bottom: 1px solid rgba(143, 47, 13, 0.28);

        padding: 30px;
    }

    .footer-card-right {
        padding: 25px 30px;
    }

}


@media (max-width: 600px) {

    .footer {
        margin-top: 30px;
        padding-bottom: 15px;
    }

    .footer-card {
        width: calc(100% - 20px);

        border-radius: 8px;
    }

    .footer-card-left {
        padding: 25px 20px;
        text-align: center;
    }

    .footer-heading {
        font-size: 23px;
    }

    .footer-accent {
        margin-left: auto;
        margin-right: auto;
    }

    .footer-card-right {
        padding: 22px 20px;
    }

    .footer-bar {
        width: calc(100% - 20px);

        grid-template-columns: 1fr;

        gap: 10px;

        padding: 15px 0;

        text-align: center;
    }

    .footer-bar-copyright,
    .footer-back-top {
        text-align: center;
    }

}

/* =========================================================
   RIASSUNTI LINGUISTICI - PAGINE INFORMATIVE
   ========================================================= */

.language-summary-divider {
    margin: 40px 0 30px;
    border: 0;
    border-top: 1px solid rgba(143, 47, 13, 0.25);
}

.language-summary {
    margin: 30px 0;
    padding: 24px 28px;

    background: #f7f0df;

    border: 1px solid rgba(143, 47, 13, 0.20);
    border-left: 5px solid #8f2f0d;
    border-radius: 8px;

    color: #2b1500;
}

.language-summary h3 {
    margin: 0 0 15px;

    color: #2b1500;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 21px;
}

.language-summary h4 {
    margin: 20px 0 10px;

    color: #8f2f0d;

    font-size: 15px;
}

.language-summary p {
    margin: 0 0 12px;

    line-height: 1.65;
}

.language-summary ul {
    margin: 12px 0 0 22px;
    padding: 0;
}

.language-summary li {
    margin-bottom: 9px;
    line-height: 1.55;
}

.language-summary strong {
    color: #8f2f0d;
}

@media (max-width: 600px) {

    .language-summary {
        padding: 20px;
    }

    .language-summary h3 {
        font-size: 19px;
    }

}