/*
Theme Name: ONLINE VALLES
Template: kadence

*/

/* Theme customization starts here
-------------------------------------------------------------- */


body {
    -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

a[href^="tel"] {
    color: inherit;
    text-decoration: none;
}

/* header */
.primary-menu-container .contacto a {
    background-color: var(--global-palette1);
    color: var(--global-palette9) !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}


.header-html-inner {
    font-size: 14px;
}
.header-html-inner ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.header-html-inner ul li {
    padding-right: 20px;
}

.header-html-inner ul li.mail a,
.header-html-inner ul li.phone a {
    position: relative;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.header-html-inner ul li.mail a:before,
.header-html-inner ul li.phone a:before {
    content: '';
    width: 16px;
    height: 16px;
    display: flex;
    margin-right: 5px;
    content: '';
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #fff;


}

.header-html-inner ul li.phone a:before {
    -webkit-mask: url(./assets/phone.svg) no-repeat 50% 50%;
    mask: url(./assets/phone.svg) no-repeat 50% 50%;
     content: url('./assets/phone.svg');
     
   
}

.header-html-inner ul li.mail a:before {
    -webkit-mask: url(./assets/mail.svg) no-repeat 50% 50%;
    mask: url(./assets/mail.svg) no-repeat 50% 50%;
     content: url('./assets/mail.svg');
    
    
}




/* main */
.logos img {

}



/* footer */
#menu-productos {
    column-count: 2;
    column-gap: 40px;
}

.footer-widget-area.footer-widget3 {
    margin-top: 0;
    align-items: flex-end;
    flex: none;
}
.footer-widget-area.footer-social {
    margin-top: 0;
    align-items: flex-end;
    flex: none;
    margin-bottom: var(--global-kb-spacing-sm, 1.5rem);
}
.site-footer-wrap .wp-block-image {
    margin: 0;
}


.site-top-footer-inner-wrap .widget-area .widget,
.site-middle-footer-wrap .widget-area .widget {
    margin-bottom: 0rem;
}