/*
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
*/


@media (min-width:960px){

/* .menu-accordion .menu-smart a, .menu-accordion .menu-smart a:hover{   font-family: 'Playfair Display', serif; color: #fff} */

.vmenu-position-left.menu-offcanvas .mmb-container{left: -1px !important}


.menu-container ul.menu-smart a:not(.social-menu-link) {
font-family: 'Playfair Display', serif; color: #fff
}


.menu-container ul.menu-smart > li > a:not(.social-menu-link){font-size: 35px;}

.menu-accordion ul.menu-smart ul{display: inline-block; padding-top: 0; padding-left: 30px}

.menu-accordion ul.menu-smart ul li{}

.menu-container ul.menu-smart li ul li a{font-size: 15px !important;  color: #05dec8; text-transform: normal; font-weight: 600; font-family: 'Barlow', sans-serif !important; margin-top: 0;}
.menu-container ul.menu-smart li ul li a:hover{font-family: 'Barlow', sans-serif !important;}

.menu-container ul.menu-smart li ul li a:after{content: ""; width: 0%; height: 2px; background: #05dec8; display: block; transition: all 0.4s ease-in-out;}

.menu-container ul.menu-smart li ul li a:hover:after{ content: ""; width: 100%; height: 2px; background: #05dec8; display: block; transition: all 0.4s ease-in-out;}



.menu-item:hover i.fa-long-arrow-alt-right{
    font-weight: 300 !important;
    color: #05dec8;
    font-size: 25px !important;
    margin-left: 10px;
    transition: all 0.25s ease;
   text-align: left;
   opacity: 0
}



.menu-item i.fa-long-arrow-alt-right{
    font-weight: 300 !important;
    color: #05dec8;
    font-size: 25px !important;
    margin-left: 10px;
     transition: all 0.25s ease-in-out;
     opacity: 1;
     translateY(-50%) rotate(45deg);
}


.menu-container {
    overflow: visible;
    transition: background-color 0.4s ease-in-out;
  
    position: fixed;

}
.logo-container{display: none;}

body.menu-offcanvas .menu-wrapper {
    z-index: 999;
    width: 100px !important;

}

.style-color-wayh-bg{background: transparent;}

.vmenu-container{background: #000}

.lines {
    position: absolute;
    bottom: 50px;
    margin-left: 7px;
}


.mobile-menu-button-dark .lines, .mobile-menu-button-dark .lines::before, .mobile-menu-button-dark .lines::after {
    background: #000;
    
}


.mobile-menu-button-dark.menu-button-offcanvas:hover .lines, .mobile-menu-button-dark.menu-button-offcanvas:hover .lines::before, .mobile-menu-button-dark.menu-button-offcanvas:hover .lines::after {
    background: #05dec8;
    
}


.mobile-menu-button-dark.close .lines, .mobile-menu-button-dark.close .lines::before, .mobile-menu-button-dark.close .lines::after
{ background: #05dec8;}


.mmb-logo {
    width: 35px;
    height: 65px;
    background: url(https://www.suonica.it/wp-content/uploads/2019/06/s.png) no-repeat;
        background-size: auto;
    background-size: 100% auto;
    filter: invert(0%);
}

.mmb-container {height: 100vh; position: fixed; top: 50vh;}





.menu-button-offcanvas{height: 100vh; background: #f6f6f6}

.menu-button-offcanvas.close{background: #000000}

.menu-button-offcanvas.close, .menu-button-offcanvas:hover{background: #000}

.submenu-dark .menu-accordion .menu-smart ul{background: transparent;}


.menu-button-offcanvas.close .mmb-logo, .menu-button-offcanvas:hover .mmb-logo{

    filter: invert(100%);
}




.mobile-menu-button {

    padding: 27px 20px 27px 20px;
  
}

.menu-item-description {

    font-size: 14px;
    display: block;
    font-family: sans-serif;
    font-weight: 300;
    margin-left: 0 !important;
    color: #ccc;

}

.menu-small a {
    font-family: Helvetica, sans-serif !important;
    font-weight: 600;
    font-size: 18px !important;
    color: #05dec8 !important;
    text-transform: uppercase;
    line-height: 20px;
    margin-top: 10px;

}


.menu-item-267 a{margin-top: 20px}





.menu-item .icon-arrow {

      position: absolute;
    bottom: 50%;
    margin-left: 7px;
    background: #05dec8;
    width: 20px;
 height: 3px;
 opacity: 0;
 transition: 0.5s ease-in-out all;

}

.menu-item.menu-item-240 .icon-arrow {

    bottom: 40%;

    }

.menu-item:hover .icon-arrow {


width: 40px;
 opacity: 1;
 transition: 0.5s ease-in-out all;
}




.menu-item .icon-arrow::before {
    position: absolute;
    content: '';
    -webkit-transform-origin: 10px center;
    transform-origin: 10px center;
    display: inline-block;
    width: 10px;
    height: 10px;
  
    background-clip: padding-box;
   
    border-right: 3px solid;
    border-top: 3px solid;
    border-color: #05dec8

}


.menu-item .icon-arrow::before {
     top: -50%;
     right: 0;
    transform: rotate(45deg);

}




.menu-small .icon-arrow {

      position: absolute;
   
    margin-left: 7px;
    background: #05dec8;
    width: 20px;
 height: 2px;
 opacity: 1;
 transition: 0.5s ease-in-out all;

}

.menu-small .icon-arrow::before {
    top: 100%;
    width: 5px;
    height: 5px;
    border-right: 2px solid;
    border-top: 2px solid;
     opacity: 1;

}






.menu-item-44{margin-top: 5vh !important;}





/* main content */


.main-wrapper {

    padding-left: 70px !important;
    padding-right: 30px;
    transition: transform 750ms ease 0s;
    position: relative;
    transform-origin: 44% 0% 0;


}



} /* end media query */



@media (max-width:1330px){

.main-container .row-container:not(.limit-width) .no-h-padding, .main-container .row-container.boxed-row .no-h-padding {
    padding-left: 20px;
    padding-right: 20px;

}

}





.main-wrapper {

    padding-left: 20px;
    padding-right: 20px;

}

.style-light-bg {
    background-color: #f6f6f6;
}





.main-wrapper.zoom-click {
      transition: opacity 0s ease 0s, transform 750ms ease 0s;
    overflow: visible;
    transform: scale(0.6);
    position: fixed;
    top: 30px;

}


.big-outline h3{

      -webkit-text-stroke-width: 2px;
   -webkit-text-stroke-color: #05dec8;
   color: transparent;
   font-size: 100px;
    line-height: 90px;


}
.titolo-over {

    margin-top: -25px !important;

}

.titolo-data{margin-top: 15px;}

.titolo-over h2{
    font-family: 'Playfair Display', serif;
    letter-spacing: 2px;
    font-size: 32px;


}

.highlight p {

    color: #fff;
    background: #000;
    float: left;
    clear: both;
    margin-top: 5px;
    padding: 0 5px;
    font-size: 16px;

}

.home-hover .uncont {

    height: 100%;
    display: flex;
    flex-direction: column;

}


.home-hover .background-wrapper{transform: scale(1); -moz-transform:scale(1); transition: 4s all ease-in-out; }

.home-hover:hover .background-wrapper{transform: scale(1.1); -moz-transform:scale(1.1); transition: 1s all ease-in-out; }

.home-hover .background-inner{transition: 1s all ease-in-out;  -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);}

.home-hover:hover .background-inner{ transition: 4s all ease-in-out; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);}


.home-hover .block-bg-overlay {opacity: 0.4 !important; transition: 1s all ease-in-out; background-blend-mode: multiply;}

.home-hover:hover .block-bg-overlay {opacity: 0.5  !important; transition: 4s all ease-in-out; background-blend-mode: multiply;}


.text-hover-hide{opacity: 0; transition: 0.5s all ease-in-out;  margin-top: auto !important; }

.text-hover-hide p {font-size: 20px; }

.home-hover:hover .text-hover-hide{opacity: 1; transition: 0.5s all ease-in-out;}

.home-hover h3 span{font-size: 20px; letter-spacing: 2px}
.home-hover h2,.home-hover h2 span {font-size: 45px !important; font-weight: 700; font-family: 'Playfair Display', serif; text-transform: capitalize; }

.home-hover .heading-text {margin-top: 0px !important; }

.crew:hover img {opacity: 0}





.arrow a {

    color: #fff;
    position: relative;
    font-size: 18px;
    background: #000;
    padding: 5px 7px;
    margin-right: 50px;
    line-height: 33px;


}

@media (max-width:1330px){
.arrow a {

    font-size: 15px;

}
    }

@media (min-width:960px){
.arrow a {

    font-size: 20px;
    line-height: 36px;
}

}

/* .arrow a:before{content: ""; width: 0%; height: 1px; background: #05dec8; position: absolute; bottom:0;  transition: 0.5s ease-in-out all;} */

.arrow a:hover:before{width: 100%;  transition: 0.5s ease-in-out all;}



.arrow  .icon-arrow {

      position: absolute;
    bottom: 50%;
    margin-left: 7px;
    background: #05dec8;
    width: 20px;
 height: 3px;
 opacity: 0;
 transition: 0.5s ease-in-out all;

}

.arrow:hover .icon-arrow {


width: 30px;
 opacity: 1;
 transition: 0.5s ease-in-out all;
}



.arrow  .icon-arrow::before {
    position: absolute;
    content: '';
    -webkit-transform-origin: 8px center;
    transform-origin: 8px center;
    display: inline-block;
    width: 10px;
    height: 10px;
  
    background-clip: padding-box;
   
    border-right: 3px solid;
    border-top: 3px solid;
    border-color: #05dec8;
   

}


.arrow .icon-arrow::before {
     top: -50%;
     right: 2px;
    transform: rotate(45deg);

}




.arrow .icon-arrow {

      position: absolute;
   
    margin-left: 12px;
    background: #05dec8;
    width: 15px;
 height: 3px;
 opacity: 1;
 transition: 0.5s ease-in-out all;

}




.rwd-video {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
}
.rwd-video iframe,
.rwd-video object,
.rwd-video embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}


.footer-link a {
    color: #11d7c1;
}
.footer-link a:hover {
    color: #ffffff !important;
}
.uncode-vc-social.icons-lead .social-icon i {
    font-size: 34px;
    padding: 5px;
}

@media (max-width:960px){

.main-container .row-container {
    /* padding: 0 20px; */

    padding: 0;

    }

.main-container .row-container .single-h-padding {
    padding-left: 0;
    padding-right: 0;
}

.main-container .row-container .row-parent {
    padding: 15px 0;
}
.main-container .row-inner > div:not([class*=col-md]) {
    padding: 15px 0px 0px 0px;
}

.single-gutter:not(.owl-carousel-container):not(.justified-wrapper) .tmb > .t-inside {
    margin-top: 15px;
}

.main-container .row-container .row-parent .single-internal-gutter .uncont > * {
    margin-top: 15px;
}



video {margin-bottom: 15px}

h2, .h2{margin: 15px 0 0;}

.single-block-padding{    padding: 36px 15px 36px 15px;}


.menu-item-description {
    display: block;
    margin-left: 0 !important;
    font-family: sans-serif;
    font-weight: 300;
    text-transform: none;
}

.menu-container ul.menu-smart > li > a:not(.social-menu-link):hover, .menu-dark .menu-smart > li.current-menu-item:not(.menu-item-type-custom) > a{color: #05dec8}

.menu-container ul.menu-smart > li > a:not(.social-menu-link):hover .menu-item-description, .menu-dark .menu-smart > li.current-menu-item:not(.menu-item-type-custom) > a .menu-item-description{color: rgba(255,255,255,.5)}


.menu-container ul.menu-smart > li:not(.menu-small) a:not(.social-menu-link){font-family: 'Playfair Display', serif; text-transform: none; font-size: 22px !important; }


.menu-container ul.menu-smart li:not(.menu-small) a:not(.social-menu-link) span{font-size: 12px !important; }


.menu-container ul.menu-smart li.menu-small a:not(.social-menu-link) {color: #05dec8;    font-size: 14px !important;}


.menu-container ul.menu-smart li.menu-small a:not(.social-menu-link):hover {color: #fff}



.menu-accordion ul.menu-smart ul{display: block;  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif, -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif  !important; }

.menu-container ul.menu-smart li.menu-small ul li a {
    font-size: 14px !important;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif, -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif  !important;
 
}


.big-outline h3 {

    font-size: 48px;
    line-height: 52px;
}

.big-outline.headquarters h3{
font-size: 40px;
    line-height: 48px;

}
.titolo-over h2 {
    letter-spacing: 1px;
    font-size: 22px;
}
.titolo-over {
    margin-top: 0 !important;
}


.no-bottom-mobile .single-bottom-padding{padding-bottom: 0 !important}

}



.navbar-social i {
    color: #fff;
    font-size: 30px;
    margin-right: 20px;
}

.navbar-social i:hover{
    color: #05dec8;
}

.linea-footer{margin-top: 10px !important;}

footer .uncode_text_column{margin-top: 10px !important; margin-bottom: 20px}

footer input{max-width:100%}

#wpcf7-f881-o1  input[type="email"]{max-width: 100%}

.margin-top-20 {margin-top: 10px !important;}



.margin-top-20 ul{margin-top: 0; margin-bottom: 20px}

@media (max-width: 959px){
.row[data-minheight] > .row-inner > div[class*=col-lg-] {
    height: auto;
}

.highlight p {

    font-size: 14px;
}

}


span.wpcf7-list-item{    
    width: 100%;
    text-align: left;
}

.product-remove{width: 5%; text-align: center !important;}




/** CSS per contact form —**/
#responsive-form{

margin:0 auto;
width:100%;
}
.form-row{
width: 100%;
}
.column-half, .column-full{
float: left;
position: relative;
padding: 0.65rem;
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.clearfix:after {
content: "";
display: table;
clear: both;
}

/**—————- Media query —————-**/
@media only screen and (min-width: 48em) {
.column-half{
width: 50%;
}
}

/**—————- Per spostare il bottone invio a destra —————-**/

.wpcf7-submit{
float: right;
}

/**—————- Per cambiare il colore del bottone —————-**/
.wpcf7-submit{
background: #000/*– colore sfondo –*/;
color: white/*– colore testo –*/;
}

/**—————- Colore del bottone con il passaggio del mouse —————-**/
.wpcf7-submit:hover{
background: #f3f3f3;
color: #000;
}

/**—————- Per personalizzare il messaggio di successo —————-**/

div.wpcf7-mail-sent-ok {
text-shadow: none;
border: none;
background: #8BC34A;
color: white;
font-family: ‘Raleway’;
}
.fa-star {
    color: #f9b805 !important;
    font-size: 20px;
    margin-right: 5px;
}


.grecaptcha-badge{visibility:hidden}

.single-post .post-content a{text-decoration: underline}




.blogcontainer .t-entry-author::before {
  content: "•";
  margin: 0 1.15em;
}

.blogcontainer .t-entry-meta{display:inline-block;}


.blogcontainer .t-entry-author {
  display: inline-block;
  width: auto !important;
}

.blogcontainer .tmb .t-entry p.t-entry-author img{display:none;}

.blogcontainer .tmb-username-wrap{margin-left:0 !important;}