/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

.site-content p{
	text-align: justify;
	  text-indent: 30px;
}

/* Begin Primary Menu be hidden by slider header*/
.page-header-image{
	display:none;
}

#primary-menu{
	z-index: 2;
}
/* End Primary Menu be hidden by slider header*/

/* Begin tribe-event-calendar-list css override*/

.tribe-events-calendar-list__month-separator-text{
	padding: 10px 15px 10px 15px !important;	
    color: var( --e-global-color-17811261 );
	background-color: var( --e-global-color-bb7779a );
	font-size: 24px !important;
}
.tribe-events-calendar-list .tribe-events-calendar-list__month-separator:after{
	background-color: var( --e-global-color-bb7779a );
	height: 4px;
}
.tribe-region{
	text-decoration: none;
	border-bottom: none;
}

.ectbe-events-title{
	margin-top: 10px;
}
.ectbe-list-venue{
	margin: 10px 0px;
	border-bottom: 1px solid;
	border-bottom-color: var( --e-global-color-bb7779a ) !important;
}

.tribe-common time.tribe-common-h7{
   	color: var( --e-global-color-17811261 );
    font-family: Helvetica Neue,Helvetica,-apple-system,BlinkMacSystemFont,Roboto,Arial,sans-serif;
    font-weight: 400;
	font-size: 24px;
}
.tribe-events .tribe-events-calendar-list__event-date-tag-datetime{
	background-color: var( --e-global-color-bb7779a );
}
.tribe-events .tribe-events-calendar-list__event-date-tag-weekday{
	   	color: var( --e-global-color-17811261 );
	margin-top:15px;
}
.tribe-common .tribe-common-h5, .tribe-common .tribe-common-h6{
	   	color: var( --e-global-color-17811261 );
	
}
/* End tribe-event-calendar-list css override*/


.ectbe-event-details-link{
	background-color: #0258A5;
	padding: 10px 10px 10px 10px;
	margin-top: -10px;
	color: white;
}
.ectbe-modal-footer{margin-bottom: 20px}

#site-navigation{
	min-height: 100px;
}
.header-image{
	min-height: 100px !important;
}


.elementor-post__read-more{
	/*Color se sobreescribirá en Editar Post de Elementor Pro, pero al verse no hay problema. Por si acaso, lo definimos aquí*/
	color: white;
	background-color: #666666;
	padding: 10px 20px;
	display: inline-block;
	border: 0;
	margin: 0;
}

/* Clases para icono-pdf y descarga de PDF */
figcaption.wp-caption-text{
	text-align: center;
}
figure.alignnone{
	display: inline-block;
	vertical-align: top;
}
/* FIN: Clases para icono-pdf y descarga de PDF */

/* Clases Posts Relacionados de la barra lateral, obligando a que salgan a ancho completo (1 columna), creo es bug CSS de Elementor */
.inside-right-sidebar .generate-columns.tablet-grid-50{
	width: 100%;
}

.inside-right-sidebar .generate-columns.grid-50{
	width: 100%;
}
/* FIN: Clases Posts Relacionados de la barra lateral, ... */

/* CSS Footer */
.site-footer {
	
    background-image: url(/wp-content/uploads/2021/02/background-header-compressed.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: local;
	position: relative;

}
.footer-widgets {
	background: rgba(255,255,255,0);
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(34,34,34,0.7) 65%, rgba(34,34,34,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(65%, rgba(34,34,34,0.7)), color-stop(100%, rgba(34,34,34,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(34,34,34,0.7) 65%, rgba(34,34,34,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(34,34,34,0.7) 65%, rgba(34,34,34,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(34,34,34,0.7) 65%, rgba(34,34,34,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(34,34,34,0.7) 65%, rgba(34,34,34,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#222222', GradientType=0 );
}
.inside-footer-widgets a{
	color: #f0f0f0;
}
.footer-widget-1{
	width: 25%;
}
.footer-widget-2{
	width: 75%;
}
.inside-footer-widgets .elementor-heading-title{ color:  #fbfbfb !important;}
.inside-footer-widgets .elementor-text-editor{ color:  #f0f0f0 !important;}
/* FIN: CSS Footer */

/*The Events Calendar*/
.tribe-events-calendar-latest-past__event-details .read-more{
	padding: 10px 15px;
}
.tribe-events-single-event-title{
	color: #5c5c5c;
    font-size: 2em;
    font-weight: 600;
}

#tribe-events-pg-template {
    padding: 40px 20px 20px;
}

/* FIN: The Events Calendar */

/* The Events Control Extension Plugin */
.tribe-ext-events-control-single-notice-header{
	font-size: 24px;
}

.tribe-ext-events-control-text--alert-icon::before, .tribe-common .tribe-ext-events-control-text--alert-icon::before{
	background-size: 18px;
    height: 18px;
    margin-right: 18px;
    min-width: 18px;
}
.tribe-ext-events-control-single-notice{
	font-size: 16px;
	margin-top: 15px;
}
#tribe-events-pg-template .tribe-events-content h2, .tribe-events-after-html h2, .tribe-events-before-html h2{
	font-size: 18px;
    line-height: 1.6;
	color: #54595F;
	font-weight: 400;
}
@media (max-width: 768px) {
	#tribe-events-pg-template {
		padding: 10px 5px 5px;
	}
}
/* FIN: The Events Control Extension Plugin */


/* MEGA MENU: Uso. 
 * 
 * URL: https://docs.generatepress.com/article/building-simple-mega-menu/
 * 
 * Por defecto usa 4 columnas. Se puede modificar.
 * 
 * En elementos de menu, en el padre (del que cuelgan las columnas MegaMenu) se añade la clase css mega-menu
 *    Si deseamos cambiar las 4 columnas, añadimos la clase separada por un espacio, según las columnas que se necesiten:
 * 
 * mega-menu-col-2
 * mega-menu-col-3
 * mega-menu-col-4
 * mega-menu-col-5
 * 
 * Ejemplo, añadimos:
 *  mega-menu mega-menu-col-3
 *  Si queremos 3 columnas cuando despliegue
 * 
 * */

@media (min-width: 769px) {
    nav .main-nav .mega-menu {
        position: static;
    }

    nav .main-nav .mega-menu > ul {
        position: absolute;
		max-width: 100%;
        width: 100%;
        left: 0 !important;
        display: flex;
        flex-wrap: wrap;
    }

    nav .main-nav .mega-menu > ul > li > a {
        font-weight: bold;
    }

    nav .main-nav .mega-menu>ul>li {
        display: inline-block;
        width: 25%;
        vertical-align: top;
    }

    nav .main-nav .mega-menu.mega-menu-col-2>ul>li {
        width: 50%;
    }

    nav .main-nav .mega-menu.mega-menu-col-3>ul>li {
        width: 33.3333%;
    }

    nav .main-nav .mega-menu.mega-menu-col-5>ul>li {
        width: 20%;
    }

    nav .main-nav .mega-menu > ul > li:hover > a,
    nav .main-nav .mega-menu > ul > li:focus > a,
    nav .main-nav .mega-menu > ul > li[class*="current-"] > a,
    nav .main-nav .mega-menu ul ul {
        background-color: #202020 !important;
        color: white;
    }

    nav .main-nav .mega-menu ul .sub-menu {
        position: static;
        display: block;
        opacity: 1;
        visibility: visible;
        width: 100%;
        box-shadow: 0 0 0;
        left: 0;
        height: auto;
    }
	
	/*Geima: Damos forma a los hijos del Padre Principal*/
	nav .main-nav .mega-menu .sub-menu .menu-item>a{
		text-align:center;
	    padding: 50px 12px 50px 12px;
		font-size:22px;
	}

    nav .main-nav .mega-menu ul.toggled-on .sub-menu {
        pointer-events: auto;
    }

    nav .main-nav .mega-menu .sub-menu .menu-item-has-children .dropdown-menu-toggle {
        display: none;
    }
}

/* FIN: Mega-menu*/

/* Buscador de Categorías */
.no-display-category .postform{
	display: none;
}
/* FIN: Buscador de Categorías*/

/* Calendar for Elementor & The Event Calendar 
 * 
 * Defecto al mostrar la fecha que desajusta el ancho en resoluciones bajas.
 * 
 * */
@media (max-width: 768px) {
	.fc .fc-toolbar-title{
		font-size: 1em !important;
	}
	
	.fc-button-group>button{
		font-size: 0.8em !important;
		padding: 2px !important;
	}
	.fc-toolbar-chunk .fc-today-button{
		padding: 2px !important;
		font-size: 0.8em !important;
	}
	.ectbe-event-datetimes{
		background-color: var( --e-global-color-bb7779a ) !important;
		padding: 10px 15px 10px 25px;
		margin-left: 0px !important;
	}
	.ectbe-date-area.default-schedule{
		background-color: var( --e-global-color-bb7779a ) !important;
    	color: white;
		margin: 20px 0px 10px 0px !important;
    	padding-left: 8px;
	}
	
	.ectbe-list-posts.style-2{
		border-left: 3px solid !important;
		border-left-color: var( --e-global-color-bb7779a ) !important;
	}
	.ectbe-simple-event .ectbe-header-year{
		background-color: var( --e-global-color-bb7779a ) !important;
		padding: 5px 10px 5px 15px;
		color: white !important;
		text-transform: uppercase;
		font-size: 1.6em;
	}
	.ect-month-header.ectbe-simple-event:after{
		background-color: ##00445e  !important;
		height: 4px;
	}
	
	.tribe-common .tribe-common-g-col{
		padding-right: 0px !important;
		margin-left: 5px;
	}
	
} /* Fin Media Query*/
.ectbe-list-posts.style-2.ectbe-simple-event .ectbe-event-details{
	border-left-color: var( --e-global-color-bb7779a ) !important;
}
.tribe-events-single-section-title{
	font-size: 18px !important;
	font-weight: 400 !important;
	padding: 10px;
	border-bottom: 2px solid #e0e0e0;
	
}
.tribe-events-schedule h2{
	font-size: 24px;
	border-bottom: 1px solid;
	border-bottom-color: var( --e-global-color-bb7779a ) !important;	
}
.tribe-events-cost{
	background-color: var( --e-global-color-bb7779a ) !important;
	color: white !important;
	padding: 5px 15px 5px 15px;
	font-weight: 400 !important;	
}

.tribe-events-single-event-title{
	background-color: var( --e-global-color-bb7779a ) !important;
	color: white !important;
	padding: 5px 15px 5px 15px;
	font-weight: 400 !important;

}

.single-tribe_events .tribe-events-single .tribe-events-event-meta{
	background-color: #eaeaea;
	padding: 0px 10px 10px 10px;
}

.ect-month-header.ectbe-simple-event:after{
	background-color: var( --e-global-color-bb7779a ) !important;	
	height: 4px;	
}

.ectbe-simple-event .ectbe-header-year{
	background-color: var( --e-global-color-bb7779a );	
    padding: 5px 10px 5px 15px;
    color: white !important;
    text-transform: uppercase;
    font-size: 1.6em;
}


.ectbe-event-datetimes{
	background-color: var( --e-global-color-bb7779a );
	padding: 10px 15px 10px 15px;
}
.ectbe-simple-event .ectbe-event-datetimes span{
	color: white !important;
}
.ectbe-date-area.default-schedule{
	background-color: var( --e-global-color-bb7779a );
    color: white;
    padding-left: 8px;
}
/* Addon Buscador de eventos*/

#ecsa-search.layout-medium{
	margin: 0 auto;	
}

/* FIN: Calendar for Elementor & The Event Calendar */

/* Buscador Category Wise Search */
#searchform{
	text-align: center;
}
#searchform_cat {
	display: none !important;
}

/* FIN: Buscador Category Wise Search */

/* Botones Secciones */
.boton-secciones{
	max-width: 300px;
}
/* FIN: Botones Secciones */

/* CSS Adicional TablePress */
.dataTables_wrapper .dataTables_filter{
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
}
/* FIN: CSS Adicional TablePress */

/* CSS Box icon a la izquierda, en resoluciones bajas*/
@media (max-width: 768px) {
	.elementor-widget-icon-box .elementor-icon-box-icon{
		float:left;
		padding: 15px 15px 15px 0px!important;
	}
}
/* FIN: CSS Box icon a la izquierda, en resoluciones bajas*/

/* CSS Flipbox Icon, imagen desborde arriba y trasera borde derecho 
 * 
 * .equipo-gobierno es una clase aplicada a la sección interior 2 columnas
 * 
 * */
.equipo-gobierno .elementor-flip-box__image img{
	margin-top: -20px;
}
.equipo-gobierno .elementor-flip-box__back .elementor-flip-box__layer__inner{
	border-left: solid 8px white;
	padding-left: 10px;
}
.equipo-gobierno .elementor-flip-box__back .elementor-flip-box__layer__inner a{
	color: white !important;
}
.equipo-gobierno-alcalde{
	margin: 0 auto;
}
@media (max-width: 768px) {
	.equipo-gobierno-alcalde{
		width: 100% !important;
		max-width: 100% !important;
	}
	.elementor-flip-box__layer__overlay{
		padding: 20px 10px 20px 10px !important;
	}
	.equipo-gobierno .elementor-flip-box__back .elementor-flip-box__layer__inner{
		border-left: solid 4px white;
	}
}

/* FIN: CSS Flipbox Icon, imagen desborde arriba y trasera borde derecho */

/* CSS Titulo PR-Cu-72*/

.pr-cu-72{
	height: 128px;
	display:flex;
    align-items: center;
    justify-content: center;
	background-color: #5C5C5C;
}
.pr-cu-72 h1{
	padding: 0px 10px 0px 15px;
}

/* FIN: CSS Titulo PR-Cu-72*/