.main-menu{
	position: fixed;
	bottom: 0px;
	width:100%;	
	z-index: 9999;
}

.main-menu ul{
	list-style-type: none;
	padding:5px 0px 0px 0px;
	display: flex;
	justify-content: space-between;
	margin:0px auto;	
}

.main-menu ul li{
	text-align: center;
	padding: 5px 10px 0px 10px;
}

.main-menu ul li.current-menu-item, .main-menu ul li:hover{
	border-color:white;	
}

.main-menu ul li a{
	font-size:10px;
	color:white;
	font-weight: bold;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
    height: 45px;
    text-decoration: none;
}

.main-menu ul li a img,  .course-item-nav .next a{
	margin:0px auto 5px auto;
	padding:0px !important;
}

.main-menu ul li a span{
	padding:0px !important;
}

.sesion{
	position: sticky;
	top:0px;	
	z-index:9;
	background: white;
    height: 20px;
    padding-top: 10px;
}

.section-title{
	display: flex;
	align-items: center;
	position: sticky;
	top:20px;
	background:white;
	z-index:2;
	padding-top:15px;
	padding-bottom:15px;
}

.section-title img{
	width:54px;
	margin:0px;
}

.section-title h2{
	font-size:22px;
	font-weight: bold;
	color:var(--text-color);
	font-family: var(--secondary-font);
	margin:0px;
	margin-left:20px;
}

.options a{
	color:var(--text-color);	
}


.opt-circle{
	width:123px;
	height:123px;
	position: relative;
}

.opt-circle:before{	
	content:'';
	position: absolute;
	top:-10px;
	left:-10px;
	width:143px;
	height:143px;	
	border-radius: 50%;
	box-shadow: 0px 2px 4px rgba(0,0,0,.5);
}

.circle{
	border-radius: 50%;
}

.gray{
	background:var(--gray);
}

.collapse-item, .border-top{
	border-top:1px var(--gray-color) solid;
}

.head-collapse{
	cursor: pointer;
}

.head-collapse span{
	font-weight: bold;
	font-size:30px;
	color:var(--text-color);
}

.head-collapse h5{
	font-size:20px;
	font-weight: 500;
	color:var(--text-color);
	font-family: var(--secondary-font);
}

.head-collapse.collapsed .up, .head-collapse:not(.collapsed) .down, .dropdown:not(.show) .up, .dropdown.show .down{
	display: none;
}

.head-collapse:not(.collapsed) .up, .head-collapse.collapsed .down{
	display: block;
}

.archive-description{
	/*height:70px;
	overflow:hidden;
	-webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;    
    text-overflow: ellipsis;*/
}

.archive-recursos .accordion .collapse-item:first-child{
	border:none !important;
}

body{
	padding-bottom:70px;
}

.list h5, .collapse-item h5{
	font-size:16px;	
	font-family: var(--primary-font);
	color:var(--text-color);
	opacity: .70;	
	font-weight: bold;
}

.collapse-item span{
	opacity: .70;		
}

.list a{
	text-decoration: none;
	color:var(--default-color);
}

.single-ejercicio h1{
	font-size:20px;
	font-weight: 500;
}

.single-ejercicio iframe,.single-ejercicio image, .page iframe, .page image{
	max-width:100%;
}

.recurso-card .img-thumb{
	width:240px;
	height:200px;
	border-radius: 8px;
	display: flex;
	align-items: flex-end;
}

.recurso-card .img-thumb h2{
	font-size:16px;
	font-family: var(--secondary-font);
	font-weight: 400;
}

/*Lecciones*/

.single-leccion .acf-checkbox-list{
	list-style-type: none;
	padding:0px;
}

.single-leccion .acf-checkbox-list p{
	padding-left: 18px;
}

.single-leccion .acf-label label, .single-leccion h4, .single-leccion h3, .acf-field-accordion .acf-accordion-title, .acf-field-accordion .acf-accordion-title label{
	font-weight: 700 !important;
    font-family: 'Poppins', sans-serif;
    color: var(--primary-color );
    font-size:20px !important;
    line-height: 1.2 !important;
    padding:0px !important;
}

.single-leccion .section-title h2{
	display: flex;
	flex-direction: column;	
	justify-content: space-between;
}

.single-leccion .section-title h2 span{
	font-size:11px;
	font-family: var(--secondary-font);
	font-weight: 400;
	color:#6C7B8A;
	opacity: .7;
}

.single-leccion .acf-fields>.acf-field{
	padding: 15px 0px !important;
}

.single-leccion .acf-form-submit{
	border:none;
}

.single-leccion .acf-button{
	cursor: pointer;
}

.single-leccion iframe{
	max-width: 100% !important;
}

.close-sesion{
	position: absolute;
	top:0px;
	right:0px;
	z-index: 9;
	color:var(--red-color);
	font-weight: bold;
}

@media all and(max-width:320px){
	.main-menu ul li a {
		font-size:8px;
	}
}