/*
 * responsive.css
 * Media query trasversali che riguardano più sezioni contemporaneamente.
 * Le query specifiche a un singolo componente restano nel file di quel componente.
 */

/* ── Mobile ≤ 768px ─────────────────────────────────── */
@media (max-width: 768px) {

    /* Header */
    .header-top .right_top_section { display: none; }
    .logo {
        float: left;
        padding: 15px 0 10px;
        position: relative;
        width: 100%;
        text-align: center;
    }
    .logo img       { width: 160px; }
    .search-bar     { display: none; }

    /* Menu */
    .menu .navbar-header { float: left; display: block; width: 100%; }
    .menu {
        float: left;
        width: 100%;
        min-height: auto;
        background: #fff;
        border-radius: 0;
        padding: 0 20px;
    }
    .main-menu-section .navbar.navbar-inverse {
        background: transparent;
        border: none;
        margin: 0;
        float: left;
        width: 100%;
    }
    .navbar-brand {
        float: left;
        height: 50px;
        padding: 15px 0;
        font-size: 16px;
        line-height: 20px;
        text-transform: uppercase;
        font-weight: 500;
    }
    button.navbar-toggle   { margin-right: 0; }
    .navbar-inverse .navbar-toggle .icon-bar { background-color: #222; }
    .navbar-toggle .icon-bar {
        display: block;
        width: 20px;
        height: 3px;
        border-radius: 0;
    }
    .navbar-inverse .navbar-brand  { color: #000; font-size: 18px; }
    .navbar-inverse .navbar-toggle:focus,
    .navbar-inverse .navbar-toggle:hover { background-color: #fff; }
    .navbar-toggle .icon-bar + .icon-bar { margin-top: 3px; }
    .navbar-toggle { padding: 9px 9px; }
    .news          { display: none; }

    /* Navbar collapse */
    .navbar-collapse {
        float: left;
        width: 100%;
        margin: 0;
        border-top: solid #ccc 1px !important;
    }
    .navbar-collapse .nav.navbar-nav { margin: 0; }
    .main-menu-section .navbar.navbar-inverse .navbar-collapse ul.nav.navbar-nav {
        float: left;
        padding: 5px 0;
        margin: 0;
    }
    .main-menu-section .navbar.navbar-inverse .navbar-collapse ul.nav.navbar-nav li {
        float: left;
        margin: 0;
        width: 100%;
    }
    .main-menu-section .navbar.navbar-inverse .navbar-collapse ul.nav.navbar-nav li a {
        float: left;
        width: 100%;
        padding: 10px 0;
    }

    /* Headings */
    .main-menu-section .navbar.navbar-inverse { float: left; width: 100%; }
    .main-heading.sytle-2 h2 {
        padding: 0 10px;
        font-weight: 600;
        color: #111;
        line-height: 20px;
        font-size: 22px;
    }
    .main-heading.sytle-2 h2::before,
    .main-heading.sytle-2 h2::after { display: none; }
    section.main-heading .dark-section h2 { font-size: 25px; }

    /* Match / countdown */
    .right-match-time ul li { font-size: 17px; }
    .post-info span         { float: left; margin: 10px 0 0 0; }

    /* Footer */
    .footer-bottom p {
        margin: 0;
        font-size: 14px;
        color: #fff;
        line-height: normal;
        font-weight: 300;
        padding: 15px 0;
        width: 100%;
        text-align: center;
    }

    /* Content */
    .feature-cont   { padding: 25px 0; }
    .feature-post.small-blog .feature-img { margin-bottom: 20px; }
    .post-heading h3 { font-size: 15px; line-height: 25px; }
    section#contant p {
        float: left;
        width: 100%;
        line-height: 24px;
        font-size: 13px;
        text-align: left;
        font-weight: 400;
    }

    /* Contatti */
    .contact-info {
        padding: 20px;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    /* Commenti */
    .commant-section h5 { margin: 15px 0 0; padding: 15px 0; border-top: solid #ddd 1px; }
    .profile img       { width: 140px; margin: 0 auto; }

    /* Quick links */
    .quick-links-buttons { flex-direction: column; gap: 15px; }
    .sport-btn:not(:last-child)::after { display: none; }
    .sport-btn { width: 90%; }
}