/* ===================================================================================

Theme Name: Gerold Child
Theme URI: http://gerold.themejunction.net/
Author: Theme Junction
Author URI: https://themeforest.net/user/theme-junction/portfolio
Description: Gerold is a Personal Portfolio WordPress Theme.
Version: 1.0.0
Template: gerold
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
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

We encourage you to create Child theme for any modifications you will want to do.

Why use Child theme?

Because of future updates we may provide for this theme that will overwrite your
modifications and all your custom work.

If you are not familiar with Child Themes, you can read about it here:
http://codex.wordpress.org/Child_Themes
http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */


/* ########## HEADER ########## */
.header-media .social-icons li a i {
    font-size: 30px;
}
.header-media .social-icons li a{
	border: none;
}

.tj-header-area .header-button {
    margin-left: 0px;
}
.tj-header-area .header-menu ul > li > a {
    font-size: 16px;
}

.elementor-1380 .elementor-element.elementor-element-253540b .header-menu ul > li > .sub-menu > li > a:hover {
    color: #fff091 !important;
}

/* BTN Instagram */
.social-icons li a i {
    color: white;
    background: #8750f7;
    padding: 10px;
    border-radius: 50%;
}

.social-icons li a i:hover {
    transform: scale(1.1); 
}

/* HEADER PAGINAS INTERNAS */
.elementor-3450 .elementor-element.elementor-element-e62a4d2 .header-menu ul:not(.sub-menu) > li:hover > a{
	border: none !important; 
}


/* ########## HOME ########## */
#img-perfil-home img:hover {
    border: 2px solid #8750f7;
}

/* BLOQUE SERVICIOS Home */
.serviciosHome:hover {
	background: #382464;
	border-radius: 20px;
}
.serviciosHome:hover p {
    color: white !important;
}

/* Submenu  */
.tj-header-area .header-menu ul > li > .sub-menu {
	background-color: white;
}

/* ICONOS HOME */
.caja-icon-home span.elementor-icon {
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
    border-radius: 100%;
}

/* Timeline Home */

.light-mode .homeTimeline .works-item::before {
    background: #fff091 !important;
}

/* ########## SOBRE MI ########## */
.box-text-sobremi .editor_text:hover {
    color: white !important;
}
.box-text-sobremi:hover {
    color: white !important;
}
/* TIMELINE Sobre Mi*/
.timeline-sobremi .ekit-wid-con .vertical-timeline .single-timeline:hover .timeline-item {
    background: #382464;
    color: white;
}
.timeline-sobremi .ekit-wid-con .vertical-timeline .single-timeline:nth-child(odd):hover .timeline-pin {
    border-color: #382464 #382464 transparent transparent;
}
.timeline-sobremi .ekit-wid-con .vertical-timeline .single-timeline:nth-child(even):hover .timeline-pin {
    border-color: transparent transparent #382464 #382464;
}


/* ########## FOOTER ########## */



/* ########## FORMULARIO CONTACTO ########## */

.contact-form-box.style-5 .tj-contact-form .form_group label {
    text-transform: capitalize !important;
}
/*
.btn.tj-btn-primary {
    background-color: #7469ff !important;
    background-image: none !important;
}
*/

/* ########## GENERAL ########## */
.bloque-amarillo {

	border-radius: 15px;
	padding: 15px;
	background-color: #FFFADD;
}


/* TESTIMONIOS MOVIL */

@media (max-width: 768px) {
	.tj-testimonial-7-icon {
    	display: none;
	}
    .tj-testimonial-7-paragraph {
    	display: none;
	}
	
    .light-mode .tj-testimonial-7-wrapper {
        height: 600px !important;
    }
}


/* Menú Móvil */

.bottom-menu-container {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #F6F3FC;
    z-index: 9999;
    text-align: center;
    padding: 20px 0;
    display: none; /* Oculto por defecto */
    
    justify-content: space-around;
    align-items: center;
	border-top: 2px solid #7469ff;
}

.btn-header-numero,
.btn-bottom-mobile-container,
.whats-container {
    display: flex;
    align-items: center;
}

.bottom-menu-container a {
    color: #7469ff; /* Cambia esto al color que prefieras */
    text-decoration: none;
    font-size: 16px; /* Ajusta el tamaño del texto según tus preferencias */
    display: flex;
    align-items: center;
}

.bottom-menu-container img {
    margin-right: 8px; /* Espacio entre el icono y el texto */
}

.bottom-menu-container a:hover {
    color: #ccc; /* Cambia esto al color que prefieras para el hover */
}

.bottom-menu-container i{
    font-size:20px;
}

/* Mostrar solo en dispositivos móviles */
@media (max-width: 768px) {
    .bottom-menu-container {
        display: flex;
    }
}

@media (min-width: 769px) {
    .bottom-menu-container {
        display: none;
    }
}

/* ------------- COOKIES ------------- */
@media (max-width: 768px) {
    .cky-revisit-bottom-left {
        bottom:70px!important;
    }
    .joinchat__button{
        display:none;
    }
}