/* Variables */

:root {
    --color1: #9f6739;
    --color2: #d89b6a;
    --color3: #effcff;
    --color4: #eee8a9;
    --color5: #effcff;
}

.w-bio{
   width: 580px;
}

.hero-two-slide-title {
    color:var(--color1);
}

.page-header-sub-title {
    color:var(--color2);
}

.hero-two-slide-item {
  background-color: var(--color3);
}

.btn.btn-border-primary {
  border-color: color:var(--color1);
}

.btn {
  background-color: var(--color1);
  border: 2px solid var(--color1);
}

.btn.btn-border-primary:hover {
  background-color: var(--color1);
  border-color: var(--color1);
}

.hero-two-slider-pagination .swiper-pagination-bullet-active {
  background-color: var(--color1);
}

.funfact-area {
  background-color: var(--color4);
}

.product-item .flag-new {
  background-color: var(--color1);
}

.product-item .product-action .product-action-btn {
  border: 2px solid var(--color1);
}

a:hover {
  color: var(--color1);
}

.scroll-to-top, .scroll-to-top:hover {
  background-color: var(--color1);
}

.main-nav .has-submenu:hover a, .main-nav > li > a:hover {
  color: var(--color1);
}

.pro-qty input {
  border: 2px solid var(--color1);
}

.btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
  background-color: var(--color1);
  border-color: var(--color1);
}

.btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
  background-color: var(--color1);
  border-color: var(--color1);
}

.btn:hover {
  background-color: var(--color4);
  border-color: var(--color4);
}

.btn-check:focus + .btn-primary, .btn-primary:focus, .btn-primary:hover {
  background-color: var(--color4);
  border-color: var(--color4);
}

.btn-check:active + .btn-primary:focus, .btn-check:checked + .btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .25rem var(--color5);
}

.btn-check:focus + .btn-primary, .btn-primary:focus {
  box-shadow: 0 0 0 .25rem var(--color5);
}

.footer-area {
  background-color: var(--color5);
}

.blog-detail-category .category {
  background-color: var(--color1);
}

.contact-info {
  background: var(--color5);
}

/**.slick-arrow {
  background-color: var(--color1)!important;
}**/

.funfact-item .icon {
  border-bottom: 1px solid var(--color1);
}

.funfact-item {
  background-color: var(--color4);
  border: 3px solid var(--color1);
}

.main-nav .has-submenu .submenu-nav-mega > li a:hover, .main-nav .has-submenu .submenu-nav > li a:hover {
  color: var(--color1);
}


/* custom css */
.aside-cart-wrapper .offcanvas-body {
    padding: 10px!important;
}
/* aside items cart */
.aside-cart-wrapper .offcanvas-body .simpleCart_items table .itemRow .item-thumb img {
    width:70%!important;
}
/*
*/
.aside-cart-wrapper .offcanvas-body .simpleCart_items table .itemRow .item-thumb {
    width:10%!important;
}
/* table product list */
th.item-thumb {
   width:10%!important;
}

span.simpleCart_quantity {
    position: absolute;
    font-size: 14px;
    width: 10px;
    height: 10px;
}

td.item-quantity{
    text-align: center!important;
}
td.item-decrement , td.item-increment {
    font-size: 19px;
    font-weight: 600;
}

.zoom {
    transition: transform .1s; 
}
 
.zoom:hover {
    /**transform: scale(1.5);**/ 
    transform: scale(1.1);
}

.slick-slide img {
  height: 300px;
}

/* mobile menu */
.off-canvas-wrapper.offcanvas {
    background-color: #fff!important;
}

.offcanvas-menu-nav li a {
    color: #000000!important;
}

.off-canvas-wrapper .btn-menu-close {
  color: #000000!important;
  background-color: #fff!important;
}

<!-- =======  ======= -->

/* Slider */

.hero-two-slide-content{
    padding-top: 100px!important;
}

@media only screen and (max-width: 479px) {
  .hero-two-slide-content .hero-two-slide-title{
    margin-top: 10px;
  }
  
  .hero-two-slide-meta{
    margin: 10px 0 10px 0;
  }
}


/* prductDetails */

.portfolio-description{
    margin-top: 30px!important;
}


/* footer */

.widget-about p{
    font-size: 18px!important;
}

.social a{
    font-size: 35px!important;
}

.widget-item h4{
    font-size: 28px!important;
}

.widget-item ul{
    font-size: 18px!important;
}


/* contact */

.descrip p{
    margin: 0!important;
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-left-img{
    height: 350px!important;
    margin: -50px 0 -50px 0;
  }
}


/* about */

.page-header-area{
    display: flex!important;
    flex-direction: column!important;
    justify-content: space-between!important;
    gap: 50px!important;
}

@media only screen and (max-width: 479px) {
  .page-header-content .page-header-title{
    margin-top: 20px;
  }
}

/* Esto aplica a pantallas con un ancho de 600px o menos (típicamente móviles) */
@media screen and (max-width: 600px) {
    .desktop-only {
        display: none;
    }
}

/* Esto aplica a pantallas con un ancho mayor a 600px (típicamente tablets, laptops, desktops) */
@media screen and (min-width: 601px) {
    .mobile-only {
        display: none;
    }
}


/* nav */

@media only screen and (max-width: 767px) {
  .header-logo img
    {
    width: 100px!important;
    }
    
    .col-lg-3{
        width:50%!important;
    }
    .col-lg-1{
        width:50%!important;
    }
}


/* navItems */

.submenu-nav {
  max-height: 500px!important;
  overflow-y: auto!important;
}


/* gallery */

.slider{
  
  margin:20px auto;
  text-align: center;
  .parent-slide{padding:15px;}
  img{display: block;margin:auto;}
}
.slide{
    padding-right: 5px;
    padding-right: 5px;
}

.section-space{
    padding-bottom: 10px!important;
    padding-top: 10px!important;
}

.gallery{
    padding-bottom: 50px!important;
    padding-top: 50px!important;
}

.gallery a{
    margin-right: 12px!important;
}

.zoom {
  transition: transform 0.3s ease-in-out!important;
}

.zoom:hover {
  filter: drop-shadow(0 0 0.75rem rgba(0, 0, 0, 0.1))!important;
}

/**.slick-arrow{
    background-color: #ff6565!important;
}**/

@media only screen and (max-width: 479px) {
  .hero-two-slide-content div{
    margin-bottom: -100px!important;
  }
  
  .slider.slick-initialized.slick-slider.slick-dotted{
      margin-top: -50px!important;
  }
}


/* checkout */

.text-black >span{
    font-size: 28px!important;
    position: relative!important;
}

.simpleCart_items{
    overflow-y: auto!important;
}

.simpleCart_items > table > thead > tr > th {
    padding:5px!important;
}

.simpleCart_items > table > tr > td {
    padding:10px!important;
}

.card-body > a{
    font-size: 9px;
}

@media only screen and (max-width: 479px) {
  .card-body > a > i{
    display: none!important;
  }
}


/* biografhy */

.funfact-item .funfact-title {
  font-size: 10px!important;
  line-height: 2!important;
  text-align: justify;
  height: 120px;
}

.funfact-item .funfact-number {
  font-size: 45px!important;
}

.funfact-area {
  margin: 0!important;
  padding-bottom: 50px !important;
  padding-top: 50px !important;
}

@media only screen and (max-width: 767px) {
  .funfact-item .funfact-title {
  height: 250px;
}
}

/* card */
.product-item .product-action .action-btn-cart {
  font-size: 9px!important;
}

/* footer */
.footer-main .desc {
  max-width: max-content;!important;
}


/* media querys */

@media only screen and (max-width: 479px) {
  
  .widget-item {
     text-align: center;
    }
    
    .page-header-content .title-img {
    width: auto;
  }
}

@media only screen and (max-width: 767px) {
    
  .contact-area {
  display: flex;
  flex-direction: column-reverse;
    }
    
.slick-slide img {
  height: 250px;
}

 .title-img img {
    margin-bottom: auto!important;
  }
}