/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/** Estilo de los links en <P> **/
p a {
	color: var( --e-global-color-secondary );
	font-weight: 600;
	border-bottom: solid 2px #E350B840;
	transition: all 0.3s ease;
}
p a:hover{
	color: var( --e-global-color-secondary );
	border-color: var( --e-global-color-secondary );
}
/** FIN Estilo de los links en <P> **/

/** Hacer el menú horizontal con scroll **/
.horizontal ul{
    white-space: nowrap;
    overflow-x: auto; 
    overflow-y: hidden;
    flex-wrap: inherit !important;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}
.horizontal ul::-webkit-scrollbar {
    display: none;
}
/** Fade en los bordes **/
.horizontal li.menu-item:first-child{
    padding-left: 16px;
}
.horizontal li.menu-item:last-child{
    padding-right: 24px;
}
.horizontal nav.elementor-nav-menu--main::after{
    background-image: linear-gradient(270deg,#f7f7f7 20%,hsla(0,0%,94.1%,0));
    right: -16px;
    width: 24px;
}
.horizontal nav.elementor-nav-menu--main::before{
    background-image: linear-gradient(90deg,#f7f7f7 30%,hsla(0,0%,94.1%,0));
    left: -16px;
    width: 16px;
}
.horizontal nav.elementor-nav-menu--main::after, .horizontal nav.elementor-nav-menu--main::before{
    content: " ";
    height: 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: 3;
}
/** FIN Hacer el menú horizontal con scroll **/