/*
 Theme Name:   Polygon
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  BeTheme Child Theme
 Author:       Polygon Education
 Author URI:   https://polygoneducation.com
 Template:     betheme
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fifteen-child
*/

/*
 * Clases genéricas auxiliares
 */
.hidden { display: none !important; }

.text-center { text-align: center; }

.mb-3 { margin-bottom: 3em; }
.mt-3 { margin-top: 3em; }
.mv-3 { margin-bottom: 3em; margin-top: 3em; }
.clear { clear: both; }

.float-right{ float:right; }
.float-left{ float:left; }
.clear{ clear: both; }

/* Menús superiores (Action_bar y Top_bar) */
#Action_bar .social-menu {
	padding: 10px 0 !important;
}

#Top_bar {
	top: 30px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

#Action_bar .social li a, #Header_creative .social li a, #Action_bar:not(.creative) .social-menu a {
    color: #272727;
    font-size: 14px;
}
#Action_bar .social li a:hover, #Header_creative .social li a:hover, #Action_bar:not(.creative) .social-menu a:hover {
    color: #575756;
}

#Header_wrapper #Header #Top_bar .menu_wrapper .responsive-menu-toggle .icon-menu-fine{
	color: #ffffff;
}

/* Submenús */
nav#menu ul.sub-menu li.menu-item a span {
    font-size: 13.5px;
    font-weight: 500;
}

/*
 * HOME
 */

/* Actualiza los estilos de las cajas 'trailer-box' de la sección 'formación' de la home */
body.home .trailer_box .desc {
	background: linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0));
}

.trailer_box .desc .subtitle,
.trailer_box.plain .desc .line {
	background: none;
}

body.home .trailer_box .desc .subtitle {
	font-weight: bold;
}

/* sección ultimas noticias de la home */
body.home .blog_wrapper.isotope_wrapper .posts_group.photo2 .post-item.isotope-item .post-desc-wrapper {
	padding-left: 0;
	padding-right: 0;
}

body.home .blog_wrapper.isotope_wrapper .posts_group.photo2 .post-item.isotope-item .post-desc-wrapper .author-date {
	display: block;
	color: #e0272e;
	text-transform: uppercase;
}

body.home .blog_wrapper.isotope_wrapper .posts_group.photo2 .post-item.isotope-item .post-desc-wrapper .post-title {
	text-transform: uppercase;
}

body.home .blog_wrapper.isotope_wrapper .posts_group.photo2 .post-item .post-footer {
	display: none;
}

body.home .blog_wrapper.isotope_wrapper .posts_group.photo2 .post-item .image_frame.post-photo-wrapper {
	height: 252px;
}

body.home .blog_wrapper.isotope_wrapper .posts_group.photo2 .post-item .image_frame.post-photo-wrapper .image_wrapper,
body.home .blog_wrapper.isotope_wrapper .posts_group.photo2 .post-item .image_frame.post-photo-wrapper .image_wrapper a {
	height: 100%;
	text-align: center;
}

body.home .blog_wrapper.isotope_wrapper .posts_group.photo2 .post-item .image_frame.post-photo-wrapper .image_wrapper a img.wp-post-image{
	height: 100% !important;
	width: auto !important;
	max-width: initial !important;
	margin: 0 auto;
    transform: translateX(-50%);
    margin-left: 50%;
}

/* Sección descubre nuestros programas*/
body.home .column_promo_box .promo_box .promo_box_wrapper .desc_wrapper a.button { 
	background: none;
	color: #e0272e;;
	border: solid 3px #e0272e;
	transition: all 0.2s;
}
body.home .column_promo_box .promo_box .promo_box_wrapper .desc_wrapper a.button:hover { 
	background: #e0272e;
	color: #ffffff;
}
body.home .column_promo_box .promo_box .promo_box_wrapper .desc_wrapper a.button .button_icon { display: none !important; }
body.home .column_promo_box .promo_box .promo_box_wrapper .desc_wrapper a.button .button_label { margin-left: 0; }


/* footer */
#Footer .footer_action {
	background: none;
}

/* Escondemos la featured image de la entrada de blog */
.single-post .single-photo-wrapper.image {
    display: none;
}

/* Clase que se usa para las entradas de blog, para que los iframes de YouTube se alineen al texto */
.video-alineado {
    float: left;
    margin: 0 20px 5px 0;
}

/* Filtros de portfolio (pagina ComunicARTE) */
.page-id-2380 .column_portfolio #Filters .filters_wrapper {
	text-align: center;
}
.page-id-2380 #Filters .filters_wrapper ul li {
	width: auto;
	padding: inherit 7px;
}

#Filters .filters_wrapper ul.categories li a {
	text-align: center;
	border: none;
	font-weight: bold;
}

/*
 * Item del Portfolio (proyectos de ComunicARTE)
 */
body.portfolio-template-default.single.single-portfolio div.section.section-post-header{
	display: none;
}

/*
 * Versión Movil
 */
@media only screen and (max-width: 767px){
	/* Menú superior y logo */
	#Header #Top_bar {
		position:sticky;
	}

	#Header #Top_bar .logo {
		margin-left: 5px;
	}

/*    #Header #Action_bar,
    #Header #Action_bar .container
    {
    	display: inline-block !important;
    	background-color: transparent !important;
        position: fixed;
        padding: 0 !important;
        right:33px;
        /*height: 80px;
        z-index:99;
    }*/

    /*body.side-slide-is-open #Header #Action_bar,
    body.side-slide-is-open #Header #Action_bar .container
    {
    	height: auto;
    }*/

    #Header #Action_bar #social-menu{
    	margin-right: 20px;
    	padding: 8px 0 !important;
    }

    #Header #Action_bar .social li a,
    #Header #Action_bar .social-menu a{
    	font-size: 12px;
    }

	/* Secciones de la Home */
	body.page.home .trailer_box {
		margin-bottom:2em;
	}

	body.page.home #programas .column_promo_box .promo_box .desc_wrapper {
		text-align: center;
	}

	/* Página de Proposito */
	body.page-proposito #que-hacemos .wrap.mcb-wrap .mcb-wrap-inner .column.mcb-column.one-second.column_column .column_attr{
		padding: 30px !important;
	}

	body.page-proposito #nuestros-fundamentos *{
		text-align: center !important
	}

	body.page-proposito #metodologias .list_item .list_right{
		display: flex;
	    justify-content: center;
	    height: 80px;
	    flex-direction: column;
	}


	/* Página de Fromación */
	body.page-formacion #planes-de-formacion .section_wrapper.mcb-section-inner .wrap.mcb-wrap.one-second{
		padding: 30px !important;
	}
}

body.post-template-default.single.single-post h5.entry-title{
	font-size: 2rem;
}