/*
Theme Name: Astra Child
Theme URI: https://construdemy.com/
Template: astra
Author: Michael Jiuminer
Author URI: https://construdemy.com/
Description: Este es mi tema hijo
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.0.2 - 1.1675877142
Updated: 2023-02-08 17:25:42

*/


/* Fijar el menu elementor header */
.elementor.elementor-994 {
  position: fixed;
  width: 100%;
}

/* Ocular boton de Mi cuenta cuando estoy desconectado en dispositivo de Escritorio y movil*/
.btn_mi_cuenta {
	display:none !important;
}

.logged-in .btn_mi_cuenta {
	display:block !important;
}

/* Ocular login mediante lista de deseos de pagina de cada curso al estar desconectado */
.tutor-btn.tutor-btn-ghost.tutor-course-wishlist-btn.tutor-mr-16 {
	display:none !important;
}

.logged-in .tutor-btn.tutor-btn-ghost.tutor-course-wishlist-btn.tutor-mr-16 {
	display:block !important;
}

.tutor-course-details-actions.tutor-mt-12.tutor-mt-sm-0 {
  display: flex;
}

/*  justificar contenido pagina de inicio ¿Por que aprender con construdemy?  */
.elementor-image-box-description {
  text-align: justify;
}

/* <----------------------------------------Carrusel de pagina de incio-------------------------------------------> */
/* Ocultar la palabra "en" del carrusel de los cursos pagina de inicio */
.etlms-course-category-meta.tutor-meta-key {
  display: none !important;
}

/* Decorar la categoria de los cursos */
.etlms-course-category-meta.tutor-meta-value {
  background-color: #3E64DE;
  padding: 0.2rem;
  border-radius: 0.2rem;
  color: white;
  pointer-events: none; 
  cursor: default;
}

.etlms-course-category-meta.tutor-meta-value:hover {
  color: white;
  pointer-events: none; 
  cursor: default;
}

/* <----------------------------------------Fin-------------------------------------------> */

/* Realizar un margin-top en la seccion de reproduccion de las clases de los cursos*/
.tutor-course-single-content-wrapper {
  margin-top: 3rem;
}

/* Eliminar el Scroll Lateral en móviles */
html, body {
    width: 100%!important;
    overflow-x: hidden!important;
}

/* Alinear con display block al recuerdame y ¿has olvidado tu contraseña? */
.xoo-aff-group.xoo-el-login-btm-fields {
  display: block;
}

/* Centrar los textos de los botones del  modal iniciar sesion y registro y establecer contraseña  */
.menu-toggle, button, .ast-button, .ast-custom-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"], form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button, body .wp-block-file .wp-block-file__button, .search .search-submit {
  padding-top: 0px;
  padding-bottom: 0px;	
}

/* <----------------------------------------Pagos-------------------------------------------> */
/* Ocultar boton de actualizar carrito  */
.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] {
  cursor: default !important;
  opacity: 0 !important;
}

/* Ocultar cantidad del carrito */
.product-quantity {
  display: none !important;
}

/* Estilo de carrito 
.woocommerce-cart-form {
  background-color: white;
  border: solid 1px;
  border-radius: 5px;
  border-color: #d4d4d4;
  margin-bottom: 40px;
}

/* Disminuir el tamaño del carrito de compras con margin-bottom 
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents {
  margin-bottom: 0px;
}

/* Estilo de cupon impunt carrito
#coupon_code {
  border: solid 1px;
  border-radius: 5px;
  border-color: #d4d4d4;
}

/* Estilo de total de carrito de compras
.woocommerce-cart .cart-collaterals .cart_totals, .woocommerce-cart .cart-collaterals .cross-sells {
  padding: 20px 20px 0px 20px;
  border: solid 1px;
  border-radius: 5px;
  border-color: #d4d4d4;
  background-color: white;
}

/* Estilo de boton de total de carrito
.checkout-button.button.alt.wc-forward.wp-element-button {
  border-radius: 10px;
  padding: 10px;
}

/* Estilo de nombre de ¿ya eres cliente?  ¿tiene una cupon? finalizar compra */
.woocommerce-info {
  background-color: white;
}

/* Estilo de login de finalizar compra */
.woocommerce-form.woocommerce-form-login.login {
  background-color: white;
  padding: 20px 20px 20px 20px;
  margin-bottom: 40px;
  border: solid 1px;
  border-color: #d4d4d4;
}

/* Ocultar boton de olvidaste la contraseña */
.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
  display: none;
}

/* Ocultar boton de recuerdame */
.lost_password {
	display: none;
}

/* Estilo de cupon de finalizar compra*/
.woocommerce form.checkout_coupon {
  margin: 0 0 40px;
  border: solid 1px;
  border-color: #d4d4d4;
  padding: 20px 20px 2em;
  background-color: white;
}

/* Estilo de boton de cupon de finalizar compra */
.woocommerce a.button, .woocommerce button.button, .woocommerce .woocommerce-message a.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce input.button, .woocommerce-cart table.cart td.actions .button, .woocommerce form.checkout_coupon .button, .woocommerce #respond input#submit, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link {
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border-bottom-left-radius: 50px;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
}

/* Estilo de borde en detalles de facturacion */
#customer_details {
  padding: 20px;
  border: solid 1px;
  border-color: #d4d4d4;		
  background-color: white;
}

/* Estilo de borde en imput en detalles de facturacion */
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    border: solid 1px;
	border-radius: 5px;
	border-color: #d4d4d4
}

/* Estilo de nombre de detalle de pedido  */
form #order_review_heading:not(.elementor-widget-woocommerce-checkout-page #order_review_heading) {
  background-color: white;
  border-top: solid 1px;
  border-left: solid 1px;
  border-right: solid 1px;
  border-color: #d4d4d4;
}

/* Color de nombre del curso detalles de pedido */
.product-name {
  color: black;
}

/* padding de borde en detalles de pedido */
form #order_review:not(.elementor-widget-woocommerce-checkout-page #order_review) {
  padding: 0 2em 2em 2em;
}

/* Estilo de borde en detalles de pedido */
form #order_review:not(.elementor-widget-woocommerce-checkout-page #order_review) {
  border: solid 1px;
  border-color: #d4d4d4;
  background-color: white;
}

/* Quitar el padding al los botones de medio de pago */
.woocommerce-page.woocommerce-checkout #payment div.form-row, .woocommerce.woocommerce-checkout #payment div.form-row {
  padding: 0 0 0;
}

/* <--------------------------------------Carrito de compras modal--------------------------------------> */
/* carrito */
.elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-mini-cart .elementor-menu-cart__main {
	min-width: 375px
}

/* <--------------------------------------Pagina de Cursos--------------------------------------> */
/* pagina de cursos */
.ast-single-post .entry-content a, .ast-comment-content a:not(.ast-comment-edit-reply-wrap a) {
  text-decoration: none;
}

/* <--------------------------------------Pagina de cada Curso--------------------------------------> */
/* lista de contenido del curso desconectado*/
@media (max-width:768px){
.tutor-course-content-list-item-status.tutor-icon-lock-line.tutor-color-muted.tutor-ml-20 {
  display: grid;
	}
}

/* lista de contenido del curso conectado*/
@media (max-width:768px){
.tutor-course-content-list-item-status.tutor-icon-eye-line.tutor-color-muted.tutor-ml-20 {
  display: grid;
	}
}

/* Docente y categoria*/
@media (max-width:550px){
.tutor-col {
  	flex: auto;
	}
.tutor-meta.tutor-course-details-info {
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
	}
}

/* Ocultar enlace de la categoria y instructor de los cursos */
.tutor-meta.tutor-course-details-info {
  pointer-events: none; 
  cursor: default;
}

/* justificar Acerca del curso */
.tutor-course-details-content {
  text-align: justify;
}

/* justificar ¿Que aprenderas? 
.tutor-course-details-widget.tutor-course-details-widget-col-2.tutor-mt-lg-50.tutor-mt-32 {
  text-align: justify;
}*/

/* justificar Requisitos y Audiencia
.tutor-course-details-widget {
  text-align: justify;
}

/* Justificar anuncios del curso */
#tutor-course-details-tab-announcements {
  text-align: justify;
}

/* Informacion del curso, como nivel, total de inscritos, duracion, etc...  */
span.tutor-fs-6.tutor-color-secondary {
    font-size: 14px;
}

.tutor-card-md .tutor-card-footer {
  padding: 24px 0px 15px 15px;
}

/* Padding top y bottom (arriba , abajo) */
.tutor-wrap-parent {
  padding-top: 20px;
  padding-bottom: 80px;
}

/* Posicionar por de bajo de todo al sticky barra de informacion del curso */
.tutor-course-details-page .tutor-course-details-tab .tutor-is-sticky {
    z-index: 0;
  }

/*<---------------------Banner portada------------------------>*/
/* banner animado*/
.graphic {
  position: relative;
  display: grid;
  padding-top: 3rem;
  grid-template-columns: 1fr 75%;
}

.graphic-man {
  width: 100%;
  grid-column-start: 2;
}

.absolute {
  position: absolute;
}

.graphic-go {
  position: absolute;
  width: 27%;
  mix-blend-mode: screen;
  top: 34%;
  right: 0%;
  transform: rotate(10deg);
}

.graphic-circles {
  width: 100%;
  height: 100%;
  mix-blend-mode: screen;
  aspect-ratio: 1 / 1;
}

.graphic-energy {
  animation: turn1 10s linear infinite;
  mix-blend-mode: screen;
}

.graphic-circle-2 {
  animation: turn1 26s linear infinite;
  mix-blend-mode: screen;
}

.graphic-circle-1 {
  animation: turn2 16s linear infinite;
  mix-blend-mode: screen;
}

@keyframes turn1 {
  to {
    transform: rotate(1turn);
  }
}
@keyframes turn2 {
  to {
    transform: rotate(-1turn);
  }
}

/* Estilo de texto en banner*/
.line-1 {
    color: #f8e472;
}

.line-2 {
    color: #16f4d0;
}

.line-total {
    line-height: 1.2em;
}

/*<-------------------- Entérate de todas las novedades en educación para  ingeniería y construcción ------------------------>*/
/* Suscribirme */
.elementor-form-fields-wrapper {
  display: flex;
  flex-wrap: nowrap;
}

.elementor-field-group.elementor-column.elementor-field-type-submit.elementor-col-100.e-form__buttons {
  max-width: fit-content;
}

/*<-------------------- Boton Mi cuenta menu perfil usuario ------------------------>*/
/* Mi cuenta */
/* menu */

#menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* items del menu */

#sub-menu-ul li {
  background-color: #031a34;
}

/* enlaces del menu */

#menu ul a {
  display: block;
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  font-size: 15px;
  padding: 10px;
  font-family: "roboto", "roboto bold";
  letter-spacing: 1px;
}

/* items del menu */

#menu ul li {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
}

/* efecto al pasar el ratón por los items del menu */

#menu ul li .efecto-color:hover {
  color: #3284EF;
}

/* menu desplegable */

#menu ul ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: transparent;
  padding: 0;
  padding-top: 20px;
}

#menu ul ul .div_espaciado_menu {
  padding: 2px;
  border-radius: 5px;
  background: #54595F;

}

/* items del menu desplegable */

#menu ul ul li {
  float: none;
  width: 250px;
}

/* enlaces de los items del menu desplegable */

#menu ul ul a {
  line-height: 120%;
  padding: 10px 15px;
}

/* items del menu desplegable al pasar el ratón */

#menu ul li:hover > ul {
  display: block;
}

/* color de texto  */
#sub-menu-ul li .sub-menu-user {
  color: #fff;
  padding: 15px;
  padding-left: 15px;
}

.btn-boton-user {
  cursor: pointer;
  font-size: 19px;
  font-weight: 500;
  padding: 4px 15px 4px 15px;
  background: #161616;
  color: #ffffff;
  font-family: "roboto";
}

#menu ul a span {
  color: #3e64de;
}

.btn-boton-user:hover {
  color: #3284EF;
  background: #161616;
}

.btn-boton-user:hover::before {
  content: "";
  border-bottom: 3px solid #3284EF;
  bottom: -2px;
  left: 0;
  transition: .1s;
  width: 100%;
  position: absolute;
}

/*<-------------------- Pagina de Docente ------------------------>*/
/* almpliar Cuadricula de cursos del decente */

.tutor-user-public-profile .tutor-user-profile-content {
  width: calc(100% - 0px);
  float: right;
  margin-bottom: 30px;
  padding-left: 30px;
}

/*<-------------------- Boton carrito de compras del menu de la pagina de inicio ------------------------>*/
/* boton de carrito de compras */

#elementor-menu-cart__toggle_button:focus {
  outline: none;
}

/*<-------------------- Ocultar cabecera en pagina de certificado ------------------------>*/
/* Ocultar cabecera en pagina de certificado

#ast-desktop-header {
  display: none;
}


/*<-------------------- busqueda de cursos pagina de Inicio ------------------------>*/
/* desactivar puntero */

.jet-ajax-search__results-count {
  pointer-events: none;
}

/* <--------------------------------------botom de whatsapp--------------------------------------> */
/* cambiar posicion cuando esta en movil */
@media (max-width:428px){
.wa__btn_popup_icon {
  position: absolute;
  right: -25px;
  bottom: 1px;
	}
}

/* ocultar Texto de la etiqueta del widget */
@media (max-width:428px){
.wa__btn_popup .wa__btn_popup_txt {
  position: fixed;
	}
}

/* <--------------------------------------Modal de inscribirse ahora en la pagina de cada curso--------------------------------------> */
/* ocultar registro */
.tutor-text-center.tutor-fs-6.tutor-color-secondary.tutor-mt-20 {
  display: none;
}

/* ocultar contraseña olvidada
.tutor-btn.tutor-btn-ghost {
  color: white;
  pointer-events: none;
}

/* ocultar login social */
.the_champ_social_login_title {
  display: none;
}

.the_champ_login_ul {
  display: none;
}

/* ocultar recuerdame */
.tutor-form-check {
  display: none;
}

/* centrar titulo modal */
.tutor-fs-4.tutor-fw-medium.tutor-color-black.tutor-mb-32 {
  text-align: center;
}

/* restaurar mostrar mas a causa de usar el codigo de contraseña olvidada */
.tutor-toggle-btn-icon.tutor-icon.tutor-icon-plus.tutor-mr-8 {
  pointer-events: auto;
  color: #757c8e;
}

.tutor-toggle-btn-text {
  pointer-events: auto;
  color: #757c8e;
}

.tutor-toggle-btn-icon.tutor-icon.tutor-icon-minus.tutor-mr-8 {
  pointer-events: auto;
  color: #757c8e;
}

.tutor-toggle-more-collapsed::before {
  background: none;
}

/* <-----------------------------------------------------------------menu deslizante para movil--------------------------------------------------------> */
/* z-index */
.notificationx-shortcode-wrapper > .nx-bar.nx-sticky-bar, .nx-bar.nx-sticky-bar {
  z-index: 2;
}

/* <-----------------------------------------------------------------Pagina Mi cuenta (escritorio)--------------------------------------------------------> */
/* mostrar imagen completa de cursos en progreso */
.tutor-ratio > img {
  object-fit: fill;
}

/* <-----------------------------------------------------------------Notification X--------------------------------------------------------> */
/* olcultar el boton de cursos en movil */
@media (max-width:428px){
.elementor-button.elementor-button-link.elementor-size-xs {
  display: none;
	}
}

/* disminuir el padding del boton de cursos en movil */
.elementor-section.elementor-top-section.elementor-element.elementor-element-3114336d.elementor-section-content-middle.elementor-section-stretched.elementor-section-boxed.elementor-section-height-default {
  padding-bottom: 0px;
}

/* boton close mejorar posicion */
.notificationx-shortcode-wrapper > .nx-bar .nx-bar-inner .notificationx-close, .nx-bar .nx-bar-inner .notificationx-close {
  line-height: 0px;
}


/* <-----------------------------------------------------------------youtube - Ocultar videos relacionados al finalizar el video --------------------------------------------------------> */
/* videos relacionados */
.ytp-ce-element.ytp-ce-video {
  display: none;
}

/* boton de suscripciones */
.ytp-ce-element.ytp-ce-channel.ytp-ce-channel-this.ytp-ce-medium-round.ytp-ce-bottom-left-quad {
  display: none;
}

/*.tutor-dashboard-menu-item.tutor-dashboard-menu-certificate-builder {
  display: none !important;
}*/

.usuario-especifico .tutor-dashboard-menu-item.tutor-dashboard-menu-certificate-builder,
.usuario-especifico #tutor-create-new-course, .usuario-especifico .tutor-dashboard-menu-item.tutor-dashboard-menu-zoom, .usuario-especifico .tutor-snackbar-wrapper.tutor-snackbar-show {
    display: none !important;
}

/* Pagina para libro de reclamaciones */
.formReclamoText {
	font-weight: bold;
	color: black;
}

.formReclamoSimbolo {
	color: red;
}

.formReclamoTitulo {
	color: black;
}