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

/* cambios css solo para móviles y modo vertical */
@media only screen and (max-device-width: 1200px) and (orientation: portrait) {
	.joinchat__button { 
		bottom: 140px;
	}

	.zopim {
		z-index: 10 !important;
		bottom: 100px !important;
	}
}

@media only screen and (min-width: 1201px)  {
	.joinchat__button { 
		bottom: 50px;
	}
}

/* Modifiaciones GDPR Cookie Consent por Lolo Marchal  */

#cookie-law-info-bar a, .wt-cli-element a, .wt-cli-element a, .cli_settings_button a {
	border-radius: 3px !important;
	padding: 12px 12px !important;
	margin: 5px 5px 5px 5px !important;
	border: none !important;
	font-size: 14px !important;
	font-weight: normal !important;
}

.cli_settings_button a, .wt-cli-element a, .wt-cli-element a, .cli_settings_button a {
	text-decoration: underline !important;
}

.cli_settings_button a, .wt-cli-element a, .wt-cli-element a, .cli_settings_button a {
	text-decoration: underline !important;
}

a.cli-plugin-main-link {
	text-decoration: underline !important;
}

.wt-cli-custom-checkbox label{
	font-weight: normal !important;
}

/* FIN Modifiaciones GDPR Cookie Consent por Lolo Marchal  */

/*------------------------- Modificaciones FOOTER  --------------------------------------------------*/
.lolofooter a {
	color: white;
}

.entradas-footer a{
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}


.entradas-footer a:hover {
	-webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
	color: #f75512 !important;
	border-bottom-width: 1px solid #fff;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transition-timing-function: cubic-bezier(.58,.3,.005,1);
    -o-transition-timing-function: cubic-bezier(.58,.3,.005,1);
    transition-timing-function: cubic-bezier(.58,.3,.005,1);
}

.entradas-footer a:active {	
	color: #f75512 !important;
    border-bottom-width: 1px solid #fff;
    transition: .3s;
    transition-timing-function: cubic-bezier(.58,.3,.005,1);
}

.entradas-footer h4:hover {
	border-bottom: 1px solid #fff;
    transition: .3s;
    transition-timing-function: cubic-bezier(.58,.3,.005,1);
}
/*------------------------- FIN - Modificaciones FOOTER  --------------------------------------------------*/



.woocommerce ul.products li.product .star-rating {
   display:none;
}

/*-------------------------  Modificaciones FICHA DE PRODUCTO ELEMENTOR x LOLO MARCHAL --------------------------------------------------*/

.woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover {
	background-color: grey;
}

table.variations {
	border-radius: 3px;
}

.woocommerce div.product form.cart .variations td.label {
    padding-right: 1em;
    padding-left: 1em;
}

.woocommerce div.product span.price {
    color: #002b46;
    font-size: 1em;
	font-weight: bold;
}

.woocommerce div.product p.price {
	color: #002b46;
	font-weight: bold;
}

ins{
	color: #178D00 !important;
	font-size: 1.25em !important;
	font-weight: bold !important;
	text-decoration: none !important;	
}

.woocommerce span.onsale {
    padding: 5px !important;
	top: -1em !important;
    left: -1em !important;
	background-color: #F05211 !important;
	min-width: 0px !important;
    min-height: 0px !important;
    line-height: 3em !important;
}

.woocommerce div.product .in_stock_color {
    color: #178D00;
}

.woocommerce div.product p.stock {
    font-size: 1em;
	font-weight: bold;
}

/* Botón descargar primer capítulo */
.botondescargalibro {
	color: #002b46 !important;
    background-color: white;
    padding: 10px;
    border: solid 1px #002b46;
    border-radius: 3px;	
	transition: 0.3s;
}

.botondescargalibro:hover {
	color: #fff !important;
    background-color: #002b46;
	transition: 0.3s;
}

a.botonhotmart {
	display:inline-block;
	background-color: #005387;
    background-image: linear-gradient(95deg, var( --e-global-color-primary ) 0%, #005489 100%);
    color: #fff; 
	border: solid 1px #002A44;
	padding: 6px 12px;
	border-radius: 3px;	
	margin: 15px;
	font-weight: bold;
}

a.botonhotmart:hover {
	background-color: #F35311;
    background-image: linear-gradient(95deg, #F35311 0%, #AE3401 100%);
	color: #fff; 

}
/*-------------------------  FIN - Modificaciones FICHA DE PRODUCTO x LOLO MARCHAL --------------------------------------------------*/


/*-------------------------  Modificaciones Coronavirus x LOLO MARCHAL --------------------------------------------------*/
#coronavirus-mini-banner {	
    padding: 25px;
	background: rgb(59,96,166);
	background: linear-gradient(90deg, rgba(59,96,166,1) 0%, rgba(43,49,137,1) 50%);
	box-shadow: 3px 3px #00000036;
    border-radius: 4px;
    color: white;
	transition: 0.5s;
	margin-bottom: 15px;
}

#coronavirus-mini-banner:hover, #coronavirus-mini-banner:focus{
	box-shadow: 5px 5px #00000036;
}

#coronavirus-mini-banner .btn.btn-fullcolor {
	background: #EE7D2D;
	color: white;
	font-size: large;
	text-shadow: none;
    padding: 10px 20px;
    line-height: 1.6;
}

#coronavirus-mini-banner .btn.btn-fullcolor:hover {
	background:#ff6a00;
}

.floating {
	margin-top: 0px;
	animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;        
}

@keyframes floating{
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 15px); }
    to   { transform: translate(0, -0px); }    
}
/*-------------------------  FIN Modificaciones Coronavirus x LOLO MARCHAL --------------------------------------------------*/


/*------------------------- Modificaciones WOOCOMMERCE PRODUCT TABLE x LOLO MARCHAL --------------------------------------------------*/
#wc-deposits-options-form hr.separator {
    display: none;
}


.woocommerce button.button.alt {
    background-color: #005387 !important;
	background-image: linear-gradient(95deg, var( --e-global-color-primary ) 0%, #005489 100%);
    color: #fff; 
}

.woocommerce button.button.alt:hover {
    background-color: #F35311 !important;
	background-image: linear-gradient(95deg, #F35311 0%, #AE3401 100%);
    color: #fff; 
}


#wc-deposits-options-form .deposit-option{
	white-space: normal !important;
}

.wc-product-table td {
	white-space: normal !important;
}

.wc-product-table .stock {
	white-space: normal !important;
}

/*------------------------- FIN - Modificaciones WOOCOMMERCE PRODUCT TABLE x LOLO MARCHAL --------------------------------------------------*/

/*------------------------- Modificaciones Single blog post x LOLO MARCHAL --------------------------------------------------*/



.single-post-categories-widget h5{
	display: none;
}

.single-post-categories-widget a{
	color: black;
}


/*------------------------- FIN - Modificaciones Single blog post x LOLO MARCHAL --------------------------------------------------*/


/*------------------------- Modificaciones Gravity Forms x LOLO MARCHAL --------------------------------------------------*/


.gf_progressbar_title{
    color: #002A44 !important;
	font-size: 16px !important;
	opacity: 1 !important;
}

.ginput_address_zip {
	margin-top: 16px;
}

.gform_submission_error {
	font-size: 20px !important;
}

.validation_message {
	font-size: 16px !important;
}

.gf_progressbar_percentage.percentbar_blue {
    background-color: #002A44 !important;
    color: #fff;
}

.mensaje-destacado {
	background: #065389;
    color: #fff;    
    animation: alertmsg 2.72s ease infinite;
    transform-origin: 50% 50%;
    -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
    padding: 25px !important;
    margin-bottom: 15px;
    clear: both;
    display: block;
    border-radius: 6px;
}

.mensaje-destacado i{
	font-size: 30px;
}

.mensaje-destacado p{
	font-size: 20px;
}

.gform_legacy_markup_wrapper .chosen-container {
	font-size: 16px;
	border-radius: 3px !important;
}

.gform_legacy_markup_wrapper .chosen-container-single .chosen-single {
	font-size: 16px;
	padding: 10px 10px 10px 10px;
	height: 45px;
	border: 2px solid #D9D9D9;
	border-radius: 3px !important;
	box-shadow: none;
}

.gform_legacy_markup_wrapper .chosen-container-single .chosen-single div {    
    width: 20px;        
}

.gform_legacy_markup_wrapper .chosen-container-active.chosen-with-drop .chosen-single div {
	width: 20px;
}

.gform_legacy_markup_wrapper .chosen-container-active.chosen-with-drop .chosen-single div b{
	background-position: -14px 2px;
}

.gform_legacy_markup_wrapper .chosen-container-single .chosen-search {
	padding: 10px;
}

.gform_legacy_markup_wrapper .chosen-container .chosen-results li {    
	padding: 10px;
}

.gform_legacy_markup_wrapper .chosen-container .chosen-results li.highlighted {
    background-color: #D9D9D9;
	background-image: linear-gradient(#002a44 20%,#01426a 90%);
    color: #fff;
	border-radius: 3px;
}

.chosen-container:focus {
	border-width: 3px 3px 3px 3px;
	border-color: #002A44;
}

/*------------------------- FIN Modificaciones Gravity Forms x LOLO MARCHAL --------------------------------------------------*/

/*------------------------- Modificaciones MI CUENTA - MEMBERSHIPS (MATRÍCULAS) x LOLO MARCHAL --------------------------------------------------*/

.woocommerce-account-my-memberships table{
	padding: 30px;
	border-width: 1px 1px 1px 1px;
	box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 30%);
	background-color: white;
	border: 1px solid #002A44 !important;
    border-radius: var(--sections-border-radius,3px);
}

/*  INFORMATICA Ocultar botones Mastrículas (Mi Cuenta), renovar y cancelar de matrículas, y renovar suscripción (Subscriptions)  */
/*.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--members-area {
	display: none !important;
	visibility: hidden;
}*/
.shop_table.shop_table_responsive.my_account_orders.my_account_memberships .membership .membership-plan {
	cursor: default;
	color: black;
    pointer-events: none;     
    text-decoration: none;
}


.membership-actions.order-actions .button.cancel {
	display: none;
}

.membership-actions.order-actions .button.view.elementor-animation-grow {
	display: none;
}

.membership-actions.order-actions .button.renew{
	display: none;
}

.button.resubscribe{
	display: none !important;
	visibility: hidden;
}

/*------------------------- FIN - Modificaciones MI CUENTA - MEMBERSHIPS (MATRÍCULAS) x INFORMATICA --------------------------------------------------*/

/*------------------------- Modificaciones SENSEI - Listado de CURSOS x LOLO MARCHAL --------------------------------------------------*/
#user-course-status-toggle a{
	border-radius: 3px 3px 1px 1px;
	background-color: #E4E9EC;
	color:grey;
	padding: 10px 30px 10px 30px;
}

#user-course-status-toggle a.active{
	color: #002a44;
}

.sensei-pagination .page-numbers a{
    border: 1px solid white;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    color: white;
    background: #002a44;
}

.sensei-pagination .page-numbers a:hover{    
    background: #F75512;
}

.sensei-pagination span.page-numbers.current{
	padding: 5px 10px 5px 10px;
    border-radius: 3px;
    color: #002a44;
    background: #ffffff;
	border: 1px solid #002a44;
}

.course-container li.course{
	background-color: #FBFBFB;
    border-radius: 6px;
	padding: 30px;
	border: 1px solid navajowhite;    
    box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 30%);
	transition-duration: 0.3s;
}

.course-container li.course:hover{
	background-color: #E4E9EC;
	transition-duration: 0.3s;
	box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 50%);
}

.course-title a {
	color: #002a44;
}

.course-title a:hover {
	color: #F75512;
}
/*------------------------- FIN - Modificaciones SENSEI - CURSOS - LECCIONES x LOLO MARCHAL --------------------------------------------------*/

/*------------------------- Modificaciones SENSEI - VISTA SINGLE COURSE & SINGLE LESSON x LOLO MARCHAL --------------------------------------------------*/

/**** Progreso del curso ****/
.course-completion-rate {
    color: #481600;
    font-size: 20px;    
    padding: 10px;
    background: white;
    border: solid 1px #d3dade;
    border-radius: 10px 10px 0px 0px;
    margin: 0 auto;
    text-align: center;
}

/**** Barra de progreso del curso ****/

.meter{
	padding: 3px;
    border-radius: 0px 0px 6px 6px;
    background: #607d8b42;
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 64%), 0 1px rgb(255 255 255 / 22%);
    height: 32px;
    margin-top: 0px;
}

.meter.red>span {
    border-radius: 0px 0px 4px 4px;
    background-image: linear-gradient(to bottom, rgb(0 42 68), rgb(4 68 108));
    transition: 0.4s linear;
    transition-property: width, background-color;
	animation: progressAnimationStrike 3s;
}

@keyframes progressAnimationStrike {
     from { width: 0 }     
}

/**** Estado del curso ****/

.course .status {
	background: #607d8b;	
}

/**** Archivos de descarga del curso ****/

#attached-media {
	display:inline-block;
	width: 100%;
    padding: 20px;
	border: solid 1px #d3dade;
    border-radius: 10px 10px 0px 0px;
	background-color: white;
}

#attached-media ul{
	list-style-type: none;
	padding-inline-start: 0px;
}

#attached-media li{
	margin-bottom: 30px;
    margin-right: 0px;
    margin-left: 10px;
    margin-top: 0px;
    float: left;
}

#attached-media a::before {
	font-family: "Font Awesome 5 Free";
  	font-weight: 900;
  	content: "\f56d";
	padding-right: 10px;
	font-size: 20px;
}

#attached-media a{
	padding: 16px;
    border: none;
    background: #002A44;
    color: white;
    border-radius: 3px;
	transition-duration: 0.3s;
	margin-bottom: 10px;
	box-shadow: 3px 3px 5px 0px rgb(0 0 0 / 20%);
}

#attached-media a:hover{
	background: linear-gradient(to right, #9B2D00, #F75512);
	box-shadow: 3px 3px 5px 0px rgb(0 0 0 / 0%);
}

/**** Módulos y lecciones de un curso ****/

.course .module header {
    align-items: center;
	background: rgb(211 218 222 / 50%);
}

.course .module .module-lessons ul li a {
	color: #002a44;
}

.course .module .module-lessons ul li a:hover {
	color: #f75512;
}

/**** Botón comenzar ****/


a.button.gs-bpt-start-plan-btn{
	background: linear-gradient(to right, #9B2D00, #F75512);
	color:white;
	margin: 20px 0px 20px 0px;
    padding: 20px 40px;
	box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 30%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

a.button.gs-bpt-start-plan-btn:hover{
	color:white;
	background: linear-gradient(to right, #002942, #607D8B);
	box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 30%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

/**** Botones Cuestionarios y completar lección ****/


.single-lesson  .lesson_button_form {
	display: inline-block;
	margin-bottom: 25px;
}


.single-lesson footer a::before {
	font-family: "Font Awesome 5 Free";
  	font-weight: 900;
  	content: "\f51c";
	padding-right: 10px;
	font-size: 20px;
}

.single-lesson footer  a{
	padding: 16px !important;
    border: none !important;
    background: #002A44 !important;
    color: white !important;
    border-radius: 3px !important;
	transition-duration: 0.3s !important;	
	box-shadow: 3px 3px 5px 0px rgb(0 0 0 / 20%) !important;
}

.single-lesson footer a:hover{
	background: linear-gradient(to right, #9B2D00, #F75512) !important;
	box-shadow: 3px 3px 5px 0px rgb(0 0 0 / 0%) !important;
}

/**** Botones curso/lección siguiente y curso/lección anterior ****/

.post-entries {
    border-top: solid 1px lightgrey;   
    padding-top FONT-WEIGHT: 500;
    padding-top: 50px;
	padding-bottom: 50px;
}

.post-entries a{
	display: inline-grid;	
	padding: 16px;
    background-color: white;		        
	color: #002A44;
    border-radius: 3px;
	transition-duration: 0.3s;
	margin-bottom: 10px;
	box-shadow: 3px 3px 5px 0px rgb(0 0 0 / 20%);
}

.post-entries a:hover{
	background-color: #002A44;
	box-shadow: 3px 3px 5px 0px rgb(0 0 0 / 0%);
	color: white;
	move-to: right;
}

.post-entries div.nav-prev.fl {
	max-width: 50%;
	
}

/**** Barra lateral Progreso curso ****/

.widget_sensei_course_progress h2{
	font-size: 22px;
	border-bottom: solid 1px #a4afb7;
}

.widget_sensei_course_progress h3{
	font-size: 18px;
	border-bottom: solid 1px #a4afb7;
}

.widget_sensei_course_progress ul{	
	padding-inline-start: 0px;
}

.widget_sensei_course_progress a{
	color:#002a44;
	transition-duration: 0.3s;
}

.widget_sensei_course_progress a:hover{
	color:#f75512;
	transition-duration: 0.3s;
}

.widget_sensei_course_progress .course-progress-navigation a:hover{
	color:white;
	background-color: #002a44 !important;
}

/**** Lección siguiente ****/

a.next-lesson {
	padding: 10px 20px;
    margin: 20px;
}

/*------------------------- FIN Modificaciones SENSEI - VISTA SINGLE COURSE & SINGLE LESSON x LOLO MARCHAL --------------------------------------------------*/

/*------------------------- Modificaciones ADVANCED WOO SEARCH x LOLO MARCHAL --------------------------------------------------*/

.aws-wrapper {
   	transition: .2s;
	background-color: #eceeef;
	border-radius: 3px !important;
	border: none !important;
	font-family: var( --e-global-typography-text-font-family ), Sans-serif !important;
	font-size: 15px;	
}

.aws-container .aws-search-form {
	height: 50px;
	font-size: 15px;
	border-radius: 3px !important;
	border: none !important;
	font-family: var( --e-global-typography-text-font-family ), Sans-serif !important;
	font-size: 15px;	
}

.aws-container .aws-search-form input{
	font-size: 15px;	
}

.aws-search-btn_icon {
	color: white !important;
	background-color: none !important;
}

div.aws-form-btn {
	color: white !important;
	background-color: #f75512 !important;
	min-width: 50px;
	border-radius: 0px 3px 3px 0px !important;
}

div.aws-form-btn:hover{
	background-color: #002A44 !important;
}

/*------------------------- FIN Modificaciones ADVANCED WOO SEARCH x LOLO MARCHAL --------------------------------------------------*/


/*------------------------- Modificaciones ADVANCED WOO SEARCH x LOLO MARCHAL --------------------------------------------------*/

.wpg-list-item a {
    color: #002a44 !important;
}

.wpg-list-item a:hover, .wpg-list-item a:active {
    color: #f35311 !important;
}

.wpg-list-item a:hover, .wpg-list-filter a.active {
	color: #f35311 !important;
}

/*---------------------- FIN Modificaciones ADVANCED WOO SEARCH x LOLO MARCHAL ------------------------------------------------------------------------------*/

/*---------------------- Modificaciones OPINIONES  --------------------------------------------------------------------*/
.sub-header-opiniones {
	background-color: #FBFBFB;
	font-size: 36px;
    font-weight: 400;
    color: #002A44;
}

.titulo-opiniones {
    text-align: center;
    padding: 35px 0px 35px 0px;
}
/*---------------------- FIN - Modificaciones OPINIONES  --------------------------------------------------------------------*/

/*---------------------- Modificaciones CHECKOUT  --------------------------------------------------------------------*/

.woocommerce form .form-row label, .woocommerce-page form .form-row label {
	display: inline-block;
}

/*---------------------- FIN - Modificaciones CHECKOUT  ------------------------------------------------------*/

/*---------------------- Chaty plugin   ---------------------------------------*/

.chaty-social-img img {
	border-radius: 50%;
}

/*---------------------- FIN - Chaty plugin   ---------------------------------------*/


/*---------------------- Styling DESCUENTOS   ---------------------------------------*/

#descuento-box p {
    border: 2px dashed white;
    padding: 3px 5px 3px 5px;
    border-radius: 5px;
    display: block;
    max-width: 90%;    
    margin: 0 auto;    
	transition-duration: 300ms;
	margin-bottom: 10px;
}

#descuento-box p:hover {
	max-width: 85%; 
}

#descuento-box-2 p {
	border: 2px dashed white;
    padding: 3px 5px 3px 5px;
    border-radius: 5px;
    display: block;
    max-width: 60%;    
    margin: 0 auto; 
	margin-bottom: 10px;
	transition-duration: 300ms;
}

#descuento-box-2 p:hover {
	max-width: 55%; 
}

#descuento-box p::before, #descuento-box-2 p::before {
    font-size: 18px;
    content: "\f0a4";
    font-family: "Font Awesome 5 Free";
    margin: 5px 10px;
}

#descuento-box small, #descuento-box-2 small{
    margin-top: 10px;
    color: #ffffffe0 !important;
    padding-right: 5px;
    font-weight: 900;
}

#descuento-box big, #descuento-box-2 big{
    margin-top: 10px;
	background-color: black;
	padding: 5px 15px;
	font-size: 1.5em;
	border-radius: 4px;
}


#descuentos-grid small {
    color: #ff5812;
}

#descuentos-grid big {
    font-size: 1.5em;
    color: white;
}

/*---------------------- FIN - Styling DESCUENTOS   ---------------------------------------*/