/* 
Theme Name: COWOWO 
Theme URI: http://www.cowowo.cat/
Description: Responsive WordPress Theme
Version: 4.0
Author: COWOWO S.L.
Author URI: http://www.cowowo.cat/
Tags: responsive html5 w3c

Copyright (C) 2016 COWOWO S.L.
*/

/* LABEL DEL FORM DE IL3 */
.w_grayAndBlue .w_black .readMore label.cww_label {
text-align: left !important;
width: 100%;
margin-bottom: 8px;
}

/* esto en local lo habia puesto en el partial de forms */
.formLine a:hover {text-decoration: underline;}	
.formLine button {
	border: 0;

	cursor:pointer;
	/* @include transition(all $t_base linear); */
	background-color:#0071cd;
	/* &:hover {background-color: darken($c_blue, 10%);} */	
	font-weight: bold;
	color: #fff;
		font-size: 20px;
		padding: $spacing05 $spacing;
		// border-radius: $spacing025;
	}




/* 
 * BLOG nav categories - this must ve added manually to style.css file online....
 */
 
ul.menuSecciones {
	overflow: hidden;
	margin-bottom: 48px;
	} 
 
ul.menuSecciones li {
		float: left; 
		margin-right: 12px; 
		margin-bottom: 12px; 
		}

ul.menuSecciones li:last-of-type {margin-right: 0px;}

ul.menuSecciones a {
		display: block;
		background-color: #ccc; 
		text-transform: capitalize; 
		
	cursor:pointer;
	// background-color: #0071cd;
	font-weight: bold;
	color: $c_white;	
		font-size: 14px;
		padding: 6px 12px;
		}

ul.menuSecciones a:hover {
background-color: #0071cd;
color: #fff;
}	
	

	

/* BLOG - SINGLE - SOCIAL ICONS */
.m_linksSocial {
	margin-top: 24px;
	margin-bottom: 24px;		
	overflow: hidden;
	} 
.m_linksSocial .item {
	float: left;
	margin-right: 12px;
	} 
.m_linksSocial .item:last-of-type {margin-right: 0px;}		
	
.m_linksSocial a {
	display: block; /* pk el twitter button es un link tal cual... // estoi no hace nada.... */				
	}


/* 2020-06-26 - modifier class of 3 boxes etc to prtevent top border, as i had to add css classes to make the rwd work */
.l_home_banner.case_row.case_cursos .w_boxes {
border-top-width: 0px;
}

/* Máster mundial: no se visualizan correctamente las “opiniones de los estudiantes”  */

@media only screen and (max-width: 599px) {

.w_cursProgramaBoxes {
padding-left:0px;
padding-right:0px;
/* border: 1px solid white; */
}

}





/* 
.m_testiomonies_slider {
border: 1px solid white;
}
*/



/* slider, starting in testimonials */
@media only screen and (max-width: 800px) {

.m_testiomonies_slider {
/* border: 1px solid blue; */ 
/*
padding-left: 96px;
padding-right: 96px;
*/
padding-left: 32px;
padding-right: 32px;
}


/* START FLEXING IT !!! */ 

.m_slide .inner {
/* border: 1px solid white; */
display: flex;
flex-direction: column;
}
.m_slide .inner .info {
display: block;
width: 100%;
order: 2;
}
.m_slide .inner .thumbnail {
display: block;
width: 100%;
max-width: 320px;
margin: 0 auto;
padding-left: 0px; 
order: 1;
margin-bottom: 12px;
}



.m_slide .inner .info { /* PAR AINVERTIR EL ORDEN DE TEXT & NAME */
display: flex;
flex-direction: column;

}
.m_slide .inner .info .text { 
order: 2;

}
.m_slide .inner .info .author { 
order: 1;
margin-bottom: 36px;
text-align: center;
}


}


@media only screen and (max-width: 599px) {

.m_testiomonies_slider {

padding-left: 50px; /* 18px difference */
padding-right: 50px;
}



.m_testiomonies_slider .m_slide .inner {
/*
padding-left: 48px;
padding-right: 48px;
*/
padding-left: 12px; 
padding-right: 12px;
}




}







/* home - slider cuadrado enrome, hacerlo menso imponenet */

.l_home_slider .m_slide_home .title {width: 100%;}


.frame_narrow.case_slider {
    /* max-width: 900px; */
    /* max-width: 450px;  */
   max-width: 37%; 
}

@media only screen and (max-width: 1440px) {
/* .frame_narrow.case_slider {max-width: 50%;} */
}

@media only screen and (max-width: 1024px) {
/* .frame_narrow.case_slider {max-width: 80%;} */
.frame_narrow.case_slider {max-width: 100%;}
}
@media only screen and (max-width: 800px) {
/* .frame_narrow.case_slider {max-width: 90%;} */
/* .frame_narrow.case_slider {max-width: 100%;} */
}
@media only screen and (max-width: 599px) {
/* .frame_narrow.case_slider {max-width: 100%;} */
}




/* El apartado de Centros de prácticas no se ve correctamente */


@media only screen and (max-width: 1024px) {

.w_cursPracticasLogos {
    /*
padding-left: 130px;
    padding-right: 130px;
*/
    padding-left: 32px;
    padding-right: 32px;
}

}


@media only screen and (max-width: 599px) {
.w_cursPracticasLogos {
    /*
padding-left: 50px;
    padding-right: 50px;
*/
}
}



.w_cursPracticasLogos .moduleTemp {

/* border: 1px solid #ccc; */
}


.w_cursPracticasLogos .moduleTemp ul {
font-size: 0px;
}


.w_cursPracticasLogos .moduleTemp li {
    /*
display: inline-block;
    width: 100% / 6;
*/
	width: calc(100% / 7); /* ASI CONSEHGUIMOS MAX 2 LINEAS DE LOGOS EN DESKTOP */
}


@media only screen and (max-width: 1024px) {
.w_cursPracticasLogos .moduleTemp li {width: calc(100% / 6);}
}
@media only screen and (max-width: 800px) {
.w_cursPracticasLogos .moduleTemp li {width: calc(100% / 5);}
}
@media only screen and (max-width: 599px) {
.w_cursPracticasLogos .moduleTemp li {width: calc(100% / 4);}
}
@media only screen and (max-width: 500px) {
.w_cursPracticasLogos .moduleTemp li {width: calc(100% / 3);}
}
@media only screen and (max-width: 400px) {
.w_cursPracticasLogos .moduleTemp li {width: calc(100% / 2);}
}



/*
 * COWOWO
 * 2024/05/15
 * PRE-FOOTER LOGOS - as they are now dynamic fomr acf repatear in footer theme optiosn page, i have to update the layout system to accomodate for dynamic number of logos, so we'll use flex box now instead of text align center & display inline block path
 */
.l_preFooter_logos {
	text-align: unset;
}

	.l_preFooter_logos ul {
		/*
		display: inline-block;
		font-size: 0px;
		*/
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 24px;	
	}

	.l_preFooter_logos li {
		margin-left: unset;
	}


@media only screen and (max-width: 1120px) {
	
	.l_preFooter_logos ul {
		flex-wrap: wrap;
	}
	
} /* MEDIA QUERY */

@media only screen and (max-width: 1024px) {
	/*
	.l_preFooter_logos ul {
		flex-wrap: wrap;
	}
	*/
    .l_preFooter_logos li {
        /* width: 200px; */
		width: 240px; /* revert back the original size; temp */
    }
	
} /* MEDIA QUERY */





@media only screen and (max-width: 599px) {
    .l_preFooter_logos li {
		margin-bottom: unset;
    }
    .l_preFooter_logos li:last-of-type {
		margin-bottom: unset;
    }	
} /* MEDIA QUERY */