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

::selection {
    color: #000 !important;
    background-color: #f9b122;
}

#masthead {
    border-top: 12.6px solid #f9b122;
}

.menu-container {
    background: linear-gradient(to right, rgb(255, 255, 255) 43%, rgb(236, 236, 236) 84%);
}

.background-white {
    background: #ffffff;
}

.undeline-yellow .separator-break {
    border-top: 9px solid;
    border-color: #f9b122 !important;
    margin-top: 12px;
    width: 223px;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.no-margin {
    margin: 0 !important;
}

.text-black-222220-color p {
    color: #222220;
}

.fontsize-25 p {
    font-size: 25px;
}

.fontsize-20 p {
    font-size: 20px;
}

.fontsize-17 p {
    font-size: 17px;
}

.fontsize-17 li {
    font-size: 17px;
}

.fontsize-16 p {
    font-size: 16px;
}

.fontsize-16 li {
    font-size: 16px;
}

.fontheight-33 p {
    line-height: 33px;
}

.fontheight-25 p {
    line-height: 25px;
}

.fontheight-25 li {
    line-height: 25px;
}

.fontheight-23 p {
    line-height: 23px;
}

.fontheight-29 p {
    line-height: 29px;
}

.fontheight-24 p, .fontheight-24 ul li {
    line-height: 24px;
}

.mb-2 {
    margin-bottom: 2px !important;
}

.mt-14 {
    margin-top: 14px !important;
}

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

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

.mb-22 {
    margin-bottom: 22px !important;
}

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

.mt-25 {
    margin-top: 25px !important;
}

.mt-45 {
    margin-top: 45px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.mt-60 {
    margin-top: 60px !important;
}

.btn-black-five {
    padding: 14px 29px 14px 37px !important;
}

.btn-black-five i {
    font-size: 16px;
    margin-left: 40px !important;
    top: 0 !important;
}

.btn-black-participa i {
    font-size: 13px;
    margin-left: 17px !important;
    top: 2px !important;
}

.btn-black-participa {
    margin-top: 16px;
    padding: 6px 10.7px 5px 17px !important
}

#row-beneficios-y-acceso #column-beneficios-y-acceso {
    background: linear-gradient(to right, #222220 76%, transparent 50%);
    border-radius: 22px 40px 40px 22px;
}

/* #row-beneficios-y-acceso #right-column-beneficios-y-acceso{
    position: absolute;
    right: 9em;
    width: 391px;
}  */

#row-beneficios-y-acceso #column-beneficios-y-acceso .uncont {
    width: 64%;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#row-beneficios-y-acceso #column-beneficios-y-acceso::after {
    content: url('https://www.saboresalmeria.app/wp-content/uploads/2024/04/lectura-de-qr.png');
    position: absolute;
    top: 0;
    right: 6em;
}

.list-mt-25 {
    margin-top: 15px !important;
}

.list-yellow-point {
    list-style: none !important;
    margin-top: 0;
}

.list-yellow-point li {
    margin-bottom: 15px;
    padding-left: 18px;
}

.list-yellow-point li::before {
    color: #f9b122;
    content: "■";
    font-size: 27px;
    left: 0;
    position: absolute;
    transform: translateY(-15%);
}

#img-dipu-alm {
    margin-top: 25px;
}

.list-footer {
    list-style: none !important;
    padding: 0 !important;
    margin-top: 0;
}

#icons-social-footer {
    margin-top: 16px;
}

#icons-social-footer i {
    color: #ffffff;
    font-size: 21px;
}

.post-content p {
    margin-top: 0;
}

.row-title-info {
    border-bottom: 2px solid #f9b122;
    padding-bottom: 13px;
}

.border-bottom-black {
    border-bottom: 2px solid #222220;
    padding-bottom: 13px;
}

#list-info-productor {
    list-style-type: none;
    margin-bottom: 27px;
    word-break: break-all;
}

#list-info-productor li {
    font-size: 17px;
    font-weight: 600;
    line-height: 24px;
    margin-top: 25px;
    padding-left: 22px;
}

#list-info-productor li.icon-web::before {
    content: url("https://www.saboresalmeria.app/wp-content/uploads/2024/04/icon-internet.svg");
    left: 0;
    position: absolute;
}

#list-info-productor li.icon-telefono::before {
    content: url("https://www.saboresalmeria.app/wp-content/uploads/2024/04/icon-llamada-telefonica.svg");
    left: 0;
    position: absolute;
}

#list-info-productor li.icon-email::before {
    content: url("https://www.saboresalmeria.app/wp-content/uploads/2024/04/icon-sobre.svg");
    left: 0;
    position: absolute;
}

.li-pt-20 ul li:first-child, .li-pt-5 ul li:first-child {
    padding-top: 0 !important;
}

.li-pt-20 ul li {
    padding-top: 20px;
}

.li-pt-5 ul li {
    padding-top: 5px;
}

.list-marker-f9b122 ul li {
    padding-left: 5px;
}

.list-marker-f9b122 ul li::marker {
    color: #f9b122;
    font-size: 21px;
}

/* Iconos de categorias de producto */

.icon-conservas {
    content: url("https://www.saboresalmeria.app/wp-content/uploads/2024/04/conservas.svg");
}

.icon-frutas-verduras {
    content: url("https://www.saboresalmeria.app/wp-content/uploads/2024/04/frutas-verduras.svg");
}

.icon-cerveza {
    content: url("https://www.saboresalmeria.app/wp-content/uploads/2024/04/cerveza.svg");
}

.icon-encurtidos {
    content: url("https://www.saboresalmeria.app/wp-content/uploads/2024/04/encurtidos.svg");
}

.icon-oliva {
    content: url("https://www.saboresalmeria.app/wp-content/uploads/2024/04/aceite-oliva.svg");
}

.icon-carne {
    content: url("https://www.saboresalmeria.app/wp-content/uploads/2024/04/carne.svg");
}

.icon-embutidos {
    content: url("https://www.saboresalmeria.app/wp-content/uploads/2024/04/embutidos.svg");
}

.icon-miel {
    content: url("https://www.saboresalmeria.app/wp-content/uploads/2024/04/miel.svg");
}

.icon-pan {
    content: url("https://www.saboresalmeria.app/wp-content/uploads/2024/04/pan.svg");
}

.icon-salazones {
    content: url("https://www.saboresalmeria.app/wp-content/uploads/2024/04/salazones.svg");
}

.icon-vino {
    content: url("https://www.saboresalmeria.app/wp-content/uploads/2024/04/vinos.svg");
}

.icon-pescados-mariscos {
    content: url("https://www.saboresalmeria.app/wp-content/uploads/2024/04/pescado-marisco.svg");
}

.icon-lacteos {
    content: url("https://www.saboresalmeria.app/wp-content/uploads/2024/04/lacteos.svg");
}

.icon-mantecados {
    content: url("https://www.saboresalmeria.app/wp-content/uploads/2024/04/mantecados.svg");
}

.content-category {
    display: flex;
    align-items: center;
    background-color: #fde0a7;
}

.content-category div {
    padding: 0 30px 0 15px;
    text-align: left;
    width: 100%;
}

.list-productos-user .content-category div {
    padding: 0 20px 0 20px;
}

.maps-origen iframe {
    height: 270px;
}

#certificaciones-img-producto {
    align-items: center;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 20px;
    grid-gap: 25px;
}

/* Iconos lista de testimonios productor */
.list-testimonios ul, .list-testimonios ol {
    list-style: none !important;
}

.list-testimonios ul li, .list-testimonios ul li {
    padding-left: 60px;
    padding-top: 15px;
}

.list-testimonios ul li::before, .list-testimonios ol li::before {
    content: url('https://www.saboresalmeria.app/wp-content/uploads/2024/04/icn-testimonio.svg');
    left: 0;
    position: absolute;
    transform: translateY(-5px);
}

/* Lista de productos en página de productor */

.list-productos-user {
    background-color: #f5f5f5;
    padding-bottom: 36px;
    margin-left: -36px;
    margin-right: -36px;
}

.list-productos-user .t-inside {
    width: 92%;
    box-shadow: 0px 10px 52px -29px rgba(0, 0, 0, 0.25);
}

.list-productos-user .tmb {
    padding-left: 36px;
}

.info-productos p {
    display: none;
    color: #000000 !important;
    font-size: 17px;
    line-height: 25px;
    margin-top: 20px;
}

.info-productos p:first-of-type {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.btn-container {
    display: block !important;
}

.info-productos .t-entry-readmore {
    margin-top: 30px;
}

.info-productos .t-entry-readmore .btn-link {
    letter-spacing: 0.51px;
}

.info-productos .t-entry-readmore .btn-link::after {
    content: "\e0c3";
    font-family: 'uncodeicon' !important;
    font-style: normal;
    font-weight: 800;
    font-variant: normal;
    margin-left: 17px;
    text-transform: none;
}

.background-black-five {
    background-color: #1d1d1b !important;
}

#title-cibus p {
    color: #ffffff;
    font-size: 30px;
    font-weight: 600;
    line-height: 30px;
    padding-top: 20px;
}

#column-logo-cibus .uncont {
    padding: 112px 74px 112px 74px !important;
    border: 0 !important;
    max-width: 482px !important;
}

.subtitles-cibus p {
    color: #1d1d1b;
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
    padding-top: 10px;
}

.container-list-usuarios .uncont {
    width: 516px;
    display: flex;
    justify-content: center;
    background-color: #f5f5f5;
}

.list-users-content {
    background-color: #fff;
    padding: 43px;
    -webkit-box-shadow: 0px 10px 52px -29px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 10px 52px -29px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 10px 52px -29px rgba(0, 0, 0, 0.25);
}

.list-users-content img {
    max-width: 215px;
}

.list-users {
    width: 100%;
    background-color: #f5f5f5;
    padding: 36px 36px 80px 36px;
}

.link-productor {
    padding-top: 25px;
}

.link-productor a::after {
    content: "\e0c3";
    font-family: 'uncodeicon' !important;
    font-style: normal;
    font-weight: 800;
    font-variant: normal;
    margin-left: 20px;
    text-transform: none;
}

#row-top-productores .uncont {
    border: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 76px !important;
}

#row-top-productores .uncont p {
    font-weight: 500;
}

.wpml-ls-native {
    color: #222220;
    font-size: 25px;
    font-weight: 600;
}

#menu-principal {
    background-color: transparent !important;
    display: inline-flex;
}

#container-lang {
    position: absolute;
    right: 0;
    top: 50px;
}

#menu-principal li:first-child a {
    padding-right: 0;
}

#menu-principal li a {
    padding-left: 14px;
}


.mmb-container {
    display: none;
}

.size-65x65 {
    width: 65px !important;
    height: 65px !important;
}

#title-contacto p {
    color: #ffffff;
    font-size: 30px;
    font-weight: 600;
    line-height: 30px;
    padding-top: 14px;
}

#heading-contacto {
    padding-top: 120px;
    padding-bottom: 96px;
}

.text-contacto p {
    font-weight: 500;
}

.form-sabores .text-label {
    color: #000;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 0;
}

.form-sabores .text-label input, .form-sabores .text-label textarea {
    margin-top: 0;
}

.form-sabores p {
    margin-top: 26px;
}

.form-sabores p:first-of-type {
    margin-top: 0;
}

.form-sabores input[type="text"], .form-sabores .wpcf7-form-control-wrap input[type="email"], .wpcf7-form-control-wrap input[type="tel"], .form-sabores textarea {
    border-color: #000;
    width: 100%;
}

.form-sabores .btn-send {
    background-color: transparent;
    border: none;
    padding: 0;
    letter-spacing: normal;
}

.form-sabores .btn-container {
    margin-top: 28px;
}

.form-sabores .btn-container p {
    color: #ffffff;
    background-color: #1d1d1b;
    border: 1px solid #000;
    border-radius: 10em;
    display: flex;
    font-size: 17px;
    font-weight: 600 !important;
    gap: 35px;
    letter-spacing: normal;
    line-height: 27px;
    padding: 14px 29px 14px 37px;
    width: 186px;
}

.form-sabores .btn-container p input {
    background-color: transparent;
}

.form-sabores .btn-container p:hover {
    color: #000;
    cursor: pointer;
    background-color: #ffffff;
}

.contact-terminos input {
    border-color: #000;
    width: 28px;
    height: 20px;
}

.contact-terminos input:checked::before {
    font-size: inherit !important;
}

.contact-terminos .wpcf7-list-item-label {
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
}

.contact-terminos span:first-child {
    display: flex;
    align-items: center;
    gap: 11px;
}

#main-logo .navbar-brand {
    pointer-events: none;
}

#productor-analytics {
    height: 75vh;
}

.product-pagination {
    font-family: 'Montserrat';
    display: flex;
    gap: 30px;
    justify-content: center;
    padding-bottom: 36px;
    background-color: #f5f5f5;
    margin-left: -36px;
    margin-right: -36px;
    font-size: 15px;
}

.product-pagination .current {
    color: #f9b122;
    font-weight: 600;
}

.product-pagination .next{
    position: absolute;
    right: 0;
}

.product-pagination .prev{
    position: absolute;
    left: 0;
}

.content-productos-productor{
    background: #fff;margin:36px; 
    transform: translateY(36px);
    box-shadow: 0px 10px 52px -29px rgba(0, 0, 0, 0.25);
}

.icons-pagination{
    font-size: 22px;
}

#text-sorteo h1 span:nth-child(1){
    color: #f9b122;
    font-weight: 900 !important;
    line-height: 28.5px;
}

#text-sorteo h1 span:nth-child(2){
    color: #1d1d1b;
    font-size: 23px !important;
    font-weight: 900 !important;
    line-height: 21.8px;
    text-transform: none !important;
}

#text-sorteo h1 span:nth-child(3){
    color: #1d1d1b;
    font-size: 23px !important;
    font-weight: 500 !important;
    line-height: 21.8px;
    text-transform: lowercase !important;
}

#form-sorteo p{
    margin-top: 24px !important;
}

#form-sorteo input[data-name="aceptar-terminos"] .wpcf7-list-item-label{
    position: relative;
    top: 12.5px;
}

.anywhere-text{
    overflow-wrap: anywhere;
}

@media (min-width:960px) {
    #container-lang {
        display: none;
    }
}

/* Media Querie Tablet*/

@media (min-width: 768px) and (max-width: 1024px) {
    .img-cabecera, .footer-img-sabores, #img-icono-sabores-almeria {
        text-align: center;
    }

    .vc_custom_1713508610325, .vc_custom_1713436995436 {
        padding-left: 0 !important;
    }

    .vc_custom_1713259705190 {
        padding-top: 0 !important;
    }

    #row-beneficios-y-acceso #column-beneficios-y-acceso::after {
        top: -36px !important;
        transform: scale(0.8) !important;
        right: 0;
    }
}

/* Media Querie Tablet - Landscape*/

@media (min-width: 768px) and (max-width: 1300px) and (orientation: landscape) {
    .vc_custom_1713435090587 {
        padding-bottom: 67px !important;
    }

    #img-icono-sabores-almeria {
        text-align: center;
    }
}

/* Media Querie Mobile*/

@media (max-width: 569px) {
    #row-first-inicio h1 {
        line-height: 40px;
    }

    #btn-producto-productor .btn-black-five{
        padding: 15px 9px 15px 10px !important;
        font-size: 15.5px !important;
        width: 115%;
    }

    #btn-producto-productor .btn-black-five i {
        font-size: 20px;
        margin-left: 30px !important;
        top: 3px !important;
        margin-top: 5px !important;
    }

    #row-first-inicio .vc_custom_1713248760898 {
        padding-right: 0 !important;
        margin-bottom: 25px !important;
    }

    #row-beneficios-y-acceso {
        padding-right: 36px !important;
        padding-left: 36px !important;
    }

    #row-beneficios-y-acceso #column-beneficios-y-acceso .uncell {
        padding: 30px !important;
    }

    #row-beneficios-y-acceso #column-beneficios-y-acceso {
        border-radius: 22px !important;
        background: linear-gradient(to bottom, #222220 82%, transparent 50%);
    }

    #row-beneficios-y-acceso #column-beneficios-y-acceso .uncont {
        width: 100%;
    }

    #row-beneficios-y-acceso #column-beneficios-y-acceso::after {
        background-image: url('https://www.saboresalmeria.app/wp-content/uploads/2024/04/lectura-de-qr.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: block;
        width: 100%;
        content: "";
        height: 300px;
        position: relative;
        top: 0;
        right: 0;
    }

    #img-icono-sabores-almeria {
        text-align: center;
    }

    .list-yellow-point li::before {
        content: "■";
        font-size: 20px;
        transform: translateY(-5%);
    }

    .content-category div {
        padding: 0 12px 0 12px;
    }

    .list-productos-user .tmb {
        padding-left: 27px;
    }

    .list-productos-user .content-category div {
        padding: 0 10px 0 12px !important;
    }

    .list-productos-user .content-category div p {
        display: none;
    }

    .list-productos-user .content-category div span, .info-productos p {
        font-size: 14px !important;
    }

    .list-productos-user .t-entry-text-tc {
        padding: 25px !important;
    }

    .vc_custom_1713436995436, .vc_custom_1713508610325 {
        padding-left: 0 !important;
    }

    .footer-img-sabores {
        text-align: center;
    }

    .fontsize-sm-20 {
        font-size: 20px;
    }

    .vc_custom_1713259705190 {
        padding-top: 0 !important;
    }

    #column-logo-cibus .uncont {
        padding: 112px 50px 112px 40px !important;
    }

    #title-cibus h1 {
        font-size: 45px !important;
        line-height: 40px !important;
    }

    .subtitles-cibus h2, #row-top-productores h2 {
        font-size: 30px !important;
        line-height: 30px;
    }

    .subtitles-cibus p {
        font-size: 20px;
        padding-top: 0;
    }

    .container-list-usuarios .uncont {
        width: 100%;
    }

    .content-category span {
        font-size: 14px;
    }

    .list-users-content {
        padding: 43px 25px 43px 25px;
    }

    .list-users-content p {
        font-size: 15px;
    }

    #menu-principal li a span {
        font-size: 20px;
    }

    #container-lang {
        top: 60px;
    }

    .text-category {
        padding-right: 5px !important;
        padding-left: 9px !important;
    }

    .link-productor {
        font-size: 13px;
    }

    .link-productor a::after {
        margin-left: 10px;
    }

    .etiquetado-productos-almeria .row-container {
        margin-top: 20px !important;
        margin-bottom: 35px !important;
    }

    .text-contacto {
        padding-right: 0 !important;
        margin-bottom: 18px;
    }

    .form-sabores .text-label {
        font-size: 18px;
    }

    .contact-terminos .wpcf7-list-item-label {
        font-size: 15px;
    }

    .contact-terminos span:first-child {
        margin-right: 0;
        line-height: 20px;
    }

    .contact-terminos input {
        height: 19px;
    }

    #menu-principal li a {
        padding-right: 0;
    }

    #img-icono-sabores-almeria img {
        width: 60%;
        margin-left: auto;
        margin-right: auto;
    }

    .content-category img {
        width: 56px !important;
        height: 56px !important;
    }

    #text-sorteo h1 span:nth-child(1){
        padding-top: 20px;
    }

    .btn-black-participa i {
        font-size: 16px;
        margin-left: 17px !important;
        top: 4px !important;
    }
    
    .btn-black-participa {
        margin-top: 16px;
        padding: 10px 15px 9px 18px !important;
        font-size: 20px !important;
    }

    .fontsize-40{
        font-size: 30px;
        line-height: 30px !important;
    }

    .fontsize-30{
        font-size: 25px;
        line-height: 25px !important;
    }
}