/*
 Theme Name:   Colibri WP Child
 Theme URI:    http://example.com/Colibry-wp/
 Description:  Colibri-wp Child Theme
 Author:       Fnicasio
 Author URI:   http://www.slowesposible.es
 Template:     colibri-wp
 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:  colibry-wp-child
*/
/* =Aquí empieza la personalización de tu tema
-------------------------------------------------------------- */
* {
    font-family: ABeeZee !important;
}
.logo-text, h2.wp-block-heading strong {
    font-family: Gochi Hand !important;

}
h2/*,h3,h4,h5*/{
	font-family: Gochi Hand !important;
}
h3{
	font-weight: bold !important;
    font-size: 1.5em !important;
}
h2.wp-block-heading strong {
	font-size: 0.65em !important;
}

div.page-header h1{
	font-family: Finger Paint!important;
}
.colibri-menu-container > ul.colibri-menu > li > a {
    text-transform: capitalize !important;
}
#colibri .style-local-324-h54-outer {
    width: 100% !important;
}
#colibri .style-59-outer {
	width: 100% !important;
}
.overlay-layer>.overlay-image-layer{
	opacity: 0.4 !important;
}
.h-section-global-spacing {
    padding-top: 0px !important;
}
.page-header{
	-webkit-box-shadow: 0 20px 20px -10px rgba(49, 52, 57, 0.3), 0 20px 30px rgba(0, 0, 0, 0.08);
    box-shadow: 0 20px 20px -10px rgba(49, 52, 57, 0.3), 0 20px 30px rgba(0, 0, 0, 0.08);
	margin-bottom:50px;
}
#overlappable{
	margin-top:-50px;
}
.woocommerce-page .content .h-section, .woocommerce .content .h-section {
    background-color: #FFF;
}
/*****************
Cambio de colores
*****************/
/* enlaces */
body a {
	color: #00c096 !important;
}
/* Fin enlaces */
/*Menu superior*/
#colibri .style-42 > div > .colibri-menu-container > ul.colibri-menu > li > a {
	color: #FFFFFF !important;
}
#colibri .style-9 > div > .colibri-menu-container > ul.colibri-menu > li > a {
		color: #FFFFFF !important;
}
	/*Pagina inicio*/

#colibri .h-navigation_sticky .style-9 > div > .colibri-menu-container > ul.colibri-menu > li > a, #colibri .h-navigation_sticky.style-9 > div > .colibri-menu-container > ul.colibri-menu > li > a {
	color: #00c096 !important;
}
#colibri .h-navigation_sticky .logo-text{
	color: #00c096 !important;
}
#colibri .h-navigation_sticky .style-9 > div > .colibri-menu-container > ul.colibri-menu.bordered-active-item > li::after, #colibri .h-navigation_sticky .style-9 ul.colibri-menu.bordered-active-item > li::before, #colibri .h-navigation_sticky.style-9 > div > .colibri-menu-container > ul.colibri-menu.bordered-active-item > li::after, #colibri .h-navigation_sticky.style-9 ul.colibri-menu.bordered-active-item > li::before {
    background-color: #00c096 !important;
}
#colibri .style-9 > div > .colibri-menu-container > ul.colibri-menu > li:hover > a, #colibri .style-9 > div > .colibri-menu-container > ul.colibri-menu > li.hover > a {
    color: #00c096 !important;
}
#colibri .style-9 > div > .colibri-menu-container > ul.colibri-menu.bordered-active-item > li::after, #colibri .style-9 ul.colibri-menu.bordered-active-item > li::before {
    background-color: #00c096 !important;
}

	/*Fin pagina inicio*/
	/*Paginas*/

#colibri .style-42 > div > .colibri-menu-container > ul.colibri-menu > li.current_page_item > a, #colibri .style-42 > div > .colibri-menu-container > ul.colibri-menu > li.current_page_item > a:hover {
	color: #00c096 !important;
}
#colibri .style-42 > div > .colibri-menu-container > ul.colibri-menu.bordered-active-item > li::after, #colibri .style-42 ul.colibri-menu.bordered-active-item > li::before {
	background-color: #00c096 !important;
}
#colibri .h-navigation_sticky .style-42 > div > .colibri-menu-container > ul.colibri-menu > li > a, #colibri .h-navigation_sticky.style-42 > div > .colibri-menu-container > ul.colibri-menu > li > a {
	color: #00c096 !important;
}
#colibri .style-42 > div > .colibri-menu-container > ul.colibri-menu > li:hover > a, #colibri .style-42 > div > .colibri-menu-container > ul.colibri-menu > li.hover > a {
    color: #00c096 !important;
}

/*Fin paginas*/
/*Fin Menu superior*/

/*Circulos de la pagina principal */

#colibri .style-244-icon {
    fill: #f2fcf7;
    background-color: #00c096;
}

/* Fin circulos pagina ppal*/
/* Botones */

#colibri .woocommerce-store-notice, #colibri.woocommerce .content .h-section input[type=submit], #colibri.woocommerce-page .content .h-section input[type=button], #colibri.woocommerce .content .h-section input[type=button], #colibri.woocommerce-page .content .h-section .button, #colibri.woocommerce .content .h-section .button, #colibri.woocommerce-page .content .h-section a.button, #colibri.woocommerce .content .h-section a.button, #colibri.woocommerce-page .content .h-section button.button, #colibri.woocommerce .content .h-section button.button, #colibri.woocommerce-page .content .h-section input.button, #colibri.woocommerce .content .h-section input.button, #colibri.woocommerce-page .content .h-section input#submit, #colibri.woocommerce .content .h-section input#submit, #colibri.woocommerce-page .content .h-section a.added_to_cart, #colibri.woocommerce .content .h-section a.added_to_cart, #colibri.woocommerce-page .content .h-section .ui-slider-range, #colibri.woocommerce .content .h-section .ui-slider-range, #colibri.woocommerce-page .content .h-section .ui-slider-handle, #colibri.woocommerce .content .h-section .ui-slider-handle {
	background-color: #00c096 !important;
    border-top-color: #00c096 !important;
    border-right-color: #00c096 !important;
    border-bottom-color: #00c096 !important;
    border-left-color: #00c096 !important;
}
.wp-block-button .wp-block-button__link:not(.has-background), .wp-block-file .wp-block-file__button {
    background-color: #00C096;
    background-image: none;
}
.wp-block-button .wp-block-button__link:not(.has-background):hover, .wp-block-button .wp-block-button__link:not(.has-background):focus, .wp-block-button .wp-block-button__link:not(.has-background):active, .wp-block-file .wp-block-file__button:hover, .wp-block-file .wp-block-file__button:focus, .wp-block-file .wp-block-file__button:active {
    background-color: rgb(0, 107, 84);
    background-image: none;
}
/* Fin botones */
/* Precios */
#colibri.woocommerce-page .content .h-section .price, #colibri.woocommerce .content .h-section .price {
    color: #00c096 !important;
}
#colibri.woocommerce ul.products li.product h2:hover {
    color: #00C096;
}
/* Fin precios */

#colibri .style-259 {
    background-color: #00c096;
    border-top-color: #00c096;
    border-right-color: #00c096;
    border-bottom-color: #00c096;
    border-left-color: #00c096;
}
#colibri .style-329 {
    color: #fff;
    background-color: #00c096;
    border-top-color: #00c096;
    border-right-color: #00c096;
    border-bottom-color: #00c096;
    border-left-color: #00c096;
}
#colibri .style-332 {
    border-top-color: rgb(224, 225, 225);
    border-right-color: rgb(224, 225, 225);
    border-bottom-color: rgb(224, 225, 225);
    border-left-color: rgb(224, 225, 225);
    background-color: #f2fcf7;
}
#colibri .style-335-icon {
    fill: #00e799;
    border-top-color: #00e799;
    border-right-color: #00e799;
    border-bottom-color: #00e799;
    border-left-color: #00e799;
    
}
#colibri .style-337 p, #colibri .style-337 h1, #colibri .style-337 h2, #colibri .style-337 h3, #colibri .style-337 h4, #colibri .style-337 h5, #colibri .style-337 h6 {
    color: #00e799;
}
body p {
    color: rgb(70, 112, 127);
}
#colibri .style-401 {
    color: #fff;
    background-color: #00e799;
    border-top-color: #00e799;
    border-right-color: #00e799;
    border-bottom-color: #00e799;
    border-left-color: #00e799;
 
}
#colibri .style-533 a, #colibri .style-533 .colibri-post-category {
     color: #00c096;
}
#colibri .style-538 a {
    color: rgb(74, 252, 163);
}
#colibri .style-441 {
    background-color: #00c096;
    color: #fff;
    border-top-color: #00c096;
    border-right-color: #00c096;
    border-bottom-color: #00c096;
    border-left-color: #00c096;
}
#colibri .style-42 > div > .colibri-menu-container > ul.colibri-menu li > ul > li:hover, #colibri .style-42 > div > .colibri-menu-container > ul.colibri-menu li > ul > li.hover {
    background-color: #80C0B2;
}
#colibri .style-42 > div > .colibri-menu-container > ul.colibri-menu li > ul > li:hover > a, #colibri .style-42 > div > .colibri-menu-container > ul.colibri-menu li > ul > li.hover > a {
    color: #FFF !important;
}

/*****************
FIN Cambio de colores
*****************/
/* Estilos del footer */
.footer {
    background-color: #e6f9f4; /* Verde muy claro */
    color: #333;
    padding: 20px 0;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2); /* Sombra más visible */
}

.footer .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 20px; /* Padding para centrar las columnas */
	position: relative; /* Necesario para las líneas de separación */
}

.footer-column {
    flex: 1;
    min-width: 200px;
    margin: 10px;
	position: relative; /* Necesario para las líneas de separación */
}

.footer-column h2 {
    margin-top: 0;
    font-size: 1.2em; /* Tamaño de texto menor para el título */
}
.footer-column ul{
	list-style: none;
}
.footer-column li{
	font-size: 0.8em; /* Tamaño de texto menor para el contenido */
}
.footer-column p {
    font-size: 0.9em; /* Tamaño de texto menor para el contenido */
}

.footer-column a {
    color: #00c096; /* Color de enlaces en verde */
}
/* Estilo para las líneas de separación */
.footer-column:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 20px; /* No llega hasta arriba del todo */
    bottom: 20px; /* No llega hasta abajo del todo */
    right: 0;
    width: 1px;
    background-color: rgba(0, 0, 0, 0.1); /* Color de la línea de separación */
	display: block; /* Asegura que se muestre */
}
.footer-copyright-container {
    text-align: center;
    padding: 10px 0;
    background-color: #f8f8f8;
    color: #666;
    font-size: 0.8em; /* Tamaño de texto menor para el copyright */
    box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.1); /* Sombra más sutil para copyright */
}

.footer-copyright {
    margin: 0;
}

@media (max-width: 768px) {
    .footer .container {
        flex-direction: column;
        align-items: center;
        padding: 0; /* Sin padding en dispositivos móviles */
    }
    
    .footer-column {
        max-width: 100%;
        text-align: center;
    }
    
    .footer-copyright-container {
        text-align: center;
    }
	.footer-column p {
    	font-size: 1.2em; /* Tamaño de texto menor para el contenido */
	}
	.footer-column h2 {
    	font-size: 1.5em; /* Tamaño de texto menor para el título */
	}
	.footer-column li{
		font-size: 1em; /* Tamaño de texto menor para el contenido */
	}
}
/* Fin pie de pagina */