/* GERAL
-------------------------------------------------- */


:root{
  --client-theme: #1b8e18;
  --client-theme-active: hsl(from var(--client-theme) h s calc(l - 7) );
}

a {
    color: var(--client-theme);
    text-decoration: none;
    background-color: transparent;
  }

  a:hover {
    color: var(--client-theme-active);
    text-decoration: underline;
  }


section.header-main.py-4 {
    padding: 10px 0px !important;
}

.listagemProdutos{
    background-color: #FFFFFF !important;
}


/*.btn-client {
    color: #fff;
    background-color: var(--client-theme-active);
    border-color: var(--client-theme-active);
}
.btn-client:hover {
    color: #fff;
    background-color: #1DA178;
    border-color: #1DA178;
}
.btn-client:focus, .btn-client.focus {
    color: #fff;
    background-color: #1DA178;
    border-color: #1DA178;
    box-shadow: 0 0 0 0.2rem rgb(38 143 255 / 50%);
}*/
.btn-client {
    color: #fff;
    background-color: var(--client-theme);
    border-color: var(--client-theme);
  }

  .btn-client:hover {
    color: #fff;
    background-color: var(--client-theme-active);
    border-color: var(--client-theme-active);
  }

  .btn-client:focus,
  .btn-client.focus {
    color: #fff;
    background-color: var(--client-theme-active);
    border-color: var(--client-theme-active);
    box-shadow: 0 0 0 0.2rem rgba(55, 84, 73, 0.5);
  }

  .btn-client.disabled,
  .btn-client:disabled {
    color: #fff;
    background-color: var(--client-theme);
    border-color: var(--client-theme);
  }

  .btn-client:not(:disabled):not(.disabled):active,
  .btn-client:not(:disabled):not(.disabled).active,
  .show > .btn-client.dropdown-toggle {
    color: #fff;
    background-color: var(--client-theme-active);
    border-color: var(--client-theme-active);
  }

  .btn-client:not(:disabled):not(.disabled):active:focus,
  .btn-client:not(:disabled):not(.disabled).active:focus,
  .show > .btn-client.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(55, 84, 73, 0.5);
  }




  .btn-client2 {
    color: #fff;
    background-color: #292941;
    border-color: #292941;
  }

  .btn-client2:hover {
    color: #fff;
    background-color: #1a1a2a;
    border-color: #151522;
  }

  .btn-client2:focus,
  .btn-client2.focus {
    color: #fff;
    background-color: #1a1a2a;
    border-color: #151522;
    box-shadow: 0 0 0 0.2rem rgba(73, 73, 94, 0.5);
  }

  .btn-client2.disabled,
  .btn-client2:disabled {
    color: #fff;
    background-color: #292941;
    border-color: #292941;
  }

  .btn-client2:not(:disabled):not(.disabled):active,
  .btn-client2:not(:disabled):not(.disabled).active,
  .show > .btn-client2.dropdown-toggle {
    color: #fff;
    background-color: #151522;
    border-color: #10101a;
  }

  .btn-client2:not(:disabled):not(.disabled):active:focus,
  .btn-client2:not(:disabled):not(.disabled).active:focus,
  .show > .btn-client2.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(73, 73, 94, 0.5);
  }



.text-client {
    color: var(--client-theme) !important;
}
.text-primary {
    color: var(--client-theme-active) !important;
}
.badge-promo {
    color: #FFFFFF;
    background-color: var(--client-theme);
}
.product-card-image {
    display: flex;
    position: relative;
    order: 0;
    height: 250px;
    overflow: hidden;
}
.product-card-image .image-body .image-tag {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover !important;
}

.bg-client {
    background-color: var(--client-theme) !important;
}

.bg-client2 {
    background-color: var(--client-theme-active) !important;
}

.product-card-image .image {
    width: 100%;
    text-align: center;
}
.product-card-image .image a.image-body img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover !important;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: var(--client-theme);
    border-color: var(--client-theme);
}
.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: var(--client-theme);
    background-color: #fff;
    border: 1px solid #dee2e6;
}



.btn-link {
    font-weight: 400;
    color: var(--client-theme);
    text-decoration: none;
  }

  .btn-link:hover {
    color: var(--client-theme-active);
    text-decoration: underline;
  }

/* MENU
-------------------------------------------------- */

.menuBar .navbar-nav .nav-link {
    color: black;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
  }

  .menuBar .navbar-nav .nav-link i {
    color: var(--client-theme);
    margin-right: 0.3rem;
  }

  /* ------- teste */

  .navbar-nav > li > .dropdown-menu {
    margin-top: 0px;
    border: none;
  }


.funkyradio-client input[type=radio]:checked ~ label:before,
.funkyradio-client input[type=checkbox]:checked ~ label:before {
  color: #fff;
  background-color: var(--client-theme);
}


.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
  }

  .dropdown-item:hover,
  .dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
  }

  .dropdown-item.active,
  .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: var(--client-theme);
  }

  .dropdown-item.disabled,
  .dropdown-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: transparent;
  }


  .slider {
    position: relative;
    min-height: 350px;
    padding-top: 24px;
    padding-bottom: 60px;
    display: flex;
    align-items: center;
    background: var(--client-theme);
}


/**********  Custom Select ************/

.bootstrap-select .dropdown-item {
    white-space: normal;
    min-width: 300px;
 }

 .bootstrap-select .dropdown-item span{
    line-height:18px;
 }