/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme.
If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme.
Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

/* css titles' highlighter for copy/paste: */
/*******************  */

/******************* FONT IMPORT (must be at the top, before other declarations)  */

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap'); 


/******************* PROJECT SPECIFIC VARIABLES */

:root {
    --prj-color-white:#FFF;
    --prj-color-blue:#007DCF;
    --prj-color-black:#3B3B3B;
    --prj-color-red:#DF2937;
    --prj-color-grey-dark:#969696;
    --prj-color-grey-light:#EAEAEA;

    --prj-font-family:"Source Sans 3", sans-serif;
}


/******************* UTILITIES */

.mt-0 {
    margin-top: 0 !important;
}
.mb-15 {
    margin-bottom: 15px !important;
}


/******************* TYPOGRAPHY  */

body, input {
    font-family: var(--prj-font-family);
}

p, ul {

    font-weight: 300;

    strong {
        font-weight: 600;
    }
    
}

h3 {
    font-weight: 900!important;
}

.template-page .entry-content-wrapper h1,
.template-page .entry-content-wrapper h2,
.template-page .entry-content-wrapper h3 {
    text-transform: none!important;
    font-weight: 700!important;
}

.template-page .entry-content-wrapper h1,
.template-page .entry-content-wrapper h2 {
    letter-spacing: -1.5px;
    text-decoration: none!important;
}
.template-page .entry-content-wrapper h3 {
    letter-spacing: -1px;

    .readmore {
        letter-spacing: 0;
    }
}

.avia_textblock {
    line-height: 1.3em
}

.av-subheading_above {
    text-transform: uppercase;
}


/******************* GENERIC */

ul {
    li {
        line-height: 2rem;

        &::marker {
            color: var(--prj-color-blue);
        }
    }
    &.blue-bullets {
        li::marker,
        .fa-solid {
            color: var(--prj-color-blue);
        }
    }
    &.white-bullets,
    .quid-blocco-bianco & {
        li::marker,
        .fa-solid {
            color: var(--prj-color-white);
        }
    }
    &.no-bullets {
        list-style-type: none;
    
        li {
            margin-left: 0;
            display: flex;
        }
    
        .fa-solid {
            margin-right: 6px;
            margin-top: 5px;
        }
    }
    /* catalogo dettaglio download files */
    &.elenco_file_download li .far{ 
        color: var(--prj-color-blue);
        margin-right: 5px;
        position: relative;
        bottom: -3px;
    }
}

.grecaptcha-badge {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

    /* Avia elements - START */
.avia-section {
    padding-block: 100px;

    .content {
        padding-top: 0;
        padding-bottom: 0;
    }
}

.av_textblock_section {
    margin-bottom: 40px;
}

/* removes the 1px border between some sections */
/* .main_color, .main_color div, .main_color header, .main_color main, .main_color aside, .main_color footer, .main_color article, .main_color nav, .main_color section, .main_color span, .main_color applet, .main_color object, .main_color iframe, .main_color h1, .main_color h2, .main_color h3, .main_color h4, .main_color h5, .main_color h6, .main_color p, .main_color blockquote, .main_color pre, .main_color a, .main_color abbr, .main_color acronym, .main_color address, .main_color big, .main_color cite, .main_color code, .main_color del, .main_color dfn, .main_color em, .main_color img, .main_color ins, .main_color kbd, .main_color q, .main_color s, .main_color samp, .main_color small, .main_color strike, .main_color strong, .main_color sub, .main_color sup, .main_color tt, .main_color var, .main_color b, .main_color u, .main_color i, .main_color center, .main_color dl, .main_color dt, .main_color dd, .main_color ol, .main_color ul, .main_color li, .main_color fieldset, .main_color form, .main_color label, .main_color legend, .main_color table, .main_color caption, .main_color tbody, .main_color tfoot, .main_color thead, .main_color tr, .main_color th, .main_color td, .main_color article, .main_color aside, .main_color canvas, .main_color details, .main_color embed, .main_color figure, .main_color fieldset, .main_color figcaption, .main_color footer, .main_color header, .main_color hgroup, .main_color menu, .main_color nav, .main_color output, .main_color ruby, .main_color section, .main_color summary, .main_color time, .main_color mark, .main_color audio, .main_color video, #top .main_color .pullquote_boxed, .responsive #top .main_color .avia-testimonial, .responsive #top.avia-blank #main .main_color.container_wrap:first-child, #top .main_color.fullsize .template-blog .post_delimiter, .main_color .related_posts.av-related-style-full a {
    border:none!important;
} */

.avia-button {
    text-transform: uppercase;
    font-weight: 300!important;
    border-radius: 0!important;
}

/* gallery: remove borders and transform into a css grid, 3 columns default */
.avia-gallery {

    .avia-gallery-big {
        padding: 10px !important;
        margin-bottom: 20px!important;
    }
    
    .avia-gallery-thumb {
        display: grid;
        grid-template-columns: auto auto auto;
        grid-gap: 20px;
    
        a {
            width: 100% !important;
        }

        img {
            padding: 0 !important;
            border: 0 !important;
        }
    }
      
}


    /* Avia elements - END */

/* sections' backgrounds */
body .quid-section-with-bg {
    background-size: 48%;

    &.tot-from-top {
        background-position-y: 100px;
    }

    /* &.right {
        background-position-x: right;
    } */

    &.with-divider {
        background-position-y: 200px;
    }

    /* &.to-bottom {
        background-position-y: bottom;
    } */
}

.colorsection-padding-tb-50px {
    padding-top:50px;
    padding-bottom:50px;
}

.big-pre-gallery {

    margin-bottom: 20px!important;

    .avia_image {
        border-radius: 0;
    }
}
#top .avia-gallery .avia-gallery-thumb a.noLightbox:hover {
    opacity: 1;
  }

.togglecontainer {
    margin-bottom: 50px;

    .av_toggle_section {

        .toggler {
            border:0;
            padding: 25px 25px 25px 55px;

            font: 900 26px/26px var(--prj-font-family);
            text-transform: uppercase;
            color: var(--prj-color-blue)!important;

            .toggle_icon {
                width: 22px;
                height: 22px;
                left: 25px;
                margin-top: -11px;

                border-color: var(--prj-color-blue);

                .hor_icon {
                    top: 8px;
                    left: 4px;
                    width: 13px;
                    border-color: var(--prj-color-blue);
                }
                .vert_icon {
                    left: 9px;
                    top: 4px;
                    height: 12px;
                    border-color: var(--prj-color-blue);
                }
            }
        }
        

        .toggle_content {
            padding: 35px 25px 10px 25px;
            background-color: #f7f7f7;
            border:0;
            font-weight: 300;
        }

    }
}

.mfp-bg {
    background-color: var(--prj-color-blue);
}


.pagination {

    * {
        padding-top: 9px!important;
    }

    .current,
    a {
        font: 700 18px/18px var(--prj-font-family)!important;
        color: white!important;
    }
    
    .current,
    a:hover {
        background-color: var(--prj-color-blue)!important;
    }

    a {
        background-color: #79ABDF!important;
    }

    .pagination-meta {
        font: 300 16px/16px var(--prj-font-family)!important;
        color: var(--prj-color-black);
    }
}

.main_color .avia-icon-list .iconlist_icon {
    background-color: transparent;
}

.av-iconlist-small .iconlist_icon {
    margin-top: -4px;
  }

.article-icon-entry .av_iconlist_title {
    line-height: 1.2;
    margin-bottom: 8px;
}


 /* wpcf7 - START */

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus {
  /* -webkit-text-fill-color: white; */
  -webkit-box-shadow: 0 0 0px 40rem #fff inset;
}

     /* wpcf7 - ChatGPT START */


/* Basic form styling */
/* .wpcf7-form {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 8px;
} */

.wpcf7-form p {
    margin-bottom: 35px;
}

/* .wpcf7-form label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
} */

/* Input, textarea and submit button styling */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
    /* width: 100%; */
    padding: 25px!important;
    border: 0!important;
    /* border-radius: 0; */
    /* box-sizing: border-box; */
    font-family: var(--prj-font-family)!important;
    font-size: 23px!important;
    font-weight: 300 !important;
    line-height: 29px!important;
    color:var(--prj-color-black)!important;
    background-color: var(--prj-color-white)!important;

    &::placeholder {
        color: #808080!important;
    }
}

/* .wpcf7-form input[type="submit"] {
    background-color: #0073aa;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
} */

/* .wpcf7-form input[type="submit"]:hover {
    background-color: #005a8c;
} */

/* Error message styling */
.wpcf7-form .wpcf7-not-valid-tip {
    color: #d9534f!important;
    font-size: 15px!important;
    font-weight: bold!important;
    margin-top: 5px;
}

.wpcf7-form .wpcf7-validation-errors {
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    padding: 10px;
    border-radius: 4px;
    color: #a94442;
    margin-bottom: 20px;
}

/* Custom styles for success messages */
.wpcf7-form .wpcf7-mail-sent-ok {
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;
    padding: 10px;
    border-radius: 4px;
    color: #3c763d;
    margin-bottom: 20px;
}

    /* wpcf7 - ChatGPT END */


    /* wpcf7 - Official website START */

 .wpcf7 form .wpcf7-response-output {
    margin: 0 auto 35px auto;
    width: 500px;
    padding: 25px 55px;
    border: 1px solid var(--prj-color-grey-dark);
    text-align: center;
    font-size:23px;
    line-height:29px;
    font-weight: bold;

    background-color: var(--prj-color-white);
    color: var(--prj-color-blue);
}

.wpcf7 form.init .wpcf7-response-output {
    display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
    border-color: #dc3232;
}

.wpcf7 form.spam .wpcf7-response-output {
    border-color: #f56e28;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #ffb900;
}

    /* wpcf7 - Official website END */


#contattaci--privacy-submit-box {

    &>p {
        display: flex;
        margin:0;

        span.wpcf7-form-control-wrap {
            order: 1;
        }

        .wpcf7-submit {
            order: 3;
            background-color: var(--prj-color-blue)!important;
            color: white!important;
            text-transform: uppercase;
            font-size: 23px;
            font-weight: 300;
            height: inherit;
           
        }
    
        .wpcf7-spinner {
            order: 2;
            margin-left: auto;
        }
    }
    
}


.wpcf7-acceptance {
    font-weight: 300;
    font-size: 15px;
    line-height: 17px;
    
    a {
        text-decoration: underline!important;

        &:hover {
            text-decoration: none!important;
            color: inherit;
        }
    }

    .wpcf7-list-item {
        margin-left: 0;
    }
    .wpcf7-list-item-label {
        position: relative;
        top:-12px;
    }
}

.wpcf7-submit {
    background-color: var(--prj-color-blue)!important;
    color: white!important;
    text-transform: uppercase;
    font-size: 23px;
    font-weight: 300;
}
/* wpcf7 - END */

/* from https://dev.to/adbutterfield/custom-styling-checkboxes-the-modern-way-3o42 */
:root {
    --checkbox-border-color: #8b8c89;
    --checkbox-checked-color: #274c77;
    --checkbox-hover-color: #e1e1e1;
    --checkbox-disabled-bg-color: #d9d9d9;
  }
  
  input[type="checkbox"] {
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    margin: 6px 20px 6px 0;
    padding: 0;
    /* border: 2px solid var(--checkbox-border-color); */
    appearance: none;
    background-color: white;
    outline: none;
    transition: outline 0.1s;
  }
  
  input[type="checkbox"]:checked {
    background-size: cover;
    padding: 2px;
  }
  
  input[type="checkbox"]:not(:disabled):checked {
    border-color: var(--checkbox-checked-color);
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 32 32" xml:space="preserve"><path style="fill: %23007DCF" d="M11.941,28.877l-11.941-11.942l5.695-5.696l6.246,6.246l14.364-14.364L32,8.818"/></svg>');
  }
  
  input[type="checkbox"]:disabled {
    background-color: var(--checkbox-disabled-bg-color);
  }
  
  input[type="checkbox"]:disabled:checked {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 32 32" xml:space="preserve"><path style="fill: %23007DCF" d="M11.941,28.877l-11.941-11.942l5.695-5.696l6.246,6.246l14.364-14.364L32,8.818"/></svg>');
  }
  
  @media (hover: hover) {
    input[type="checkbox"]:not(:disabled):hover {
      background-color: var(--checkbox-hover-color);
      outline: 1px solid var(--checkbox-hover-color);
      /* transform: scale(1.05); */
    }
  }
  
  input[type="checkbox"]:focus-visible {
    outline: 1px solid var(--checkbox-hover-color);
    /* transform: scale(1.05); */
  }
  
  @media (prefers-reduced-motion: reduce) {
    input[type="checkbox"] {
      transition: none;
    }
  }


/******************* STILI QUID */

.quid-h1-interni {

    h1,
    h3 {

        font-size: 62px;
        font-weight: 700;
        line-height: 56px;

    }
    
}

.quid-cta1 {

    .avia_iconbox_title {
        color:white!important;
    }

    &.red {

        a {

            .avia-button.avia-color-light {
                border: 1px solid var(--prj-color-white)!important;
            }
            

            &:hover {
                background-color: transparent!important;
            }

        }
    }
    
}

.quid-cta2 {
    padding: 20px 55px 15px 55px!important;
    border:0!important;
    border-radius: 0!important;
    font-weight: 300!important;
    font-size: 23px!important;
    text-transform: uppercase;
    color: var(--prj-color-white)!important;
    background-color: var(--prj-color-black);
    
    &:hover {
        background-color: var(--prj-color-blue);
    }

}

.quid-cta3 {
    display: inline-block;
    padding: 15px;
    font: 300 17px/17px var(--prj-font-family);
    text-transform: uppercase;
    color:white;
    background-color: var(--prj-color-black);
    
    &:hover {
        background-color: var(--prj-color-blue);
    }

    &.blu {
        background-color: var(--prj-color-blue);

        &:hover {
            background-color: var(--prj-color-black);
        }
    }
}

.quid-blocco-bianco {

    strong {
        color: var(--prj-color-white);
    }
}



/******************* GRID */

div .av_one_half {
    margin-left: 2%;
    width: 49%;
}


/******************* AVIA Custom Element Templates */

.quid-titolo-vantaggio {
    
    margin-top: 0!important;

    h2 {
        font-weight: 700!important;
        text-transform: uppercase!important;
        letter-spacing: normal!important;
    }
}

.av-subheading_above {
    margin-bottom: 0;
}


/******************* HEADER */

.html_header_top.html_header_sticky #main {
    padding-top: 141px;
}

#header {
    padding: 40px 50px;
}

.av_minimal_header #header_main .container {
    height:61px; /* same as logo */

}
.html_header_top #top .av_header_stretch .container {
    width: 100%;

    .logo svg {
        width: 360px;
        height: 61px;
    }
}

/* see also in this file @media only screen and (min-width: 768px) and (max-width: 989px) */
/* NoLang */
/* .main_menu {
    right: 136px;
} */


.widget_polylang {
    padding: 0;
    position: absolute;
    right: 0;
    top:11px;

    ul {
        height: 37px;
        line-height: initial;
    }
    

    li, a {
        display: inline-block;
    }

    li {
        margin-left:6px;
        margin-right: -1px;
    }

    a {
        width: 37px;
        height: 37px!important;
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: var(--prj-color-black);
        color: var(--prj-color-white);
        text-transform: uppercase;
        text-align: center;
        font: 600 17px/17px var(--prj-font-family)!important;

        .current-lang &,
        &:hover {
            background-color: var(--prj-color-blue);
        }
    }


    /* when it shown after main menu and not in header */
    .av-burger-overlay-inner & {
        position: relative;
    }
    
    
}







.av-hamburger-inner,
.av-hamburger-inner::before,
.av-hamburger-inner::after {
    height: 7px;
    border-radius:0;
}

.av-hamburger:not(.is-active) {

    .av-hamburger-box {
        width: 57px;
    }

    .av-hamburger-inner {
        background-color: var(--prj-color-black)!important;
    }
    .av-hamburger-inner::before,
    .av-hamburger-inner::after {
        background-color: var(--prj-color-blue)!important;
    }
    
    .av-hamburger-inner::before {
        width: 57px;
        margin-left:-28px;
    
        position: relative;
        top:-16px;
    }
    .av-hamburger-inner {
        width: 43px;
        padding-left:14px;
    }
    .av-hamburger-inner::after {
        width: 29px;
        position: relative;
        top:8px;
    }

}


.av-burger-overlay-bg {
    background: rgb(0, 125, 207,.95) !important;
    opacity: 1;
}


.html_av-overlay-full #top #wrap_all #av-burger-menu-ul li a {
    font-weight: 700;
    font-size: 45px;
    letter-spacing: -1px;

    :hover,
    .current-menu-item & {
        opacity: 1!important;
        color: var(--prj-color-black);
    }
  }


/******************* HOME */

.quid-home-bg-blu {
    background-color: var(--prj-color-blue);
    color: var(--prj-color-white);

    padding: 35px;
    margin-top: 40px;
    margin-bottom: 40px;

    & > :first-child {
        margin-top:0;
        padding-top:0;
    }

    & > :last-child {
        margin-bottom:0;
        padding-bottom:0;
    }


}

#banner-scopri-catalogo {

    h2.av-special-heading-tag {
        text-transform: none;
    }
}

.home .avia-gallery-thumb {
    grid-template-columns: auto auto;
}


/******************* NEWS (home + website section page-id-3573) */

.archive .post_author_timeline,
.archive .blog-meta {
    display: none;
}

/* Breadcrumbs style*/
.title_container  {
    border: 0;
    background-color: var(--prj-color-blue);
    color: var(--prj-color-white);

    .container {
        padding-top:35px!important;
        padding-bottom:35px!important;
    }

    .main-title {
        font: 600 22px/22px var(--prj-font-family)!important;
        text-transform: uppercase;
        min-height: auto;
    }

    a,
    span {
        color: var(--prj-color-white)!important;
    }

    a {

        &:hover {
            text-decoration: underline!important;
        }
    }

     /* Remove you are here */ 
    span.trail-before {
        display: none!important;
    }

    .breadcrumb.breadcrumbs {
        font: 300 16px/20px var(--prj-font-family);

        .trail-before {
            font-weight: 600;
        }
    }

}


.single-big,
.big-preview {
    margin-bottom: 35px;
}


.main_color .post-entry {

    .avia-content-slider .fake-thumbnail .slide-image {
        border: none;
        border-radius:0;
        margin-bottom:0;
    }

    .entry-content-header {
        margin-top: 15px;

        /* reset for Download page and descendants, single blog */
        .page-id-5235 &, 
        .parent-pageid-5235 &,
        .single-post & {
            margin-top: 0;
        }
    }

    .slide-entry-title.entry-title {
        font-size: 28px!important;
        font-weight: 900!important;
        line-height: 31px!important;
        color: var(--prj-color-blue);
    }
    .slide-entry-excerpt.entry-content {
        font: 300 21px/26px var(--prj-font-family);
    }

    .home & {
        .blog-categories {
            display: none!important;
        }
    }
    .entry-footer {
        display: none;
    }

    .page-id-3573 & {
        article {
            margin-bottom: 50px!important;
        }
    }

    /* single */
    .single-post &,
    .archive & {

        .post-title {
            text-transform: none!important;
            font: 900 43px/43px var(--prj-font-family)!important;
            color: var(--prj-color-blue);

            &:hover {
                opacity:1!important;
            }
        }

        .blog-categories {

            font: 300 16px/14px var(--prj-font-family)!important;
            padding-top: 3px;

            a {
                text-decoration: none!important;

                &:hover {
                    text-decoration: underline!important;
                }
            }
        }
    
        p {
            font:300 23px/29px var(--prj-font-family);
        }

        .entry-content li::marker {
            color: var(--prj-color-black);
        }

        a {
            text-decoration: underline!important;
            text-decoration-thickness:1px!important;

            &:hover {
                text-decoration: none;
            }

            .entry-title & {

                text-decoration: none!important;

                &:hover {
                    text-decoration: underline!important;
                    text-decoration-thickness:2px!important;
                }
                
            }
        }

        h2 {
            font:700 25px/29px  var(--prj-font-family);
            color: var(--prj-color-blue);
        }

        h3 {
            font:700 23px/29px  var(--prj-font-family);

        }

        .post-meta-infos {

            margin-top:0!important;
            padding-top:0!important;

            time {
                color: var(--prj-color-blue);
                font-size: 16px;
                line-height: 14px;
            }
        }

    }

}

.responsive #top.archive #wrap_all .av-flex-cells .no_margin,
.responsive #top.archive #wrap_all .flex_column,
.responsive #top.archive .container .av-content-small{
    margin-bottom: 50px;
}

/* show blog post categories */
#top .av-blog-meta-category-disabled .minor-meta.blog-categories, #top .av-blog-meta-category-disabled .text-sep-cat {
    display: block!important;
}

.sidebar {
    
    .widgettitle {
        font: 400 25px/23px var(--prj-font-family)!important;
        color: var(--prj-color-blue);
        text-transform: uppercase;

        padding-bottom: 21px;
        border-bottom: 1px solid #DFDFDF;
        margin-bottom: 25px;
    }

    /* newsbox - latest news */

    #top & {
        .news-content {
            padding-top: 0;
            padding-bottom: 25px;
        }
    }

    .news-link {
        display: flex!important;
        align-items: flex-start;
    }

    .news-thumb  {
        margin-top: 0;
        padding:0;
        border:0;

        width: 57px!important;
        height: 57px!important;
        
        flex-shrink: 0;

        img {
            width: 57px!important;
            height: 57px!important;
        }

        .attachment-widget {
            width: 57px!important;
            height: 57px!important;
        }
    }

    .news-headline {
        font: 600 19px/21px var(--prj-font-family);
    }

    /* categories */

    .widget_categories {

        li {

            margin-bottom: 10px;

            a {
                display: block;
                padding:15px 20px;


                background-color: var(--prj-color-grey-light);

                font: 300 19px/17px var(--prj-font-family);

                text-transform: uppercase;

                &:hover {
                    background-color: var(--prj-color-blue);
                    color: var(--prj-color-white);
                }

            }
            
        }


    }

}



/******************* CARATTERISTICHE */

.caratteristiche-items-row {

    .avia_image {
        border: 4px solid var(--prj-color-blue);
    }

    .av-special-heading {
        margin-top: 30px;
        line-height: 23px;
        text-transform: uppercase;
        font-weight: 400;

        .av-special-heading-tag {
            font-weight: 400!important;
        }
    }

    .avia_textblock {
        line-height: 26px;
        font-weight: 600;
    }

}

#caratteristiche-items-box-1{
    padding-top:70px;
    padding-bottom:0;
}
#caratteristiche-items-box-2 {
    margin-top:-30px;
    padding-bottom:70px;
}

#caratteristiche-resistenza {
    padding-top: 200px;
    padding-bottom: 0;
    margin-bottom: -50px;
}

#caratteristiche-resistenza .av_one_half.avia-builder-el-first,
#caratteristiche-video .av_one_half.avia-builder-el-first {
    padding-left:88px;
}


/******************* VANTAGGI */

.vantaggi-items-block {

    padding-top: 0!important;
    padding-left: 57px!important;

    .av-special-heading-tag {
        padding-top:9px!important;
    }

}

/* .page-id-3398 #after_section_1 {
    padding-bottom: 60px;
} */


/******************* CATALOGO HOME (PORTFOLIO GRID) */

/* https://kriesi.at/documentation/enfold/portfolio-grid/#customization - START */

    /*----------------------------------------
    // CSS - Hide the word All 
    //--------------------------------------*/
    /* .all_sort_button,
    .all_sort_button + .text-sep {
        display: none !important;
    } */
    /*----------------------------------------
    // CSS - Hide sort separator
    //--------------------------------------*/

    .sort_width_container .text-sep {
        display: none !important;
    }
    /*----------------------------------------
    // CSS - Portfolio Grid  Border and shape
    //--------------------------------------*/

    /* Remove Border  */
    .grid-entry .inner-entry { box-shadow: none; }

/* https://kriesi.at/documentation/enfold/portfolio-grid/#customization - END */



.grid-sort-container {
    margin-left:-20px;
}
.grid-entry article {
    margin:0 20px 50px;

    background-color: transparent!important;

    .grid-content,
    .avia-arrow {
        background-color: transparent!important;
    }
    

    .grid-content {
        padding-left: 0;
    }
    
    .grid-entry-title {
        font: 900 28px/31px var(--prj-font-family);
        color:var(--prj-color-black);
        background-color: transparent!important;
        line-height: 23px;

        .readmore {
            margin-top:20px;
        }
    }
}


.image-overlay .image-overlay-inside::before,
.main_color .image-overlay .image-overlay-inside:before {
    background-color: var(--prj-color-blue);
}

/* BACKUP - in case we find a way to make the filter out of the grid, work
-> to try this: https://stackoverflow.com/questions/31391459/how-can-i-expand-a-child-div-to-100-screen-width-if-the-container-div-is-smalle
.sort_width_container {
    margin: 0 auto;

    padding-top: 50px;
    padding-bottom: 50px;

    #js_sort_items {
        visibility: visible;
    
        display: grid;
        grid-template-columns: 1fr 3fr;
        gap: 20px;
    
        text-transform: uppercase;

        .av-current-sort-title .inner_sort_button {
            color: var(--prj-color-grey-dark);
            font: 300 22px/20px var(--prj-font-family);

            padding-top:17px;
            padding-bottom:17px;
        }
    
        .sort_by_cat {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            gap: 20px;
    
            a {
                text-align: center;
                background-color: var(--prj-color-grey-dark);
                color:white;
                font: 300 22px/20px var(--prj-font-family);

                float:none;

                padding-top:17px;
                padding-bottom:17px;
            }
        }
    }

}
 #prodotti-list-container {
    padding-top:50px;
    padding-bottom:50px;
}
    
END BACKUP */

.sort_width_container {
    margin: 0 auto;

    padding-top: 50px;
    padding-bottom: 50px;

    #js_sort_items {
        visibility: visible;
    
        display: grid;
        grid-template-columns: 1fr 3fr;
        gap: 20px;
    
        text-transform: uppercase;
        background-color: transparent;

        .av-current-sort-title .inner_sort_button {
            color: var(--prj-color-grey-dark);
            font: 300 22px/20px var(--prj-font-family);

            padding-top:17px;
            padding-bottom:17px;

            &::before {
                content: "Filtra per: ";
            }

            span {
                display: none;
            }

        }
    
        .sort_by_cat {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr 1fr;
            gap: 20px;
    
            a {
                text-align: center;
                background-color: var(--prj-color-grey-dark);
                color:white;
                font: 300 22px/20px var(--prj-font-family);

                float:none;

                padding-top:17px;
                padding-bottom:17px;

                &.active_sort {
                    background-color: var(--prj-color-blue);
                }


                order: 0; /* Ordine predefinito per sicurezza */

                &.all_sort_button {
                    order: 1; /* Primo elemento */
                }

                &.technodrain-it_sort_button {
                    order: 2; /* Terzo elemento */
                }

                &.tubi-in-pvc_sort_button {
                    order: 3; /* Quarto elemento */
                }
                
                &.pozzetti_sort_button {
                    order: 4; /* Secondo elemento */
                }

            }

        }
    }

}
#prodotti-list-container {
    padding-top:0;
    padding-bottom:50px;
}


/******************* CATALOGO DETTAGLIO */

.single-portfolio {
    
    .container_wrap_first {
        background-color: var(--prj-color-grey-light)!important;
    }

    .avia-gallery-thumb {
        grid-template-columns: auto auto auto;
    }

    #popup-content {
        width:60%;
        margin: auto;

        font-family: var(--prj-font-family);

        label {
            color: var(--prj-color-blue);
        }
    }
    
}

.avia-post-nav {
    background-color: var(--prj-color-blue)!important;
    font-weight: 500!important;
}




/******************* DOWNLOAD */


.download-titolo-1 {

    h2 {
        font: 600 49px/50px var(--prj-font-family);
    }

}
.template-page .download-titolo-2 {

    h3 {
        font: 300 32px/30px var(--prj-font-family)!important;
        text-transform: uppercase!important;
        color: var(--prj-color-blue)!important;
    }

}
.download-lists-container {
    .avia-icon-list a {
        font-weight:300;
    }
}
.avia-icon-list-container {
    margin-top:15px;
    margin-bottom:25px!important;
}




/******************* AZIENDA */

#azienda-certificazioni {
    padding-top: 200px;
    padding-bottom: 100px;
}


/******************* CONTATTACI */


.contattaci-main-box {
    padding-bottom: 60px;
}

.contattaci-recapiti-elenco {

    li {
        padding-bottom: 15px;
    }

    p {
        margin-top:0;
        margin-bottom:0;
        line-height: 29px;
    }

    a {
        text-decoration: none!important;

        &:hover {
            text-decoration: underline!important;
        }
    }

    .entry-content-header {
        display: none!important;
    }

    .iconlist-char {
        background-size: contain;
        background-repeat: no-repeat;
        display: block;

        margin-top:10px;
        margin-left:5px;
        height: 47px;
    }
    .iconlist-char:before {
        display: none;
    }

    .iconlist_icon {
        line-height: 29px;
        margin-right: 15px;
    }

    li.avia_start_animation:nth-child(1) .iconlist-char {
        background-image: url(https://technodrain.com/wp-content/uploads/icona-location-53x46-1.png);

        .contattaci-recapiti-elenco--orari & {
            background-image: url(https://technodrain.com/wp-content/uploads/icona-orari-53x46-1.png);
        }
    }
    li.avia_start_animation:nth-child(2) .iconlist-char {
        background-image: url(https://technodrain.com/wp-content/uploads/icona-telefono-53x46-1.png);
    }
    li.avia_start_animation:nth-child(3) .iconlist-char {
        background-image: url(https://technodrain.com/wp-content/uploads/icona-orari-53x46-1.png);
    }

}

.contattaci-recapiti-elenco--boxed {
    background-color: #D6E5F5;
    padding: 25px 25px 15px 25px;
}

.inner-block-title h3{
    font: 700 24px/24px var(--prj-font-family);
    color: var(--prj-color-blue)!important;
    margin-top: 20px!important;
}

.contattaci-mappa {
    
    padding: 0px!important;
    
    .container {
        width: 100%!important;
        max-width: 100%!important;
        margin: 0px;
        width: 100%;
        padding: 0px;
    }
    
    iframe {
        display: block;
    }
}





/******************* FOOTER */

#quid-contattaci-footer {
    background: transparent url("https://technodrain.com/wp-content/uploads/banner-contattaci-prefooter.jpg") center center no-repeat ;
    background-size: cover;
    position: relative; /* for the triangle divider to work */
    padding-top:180px;

    .single-portfolio &,
    .page-id-5235 &, 
    .parent-pageid-5235 &,
    .page-id-3484 &, 
    .page-id-4703 &, 
    .page-id-5738 &, 
    .parent-pageid-3484 & {

        .avia-divider-svg svg {
            fill:  var(--prj-color-grey-light);
        }
    }

    /* NoNewsHome */
    body.home & {

        background-image: url("http://technodrain.com/wp-content/uploads/banner-contattaci-prefooter-homepage-NoNewsHome.jpg");

        margin-top: 25px;
        padding-top: 50px;

        .avia-divider-svg {
            display: none;
        }
    }

    


    h2,
    p {
        color: white!important;
    }

    p {
        padding-left:10vw;
        padding-right:10vw;

        font-size: 28px;
        line-height: 32px;
    }

    .quid-cta2 {
        &:hover {
          background-color: var(--prj-color-white);
          color: var(--prj-color-blue)!important;
        }
      }

}

#footer {
    text-align: center;
    padding-top: 70px;
    padding-bottom: 50px;

    p {
        line-height: 29px;
    }

    a:hover {
        color:#3B3B3B;
        text-decoration: underline;
    }
}

#socket {

    .container {
        padding-top: 30px;
        padding-bottom: 30px;

        display: flex;
        align-items: center;
    }

    a:hover{
        text-decoration: underline;
    }

    .logo-technodrain {
        width: 195px;
        height:33px;
        margin-right:25px;
    }

    .logo-divider {
        border-right: 1px solid var(--prj-color-grey-light);
        display: inline-block;
        height: 50px;
    }

    .logo-asoplast {
        width: 182px;
        height:41px;
        margin-left:25px;
        margin-bottom: -15px;
    }

    .copyright {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    .social_bookmarks {
        margin-left: auto;

        li {
            border-radius: 0;
            margin-left: 20px;

            a {
                border-radius: 0;

                &:hover {
                    opacity: 0.5;
                }

                &::before {
                    content: "";
                    width: 31px;
                    height: 31px;
                    display: inline-block;
                    vertical-align: middle;
                    background-size: contain;
                }

                .av-social-link-linkedin-technodrain & {
                    background: url(http://technodrain.com/wp-content/uploads/icona-linkedin.jpg) no-repeat center center!important;
                }
                .av-social-link-facebook & {
                    background: url(http://technodrain.com/wp-content/uploads/icona-facebook.jpg) no-repeat center center!important;
                }
                .av-social-link-youtube-technodrain & {
                    background: url(http://technodrain.com/wp-content/uploads/icona-youtube.jpg) no-repeat center center!important;
                }
            }

        }


    }
}

#scroll-top-link {
    background-color: var(--prj-color-blue);
    color: var(--prj-color-white);

    &:hover {
        color: var(--prj-color-black);
    }
    
  }



































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

                                                                        MEDIA QUERIES
                                                                Breakpoints from Enfold's custom.css file

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


/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
    /* Add your Desktop Styles here */

    .av-burger-menu-main {
        margin-top:-15px;
    }

    .mobile-break {
        display: none;
    }
  
}
  


/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */

    .hide-small {
        display: none;
    }

    .mb-50-small-only {
        margin-bottom: 50px!important;
    }

    h2 {
        font-size: 53px;
        line-height: 46px;
    }

    .small-align-left  {
        float: left;
    }

    .avia-section:not(.small-bg-dontmove) {
        background-position: -6.5vw 100px!important;
        background-size: 100%!important;

        #home-vantaggi& {
            background-image: url(http://technodrain.com/wp-content/uploads/immagine-vantaggi-homepage-with-bp.png); /* can't use the desktop image because it's not possible to position from left with vw and from bottom -100px */
            background-position: 6.5vw bottom!important;
        }

        .page-id-3398 & {
            background-position-x: right !important;
        }

        #quid-contattaci-footer & {
            background-position: center center!important;
            background-size: cover!important;
        }
    }

    /******************* STILI QUID */
    .quid-h1-interni {

        h1,
        h3 {
            font-size: 53px;
            line-height: 46px;
        }
        
    }

    .quid-intestazione {

        .av-subheading {
            font-size: 27px!important;
            line-height: 27px;
            margin-bottom: 8px;
        }
    }

    .quid-home-bg-blu {
        padding-left: 25px;
        padding-right: 25px;
    }

    body .quid-section-with-bg {
        /* background-size: 48%; */
    
        &.tot-from-top {
            background-position-y: 50px!important;
        }
    
        /* &.with-divider {
            background-position-y: 200px;
        } */
    }



    /******************* HEADER */
    #header {
        padding: 16px 0;

        .logo svg {
            width: 242px;
            height: 61px;
        }

        body.home & {
            position: absolute!important;
        }
        
    }
    .html_mobile_menu_tablet #top #wrap_all .av_header_transparency {
        background-color: transparent!important;
    }

    .html_header_top #top .av_header_stretch .container {
        .logo svg {
            width: 242px;
        }
    }

    .av-hamburger {
        position: relative;
        left:20px;
    }


    #header_main .inner-container > #polylang-2 {
        display: none;
    }

    

    #top #av-burger-menu-ul {
        display: block;
        padding-bottom:30px!important;
    }

    
    .widget_polylang {

        margin-bottom: 60px;
        
        a {
           
            background-color: var(--prj-color-black)!important;
            color: var(--prj-color-white)!important;
    
            .current-lang &,
            &:hover {
                background-color: var(--prj-color-white)!important;
                color: var(--prj-color-blue)!important;
            }
        }
    
        
    }




    .single-portfolio {

        .avia-gallery {
            padding-bottom: 35px!important;
        }
        
    }

    #banner-scopri-catalogo .av-special-heading.modern-centered,
    .avia-button-center,
    .av-special-heading-tag {
        text-align: left;

        .mobile-center & {
            text-align: center;
        }
    }

    .home #after_section_4 article {
        margin-bottom: 50px!important;
    }



    /******************* CARATTERISTICHE */

    .caratteristiche-items-row {

        .av-gridrow-cell {
            padding-bottom: 0;
        }

        .av-special-heading-tag {
            text-align: center;
        }
    
    }

    #caratteristiche-resistenza {
        padding-top: 150px;
        margin-bottom: 0;
      }

    
    #caratteristiche-resistenza .av_one_half.avia-builder-el-first,
    #caratteristiche-video .av_one_half.avia-builder-el-first {
        padding-left:0;

        img {
            margin-bottom: 15px;
        }
    }

    /******************* VANTAGGI */

    .vantaggi-items-block {

        padding-left: 0!important;

        .av-special-heading-tag {
            padding-top:0!important;
        }

    }

    #vantaggi-last-part {
        padding-bottom: 400px;
        background-position: center bottom +0px!important;
    }




    /******************* CATALOGO */ 
    .sort_width_container {
        #js_sort_items {
        
            display: block;

            .av-current-sort-title {
                margin-bottom: 50px;
            }
        
            .sort_by_cat {
                /* display: block; replaced with flex for filters sorting */

                display: flex;
                flex-direction: column;

                gap:15px;
        
            }
        }
    }
    

    /******************* DOWNLOAD */

    .download-lists-container {
        .flex_column {
            margin-bottom: 40px!important;
        }
    }
    

    /******************* AZIENDA */

    #azienda-certificazioni {
        padding-top: 200px;
        padding-bottom: 100px;
    }



    /******************* CONTATTI */

    .wpcf7-form p {
        margin-bottom: 15px;
    }

    #top .input-text, #top input[type=email], #top input[type=input], #top input[type=number], #top input[type=password], #top input[type=search], #top input[type=tel], #top input[type=text], #top input[type=url], #top select, #top textarea {
        margin-bottom: -10px;
    }
    
    
    #contattaci--privacy-submit-box {

        padding-top: 15px;

        &>p{
            display: block;

            .wpcf7-acceptance {

                display: block;
                padding-bottom: 35px;

                label {

                    display: flex;

                    input {
                        width: 20px;
                        margin-top: 0;
                    }

                    span {
                        flex: 0 1 auto;
                        position: relative;
                        top: 0;
                    }

                }

            }

            .quid-cta2 {
                width: 100%;
            }

        }
        
    }

    .wpcf7 form .wpcf7-response-output {
        width: 90%;
        padding: 25px 15px;
    }





    /******************* NEWS */

    /* Hide breadcrumbs on mobile*/
	/* .title_container .breadcrumb {
		display:none;
	} */

    .title_container {

    .main-title {
        margin-bottom: 10px;
      }

    }

    .responsive #top #wrap_all .av-flex-cells .no_margin, .responsive #top #wrap_all .flex_column, .responsive #top .container .av-content-small {
        margin-bottom: 0;
    }
    .responsive #top #main .sidebar.smartphones_sidebar_active {
        border:none;
    }


    /******************* FOOTER */


    #quid-contattaci-footer {
        padding-top: 100px;

        p {
            padding-left: 0;
            padding-right: 0;
        }
    }

    #socket {

        .container {
            padding-top: 70px;
            padding-bottom: 70px;
    
            display: block;

            text-align: center;
        }
    
        .logo-technodrain {
            margin-right:0;
        }
    
        .logo-divider {
            border-right: 0;
            border-bottom: 1px solid var(--prj-color-grey-light);
            display: block;
            height: 0;
            
            margin: 25px auto;
            width:30%;
        }
    
        .copyright {
            margin: 50px 0 25px 0;
            display: block;

            line-height: 21px;
            font-size: 15px;
            font-weight: 300;
        }
    
        .social_bookmarks {
            margin-right: auto;
            float: none;
            width:150px;
        }
    }




}


@media only screen and (min-width: 768px) and (max-width: 989px) {

    .responsive.html_mobile_menu_tablet #top #header_main>.container .main_menu .av-main-nav>li>a, .responsive.html_mobile_menu_tablet #top #wrap_all .av-logo-container {
        height: 60px;
      }
    .responsive #top #wrap_all .av_mobile_menu_tablet .main_menu {
        right: 120px;
    }

    
}

@media only screen and (max-width: 435px) {

    .avia-section .avia-divider-svg svg {
        height: 60px!important;
    }

    .avia-section {
        padding-block: 60px;
    }

}