/* 
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
*/

/*
    Add your custom styles here
/* Icon user */
.icon-user:hover i::before{
	color:var( --e-global-color-accent );
}
/*Ajustes botones*/
form.woocommerce-ordering select.orderby, a.checkout-button.button.alt.wc-forward, form.woocommerce-cart-form button.button, a.button.wc-backward, div.woocommerce-notices-wrapper a.button.wc-forward, button#place_order.button.alt, a.woocommerce-Button.wc-forward.button, a.button.wc-forward, button.woocommerce-Button.button, div.woocommerce-MyAccount-content button.button, button.woocommerce-button.button.woocommerce-form-login__submit, section#shipping-calculator-form button.button{
	background-color:var( --e-global-color-accent );
	color:var( --e-global-color-text );
	padding:14px 25px 14px 25px;
	border-radius:50px;
	font-weight:400 !important;
}
form.woocommerce-ordering select.orderby:hover, a.checkout-button.button.alt.wc-forward:hover, form.woocommerce-cart-form button.button:hover, a.button.wc-backward:hover, div.woocommerce-notices-wrapper a.button.wc-forward:hover, button#place_order.button.alt:hover, a.woocommerce-Button.wc-forward.button:hover, a.a.button.wc-forward:hover, button.woocommerce-Button.button:hover, div.woocommerce-MyAccount-content button.button:hover, button.woocommerce-button.button.woocommerce-form-login__submit:hover, section#shipping-calculator-form button.button:hover{
	background-color:var( --e-global-color-primary );
	color:var( --e-global-color-accent );
}
form.woocommerce-EditAccountForm.edit-account button.woocommerce-Button.button{
	margin-top:20px;
}
@media(max-width:1023px){
	form.woocommerce-ordering select.orderby, a.checkout-button.button.alt.wc-forward, form.woocommerce-cart-form button.button, a.button.wc-backward, div.woocommerce-notices-wrapper a.button.wc-forward, button#place_order.button.alt, a.woocommerce-Button.wc-forward.button, a.button.wc-forward, button.woocommerce-Button.button, div.woocommerce-MyAccount-content button.button, button.woocommerce-button.button.woocommerce-form-login__submit, section#shipping-calculator-form button.button{
		padding:12px 22px 12px 22px;
	}
}
@media(max-width:666px){
	form.woocommerce-ordering select.orderby, a.checkout-button.button.alt.wc-forward, form.woocommerce-cart-form button.button, a.button.wc-backward, div.woocommerce-notices-wrapper a.button.wc-forward, button#place_order.button.alt, a.woocommerce-Button.wc-forward.button, a.button.wc-forward, button.woocommerce-Button.button, div.woocommerce-MyAccount-content button.button, button.woocommerce-button.button.woocommerce-form-login__submit, section#shipping-calculator-form button.button{
		padding:11px 18px 11px 18px;
	}
}
.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-button.ld-button-transparent:hover{
	outline-color:transparent !important;
}
/*Cuadros blancos wc*/
.woocommerce-error, .woocommerce-info, .woocommerce-message{
	background-color:var( --e-global-color-820b05a );
	color:var( --e-global-color-text );
}
/*H2 Carrito*/
.cart_totals h2{
	font-size:36px !important;
}
/*Ajustes de LD*/
.site-main.post-2132.sfwd-courses.type-sfwd-courses.status-publish.has-post-thumbnail.hentry{
	padding: 100px 0px;
}
@media(max-width:1023px){
	.site-main.post-2132.sfwd-courses.type-sfwd-courses.status-publish.has-post-thumbnail.hentry{
		padding: 100px 0px 80px 0px;
	}
	/*H2 Carrito*/
.cart_totals h2{
	font-size:32px !important;
}
}
@media(max-width:666px){
	.site-main.post-2132.sfwd-courses.type-sfwd-courses.status-publish.has-post-thumbnail.hentry{
		padding: 120px 30px 70px 30px;
	}
	/*H2 Carrito*/
.cart_totals h2{
	font-size:28px !important;
}
}
/*

.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item-section-heading .ld-lesson-section-heading{
	color:var(--e-global-color-73de3de);
}
*/
/*h1*/
.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content h1, main.site-main.post-2132.sfwd-courses.type-sfwd-courses.status-publish.has-post-thumbnail.hentry div h1{
	font-size:var( --e-global-typography-bad71c9-font-size );
	font-weight:var( --e-global-typography-bad71c9-font-weight );
	text-align:center;
	color:var( --e-global-color-accent ) !important;
}
/*Fondos azules*/
body.ld-in-focus-mode .learndash-wrapper, .learndash-wrapper .ld-focus .ld-focus-sidebar, .learndash-wrapper .ld-focus .ld-focus-header, .learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo, .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item  {
	background-color:var(--e-global-color-73de3de) !important;
}
/*borde blanco*/
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item, a.ld-button.ld-button-transparent {
    border-bottom: 1px solid var( --e-global-color-c8e8669 ) !important;
}
/*color blanco*/
div.ld-lesson-title, span.ld-text, ol.ld-breadcrumbs-segments a,.learndash-wrapper .ld-breadcrumbs a, a.ld-primary-color.ld-course-step-back{
	color: var( --e-global-color-c8e8669 ) !important;
}
a.ld-button.ld-button-transparent{
	border: 1px solid var( --e-global-color-c8e8669 ) !important;
}
/*fondo transparentoso*/
div.ld-lesson-status, div.learndash-wrapper .ld-item-list .ld-item-list-item{
	background:var( --e-global-color-820b05a ) !important;
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-expanded .ld-progress{
	background:transparent !important;
}
div.learndash-wrapper .ld-item-list .ld-item-list-item{
	border:none !important
}
div.ld-item-title{
	color:var( --e-global-color-c8e8669 ) !important;
}
nav.ld-breadcrumbs{
	background:#ffffff00 !important;
}

/*fondo dorado*/
 .learndash-wrapper .ld-button:not([disabled]):not(.ld-button-reverse):not(.ld-button-transparent):not(.ld--ignore-inline-css) a.ld-button{
	background-color:var( --e-global-color-accent ) !important;
}
/*Color dorado*/
.learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-title, .learndash-wrapper .ld-course-navigation .ld-lesson-item-section-heading .ld-lesson-section-heading{
	color:var( --e-global-color-accent ) !important;
}

/*Botones contenido learndash*/
.wp-block-file__button.wp-element-button{
	color:var( --e-global-color-c8e8669 ) !important;
	background-color:var( --e-global-color-accent ) !important;
}
.wp-block-file__button.wp-element-button:hover{
	background-color: var(--e-global-color-primary) !important;
    color: var(--e-global-color-accent) !important;
	opacity: 1 !important;
}
/*borde en header*/
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-action, .learndash-wrapper .ld-focus .ld-focus-header .ld-progress{
	border-right:0px !important;
}

/*Icono boton completar lección*/
.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-content-actions .ld-content-action {
    flex-basis: 220px !important;
}
.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .learndash_mark_complete_button{
	padding:12px 24px 12px 12px !important;
}
/**/
div.ld-alert.ld-alert-success.ld-alert--step-completed{
		background:var( --e-global-color-820b05a ) !important;
}
div.ld-alert-messages{
	color: var( --e-global-color-c8e8669 ) !important;
}

/*inicio ajuste de fondos*/
/* Envuelve el select en un contenedor relativo para posicionar el icono */
.woocommerce-ordering {
  position: relative; /* Importante para que el icono absoluto se posicione respecto a este */
  display: inline-block; /* Ocupa solo el espacio necesario */
  /* Otros estilos para el contenedor si los necesitas, pero sin afectar al select directamente */
}

/* Estilos para el select */
.woocommerce-ordering .orderby {
  /* Oculta la flecha nativa del select */
  -webkit-appearance: none; 
  -moz-appearance: none; 
  appearance: none;
  padding: 0 30px 0 10px; 
  margin: 0;
  border-radius: 20px; 
  color: var( --e-global-color-text ); 
  line-height: 1.5; 
  min-height: 40px; 
  width: 250px; 
  position: relative;
  z-index: 2; 
}

/* El pseudo-elemento para el icono (tu flecha personalizada) */
.woocommerce-ordering::after {
  content: '▼'; 
  position: absolute;
  right: 10px; 
  top: 50%; 
  transform: translateY(-50%); 
  pointer-events: none; 
  z-index: 3; 
  
  color: var( --e-global-color-text ); 
  font-size: 14px; 
}

/* Hover sobre el contenedor del select */
.woocommerce-ordering:hover::after {
  color: var( --e-global-color-accent ); 
}
