/*
<style> /* notice that this entire line is a comment in CSS */
    body {
        font-family: Raleway, sans-serif;

    }

    #mobile-menu {
        background-color: white;
    }

    #menu-mobile {
        display: none;
    }

    .mobile-nav li {
        padding: 0.5rem 0;
    }

    .mobile-nav li a {
        color: #19427E;
        font-size: 1.25rem;
        font-weight: 600;
    }

    .mobile-nav ul {
        list-style: none;
    }

    /*.dropdown-menu li {*/
    /*    position: absolute;*/
    /*}*/
    .acf-icon:before {
        margin: 0 !important;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-family: dashicons;
        display: flex;
        position: absolute;
        line-height: 1;
        font-weight: 400;
        font-style: normal;
        speak: none;
        text-decoration: inherit;
        text-transform: none;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        width: 1em;
        height: 1em;
        vertical-align: middle;
        text-align: center;
        /* align-items: center; */
        /* justify-content: center; */
        align-content: center;
    }

    .linea {
        margin-top: 1rem;
        border-bottom: solid 2px black;
    }

    .navbar-brand {
        margin-top: 1.1rem;
    }

    .navbar-brand img {
        height: 57.5px;
        /*transform: translate(-14%);*/
    }

    .divider {
        margin: auto;
        margin-top: 0.7rem;
        border-bottom: solid 1px black;
        width: 61.2vw;
    }

    .menu {
        width: 940px;
        margin-top: 15px;
    }

    .menu-item-181:hover .dropdown-menu {
        display: block !important;
        position: absolute !important;
        border: none;
    }

    .dropdown-menu li {
        padding-top: 8px;
    }

    .caret {
        display: none;
    }

    .menu ul {
        letter-spacing: -0.07px;
        font-size: 14px;
        justify-content: center;
    }

    .menu ul a {
        padding: 0 10px;
    }

    .dropdown-toggle:after {
        display: none;
    }

    .margin-form {
        padding: 2rem 0;
        margin: 4rem auto;
    }

    .title-form {
        color: #19427E;
        line-height: 1.25em;
        font-size: 32px;
        padding-bottom: 8px;
    }

    .acf-form-fields {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .acf-fields {
        width: 100%;
    }

    #hero .acf-fields > .acf-field {
        padding: 0.5rem 0;
        width: 100%;
        border: none !important;
    }

    .pdf-button {
        border: none;
        background: transparent;
        display: flex;
        align-items: center;
    }

    #hero .acf-field[data-name="increases_reductions_2"] .acf-input,
    #hero .acf-field[data-name="sub"] .acf-input,
    #hero .acf-field[data-name="name"] .acf-input,
    #hero .acf-field[data-name="surface_type_3"] .acf-input,
    #hero .acf-field[data-name="surface_type_5"] .acf-input,
    #hero .acf-field[data-name="contract_date_start"] .acf-input {
        margin-right: 0.25rem;
    }

    #hero .acf-field[data-name="increases_reductions_4"] .acf-input,
    #hero .acf-field[data-name="contract_date_end"] .acf-input,
    #hero .acf-field[data-name="surname"] .acf-input,
    #hero .acf-field[data-name="surface_type_4"] .acf-input,
    #hero .acf-field[data-name="surface_type_6"] .acf-input,
    #hero .acf-field[data-name="type_of_contract"] .acf-input {
        margin-left: 0.25rem;
    }

    #hero .acf-field[data-name="surface_type_3"] {
        width: 40%;
    }

    #hero .acf-field[data-name="surface_type_4"] {
        width: 60%;
    }

    #hero .acf-field[data-name="sub"],
    #hero .acf-field[data-name="name"],
    #hero .acf-field[data-name="surname"],
    #hero .acf-field[data-name="contract_date_start"],
    #hero .acf-field[data-name="contract_date_end"],
    #hero .acf-field[data-name="surface_type_5"],
    #hero .acf-field[data-name="surface_type_6"],
    #hero .acf-field[data-name="increases_reductions_2"],
    #hero .acf-field[data-name="increases_reductions_4"],
    #hero .acf-field[data-name="type_of_contract"] {
        width: 50%;
    }

    #hero .acf-field[data-name="Sheet"],
    #hero .acf-field[data-name="Land_registry_details"],
    #hero .acf-field[data-name="Particle_Map"] {
        width: 33%;
    }


    #hero .acf-field[data-name="_post_title"],
    #hero .acf-field-select[data-name="area"],
    {
        display: none !important;
    }

    .acf-form-submit {
        margin-top: 1rem;
        text-align: right !important;
    }

    .acf-field-true-false {
        display: flex;
        flex-direction: row-reverse;
        justify-content: start;
        align-items: center;
        gap: 16px;
        padding: 0 !important;
    }

    .number-form.complete + .linea-counter {
        border-color: #183451;
    }

    .acf-field-true-false .acf-label {
        margin: 0 !important;
    }

    input, select {
        height: 2rem;
    }

    .number-form {
        display: flex;
        width: 2rem;
        height: 2rem;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius: 6.25rem;
        background: var(--bs-body-bg);
    }

    .number-form.active {
        border: #183451 solid 0.1rem;
    }

    .number-form .number {
        font-family: Arial;
        color: #183451;
        text-align: center;
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        opacity: 0.5;
    }

    .linea-counter {
        border: solid 0.045rem #ECEBEA;
    }

    .number-container {
        flex-wrap: wrap;
        padding-bottom: 2.781rem;
        gap: 0.3rem;

    }

    .text-color {
        color: #19427E;
        line-height: 1.25em;
        text-align: center;
    }

    #hero {
        background: rgb(247, 247, 247);
        border-radius: 2rem;
    }

    .container {
        max-width: 600px;
    }

    #hero .acf-fields.-border {
        border: none;
        background: unset;

    }

    .acf-field.acf-field-select label {
        max-width: 22rem;
    }

    #hero .acf-form-submit input, .back-home {
        width: 7.313rem;
        background-color: red;
        color: white;
        transition: 0.2s linear;
        font-size: 0.75rem;
        border: 1px solid black;
    }

    .acf-loading, .acf-spinner {
        display: inline-block;
        height: 20px;
        width: 20px;
        vertical-align: text-top;
        position: absolute;
        left: 50%;
        transform: translate(-50%);
    }

    #hero .back, #hero .new-calc {
        width: 7.313rem;
        display: flex;
        background-color: dimgrey;
        color: white;
        transition: 0.2s linear;
        font-size: 0.75rem;
        border: 1px solid black;
        align-items: center;
        justify-content: center;
    }

    #hero .new-calc {
        padding: 0.5rem;
    }

    #hero .acf-form-submit input:hover, .back-home:hover, #hero .back:hover, #hero .new-calc:hover {
        background-color: white;
        color: black;
    }
    #cn-notice-buttons a{
        color: white!important;
    }

    .acf-form-submit {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
    }

    /*.back-home{*/
    /*    background: black;*/
    /*    color: white;*/
    /*    padding: 0.8rem;*/
    /*    border-radius: 0.5rem;*/
    /*    transition: 0.2s linear;*/
    /*    margin: 0.5rem;*/
    /*}*/
    /*.back-home:hover{*/
    /*    background-color: var(--bs-body-bg);*/
    /*    color: black;*/
    /*}*/
    /*.acf-field.acf-field-select select{*/
    /*    border: none;*/
    /*}*/
    /*.acf-field.acf-field-select {*/
    /*    display: flex;*/
    /*    align-items: center;*/
    /*    justify-content: space-between;*/
    /*}*/
    #hero .acf-field-select {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    @media (max-width: 520px) {
        .admin-bar .mobile-nav {
            margin-top: 46px;
        }

        #hero .acf-field[data-name="name"],
        #hero .acf-field[data-name="surname"],
        #hero .acf-field[data-name="sub"],
        #hero .acf-field[data-name="contract_date_start"],
        #hero .acf-field[data-name="contract_date_end"],
        #hero .acf-field[data-name="surface_type_1"],
        #hero .acf-field[data-name="surface_type_2"],
        #hero .acf-field[data-name="surface_type_3"],
        #hero .acf-field[data-name="surface_type_4"],
        #hero .acf-field[data-name="surface_type_5"],
        #hero .acf-field[data-name="surface_type_6"],
        #hero .acf-field[data-name="increases_reductions_2"],
        #hero .acf-field[data-name="increases_reductions_4"],
        #hero .acf-field[data-name="Sheet"],
        #hero .acf-field[data-name="Land_registry_details"],
        #hero .acf-field[data-name="Particle_Map"],
        #hero .acf-field[data-name="type_of_contract"] {
            width: 100%;
        }

        #hero .acf-field[data-name="sub"] .acf-input,
        #hero .acf-field[data-name="contract_date_start"] .acf-input,
        #hero .acf-field[data-name="surface_type_1"] .acf-input,
        #hero .acf-field[data-name="surface_type_3"] .acf-input,
        #hero .acf-field[data-name="surface_type_5"] .acf-input,
        #hero .acf-field[data-name="surface_type_2"] .acf-input,
        #hero .acf-field[data-name="surface_type_4"] .acf-input,
        #hero .acf-field[data-name="surface_type_6"] .acf-input,
        #hero .acf-field[data-name="increases_reductions_2"] .acf-input,
        #hero .acf-field[data-name="increases_reductions_4"] .acf-input,
        #hero .acf-field[data-name="contract_date_end"] .acf-input,
        #hero .acf-field[data-name="type_of_contract"] .acf-input {
            margin: 0rem;
        }

        #hero ul {
            display: flex;
            justify-content: space-between;

        }

        #hero .acf-field[data-name="characteristic_posto_auto"] ul {
            display: flex;
            flex-direction: column;
            justify-content: space-between;

        }

        #hero .acf-field[data-name="characteristic_posto_auto"] li {
            padding: 0.5rem 0;
        }
    }