/*!
Theme Name: Fundacion Oportunidad
Theme URI: https://oportunidadenlinea.cl/
Author: SGD Media Group
Author URI: https://grupo-sgd.com
Description: Tema desarrollado por SGD Media Group para Fundacion Oportunidad
Version: 1.0.0
Text Domain: fundacion
*/

html {
  scroll-behavior: smooth;
}

body.learnpress{
	background-image: url('assets/images/bg.png');
}
a {
    color: #2266a7;
}
a:hover {
	text-decoration: none;
}
img {
    max-width: 100%;
    height: auto;
}

textarea {
	min-height: 100px;
}

 /*--------------------------------------------------------------
 ## Bootstrap Replacements
 --------------------------------------------------------------*/

.container-fluid {
    max-width: 1800px;
}

.btn-warning.disabled, .btn-warning:disabled,.btn-success.disabled, .btn-success:disabled,
.btn-outline-warning:hover, .btn-outline-succes:hover {
    color: #fff;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, .btn {
    font-weight: 500;
}
h3, .h3 {
	font-size: 1.125rem;
}
.h4, h4 {
    font-size: 1.2rem;
}
b, strong {
	font-weight: 600;
}
.font-weight-bolder {
	font-weight: 600 !important;
}
.form-control {
    font-size: .85rem !important;
}
.btn-success,
.btn-warning {
    color: #fff;
}


 /*--------------------------------------------------------------
 ## Helpers
 --------------------------------------------------------------*/

.icon-36 {
    width: 36px;
    height: 36px;
    line-height: 36px !important;
    text-align: center;
}

 /*--------------------------------------------------------------
 ## Menus
 --------------------------------------------------------------*/
 .main-navigation {
	 display: flex;
	}
 
 .main-navigation ul {
	 display: none;
	 list-style: none;
	 margin: 0;
	 padding-left: 0;
 }
 
 .main-navigation ul ul {
	 box-shadow: 0;
	 float: left;
	 position: absolute;
	 top: 1;
	 display: none;
	 z-index: 99999;
	 margin: 0;
	 padding: 0;
	 padding-top: 1rem;
	 border-radius: 3px;
	 overflow: hidden;
	}
 
 .main-navigation ul ul ul {
	 left: -999em;
	 top: 0;
 }
 
 .main-navigation ul ul li:hover > ul,
 .main-navigation ul ul li.focus > ul {
	 left: 100%;
 }
 
 .main-navigation ul ul a {
	 display: block;
	}
 
 .main-navigation ul li:hover > ul,
 .main-navigation ul li.focus > ul {
	 left: -50%;
	 display: block;
	}
 
 .main-navigation li {
	 float: left;
	 position: relative;
	 padding:5px;
	}
 .main-navigation li ul li {
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
 }
 
 .main-navigation a {
	 display: block;
	 text-decoration: none;
 }
 
 /* Small menu. */
 .menu-toggle,
 .main-navigation.toggled ul {
	 display: block;
 }
 
 @media screen and (min-width: 37.5em) {
	 .menu-toggle {
		 display: none;
	 }
	 .main-navigation ul {
		 display: flex;
		 justify-content: flex-end;
		 align-items: center;
	 }
	 .main-navigation ul li {
	 	margin: 0 1rem;
	 	padding: 0;
	 }
 }
 
 .site-main .comment-navigation, .site-main
 .posts-navigation, .site-main
 .post-navigation {
	 margin: 0 0 1.5em;
	 overflow: hidden;
 }
 
 .comment-navigation .nav-previous,
 .posts-navigation .nav-previous,
 .post-navigation .nav-previous {
	 float: left;
	 width: 50%;
 }
 
 .comment-navigation .nav-next,
 .posts-navigation .nav-next,
 .post-navigation .nav-next {
	 float: right;
	 text-align: right;
	 width: 50%;
 }
 
 /*--------------------------------------------------------------
 # Accessibility
 --------------------------------------------------------------*/
 /* Text meant only for screen readers. */
 .screen-reader-text {
	 border: 0;
	 clip: rect(1px, 1px, 1px, 1px);
	 clip-path: inset(50%);
	 height: 1px;
	 margin: -1px;
	 overflow: hidden;
	 padding: 0;
	 position: absolute !important;
	 width: 1px;
	 word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
 }
 
 .screen-reader-text:focus {
	 background-color: #f1f1f1;
	 border-radius: 3px;
	 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	 clip: auto !important;
	 clip-path: none;
	 color: #21759b;
	 display: block;
	 font-size: 14px;
	 font-size: 0.875rem;
	 font-weight: bold;
	 height: auto;
	 left: 5px;
	 line-height: normal;
	 padding: 15px 23px 14px;
	 text-decoration: none;
	 top: 5px;
	 width: auto;
	 z-index: 100000;
	 /* Above WP toolbar. */
 }
 
 /* Do not show the outline on the skip link target. */
 #content[tabindex="-1"]:focus {
	 outline: 0;
 }
 
 /*--------------------------------------------------------------
 # Alignments
 --------------------------------------------------------------*/
 .alignleft {
	 display: inline;
	 float: left;
	 margin-right: 1.5em;
 }
 
 .alignright {
	 display: inline;
	 float: right;
	 margin-left: 1.5em;
 }
 
 .aligncenter {
	 clear: both;
	 display: block;
	 margin-left: auto;
	 margin-right: auto;
 }

 
 /* Make sure embeds and iframes fit their containers. */
 embed,
 iframe,
 object {
	 max-width: 100%;
 }
  
 /*--------------------------------------------------------------
 ## Captions
 --------------------------------------------------------------*/
 .wp-caption {
	 margin-bottom: 1.5em;
	 max-width: 100%;
 }
 
 .wp-caption img[class*="wp-image-"] {
	 display: block;
	 margin-left: auto;
	 margin-right: auto;
 }
 
 .wp-caption .wp-caption-text {
	 margin: 0.8075em 0;
 }
 
 .wp-caption-text {
	 text-align: center;
 }
 
 /*--------------------------------------------------------------
 ## Galleries
 --------------------------------------------------------------*/
 .gallery {
	 margin-bottom: 1.5em;
 }
 
 .gallery-item {
	 display: inline-block;
	 text-align: center;
	 vertical-align: top;
	 width: 100%;
 }
 
 .gallery-columns-2 .gallery-item {
	 max-width: 50%;
 }
 
 .gallery-columns-3 .gallery-item {
	 max-width: 33.33%;
 }
 
 .gallery-columns-4 .gallery-item {
	 max-width: 25%;
 }
 
 .gallery-columns-5 .gallery-item {
	 max-width: 20%;
 }
 
 .gallery-columns-6 .gallery-item {
	 max-width: 16.66%;
 }
 
 .gallery-columns-7 .gallery-item {
	 max-width: 14.28%;
 }
 
 .gallery-columns-8 .gallery-item {
	 max-width: 12.5%;
 }
 
 .gallery-columns-9 .gallery-item {
	 max-width: 11.11%;
 }
 
 .gallery-caption {
	 display: block;
 }


 .main-navigation {
	 position: sticky;
	 z-index: 1;
	 top: -1px;
 }
 .main-navigation .menu-menu-principal-container{display: block;float: right;width: 80%;}
 .main-navigation .menu-menu-principal-container ul{
	 display: flex;
	 justify-content: space-evenly;
	 width: 100%;
	 align-items: center;
	}
 
 .main-navigation a {
   font-size: .9rem;
   display: block;
   text-decoration: none;
   color: #000;
 }

  .site-header {
	 z-index: 9;
	 position: relative;
	 height: 100px;
	 background-color: #fff;

	}


@keyframes menu-intro {
  from {-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
  -webkit-clip-path: ellipse(50% 65% at 163% 50%);
	 clip-path: ellipse(50% 65% at 163% 50%);
  }
  to {
  -webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
  -webkit-clip-path: ellipse(70% 85% at 50% 50%);
	 clip-path: ellipse(70% 85% at 50% 50%);
  }
}


 .site-branding{z-index:9;}
 
 .busqueda {
	 z-index: 9;
 }

.padding-home {
	padding-top: 100px;
} 

 .home .site-header {
	z-index: 9;
	position: absolute;
	width: 100%;
	background-color: transparent;
} 
 
 /* Cantidad estudiantes tomaron curso */
 
 .course-meta {
	 margin-bottom: 20px;
	 display: none;
	 text-align: left;
	}
 
 /* Tiempo para tomar el curso */
 
 .course-remaining-time p {
	 display: none;
 }
 
.learn-press-progress .progress-bg .progress-active {
	background: #e7511e!important;
}
.course-curriculum ul.curriculum-sections .section-content .course-item.has-status.passed .course-item-status {
	border-color: #2266a7 !important;
	color: #2266a7 !important;
} 
.lp-label {
	background: #e7511e!important;
}
 
 
 .lp-course-progress .lp-passing-conditional {
	 background: #e7511e!important;
 }
 
 /*Barras de progreso curso*/
 
 
 .course-nav-tabs a {
	 color: #3e3e3d;
 }
 
button.lp-button {
	 border: 1px solid;
	 background: #4470b1;
	 color: #fff;
	 border-radius: 20px;
	 width: 230%;
	 font-size: 1em;
}

.lp-form.form-button.form-button-finish-course {
	display: none;
}


.logged-in .lp-form.form-button.form-button-finish-course {
  width: 100%;
  display:flex;
  align-items: center;
  justify-content: center;
 
}
.logged-in .lp-form.form-button.form-button-finish-course .lp-button {
  width:40%;
  cursor: pointer;
  background-color: #e85828;
}
 .logged-in .lp-form.form-button.form-button-finish-course .lp-button:before {content: "Finalizar curso";}
#popup_ok {
  background-color: #4470b1;
  color:#fff;
  width:100%;
  border:0px;
  font-size:13px;
  position:relative;
  
}
 .learnpress-page .content-item-summary li:nth-of-type(odd) {
    background-color: #ededed;
    border: 0px solid #f3701f;
    padding: 2%;
}

.learnpress-page .content-item-summary li {
    list-style: none;
    padding: 2%;
}
 
 
 
 
 .learn-press-breadcrumb {
	 color: #e7511e;
 }
 
 .learn-press-breadcrumb a{
	 color: #3e3e3d;    
 }
 
 ul.learn-press-nav-tabs .course-nav.active::after, ul.learn-press-nav-tabs .course-nav:hover::after {
	 background: #2266a7!important;
	}
 
 .course-curriculum ul.curriculum-sections .section-content .course-item .course-item-meta .item-meta.duration{
	 display:none!important; 
 }
  
 /*Texto footer*/
 .site-info {
	 display: none;
 }
 /*Texto footer*/
 
 /*background nombres cursos*/
 .course-curriculum ul.curriculum-sections .section-content .course-item {
	 background: none!important;
 }
 /*background nombres cursos*/
 
 /*linea separa titulo de cursos*/
 .course-curriculum ul.curriculum-sections .section-header {
	
 }
 /*linea separa titulo de cursos*/
 
 /*texto cursos*/
 .course-item.course-item-lp_lesson a {
	 color: #3e3e3d;
 }
 /*texto cursos*/
 
 .course-curriculum ul.curriculum-sections .section-content .course-item {
	 /* border-bottom: solid 1px #a7a7a7!important; */
	}
 
 #course-item-content-header {
	 background: #2266a7!important;
	}	
 #course-item-content-header .course-item-search {
 	display: none;
 }
 .course-title a {
	 color: #fff;
 }
 
 /*boton volver*/
 #course-item-content-header button.lp-button {
    background: 
#fff;
color:
    #2266a7;
    display: flex;
    float: right;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    width: auto;
    border-radius: 10px;
    cursor: pointer;
}
 /*boton volver*/
 
 
 /*buscador en lecciones*/
 #course-item-content-header .course-item-search button {
	 color: #fff!important;
 }
 #course-item-content-header .course-item-search input{
	 color: #fff!important;
 }
 
 /*buscador en lecciones*/
 
 
 .scroll-wrapper.content-item-scrollable.scrollbar-light {
    background: url(https://oportunidadenlinea.cl/wp-content/uploads/2019/01/bg-fundacion-1.png);
    background: #fff!important;
}
 
 /*titulo sobre nombres de cursos*/
 .course-curriculum ul.curriculum-sections .section-header {
	 /* display: none!important; */
	 border-color: transparent !important;
	}

 
 #course-item-content-header .toggle-content-item {
	 display: none!important;
 }
  
 /*recuadros textos*/
 
 .table {
	 width: 100%;
	 margin-bottom: 1rem;
	 background-color: #f5f5f5;
 }
 
 .table th {
	 border: solid 3px #f3701f;
	 padding: 25px;
 }
 /*recuadros textos*/
 
 /*acordeon*/
.sow-accordion-panel-header {
    background-color: #4470b1!important;
}
 
 .sow-accordion-panel-border {
	 background-color: #ededed!important;
 }
 /*acordeon*/
 
 /*flechas con texto*/
 .sow-image-container {
	 display: flex;
	 justify-content: center;
	 height: 100%;
	 width: 100%;
	 padding: 10px;
 }
 
.so-widget-image {
    /* display: block; */
    max-width: 100%;
    /* width: 100%!important; */
}
.so-widget-image {
    /* height: 100%!important; */
    /* max-height: 100%; */
}
 /*flechas con texto*/
 
 
 embed, iframe, object {
	 display: block;
 }

 .siteorigin-widget-tinymce.textwidget ul {
	 width: 100%;
	 padding: 0;
	}
 
 .panel-grid-cell {
	 width: 100%;
 
 }
 

 /*Pag. Preguntas Frecuentes*/
 
 .so-widget-sow-editor h3 {
	 font-size: 1.5em;
	 font-weight: bold;
	 margin-top: 0px!important;
	 padding-left: 0%;
 }

.page-template-page-areas .sow-image-container {
    margin: auto;
    display: flex;
    justify-content: center;
    height: 100px;
    width: 100px;
    padding: 10px;
    border: 1px solid #efefef;
    border-radius: 100%;
    float: none;
    margin-top: 11px;
}


 ul.learn-press-courses .course .lp-course-buttons form button {
    width: 100%;
    cursor: pointer;
}

 ul.learn-press-courses .course .lp-course-buttons form {
    width: 100%;
    margin-bottom: 0px!important;
}
 
 

 .titulo-menu-footer{font-size: .85rem;text-transform: uppercase;font-weight: 600;letter-spacing: .05rem;margin-bottom: 1rem;}
 .menu-footer ul{margin:0px;padding:0px;}
 .menu-footer ul li, .menu-footer p{list-style:none;margin: .35rem 0;font-size: .9rem;}
 
 


 .separador {
	 background-color: #fff;
	 opacity: .25;
	} 


/*04-02-2018 Nelson Guzman*/
/*Pagina error 404*/

.page-template-404 .carousel-caption {
    position: relative;
    bottom: 0%;
    left: 0%;
    z-index: 10;
    padding-top: 0;
    padding-bottom: 0;
    color: #fff;
    display: block;
    height: auto;
}

section.error-404.not-found {
    display: block;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: auto;
}

.page-template-404 .botones {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 0%;
}

.page-template-404 .page-header {
 position: relative;
 display: flex;
 justify-content: center;
 align-items: center;
 width: 100%;
 height: auto;
 display: block;
}

.page-template-404 h1.page-title {
    text-align: center;
    font-size: 3em;
    height: 100px;
    display: block;
    width: 100%;
}

.lp-list-table thead tr th {
    background: #e85828 !important;
    color: #FFF;
    border-bottom: none;
}

.lp-tab-sections {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
    background: #eaeaea;
    display: none;
}

.lp-sub-menu {
    list-style: none;
    margin: 0 0 10px 0;
    display: none;
}

#learn-press-profile-content {
    width: 100% !important;
    margin: 0 !important;
}

.profile-heading {
    font-size: 1.75rem;
    display: none;
}


 /*Estilos Fundacion Oportunidad 2019*/

 /**/


ul.learn-press-courses {
    list-style: none;
    margin-right: -2.1%;
    margin-left: 0;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    float: left;
    width: 100%;
} 

ul.learn-press-courses .course {
    list-style: none;
    width: 24%;
    margin: 0px 1% 0px 0;
    box-shadow: none;
    padding: 0;
} 

ul.learn-press-courses .course .lp-course-buttons form {
    width: 100%;
    margin-bottom: 0px;
    position: relative;
}



	
	
ul.learn-press-courses .course .course-title {
    font-size: 1.2em;
    padding: 0;
    min-height: 100px;
    font-weight: normal;
}
		 
ul.learn-press-courses .course:hover .wishlist-button{  opacity: 0.5;}
ul.learn-press-courses .course:hover .wishlist-button.on{  opacity: 1;}
		
		ul.learn-press-courses .course{
			background-color:#fff;
			border-radius: 10px;
			border: 1px solid rgba(61,61,61,.1);
			box-shadow: 0px 0px 10px #888888!important;
			height: 419px;
			overflow: hidden;
			text-align: center;
			position: relative;
		}
		 
		 ul.learn-press-courses a{
		
			width:100%!important;
		}
		
		 ul.learn-press-courses .course .has-post-thumbnail a img{
		
			width:100%!important;
		}

		ul.learn-press-courses .course .course-thumbnail img {
		 
			width: 100%;
		}

		ul.learn-press-courses .course .course-info {
			font-size: 14px;
			display: none;
		} 


		/*Preguntas frecuentes 12-02-2018*/


		.page-id-696 .entry-header {
			display: flex;
			justify-content: center;
			align-items: center;
			margin-top: 70px;
		}
		
		.page-id-696 .panel-grid {
		
			display: flex;
			justify-content: center;
			align-items: center;
		
		}
		
		.page-id-696 .preguntas-grupo {
		
			width: 60%;
		
		}
		
		.page-id-696 .pregunta-frecuente h3 {
		
			padding: 0px;
		
		}
		
.sow-accordion-panel-border ul li::before {
    content: '';
    background-image: url(https://oportunidadenlinea.cl/wp-content/uploads/2019/02/indicador.png);
    height: 15px;
    width: 10px;
    background-size: 100%;
    display: block;
    float: left;
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: -26px;
    margin-right: 2%;
}
		


.logos-fundacion-luksic .menu-footer{display:flex;justify-content: flex-start;align-items: center;}

.logos-fundacion-luksic .menu-footer h3 {
    font-size: 1em;
    font-weight: 500;
    width: 50%;
    text-transform: none;
    margin: 0;
}

.logos-fundacion-luksic.redes-sociales-fo .menu-footer h3 {
    font-size: 1em;
    font-weight:500;
    width: 25%;
    text-transform: none;
    display: flex;
    align-items: center;
    margin: 0;
} 	

.post-thumbnail{width:100%;height:500px;overflow:hidden;float: left;}
.post-thumbnail img{width:100%;}
	
nav.learn-press-breadcrumb {
    display: block;
    float: left;
    width: 100%;
    margin-left: 0%;
}
.bloque-cat-info {
    width: 50%;
    float: left;
    padding-left: 3%;
}


.editor_video_cate{margin-left:-2.6%;} 

form[name="search-course"] {
    margin-bottom: 20px;
    display: none;
    position: relative;
} 


.category article header { 
    text-align: left;
    width: 100%;
    float: left;
    padding-left: 6%;
}

.course-curriculum ul.curriculum-sections .section-content .course-item:before {
    background: #2266a7 !important;
    height: 0;
    left: 0;
    top: 50%;
    position: absolute;
    content: '';
    width: 6px;
    transition: height linear 0.15s, top linear 0.15s;
} 

.course-item-nav .next {
    text-align: right;
   
}
.form-button, .retake-course, .enroll-course, .purchase-course {
	/* display: block !important; */
	text-align: center;
}
  
.learnpress-page  .button-complete-lesson {
	font-size: 17px !important;
	padding: .25rem 2rem !important;
	height: auto !important;
}

.post-type-archive .lp-button {
	background-color: #4470b1;
	border-radius: 0;
	font-size: 1em;
	width: 100%;
     color: #fff;
     border:solid 1px #4470b1;
     border-radius:40px;
}
 
.post-type-archive .lp-button:after{
    display:none;
}

#learn-press-user-profile .learn-press-form-login, #learn-press-user-profile .learn-press-form-register {
    border: 1px solid #DDD;
    padding: 20px 20px 0 20px;
    margin-bottom: 20px;
    width: 45%;
    float: left;
    height: 450px;
    margin-left: 2.5%;
    margin-right: 2.5%;
    background-color: #fff;
    border-radius: 5px;
}

.learnpress-page .lp-button {
    line-height: 45px;
    padding: 0 12px;
    display: block;
    width: auto;
    margin: 0 auto;
}


body.confirm #popup_container {
    z-index: 999999 !important;
    max-width: 90% !important;
    min-width: 300px !important;
    padding: 50px !important;
    background: #fff;
    transition: opacity 0.25s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


.orders{display:none!important;}

.course-item-nav .prev,
.course-item-nav .next {
    display: block;
    position: relative;
}
.course-item-nav .prev span,
.course-item-nav .next span {
    position: absolute;
    top: 0;
}
.course-item-nav .prev span {
    left: 0;
}
.course-item-nav .next span {
    right: 0;
}
.course-item-nav .prev span a,
.course-item-nav .next span a {
	z-index: 9;
}

.course-item-nav .prev span,
.course-item-nav .prev a,
.course-item-nav .next span,
.course-item-nav .next a {
	color: #2266a7;
	width: 140px;
	border: 1px solid #2266a7;
	text-align: center;
	padding: 0 1rem;
	border-radius: 5rem;
	font-size: 13px;
	text-transform: uppercase;
	display: block;
	height: 49px;
	line-height: 49px;
	overflow: hidden;
}
.course-item-nav .prev:hover span,
.course-item-nav .next:hover span {
    color: #fff;
    background-color: #2266a7;
}
.course-item-nav .next a {
	margin-left: auto;
}
.course-item-nav .prev span:before,
.course-item-nav .next span:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 49px;
    margin: 0 .5rem;
}
.course-item-nav .prev span:before {
    content: "\f104";
    margin-left: -.5rem;
}
.course-item-nav .next span:after {
    content: "\f105";
    margin-right: -.5rem;

}

.course-item-nav .next a,
.course-item-nav .prev a {
    opacity:0;
}

.course-thumbnail{
    height: 189px;
    overflow: hidden;
}

.course-thumbnail img {
max-width:100%;
}

.price, .course-instructor{display:none;}


.no-results.not-found{text-align:center;}


.profile ul.learn-press-courses .course .course-title {
    font-size: 1.2em;
    padding: 0;
    font-weight: normal;
    min-height: 300px;
}

div#popup_content {
    padding: 10%;
    text-align: center;
}

div#popup_container {
    background-color: #fff!important;
}
div#popup_message {
    padding: 13px!important;
}

.page-contacto .menu-areas {
    display: none;
}

li.publicity {
    display: none;
}

.profile .learn-press-courses .learn-press-course-wishlist.wishlist-button.on:after{
		content:'Ir al curso';
		font-size: 15px;
		width: 200px;
		display: block;
		border: 1px solid;
    background: #4470b1;
    color: #fff;
    border-radius: 20px;
		height: 30px;
		position: relative;
		left: 130%;
		padding-top:15%;
} 

.profile .profile-courses article h3 {
 
    margin-top: 10%;
}

.profile .lp-avatar-preview .profile-picture {
    float: left;
    margin-right: -100%;
    width: 100%;
    margin-top: 0;
}

.profile td.column-passing-grade,
.profile th.column-passing-grade {
    display: none;
}

.login-action-login #loginform:before {
    height: 200px!important;
}
.course-curriculum ul.curriculum-sections .section-content .course-item.item-preview .course-item-status {
    /* display: none!important; */
    background-color: #2266a7 !important;
}

.single-lp_course .lp-course-buttons {
	text-align: center;
	margin-bottom: 1rem;
}
.single-lp_course .retake-course {
	display: inline-block;
	position: relative;
}
.single-lp_course .ow-button-base {
	display: none;
}

ul.learn-press-courses a:after {
    content: 'ver';
    font-size: 1em;
    color: #fff;
    position: relative;
    top: 2px;
    z-index: 99999999;
    width: 80%;
    background-color: #4470b1;
    height: 39px;
    border-radius: 20px;
    display: flex!important;
    justify-content: center;
    align-items: center;
    margin: auto;
}
.course-summary {
    /* text-align: center; */
}

.learn-press-course-results-progress {
    text-align: left;
}

.lp-course-status {
    text-align: right;
}

span.number {}

h4.lp-course-progress-heading {
    text-align: left;
}

.items-progress {
    text-align: right;
}

div#learn-press-course-tabs {
    text-align: left;
    margin-bottom: 1rem;
}

.logged-in ul.learn-press-courses a:after,
.post-type-archive-lp_course button.lp-button.button.button-enroll-course,
.course_category-repositorio {
  display:none!important;
}
.logged-in.archive.category .lp-course-buttons,
.logged-in button.lp-button.button.button-enroll-course {
	display:block;
}

.home .main-navigation a {
    color: #fff;
}
.home .main-navigation .dropdown-menu a {
	color: #000;
}

.main-navigation .btn, .main-navigation .btn * {
    color: #fff!important;
    padding: .5rem 1rem;
    font-weight: 500;
    margin-left: .75rem;
    letter-spacing: .025rem;
}

input#rm_next_form_page_button_2_1 {
    background: #ff6300;
    color: #fff;
    font-size: 20px;
}

.rmagic .rmagic-form.rmagic-form-btn-center .buttonarea {
    z-index: 99999;
    position: relative;
}

.page-profile .learn-press-courses .learn-press-course-wishlist.wishlist-button {
    width: 30px;
    padding: 0;
    display: block;
    position: relative;
    
    border: 0px solid #000;
    color: #000;
    left: 2%;
    height: 30px;
    font-size: 0px;
    border-radius: 100px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 70%;
    top: 330px;
    position: absolute;
}

.sub-menu {
  display: flex;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  flex-direction: column;
  width: 240px;
  border-radius: 2px;
  position:relative;
  z-index:99;
  padding-right:10%;
  padding-left:1%;
  text-align: left;
}

.main-navigation .sub-menu li a{
 color: #000;
 font-size: .85rem;
 padding: .5rem;
 margin: 0;
 height:auto;
 border-top: 1px solid #dededea1;
 background-color: rgba(255, 255, 255, 0.95);
}
.main-navigation .sub-menu li a:hover {
	background-color: #e7511e;
	color: #fff !important;
}
 .main-navigation .sub-menu li a:hover::after{
	 opacity: 0;
	 width: 100%;
 }
.archive.category .form-button-finish-course{
  display: none!important;
}
ul.learn-press-nav-tabs {
	margin: 0 !important;
	background-color: #fff;
}
.course-nav.course-nav-tab-instructor{
display:none!important;	
}

.iframe iframe, .iframe, iframe{
	width: 100%;
}

.page-actividades-para-el-hogar header#masthead {
	display:none; 
}

.page-actividades-para-el-hogar footer#colophon {
	display:none; 
}

.bg-cover {
	background-size: cover;
	background-position: center;
}
.bg-blend-mode {
	background-blend-mode: multiply;
}
.bg-gradient {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,.65) 100%);
	background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,.65) 100%);
	background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,.65) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000000",GradientType=1);
}



.site-title,
.site-description {
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
}



.left-0 {
	left: 0;
}
.top-0 {
	top: 0;
}


.bg-disabled {
    background-color: #acacac;
    border-color: #acacac;
}
.breadcrumb_last::before {
    display: inline-block;
    padding-right: 0.5rem;
    margin-left: 0.5rem;
    color: #6c757d;
    content: "/";
}
body.single-lp_course .breadcrumb_last {
	display: none;
}

.text-white-all,
.text-white-all * {
	color: #fff !important;
}

img#site-logo {
    height: 70px;
    width: auto;
    margin: 15px 0;
}


@media print {
	.scroll-wrapper>.scroll-content {
		max-height: none !important;
	}
	.course-item-popup #learn-press-content-item .content-item-wrap {
		margin: 1rem !important;
		max-width: 100% !important;
	}
	body.course-item-popup #learn-press-course-curriculum {
		position: relative !important;
	}
	.curriculum-scrollable,
	.course-item-search,
	div#course-item-content-header
	 {
		display: none;
	}
	body.course-item-popup #learn-press-content-item {
		position: relative !important;
		left: 0 !important;
		top: 0 !important;
	}
	#learn-press-course-curriculum {
		display: none;
	}
	.scroll-wrapper.content-item-scrollable.scrollbar-light {
		position: relative !important;
		max-height: none;
		top: unset !important;
		bottom: unset !important;
	}
	body.course-item-popup #learn-press-content-item {
		top: 0 !important;
	}
	body {
		background: none !important;
	}
	#_hjRemoteVarsFrame + div,
	.course-item-nav,
	iframe,
	.scroll-element {
	    display: none !important;
	}
}

.learn-press-form button {
    background-color: #e7511e;
    display: inline-block;
    font-weight: 500;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    color: #fff;
    background-color: #e7511e;
    border-color: #e7511e;
    text-transform: uppercase;
    font-size: 12px;
    padding: .75rem 2rem;
    border-radius: 110rem;
    min-width: 140px;
    font-weight: bolder;
}

.card-course-category p {
    min-height: 8rem;
}

.card-course-category h3 {
    min-height: 4rem;
    display: block;
}
.card-course-category img {
	max-width: 180px;
	height: auto;
}

.card-course-subcategory h3 {
    min-height: 3.5rem;
    display: block;
}
.card-course-subcategory img {
} 
.card-course h2 {
    min-height: 3.5rem;
    display: block;
}
.card-post h2 {
    height: 4.5rem;
    text-overflow: ellipsis;
    overflow: hidden;
}

.card-post .article-description {
    height: 6.25rem;
    overflow: hidden;
}

.scroll-wrapper,
.content-item-scrollable {
    overflow: auto;
}

 /*--------------------------------------------------------------
 ## Bb Press 
 --------------------------------------------------------------*/

#bbpress-forums fieldset.bbp-form input[type=text],
#bbpress-forums fieldset.bbp-form input[type=password],
#bbpress-forums fieldset.bbp-form select {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#bbpress-forums fieldset.bbp-form label {
	width: auto;
	display: inline-block;
	margin: .25rem 0;
}

button.button {
    text-transform: uppercase;
    font-size: 12px;
    padding: .75rem 2rem;
    border-radius: 10rem;
    font-weight: bolder;
    background-color: #2266a7;
    border-color: transparent;
    color: #fff;
}

div.bbp-template-notice, div.indicator-hint {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

#bbpress-forums a, #bbpress-forums a:hover {
    font-weight: 900;
}

#bbpress-forums fieldset.bbp-form {
	background-color: #fff;
}

 /*--------------------------------------------------------------
 ## LearnPress 
 --------------------------------------------------------------*/

#learn-press-profile-header {
    display: none;
}
#learn-press-profile-nav {
    width: 0;
    display: none;
}
.course-landing-summary,.course-learning-summary {
    background-color: #fff;
    padding: 1rem;
    border-radius: 5px;
}
.lp-course-buttons .lp-button, .card .course-btns .btn {
    width: 210px;
    /* background-color: #e85828; */
}
.lp-course-buttons .lp-button {
    background-color: #e85828;
}
.lp-course-buttons .lp-button:hover {
    background-color: #c94315;
    border-color: #c94315;
}

button.learn-press-course-wishlist:before {
    content: "\f004";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
}

.lp-course-buttons {
    position: relative;
    width: auto;
    margin: 0 auto;
    display: inline-block !important;
}

 /*--------------------------------------------------------------
 ## MiniOrange Social Login 
 --------------------------------------------------------------*/

.btn-social {
    min-width: 100%;
    text-transform: uppercase;
    font-size: 12px;
    padding: .75rem 2rem;
    border-radius: 100rem;
    font-weight: 700;
    background: #3F51B5;
    position: relative;
    cursor: pointer;
    color: #fff !important;
}
.btn-social svg {
    height: 30px;
    margin: 12px 0 0;
    display: inline-block;
    width: 38px;
    position: absolute;
    left: 8px;
    top: 0;
    background-color: transparent !important;
    padding: 0 !important;
}
.mo-openid-app-icons p {
    min-width: 100%;
    text-transform: uppercase;
    font-size: .8rem;
    letter-spacing: .025rem;
}
#mo_floating_vertical_shortcode a {
    padding: .15rem;
    cursor: pointer;
}

#mo_floating_vertical_shortcode:before {content: "Compartir: ";font-size: .85rem;}

.mo_openid_vertical {
    display: block;
    position: relative;
    left: auto !important;
    top: auto !important;
    width: 100%;
}

.share.text-center.d-flex.align-items-center.justify-content-center {
    position: relative !important;
    width: 100%;
}
 /*--------------------------------------------------------------
 ## Registration Magic 
 --------------------------------------------------------------*/

.rmagic .rmcontent form fieldset label {
    font-size: .85rem;
}

.rmagic .rmcontent form fieldset .rmfield label {
    margin: 0 0 .25rem;
    font-size: .85rem;
    font-weight: 900;
}

.rmagic .rmrow {
    padding: .25rem 0;
}

.rmagic .rmrow {
    min-height: 0;
}

.rmagic .buttonarea input[type='button'], .rmagic .buttonarea input[type='submit'] {
    color: #fff;
    background-color: #e7511e;
    border-color: #e7511e;
    text-transform: uppercase;
    font-size: 12px;
    padding: .75rem 2rem;
    border-radius: 100rem;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    line-height: 1.5;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

 /*--------------------------------------------------------------
 ## Watu Quiz
 --------------------------------------------------------------*/

form.quiz-form {
    position: relative;
    border-bottom: 3rem transparent;
}

form.quiz-form:after {
    content: "Siguiente";
}

.watu-question {margin-bottom: 2rem;}

input#show-answer.active {
    position: relative;
    background-color: transparent;
    opacity: 0;
}
.quiz-form input[type="button"],
.quiz-form input[type="submit"] {
	z-index: 9;
}
form.quiz-form:after,
.quiz-form input[type="button"],
.quiz-form input[type="submit"] {
    position: absolute;
    bottom: 0;
    display: inline-block;
    font-weight: 500;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    color: #fff;
    background-color: #009ee0;
    border-color: #009ee0;
    text-transform: uppercase;
    font-size: 12px;
    padding: .75rem 2rem;
    border-radius: 100rem;
    font-weight: 700;
    width: 200px;
}

#watu_quiz .quiz-form input[type="button"]:hover {
    color: #fff;
    background-color: #0083ba;
    border-color: #007aad;
}

 /*--------------------------------------------------------------
 ## LearnPress Wishlist
 --------------------------------------------------------------*/


button.learn-press-course-wishlist {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    line-height: 1.5;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    color: #e7511e;
    border-color: #e7511e;
    text-transform: uppercase;
    font-size: 0;
    padding: .75rem;
    border-radius: 100rem;
    font-weight: 700;
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    margin: 3px;
    background-color: #fff;
	display: none !important;
}

button.learn-press-course-wishlist:hover, button.learn-press-course-wishlist.on,button.learn-press-course-wishlist:hover, button.learn-press-course-wishlist {
    color: #fff;
    background-color: transparent !important;
    border-color: white;
    /* width: auto !important;
    right: 0;
    margin: 0 0 0 auto !important;
    line-height: 1 !important;
    border-radius: 0 100% 100% 0 !important; */
	display: none !important;
}

button.learn-press-course-wishlist {
	display: none !important;
}

button.learn-press-course-wishlist {
	display: none !important;
}

.course-tab-panel {
	background-color: #fff;
	border-radius: .25rem;
	padding: 1.5rem;
	display: block !important;
}
div#tab-instructor {
    display: none !important;
}
#learn-press-content-item form .button-complete-item.button-complete-lesson {
    background-color: #2266a7;
    margin: 0 auto;
    display: block;
}
#learn-press-content-item form .button-complete-item.button-complete-lesson:hover {
	background-color: #1c5387;
}
#learn-press-content-item form {
    margin: 0 auto;
    display: block;
}


div#profile-content-wishlist button.learn-press-course-wishlist {
    font-size: 1rem;
    position: relative;
    width: 90%;
}

div#profile-content-wishlist button.learn-press-course-wishlist:after,div#profile-content-wishlist button.learn-press-course-wishlist:before {
    display: none;
}

.page-template-page-perfil .learn-press-message.error {
    display: none;
}

div#profile-content-wishlist h3 {
    margin: 1rem 0;
}

.course-curriculum ul.curriculum-sections .section-content .course-item.course-item-lp_lesson .section-item-link:before {
    display: none;
}
body.hide_footer footer#colophon,
body.hide_related section#related {
    display: none;
}

.rmagic {
    float: none;
}

.alert-home p {
	margin: 0!important;
}
div#tab-instructor {
    display: none !important;
}
ul.learn-press-nav-tabs {
    display: none;
}
.course-curriculum ul.curriculum-sections .section-header .section-meta:before {content: "Secciones del curso";margin-right: auto;float: left;font-weight: bold;font-size: 1.5rem;margin-left: -1rem;}


#learn-press-course.course-summary .lp-course-buttons {
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #ffffff;
    width: 100%;
    margin: 0 !important;
    padding: 1rem;
    border-top: 1px solid #dedede;
    z-index: 99999;
    height: 78px;
    overflow: hidden;
    top: auto;
}

body.single-lp_course {
    padding-bottom: 78px;
}
#learn-press-course.course-summary .lp-course-buttons button.learn-press-course-wishlist,
#learn-press-course.course-summary .lp-course-buttons button.learn-press-course-wishlist:hover,
#learn-press-course.course-summary .lp-course-buttons button.learn-press-course-wishlist.on {
    position: relative;
	display: inline-block;
    border-radius: 100% !important;
    font-size: 0;
    width: 45px !important;
    height: 45px !important;
    line-height: 45px !important;
    text-align: center !important;
    color: #e85828;
    border-color: #e85828;
}
#learn-press-course.course-summary .lp-course-buttons button.learn-press-course-wishlist:hover,
#learn-press-course.course-summary .lp-course-buttons button.learn-press-course-wishlist.on {
    color: #fff;
    background-color: #e85828 !important;
}



.acf-field input[type="text"], .acf-field input[type="password"], .acf-field input[type="date"], .acf-field input[type="datetime"], .acf-field input[type="datetime-local"], .acf-field input[type="email"], .acf-field input[type="month"], .acf-field input[type="number"], .acf-field input[type="search"], .acf-field input[type="tel"], .acf-field input[type="time"], .acf-field input[type="url"], .acf-field input[type="week"], .acf-field textarea, .acf-field select {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #c9c9c9;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.acf-field textarea {
    height: auto;
}
.acf-fields>.acf-tab-wrap .acf-tab-group {
    border: none;
    padding: 0;
}
.acf-fields>.acf-tab-wrap {
    background-color: transparent;
}
.acf-input-prepend, .acf-input-append {
    height: 36px;
    line-height: 36px;
    padding-top: 0;
    padding-bottom: 0;
}

ul.learn-press-wishlist-courses .course img {
    height: 190px;
    width: auto;
    max-width: none;
}
@media(max-width:990px) {
	.course-curriculum ul.curriculum-sections .section-content .course-item .course-item-meta {
	    display: block;
	    width: 100%;
	}

	.course-curriculum ul.curriculum-sections .section-content .course-item .section-item-link {
	    display: block;
	    text-align: center;
	}

	.course-curriculum ul.curriculum-sections .section-content .course-item .item-icon, .course-curriculum ul.curriculum-sections .section-content .course-item .item-name {
	    width: 100%;
	    display: block;
	    padding-bottom: 0;
	    text-align: left;
	}
}
@media(max-width:600px) {
    ul.learn-press-wishlist-courses .course img {
        height: auto;
        width: 100% !important;
    }
    ul.learn-press-wishlist-courses li {
    	height: auto !important;
    	padding-bottom: 1rem !important;
    }
	.course-curriculum ul.curriculum-sections .section-content .course-item .course-item-meta {
	    display: block !important;
	    width: 100%;
	}
	.course-curriculum ul.curriculum-sections .section-content .course-item .section-item-link {
	    display: block !important;
	    text-align: center !important;
	}

	.course-curriculum ul.curriculum-sections .section-content .course-item .item-icon, .course-curriculum ul.curriculum-sections .section-content .course-item .item-name {
	    width: 100% !important;
	    display: block !important;
	    padding-bottom: 0 !important;
	    text-align: center !important;
	}
}

.textwidget table td {
    padding: 8px;
    line-height: 1.225;
}



body.course-item-popup.wpadminbar #learn-press-course-curriculum, body.course-item-popup.wpadminbar #learn-press-content-item {
    padding-top: 0 !important;
}
.mo_btn-block {
    width: 100% !important;
    min-width: 100%;
    margin-top: 1rem !important;
    height: 38px !important;
    line-height: 38px !important;
}
.bg-multiply {
    background-blend-mode: multiply;
}