/*
 Theme Name:   Understrap Child
 Theme URI:    https://understrap.com
 Description:  Understrap Child Theme
 Author:       the Understrap Contributors
 Author URI:   https://github.com/understrap/understrap-child/graphs/contributors
 Template:     understrap
 Version:      1.2.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: understrap/understrap-child
*/

:root {
    --verde:#8cc63f;
    --amarillo:#ffaa00;
    --cafe:#B25001;
    --soft:#EEF2F8;
    --resaltar:orange;
    --blanco: white;
    --negro: black;
    /* --titulo: 'Open Sans', sans-serif;
    --serifa:'Open Sans', sans-serif; */
    --sombra: -1px 3px 8px -1px rgba(0, 0, 0, 0.1);
    --sombra-2: 0 10px 25px 0 rgba(0,0,0,.25);
    --ico: bootstrap-icons;
    --bs-body-color: var(--negro) !important;
    
  }
  .blanco {color: var(--blanco)!important;}
  .negro {color: var(--negro)!important;}
  .verde {color: var(--verde)!important;}
  .amarillo {color: var(--amarillo) !important;}
  .cafe {color: var(--cafe) !important;}
  .soft {color: var(--soft)!important;}
  
  .bg-soft {background: var(--soft);}
  .bg-blanco {background: var(--blanco);}
  .bg-verde {background: var(--verde) !important;}
  .bg-amarillo {background: var(--amarillo) !important;}
  .bg-cafe {background: var(--cafe) !important;}
  .bg-negro {background: var(--negro);}
  .bg-primary {background-color: var(--verde) !important;}
  .bg-light {background-color: #FCFCF7 !important;}
  
  .sombra {box-shadow: var(--sombra)}
  .sombra-0 {box-shadow: none !important;}
  .sombra-2 {box-shadow: var(--sombra-2)}
  .oscurecer {filter: brightness(0);}
  .aclarar {filter:brightness(10);}
  
  .grilla-1 {display: grid;grid-template-columns: 1fr;}
  .grilla-2 {display: grid;grid-template-columns: repeat(2, 1fr);}
  .grilla-3 {display: grid;grid-template-columns: repeat(3, 1fr);}
  .grilla-4 {display: grid;grid-template-columns: repeat(4, 1fr);}
  .grilla-5 {display: grid;grid-template-columns: repeat(5, 1fr);}
  .grilla-6 {display: grid;grid-template-columns: repeat(6, 1fr);}
  .grilla-7 {display: grid;grid-template-columns: repeat(7, 1fr);}
  .grilla-8 {display: grid;grid-template-columns: repeat(8, 1fr);}
  
  
  .space-1 {height: 1vh;}
  .space-2 {height: 2vh;}
  .space-5 {height: 5vh;}
  .space-10 {height: 10vh;}
  .space-15 {height: 15vh;}
  .space-20 {height: 20vh;}
  .space-25 {height: 25vh;}
  
  /* body {background: var(--blanco);font-family: var(--serifa) !important;} */
  h1, .h1 {font-weight: bold;}
  a {color: var(--negro) !important;text-decoration: none !important;}
  a:hover {color: var(--resaltar) !important;}
  .fw-bolder {font-weight: 900;}
  /* h1,h2,h3,h4,h5,h6 {font-weight: 700 !important;} */
  .family-icon {font-family: var(--ico) !important;}
  .mh-100 {min-height: 100vh;}
  .mini {font-size: .75rem;}
  .serifa {font-family: var(--serifa);}
  .justificar {text-align: justify;}
  hr {margin: 1rem 0 !important;color: var(--amarillo) !important;}
  .wrapper {padding: 0 !important;}
  *:focus {outline: 0;box-shadow: 0 0 0 .25rem rgba(41, 216, 132, 0) !important;}
  .flex-center {display:flex !important;justify-content:center !important;align-items:center !important;}
  .fit-width{width: fit-content;}
  .fit-height{height: fit-content;}
  .ls-1 {letter-spacing: 1px;}
  .ls-2 {letter-spacing: 2px;}
  .scale-1 {transition: all .3s ease;}
  .scale-1:hover {transform: scale(1.05);transition: all .3s ease;}
  .no-wrap{white-space: nowrap;}
  .aspect-ratio-1x1 {aspect-ratio: 1/1;}
  .aspect-ratio-16x9 {aspect-ratio: 16/9;}
  /*--------------------------------------------------------------
  HEADER
  --------------------------------------------------------------*/
.dash-left {
  position: fixed;
  z-index: 1;

}
.dash-right {
  position: relative;
  min-height: 100vh;
  left: 8.33333333%;
}
.page-template-tpl_acceder .main-menu,
.error404 .menu .main-menu {
  width: 0;
}
  /*--------------------------------------------------------------
  FOOTER
  --------------------------------------------------------------*/
  #expired {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0,0,0,.5);
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    z-index: 9999;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  /*--------------------------------------------------------------
  SLIDER
  --------------------------------------------------------------*/
  /* .swiper-button-next::after,
  .swiper-button-prev::after {
    font-size: 1.25em;
  }
  .swiper-button-next,
  .swiper-button-prev {
    width: 35px;
    height: 35px;
    background: var(--verde);
    border-radius: 50%;
    box-shadow: 1px 1px 20px #ddd;
    border: 2px solid var(--amarillo);
  } */
  .swiper-button-next.swiper-button-disabled,
  .swiper-button-prev.swiper-button-disabled {
    opacity: 0 !important; 
  }
  .glide__arrow--left {
    left: 0 !important;
  }
  .glide__arrow--right {
    right: 0 !important;
  }
  /*--------------------------------------------------------------
  MISCELALNEOUS
  --------------------------------------------------------------*/
  .stroke-blanco {
    text-shadow: -1px -1px 0 var(--blanco), 1px -1px 0 var(--blanco), -1px 1px 0 var(--blanco), 1px 1px 0 var(--blanco);
  }
  .stroke-amarillo {
    text-shadow: -1px -1px 0 var(--amarillo), 1px -1px 0 var(--amarillo), -1px 1px 0 var(--amarillo), 1px 1px 0 var(--amarillo);
  }
  .youtube iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
  }
  input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.asterisk::after,
.asterisk::before {
content: '';
background-image: url(/wp-content/themes/understrap-child-main/img/asterisk.png);
background-repeat: repeat-x;
background-size: 6px;
background-position: center;
display: block;
width: 100%;
height: 30px;
}
.page-template-tpl-gestor-perfil .osm-markers .osm-marker input[type=text],
.page-template-tpl-productor-perfil .osm-markers .osm-marker input[type=text],
.page-template-tpl-comprador-perfil .osm-markers .osm-marker input[type=text] {
  font-size: 15px !important;
}

.page-template-tpl-productor-perfil .markers-instruction,
.page-template-tpl-comprador-perfil .markers-instruction {
  display: none;
}
.page-template-tpl-productor-perfil #registro-productor {
  user-select: none;
  pointer-events: none;
  opacity: .5;
}
.page-item .page-link {
  outline: initial !important;
  box-shadow: initial !important;
  line-height: inherit !important;
  border-radius: 40px !important;
  min-width: 38px;
  text-align: center;
  height: 38px;
  padding: inherit !important;
  font-size: .75rem !important;
}
.page-item.disabled .page-link {
  border-color: transparent !important;
  opacity: 0;
}
.page-item.next .page-link,
.page-item.previous .page-link {
  background-color: var(--bs-gray-200) !important;
}
.dataTables_length select {
  line-height: 1em !important;
  height: 20px !important;
  width: max-content !important;
}
  /*--------------------------------------------------------------
  PRODUCTOR
  --------------------------------------------------------------*/

  #menu-productor {
      background-color: var(--verde);
  }
  #menu-productor li {
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 1em;
  }
  #menu-productor li a {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      text-align: center;
      width: 100%;
      height: 100%;
      margin: 0 auto;
      padding: 1em 0;
      transition: all .3s ease;
  }
  #menu-productor li a span {
      color: rgba(0,0,0,.25);
      font-size: .75rem;
      text-transform: uppercase;
      line-height: 1em;
      padding-top: .5rem;
      font-weight: bold;
      letter-spacing: 1px;
  }
  #menu-productor li a:hover {
      transform: scale(1.1);
      transition: all .3s ease;
  }
  #menu-productor li a:hover i {
      opacity: .5;
      transition: all .3s ease;
  }
  #menu-productor li a:hover span {
      color: rgba(0,0,0,.5);
      transition: all .3s ease;
  }
  #menu-productor li:not(:last-child) {
      border-bottom: 1px solid rgba(0,0,0,.25);
  }
  #menu-productor i {
      font-size: 2rem;
      color: var(--negro);
      opacity: .25;
  }
  .navbar-brand img {
      width: 100px;
  }
.dashboard .box {
    background-color: white;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    padding: 1rem !important;
}
.btn--editar--producto {
    padding: .25rem .5rem !important;
    font-size: .75rem !important;
    line-height: 1.2rem !important;
    aspect-ratio: 1/1;
}
.pic-rol-last {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
 /*--------------------------------------------------------------
  COMPRADOR
  --------------------------------------------------------------*/

  #menu-comprador {
    background-color: #2F4305;
}
#menu-comprador li {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1em;
}
#menu-comprador li a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 1em 0;
    transition: all .3s ease;
}
#menu-comprador li a span {
    color: rgba(255,255,255,.25);
    font-size: .75rem;
    text-transform: uppercase;
    line-height: 1em;
    padding-top: .5rem;
    font-weight: bold;
    letter-spacing: 1px;
}
#menu-comprador li a:hover {
    transform: scale(1.1);
    transition: all .3s ease;
}
#menu-comprador li a:hover i {
    opacity: .5;
    transition: all .3s ease;
}
#menu-comprador li a:hover span {
    color: rgba(255,255,255,.5);
    transition: all .3s ease;
}
#menu-comprador li:not(:last-child) {
  border-bottom: 1px solid rgba(255,255,255,.25);
}
#menu-comprador i {
    font-size: 2rem;
    color: var(--blanco);
    opacity: .25;
}
.navbar-brand img {
    width: 100px;
}
.dashboard .box {
  background-color: white;
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
  padding: 1rem !important;
}
.border.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}
.dashboard-list-with-thumbs .list-thumbnail {
  width: 85px;
  margin: 1em;
  border: 1px solid var(--bs-gray-200) !important;
  object-fit: contain;
}
.pic--producto--slide {
  width: 100% !important;
  height: auto;
  aspect-ratio: 16/9;
  object-fit: contain;
  max-height: 100px;
}
  /*--------------------------------------------------------------
  DATA TABLES
  --------------------------------------------------------------*/
  /* span .paginate_button {
    width: 25px !important;
    text-align: center;
    display: inline-block;
    margin: 0 .25rem;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    color: var(--bs-warning-text-emphasis) !important;
    cursor: pointer;
  }
  span .paginate_button.current {
    background-color: var(--bs-warning-bg-subtle);
  }
  #dataTable-pedidos_info,
  .dataTables_wrapper .dataTables_length {
    float: left;
  }
  #dataTable-pedidos_paginate,
  .dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right;
  }
  #dataTable-pedidos_filter input {
    width: auto;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  }
  #dataTable-pedidos_length select {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    font-size: .85rem;
    text-align: right;
  }
  .dataTables_wrapper {
    padding-bottom: 2em;
  } */
    /*--------------------------------------------------------------
  MOBILE
  --------------------------------------------------------------*/
  .mobile .navbar.fixed-top {
    display: grid;
    grid-template-columns: repeat(3,1fr);
  }
.mobile .main-menu.default-transition {
  box-shadow: var(--sombra-2);
}
.mobile .navbar .menu-button-mobile svg {
  height: 16px;
}
.mobile .page-item .page-link {
  height: 28px;
}
.mobile .dataTables_wrapper .paginate_button.page-item {
  padding-left: 5px;
  padding-right: 5px;
}
.mobile .auth-card .form-side .dashboard-list-with-thumbs {
  height: 680px !important;
}
/* Checkbox Pedido declinado */
.acf-field-66c774896fe83 {
  display: none;
}
/* Qty ofertas */
.acf-field-66c8045b2ffd9 {
  display: none;
}
.si-declino .name {
  color: var(--bs-danger);
  position: relative;
}
.si-declino .name::before {
  content: '\F3CB';
  position: absolute;
  left: -20px;
  top: 0;
  font-family: var(--ico);
}
/*--------------------------------------------------------------
  MEDIA QUIERIES
  --------------------------------------------------------------*/
  @media (max-width:1439px){
    .container-fluid .gap-4 {
      gap: .5rem !important;
    }
    .container-fluid .p-4 {
      padding: 1rem !important;
    }
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs, .col-xs-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl, .col-xxl-auto {
      padding-right: 7.5px;
      padding-left: 7.5px;
    }
    .row.sortable .card .card-body {
      padding: 1rem;
    }
    .icon-cards-row .glide__slides .glide__slide {
      padding-left: 0;
      padding-right: 0;
    }
    .container-fluid .row {
      margin-left: 0 !important;
      margin-right: 0 !important;
    }
    .container-fluid .icon-cards-row {
      margin-left: 0 !important;
    }
    .container-fluid .col--px-0 {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
  }