/*
Theme Name:   Be Hakuna 2022
Theme URI:    https://webycomunicacion.es/hkn22
Description:  Child theme para personalizaci贸n de theme
Author:       J&L | Web y Comunicacion
Author URI:   https://webycomunicacion.es
Template:     storefront
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  hkn
*/

:root {
  --verde:    #BEF648;
  --morado:	#8A4FF7;
  --marron:   #b99c61;
  --blanco:   #ffffff;
  --negro:    #000000;
  --gris:     #D4D1CC;
  --gris:     #2E2E2E;  
  --gris_claro: #A2A2A2;

  --principal: #190D02;
  --secundario:#000000;
}

* {
  box-sizing: border-box;
  font-family: 'Montserrat',sans-serif;
  /*color: var(--negro);*/
}

header#masthead {
    padding: 0;
}
nav#site-navigation {
    display: flex;
    width: 100%;
}
li.carrito {
    margin-left: 20px;
}
a.custom-logo-link {
    width: fit-content;
    padding: 20px 50px 0 0;
}

button#site-navigation-menu-toggle {
    position: absolute;
    top: 10px;
    right: 10px;
}





  .centrar{
    text-align: center;
  }
  .derecha{
    text-align: right;
  }
  .izquierda {
      text-align: left!important;
  }
  .asangre {
    gap: 0!important;
  }
  .magen1{
    margin: 1%;
  }

  /* ACORDEÓN */
.copas-secas-anteriores {
  margin-top: 100px;
}
.accordion {
background-color: #eee;
color: #444;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
transition: 0.4s;
}

.active, .accordion:hover {
background-color: #ccc; 
}
button.accordion {
  font-weight: 600;
}

.panel {
padding: 0 18px;
display: none;
background-color: white;
overflow: hidden;
}

.centrar{
text-align: center;
}
.derecha{
text-align: right;
}
.izquierda {
  text-align: left!important;
}
.asangre {
gap: 0!important;
}

.gris{
color: var(--gris_claro);
}

.blanco{
color: var(--blanco);
}
.blanco>div>div>p, .blanco>div>div>h2 {
  color: var(--blanco);
}

.verde, verde{
color: var(--verde)!important;
}

.fondo-oscuro{
background: var(--gris);
}


@media (min-width: 600px){
  .col-full {
    max-width: 70em;
  }
  .storefront-breadcrumb {
    margin: 0;
  }
}