@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;1,300&display=swap');
/* variables */
:root {
    --primary-color: #00549A;
    --secondary-color: #47A8B4;
    --muted-color: #FFF494;
    --muted-transparent-color: rgba(255, 244, 148, 0.3);
    --inverse-color: #F6F6F6;
    --inverse-transparent: rgba(230, 230, 230, .2);
    --title-color: #003561;
    --paragraph-color: #003561;
    --primary-gradient: linear-gradient(1.31deg, #47A8B4 -0.56%, #00549A 100%);
    --white-transparent: rgba(255, 255, 255, 0.2);

    --lato: 'Lato', sans-serif;
    --monserrat: 'Monserrat', sans-serif;

    --fullwidth-gap: calc(100vw - 1600px);
    --fullwidth-gap-left-pos: calc(var(--fullwidth-gap) * -1/2);
    --fullwidth-gap-large: calc(100vw - 1920px);

    --asset-logo-nn: url(https://nuovaneon.netsons.org/wp-content/uploads/2020/05/assets-logo-nuova-neon-NN.svg);
}

/* scrollbar */
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-thumb {
    background-color: var(--muted-color);
    border: 3px solid transparent;
    border-radius: 2px;
    background-clip: content-box;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3);
    background: var(--title-color);
}

/* selection */
::selection {
    background: var(--muted-color);
    color: unset;
    text-shadow: none;
}

/* backgrounds & color */
.uk-section-primary {
    background: var(--primary-gradient);
}

.nn-text-muted {
    color: var(--muted-color) !important;
}

.nn-text-secondary {
    color: var(--secondary-color) !important;
}

a:not(.uk-button):hover {
    text-decoration: none !important;
    color: var(--muted-color) !important;
}

.nn-opacity-02 {
    opacity: .2;
}

/* typography */
* {
  letter-spacing: normal !important;
}
.nn-text-bold {
    font-weight: bold;
}

.nn-text-italic {
    font-style: italic;
}

/* buttons */
.uk-button {
    padding-top: 8.5px;
    padding-bottom: 8.5px;
}

/* general elements */
li {
    padding-bottom: 5px;
}

/* navbar */
.uk-navbar {
    height: 100px;
}

.page-id-3 .uk-navbar-container.uk-navbar-primary,
.page-id-257 .uk-navbar-container.uk-navbar-primary {
    background: var(--primary-gradient);
}

/* first section */
#nn-first-section {
    top: -100px;
    position: relative;
    margin-bottom: -100px;
    z-index: -1;
}

#nn-first-section > div {
    background-position: 25% 25%;
    background-size: 110%;
}

/* products */
img.el-image.uk-margin-top,
a.el-link.uk-button.uk-button-default {
    width: 100%;
}

.el-content.uk-panel {
    height: 160px;
}

.el-content.uk-panel p {
    margin-bottom: 0;
}

ul.nn-product-list {
    height: 80px;
    list-style: none;
    margin-top: 12px;
    margin-bottom: 12px
}

ul.nn-product-list li:before {
    content: "";
    position: relative;
    display: flex;
    width: 4px;
    height: 4px;
    background: var(--secondary-color);
    left: -15px;
    top: 13px;
}

/* form */
input.wpcf7-form-control,
textarea.wpcf7-form-control,
select.wpcf7-form-control {
    width: calc(100% - 16px);
    border: 0;
    height: 36px;
    margin-top: 10px;
    background: var(--white-transparent);
    color: white;
    font-family: var(--lato) !important;
    font-weight: 300;
    font-size: 16px;
    line-height: 160%;
    padding: 8px;
}

input.wpcf7-form-control:focus,
textarea.wpcf7-form-control:focus,
select.wpcf7-form-control:focus {
    outline-color: var(--muted-color);
}

span.wpcf7-not-valid-tip {
    padding-top: 8px;
    color: var(--inverse-color);
}

textarea.wpcf7-form-control {
    height: initial;
}

select.wpcf7-form-control,
input[type="submit"] {
    width: 100%;
}

select.wpcf7-form-control {
    height: 52px !important;
    border-radius: 0 !important;
    -webkit-appearance: none;
    -webkit-border-radius: 0 !important;
}

span.wpcf7-form-control-wrap.menu-283:after {
    content: "\f078";
    position: absolute;
    right: 10px;
    width: 10px;
    height: 10px;
    top: 0;
    pointer-events: none;
    font-family: "FontAwesome";
}

option {
    background: #4990b6;
}

span.wpcf7-form-control.wpcf7-acceptance span.wpcf7-list-item    {
    margin-left: 0 !important;
}

input[type="submit"].wpcf7-form-control.wpcf7-submit {
    background: transparent;
    border: 2px solid white;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 0;
}

input[type="submit"].wpcf7-form-control.wpcf7-submit:hover {
    background: var(--muted-transparent-color);
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing,
div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14;
    border: 1px solid var(--muted-color);
    color: var(--inverse-color);
    margin: 8px 0;
    padding: 8px;
}

/* footer */
div#contatti {
    padding-bottom: 300px !important;
}

div#nn-footer-section-2 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: transparent;
}

/* TABLET -> UP */
@media screen and (min-width: 768px) {
    #nn-first-section > div {
        background-size: 25%;
        background-position-x: 50%;
    }

    input[type="submit"].wpcf7-form-control.wpcf7-submit {
        max-width: 25%;
    }
}

/* DESKTOP -> UP */
@media screen and (min-width: 960px) {
    #nn-first-section > div {
        background-position: 75% 50%;
    }

    .nn-fullwidth-desktop {
        width: initial;
    }

    h3.el-title.uk-h3 {
        height: 50px;
    }

    a.el-link.uk-button.uk-button-default {
        padding: 8.5px 0;
    }

    div#nn-footer-section-2 {
        background: var(--inverse-transparent);
    }
}

/* IPAD - PORTRAIT */
@media screen and (min-height: 1024px) and (orientation: portrait)  {
    #nn-first-section > div {
        min-height: 0 !important;
    }
}

/* OTHER */
@media screen and (min-width: 640px) and (max-width: 730px) {
    h3.el-title.uk-h3 {
        padding-right: 50px;
    }
}