/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgnâ„¢
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

li.link-area-riservata {
    margin-top: 20px;
}

li.link-area-riservata i{
color:red;
}




.grecaptcha-badge {
    /* display: none; */
    visibility: hidden;
}

.submenu-light .menu-smart span.scroll-up, .submenu-light .menu-smart span.scroll-down {
    border-color: transparent;
    background: transparent;
}


.nav.navbar-nav > ul.menu-primary-inner > li.menu-item.wpml-ls-item > a:after{
    content:"";
    background: #e3e3e3;
    height: 40%;
    width: 2px;
    position: absolute;
    left: 13px;
    top: auto;
}
.nav.navbar-nav > ul.menu-primary-inner > li.menu-item.wpml-ls-item > a{
    position: relative;
}
.nav.navbar-nav > ul.menu-primary-inner > li.menu-item.wpml-ls-item > a {
    padding-left: 40px;
}
.nav.navbar-nav > ul.menu-primary-inner > li.menu-item.wpml-ls-item > a:before {
    /*content: "\f1ab";*/
    content: "\e0b2";
    font-family: 'uncodeicon' !important;
    padding-right:5px;
    color: #ff0000;
}

.nav.navbar-nav > ul.menu-primary-inner > li.menu-item.wpml-ls-item i.fa-dropdown {
    display: inline-block;
    position: relative;
    padding: 0px 0px 0px 5px;
}






[data-tooltip] {
  position: relative;
  cursor: help;
  text-decoration: underline;
}
[data-tooltip][data-position=right]::before {
  top: -50%;
  left: 105%;
  transform: translateX(-20px);
}
[data-tooltip][data-position=bottom]::before {
  top: 150%;
  transform: translateY(-20px);
}
[data-tooltip][data-position=left]::before {
  top: -50%;
  right: 105%;
  left: auto;
  transform: translateX(20px);
}
[data-tooltip]:hover::before {
  transform: translate(0);
  opacity: 1;
}
[data-tooltip]::before {
  content: attr(data-tooltip);
  position: absolute;
  width: 90vw;
  max-width: 400px;
  display: block;
  background: #FFF;
  padding: 10px;
  top: -50px;
  box-shadow: 0px 2px 5px #0000008c;
  border-radius: 3px;
  text-align: center;
  left: 0;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  transform: translateY(20px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  font-size:15px;
  line-height:1.25;
  font-weight: 400;
  color: #111111;
}






/*-------------global-------------*/

.no-margin{margin:0px;}





/*-------------sticky-------------*/
@media only screen and (min-width: 960px){
    header#masthead div.logo-container,
    header#masthead.is_stuck div.logo-container {
        transition:padding .4s ease;
        
    }
    header#masthead.is_stuck div.logo-container {
        padding-top: 12px;
        padding-bottom: 12px;
        transition-delay:0.2s;
    }
    
    header#masthead.is_stuck div.logo-container  *{
        height:auto!important;   
    }
    
    header#masthead div.logo-container img,
    header#masthead.is_stuck div.logo-container img {
        transition:all .4s ease;
        max-width:200px;
        object-fit: contain;
    }
    
    header#masthead.is_stuck div.logo-container img {
        max-width:160px;
        transition-delay:0.2s;
    }
}














/*-------------area_riservata-------------*/


body.page-template-area_riservata .style-light-bg,
body.page-template-area_riservata .sections-container {
    background-color: #ececee;
}


body.page-template-area_riservata footer#colophon {
    display: none!important;
}

body.page-template-area_riservata .overlay-menu-focus.style-dark-bg {
    display: none!important;
}


/*-------------titolazione-------------*/
body.page-template-area_riservata  .page-body .limit-width {
    max-width: 1500px;
}
body.page-template-area_riservata  .page-body .limit-width .row.double-bottom-padding {
    padding-bottom: 20px;
}
body.page-template-area_riservata .page-body .uncont {
    max-width: none!important;
}
body.page-template-area_riservata .page-body .heading-text {
    text-align: left;
}
/**
body.page-template-area_riservata .page-body .heading-text h1 {
    font-size: 6em;
    opacity:0.04;
    position:absolute;
    top:-30px;
    left:-20px;
    text-transform:uppercase;
}
**/

/*-------------contenuto generico area riservata-------------*/
.contenuto-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 25px;
}
.contenuto-flex.limit-width {
    max-width: 1500px;
}
.sidebar-login {
    width: 330px;
    flex-grow: 1;
    flex-shrink:0;
}
.lista-file {
    width:calc(100% - 330px);
    flex-grow: 100;
    flex-shrink:1;
    width: 65%;
    min-width: 460px;
}
body.page-template-area_riservata .blocco-bg {
    background:#fff;
    box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.1);
    padding: 30px!important;
    border-radius: 5px;
}




/*-------------sidebar-login-------------*/
.sidebar-login > div:first-child h3.widget-title {
    margin-top: 0px;
}

.sidebar-login div.widget.login {
    text-align: center;
}

.sidebar-login div.widget.login > img.avatar {
    border: 4px solid #fe0000;
    border-radius: 200px;
    margin: 0;
    padding: 0;
    width: 100px;
    height: 100px;
}
.sidebar-login div.widget.login > p {
    margin: 10px 0 0 0;
    line-height: 1.3;
}

.sidebar-login div.widget.login > p span.username {
    font-size: 1.2em;
    font-weight: 500;
}

.sidebar-login div.widget.login > p span.user-email {
    font-size: 0.9em;
    opacity: 0.5;
}

.sidebar-login div.widget.login > p span.user-role {
    font-size: 14px;
    font-weight: 500;
    border-radius: 5px;
    background: #eeeeee;
    color: #373737;
    padding: 5px 15px;
    display: inline-flex;
    margin-top: 10px;
}




/*-------------LISTA FILE-------------*/


/*ordinamento*/
.lista-file .list-head .ordinamento{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    padding: 10px 12px;
    background: #dddddd4d;
    border: 1px solid #dddddd4d;
    border-radius: 5px;
    margin-bottom: 10px;
}
.lista-file .list-head .ordinamento .search input{
    background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="1em" fill="gray" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"/></svg>');
    background-repeat:no-repeat;
    background-position: 92% center;
    border-radius: 7px;
    font-size: 0.85em;
    background-color: #ffffffb3;
    min-width: 200px;
    padding:8px 15px;
    margin: 0;
}

.lista-file .list-head .ordinamento .search input:focus{
  background-color: #fff;
}
.lista-file .list-head .ordinamento .search input::placeholder {
    color: #7f7f7f;
    font-weight: 500;
    opacity: 1; /* Firefox */
}

.lista-file .list-head .ordinamento .search input::-ms-input-placeholder { /* Edge 12 -18 */
    color: #7f7f7f;
}


.lista-file .list-head .ordinamento form * {
    font-size: 0.9em;
}
.lista-file .list-head .ordinamento form {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: end;
    height: auto;
    gap: 10px;
    position: relative;
    right: -5px;
}
.lista-file .list-head .ordinamento form label {
    flex-shrink: 0;
    flex-grow: 0;
    margin: 0;
    padding: 0;
    opacity: 0.5;
    font-weight: 500;
}
.lista-file .list-head .ordinamento form select#order {
    margin: 0;
    width: auto;
    max-width: initial;
    min-width: 85px;
    padding: 0;
    border: 0;
    background-position: 100% center;
    font-weight: 500;
    background-color: transparent;
}
/*fine ordinamento*/

/*list-content*/
.list-content {
    overflow-y: scroll;
    overflow-X: hidden;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 20px;
    max-height: 70vh;
    min-height: 50vh;
}
.list-content::-webkit-scrollbar {
    width: 7px
}

.list-content::-webkit-scrollbar-thumb {
    background: rgb(128 128 128 / .5);
    border-radius: 4px
}

.list-content::-webkit-scrollbar-track {
    background: transparent
}



.lista-file .list-content article.singolo-file {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding:20px 15px;
    gap: 25px;
}

.lista-file .list-content article.singolo-file:not(:last-child) {
    border-bottom:1px solid #ddd;
    
}



.area-info {
    display: flex;
    flex-direction: row;
    gap: 20px;
    margin-top: 1px;
}
.area-info p {
    font-size: 16px;
    margin:0;
    color: #9a9a9a;
}
.area-info p .type{
    font-weight:500;color: #5a5a5a;
}

.area-contenuto {
    order: 2;
    flex-grow: 1;
    flex-shrink: 1;
}
.area-cta {
    order: 3;
    flex-grow: 0;
    flex-shrink: 0;
    width:120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.area-cta > p {
  margin:0;
}
.area-cta > p > a.btn {
  width: 100%;
  padding: 8px 10px!important;
  font-size: 14px;
  letter-spacing: 0!important;
  font-weight: 400!important;
  background: black;
  color: #fff;
  border-radius: 5px!important;

}
.area-cta > p > a.btn:hover {
  background: #fe0000;
  color: #fff;
}

.icona-file {
    order: 1;
    flex-grow: 0;
    flex-shrink: 0;
    width: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.icona-file > i {
  display:flex;
  color:#5a5a5a;
  background:#eeeeee;
  font-size: 1.6em;
  line-height: 0;
  width: 70px;
  height: 70px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
}







.lista-file .area-titolo {
    padding-bottom:4px;
}

.lista-file article.singolo-file .area-titolo h3 {
    font-size: 18px;
}
.lista-file article.singolo-file .area-titolo h3,
.lista-file article.singolo-file .area-titolo p {
    margin: 0;
    padding: 0;
}
.lista-file article.singolo-file .area-titolo h3{
    padding-bottom:4px;
}
.lista-file article.singolo-file .area-titolo p:not(.extra-content p)  {
    font-size: 16px;
    margin-top: -2px;
    color: #9a9a9a;
    line-height: 1.2;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.extra-content {
    display: inline-flex;
    margin-left:8px
    /*flex-direction: row;
    align-items: center;
    gap: 10px;
    margin-top:10px*/
}
.extra-content p{
  display: inline-flex;
  text-decoration: none;
  margin: 0;
  padding:0;
  color: #9a9a9a;
}
/*old
.extra-content ul.lista-abilitati {
    display: inline-flex;
    gap: 6px;
    margin: 0;
    padding:0;
}
.extra-content ul.lista-abilitati > li {
    font-size: 14px;
    line-height: 1.2;
    padding: 4px 10px;
    background: #9a9a9ad9;
    color: #ffffff;
    border-radius: 3px;
}*/


/*empty-state*/
.list-content .empty-state-message {
    width: 100%;
    min-height: 50vh;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.list-content .empty-state-message img.img-empty-state {
    max-width: 400px;
    object-fit:contain;
}
.list-content .empty-state-message h3 {
    font-size: 1.5em;
    margin:0;
    opacity:0.9
}

article.highlight {
    background-color: #00eaff12;
    outline:1px solid #00eaff40;
    box-shadow:0px 0px 4px #00eaffb3
   
}


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

    /*
    body.page-template-area_riservata  .sidebar-login {
        padding: 10px;
        order:2;
    }

    body.page-template-area_riservata  .list-content {
        padding: 10px;
        order:1;
    }*/

    body.page-template.page-template-area_riservata .main-container .row-container .row-parent {
        padding: 36px 16px 35px 16px;
    }

    body.page-template-area_riservata .blocco-bg {
        background: #fff;
        box-shadow: 0px 5px 15px -3px rgba(0,0,0,0.1);
        padding: 20px!important;
        border-radius: 5px;
    }


    body.page-template-area_riservata  .list-content {
        padding: 10px;
    }

    body.page-template-area_riservata .lista-file {
        width: 100%;
        min-width: auto;
    }

    body.page-template-area_riservata .lista-file .list-content article.singolo-file {
        padding: 20px 10px;
        gap: 15px;
        display: flex;
        flex-direction: column;
    }


    body.page-template-area_riservata .icona-file {
        width: 100%;
    }

    body.page-template-area_riservata .icona-file > i {
      width: 50px;
      height: 50px;
    }


    body.page-template-area_riservata .area-info {
        flex-direction: column;
        gap: 0px;
    }

    body.page-template-area_riservata .area-cta {
        width: 100%;
    }

    body.page-template-area_riservata .area-cta a.custom-link.btn {
        width: 100%;
        max-width: none;
        transform: scale(1);
        font-size: 0.7em;
    }

    body.page-template-area_riservata .lista-file article.singolo-file .area-titolo p:not(.extra-content p)  {
        font-size: 16px;
        display: -webkit-box;
        -webkit-line-clamp: 4;
    }
 
    body.page-template-area_riservata .blocco-bg a.custom-link.btn {
        width: 100%;
        max-width: none;
        transform: scale(1);
        font-size: 0.7em;
    }

    .lista-file .list-head .ordinamento {
        flex-direction: column;
    }
    .lista-file .list-head .ordinamento .search {
        padding-bottom: 15px;
        border-bottom:1px solid #ddd
    }
    .lista-file .list-head .ordinamento .search input {
        width: 100%;
    }
    .lista-file .list-head .ordinamento form {
        justify-content: inherit;
        padding: 10px 0 3px 0;
    }


    .fancybox-content {
        max-width: 95vw!important;
        padding: 20px!important;
    }
}




/*login*/
body.page-template-area_riservata .contenuto-login {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

body.page-template-area_riservata .blocco-login.blocco-bg {
    max-width: 370px;
    text-align: center;
}

body.page-template-area_riservata .blocco-login .head-login p {
    font-size: 18px;
    line-height: 1.4;
}

body.page-template-area_riservata .blocco-login hr {
    margin: 20px 0px;
}

body.page-template-area_riservata .blocco-login .form-login {
    display: flex;
    gap: 20px;
    align-items: center;
    width: 100%;
    max-width:100%;
}
body.page-template-area_riservata .blocco-login .form-login form#loginform {
    width: 100%;
    max-width:100%; 
}

body.page-template-area_riservata .blocco-login .form-login form#loginform p {
    padding: 0;
    margin: 0;
    text-align: left;
    width: 100%;
}

body.page-template-area_riservata .blocco-login .form-login form#loginform input {
    width: 100%;
    margin: 0;
    font-size: 16px;
}

body.page-template-area_riservata .blocco-login .form-login form#loginform label {
    font-size: 14px;
    opacity: 0.5;
}

body.page-template-area_riservata .blocco-login .form-login form#loginform input#wp-submit {
    background: red;
    color: #fff;
    font-size: 14px!important;
    padding: 14px;
    margin-top: 12px!important;
}
body.page-template-area_riservata .blocco-login .form-login .g-recaptcha {
    margin: 20px 0px 5px 0px!important;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

body.page-template-area_riservata .blocco-login .footer-login p {
    font-size: 14px;
    line-height: 1.4;
    color: #818181;
}



/*problema bottoni pagina prodotto*/
body.single-product div#row-unique-0 > .row > .row-inner > .wpb_column > .uncol.style-dark > .uncoltable > .uncell.no-block-padding > .uncont  > .uncode_text_column p {
    flex-wrap: wrap;
    display: flex;
    row-gap: 18px;
    column-gap: 5px;
}