/*******************************************************

    polo.gr footer

    Rebuild of the Elementor Pro footer 120691 with the values of its
    generated CSS (uploads/elementor/css/post-120691.css). Breakpoints:
    laptop ≤ 1919px, tablet ≤ 1024px, mobile ≤ 767px. Colours and fonts
    come from css/polo.header.css (:root).

 *******************************************************/



    .polo-footer,
    .polo-footer * {
        box-sizing: border-box;
    }

    /* The bottom 20px are the empty Elementor container (#9fc1d66) that
       followed the dark block. */
    .polo-footer {
        margin: 0;
        padding: 0 0 20px;
        clear: both;
    }

    .polo-footer__inner {
        --polo-footer-gap: 20px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 0;
        padding: 70px;
        background-color: var( --polo-black );
        color: var( --polo-white );
        font-family: var( --polo-font-base );
        font-size: 16px;
        line-height: 1.618;
    }

    .polo-footer__inner > * {
        flex: 0 1 auto;
        width: 100%;
        min-width: 0;
    }

    .polo-footer ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .polo-footer li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .polo-footer a {
        text-decoration: none;
    }

    .polo-footer .screen-reader-text {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect( 0, 0, 0, 0 );
        border: 0;
        white-space: nowrap;
    }



    /* FOLLOW US + social icons + newsletter. */

    .polo-footer__top {
        display: flex;
        flex-direction: column;
        gap: var( --polo-footer-gap );
        padding: 0 0 20px;
    }

    .polo-footer__title,
    .polo-footer__subtitle {
        margin: 0;
        padding: 0;
        color: var( --polo-white );
        font-family: var( --polo-font-zona );
        font-weight: 800;
        line-height: 1;
        letter-spacing: normal;
        text-transform: none;
    }

    .polo-footer__title {
        font-size: 60px;
        text-align: center;
    }

    .polo-footer__social {
        --polo-social-size: 32px;
        --polo-social-gap: 20px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0 var( --polo-social-gap );
        font-size: 0;
        line-height: 0;
    }

    .polo-footer__social-link {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: var( --polo-social-size );
        height: var( --polo-social-size );
        border-radius: 50%;
        background-color: var( --polo-black );
        color: var( --polo-white );
        font-size: var( --polo-social-size );
        line-height: var( --polo-social-size );
        text-align: center;
        cursor: pointer;
        transition: all 0.3s;
    }

    .polo-footer__social-link svg {
        position: relative;
        display: block;
        width: 1em;
        height: 1em;
        fill: var( --polo-white );
    }

    .polo-footer__social-link:hover,
    .polo-footer__social-link:focus {
        background-color: var( --polo-black );
        opacity: 0.9;
    }

    .polo-footer__social-link:hover svg,
    .polo-footer__social-link:focus svg {
        fill: var( --polo-gold );
    }

    .polo-footer__newsletter {
        display: flex;
        flex-direction: column;
        align-self: center;
        gap: 20px;
        width: 30%;
        min-width: 0;
        padding: 0 0 50px;
    }

    .polo-footer__subtitle {
        font-size: 45px;
        text-align: start;
    }



    /* Contact details, footer menus, language switcher. */

    .polo-footer__columns {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: stretch;
        gap: 20px;
        padding: 0 0 50px;
    }

    .polo-footer__col {
        display: flex;
        flex: 0 1 auto;
        flex-direction: column;
        gap: 20px;
        min-width: 0;
        padding: 0;
    }

    .polo-footer__col--contact {
        width: 35%;
    }

    .polo-footer__col--footer-menu-1 {
        width: 20%;
    }

    .polo-footer__col--footer-menu-2,
    .polo-footer__col--footer-menu-3 {
        width: 22%;
    }

    .polo-footer__contact {
        margin: 0 0 1.41575em;
        color: var( --polo-white );
        font-family: var( --polo-font-gotham );
        font-size: 22px;
        font-weight: 300;
        line-height: 1.46em;
    }

    .polo-footer__contact a {
        color: var( --polo-white );
    }

    .polo-footer__contact a:hover,
    .polo-footer__contact a:focus {
        color: var( --polo-gold );
    }

    .polo-footer__menu > li {
        line-height: normal;
    }

    .polo-footer__menu > li:not( :last-child ) {
        margin-bottom: 10px;
    }

    .polo-footer__menu a {
        display: flex;
        align-items: center;
        padding: 0;
        color: var( --polo-white );
        font-family: var( --polo-font-gotham );
        font-size: 22px;
        font-weight: 300;
        line-height: 1.2em;
        transition: 0.4s;
    }

    .polo-footer__menu a:hover,
    .polo-footer__menu a:focus,
    .polo-footer__menu .current-menu-item > a {
        color: var( --polo-gold );
    }

    .polo-footer__languages {
        display: flex;
    }

    .polo-footer .polo-footer__languages li {
        display: flex;
        margin: 5px;
    }



    /* Legal line. */

    .polo-footer__bottom {
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding: 20px 0 0;
        border-top: 1px solid var( --polo-white );
    }

    .polo-footer .polo-footer__legal {
        display: flex;
        flex-wrap: wrap;
        margin-inline: -8px;
    }

    .polo-footer__legal li {
        position: relative;
        display: flex;
        align-items: center;
        margin-inline: 8px;
        color: var( --polo-white );
        font-family: var( --polo-font-gotham );
        font-size: 14px;
        font-weight: 400;
        word-break: break-word;
    }

    .polo-footer__legal li:not( :last-child )::after {
        content: "";
        position: relative;
        inset-inline-end: -8px;
        width: auto;
        height: 100%;
        border: 0 solid #dddddd;
        border-inline-start-width: 1px;
    }

    .polo-footer__legal a {
        display: flex;
        align-items: center;
        width: 100%;
        color: var( --polo-white );
    }



    /* Laptop. */

    @media ( max-width: 1919px ) {

        .polo-footer__inner {
            padding: 3.65vw;
        }

        .polo-footer__top {
            gap: 1.04vw;
            padding-bottom: 5.21vw;
        }

        .polo-footer__title {
            font-size: 6.25vw;
        }

        .polo-footer__social {
            --polo-social-size: 3.49vw;
            --polo-social-gap: 1.04vw;
        }

        .polo-footer__newsletter {
            gap: 1.04vw;
            padding-bottom: 2.6vw;
        }

        .polo-footer__subtitle {
            font-size: 4.69vw;
        }

        .polo-footer__columns {
            gap: 1.04vw;
            padding-bottom: 2.6vw;
        }

        .polo-footer__menu > li:not( :last-child ) {
            margin-bottom: 0.52vw;
        }

        .polo-footer__menu a {
            font-size: 1.82vw;
        }

        .polo-footer__bottom {
            gap: 1.04vw;
            padding-top: 1.04vw;
        }

        .polo-footer__legal li {
            font-size: 0.73vw;
        }

    }

    @media ( min-width: 1025px ) and ( max-width: 1919px ) {

        .polo-footer__contact {
            font-size: 1.82vw;
        }

    }



    /* Tablet and mobile. */

    @media ( max-width: 1024px ) {

        .polo-footer__inner {
            padding: 50px 20px;
        }

        .polo-footer__top {
            gap: 25px;
            padding-bottom: 40px;
        }

        .polo-footer__title {
            font-size: 30px;
        }

        .polo-footer__social {
            --polo-social-size: 30px;
            --polo-social-gap: 20px;
        }

        .polo-footer__newsletter {
            gap: 20px;
            width: 100%;
        }

        .polo-footer__columns {
            flex-direction: column;
            gap: 24px;
            padding-bottom: 20px;
        }

        .polo-footer__col.polo-footer__col {
            width: 100%;
        }

        .polo-footer__contact {
            margin: 0;
            font-size: 16px;
        }

        .polo-footer__menu > li:not( :last-child ) {
            margin-bottom: 10px;
        }

        .polo-footer__menu a {
            font-size: 16px;
        }

        .polo-footer__bottom {
            gap: 20px;
            padding-top: 20px;
        }

        .polo-footer .polo-footer__legal {
            display: block;
            margin-inline: 0;
        }

        .polo-footer__legal li {
            margin-inline: 0;
            font-size: 16px;
        }

        .polo-footer__legal li:not( :last-child ) {
            padding-bottom: 5px;
        }

        .polo-footer__legal li:not( :first-child ) {
            margin-top: 5px;
        }

        .polo-footer__legal li::after {
            display: none;
        }

    }
