/*
Theme Name: theme_main
Theme URI: ludik.pe
Author: Ludik - Fun-Development
Author URI: https://ludik.pe/
Description: responsive custom theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  theme_main
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
.screen-reader-text{
  display: none;
}
html{
  margin: 0px!important;
  padding: 0px!important;
}
html{
  font-family: 'Montserrat', sans-serif;

}
.btn_shop{
    white-space: nowrap;
}
.banner{
  color: #fff;
  background-color: rgba(57, 100, 96, 0.867);
  text-align: center;
  padding: 10px;
}
.menu-class {
  list-style-type: none; 
  padding: 0; 
  display: flex;
  justify-content: space-evenly;
}

.menu-class li {
  display:inline-block;
  margin: 0 20px;
   /* Esto añade un margen en la parte superior e inferior de cada elemento de la lista */
}

.menu-class a {
  text-decoration: none; /* Esto quita el subrayado de los enlaces */
  color: #000; /* Esto establece el color de los enlaces. Cambia esto a lo que prefieras */
}

.color-green{
  background-color: rgba(74, 191, 80, 0.867);
  border-radius: 10px;
  padding: 5px;
}

.menu-class #searchform {
  display: flex;
  align-items: center;
}
.navbar-toggle {
  display: none;
}

.icon-bar {
  display: block;
  width: 20px;
  height: 2px;
  margin-bottom: 4px;
  background-color: #333;
}
#searchform{
  position: relative;
  margin: 0 5px;
}

input[type="text"] {
  border: 1px solid #9c9b9b; 
  border-radius: 15px;
  padding: 7px;
  width: 300px;
}

input[type="submit"] {
  background-color: rgba(74, 191, 80, 1); 
  border:1px solid rgba(74, 191, 80, 1);
  border-radius: 15px;
  padding: 7px;
  position:absolute;
  right:-5px;
  color:white;
}

.cart-count{
  text-align: top;
  align-self:flex-start;
  background-color: rgba(74, 191, 80, 1); 
  padding: 0 5px;
  border-radius: 50px;
  color:#fff;
}
.cart-icon{
  display:flex;
  align-items: center;
}

.fa-cart-shopping{
  color:rgba(74, 191, 80, 1);
}

.separador-vertical {
  border-right: 1px solid #9c9b9b;  /* Cambia el color y grosor de la línea según tus preferencias */
  height: 60px; /* Ajusta la altura del separador vertical según tus necesidades */
}
.active{
  
  text-transform: uppercase;
  text-align: center;
  font-size: 1rem;
}
.language-switcher{
  display: flex;
  align-items: center;
}

@media (max-width: 768px) {
  .banner{
      display: none;
  }
  .navbar-toggle {
    display: block;
    cursor: pointer;
    padding: 10px;
    background-color: #ccc;
  }

  .menu-class{
      display: none;
  }

  .language-switcher{
      display: none;
  }
  .separador-vertical{
      display:none;
  }
  .navbar-toggle {
      display: flex;
      cursor: pointer;
      background-color: transparent;
      justify-content: space-between;
      margin: 10px 5px;
    }
    .items-toggle{
      display: flex;
    }
    .item-toggle{
      margin:0 15px;
    }
    .cart-count{
      font-size: 0.5rem;
      padding: 0 2px;
    }

  
}