.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: 4%;
	
	box-shadow: 0px 2px 4px rgba(0,0,0,.5);
	
}

.circle{
	border-radius: 4% ;
	
}

.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;
}



.texto p{
	    font-family: "Montserrat",sans-serif;
        font-size: 18px;
	margin-right:25px;
	margin-left:25px;
	    
}
.preguntas p{
	    font-family: "Montserrat",sans-serif;
        
	    
}
.contenedores p{
	    font-family: "Montserrat",sans-serif;

	
        
	    
}
.contenedor .bordes input{
	border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #5E2129;
}

.contenedores
{
	border-style: solid;
    border-width: 5px 5px 5px 5px;
    border-color: #5E2129;
	
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
}
.tema-contenedor
{
	border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color:  #6b7b8b;
	border-radius:15px;
	margin-right:25px;
	margin-left:25px;
	margin-top:25px;
	margin-bottom:25px;
   
}
.puntaje
{
	border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color:  #6b7b8b;
	border-radius:5px;
	margin-right:15px;
	margin-left:15px;
	margin-top:15px;
	margin-bottom:15px;
   
}

.contenedores input{
	 font-family: "Montserrat",sans-serif;
	font-size:20px;
	color:#5e2129;
}
table th {
	width:10em;
	align-content:center;
}
table{
	border-collapse:collapse;
	border-color:#5e2129;
}
tr:nth-of-type(1)>th{
	background: #5e2129;
}
 th{
	border: 1px solid;
	padding: 5px 10px;
	color:white;
	 font-family: "Montserrat",'sans serif';
	font-weight:bold;
	 font-size:20px;
}

td, th{
	border: 1px solid;
	padding: 5px 10px;
	
}
textarea{
	border-color: #ffffff;
}
.biodiversidad p{
	
	color:#5E2129;
}
.temas p{
	
	color:#5E2129;
}
.biodiversidad {
	border-style: solid;


    border-color: #5E2129;
   
}
.preguntas{
	margin-right:25px;
	margin-left:25px;
	border-radius:15px;
  
}
.pregunta{
	margin-right:25px;
	margin-left:25px;
	border-radius:15px;
  
}
.tex{
	
	margin-right:10px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	align-items:center;
	font-size:50px;
}

.texto{
	margin-right:25px;
	margin-left:25px;
}

.valor{
	border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #ffffff;
	border-radius:15px;

	
  
}
.valor p{
	color:#5E2129;
	
}
.preguntas input{
	background-color:black;
}

::-webkit-input-placeholder{
	color:white;
}

		

		





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